html * { -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{ overflow-x: hidden; }
body{font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; color: #898989;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
p{ font-size: 14px; color: #898989; line-height: 24px; margin-bottom: 20px;}
a{ text-decoration: none; }
h1, h2, h3, h4, h5, h6{ color: #30373f;font-family: 'Montserrat', sans-serif; }
h1{ font-size: 36px; }
h2{ font-size: 30px; }
.mrg20{ margin-bottom: 30px; }
.top-btmrg{ margin:8em 0; }
.flex-img{ width: 100%; max-width: 100%; display: block; }
.top30{ margin-top: 100px; }
.hdrbox{ position: relative; z-index: 9; width: 100%; }
.header {position: fixed;top: 0;left: 0;width: 100%;padding: 0;z-index: 1040;transition: all 0.4s ease-in-out;height: auto;background-color:transparent;  text-align: center; line-height: 40px;}
.header h1{font-size:50px;}
.no-pd{ padding-left:0; padding-right: 0; }
.header.active {background: #fff;-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);}
.header.active h1{ color:#ff0000}
.header a.logo{ width: 180px; background:url('../images/w-logo.png') no-repeat; float: left; height: 48px; margin: 10px;}
.header.active a.logo{width: 180px; background:url('../images/logo.png') no-repeat; }
.co-info{ width: 45%; margin: 4em auto 10em auto; text-align: center; }
.co-info h1{ position: relative; line-height: 3em; font-weight: 300;color: #393185; }
.co-info h1:after{ width: 60px; background: #393185; position: absolute; content: ''; bottom: 0; left: 0; right: 0; margin:auto;  height: 2px; }
.header .nav{ width: 50%; margin: 0 auto; text-align: center; line-height: 65px; }
.header .nav ul{ margin: 0; padding:0; list-style:none; }
.header .nav ul li{ display: inline-block; text-align: center; }
.header .nav ul li a{ padding: 10px 20px; color: #fff; }
.header .nav ul li a:hover,
.header .nav ul li a:focus{ color: #fff; text-decoration: none;}
.header.active .nav li a{ color: #666; }
.header.active .nav ul li a:hover,
.header.active .nav ul li a:focus{ color: #666; text-decoration: none;}
.side-social{ width: 20%; position: absolute; right: 20px; top: 15px; text-align: right; }
.side-social ul{ margin:0; padding:0; list-style:none; }
.side-social ul li{ display:inline-block; text-align: right; padding: 0 2px; }
.side-social ul li a{width: 30px; height:30px; border-radius: 50%; background: #393185; line-height: 30px; text-align: center; display: block; color: #fff; }
.co-info p{ font-size: 13px; color: #666; margin-top: 2em; }
.color-bg{ width: 100%; min-height: 630px; background: #393185; }
#subMenu {height:88px;width:100%;display:none;position:fixed;top:0;left:0;z-index:500;box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.7);}
/*.topbar{ width:100%; background: #32acd4; height: 40px; }
.wrapper{ width: 100%; background: #f4f4f4;}*/
.mid-banner{ width: 80%; margin:0 auto;  position:relative;}
.mid-banner h1{ color: #fff; font-weight: 500; font-size:30px; margin-top: 20px; }
.mid-banner h1 span{ font-weight: 300; }
.mid-banner p{ font-size:14px; color:#9a93dd; line-height: 22px; margin-right: 2em; }
.mid-menBox{ width: 50%; padding:3em; position: absolute; top:-120px; left: 0; }
.mid-menBox .info{ width: 100%; padding-left:5em; position: relative;  }
.mid-menBox .info:after{ position: absolute;content: ''; left: 30px; top: -50px; background: #6862a2; width: 1px; height: 170px; }
.mid-womenBox{ width: 50%; padding:3em; position: absolute; top:20px; right: 0; }
.mid-womenBox img{ margin-top: 2em; }
.mid-womenBox .info{ width: 100%; padding-left:5em; position: relative;  }
.mid-womenBox .info:after{ position: absolute;content: ''; left: 30px; top: -22px; background: #6862a2; width: 1px; height: 170px; }
.table-row{ width:100%; display:table; }
.table-col{ display: table-cell;text-align: center;vertical-align: middle; }
.table-col50{width:50%;display: table-cell;text-align: center;vertical-align: middle;}
.green-bg{ background: #b0cb1f; width:100%; padding: 2em; text-align: center; }
.green-bg h2{ color: #fff; margin-bottom: 20px; font-size:22px;}
.green-bg p{ color: #fff; }
a.white-btn{ text-align: center; color: #fff; text-decoration: underline;}
.width60{ width: 60%;}
.title{ width: 100%; float: left; margin-bottom: 30px; }
.title h6{ position:relative; padding-left: 70px; letter-spacing: 3px; font-weight: 300; font-size: 16px; }
.title h6:before{ position: absolute; left: 0; top:6px; content: ''; width: 60px; height: 1px; background: #666;}
footer { width: 100%;background-color: #29292b;padding: 45px 0; font-size: 13px!important; float: left;}
.social-ico{ width: 100%; float: left; display: inline-block; text-align: center;  }
.social-ico ul{ margin:0; padding:0; list-style:none;}
.social-ico ul li{ display:inline-block; text-align: center; background: #fff; border-radius:50%; width: 30px; height: 30px;  }
.social-ico ul li > a{ color:#333;  display: block; font-size:15px; line-height: 28px;} 
.footer-nav ul{list-style: none;padding:0; text-align: center}
.footer-nav ul li{display:inline-block;}
.footer-nav a{color:#ccc; text-transform: uppercase;}
.footer-nav a:hover, .footer-nav a:active{color:#ccc; text-transform: uppercase;}
.footer-nav li:after{content:"\25CF"; color:#ccc; font-size:8px; line-height: 14px; margin:0 30px;}
.footer-nav li:last-child:after{display:none;}
.newsletter{ width: 50%; margin: 20px auto; border: 1px solid #4e4e50;  height: 44px; }
.newsletter label{ width: 32%; line-height: 40px; color: #fff; text-transform: uppercase; padding: 0 10px; font-weight: 300; float: left; }
.newsletter input[type="text"],
.newsletter input[type="email"]{ width:53%; float: left; border: none; box-shadow: none; font-size: 12px; color: #999; line-height: 40px; background:transparent; }
.newsletter input[type="submit"]{ width: 15%; float: left; border: none; box-shadow: none; font-size: 12px; color: #222; line-height: 42px; background: #fff; padding: 0 15px; font-weight: 500; }
.copyrite{ width: 100%; text-align: center; display: inline-block; float: ;left; color: #666; font-size: 11px; margin-top:0px; letter-spacing: 1px; line-height: 20px;}
.copyrite a{ color: #ccc; text-decoration: underline; }
/* responsive navigation css starts*/
.cd-img-replace {display: inline-block;overflow: hidden;text-indent: 100%;white-space: nowrap;}
.overflow-hidden {overflow: hidden;}
.cd-main-content {min-height: 100%;position: relative;background-color: #fff;z-index: 2;padding-top: 0px;width: 100%; float: left;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}
.cd-main-content.lateral-menu-is-open {-webkit-transform: translateX(-260px);-moz-transform: translateX(-260px);-ms-transform: translateX(-260px);-o-transform: translateX(-260px);transform: translateX(-260px);}
header{ width: 100%; height: 65px; position: absolute; }
@media only screen and (max-width: 999px) {
header.is-fixed {position: fixed;}	
header {position: absolute;top: 10px;left: 0;height: 50px;width: 100%;background: transparent;z-index: 99;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}
header.lateral-menu-is-open {-webkit-transform: translateX(-260px);-moz-transform: translateX(-260px);-ms-transform: translateX(-260px);-o-transform: translateX(-260px);transform: translateX(-260px);}
}
#cd-logo {display: block;float: left;margin: 0px 0 0 5px; width: 102px}
#cd-logo img {display: block;}
@media only screen and (min-width: 999px) {
#cd-logo {display: block;float: left;margin: 6px 0 0 20px; width: 165px;}
}
#cd-top-navLeft {position: absolute;top: 0;left:0px; right:0; margin:auto;height: 100%;}
#cd-top-nav {position: absolute;top: 0;right: 20px;height: 100%;display: none;}
#cd-top-navLeft ul, #cd-top-nav ul {height: 100%;padding-top: 18px;}
#cd-top-navLeft li , #cd-top-nav li {display: inline-block;margin-right: 1em;}
#cd-top-navLeft a, #cd-top-nav a {display: inline-block;padding: .5em;color: #555;text-transform: capitalize; font-size: 13px;}
#cd-top-nav a.current {background-color: #242e30;}
.no-touch #cd-top-nav a:hover {color: rgba(0, 0, 0, 0.7);}
@media only screen and (min-width: 999px) {
#cd-top-nav {display: block;}
}
#cd-menu-trigger {position: absolute;right: 0;top: 0;height: 100%;width: 50px;background-color: #393185; z-index: 99;}
#cd-menu-trigger .cd-menu-text {height: 100%;text-transform: uppercase;color: #FFF;font-weight: 600;display: none;}
#cd-menu-trigger .cd-menu-icon {display: inline-block;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 18px;height: 1px;background-color: #FFF;}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0;}
#cd-menu-trigger .cd-menu-icon::before {bottom: 5px;}
#cd-menu-trigger .cd-menu-icon::after {top: 5px;}
#cd-menu-trigger.is-clicked .cd-menu-icon {background-color: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {bottom: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
@media only screen and (min-width: 999px) {
#cd-menu-trigger {width: 60px;padding-left: 1.25em;}
#cd-menu-trigger .cd-menu-text {display: inline-block;line-height: 70px;}
#cd-menu-trigger .cd-menu-icon {left: auto;right: 1.25em;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
}
#cd-lateral-nav {position: fixed;height: 100%;right: 0;top: 0;visibility: hidden;z-index: 1;width: 260px;background-color: #4d4596;overflow-y: auto;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;transition: transform .4s 0s, visibility 0s .4s;-webkit-transform: translateX(80px);-moz-transform: translateX(80px);-ms-transform: translateX(80px);-o-transform: translateX(80px);transform: translateX(80px);}
#cd-lateral-nav .cd-navigation {margin: 10px 0 16px;list-style: none; margin:20px 20px 20px 0; padding: 0;}
ul.cd-navigation li{ line-height: 30px; }
#cd-lateral-nav .sub-menu {padding: 0 10px 20px 15px;display: none; list-style: none;}
#cd-lateral-nav a {display: block;line-height: 3em;padding: 0 16px 0 32px; color: #fff; font-weight: 500; text-transform: uppercase; font-size: 11px; letter-spacing: 1px;}
#cd-lateral-nav a.current {background-color: #750809;color: #FFF;}
.no-touch #cd-lateral-nav a:hover {color: #fff; }
#cd-lateral-nav a.current:hover {background-color: #750809;color: #FFF;}
@media only screen and (min-width: 999px) {
#cd-lateral-nav .cd-navigation {margin: 20px 0;}
}
#cd-lateral-nav.lateral-menu-is-open {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);visibility: visible;-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;transition: transform .4s 0s, visibility 0s 0s;-webkit-overflow-scrolling: touch;}
#cd-lateral-nav .main-item > a {position: relative;text-transform: capitalize;}
#cd-lateral-nav .item-has-children > a {position: relative; color: #fff; font-weight: 500; text-transform: uppercase; font-size: 11px; letter-spacing: 1px;}
#cd-lateral-nav .item-has-children > a::after {content: '';display: block;height: 11px;width: 8px;position: absolute;top: 50%;bottom: auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 1em;background: url("../images/cd-arrow.svg") no-repeat center center;background-size: 8px 11px;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
#cd-lateral-nav .item-has-children > a.submenu-open::after {-webkit-transform: translateY(-50%) rotate(90deg);-moz-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);-o-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);}
#cd-lateral-nav .item-has-children > .sub-menu a{ text-transform: capitalize; }
#cd-lateral-nav .socials { padding: 0 32px;}
#cd-lateral-nav .socials:after {content: "";display: table;clear: both;}
#cd-lateral-nav .socials a {height: 32px;width: 32px;float: left;padding: 0;background-image: url("../img/cd-socials.svg");background-repeat: no-repeat;background-size: 128px 64px;background-color: #FFF;margin-right: .5em;border-radius: 0.25em;}
#cd-lateral-nav .socials a.cd-twitter {background-position: 0 0;}
#cd-lateral-nav .socials a.cd-github {background-position: -32px 0;}
#cd-lateral-nav .socials a.cd-facebook {background-position: -64px 0;}
#cd-lateral-nav .socials a.cd-google {background-position: -96px 0;}
.no-touch #cd-lateral-nav .socials a:hover {background-color: #4e6361;}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {background-position: 0 -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {background-position: -32px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {background-position: -64px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {background-position: -96px -32px;}
/*responsive nav ends*/
.btm-info{ width: 80%;  }
.inner-banner{ width: 100%; display: inline-block; float:left; position:relative;  background: #333; }
.lookbk-banner{ width: 100%; display: inline-block; float:left; position:relative; background: #333; text-align: center; padding: 8em 0; min-height: 450px; }
.inner-banner-caption{ width:100%; display: table; text-align: center; vertical-align: middle; top: 40%; position: absolute;}
.inner-banner-caption h1{font-size: 60px; color:#fff; font-weight: 200; margin-bottom: 5px; margin-top: 0; letter-spacing: 2px;}
.inner-banner-caption h3{font-size: 22px; color:#fff; line-height: 30px;margin-top: 0;}
.about-box{ width:65%;margin: 0 auto; padding: 3em 0 0; }
.about-box h1{ margin-bottom:20px; color: #393185; font-weight: 300; }
.about-box h6{ text-transform: uppercase; letter-spacing: 2px; color: #888; }
.first-letter::first-letter {font-weight: bold;font-size: 30px;padding-left: 4px; font-weight:400;}
.grey-box{ width:75%;margin: 3em auto;  background: #efefef;  }
.about-Infobtm{ width: 50%; margin: 2em auto 5em auto; text-align: left; }
.about-Infobtm h5{ line-height: 22px; margin-bottom: 20px; }
.contacto{ width: 90%; margin: 0 auto; padding:3em 0 ; }
.contacto h1{ margin-bottom:20px; font-size:28px; color: #393185; font-weight: 300; }
.contacto h6{ text-transform: uppercase; letter-spacing: 2px; color: #888; }
.contacto h2{text-align: center;font-size: 22px;text-transform: uppercase;margin: 0 0 12px 0;}
.contacto h4{ font-size: 18px; line-height: 40px; margin:0; padding:0; }
.contacto h3{ font-size: 20px; font-weight: 400; margin: 20px 0; }
.contacto a{ display:inline-block; color:#666; text-decoration:underline; }
.contacto p{ margin-bottom: 10px; }
.contacto i{ color: #b0cb1f; font-size: 25px; }
.sepline{ width:80px; margin:2em auto; background:#ddd; height:1px;  }
.addition{ width:100%; display:inline-block; float:left; line-height: 22px; }
.addition label{ width:80px; display:inline-block; vertical-align: top; }
.addition span{ width:auto; display:inline-block; font-size:13px; }
.formbox{ position:relative; display: inline-block; width:100%; }
.formbox label{ font-weight:normal; }
.form-area{background: #fff;box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.1);position: relative;width: 100%; padding:50px; float: left; display: inline-block; margin: 2em 0 ; }
.formbox h3{ margin-top: 0; margin-bottom: 1em; font-weight: 300; text-align: left; }
.btn-style {background-color:#b0cb1f ;border:0px;color:#fff;padding:10px 25px;text-transform:uppercase; font-size: 12px;}
.project-list{position: relative;width: 100%; display: inline-block; float:left; margin:4em 0;}
.overlay {height: 0%;width: 100%;position: fixed;z-index: 1050;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(57,49,133,0.8);overflow-y: hidden;transition: 0.7s;}
.overlay-content {position: relative;top: 10%;width: 100%;text-align: center;margin-top: 30px;}
.enquiry__form{ width: 30%; margin: 0 auto; }
.fieldBox{ width: 100%; display: inline-block; float: left; text-align: left; margin-bottom: 15px; }
.fieldBox label{ font-size: 13px; text-transform: uppercase; color: #fff; font-weight:400; letter-spacing: 1px; }
.fieldBox input[type="text"],
.fieldBox input[type="mobile"],
.fieldBox input[type="email"]{ width: 100%; background: #fff; border: none; padding: 12px 10px; color: #666; }
.fieldBox textarea{ width: 100%; background: #fff; border: none; padding: 12px 10px; color: #666; height: 60px; }
.fieldBox input[type="submit"]{ width: 100%; background: #b0cb1f; border: none; padding: 12px 10px; color: #fff; text-transform: uppercase; color: #fff; font-weight: 600; }
.overlay a {text-decoration: none;font-size: 36px;display: block;transition: 0.3s; background: #b0cb1f; width: 35px; height: 35px; border-radius: 50%; color: #fff; text-align: center; line-height: 32px;}
.overlay-content h1{ font-size: 30px; color: #fff; font-weight: 200; text-align: center; margin-bottom: 40px;}
.overlay a:hover, .overlay a:focus {color: #fff;}
.overlay .closebtn {position: absolute;top: 30px;right: 45px;}
@media screen and (max-height: 450px) {
  .overlay {overflow-y: scroll; position: absolute;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {font-size: 40px;top: 10px;right: 10px;}
}
a.overBox{ width: 100%; display: block; position: relative; }
a.overBox:hover::after{ position: absolute;width: 100%; height: 100%; top: 0; background: rgba(0,0,0,0.4); content: ''; transition: 0.7s; z-index: 9;}
a.overBox:hover .zoomBtn{ width: 60px; height: 60px; border-radius: 50%; position: absolute;left: 0;right: 0; margin:auto; z-index: 99; background: #b0cb1f; top: 45%;}
a.overBox:hover .zoomBtn:after{position: absolute;width: 60px; height: 60px; content: '+'; color: #fff; transition: 0.7s; z-index: 9; text-align: center; line-height: 60px; font-size: 40px;}
a.overBox:hover p{position: absolute;width: 80%; left: 0; right: 0; margin: auto; color: #fff; transition: 0.7s; z-index: 99; text-align: center;line-height: 22px;font-size: 25px;bottom: 50px;display: block;}
a.overBox p{ display: none; }
.carousel-inner > .item > .carousel-caption {top: 40%;color: #fff;left: 0; right: 0; margin: auto; padding-bottom: 20px;padding-top: 20px;position: absolute;text-align:center;z-index: 10; text-shadow: none;}
.carousel-inner > .item > .carousel-caption > h1{ color: #fff; font-size: 55px; margin: 0;line-height: 1;}
.carousel-caption > span{  color: #fff; font-size: 22px; font-weight: 500; }
.carousel-caption > a{ display: block; margin-top: 20px; width: 250px; border-bottom:1px solid rgba(255,246,238,0.5);text-transform: uppercase; font-weight: 400; color: #fff; letter-spacing: 1px;}
.carousel-inner .item img{ max-width: 100%; width: 100%; height: auto; }
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  height:300px;
  
}

.row-eq-height img{ width: 100%; height: auto; text-align: center; }