@font-face {
  font-family: 'Exo2-Black';
  src: url('fonts/Exo2-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/Exo2-Black.otf')  format('opentype'),
	     url('fonts/Exo2-Black.woff') format('woff'), url('fonts/Exo2-Black.ttf')  format('truetype'), url('fonts/Exo2-Black.svg#Exo2-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Exo2-Bold';
  src: url('fonts/Exo2-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Exo2-Bold.otf')  format('opentype'),
	     url('fonts/Exo2-Bold.woff') format('woff'), url('fonts/Exo2-Bold.ttf')  format('truetype'), url('fonts/Exo2-Bold.svg#Exo2-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Exo2-Light';
  src: url('fonts/Exo2-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Exo2-Light.woff') format('woff'), url('fonts/Exo2-Light.ttf')  format('truetype'), url('fonts/Exo2-Light.svg#Exo2-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Exo2-Medium';
  src: url('fonts/Exo2-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/Exo2-Medium.otf')  format('opentype'),
	     url('fonts/Exo2-Medium.woff') format('woff'), url('fonts/Exo2-Medium.ttf')  format('truetype'), url('fonts/Exo2-Medium.svg#Exo2-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Exo2-Regular';
  src: url('fonts/Exo2-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Exo2-Regular.otf')  format('opentype'),
	     url('fonts/Exo2-Regular.woff') format('woff'), url('fonts/Exo2-Regular.ttf')  format('truetype'), url('fonts/Exo2-Regular.svg#Exo2-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Exo2-SemiBold';
  src: url('fonts/Exo2-SemiBold.eot?#iefix') format('embedded-opentype'),  url('fonts/Exo2-SemiBold.otf')  format('opentype'),
	     url('fonts/Exo2-SemiBold.woff') format('woff'), url('fonts/Exo2-SemiBold.ttf')  format('truetype'), url('fonts/Exo2-SemiBold.svg#Exo2-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FuturaBT-Light';
  src: url('fonts/FuturaBT-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/FuturaBT-Light.woff') format('woff'), url('fonts/FuturaBT-Light.ttf')  format('truetype'), url('fonts/FuturaBT-Light.svg#FuturaBT-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FuturaBT-Medium';
  src: url('fonts/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/FuturaBT-Medium.woff') format('woff'), url('fonts/FuturaBT-Medium.ttf')  format('truetype'), url('fonts/FuturaBT-Medium.svg#FuturaBT-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


.home-main{max-width: 74rem;}
.home-top{max-width: 74rem;}
.footermain{max-width: 74rem;}
.top-header .row {max-width: 74rem; width: 100%;}

body{color:#fff; font-size:18px; font-family: 'FuturaBT-Light'; background:#242423;} 

p{font-size:18px;}

ul, li{font-size:18px;}

a{
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}


h1,h2,h3,h4,h5,h6{margin:0; padding:0;}

.header{ margin:0; }
.header .header-bg img{background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; background-size:cover; 
-o-background-size: cover; margin: 0 auto; width: 100%; z-index:0; object-fit: cover;}
.header .header-content{position:absolute; text-align:center; width:100%; top:0;}
.header .header-content h1{ font-size:36px; font-family: 'Exo2-Bold'; color:#fff; text-transform:uppercase; margin-bottom:30px;}
.header .header-content h1 span{ color:#0099d2; }
.header .header-content p {color: #ffffff; font-family: "FuturaBT-Light"; font-size: 24px; margin: 0 auto; width: 70%;}
.header-content img {margin: 7% 0 5%;}
.header .contact-btn{background-color:#0099d2; width:230px; border-radius:3px; border-bottom:3px #fff solid; font-family:'FuturaBT-Light'; font-size:18px; margin:50px auto 0; color:#fff; text-transform:uppercase; padding:6px 0;   -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; }
.header .contact-btn:hover{background-color:#5bbe00;}
.header .click-here{ font-size:14px; color:#fff; text-transform:uppercase; font-family: 'FuturaBT-Light'; margin-top:9%; text-align:center;}
.header .click-here img {margin-top:24px;}





.footer{margin:60px 14px 0; border-top:1px #333 solid; border-bottom:1px #333333 solid; padding:25px 0 0; }


.foot-box h2{ font-size:14px; font-family: 'Exo2-Bold'; color:#fff; text-transform:uppercase; margin-bottom:4px;}
.foot-box p{ font-size:14px; line-height:27px; font-family: "FuturaBT-Light"; color:#fff;}

.foot-box a{color:#fff; font-size:14px;}
.foot-box a:hover{color:#47cafb;}

.foot-box ul{padding:0; margin:0;}
.foot-box li{list-style:none;}
.foot-box li a{color:#fff; font-size:14px;}
.foot-box li a:hover{color:#47cafb;}
.foot-spacer1{margin-left:18px;}
.foot-spacer2{margin-left:36px;}
.foot-spacer3{margin-left:22px;}

.footer-bottom{border-bottom:4px #0099d2 solid; padding:20px 0 40px;}


.footer-left{float:left;  font-size: 14px; margin-top: 10px;}
.footer-right{float:right;}

.footer-bottom a{color:#fff; text-transform:uppercase; font-family: 'Exo2-SemiBold'; font-size:12px; margin-left:6px;}
.footer-bottom a:hover{color:#47cafb;}



.content-home img{width:100%;}

/*.content-left img:nth-child(1){margin-bottom:30px;}
.content-right img:nth-child(1){margin-bottom:30px;}*/

.small-box{ position:relative; margin-bottom:30px; }
.small-box-content{ position:absolute; top:0; bottom:0; width:100%;   }
.small-box-content h1{ background:url(../img/heading-bg.png) no-repeat; width:250px; height:55px; float:left; margin-top:20px; margin-left:-5px;
font-size:24px; color:#fff; font-family: 'Exo2-Bold'; text-transform:uppercase; padding:8px 0 0 16px; }
.small-box-content p {bottom: 0; left: 17px; position: absolute;font-size:23px;font-family: "FuturaBT-Light"; color:#fff;  line-height: 27px;}
.small-box-content p a{color:#fff;}

.content-left a:hover p{color:#72f200;}
.content-right a:hover p{color:#72f200;}

.big-box{ position:relative; }
.big-box-content{ position:absolute; top:0; bottom:0; width:100%; }
.big-box h1{ background:url(../img/heading-left.png) no-repeat rgba(0,0,0,.6); width:80%; height:51px; float:left; margin-top:20px; margin-left:-5px;
font-size:24px; color:#fff; font-family: 'Exo2-Bold'; text-transform:uppercase; padding:8px 0 0 16px; position:relative; }
.big-box h1 img {position: absolute;right: -45px;top: 0;width: auto;}
.big-box-content p {color: #ffffff; font-family: "FuturaBT-Light"; font-size: 24px; left: 17px; line-height: 32px; padding-left: 3%;
  width: 97%; margin-top:5%;}
.big-box-content ul{padding:20px 0 0 18px; margin:0;}
.big-box-content li{list-style:none;}
/*.big-box-content  li a{font-family: 'Exo2-Bold'; font-size:24px; color:#fff;} */ 
.big-box-content li span{font-family: 'Exo2-Bold'; font-size:24px; color:#fff;}
.big-box-content li a:hover{ color:#0099d2; }

.small-box-content h1.client{ background:url(../img/heading-bg-client.png) no-repeat; color:#000;}
.big-box.contact-bg h1{width:42%;}
.big-box.contact-bg p{font-size:18px;}
.big-box.contact-bg .arrow{ position:absolute; right:20px; bottom:20px;}

.greenbox p {color: #000000;}
.greenbox p a{color:#000;}

.big-box.contact-bg{background:#444;}
.big-box.contact-bg a{color:#fff;}
.big-box.contact-bg a:hover{color:#20bbf5;}

/*.big-box.contact-bg > img {
  height: 267px;
}*/

.big-box-content-contact > p {
    padding:6% 30px 1%;
}

.bounce {
  -moz-animation: bounce 5s infinite;
  -webkit-animation: bounce 5s infinite;
  animation: bounce 5s infinite;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.content-outer{position:relative;}
.content-section{overflow:hidden;/*position:relative;*/}
.content-section.side-menu-show{height:100%;}
.menu-outer {width:auto;float:left;	display:none;}
.side-menu-show .menu-outer { display:block;}
.content-inner {overflow: hidden;}
.side-menu-show .content-inner { position: absolute; }

.menu-open-button{ margin-right:40px; cursor:pointer; } 
.menu-close-button { display:none; margin-right:40px; }

.social-box{float:left; width:100%; margin-left:20px; margin-top:60px; }
.social-box img{width:auto;}
.social-box p{color:#777; font-size:14px; text-transform:uppercase; font-family: 'Exo2-Medium';}
.social-box img {margin:0 24px 0 0;}

.menu-tab {margin: 100px 0 60px;}
.menu-tab-inner {
  background: #000000 none repeat scroll 0 0;
  margin:0px 0 60px;
  padding: 20px;
}


.menu-inner{width:300px;}
.menu-inner ul{margin:0; padding:0 0 0 20px; list-style:none;}
.menu-inner ul li{} 
.menu-inner ul li a{ z-index:0; font-size:24px; text-transform:uppercase; color:#fff; font-family: 'Exo2-Medium'; width:64%; float:left; margin-bottom:10px;}
.menu-inner ul li a:hover{ color:#0099d2; background:url(../img/plus.png) no-repeat right;}
.menu-inner ul li.active a{ color:#0099d2; background:url(../img/plus.png) no-repeat right;}


.color-blue{ color:#20bbf5; }

.contact-left img{width:auto;}
.email-left-space{margin-left:26px;}
.contact-left a{color:#fff;}
.contact-left a:hover{color:#20bbf5;}



.contact-mid input{background:transparent; color:#fff; box-shadow:0 0 0 0;}
.contact-mid input:focus{background:transparent;}
.contact-mid textarea{ height:100px; background:transparent; color:#fff; box-shadow:0 0 0 0;}
.contact-mid *::-moz-placeholder {color: #fff; opacity:1;}
input.btn-submit{background-color:#20bbf5; color:#fff; border:0px; padding:10px 20px; cursor:pointer; font-size:16px; float:right; text-transform:uppercase;}
input.btn-submit:hover{background-color:#5bbe00;}

.services-top-space{margin-top:50px;}
.services-top-space p {line-height: 23px; margin-bottom: 10px;}

.content-inner li{margin-bottom:8px;}
.content-inner h2{font-size:26px; font-family: 'Exo2-Bold'; color:#fff; text-transform:uppercase; margin-bottom:30px; margin-top:30px;}

.header-inner h1{margin-top:13%;}

li.has-dropdown ul.dropdown{margin:0;}
li.has-dropdown{position:relative; width:100%;}
.has-dropdown:hover .dropdown{display:block; background:#5bbe00; position:relative;}
li.has-dropdown .dropdown {position:relative; right:0; display: none; z-index:99999999; height:100%; background-color:#5bbe00; z-index:999999999; 
right:0;}
li.has-dropdown .dropdown li{margin-bottom:0px; }
.color-blue-d{ color:#0099d2; }
li.has-dropdown ul.dropdown a {font-size: 18px; line-height: 24px; z-index:9999; margin-bottom:0px; padding-bottom:20px; margin-top:-10px;}




/*new-css*/

.client-logo ul{ padding:0; margin:0; text-align:center;}
.client-logo li{list-style:none; display:inline-block; margin-right:10px; margin-bottom:14px;}

.client-logo li {
  width: 23.4%;
}

.project-bottom-space{margin-bottom:26px;}

/*.project-bottom-space{position:relative;}
.project-bottom-space img{width:100%;}

.hover-box-project-outer{ position:relative; background:rgba(255,255,255,.5); }
.hover-box-project-outer a{}
.hover-box-project{position:absolute; top:0; bottom:0; width:100%; text-align:center; display:none; background:rgba(0,0,0,.6); font-weight:bold; } 
.hover-box-project-outer:hover .hover-box-project{ display:block; color:#fff; font-size:24px; padding-top:27%; }*/


.menu-container-overlay {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.menu-outer {
  background: #333333 none repeat scroll 0 0;
  bottom: 0;
  position: fixed;
  float: left;
  left: 0;
  padding: 20px 0;
  top: 0;
  width: 214px;
  z-index:999999;
}

.cross {
    padding-right: 14px;
    text-align: right;
	cursor:pointer;
}

.sticky-inner{max-width:74rem; margin:0 auto;}
#sticky{z-index: 9999; /*left: 0; top: 0; width: 100%; */ background:#000; left:0; width:100%; top:0; height:100px;}

.home-menu#sticky{background-color:transparent;}

.is-sticky #sticky-home{z-index: 9999; /*left: 0; top: 0; width: 100%; */ background:#000; left:0; width:100%; top:30px; padding:30px 20px;}
.is-sticky #sticky-home .menu-tab{ margin:0;}



/*26-8-2016*/

.color-blue > img {margin-right: 6px;}

.googlemap{padding:0; margin-bottom:30px; margin-top:20px;}


.top-header{background:#000;}



.client-logo .slick-slide {
  padding: 5px !important;
}
.contact-left > p {
  font-size: 16px;
}


.services-text p{margin-top:10%;}
.services-innr img {
    width: 120px;
}
.services-innr .columns {
    text-align: center;
}
.services-innr {
    margin-top: 50px !important;
}
.color-blue > strong {
    color: #20bbf5;
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
    background: transparent none repeat scroll 0 0;
    display: block;
}
.cbp-popup-singlePage-counter {
    display: none;
}
.accordion-navigation.active .color-blue .opn-plus {
    background: rgba(0, 0, 0, 0) url("../img/accordian-minus.png") no-repeat scroll right center;
    width: 100%;
}
.color-blue .opn-plus {
    background: rgba(0, 0, 0, 0) url("../img/accordian-plus.png") no-repeat scroll right 0;
}
