@import url('topNav.css');
@import url('leftNav.css');
html {overflow-y:	scroll;	min-height:	100%;}
body {width:100%;margin:0px auto;padding:0px 0;background: url('../images/page-bk.jpg') repeat-x scroll top #edeeef;font-family:Arial, Tahoma, verdana; }
* { margin:0px; padding:0px;}
* { box-sizing:border-box;}
/*~~~~~~~~~~~~~~~~~~~~~~~~ Main ID CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
#wrapper{margin:0px auto;width:1000px; max-width:100%;}
/*=========================Header Section Classes====================================*/
#headerTop{width:1000px; height:35px; float:left; background: url(../images/headerTop.jpg) no-repeat top left; padding:0px;}
#header{width:100%; float:left; padding:0px; min-height:158px; text-align:center;}
.logo{width:40%; float:left; padding:0px;}
.topImg{width:40%; float:left; padding:0px;}
.headerRight{width:20%; float:right; padding:0px;}
.social{width:230px; float:right; padding:0px 0px 0px 0px;}
.phone{width:310px;	float:right; padding:10px 20px 10px 0px; color:#6d6f72; font-size:20px; text-align:right; }
.phone span{color:#1c307e; font-size:20px; font-weight:bold;}
.phone p{color:#6d6f72; font-size:12px;}
.address{width:150px; float:left; font:14px Arial, Verdana, Tahoma; line-height:16px; color:#0b448f; margin:0px; padding:35px 0px 5px 0px;}

.banner{ width:100%; float:left; padding:0px; }

.banner img { width: 100%;}
.homeBanner {  width:100%; float:left;  padding:0px;}
/*=========================Content Section Classes====================================*/

#maindiv { background:#fff;box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);float: left;height: auto; margin:0; padding: 0; width: 100%;}
.mainContent{width:100%; float:left; margin:0px;text-align:left; padding:0px; margin-top:20px; position:relative;}

.contentLeft {background:#edeeef; bottom: 0; float: left;height: 100%;left:10px;padding:10px 10px 0 0;position: absolute; width: 15%;}
.contentLeftImg{width:150px; float:left; text-align:center; padding:5px 5px;}

.contentRow {float: right;margin: 0 12px 20px 0;padding: 0; width: 80%;}
.mainContentLeft{float: left;   padding: 0 23px 0 0; width:51%;}
.row{width:100%; float:left; padding:0px;}
.rowcol{width:190px; float:left; padding:0px 0px 0px 0px;}
.mainContentRight{width:45.7%;float: right;}
.picblock{width:100%; float:left; padding:15px 0 15px 0px;}
.picblockbg{background:url('../images/contact_van_170.jpg') no-repeat right;}
.picsplit{width:180px; float:left;padding:0px 0px 0px 2px;}

.contact-form{width:100%; float:left;}
.formrow,.label,.field {width:100%; float:left; font-size:13px; padding:2px 0 2px 0; color:#363739;}
.formrow img { width:130px; height:25px; max-width:100%;}
.formrow a{color:#E74E20; text-decoration:none; font-size:12px;}

.formrow,.label .input,.field .input { width:100%;}

.contact-info{width:365px; float:left; padding:5px 0px 5px 0px; clear:both; line-height:21px; font-size:13pt;}
.contact-info h2{color:#a41d32  !important; font-weight:normal!important; font-size:25pt !important; padding:0px 0px 10px 0px !important; margin:0px;line-height:1.3em;}
.contact-info h2 span{color:#e0001b  !important; 	font-weight:bold!important; }
.contact-info p{color:#58595b!important; font-weight:normal; font-size:12pt !important; padding:0px 0px 10px 0px !important; margin:0px;line-height:1.3em;}
.testi_txt{color:#182f8b; font-style:italic;}

/*=========================Footer Section Classes====================================*/
#main_footer { float:left; width:100%; color:#fff; }
.footer_inn { margin: 0 auto; width: 980px; color:#fff;padding:5px 0 0 0;}

.footer_one { background:#183282; float:left; width:100%;}
.copyright1{float:left; font-size:11px; padding:0px; width:55%;}
.copyright1 p{text-align:left; margin:0; padding:2px 0 10px 0;}

.copyright2 { float: right; width: 45%;}
.copyright2 p { font-size:11px !important; margin:0px; padding:0px; text-align:justify; text-align:right;}

.footer_two { float:left; width:100%; background:#717376; padding-bottom:25px;}
.footer_two p { font-size:11px !important; margin:0px; padding:0px; text-align:justify;}


.f_contact a{color:#185191 !important; text-decoration:none;}

a.bluetxt{color:#0094d5 !important;}
.bluetxt{color:#555555!important;}

a.greentxt{color:#699a43 !important;}
.greentxt{color:#699a43!important;}

a.orangetxt{color:#f47649 !important;}
.orangetxt{color:#f47649!important;}


a.red{color:#db4438 !important;}
.red{color:#db4438!important;}
.redtxt{color:#db4438!important; font-size:18px; font-style:italic;}
/*=========================Other Classes====================================*/
.right{text-align:right;}
.input{border:solid 2px #D1D1D1;}
.mainContent h1{font-size:22px; font-weight:bold;color:#183282; margin:0px;	padding:5px 0px 5px 0px;	line-height:1.3em;}
.mainContent h1 span{color:#ed2625;}
.mainContent h2{font-size:18px; font-weight:normal;color:#303030; margin:0px; padding:10px 0px 10px 0px;line-height:1.3em;}
.mainContent h2 a{color:#81bc29;text-decoration:none;}
.mainContent p ,.mainContentLeft span {font-size:12pt; color:#555555;line-height:1.3em; margin:0px; padding:5px 0px 10px 0px;}
.mainContent h3 { margin:0px; padding:0px; color:#297563; padding:10px 0 10px 0;}
.mainContentLeft span i{ color:#274193;}
.mainContent p span{color:#4888d1;}
.mainContent p a{color:#295e97; font-weight:normal; text-decoration:none;}
.mainContent p.small{font-size:12px; color:#555555;line-height:1.4em; margin:0px; padding:5px 0px 5px 0px;}
ul.w-ul{width:125px; float:left;}
ul.services,ul.services1,ul.services2{margin:0px; padding:10px 0px;}
.services li{list-style:none; background:url('../images/bullet.jpg') no-repeat 0px 8px ; margin:0px; padding:0px 0px 3px 15px; font-size:17px; font-weight:normal; color:#183282; line-height:1.3em;}
.services1 li{list-style:none; background:url('../images/bullet1.jpg') no-repeat 0px 7px ; margin:0px; padding:0px 0px 3px 12px; font-size:15px; font-weight:normal; color:#555555; line-height:1.3em;}
.services2 li{list-style:none; background:url('../images/bullet2.jpg') no-repeat 0px 5px ; margin:0px; padding:0px 0px 3px 10px; font-size:12px; font-weight:normal; color:#274193; line-height:1.3em;}
.services1 li a{color:#1b6c59; text-decoration:none;}
.services1 li a:hover{color:#1b6c59; text-decoration: underline;}

.half{ width:50%; float:left;}
.half p { color: #295e97;}
ul.half{margin:0px; padding:10px 0px;}
.half li{list-style:none; background:url('../images/bullet1.jpg') no-repeat 0px 8px ; margin:0px; padding:0px 0px 3px 12px; font-size:15px; font-weight:normal; color:#d2232a; line-height:1.3em;}

.half1{ width:95px; float:left; font-size:11px; color:#d2232a; line-height:1.3em;	margin:0px; padding:5px 0px 5px 0px;}
.testi{width:380px; float:left; padding:7px 0px 7px 0px;}
.testi h2{font-size:15px; font-weight:bold; color:#e0001b; margin:0px; padding:2px 0px 1px 0px; line-height:1.3em;}
.testi h3{font-size:13px; font-weight:bold; color:#555555; margin:0px; font-style:italic; padding:1px 0px 1px 0px; line-height:1.3em;}
.testi p {font-size:15px; color:#555; margin:0px; padding:1px 0px 2px 0px; line-height:1.3em;}

.discount-sec{background:url(../images/discount-bk.jpg) no-repeat top left; width:200px; height:201px;padding-left:164px; float:left;}
.discount-sec a{margin-top:172px; font-size:12px; color:#ffffff; display:block; float:left;}
.discount-sec a:hover{color:#5eacdd;}

.internet-dis-sec{background:url(../images/internet-dis-bk.jpg) no-repeat top left; width:300px; height:201px; padding-left:64px; float:left;}
.internet-dis-sec  a{margin-top:171px; font-size:12px; color:#ffffff; display:block; float:left;}
.internet-dis-sec  a:hover{color:#051931;}

.fullswitch-bk{background:url(../images/fullswitch-bk.jpg) no-repeat top left; width:300px; height:201px; padding-left:64px; float:left;}
.fullswitch-bk  a{margin-top:171px; font-size:12px; color:#ffffff; display:block; float:left;}
.fullswitch-bk  a:hover{color:#051931;}

.faq_left{width:580px; float:left;}
.faq-row{width:570px;  float:left;}
.faq-row p span{display:block; padding-top:10px;}
.faq_right{width:170px; float:right;}
.boiler-img{width:170px; padding-bottom:10px; float:left;}

.boxPan{width:100%;  float:left; padding-bottom: 20px;}
.box1{width:31%; float:left;}
.boxImg{width:230px; float:left;}
.boxBlue{width:230px; float:left; background:#1c307e;}
.boxSkyblue{width:230px; float:left; background:#6aa8dc;}
.boxRed{width:230px; float:left; background:#c0081f;}
.boxGray{width:230px; float:left; background:#818386;}
.boxPan ul{margin:0px; padding:10px 15px;}
.boxPan li{list-style:none; background:url('../images/bullet.png') no-repeat 0px 7px ; margin:0px; padding:0px 0px 3px 12px; font-size:15px; font-weight:normal; color:#fff; line-height:1.3em;}
.mar1{ margin-right:28px;}
.boxGrayTxt{ width:170px; float:left; font-size:13px; color:#fff; line-height:1.3em; margin:0px; padding:10px 10px 10px 10px;}
.boxGrayYoutube{width:32px; float:left; padding-top:30px;}

/*=========================Gallery Section====================================*/
.gallery { float:left; width:100%;}
/*=========================Gallery Section====================================*/
.picblock .phone_no {font-size: 30px;font-weight: bold;}

.main-nav{float: left; width:100%;}
.menu_expand{display:none; padding:14px; color:#fff; font-size:15px; text-transform:uppercase; text-align: left;}
.menu_expand span{float:right; height:17px; width:30px; display:block; background: url(../images/icon_plus.png) no-repeat}
.menu_expand.active span{background: url(../images/icon_minus.png) no-repeat}

.social_icon { float:left; width:100%;}
.social_icon img { float:left; width:32px; padding:0px 0 0 3px;}
.touch_img {  width:212px;}
/*=========================Media Css Start====================================*/
#nav .main-nav { display: none;}

@media (max-width:1040px){
body { background:#3878c1; background-image:none;}
#wrapper { width:96%; padding:0 10px 0 0;}
#header { padding:0px; width:100%; min-height:155px; background:#fff;}
#topNav { width:100%; float: left; margin:0;}
#topNav li a { padding:15px 23px 10px 23px; font-size:13px; color:#fff;}
.homeBanner {float: left; padding:0; width: 100%;}
.homeBanner img {width:100%; max-width:100%; vertical-align:middle;}
#maindiv { float: left; width:100%; padding:0px; margin:0; background:#fff;}
.mainContent { float:left; width:100%;}
.contentLeft { float: left;margin:0; width: 15%; padding:0px;}
.contentLeftImg { width:144px;} 
.contentRow { float: right; margin:0px 0 20px 20px; padding: 0; width:80%;}
.mar1 { margin-right: 18px;}	
.row { float:left; width:100%;}
.mainContentLeft { width:45%;}
.mainContentRight { width:50%;}
.formrow,.field,.label,.input { width:100%; float:left;}
.example-image-link { float: left !important; margin: 0 10px 10px 0 !important; width: 27% !important;}
}


@media (min-width:768px) and (max-width:980px){
#header { padding:0px; width:100%;}
.wrapper { width:100%;}
#header,.logo img,.topImg img,.headerRight img { display:inline-block; float:none; width:100%;}
.banner img { width:99%;} 
#topNav li a { padding:15px 23px 10px 23px; font-size:13px; color:#fff;}
#topNav {background:#2a2f71;display: block;padding: 0; width: 100%;}
#topNav { padding:0px; margin:0px;}

.homeBanner {float: left; padding: 7px 0 0; width: 100%;}

#maindiv { float: left; width:100%; margin:0px; padding:0;}
.mainContent { }
.contentLeft {float: left;margin: 0; padding: 0; width:17%; text-align:center;}
.contentRow { float:right; width:80%; margin:0 5px 0 0;}
.picblock img { width:100%;}
.boxPan img  { width:100%;}
.contentLeftImg { width: 110px; display:inline-block; float:none; padding:5px 0 5px 0;}
.row { float:left; width:100%;}
.mainContentLeft { width:45%;}

.mainContentRight { margin: 0 5px;width: 48%;}
.homeBanner { padding:0px;}

.picblock iframe { width: 100%;}
.footer_inn {width:96%; padding:0 10px 0 0;}


}
@media (max-width:767px){
#wrapper { width:94%; padding:0 5px 0 0; }
#topNav { display:none;}
#nav .main-nav { display: inline-block;}
.homeBanner { width:100%; float:none; display:inline-block; padding:0px;}
.banner img { width:100%; vertical-align:middle; max-width:100%;}

#header img { width:100%; vertical-align:middle; max-width:100%;}
#header,.logo,.topImg,.headerRight { display:inline-block; float:none; width:auto;}

#topNav { width:100%; float:none;}
ul.nav-main{display:none; padding:0px;}
ul.nav-main li a{display:block; }
.main-nav{background:none; }
.main-nav{margin:0; width:100%; background:#183282; }
.menu_expand{display:block;list-style: none;text-decoration: none; width:100%; padding:10px;}

#nav li {  float:left; width:100%; text-align:left; margin:0px; padding:0px;border-bottom:1px solid #dfdfdf; list-style:none; }
#nav li a { color:#fff; padding:15px 23px 10px 10px; text-decoration:none;}
#nav li a.active,#nav li a:hover { background:#fff; color:#000;}

.homeBanner { padding:0px;}
.banner { padding:10px 0 0 0;}

.contentLeft { float:none; text-align:center; width:100%; background:#f0f0f0;padding:10px 0 10px 0; left:0px; position:inherit;}
.contentLeftImg { border:1px solid #b0b0b0; padding:10px; margin:5px 5px 10px 5px; border-radius:5px;}
.contentRow {float:none; display:inline-block; width:100%; background:#fff; padding:0px; margin:0;}
.contentLeftImg { display:inline-block; float:none;}
.social_icon { float:none; width:auto;}

.mainContentLeft { float: none; width:100%; text-align:center;}
.mainContentLeft .row { text-align:left; padding:0px; margin:10px 10px 0 10px; width:auto;}
.mainContentRight {float: none; width:100%; text-align: center;}

.boxPan { margin-top:10px; text-align:center;}

.box1 {display: inline-block;float: none; width: auto; border:1px solid #999; border-radius:5px; margin:10px 10px 20px; padding:10px;}


.picblock {display: inline-block; float: none; }

.picblock iframe {display: inline-block;float: none;width:364px;}
.contact-info { width:100%; float:left; text-align:left; margin:0px; padding:0px;}
.contact-form { width: auto; text-align:left; margin:0 10px;}
.formrow,.field,.label,.input { width:99%;}

.example-image-link { float: left !important; margin: 0 10px 10px 10px !important; width: 26% !important;}
.gallery,.gallery_content { text-align:center; display:inline-block;}

.footer_inn {width:94%; padding:0 10px 0 0;}
.copyright1,.copyright2  { float:left; width:100%;  text-align:left; }
.copyright1 p {padding:8px 0 5px 0;}
.copyright2 p { text-align:left;padding:5px 0 10px 0;}

.footer_two p { padding:10px 0 0 0;}

}

@media screen and (min-width:480px)and (max-width:600px){
.example-image-link { float:none; margin:0px; width:35% !important;}

}

@media screen and (min-width:320px)and (max-width:480px){
#maindiv { float:none; width:100%; display:inline-block;}
.menu_expand{display:block;list-style: none;text-decoration: none; width:100%;}
.gallery,.gallery_content { text-align:center; display:inline-block;}
.example-image-link { float: none ; display:inline-block; margin:0 auto; width: 60% !important;}
.image-row,.image-set,.example-image-link { display: inline-block !important; float:none !important;}
img { width:100%; vertical-align:middle; max-width:100%;}
.picblock iframe {  width: 100%;}

}


/*=========================Media Css End====================================*/