@import url('https://fonts.googleapis.com/css?family=Roboto');

@import url('https://fonts.googleapis.com/css?family=Maven+Pro');

@import url('https://fonts.googleapis.com/css?family=Orbitron');

@import url('https://fonts.googleapis.com/css?family=Russo+One');

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('https://fonts.googleapis.com/css?family=Advent+Pro');

/*

 ===========================================================

 = Section-General

 ===========================================================

 */



 h1,h2,h3,h4,h5,h6{

 font-family: 'Advent Pro', sans-serif !important;
 /* Color:#ccc  !important; */

 text-transform: uppercase;

 letter-spacing:  4px;

 margin-top: 0;
 }



h2{

  font-size: 35px;

}

p{

  font-family: 'Titillium Web', sans-serif;
  font-size: 18px !important;

  line-height: 1.8;
  color:#777  !important;



}

ul{

  padding: 0 !important;

    list-style-type: none !important;

}

li{

  list-style: none;
color: #eee !important;
font-size: 18px;
line-height: 1.6;
}
.widget_title{
font-size: 25px;
border-bottom: 2px solid #eee;

margin-top: 10px;
padding-bottom: 10px;
}
.recentTitle h5{
font-size: 25px;
border-bottom: 2px solid #eee;

padding-bottom: 10px;
}
.white{

  color:white !important;

}

a {

   outline: 0 !important;

}

/*Navigation Formatting */



.navbar{

  margin-bottom: 0px !important;

  border-radius:0px;

}



.navbar .navbar-nav {

    display: inline-block;

    float: none;

}



.navbar .navbar-collapse {

    text-align: center;

}



.navbar .navbar-nav li{

  font-size: 22px;

}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{

  color:#fdd000;

}



/*Footer Copyright */

footer {

    position: absolute;

    width: 100%;



    background-color: #333;

}



.container .text-muted{

  margin: 10px 0;

}



.navbar {

  background-color: #174750 ;

  /*box-shadow: 0px 0px 10px orange;*/

  box-shadow:0px 1px 4px #000000;

  /*border-bottom: 2px solid #fdd000;*/

  border:none !important;
  z-index: 1;

}

.navbar-inverse .navbar-nav > li > a {

    color: #eee !IMPORTANT;

    FONT-SIZE: 16PX;

    font-weight: 400;

    font-family: Titillium Web;

    letter-spacing: 1px;

}

.active {


  background-color: transparent;


}



.footer-widget li
{
   font-size: 15px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbaranav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{

    background-color: transparent !important;

}



/*

 ===========================================================

 = Section Tabs Section

 ===========================================================

 */



  .nav-tabs li {

    float:none;

    display:inline-block;

  }

  .nav-tabs {

    border-bottom: none !important;

    padding:  10px;

    text-align: center;

  }

 /*.tab-pane {



   background: url('http://cothmjournal.dev/wp-content/uploads/2017/11/editor-1.png') no-repeat center!important;

   height: 600px;

   background-size: 600px !important;



 }*/



 .nav.nav-tabs li a {



     /*font-family: 'Roboto', sans-serif;*/

     font-size: 25px;

     color:#619cce ;



}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover

{

    background-color: transparent;

    border: none !important;

    color: #5873d3;

    text-decoration: none;

    outline: none;

}



.nav-tabs>li>a:hover {



    border: 0px;

    color: #5873d3;

}



.nav>li>a:focus, .nav>li>a:hover{



    background-color:  transparent !important;



}



.tab-content{



  margin-top: 30px;



}



.tab-text{

  margin-top: 45px;



}



/*

 ===========================================================

 = Section- Conatact Form

 ===========================================================

 */

 #gform_1 input[type="text"]
{
  font-size: 15px;
  color: #8e8d8d;
  line-height: 48px;
  height: 48px;
  padding: 0 20px;
  width: 100%;
  border: 1px solid #e0e0e0;
  background: #fff;
  font-family: "Open Sans";
  transition: all .15s;
  -webkit-transition: all .15s;

}
#gform_1 textarea
{
  font-size: 15px;
  color: #8e8d8d;
  line-height: 48px;
  padding: 0 20px;
  width: 100%;
  border: 1px solid #e0e0e0;
  background: #fff;
  font-family: "Open Sans";
  transition: all .15s;
  -webkit-transition: all .15s;

}
.gform_submit_button_1{
width:100% !important;
text-align: center;
}
.gform_wrapper .gform_footer{
text-align:center;
margin:0px!important;
padding: 0px !important;
}
#gform_submit_button_1{
cursor: pointer;
background: #e88597;
padding: 13px 43px!important;
font-size: 18px!important;
line-height: 18px!important;
color: #fff;
border:none;
font-family: "Open Sans";
width: 100%;
}
#gform_submit_button_1:hover{
  background: #dea4ae;
}

#gform_1 label{
display: none;
}

div#gform_confirmation_message_1{
font-size: 15px!important;
text-align: center !important;
}

#gform_wrapper_1{
  margin: 5px;
background: #00adba;
padding: 30px
}






/*

 ===========================================================

 = Section-Cube Portofolio;

 ===========================================================

 */

.std-sb-portofolio img{

   position: absolute;

   top: 30%;

   left: 33%;

   right: 33%;

   width: auto !important;



   }

.std-sb-portofolio_1 img{

   position: absolute;

   top: 40%;

   left: 33%;

   right: 33%;

   width: auto !important;



   }

./*
 ===========================================================
 = Section-Our Peeople Cards
 ===========================================================
 */

 .card-block {
     font-size: 1em;
     position: relative;
     margin: 0;
     padding:0px 0px 0px 10px !important;
     border: none;
     border-top: 1px solid rgba(34, 36, 38, .1);
     box-shadow: none;
 }

 .card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;

}

 .card-services {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    height: 320px;
  }

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}
.card-img-top-services {
    display: block;
    width: 100%;
    height: 250px !important;
}

.card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
    color: #2e2e2e;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
    font-weight: bold;
    font-size: 13px;
}

.card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}

@media (min-width: 992px){
.card-resp{
    width: 20%;
          }
}

.dropdown-menu {
    background-color: #2e2e2e !important;
    color: white !important;
    font-size: 20px;

}


.dropdown-menu>li>a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    font-size: 16px;
    font-family: 'Titillium Web', sans-serif;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ed8497;
    outline: 0;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ed849780;
}