@import url('https://fonts.googleapis.com/css?family=Yantramanav:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
 
body{ padding:0; margin:0;font-family: 'Yantramanav', sans-serif;  font-weight:400;  font-size:16px}

.btn{ font-family: 'Yantramanav', sans-serif;  padding: 12px 20px; min-width:100px;  white-space: normal; transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; position:relative;     }
.btn.btn-lg{ font-size: 1.375em; font-weight:300;    padding: 18px 28px 18px 40px;}
.btn.btn-primary{ background-color:#1b2d59; border:0;}
.btn.btn-primary:hover{ background-color:#132249}
.btn.btn-success{ background-color:#18b72f; color:#fff;  border:0;}
.btn.btn-success:hover{ background-color:#16a92b}
.btn.btn-lg .zmdi{ margin-left:10px;}

.btn.btn-radius{ border-radius:70px}
.btn.btn-primary-outline{ border:1px solid #068fca; background-color:transparent;}
.btn.btn-primary-outline:hover{background-color:#068fca; color:#fff}
a:hover{ text-decoration:none}


header.main-header{ position:relative; left:0; top:0; width:100%; z-index:9; transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; background-color:#fff}
header.main-header.fixed-header{ position:fixed; left:0; top:0; width:100%;  background-color:#fff;padding-top:5px; padding-bottom:5px;box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.09);}



header.main-header .logo{ display:inline-block; vertical-align:middle; padding:8px 0}
header.main-header .logo a{ display:block;}
header.main-header .logo img{ max-width:100%; height:auto; display:block;}
header.main-header nav{ display:inline-block; vertical-align:middle; min-height:auto; margin:21px 0 0 0}
header.main-header nav .container-fluid{ padding:0}
nav .navbar-nav li a{    font-family: 'Roboto'; color:#272727; font-size:1em;font-weight:300 }
nav .navbar-nav>li>a{  padding: 13px 17px 11px 17px;   border-radius: 5px; }
header.main-header nav .navbar-nav li a:hover{ background-color:#18b72f;  color:#fff}
header.main-header .nav>li>a:hover, header.main-header .nav>li.active>a{ background-color:#18b72f; color:#fff}
header.main-header .nav li a:focus{ background-color:initial; color:initial;}
header.main-header .nav .open>a,  header.main-header .nav .open>a:hover, header.main-header .nav .open>a:focus{background-color:#18b72f; color:#fff}

header.main-header .dropdown-menu{ font-size:initial;    top: 93%;}
header.main-header .dropdown-menu:before{     content: "";  background-color: #18b72f;  height: 2px;  width: 100%;  position: absolute;   top:-1px;}
header.main-header .dropdown-menu>li>a:hover{background-color:#18b72f; color:#fff}
header.main-header .dropdown-menu>li>a{    padding: 4px 15px;}


.head-top{ background-color:#fff; border-bottom:1px solid #e3e3e3}
.head-top .co-details{ padding:7px 0}
.head-top .co-details a{font-family: 'Roboto', sans-serif; font-size:1em; color:#383838;border-right:1px solid #fff; padding-right:10px; margin-right:4px;}
.head-top .co-details i{ margin-right:7px}
.head-top .co-details a:last-child{ border:0; padding-right:0;}
.headSocail{margin-top: 7px; text-align:right}
.headSocail a{ color:#1b2d59; display:inline-block; margin-left:7px;}

header.main-header .headRight{ float:right}
.r_quote{  display: inline-block;  vertical-align: bottom;}
.r_quote .btn{   font-family: 'Roboto';  border:1px solid #1b2d59; border-radius:70px; font-size:1em; color:#1b2d59; font-weight:500; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.17);}
.r_quote .btn:hover{ background-color:#1b2d59; color:#fff}

.container{ max-width:1170px; width:auto!important}

.bannerSec{ width:100%; position:relative; height:723px; overflow:hidden;}
.bannerSec .carousel {  position: relative;  height: 723px;}
.bannerSec .carousel .item{ height: 723px;}
.bannerSec .banner_wall{ width:100%; height:100%;  position: absolute;  left: 0;  top: 0; background-repeat:no-repeat; background-size:cover; background-position:center center }
.bannerSec .banner_wall img{  width: 100%;  height: 100%;  display: block;  object-fit: cover;}
.bannerSec .banner-caption{font-family: 'Yantramanav', sans-serif; position:absolute; left:0; bottom:30%; width:100%; text-align: left; color:#242424; }

 

.bannerSec .banner-caption h2{ font-size:3.250em; font-weight:300;  line-height:1.1; margin:0 0 22px 0;}
.bannerSec .banner-caption h2 span{  font-size:120%;  font-weight:700}

.bannerSec .banner-caption h1{ font-size:3.250em; font-weight:300;  line-height:1.1; margin:0 0 22px 0;}
.bannerSec .banner-caption h1 span{  font-size:120%;  font-weight:700}

.bannerSec .banner-caption h3{ font-size:1.375em; font-weight:normal; text-transform:uppercase;letter-spacing: 0.059em; line-height:normal; margin:0}
.bannerSec .banner-caption p{ font-family: 'Yantramanav', sans-serif;  font-weight:300; font-size:1.250em;}
.bannerSec .button-block{ margin-top: 30px;}
.bannerSec .button-block .btn{ font-family: 'Yantramanav', sans-serif;       padding: 15px 33px 14px 33px;  font-size: 1.375em;   font-weight: 300;}
.bannerSec .button-block .btn i{ display:inline-block; vertical-align:middle; margin-left:7px;}
.bannerSec .carousel-indicators{ bottom:13px;}
.bannerSec .carousel-control{ background: none;}
.bannerSec .carousel-indicators li{  width:14px;  height: 14px; margin:0 4px;  border-radius:50%; background:#fff; border: 0; position:relative}
.bannerSec .carousel-indicators li:after{  content:""; position:absolute; left:0px; top:0px; border:2px solid #fff; width:12px; height:12px; display:block; border-radius:50%; transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.bannerSec .carousel-indicators li.active:after{width:26px; height:26px;left:-6px; top:-6px; }        
.bannerSec .max-w{ max-width:690px;}
header.main-header .navbar-toggle{  width:35px;  height: 35px;}

.bannerSec .carousel-control { width:10%}
.bannerSec .carousel-control .glyphicon{ color:#000; text-shadow:none}
.bannerSec .carousel-control .glyphicon:before{font-family:Material-Design-Iconic-Font;}
.bannerSec .carousel-control .glyphicon.glyphicon-chevron-left:before{   content: '\f2ff';}
.bannerSec .carousel-control .glyphicon.glyphicon-chevron-right:before{content: '\f301';}


.navbar-toggle span {  display: block;   position: absolute; height: 3px; margin: 0!important;  width:100%!important;  border-radius: 3px;   opacity: 1;  left: 0;
     -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out; }
  
.navbar-toggle span:nth-child(1) { top: 0px;}
.navbar-toggle span:nth-child(2) {top:9px;}
.navbar-toggle span:nth-child(3) { top:18px;}
.navbar-toggle[aria-expanded="true"] span:nth-child(1) { top: 12px;
       -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }
  
.navbar-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; left: -60px;}
.navbar-toggle[aria-expanded="true"] span:nth-child(3) {  top: 12px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); }
 

 .heading h1
 {
 font-family: 'Yantramanav', sans-serif; 
 font-weight: 300;
font-size: 2.625em;
margin: 0 0 10px 0;
color: #313131;
line-height: 1;} 

.heading h2{font-family: 'Yantramanav', sans-serif;  font-weight:300;  font-size:2.625em;margin:0 0 10px 0; color:#313131;    line-height: 1;}





.heading hr{border: 0; background-color: #b6b6b6;  height: 1px;  position: relative; max-width: 180px;    margin-left: 0; }
/*.heading hr:after {content: ""; background-color: #068fca; height: 1px; width:30%;  display: block; position: absolute; left:30%; top: 0px;}*/
.heading p{font-family: 'Yantramanav', sans-serif;   color:#2b2b2b; font-size:1.283em; font-weight:300;  max-width: 640px; }   
.heading.text-center hr{margin: 20px auto;  }
.heading.text-center p{ margin: 0 auto; }

.whiteSmoke_bg{background-color:#f6f6f6;}


.cd-top { z-index:9; display: inline-block;  height: 40px;  width: 40px; position: fixed; bottom: 40px; right: 10px;  border-radius: 50%;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;   text-indent: 100%;  white-space: nowrap;  background: rgba(6, 143, 202, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;   opacity: 0;   -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s; }
.cd-top.cd-top--show,  .cd-top.cd-top--fade-out,  .cd-top:hover {   -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s; }
.cd-top.cd-top--show {  visibility: visible; opacity: 1; }
.cd-top.cd-top--fade-out { opacity: .5;}
.cd-top:hover { background-color: #068fca; opacity: 1; }
  
.heading_2 h3{font-family: 'proxima_nova_cn_Bold'; font-size:1em; color:#404040;    margin: 0 0 10px 0;}
.heading_2 p{ color:#6f6f6f}

.img-col img{ max-width:100%; height:auto}

.aboutSec h1{ font-family: 'Yantramanav', sans-serif;   color:#585858; font-size:3.563em;font-weight:300;  line-height:1.1;  margin:0 }



.aboutSec h2 {
    font-family: 'Yantramanav', sans-serif;
    color: #585858;
    font-size: 3.563em;
    font-weight: 300;
    line-height: 1.1;
    margin: 0;
}

.aboutSec h2 span{color:#2c2c2c; font-weight:500}

.aboutSec h1 span{color:#2c2c2c; font-weight:500}
.aboutSec h3{ font-family: 'Yantramanav', sans-serif;   color:#767676; font-size:1.375em;font-weight:400; font-style: italic;  line-height:1.1;  margin:14px 0 }
.aboutSec p{font-family: 'Yantramanav', sans-serif; font-size:1.250em; font-weight:300;    margin-bottom: 20px;}
.aboutSec p i{ font-weight:400}
.aboutSec  .zmdi{margin-right: 6px;}
.aboutSec a{ color:#3a6ee6}


.servicesBox{ background-color:#fff;    width: 100%;}
.servicesBox .servicesWall img{ max-width:100%; height:auto}
.servicesBox .servicesInfo{ padding:10px 25px 20px 25px;text-align: center;}
.servicesBox .servicesInfo h2{    text-transform: uppercase;  font-size:1.1em;  margin: 25px 0 0 0;  text-align: center;  font-family: 'Roboto'; color:#000; letter-spacing:1px; }
.servicesBox .servicesInfo hr{border: 0; background-color: #56b665;  height:2px;  position: relative; max-width:30px;    margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:25px; }
.servicesBox .servicesInfo p{ font-weight:300;    font-size: 1.05em;}

.servicesSec  .button-block{ text-align: center;}
.servicesSec  .button-block .btn{    padding: 10px 25px;  font-size: 1.2em;}

 .owl-nav{ text-align: center;    margin-top: 10px;}
.owl-nav > button{     height: 52px;  width: 52px;  border-radius: 50%;  background-color: #ffffff!important;     box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.09);  margin: 0;   outline: none;   position: absolute;   top: 50%;  margin-top: -26px;}
.owl-nav > button span{  font-size:0;position: relative;}
.owl-nav > button span:before{ font-family:Material-Design-Iconic-Font;  font-size:39px; color:#000}
.owl-nav > button.owl-prev span:before{ content:"\f2fa"}
.owl-nav > button.owl-next span:before{ content:"\f2fb"}

.owl-nav > button.owl-prev{left: -26px; }
.owl-nav > button.owl-next{right: -26px; }

 .owl-dots{ text-align: center;    margin-top: 10px;}
 .owl-dots > button{ height:8px; width:8px; border-radius:50%; background-color:#cccccc!important;    margin: 0 10px; position:relative; outline:none}
.owl-dots > button:after{  content:""; position:absolute; left:-2px; top:-2px; border:2px solid #5db96b; width:12px; height:12px; display:block; border-radius:50%; transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; display:none}
 .owl-dots > button.active{ background-color:#fff!important}
 .owl-dots > button.active:after{ display:block}

.mainForm{ background-color:#1b2d59;  background-image: url(../img/form-wall.png) ; background-repeat:no-repeat; background-position: left center; background-size:auto 100%; padding:95px 0;  padding-bottom:20px; position:relative; color:#fff}
.mainForm > div{ position:relative; z-index:1}
.mainForm:after{ background:#fff; height:100px; content:""; position:absolute; bottom:0; left:0; width:100%; z-index:0}
.mainForm .formBlock{ background-color:#fff; padding:25px; border-radius:20px; box-shadow:0 0 92px rgba(0,0,0,0.2)}
.formBlock label{font-family: 'Yantramanav', sans-serif;  font-weight:500; color:#515151; font-size:1.1em}
.formBlock label i{ font-style:normal; color:#f02323; letter-spacing:0.7px}
.formBlock .form-control{ box-shadow:none; height:50px;font-family: 'Yantramanav', sans-serif;  font-weight:400; font-size:1em}
.formBlock .form-control.wpcf7-not-valid{    border-color: #ff7070;}
.formBlock  .form-group span[role="alert"]{display:none}

.formBlock textarea.form-control{ box-shadow:none; height:110px; resize:none}
.formBlock .btn{  text-transform:uppercase; font-size:1.2em}
.formBlock  .wpcf7-validation-errors{     display: none!important;}

.mainForm hr{    max-width:110px; margin-top:35px; margin-bottom:35px;  opacity:0.7}
.mainForm h2{font-family: 'Yantramanav', sans-serif;   color:#fff; font-size:1.875em;font-weight:300; text-transform:uppercase;    margin-bottom: 20px; }
.mainForm p{  font-size:16px; font-weight:300; margin-bottom:0}
.selectedProjects  .owl-dots{ text-align: center;    margin-top: 30px;}

.testomonailSec{  
    color:#fff;
    text-align: center;
    position:relative; 
    padding:120px 0;
    background-image: url(../img/testo-wall1.jpg) ;
    /* background-attachment: fixed; */
    background-size: cover;
    background-position: center 0;
}
.testomonailSec::after {
    content: "";
    position: absolute;
    visibility: visible;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(54, 59, 64, 0.6);
    z-index:0;
}
.testomonailSec p{font-family: 'Yantramanav', sans-serif;   font-weight:300;    font-size: 1.75em;    line-height: 1.3;}
.testomonailSec  .testimonials-icon{   font-size: 2.5em;   margin-bottom:20px; }
.testomonailSec hr{ max-width:57px;}
.testomonailSec .owl-carousel{  padding:0 11%}
.testomonailSec h6{font-family: 'Yantramanav', sans-serif;   font-weight:300;    font-size: 1em;  }

.testomonailSec  .owl-nav > button{ 
position: absolute;
    width: 50px;
    height: 50px;
    color: #FFF;
    border: 1px solid #FFF!important;
    padding: 14px 16px;
    top:50%;
    font-size:36px!important;
        line-height: 0.7!important;
    outline:none;
    z-index: 1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: background 0.2s ease 0s, border 0.2s ease 0s;
    -webkit-transition: background 0.2s ease 0s, border 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, border 0.2s ease 0s;

}

.testomonailSec  .owl-nav > button.owl-prev{ left:0;}
.testomonailSec  .owl-nav > button.owl-next{ right:0;}

footer.mainfooter{ background-color:#1b2d59;    color: #FFF; font-family: 'Yantramanav', sans-serif;   font-weight:300;  }
.footerTop{ background-color:#fff; padding:50px 0 40px  0}

footer.mainfooter p b, footer.mainfooter p strong {  font-weight: 500;}

.contact-details-box { border-bottom:1px solid #d4d1d1; margin-bottom: 15px;  padding-bottom: 15px;}
.contact-details-box.features-wallet{ border-bottom:0}
.contact-details-box label {
font-family: 'Yantramanav', sans-serif;   font-weight:300;    
    display: block;
    margin-top: 7px;
    margin-left: 55px;
    color: #000;
    letter-spacing: 2px;
    line-height: 22px;
}
.contact-details-box p {
    font-family: 'Yantramanav', sans-serif;   font-weight:300; 
    font-size: 1.45em;
    line-height: 36px;
    padding: 0;
    margin-left: 55px;
    color: #000;
    font-weight: 300;
}
.contact-details-box a{ color:#000}

.contact-details-box::before {
    display: block;
    float: left;
    width: 48px;
    height: 48px;
    font-size: 48px;
    color: #232323;
    margin-right: 30px;
    margin-top: 3px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.mainfooter  h6 {
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    margin:35px 0;
}
.mainfooter ul{ padding:0}
.mainfooter ul li{ list-style:none; margin-bottom:7px;}
.mainfooter ul.ftLink li{ margin-bottom:7px; position:relative; padding-left:25px;}
.mainfooter ul.ftLink li:before{    font-family: template;  content: "c";    color: #fff;   vertical-align: top;    font-size: 22px; position:absolute; left:0;  top: -5px;}
.mainfooter ul.ftLink li a{ color:#fff}

.contact-details li{    color: #fff;    border-bottom: 1px solid #495052;   line-height: 24px;    padding:10px 10px 10px 20px; position:relative}
.contact-details li a{ color:#fff}
.contact-details li::before{ position:absolute; left:0;  margin-top: 2px;}

.latest-post li{    margin-top: 30px;}
.latest-post li a{ color:#fff}
.latest-post li abbr {
    display: block;
    font-size: 13px;
    line-height: 21px;
    color: #ffff;
    text-decoration: none;
    margin-top:5px;
    border:0;}

.copyright{ display:block; text-align: center; color:#a7b8a5;    padding: 10px 15px;}
.copyright a{ color:#fff}

.social-icons{ text-align: center;}
.social-icons li{ display:inline-block; vertical-align:middle; margin:0 7px}
.social-icons li a{ display:block; width:50px; height:50px; border-radius:50%;background-color: #ffffff;    font-size: 24px;  line-height: 54px; color:#444444 }

.satisfiedBox{ background-color:#1b2d59; font-family: 'Yantramanav', sans-serif;   font-weight:300;  color:#fff; font-size:1.250em; padding:22px;  padding-left:104px; padding-right:20px; position:relative; overflow:hidden; margin-bottom:30px;   box-shadow: 5px 0 27px rgba(0,0,0,0.09)}
.satisfiedBox .numberBox{ position:absolute; left:0; top:0; font-size:  2.875em;font-family: 'Yantramanav', sans-serif;   font-weight:300;  color:#1b2d59;     z-index: 2;    width: 65px;  text-align: center; 
  }
.satisfiedBox .numberBox:after{ content:""; position:absolute; left:0; top:0; background-color:#fff;    width: 131px;  height: 199px;
-moz-transform: rotate(31deg) translate(-78px, -10px);
-webkit-transform: rotate(31deg) translate(-78px, -10px);
-o-transform: rotate(31deg) translate(-78px, -10px);
-ms-transform: rotate(31deg) translate(-78px, -10px);
transform: rotate(31deg) translate(-78px, -10px);
    z-index: -1;}
.satisfiedBox.green{ background-color:#18b72f}

.satisfiedContant{ padding:44px; box-shadow: 0 0 20px rgba(0,0,0,0.2); position:relative; overflow:hidden;}
.satisfiedContant:after,.satisfiedContant:before{-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.satisfiedContant:after{ content:""; position:absolute; width:150px; height:150px; top:-110px; left:-80px; background-color:#1b2d59}
.satisfiedContant:before{ content:""; position:absolute; width:150px; height:150px; bottom:-110px; right:-80px; background-color:#18b72f}
.satisfiedContant p{font-family: 'Yantramanav', sans-serif;   font-weight:300;  color:#313131;  font-size:1.250em;  }

.ourclient-carousel img{ width:auto!important; max-width: 100% auto}

.ourClient{ padding:40px 0}

#RequestPopup button.close{    border: 2px solid #1b2d59;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: -16px;
    top: -16px;
    background-color: #fff;
    opacity: 1;
    z-index: 9;
 outline:none;
}



#google-map{ height:500px!important}