@charset "utf-8";

/* CSS Document */



@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,500i,700,700i,900,900i');





body{font-family: 'Roboto', sans-serif;}

p{font-size:1.1em; line-height:1.3em;}



.bg-header{background:#ccdcf6; padding:10px 0; font-size: 1.1em; color: #000;}

.bg-header a{color: #000 !important; text-decoration: none;}

.bg-top{background:#222; padding: 8px 0; color: #fff; font-size:16px;}

.bg-top p {color: #dd0505; font-size:20px; margin-bottom: 0;}

.top-social .fa{color: #fff; font-size: 20px; margin-right: 10px;}

.top-social a{ color: #fff; text-decoration: none;}



.header{ margin:0px 0;  padding:0 0 10px 0; }

.logo{position: absolute;

z-index: 997;

	width:80%;

	left: 10%;

	right: 10%;



}

.header-main {

      width: 100%;

	

}



.bg-header a{color: #fff;}

/*.header-main{margin: 16px 0;}*/



.my-menu{margin-top: 20px; float: right; z-index: 9000;}

.my-menu .navbar {margin-bottom: 0px;}

.my-menu .navbar-default{background:none; border:none;}

.my-menu .navbar-nav .active a, .my-menu .navbar-nav .active a:hover{

color:#fff !important;

	background:#000;

	padding: 10px 20px;

	border-radius: 8px;

	

	



}



.my-menu .navbar-nav {

    float: right;

    margin: 0;

}



.my-menu .navbar-nav li a:hover{color:#fff !important; background:#000;

	padding: 10px 20px; border-radius: 8px;}



.my-menu ul li a{font-size:16px;  text-transform:uppercase ; font-weight:500; color:#000 !important; }

.my-menu .navbar-nav > li > a { padding:10px 20px; margin-left:20px; }

.menu-txt{display:none; }



.call-txt{margin-top: 14px;}

.call-txt h4{line-height:20px; margin:0; font-size:16px; color: #bf8a56;  font-weight: bold;}

.call-txt h3{ line-height:28px; margin:0; font-size: 24px; font-weight:400;}

.call-txt img{vertical-align: middle !important; margin-top:10px;}



.wel{margin:20px 0; }

.wel h1{ font-size:2.5em; font-weight:600; text-transform: uppercase;}

.wel img{margin: 0 auto; width: 100%;}



.we-offer{margin: 30px 0; }





.we-offer img{margin: 0 auto;}

.we-offer h1{text-transform:uppercase}

.we-offer h3{font-weight:500; text-transform:uppercase;  margin-top: 0; color: #000; line-height: 1.8em; font-size: 26px; margin-bottom: 0;}

.we-offer h4{font-weight:400; text-transform:uppercase;  margin-top: 0; color: #000; line-height: 1.6em; font-size: 24px; margin-bottom: 0; letter-spacing: 1px;}

.we-offer p{line-height: 1.2em; font-size: 1.2em;}

.view-more{margin:20px 0 0 0; width:120px; font-size:16px; text-transform: uppercase; background:#222; color: #fff; padding: 8px 15px; border-radius: 10px; text-decoration: none;}

.view-more a{text-decoration: none; color: #fff;}

.view-more a:hover{text-decoration: none; color: #fff;}



.view-more11{margin:20px auto; width:120px; font-size:16px; text-transform: uppercase; background:#222; color: #fff; padding: 8px 15px; border-radius: 10px; text-decoration: none;}

.view-more11 a{text-decoration: none; color: #fff;}

.view-more11 a:hover{text-decoration: none; color: #fff;}





.we-offer1{ background: #000; padding: 30px 0; color: #ccc;  margin-bottom:0px; }

.we-offer1 h3{font-weight:500; text-transform:uppercase;  margin-top: 0;  line-height: 1.8em; font-size: 26px; margin-bottom: 0;}

.we-offer1 h4{font-weight:400; text-transform:uppercase;  margin-top: 0;  line-height: 1.6em; font-size: 22px; margin-bottom: 0; letter-spacing: 1px;}

.we-offer1 p{line-height: 1.2em; font-size: 1.2em;}

.view-more1{margin:20px 0 0 0; width:120px; font-size:16px; text-transform: uppercase; background:#ccc; color: #fff; padding: 8px 15px; border-radius: 10px; text-decoration: none;}

.view-more1 a{text-decoration: none; color: #222;}

.view-more1 a:hover{text-decoration: none; color: #222;}







.bg-we-offer{background:url(../images/bg01.jpg) no-repeat; padding:70px 0;  color: #fff; margin: 0;}

.bg-we-offer p{font-weight:300;   margin-top: 0;  color: #fff; line-height: 1.4em; font-size: 16px; }

.bg-we-offer h2{font-weight:600; text-transform:uppercase; margin-top: 0;  color: #fff; line-height: 1.2em; font-size: 24px;}











.bg-top-footer{background:#111; padding:20px 0; margin:0; color:#f8f8f8; }

.bg-top-footer h3{text-transform:uppercase; font-weight:500; color:#fff; font-size:20px; border-bottom: 2px solid #fff; padding-bottom: 10px; display: inline-block; letter-spacing: 1px;}

.bg-top-footer p{line-height:20px; font-size: 15px;}

.bg-top-footer ul{margin:0; padding:0; list-style:none; font-size:16px; line-height: 2.0em; }

.bg-top-footer li {

    border-bottom: 1px solid #282828;

}

.bg-top-footer p i {color:#fff !important;}

.bg-top-footer ul li a{color:#fff; ;}

.bg-top-footer ul li a:hover{color:#0094d9;}

.bg-top-footer p strong{color:#fff;}

.footer{margin:0; padding:0; color:#fff;  line-height:60px; background:#000; }

.footer a{color: #fff; text-decoration:none; }









 /* Style all font awesome icons */

.social .fa {

  padding: 3%;

  font-size: 22px;

  width:40px;

  text-align: center;

  text-decoration: none;

	border-radius: 100%;

}



/* Add a hover effect if you want */

.social .fa:hover {

  opacity: 0.7;

}



/* Set a specific color for each brand */



/* Facebook */

.social .fa-facebook {

  background: #3B5998;

  color: white;

}



/* Twitter */

.social .fa-instagram {

  background: #55ACEE;

  color: white;

} 



/* Twitter */

.social .fa-google {

  background: #dd4b39;

  color: white;

}



.content {

    padding-top: 30px;

}



/* Testimonials */

.testimonials{background:#0888c0; color: #fff;}



.testimonials blockquote {

    background: #efefef none repeat scroll 0 0;

    border: medium none;

    color: #000;

    display: block;

    font-size: 14px;

    line-height: 20px;

    padding: 15px;

    position: relative;

}

.testimonials blockquote::before {

    width: 0; 

    height: 0;

	right: 0;

	bottom: 0;

	content: " "; 

	display: block; 

	position: absolute;

    border-bottom: 20px solid #fff;    

	border-right: 0 solid transparent;

	border-left: 15px solid transparent;

	border-left-style: inset; /*FF fixes*/

	border-bottom-style: inset; /*FF fixes*/

}

.testimonials blockquote::after {

    width: 0;

    height: 0;

    right: 0;

    bottom: 0;

    content: " ";

    display: block;

    position: absolute;

    border-style: solid;

    border-width: 20px 20px 0 0;

    border-color: #e63f0c transparent transparent transparent;

}

.testimonials .carousel-info img {

    border: 1px solid #f5f5f5;

    border-radius: 150px !important;

    height: 75px;

    padding: 3px;

    width: 75px;

}

.testimonials .carousel-info {

    overflow: hidden;

}

.testimonials .carousel-info img {

    margin-right: 15px;

}

.testimonials .carousel-info span {

    display: block;

}

.testimonials span.testimonials-name {

    color: #e6400c;

    font-size: 16px;

    font-weight: bold;

    margin:5px 0 7px;

}

.testimonials span.testimonials-post {

    color: #656565;

    font-size: 12px;

}



.pull-left {

    float: right !important;

}



.folder-icon i{font-size:7em; color: skyblue;}

.folder-icon a{text-decoration: none;}





@media(max-width:768px){



.bg-header{ padding:10px 0; font-size: 1em; color: #000;}

	.header{margin: 0 0; border-bottom: 0; padding: 10px 0 0 0;}

	

	.container-fluid {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

    position:inherit;

    top:0px;

		margin-bottom:0px;

}

	



.header-main {

    width: 100%;

    background: #282828;

	

}



.text-right{ text-align:left !important;}

.my-menu{margin-top:0px; line-height: 30px; background: #0094d9; float: right; z-index:inherit;}

.my-menu .navbar-toggle{ padding: 9px 11px; margin-top:5px; margin-right:0;}

.my-menu .navbar-default .navbar-toggle .icon-bar{background:#00748D; }



.my-menu .navbar-nav .active a, .my-menu .navbar-nav .active a:hover{

color:#fff !important;

	background:none;

	padding: 5px 10px;

	border-radius:0px;

	border-bottom: 1px solid #000;

	

	



}



.my-menu .navbar-nav li a:hover{color:#fff !important; background:none;

	padding: 5px 10px; border-radius:0px; border-bottom: 1px solid #000;}



.my-menu ul li a{font-size:16px;  text-transform:uppercase ; font-weight:500; color:#000 !important; }

.my-menu .navbar-nav > li > a { padding:5px 10px; margin-left:20px; }

.menu-txt{display:none; }



.navbar-default .navbar-toggle {

border-color: #fff;

}

.my-menu .navbar-default .navbar-toggle .icon-bar {

background: #000;

}

.call-txt{ margin:10px auto auto auto; }

.call-txt img{margin-top: 0px; }

.call-txt h4{line-height:16px; margin:0; font-size:14px; padding:0 0 10px 0;}

.call-txt h3{ line-height:20px; font-size: 18px; margin:0; padding:0 0 10px;}	



.wel h1{font-size:2em; font-weight:600;}

.quality-air h1{ font-size:2.5em; }

	

.bg-we-offer{background:#363834; padding:10px 0 20px; }

.bg-we-offer h1{font-weight:600; text-transform:uppercase; margin-top: 0;  color: #fff; line-height: 1.2em; font-size: 24px;}	

	

	

.bg-top-footer p{font-size: 14px; line-height: 24px;}

.bg-top-footer ul{font-size: 14px;}



.footer{margin:0; padding:6px ;  line-height:20px; font-size: 12px;}

	

	



.carousel-caption{left:20% !important;}

.carousel-caption h1{font-size:18px !important; text-transform:uppercase; font-weight:bold; text-align:left; background: rgba(0, 0, 0, 0.5);

width: 100% !important;

	text-align: center !important;

padding: 4% 0 !important;

color: #ecdccc;}



.social .fa {

  padding: 2%;

  font-size: 18px;

  width:44px;

  text-align: center;

  text-decoration: none;

	border-radius: 100%;

}

}



.gallery

{

display: inline-block;

margin-top: 20px;

}



.Feedbackform {

padding:5px;

margin:0 0 20px 0;

float: left;

}



.Feedbackform input[type="text"] {

width: 200px;

margin-bottom: 7px;

padding: 4px 10px;

border: 1px solid #CCC;

border-radius: 3px;

}

.Feedbackform textarea{

width: 250px;

margin-bottom: 7px;

padding: 4px 10px;

border: 1px solid #CCC;

border-radius: 3px;

}

.Feedbackform input[type="submit"] {

background:#da2a29; 

border: none;

margin-top:8px; 

padding:8px 0; 

cursor:pointer; 

color:#FFF; 

width: 90px;

font-weight:bold;

float: none;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

}

.Feedbackform input[type="submit"]:hover {

background:#c6201f;

}

.alertmsg {

font-size:12px; 

color:#F00; 

font-style:none;

padding: 0;

}

.code-sec {

clear:left;

}

.map-responsive{

overflow:hidden;

padding-bottom:56.25%;

position:relative;

height:0;

}

.map-responsive iframe{

left:0;

top:0;

height:100%;

width:100%;

position:absolute;

}



.carousel-caption{left:10% !important;}

.carousel-caption h1{font-size:48px; text-transform:uppercase; font-weight:bold; text-align:left; background: rgba(0, 0, 0, 0.5);

width: 60%;

padding: 2%;

color: #ecdccc;}



@media(max-width:480px){

.social .fa {

  padding: 2%;

  font-size: 18px;

  width:30px;

  text-align: center;

  text-decoration: none;

	border-radius: 100%;

}

	.logo{position: absolute;

	width:40%;

	left: 0;

}

	.my-menu ul li a {

		text-align: right;}

	

	

	.testimonials h2 {

	color: #fff;

	text-align: center;

	text-transform: uppercase;

	font-family: "Roboto", sans-serif;

	font-weight: bold;

	position: relative;

	margin: 10px 0 0px;

}

	.testimonials .carousel .carousel-indicators {

	bottom:20px;

		display: none;

}

	.testimonials .carousel-control i {

    font-size: 28px !important;

	}



	.testimonials .carousel {

	margin:10px auto;

	padding: 0 10px !important;

}

	.folder-icon {text-align: center;}

	

}





.testimonials h2 {

	color: #fff;

	text-align: center;

	text-transform: uppercase;

	font-family: "Roboto", sans-serif;

	font-weight: bold;

	position: relative;

	margin: 30px 0 0px;

}

.testimonials h2::after {

	content: "";

	width: 100px;

	position: absolute;

	margin: 0 auto;

	height: 3px;

	background: #222;

	left: 0;

	right: 0;

	bottom: -10px;

}

.testimonials .col-center {

	margin: 0 auto;

	float: none !important;

}

.testimonials .carousel {

	margin:10px auto;

	padding: 0 60px;

}

.testimonials .carousel .item {

	color: #fff;

	font-size: 16px;

    text-align: center;

	overflow: hidden;

    min-height: 190px;

}

.testimonials .carousel .item .img-box {

	width: 135px;

	height: 135px;

	margin: 0 auto;

	padding: 5px;

	border: 1px solid #ddd;

	border-radius: 50%;

}

.testimonials .carousel .img-box img {

	width: 100%;

	height: 100%;

	display: block;

	border-radius: 50%;

}

.testimonials .carousel .testimonial {

	padding: 12px 0 10px;

}

.testimonials .carousel .overview {	

	font-style: italic;

}

.testimonials .carousel .overview b {

	text-transform: uppercase;

	color: #000;

}

.testimonials .carousel .carousel-control {

	width: 40px;

    height: 40px;

    margin-top: -20px;

    top: 30%;

	background: none;

}

.testimonials .carousel-control i {

    font-size: 68px;

	line-height: 42px;

    position: absolute;

    display: inline-block;

	color: rgba(0, 0, 0, 0.8);

    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;

}

.testimonials .carousel .carousel-indicators {

	bottom:30px;

}

.testimonials .carousel-indicators li, .carousel-indicators li.active {

	width: 10px;

	height: 10px;

	margin: 1px 3px;

	border-radius: 50%;

}

.testimonials .carousel-indicators li {	

	background: #fff;

	border-color: transparent;

	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);

}

.testimonials .carousel-indicators li.active {	

	background: #555;		

	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);

}