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

body, nav, ul, li, a  {margin: 0; padding: 0;}
a {text-decoration: none;}
.clr{ clear:both;}
img{max-width:100%;}
.banner
{
	margin:0px auto;
	padding:0px;
	max-width:1013px;
}

.bannermain{
 width:100%;
 display: block;

 height:auto;
 top:140px;
 z-index:-99999;
 
}

.bannermain ul.slides{ margin:0; padding:0; list-style-type:none;}

.bannermain ul.slides li img{
    width: 100%;
	height:100%;
	border:0;
	

}
body{ background:#e0e0e0; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}

.container{ width:1050px; margin:0 auto; background:#fff; border-top:6px solid #f86216; padding:15px 0 0 0; overflow:hidden; box-shadow:0px 2px 10px #000;}
#header{ width:100%;}
.logo{ float:left; width:280px; padding:0px 0 0 20px;}
.header-right{ width:720px; float:right; padding:0 10px;}
.header-right-left{ width:450px; float:left;}
.header-right-left h1{ text-align:center; color:#333; margin:0px; padding:0px; }
.call-us{  background:#005ea6; padding:10px 30px; text-align:center; float:right;
 border-radius:4px;  box-shadow:0px 2px 4px #000;}
.call-us h2{ color:#fff; background:url(images/call.png) no-repeat center left; margin:0px; padding:0px 0 0 35px; text-align:center; font-weight:bold;}

/*.nav{ width:95%; float:right; margin:55px 0 0 0; list-style:none; }
.nav li{ list-style:none; text-decoration:none; padding:0;
	margin:0px;
	position:relative;
	float:left;}
	
.nav li a{ list-style:none;
	text-decoration:none; text-transform:capitalize; padding:8px 27px;
	margin:0px;
	float:left; font-size:15px; color:#333; font-weight:bold;}
.nav li a:hover{ background:#f86216;  color:#fff; transition:all ease 0.3s; border-radius:3px;}

.nav li:hover > ul{display:block;}

.nav ul
{
	list-style:none;
	float:none;
	margin:0px;
	padding:0px;
	top:34px;
	left:0px;
	display:none;
	position:absolute;
	background-color:#fff;
	 border-radius:3px;
	 z-index:99999;
	
	
}
.nav ul li
{
	margin:0px;
	padding:0px;
	float:none;
	display:block;
	border:none;
}
.nav ul li a
{
	padding:17px;
	list-style:none;
	display:block;
	text-decoration:none;
	float:none;
	line-height:4px;
	white-space:nowrap;
	color:#333;
	border-bottom:1px solid #cccccc;
	font-weight:normal;
}
.nav ul li a:hover
{
background:none; color:#d0d0d0;	
}*/

.active-menu{background:#f86216;  color:#fff;  border-radius:3px;}

.bannermain{
 width:100%;
 display: block;
 overflow:hidden;
 height:auto;
 z-index:-99999;
 
}

.bannermain ul.slides{ margin:0; padding:0; list-style-type:none;}

.bannermain ul.slides li img{
    width: 100%;
	height:auto;
	border:0;
	margin-top:10px;
	

}

.banner-buttom{ width:100%;}
.banner-buttom ul{ list-style:none; margin:0px; padding:0px;}
.banner-buttom ul li{ margin:0px; float:left;}
.banner-buttom ul li a{ margin:0px; padding:10px 15px; text-decoration:none; float:left;}
.banner-buttom ul li a:hover{ opacity:0.6; transition:all ease 0.7s;}
.left-pannel{ width:68%; float:left;  padding:10px;}
.left-pannel h1{ color:#5c5c5c; margin:0px; padding:0px;}
.left-pannel p{ color:#5c5c5c; text-align:justify; margin:0px; padding:10px 0 0 0;}

.left-pannel h2{color:#5c5c5c; margin:10px 0 0 0; }

.logos{ width:100%; margin:20px 0 20px 0; padding:0px;}
.logos ul{ list-style:none; margin:20px 0; padding:0px 0;}
.logos ul li{ margin:0px; padding:0px;}
.logos ul li a{ margin:0px; padding:10px 35px 10px 0px; text-decoration:none; float:left;}


.right-pannel{ width:26%; float:right; padding:7px;}
.request-quote{ width:100%; background:#e2e2e2; overflow:hidden; margin:0px; padding:0px;}
.request-top{ width:100%; background: #0090ff; /* Old browsers */
background: -moz-linear-gradient(top, #0090ff 36%, #005ea6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#0090ff), color-stop(100%,#005ea6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0090ff 36%,#005ea6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0090ff 36%,#005ea6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0090ff 36%,#005ea6 100%); /* IE10+ */
background: linear-gradient(to bottom, #0090ff 36%,#005ea6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090ff', endColorstr='#005ea6',GradientType=0 ); /* IE6-9 */ margin:0px; padding:0px;}
.request-top h2{color:#fff; text-align:center; margin:0px; padding:5px 10px;}
.request-top h4{color:#fff; text-align:center; margin:0px; padding:5px 0px;}
.request-quote-form{ width:100%; padding:15px;}
.request-quote-form input{ margin:5px 0; padding:8px 0px 8px 8px; width:90%; border:none; border-radius:4px; box-shadow:0 2px 3px #000; }
.request-quote-form textarea{ width:90%; box-shadow:0 2px 3px #000; border-radius:4px;  margin:8px 0;   border:none; padding:15px 0px 15px 8px;}

.quote-button{ width:90%; padding:14px 4px; margin:8px 0; border-radius:4px; box-shadow:none; text-align:center; background: #fa9a17; /* Old browsers */
background: -moz-linear-gradient(top, #fa9a17 47%, #fb6909 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,#fa9a17), color-stop(100%,#fb6909)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fa9a17 47%,#fb6909 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fa9a17 47%,#fb6909 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fa9a17 47%,#fb6909 100%); /* IE10+ */
background: linear-gradient(to bottom, #fa9a17 47%,#fb6909 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9a17', endColorstr='#fb6909',GradientType=0 ); /* IE6-9 */}


.quote-button a{ text-decoration:none; text-align:center; color:#fff; font-size:22px;}

.coupon{ margin:10px 0 0 0;}
.map{ margin:10px 0 0 0;}
.map img{ max-width:100%;}

#footer{ width:100%; border-top:2px solid #c8beae; margin-top:15px; background:#333; overflow:hidden;}
.footer-left{ width:40%; float:left; margin:0px; padding:10px;}
.footer-left h3{ color:#fff; margin:0px; padding:0px 0 0 10px;}
.footer-left img{ margin:10px 0 0 0;  padding:0px 0 0 10px;}
.footer-left p{ margin:10px 0 0 0;  padding:0px 0 0 8px; color:#fff;}


.footer-nav{ width:100%; margin:0px; padding:0px; margin:10px 0 0 0;}
.footer-nav ul{ list-style:none; margin:0px; padding:0px;}
.footer-nav ul li{ margin:0px; padding:0px;}
.footer-nav ul li a{ margin:0px; padding:0 10px 0 10px; text-decoration:none; float:left; font-size:15px; color:#fff; border-right:1px solid #333;}
.footer-nav ul li a:hover{ color:#cccccc;}
.footer-nav li:last-child a{ border:none;}



.footer-right{ width:25%; float:right; margin:0px; padding:10px;}
.footer-right h3{ color:#fff; margin:10px 0 0 0; padding:0px; font-family:Arial, Helvetica, sans-serif;}
.footer-right h1{ color:#ff7200; margin:10px 0 0 0;}
.footer-right p{ margin:20px 0 0 0; padding:0px; color:#fff;}



#contact-form-main{ width:100%; padding:0 20px 0 0; margin:20px 0 0 0;}

#contact-form-main h2{ color:#333; margin:0 0 0 0px;}

.contact-form{width:100%; padding:10px 20px 0 0; v align:top;}

.contact-form h5{ margin:0px; padding:0px; margin:4px 0;}

.contact-form input{ width:80%; margin:0 0 0 0px; padding:7px; border:1px solid #ccc; box-shadow:0px 0px 1px #000; moz-box-shadow:0px 0px 1px #000; -webkit-box-shadow:0px 0px 1px #000;}

.contact-form textarea{ width:80%; margin:0 0 0 0px; padding:10px 10px;  border:1px solid #ccc; box-shadow:0px 0px 1px #000; moz-box-shadow:0px 0px 1px #000; -webkit-box-shadow:0px 0px 1px #000;}

.submit-button{ width:150px; background-color:#900; text-align:center; color:#fff; padding:7px; margin:20px 0 0 0; border-radius:5px; font-size:18px; cursor:pointer;}




/** menu css start here**/
.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}
.nav {
    list-style: none;
     *zoom: 1;
	 margin:49px 0 0 0;
  
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 15em;
}
.nav a {
    padding: 10px 36px;
    color:#333;
}

.nav a:hover{ background:#005ea6; color:#fff;}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    
}

.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background:#005ea6;
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
	color:#fff;
}

.nav li li a:hover{ color:#cccccc;}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}


.submit-button{}



.selected{ background:#005ea6; color:#fff;}

@media only screen and (max-width : 980px) {
img{ max-width:100%;}
	.container{ width:100%;}
	.nav a {
    padding: 10px 23px;
    color:#333;
}



	
	


.call-us{  background:#005ea6; padding:10px 30px; text-align:center; float:right;
 border-radius:4px;  box-shadow:0px 2px 4px #000; margin:20px 0 0 0;}

	.banner-buttom ul{ text-align:center; width:100%;}
	.banner-buttom ul li a{ margin:0px; padding:10px 100px; text-decoration:none;}
	#slideshow{ height:360px !important;}
	.left-pannel{ width:60%; }
.left-pannel p{ color:#5c5c5c; text-align:justify; margin:0px; padding:0px 0 0 0; text-align:center;}

.left-pannel h1{ color:#5c5c5c; margin:0px; padding:0px; text-align:center;}

.left-pannel h2{color:#5c5c5c; margin:10px 0 0 0; text-align:center; }
.logos ul li a{ padding:5px 20px;}

.right-pannel{ width:35%; padding:7px; margin:10px 0 0 0;}

.footer-left{ width:50%; margin:0px; padding:10px;}
.footer-nav ul li a{ padding:5px 10px;}	

.
	
	.logo{ float:left; width:220px; padding:0px 0 0 20px;}
.header-right{ width:560px; float:right; padding:0 10px;}
.header-right-left{ width:400px; float:right;}
.
	
}
	










@media screen and (max-width: 768px) {
	.toggleMenu {
    display:  none;
    background:url(images/menu-bg.png) right 10px no-repeat #666;
    padding: 10px 0px 10px 2px;
    color: #fff;
	width:100%;
}
	.nav{
	background:#005ea6; margin:0px; padding:0px;}
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }


.nav a {
    
    color:#fff;
}
}
/** menu css end here**/





@media screen and (max-width: 767px) {
	
	img{ max-width:100%;}
	.container{ width:100%;}
	.logo{ float:none; margin:0 auto; max-width:100%; text-align:center; padding:0 0 10px 0;}
	.header-right{ width:100%; float:none; margin:0 auto; padding:0px;}
	.logo img{ margin:auto; text-align:center;}
.header-right-left{ max-width:100%; float:none; margin:0 auto; padding:0px;}
.header-right-left h1{ text-align:center; color:#333; margin:0px; padding:0px; }
.call-us{  background:#005ea6; padding:10px 30px; text-align:center; 
 border-radius:4px;  box-shadow:0px 2px 4px #000; margin:auto; float:none; width:200px; margin-top:10px; margin-bottom:10px;}
	.banner-buttom ul{ text-align:center; width:100%;}
	.banner-buttom ul li a{ margin:0px; padding:10px 50px; text-decoration:none;}
	#slideshow{ height:280px !important;}
	.left-pannel{ width:95%; float:none; }
.left-pannel p{ color:#5c5c5c; text-align:justify; margin:0px; padding:0px 0 0 0; text-align:center;}

.left-pannel h1{ color:#5c5c5c; margin:0px; padding:0px; text-align:center;}

.left-pannel h2{color:#5c5c5c; margin:10px 0 0 0; text-align:center; }
.logos ul li a{ padding:5px 20px;}

.right-pannel{ width:95%; float:none; padding:7px; margin:10px 0 0 0;}

.footer-left{ width:95%; float:none; margin:0px; padding:10px;}
.footer-nav ul li a{ padding:5px 10px;}	

.footer-right{ width:95%; float:none; margin:0px; padding:10px;
	}
}
	



@media screen and (max-width: 640px) {
	
	img{ max-width:100%;}
	.container{ width:100%;}
	.logo{ float:none; margin:0 auto; max-width:100%; text-align:center; padding:0 0 10px 0;}
	.header-right{ width:100%; float:none; margin:0 auto; padding:0px;}
	.logo img{ margin:auto; text-align:center;}
.header-right-left{ max-width:100%; float:none; margin:0 auto; padding:0px;}
.header-right-left h1{ text-align:center; color:#333; margin:0px; padding:0px; }
.call-us{  background:#005ea6; padding:10px 30px; text-align:center; 
 border-radius:4px;  box-shadow:0px 2px 4px #000; margin:auto; float:none; width:200px; margin-top:10px; margin-bottom:10px;}
	.banner-buttom ul{ text-align:center; width:100%;}
	.banner-buttom ul li a{ margin:0px; padding:10px 25px; text-decoration:none;}
	#slideshow{ height:250px !important;}
	.left-pannel{ width:95%; float:none; }
.left-pannel p{ color:#5c5c5c; text-align:justify; margin:0px; padding:0px 0 0 0; text-align:center;}

.left-pannel h1{ color:#5c5c5c; margin:0px; padding:0px; text-align:center;}

.left-pannel h2{color:#5c5c5c; margin:10px 0 0 0; text-align:center; }
.logos ul li a{ padding:5px 0px;}

.right-pannel{ width:95%; float:none; padding:7px; margin:10px 0 0 0;}

.footer-left{ width:95%; float:none; margin:0px; padding:10px;}
.footer-nav ul li a{ padding:5px 10px;}	

.footer-right{ width:95%; float:none; margin:0px; padding:10px;
	}	

	
}




	
	
	



@media only screen and (max-width: 480px) {
	img{ max-width:100%;}
	.container{ width:100%;}
	.logo{ float:none; margin:0 auto; max-width:100%; text-align:center; padding:0 0 10px 0;}
	.header-right{ max-width:100%; float:none; margin:0 auto; padding:0px;}
	.logo img{ margin:auto; text-align:center;}
.header-right-left{ max-width:100%; float:none; margin:0 auto; padding:0px;}
.header-right-left h1{ text-align:center; color:#333; margin:0px; padding:0px; }
.call-us{  background:#005ea6; padding:10px 30px; text-align:center; 
 border-radius:4px;  box-shadow:0px 2px 4px #000; margin:auto; float:none; width:200px; margin-top:10px; margin-bottom:10px;}
	.banner-buttom ul{ text-align:center; width:100%;}
	.banner-buttom ul li a{ margin:0px; padding:10px 120px; text-decoration:none;}
	#slideshow{ height:200px !important;}
	.left-pannel{ width:95%; float:none; }
.left-pannel p{ color:#5c5c5c; text-align:justify; margin:0px; padding:0px 0 0 0; text-align:center;}

.left-pannel h1{ color:#5c5c5c; margin:0px; padding:0px; text-align:center;}

.left-pannel h2{color:#5c5c5c; margin:10px 0 0 0; text-align:center; }
.logos ul li a{ padding:5px 130px;}

.right-pannel{ width:95%; float:none; padding:7px; margin:10px 0 0 0;}

.footer-left{ width:95%; float:none; margin:0px; padding:10px;}
.footer-nav ul li a{ padding:5px 10px;}	

.footer-right{ width:95%; float:none; margin:0px; padding:10px;
	}
	
		.nav a {
    padding: 10px 7px;
    color:#fff;
}
	
	
	}
	
	
	
@media screen and (max-width:360px){
	.banner-buttom{ display:none;}
	.banner-buttom ul{ text-align:center; width:100%;}
	.banner-buttom ul li a{ margin:0px; padding:10px 60px; text-decoration:none;}
	
	#slideshow{ height:150px !important;}
	
	.logos ul li a{ padding:5px 70px;}
	
		.nav a {
    padding: 10px 7px;
     color:#fff;
}
	}
	
	
	
	@media screen and (max-width:320px){
	img{ max-width:100%;}
	.container{ width:100%;}
	.logo{ float:none; margin:0 auto; max-width:100%; text-align:center; padding:0 0 10px 0;}
	.header-right{ max-width:100%; float:none; margin:0 auto; padding:0px;}
	.logo img{ margin:auto; text-align:center;}
.header-right-left{ max-width:100%; float:none; margin:0 auto; padding:0px;}
.header-right-left h1{ text-align:center; color:#333; margin:0px; padding:0px; }
.call-us{  background:#005ea6; padding:10px 30px; text-align:center; 
 border-radius:4px;  box-shadow:0px 2px 4px #000; margin:auto; float:none; width:200px; margin-top:10px; margin-bottom:10px;}
	.banner-buttom ul{ text-align:center; width:100%;}
	.banner-buttom ul li a{ margin:0px; padding:10px 45px; text-decoration:none;}
	#slideshow{ height:110px !important;}
	.left-pannel{ width:95%; float:none; }
.left-pannel p{ color:#5c5c5c; text-align:justify; margin:0px; padding:0px 0 0 0; text-align:center;}

.left-pannel h1{ color:#5c5c5c; margin:0px; padding:0px; text-align:center;}

.left-pannel h2{color:#5c5c5c; margin:10px 0 0 0; text-align:center; }
.logos ul li a{ padding:5px 50px;}

.right-pannel{ width:95%; float:none; padding:7px; margin:10px 0 0 0;}

.footer-left{ width:95%; float:none; margin:0px; padding:10px;}
.footer-nav ul li a{ padding:5px 10px;}	

.footer-right{ width:95%; float:none; margin:0px; padding:10px;
	}
	
	.nav a {
    padding: 10px 7px;
     color:#fff;
 
}




}