body{
            font-family:"Open Sans", Arial, sans-serif;
                    font-weight:normal;
        }
.top-nav > ul li a{
            font-family:"Open Sans", Arial, sans-serif;
                    font-weight:normal;
        }
.top-nav li li a{
            font-family:"Open Sans", Arial, sans-serif;
                    font-weight:normal;
        }
h1,h2,h3,h4,h5,h6{
            font-family:"Open Sans", Arial, sans-serif !important;
                font-weight:normal;
    }
header.top-head .logo a{
            font-family:"Open Sans", Arial, sans-serif;
                    font-weight:900;
     
}
header.top-head .logo a span{
            font-family:"Open Sans", Arial, sans-serif;
                    font-weight:100;
     
}

 
  
  
  
  
             
       header.top-head.stickyHeader{
         
    }
      
  
   
      .top-nav > ul li a {
    font-family: 'Cairo', sans-serif !important;
font-weight: bold;

}
 
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cairo', sans-serif !important;
} 
p {
  text-align: justify;
}
 
.tp-caption slide-heading   {
font-family: 'Cairo', sans-serif !important;
}
.tp-caption sub-head-white   {
  font-family: 'Cairo', sans-serif !important;
}


/**/
.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

label {    
    width: 100%;        
}
.wpcf7-form p, .contact-form p {
    margin: 0 0 10px 0 !important;
}

.icon-box-5 i.icon {
    font-size: 50px;
    margin: auto;
}
 
.eg-quincy-element-1-a {
    display: none !important;    
}

.icon-box-7 .mediumFont {
    overflow: hidden;
    max-height: 180px;
    border-bottom: 1px #eee solid;
    padding-bottom: 5px !important;
}

.icon-box-7 .icon {   
    margin: 0 auto 10px;     
}
.icon-box-7 .mediumFont {
   
    margin-top: -15px;
}

.one-page ul li.current {
    border-bottom: 2px #4e8abf solid !important;
    
}

#filters li, .esg-filterbutton {
    float: left;
    margin: 0 1px 0 0 !important;
    background: #66d2f7 !important;
    border-radius: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
    border: 0 !important;
    font-weight: normal !important;
    text-transform: none !important;
}

.footer-top {    
    padding: 20px 0 20px;    
}

.block-head, .wpb_heading, #bbpress-forums h3, .gform_title, .edd_form fieldset legend {
     
    margin-bottom: 30px;
   
}

/*active menu*/
.one-page ul li.current {
    border-bottom: 2px #4e8abf solid !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c7eafc+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(199,234,252,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(199,234,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(199,234,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7eafc',GradientType=0 ); /* IE6-9 */
}

header.top-head.stickyHeader .logo a {
    margin-top: -11px !important;
}

.minimal-light .esg-filterbutton, .minimal-light .esg-navigationbutton, .minimal-light .esg-sortbutton, .minimal-light .esg-cartbutton a {
    margin-top: 1px!important;
}
.gry-bg, .esg-filter-wrapper {
    background: #ffffff;
     transform: none;
}
.skew25 {
transform: none;
}
.copyrights a {
    color: #7C7C7C;
    text-decoration: none;
}
header.top-head .logo a img {
    max-height: 100px;
}
header.top-head.stickyHeader {
    height: 80px;
}
.stickyHeader .top-nav > ul > li > a, .stickyHeader .top-nav > ul > li {
    height: 80px !important;
    padding-top: 0;
}
.stickyHeader .top-nav > ul > li > a span {
    margin-top: 0;
    line-height: 80px;
}
/*home small slider*/
.esg-filters.esg-navbutton-solo-right {    
    right: -50px;
    top: 35%;     
}
.esg-filters.esg-navbutton-solo-left {     
    left: -50px;
    top: 35%;   
}
/*portofolio*/
.esg-media-cover-wrapper {
border: 1px solid #efefef;
}
.rev_slider {     
    background: #02425a;
}
.xl-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}     .top-nav > ul li a i{
        color: #6ccff6;
    }
  
           
      