@charset "utf-8";
/* CSS Document */

/*nav*/

  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color:transparent;
}


.navbar {
    border-radius: 0px;
}

.navbar-inverse {
    background-color: #242424;
    border-color: #000;
}

.navbar-inverse .navbar-brand {
    color: #000;
    background:#000 none repeat scroll 0% 0%;
	line-height: 38px;
	border-radius: 0px 0px 10px 10px;
	height: 65px;
}


.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}





/*bottom line appearing */
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-weight: 700;
	font-size:17px;
	border-bottom:transparent 3px solid;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}




.navbar-inverse .navbar-nav > li > a:hover {
    border-bottom: #23D0F4 3px solid;
	
	}
	



/*bottom line appearing */




.navbar-brand-centered {
    position: absolute;
    left: 45%;
    display: block;
    width: 160px;
    text-align: center;
    height: 100px;
	display:none;
}


.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #FFF;
    background-color:#000 ;
	
}



/*nav ends*/






.what-we-do .test fa fa-2x fa-thumbs-up:hover{ 
margin-bottom:10px;
}


.ample-video {
	width:100%;
	height:auto;
	margin-bottom:0px;
}


 video {
  background-image:url(images/5.gif);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center;

  }
  
  loop poster {
	  height:300px;
	  width:300px;
  }


body { font-family: 'Josefin Sans', sans-serif;
		height: 1600px;
		background:url(images/background.png);
		
}

video{
	width:100%;
	margin-top: 10px;
}



body h1 {	color:#16BBE9; 
			font-size:46px; 
}

body h3 {color:#78BE20!important;
			font-size:30px;
}






.text-slide{ font-size:42px; }



.brandimage { margin:40px; }



.brandimg{
	width:100%;
	margin-top: -12px;
}



.underbanner p { font-size:20px;
				padding:5px;
				
				
				 }

.underbanner {
  position:relative;
  bottom: 0;
  width: 100%;
  height: 500px;
  padding:20px;
  color:#fff;
  z-index: 1;
 

  text-align:center;
}

.underbanner {
	
	background:url(images/section-bg-2.jpg) no-repeat;
	 margin: 2px 0px;
	}


	 
.what-we-do { background:url(images/team_back.png) fixed repeat;
				text-align:center;
				color:#fff;
				padding:50px;
				margin-top:0px;
				font-size: 18px;
				 
				}
.team { 
				text-align:center;
				color:#fff;
				padding:10px;
				margin-top:0px;
				
				
				 
				}

.what-we-do h2 { color:#16BBE9;
				font-size: 35px;
				padding: 5px;

	}

.what-we-do2 h2 { color:#16BBE9;
					font-size: 35px;
					padding: 5px;}


.what-we-do p {background-color: rgba(0, 0, 0, 0.2);
padding: 40px;
border-radius: 10px;

}


.what-we-do .fa { -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; 
}

.what-we-do .fa:hover { 
-webkit-transform: translate(-20px, 0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
-moz-transform: translate(-20px, 0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
-o-transform: translate(-20px, 0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
-ms-transform: translate(-20px, 0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
transform: translate(-20px, 0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);   };


.what-we-do  h2 { font-size:35px; }



.what-we-do {
  
  position:relative;
  bottom: 0;
  width: 100%;
  
  z-index: 1;
  text-align:center;
}

.what-we-do2 {
  
  position:relative;
  bottom: 0;
  width: 100%;
  
  z-index: 1;
  text-align:center;
}


/*=========================
  Icons
 ================= */



/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
	
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

a {
 background-color:transparent;  
}

.gotop { text-align:center; }


/*text slider*/
#slides {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 250px;
}

#slides ul {
  list-style: none;
  width: 100%;
  height: 250px;
  margin: 0;
  padding: 0;
  position: relative;
}

#slides li {
  width: 100%;
  height: 250px;
  float: left;
  text-align: center;
  position: relative;
  font-family:'Josefin Sans', sans-serif;
}

.footer {
	
	background:#242424;
	padding:40px;
	position:relative;
  bottom: 0;
  width: 100%;
  
  z-index: 1;
  text-align:center;
  margin-top:0px;
  
}



/*we-top starts*/

.we-top {
  
  position:relative;
  bottom: 0;
  width: 100%;
  
  z-index: 1;
  text-align:center;
}


#example-percent-container, #example-percent-container2, #example-percent-container3 { width:200px;
							height:200px;
							font-size:24px;
							text-align:center;
							margin-left:40px; }


.we-top { text-align:center;
			margin:20px; }





/*we-top ends*/

/*services*/

.services_row { margin-bottom:20px; }
.services {		
			 		
			text-align:left;
			color:#fff;
			padding:20px;
			background:url(images/para-bg5.jpg) fixed;
			margin:40px 0px 40px 0px;
			padding:70px;
}


.services p { padding:5px;
				font-size:18px;
				}

.services p h1 { color:#008000;
				text-shadow: 0px 3px #000; }




.services .fa:hover { 
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s; }




.services strong {
    font-weight: 700;
    color: #16BBE9;
}


.fa {
       color: #16BBE9;
}


.lots-feature{  
padding: 60px;
background:url(images/mcbair.jpg) fixed;
margin:40px 0px 40px 0px;
text-align:center;

			 }




.box {
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.48) none repeat scroll 0% 0%;
    border-radius: 30px;
    padding: 10px 25px;
    text-align: right;
    display: block;
    margin-top: 60px;
}
.box-icon {

    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.box-icon span {
    color: #16BBE9;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #fff;
	border-radius: 80px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
	
}

.box-icon span:hover {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #16BBE9;
	border-radius: 80px;
	transform:  rotate(360deg);
    transition: transform 0.8s ease-in-out;
	
}

.info h4 {
    font-size: 26px;
    letter-spacing: 2px;
	color:#fff;
    text-transform: uppercase;
}
.info > p {
    color: #fff;
    font-size: 16px;
    padding-top: 10px;
    text-align: justify;
	padding: 20px;
	

}


.info > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
/*services ends*/

/*portfolio starts*/

.team {	background:url(images/slide11.png) repeat-x;
		text-align:center;
		color:#fff;
		
		padding:40px;}

.team h1 { color:#3DFEFF;
			
			text-align:center; }


/* Carousel */

.carousel slide { padding:10px;
					margin:10px;}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
	 margin-bottom: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}

#quote-carousel .carousel-indicators li {
    margin: 35px;
    cursor: pointer;
    border-radius: 0px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s ease 0s;
    width: 50px;
    height: 50px;
    border: 4px solid #CCC;
	
}

#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 0px;
    border-color: #3DFEFF;
    opacity: 1;
    overflow: hidden;
	margin:10px;
}
.carousel-inner {
    min-height: 300px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}




/*portfolio ends*/


/* profile views starts */


a { transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease; }
/* Visitor */
a.visitor i,.visitor h4.list-group-item-heading { color:#E48A07; }
a.visitor:hover { background-color:#E48A07; }
a.visitor:hover * { color:#FFF; }
/* Facebook */
a.facebook-like i,.facebook-like h4.list-group-item-heading { color:#3b5998; }
a.facebook-like:hover { background-color:#3b5998; }
a.facebook-like:hover * { color:#FFF; }
/* Google */
a.google-plus i,.google-plus h4.list-group-item-heading { color:#dd4b39; }
a.google-plus:hover { background-color:#dd4b39; }
a.google-plus:hover * { color:#FFF; }
/* Twitter */
a.twitter i,.twitter h4.list-group-item-heading { color:#00acee; }
a.twitter:hover { background-color:#00acee; }
a.twitter:hover * { color:#FFF; }
/* Linkedin */
a.linkedin i,.linkedin h4.list-group-item-heading { color:#0e76a8; }
a.linkedin:hover { background-color:#0e76a8; }
a.linkedin:hover * { color:#FFF; }



/*profile views ends*/


/*clients starts*/





/*clients ends*/


<!--contact us -->

.reach-us{  background:url(images/landing1.jpg) fixed no-repeat;  } 

.contact-us { background:url(images/landing1.jpg) fixed no-repeat; 	
				
				text-align:center;
				padding:20px;
				margin:40px 0px 40px 0px;
				padding:90px;
			}
			
.contact-us h1 { margin:20px; }

.contact-form{ margin-top:15px;}
.contact-form .textarea{ min-height:220px; resize:none;}
.form-control{ box-shadow:none; border-color:#eee; height:49px;}
.form-control:focus{ box-shadow:none; border-color:#16BBE9;}
.form-control-feedback{ line-height:50px;}
.main-btn{ background: #16BBE9 none repeat scroll 0% 0%;
border-color: #16BBE9; color:#fff;}
.main-btn:hover{ background:#16BBE9;color:#000;}
.form-control-feedback {
line-height: 50px;
top: 0px;
}

.address { text-align:center;
 background:url(images/footer_bg.png) fixed no-repeat;
		margin:40px 0px 0px 0px;
		padding:40px;
		color:#fff;
		height:400px;}
<!--ends-->

.ample_map { margin-bottom:0px;
			
			height:300px;
			width:100%;}
			
.address {
	font-size:20px;}
	
.amap{
	text-align:left;
	margin:20px;
	
}





/*caroooooooooooooooooooooooooooooooooooooooooooooooooooo*/

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 100vh;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 1s all ease-in-out .1s;
       -moz-transition: 1s all ease-in-out .1s; 
        -ms-transition: 1s all ease-in-out .1s; 
         -o-transition: 1s all ease-in-out .1s; 
            transition: 1s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    transition: all 2s ease-in-out 0.1s;
    background: rgba(0, 0, 0, 0.45);
    height: 400px;
padding: 100px;
    border-radius: 40px;
}
/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image:url(images/photo-1416339134316-0e91dc9ded92.jpg);
}
.fade-carousel .slides .slide-2 {
  background-image:url(images/photo-1416339276121-ba1dfa199912.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image:url(images/photo-1416339684178-3a239570f315.jpg);
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}



.siteseal {
	margin-top:10px;
}

/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left {
    left: -60px;
    background: rgb(0, 199, 255) none repeat scroll 0px 0px;
    border: 4px solid #FFF;
    border-radius: 23px;
    height: 40px;
    width: 40px;
    margin-top: 30px;
    top: 25px;
	opacity: 5.9;
}
/* Next button  */
.media-carousel .carousel-control.right {
    right: -60px !important;
    background: rgb(0, 199, 255) none repeat scroll 0px 0px;
    border: 4px solid #FFF;
    border-radius: 23px;
    height: 40px;
    width: 40px;
    margin-top: 30px;
    top: 25px;
	opacity: 5.9;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img {
    width: 100%;
    height: 145px;
}
/* End carousel */

.cli{
	background:url(images/aqua.jpg) fixed repeat;	
	text-align:center;
	
}



.cli h1 {
	margin-bottom:70px;
	text-shadow:2px 2px 1px #000;
	color:#fff;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color:transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: border 0.2s ease-in-out 0s;
}

.img-responsive {
	border:1px solid #3DFEFF;
}

.fa-backward {
	position:relative;
	right: 585px;
	color:#000;
	top: -235px;
}

.fa-forward {
    position: relative;
    left: 585px;
    color: #000;
    top: -235px;
}

.webtech img {
	background: rgba(0, 0, 0, 0.48) none repeat scroll 0% 0%;
	margin:20px;
	padding: 5px;
	border-radius: 8px;
	transition:
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s cubic-bezier(1,0,0,1) 0s;
}

.webtech img:hover {
	transition:-moz-transform: scale(1) rotate(40deg) ;
-webkit-transform: scale(1) rotate(40deg) ;
-o-transform: scale(1) rotate(40deg);
-ms-transform: scale(1) rotate(40deg) ;
transform: scale(1) rotate(40deg) ;
	
}

.webtech .caption {
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
    font-size: 19px;
    background: rgba(0, 0, 0, 0.67);
}

.topp {
    position: absolute;
    right: 8px;
    bottom: 10px;
}




#custom_carousel .item {

    color:#fff;
    background-color:transparent;
    padding:20px 0;
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#ddd
}
#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
    max-width:90px
}
#custom_carousel .controls li.active {
    background-color:#eee;
    border-top:3px solid #23D0F4;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:10px;
    margin-top:5px;
    font-weight:bold
}

.carousel-control.right {
    right: 0px;
    left: auto;
    background-image: linear-gradient(to right, transparent 0%, rgba(86, 82, 82, 0) 100%);
    background-repeat: repeat-x;
}


.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, transparent 100%);
    background-repeat: repeat-x;
}

.port {
	position: fixed;
top: 14px;
z-index: 99999;
left: 954px;
font-size: 16px;
color: #fff;
font-weight: 800;
border-bottom:transparent 3px solid;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.port:hover {
	color:#fff;
	text-decoration:none;
	border-bottom: transparent 3px solid;
}


.head{
	text-align: center;
font-size: 4em;
background: #000;
padding:15px;
color: #16BBE9;
}

.head h2 {
   font-size: 1em;
}

.nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 5px;
    font-size: 2em;
}

.nav-pills > li > .active a {
	background:#C03;
}

.logo_port{
	position: relative;
	top: -79px;
	left: 70px;
}

.port a:hover, a:focus {
    color: #FFF;
    text-decoration: none;
    outline: none;
}

.fadein { position:relative;
			margin-top:14px;
			top: 57px;
			}
			
.fadein img {
    width: 78%;
}
.fadein img {
    position: relative;
    left: -7px;
    top: 35px;
	height: 530px;
	
	

}

.pdfdiv {
	position: fixed;
    top:425px;
    right: -70px;
	z-index:9999;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.pdfdiv:hover {
	    position: fixed;
    top:425px;
    right: 0px;
	-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}