.navbar-header { background-color: #FFF; padding:0 0 0 10px; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.3) inset; }
.navbar-fixed-top { background-color: #00a5f9; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.3) inset; }
#menu-main_nav > li > a {color:#FFF;}

#services { position: relative; box-shadow: 0 15px 0 rgba(255, 255, 255, 0.3) inset; background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 165, 240, 1), rgba(0, 95, 144, 0)) repeat scroll 0 0; border: none;}
#services h2 { color: #FFF;}
.single-service {border-radius: 0; padding: 30px 25px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); border: none;}
#services .colored-line { background-color: #FFF; }
#services .sub-heading { color:#FFF;}
.single-service h3 { text-transform: uppercase;}

#story { border-bottom: none; }
#story .section-overlay-layer { padding: 35px 0; }

#customers { border-top: 15px solid #4fc1f5; background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 66, 114, 1), rgba(0, 0, 0, 1)) repeat scroll 0 0; /*background-color: #02274a;*/ }
#customers .section-header, #customers .section-header h2  { color:#FFF; margin-top: 30px;  }
#customers .section-header .sub-heading { color: #FFF; }
#customers .testimonials-box .feedback { background: #eaf7ff none repeat scroll 0 0; border-color: #daefff;}

#team { border-bottom: none; display: none; }
#team .section-header h2 { text-align: left;}
#team .section-header {text-align: left; margin-top: 30px; }
#team .colored-line { margin-left:0; }
#team .team-member-wrap .team-member-box { float: left; }
#team .team-member {border-color: #afcde7;}

#contactinfo .contact-info .section-overlay-layer { padding-bottom: 30px; padding-top: 00px;}

#cd-google-map { border-top: 15px solid #4fc1f5;}

/* Couds animation */
#clouds{  position: absolute; width: 100; }

/*Time to finalise the cloud shape*/
.cloud {
	width: 100px; height: 38px;
	background: #fff;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	position: relative; 
	margin-top: 50px;
	z-index: 0;
	opacity: 0.4;
}

.cloud:before, .cloud:after {
	content: '';
	position: absolute; 
	background: #fff;
	width: 100px; height: 40px;
	position: absolute; top: -15px; left: 10px;
	
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 10px;
	
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
}

.cloud:after {
	width: 44px; height: 51px;
	top: -35px; left: auto; right: 0px;
}

/*Time to animate*/
.x1 {
	top: 15%; left: 80%;
	/*-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-webkit-animation: moveclouds 15s linear infinite;
	-moz-animation: moveclouds 15s linear infinite;
	-o-animation: moveclouds 15s linear infinite;*/
}

/*variable speed, opacity, and position of clouds for realistic effect*/
.x2 {
	left: 70%;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0.6; /*opacity proportional to the size*/
	
	/*Speed will also be proportional to the size and opacity*/
	/*More the speed. Less the time in 's' = seconds* /
	-webkit-animation: moveclouds 25s linear infinite;
	-moz-animation: moveclouds 25s linear infinite;
	-o-animation: moveclouds 25s linear infinite; */
}

.x3 {
	left: 25%; top: 10%;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.4; /*opacity proportional to the size* /
	
	-webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite; */
}

.x4 {
	left: 7%; top: 25%;
	
	-webkit-transform: scale(1.75);
	-moz-transform: scale(1.75);
	transform: scale(1.75);
	opacity: 0.5; /*opacity proportional to the size* /
	
	-webkit-animation: moveclouds 18s linear infinite;
	-moz-animation: moveclouds 18s linear infinite;
	-o-animation: moveclouds 18s linear infinite; */
}

.x5 {
	left: 65%; top: 35%;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; /*opacity proportional to the size* /
	
	-webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite; */
}

@-webkit-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}

/* Envira Gallery */
.envira-gallery-wrap .envira-gallery-public .envira-gallery-item img { border: solid 2px #D2B073; }
.envira-gallery-link { position:relative; }
.envira-gallery-link span { position:absolute; bottom:0; width:100%; background: rgba(0, 0, 0, 0.6); color:#FFF; padding:0 5%; }