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:"Noto Sans", Arial, sans-serif;
                    font-weight:900;
     
}
header.top-head .logo a span{
            font-family:"Open Sans", Arial, sans-serif;
                    font-weight:100;
     
}

 
  
  
  
  
             
   .nav-single {
    display:none;
 }
      header.top-head.stickyHeader{
         
    }
      
  
     .page-title > .container{
        height: 130px;
    }
   
     h1, h2, h3, h4, h5, h6 {

    font-family: 'Cairo', sans-serif !important;
} 
.tp-caption slide-heading   {
font-family: 'Cairo', sans-serif !important;
}
.tp-caption sub-head-white   {
  font-family: 'Cairo', sans-serif !important;
}
/*Main menu skew*/ 
.top-nav > ul > li {
    position: relative;
    float: left;
    margin: 0;
    border-left: 1px #fff solid;
    height: 83px;
    overflow: hidden\9;
    -moz-transform: skew(-10deg, 0);
    -ms-transform: skew(-10deg, 0);
    -o-transform: skew(-10deg, 0);
    -webkit-transform: skew(-10deg, 0);
    transform: skew(-10deg, 0);
}
 
/*Excpert Title*/
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title>a:hover, .wpb_content_element .wpb_tabs_nav li:hover>a, .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, .wpb_gallery .wpb_flexslider .flex-caption {
color: #6d6e71 !important;
}
.white-bg {
    -moz-transform: skew(-10deg, 0);
    -ms-transform: skew(-10deg, 0);
    -o-transform: skew(-10deg, 0);
    -webkit-transform: skew(-10deg, 0);
    transform: skew(-10deg, 0);
}

.page-title h1 {    
    color: #83b93d;
}

/*Slider custom CSS */

.main-bg, .top-nav > ul li a:hover, .top-nav > ul > li.selected > a, .top-search.selected a, .top-nav li.current > a, .plan-year:after, .team-boxes-2 .cell-3:hover .team-box-2, .head-style3 .top-search a, .service-box-1:hover .box-top, .top-nav-style3, .sticky .top-nav > ul > li > a:hover, .item-box:hover .item-title, .tp-bullets.simplebullets.round .bullet, .top-nav li li a, .fixedHead .top-nav > ul > li > a:hover, .fixedHead .top-nav > ul > li.selected > a, .fixedHead .top-nav > ul > li.current > a, .top-search a:hover, .service-box-2:hover a.r-more, .service-box-3:hover a.r-more, .pager ul li.selected, .slick-prev:hover, .slick-next:hover, .hr-style1:before, .hr-style1:after, .social-list li a:hover, .footer-top .tags a:hover, hr:before, hr:after, .tp-arr-allwrapper:hover, .level-in, .tabs-vertical .tabs-pane .tab-panel:before, .table-style2 th, .menuBtn, .service-box-1:hover:after, .portfolio-item:hover:after, #filters li:hover, #filters li.active, .head-style2 .top-search a, .team-box .team-details, .title-4 h1, .tabs > ul li:hover, .tabs > ul li.active, .steps li.selected span, .icon-cont, .view-all-projects a:hover, .accordion-horizontal > li.active a, .list-grid a.selected, .testimonials-2 .slick-prev:hover, .testimonials-2 .slick-next:hover, .comment-reply:hover, .service-box-2:hover .fa, .service-box-3:hover .icon, .share-post ul li a:hover, .item-price, .accordion li.active h3 u, .pager ul li:hover, .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, footer .NL .NL-btn:hover, .search-w .btn, .cart-icon, .sale, .flex-control-paging li a.flex-active, .responsive-one ul, .menuBtnOne, .service-box-4 a, .service-box-5 a, .block-head-News:hover .icon {
    background-color: #a5d549;
    color: #fff;
}

.top-nav > ul > li > a {         
    font-size: 15px;   
}

 
/*ٍSlider Arrows*/
.tp-rightarrow .tp-arr-allwrapper {
    -moz-transform: skew(-25deg, 0);
    -ms-transform: skew(-25deg, 0);
    -o-transform: skew(-25deg, 0);
    -webkit-transform: skew(-25deg, 0);
    transform: skew(-25deg, 0);
}
.tp-arr-allwrapper {
    margin: 0 10px;
    width: 50px;
    height: 60px;
    background: #fff;
}
.tp-rightarrow .tp-arr-iwrapper {
    -moz-transform: skew(25deg, 0);
    -ms-transform: skew(25deg, 0);
    -o-transform: skew(25deg, 0);
    -webkit-transform: skew(25deg, 0);
    transform: skew(25deg, 0);
} 
.tp-arr-iwrapper {
    color: #a0a0a0;
    text-align: center;
    font-size: 30px;
    font-family: FontAwesome;
    line-height: 60px;
}
.tp-arr-iwrapper {
    color: #a0a0a0;
    text-align: center;
    font-size: 30px;
    font-family: FontAwesome;
    line-height: 60px;
}

.skew-10 {
    -moz-transform: skew(-10deg, 0);
    -ms-transform: skew(-10deg, 0);
    -o-transform: skew(-10deg, 0);
    -webkit-transform: skew(-10deg, 0);
    transform: skew(-10deg, 0);
} 
.tp-mask-wrap {overflow:visible !important}
header.top-head .logo a span {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 100;
    display: none;
}
.head-style1 header.top-head:after {
    position: absolute;
    width: 100%;
    height: 7px;
    bottom: 0;
    background: #E5E5E5;
    content: "";
    display: none;
}
header.top-head {
    position: relative;
    z-index: 5555;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
}
.top-bar a:hover {
color:#333;
text-decoration: none;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    padding: .1em;
}

/*For the sticky header active underline*/
 .stickyHeader .top-nav > ul > li.current-menu-parent > a:before, .stickyHeader .top-nav > ul > li.current-menu-ancestor > a:before, .stickyHeader .top-nav > ul > li.current-menu-item > a:before {
        background: none;    
}

/*For taps active*/
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title>a:hover, .wpb_content_element .wpb_tabs_nav li:hover>a, .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, .wpb_gallery .wpb_flexslider .flex-caption {
    color: #ffffff !important;
}

/*skew page title*/
.title-1 .breadcrumbs {
    background-color: #82BC41 !important;
}

.page-title > .container > .row, .page-title > .container > .row .lft-title {
    height: 100%;
    -moz-transform: skew(-10deg, 0);
    -ms-transform: skew(-10deg, 0);
    -o-transform: skew(-10deg, 0);
    -webkit-transform: skew(-10deg, 0);
    transform: skew(-10deg, 0);
}
p {
 text-align: justify;
}

 .top-bar-menu img {
    float: right;
    margin-top: 14px;
    margin-left: 5px;
 	
 }

.head-style1 .top-nav > ul > li > a:after {
     height: auto;
}

header.top-head { 
    min-height: 83px;    
}

header.top-head .logo { 
    height: 83px;
}

.effect-1 .top-nav > ul > li > ul { 
    top: 84px;  
    left: 0; 
}
#footWrapper {
     font-size: 13px;
}
.top-bar ul.social-list li a:hover span {
color:#fff;
}
.page-title .breadcrumbs {
   font-size: 13px;
}
label {
    width: 100%;
}
.powerdbyimg {
max-width: 150px !important
}
.esg-filters.esg-navbutton-solo-right {
         right: -50px;        
}
.esg-filters.esg-navbutton-solo-left {   
    left: -50px;
 }

.esg-media-cover-wrapper {
border: 1px solid #efefef;
}
.gry-bg, .esg-filter-wrapper {
    background: #fff;
}
.md-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}
.footer-top {    
    padding: 40px 0 40px;    
}

.list.prim.list-ok {
 text-indent: -20px !important;
 padding-left:20px !important;
}

.title-1, .title-3, .title-5, .title-7, .title-9 {
    background-color: #6ca729;
    background-image: none;
}

.page-title h1 {
    color: #ffffff;
}
.top-bar .top-nav > ul > li > a span {   
    font-size: 12px !important;
}
.form-control {   
    height: 40px !important;
}
.wpcf7-submit {
	line-height: 40px !important;
	margin-top:15px !important;
}
.btn-primary { 
    border-color: #a5d549 !important;
}
span.wpcf7-form-control-wrap {  
    overflow: hidden !important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0.5em !important;
}     .top-nav > ul li a i{
        color: #6d6e71;
    }