body {	color:#666;	font:300 15px/15px Myriad Pro,Roboto,Arial,Helvetica;background-color:#fff;-webkit-font-smoothing:antialiased;}

a{color:#0093d0; text-decoration:none;}
a:hover{color:#0093d0;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:700 4em Roboto,Arial,Helvetica;margin:0.25em 0;}
h2{font:300 1.8em Arial,Helvetica;margin-bottom: 1.5em;}
h3{font:300 2em Roboto,Arial,Helvetica;margin:2em 0 1em 0;}
h4{font:300 1.5em Roboto,Arial,Helvetica;margin-bottom: 1em;}
h4 i{margin-right: 0.5em;}

p{font-size:1em;line-height: 1.7em; margin-bottom: 1.7em; padding-top: 1.5em;}

/*Grid styles*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.viewweb {font:300 16px/13px Roboto,Arial,Helvetica; padding:6px;}

.spacer{padding: 6em 0;}

.btn{border:none;border-radius: 0;padding: 1em 4em;background: rgba(0,0,0,0.5);text-transform: uppercase;}
.btn:hover,.btn:active{color: #fff;}
.btn-default{color: #ccc;border: 1px solid #aaa;}
.btn-default:hover,.btn-default:active{background: rgba(0,0,0,0.8);}
.btn-primary{color: #fff;background:#00a9c6;width: 100%;outline: none;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background:#1BC0DC;box-shadow: none;}


.topbar {background:url(../images/lines.png);	height:5px;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navbar-nav > li > a{font-size: 1em;line-height: 3.6em; }
.navbar-fixed-top{background-color: #024680}
.navbar-inverse{background: #111;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background: none;color: #21abca;}
.navbar-nav{
	display: none !important;
}
#head,.carousel{margin-top: 0;}

#home{padding-top: 6em;}
.carousel-caption{top:0;bottom: 0;left: 0; right: 0;padding: 0;}
.caption-wrapper{display: table;height: 100%;width: 100%;}
.caption-info{display: table-cell;vertical-align: middle;}
.caption-info p{font-size: 1.25em;}
.caption-info .btn i{margin-right:0.75em;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%;}
.carousel-control{z-index:1000;}
.caption-info a{color: #ffffff;}


/*about*/
.about.spacer{padding-left: 4em; padding-right: 4em;padding-bottom: 0;}
.process ul li{width: 10em;height: 10em;border: 1px solid #CEEBF0;padding: 0;border-radius: 50%;margin: 0 1.25em;line-height: 13.5em;color: #21ABCA;}
.process ul li span{line-height: 2em;display: inline-block;font-weight: 300;}
.process ul li span i{font-size: 3em;}
.process ul li span b{display: block;font-size: 1em;font-weight: 300;}


/*testimonials*/
.partners img{float: left;margin:0 75px 30px 0;}
.testimonails{min-height: 195px;}
.testimonails img{margin-top: 5px;}
.testimonails span{color: #888;}
.testimonails span b{font-weight: 400;}
.carousel-indicators li{border: 1px solid #2BB2E3;}
.carousel-indicators{bottom: 0;}

/*works*/
#footstuff{padding-top:2.5em;}
#works{padding-top:8em; color:#ffffff;}
#works figcaption a{border:1px solid #fff;margin-top: 1em;display: inline-block;color: #fff;padding: 0.7em 2em;}
#works figcaption a:hover{text-decoration: none;padding: 0.7em 3em;}
.poplogo{width:40%; height:auto !important; margin-left:30%; padding-top:8px;}
.popsales{width:35%; height:auto !important; margin-left:-10%; margin-top:-280px;}
.popsales2{float:right; width:35%; height:auto !important; margin-right:-12%; margin-top:-280px;}
.bannerlogo{width:25%; height:auto !important; margin-left:0%; padding-top:10px;}
.slidearrow{padding-top:70%;}

.panel{
    border-radius: 0;
    border:0;
}

#works .panel{
    position: relative;
    height: 460px;
    margin-bottom:0;
}

#works .panel h2{font: 700 1.6em Roboto,Arial,Helvetica; padding-top:10px; padding-bottom:10px;}

#works .panel ul li{
	font-size: 1.2em;
    line-height: 1.3em;
    text-align: left;
}

#works .panel .logo-cont{
	min-height: 100px;
	line-height: 100px;

}
#works .panel img.logo{
	vertical-align: middle;
	width:80%;
}
#works .panel .head-img-cont{
	height:150px;
	width:100%;
}
#works .head-img-cont{
	background-size: cover;
    background-position: center;
}
#eco .head-img-cont{
	background-image: url(../splash_images/portfolio/1.png);
}
#water .head-img-cont{
	background-color: #0094d4;
	background-image: url(../splash_images/portfolio/2.png);

}
#landscape .head-img-cont{
	background-color: #bd9b72;
	background-image: url(../splash_images/portfolio/3.png);

}
#mosquito .head-img-cont{
	background-color: #e5803b;
	background-image: url(../splash_images/portfolio/4.png);

}
#decor .head-img-cont{
	background-color: #222471;
	background-image: url(../splash_images/portfolio/5.png);

}
#eco .panel, #leaders .panel{
background: #00a651; /* Old browsers */
background: -moz-linear-gradient(top, #00a651 0%, #6ac38f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00a651 0%,#6ac38f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00a651 0%,#6ac38f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a651', endColorstr='#6ac38f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#water .panel, #leaders .panel{
background: #0095da; /* Old browsers */
background: -moz-linear-gradient(top, #0095da 0%, #5bb6e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0095da 0%,#5bb6e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0095da 0%,#5bb6e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095da', endColorstr='#5bb6e7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#landscape .panel, #leaders .panel{
background: #c49a6c; /* Old browsers */
background: -moz-linear-gradient(top, #c49a6c 0%, #d9bd9e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c49a6c 0%,#d9bd9e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c49a6c 0%,#d9bd9e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c49a6c', endColorstr='#d9bd9e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#mosquito .panel, #leaders .panel{
background: -moz-linear-gradient(top, #f57b20 0%, #faad73 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f57b20 0%,#faad73 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f57b20 0%,#faad73 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57b20', endColorstr='#faad73',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#decor .panel, #leaders .panel{
background: #232176; /* Old browsers */
background: -moz-linear-gradient(top, #232176 0%, #68639f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #232176 0%,#68639f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #232176 0%,#68639f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232176', endColorstr='#68639f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.banner-cont{
	background: rgb(0,165,86); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,165,86,1) 0%, rgba(0,149,218,1) 25%, rgba(196,154,108,1) 50%, rgba(245,123,32,1) 75%, rgba(35,33,118,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,165,86,1) 0%,rgba(0,149,218,1) 25%,rgba(196,154,108,1) 50%,rgba(245,123,32,1) 75%,rgba(35,33,118,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,165,86,1) 0%,rgba(0,149,218,1) 25%,rgba(196,154,108,1) 50%,rgba(245,123,32,1) 75%,rgba(35,33,118,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a556', endColorstr='#232176',GradientType=1 ); /* IE6-9 */
width: 100%;
    padding: 10px 10px 20px 10px;

}
.banner-cont h1{
	text-align: center;
    color: white;
    letter-spacing: 1em;
    opacity: 0.5;
    font-size: 3em;
}

#works .panel .overlay{
	position: absolute;
	width:100%;
	height:100%;
	display:none;
}
.inner-cont > a.button:hover {
    text-decoration: none;
    padding: 15px 40px !important;
}
#works .hover:hover .overlay{
	display: block
}
#works .hover:hover .overlay .inner-cont{
	animation-name: createBox;
	animation-duration: .5s;
	animation-fill-mode: forwards;

}
#works .panel .overlay .inner-cont{
	transform: scale(0);
	border:1px solid white;
	width:96%;
	height:97%;
	margin:2%;
	padding-top:40%;
}
#works .overlay .button{
	color: white;
    padding: 10px 30px;
    font-size: 1.2em;
    font-weight: 400;
    border: 1px solid white;
    webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@keyframes createBox {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

/*Hover colors*/
#works #eco .overlay{
	background-color: rgba(0,166,81,0.8)
}
#works #water .overlay{
	background-color: rgba(0,149,218,0.8)
}
#works #landscape .overlay{
	background-color: rgba(196,154,108,0.8)
}
#works #mosquito .overlay{
	background-color: rgba(245,123,32,0.8)
}
#works #decor .overlay{
	background-color: rgba(25,33,118,0.8)
}

/*leaders*/
#leaders .panel{
    text-align: left;
    padding: 20px;
    color: white;
    font-style: italic;
    position: relative;
    margin: 0 0 5px;
}
#leaders h4, #leaders p{
    margin: 5px;
    line-height: 1em;
    padding: 0;
    font-style: italic;
    font-weight: bold
}
#leaders .panel img{
	position: absolute;
    bottom: 0;
    right: 0;
}

/*team*/
.team figure{width: 100%;}
.team img{width: 100%;}
.team b{font-size: 1.2em;display: block;}
.team a i.fa{color: #fff; font-size: 2em;}
.team a i.fa:hover{color: #21abca;}


.highlight-info{ background:url(../images/lab.jpg) center fixed; background-size: cover; color:#fff;}
.highlight-info .overlay{background: rgba(33,171,202,0.5);}
.highlight-info h4{color: #fff;margin:0.5em 0 0 0;}
/*about us*/



.navbar-phn {
	color:#0093d0 !important; text-decoration:none; font-weight: bold; cursor: default;
	}
	
.navbar-eml {
	color:#0093d0 !important; font-weight: bold; display:none !important; text-decoration: underline;
	}


	
.navbar-phnrt {
	color:#0093d0 !important; text-decoration:none; float:right; font-weight: bold; font-size: 1.0em !important;
    width:100px; margin-top:-22px; margin-right:2px; 
		}
.navbar-header{ float:none; position:relative;}
.navbar-header h2 {font-weight:700;float:left; display:block;color:white;   }
.navbar-header .head-text-cont{
	background-color: red
}
.navbar-header .head-text-cont .head-text{
	float: left;
    position: relative;
    width: 85%;
    padding: 10px;
}
.navbar-header .head-text-cont .head-text h2{margin:0;}
.navbar-header .head-text-cont .head-text h2.tag{width: 100%;
    line-height: 1.3em;}
.navbar-header .head-text-cont .head-text h2.off {color: #c3d452;
    font-size: 4.5em;
    width: 30%;
    text-align: right;
    padding-right: 10px;}
.phnsize {
	font-size: 1.2em !important; margin-top:-5px;position: absolute;
	}

/*contact*/
.contactform textarea,.contactform input{width: 100%;padding:1em;border:1px solid #ccc;margin-bottom: 1em;border-radius: 0;outline: none;}
/*contact*/

.footer p {
margin: 0;
    padding: 0;
    color: #0094d4;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.5em;
}
.footer{color: #fff; font-size: 1em;color: #aaa; line-height: 1.5em;padding-bottom:10px;}
.footer .divider{
		background: rgb(0,165,86); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,165,86,1) 0%, rgba(0,149,218,1) 25%, rgba(196,154,108,1) 50%, rgba(245,123,32,1) 75%, rgba(35,33,118,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,165,86,1) 0%,rgba(0,149,218,1) 25%,rgba(196,154,108,1) 50%,rgba(245,123,32,1) 75%,rgba(35,33,118,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,165,86,1) 0%,rgba(0,149,218,1) 25%,rgba(196,154,108,1) 50%,rgba(245,123,32,1) 75%,rgba(35,33,118,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a556', endColorstr='#232176',GradientType=1 ); /* IE6-9 */
width: 100%;
    height:4px;
    margin-bottom:10px;
}
.footer a{color: #aaa;margin-right: 1em; }

.gototop{position: fixed;bottom: 20px; right: 20px;background: rgba(0,0,0,0.5);padding: 10px;color: #fff;}
.gototop i{line-height: 0.5em;}
.navbar-brand{padding-top: 7px;margin-top: 30px;}

@media (max-width: 2200px) {


	.navbar-phnrt {
	color:#0093d0 !important; text-decoration:none; float:right; font-weight: bold; font-size: 1.0em !important;
    width:100px; margin-top:-22px; margin-right:17px; 
		}
}

@media (max-width: 1600px) {
	body{font:300 13px/13px Myriad Pro,Roboto,Arial,Helvetica;}
	.navbar-brand{padding-top: 7px;}
	.process ul li{margin:0 0.5em; }
	
	.grid figure h2{font: 700 1.6em Roboto,Arial,Helvetica; padding-top:10px; padding-bottom:10px;}
	figure.effect-oscar figcaption{padding: 4%;}
	figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	
	figure.effect-oscarcd figcaption{padding: 4%;}
	figure.effect-oscarcd figcaption::before,figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	
	figure.effect-oscarnl figcaption{padding: 4%;}
	figure.effect-oscarnl figcaption::before,figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	
	figure.effect-oscarll figcaption{padding: 4%;}
	figure.effect-oscarll figcaption:before,figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}

	.partners img{margin: 0 25px 25px 0;}
	.navbar-phnrt {
	color:#0093d0 !important; text-decoration:none; float:right; font-weight: bold; font-size: 1.0em !important;
    width:100px; margin-top:-22px; margin-right:2px; 
		}

}



@media (max-width: 1200px) {
	body{font:300 13px/13px Myriad Pro,Roboto,Arial,Helvetica;}
	.navbar-brand{padding-top: 7px;}
	.process ul li{margin:0 0.5em; }
	
	.grid figure h2{font: 700 1.2em Roboto,Arial,Helvetica;}
	figure.effect-oscar figcaption{padding: 4%;}
	figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	
	figure.effect-oscarcd figcaption{padding: 4%;}
	figure.effect-oscarcd figcaption::before,figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	
	figure.effect-oscarnl figcaption{padding: 4%;}
	figure.effect-oscarnl figcaption::before,figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	
	figure.effect-oscarll figcaption{padding: 4%;}
	figure.effect-oscarll figcaption::before,figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}

	.partners img{margin: 0 25px 25px 0;}
.popsales{width:35%; height:auto !important; margin-left:-16%; margin-top:-150px;}
.popsales2{float:right; width:35%; height:auto !important; margin-right:-18%; margin-top:-130px;}
	#works .panel {
    position: relative;
    height: 490px;
    margin-bottom: 0;
}
.navbar-header .head-text-cont .head-text {
    width: 84%;
    padding: 10px;
}
}


@media (max-width: 900px) {
	h1{font: 700 3.5em Roboto,Arial,Helvetica;}
	h4 {font: 300 1.3em Roboto,Arial,Helvetica;}
	.btn{padding: 1em 2em;}
	.partners img{margin: 0 15px 25px 0;width: 157px;}
	.process ul li{width: 9em;height: 9em;}
	figure.effect-chico figcaption {padding: 2em;}	
	figure.effect-oscar figcaption {padding: 10%;}
	figure.effect-oscarcd figcaption {padding: 10%;}
	figure.effect-oscarnl figcaption {padding: 10%;}
	figure.effect-oscarll figcaption {padding: 10%;}
	figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	.grid figure.effect-chico p{font-size: 0.6em;line-height: 1.5em;}
.navbar-brand img{height: 50px; margin-top:10px;}

	.poplogo{display:none !important;}
	.navbar-phnrt {
	display:none 
		}
}

@media (min-width: 767px) and (max-width: 992px) {
.hide-phn {display:none !important;}
}

@media (max-width: 767px) {

	body{font:300 12px/12px Myriad Pro,Roboto,Arial,Helvetica;}
	.navbar-nav{
	display: block !important;
}
	.navbar-nav > li > a {line-height: 1em;}	
	.navbar-brand{padding: 10px;margin-bottom:15px;}
	.navbar-brand img{height: 47px; }
	.navbar-toggle{margin-top: 12px;}
.grid figure h2{font: 700 1.0em Roboto,Arial,Helvetica; padding-top:0px; padding-bottom:0px;}
	
	
	h4 {font: 300 3.2em Roboto,Arial,Helvetica;}
	#partners h2{padding: 0 1em;}
	#works h2{margin-top: -15px !important;} 
	#home {padding-top: 5em;}

	.partners{display: block;float: left;}
	.partners img{width: 120px;}

.poplogo{width:50%; height:auto !important; margin-left:25%; padding-top:5px;}
.poplogo a{decoration:none; }

.caption-wrapper h1 {font:700 24px/12px Roboto,Arial,Helvetica; padding-bottom:8px; padding-top:5px;}
.caption-wrapper h2 {font:700 20px/12px Roboto,Arial,Helvetica;}
.bannerlogo{display:none;}

	.about.spacer{padding-left: 2em;padding-right: 2em;}
	.spacer{padding:2em 0 0 0;}
	.process ul li{margin-bottom: 1em;}

	.highlight-info .overlay{padding-bottom: 2em;}

	.grid.team div{margin: 0;padding: 0;}
	figure.effect-chico figcaption {padding: 1.5em;}
	.footer{margin-top: 0em;padding-bottom: 2em;}
	.poplogo{display:none !important;}
.popsales{width:35%; height:auto !important; margin-left:-10%; margin-top:-95px;}
.popsales2{float:right; width:35%; height:auto !important; margin-right:-18%; margin-top:-79px;}

.navbar-eml {
	color:#0093d0 !important; font-weight: bold; display:block !important; text-decoration: underline;
	}
	
.navbar-eml	a{text-decoration: underline; }
.navbar-eml	a:hover{text-decoration: underline; }
#works {margin-top:-2px;padding-top:4.5em;}			
.navbar-default .navbar-brand {
    margin: 0 0 10px;
}
#works .panel {
    position: relative;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.banner-cont h1 {
    text-align: center;
    color: white;
    letter-spacing: 0em;
    opacity: 0.5;
    font-size: 2em;
}
#leaders h4 {
    font-size: 2em;
}
.navbar-default .navbar-brand{
	margin: 10px 0 5px 10px;
    padding: 0;
}
.navbar-brand img{
	margin:0;
}
}