@import url('topNav.css');
@import url('leftNav.css');
html { overflow-y: scroll; min-height: 100%;  font-family: Arial, Tahoma, verdana;}
body { width: 100%; margin: 0px; padding: 0px; }
/*~~~~~~~~~~~~~~~~~~~~~~~~ Main ID CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
#wrapper { margin: 0px auto; width: 980px; max-width: 100%; }
/*=========================Header Section Classes====================================*/
#header { width: 100%; float: left; padding:20px 0 20px 0; text-align: center; background:#bace9d; }
.logo { float: left; padding: 0px; width:30%; }
.top_img { float:left; width:40%;}
.top_img p { color: #1d3717; font-size:30px; line-height:40px; font-weight: bold; margin:0px; padding:0px; }

.headerRight { float: right; padding: 0px; width:25%;}




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

#mid_part {background: url('../images/mid_part_bg.jpg'); background-size:100% 100%; float:left; width:100%; }
/*=========================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%; }
.contentRow .banner img { width: 100%; }
.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 {float: left; width: 100%;}
.contact-form p { font-weight: normal; font-size:15px; padding:5px 0 5px 0;}
.formrow { float: left; line-height: 28px; width: 100%; padding: 3px 0; }
.formrow.pad1 { padding-top: 10px; }
.label, .field { float: left; width: 100%; }
.field .input { border: 1px solid #d1d1d1; line-height: 30px; width: 100%; padding:0 5px; }
.label label { font-size: 15px; color: #000; font-weight: normal; }
.formrow img { width: 35px; height:35px; cursor:pointer; }
.formrow a { color: #c61f2d; text-decoration: none; }

.field.captch input { border: medium none; float: left; line-height: 38px;margin-right: 15px; text-align:center; color:#fff; background:#000;width: 150px;}
.formrow.captcha_input input { float:left; border:1px solid #d5d5d5; line-height:35px; padding:0 5px;}


.contact-info { width: 100%; float: left; padding: 5px 0px 5px 0px; clear: both; line-height: 21px; font-size: 13pt; }
.contact-info h2 { color: #1d3717 !important; font-weight: normal!important; font-size: 25pt !important; padding: 0px !important; margin: 0px; line-height:20px; }
.contact-info h2 span { color: #e0001b !important; font-weight: bold!important; }
.contact-info p { color: #58595b !important; font-size: 22px !important; font-weight: normal; line-height: 30px !important; margin-bottom: 15px !important; padding: 0 0 10px !important; }
.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_inn p { font-size: 10px !important; margin: 0px; padding: 0px; text-align: justify; }
.footer_one { background: #d1d3d4; float: left; width: 100%; color:#fff; }

.footer_two { float: left; width: 100%; background: #234620; padding-bottom: 25px; }
a.bluetxt { color: #0094d5 !important; }
.bluetxt { color: #0094d5!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: 24px; font-weight: bold; color: #1d3717; margin: 0px; padding: 5px 0px 5px 0px; line-height: 1.3em; }
.mainContent h1 span { color: #1862ac; }
.mainContent h2 { font-size: 19px; font-weight: normal; color: #6b6c6b; margin: 0px; padding: 10px 0px 10px 0px; line-height: 1.3em; }
.mainContent h2 a { color: #1862ac; text-decoration: underline; }
.mainContent p, .mainContentLeft span { font-size: 16px; color: #696a79; line-height: 22px; margin: 0px; padding: 5px 0px 10px 0px;     font-style: normal;}
.mainContent h3 { margin: 0px; padding: 0px; color: #387ebd; padding: 10px 0 10px 0; font-weight: normal; }
.mainContentLeft span i { color: #1862ac; }
.green { color:#234620 !important; margin:0px !important; padding:0px !important;}
.mainContent p a { color: #1862ac; 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 6px; margin: 0px; padding: 0px 0px 3px 15px; font-size: 16px; font-weight: normal; color: #1d3717 ; line-height: 20px; }
.services1 li { list-style: none; background: url('../images/bullet1.jpg') no-repeat 0px 7px; margin: 0 0 4px 0; padding: 0px 0px 3px 12px; font-size: 16px; font-weight: normal; color: #696a79; line-height: 20px; }
.services2 li { list-style: none; background: url('../images/bullet2.jpg') no-repeat 0px 5px; margin: 0px; padding: 0px 0px 3px 10px; font-size: 16px; font-weight: normal; color: #387ebd; line-height: 20px; }
.half { width: 270px; float: left; }
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: 12px; }
.box1 { width: 32%; float: left; margin-right: 15px; }
.box1:last-child { float: right; margin: 0px; }
.box1 img { width: 100%; }
.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; }
.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====================================*/

.slider { float:left; width:100%; margin:10px 0 25px 0;}

.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%; margin: 0px; padding: 10px 0 10px 10px; }
.social_icon img { float: left; width: 30px; padding: 0px 0 0 3px; }
.touch_img { width: 212px; }
/*=========================Media Css Start====================================*/
#nav .main-nav { display: none; }


.footer_space { float:left; width:100%; height:20px; background:#fff;}

.copyright1 {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.copyright_left { float:left; width:48%;}
.copyright_left p,.copyright_right p { text-align:left; color:#234620; font-size:12px !important; line-height:20px; padding:0 0 6px 0; margin:0px;}
.copyright_right p { color:#fff !important; text-align:right; }
.copyright_right { float: right; width:48%;}

ul.bxslider {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

@media (max-width:1000px) {
#wrapper { width: 94%; padding: 0 10px; }
#topNav #wrapper { float:none; display:inline-block; width:100%; margin:0px; padding:0px;}
#topNav { width: 100%; float: left; margin: 0; border-top: 0px; border-bottom: 8px solid #fff; }
#header { padding: 10px 0 10px 0; width: 100%; float: none; display: inline-block; text-align:center;}
.banner img { width: 100%; }
#topNav li a { padding: 15px 23px 10px 23px; font-size: 13px; color: #fff; }
#topNav { background: #1d3717 ; 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; }
.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; }
#topNav li a { color: #fff; font-size: 12px; padding: 15px 11px 10px; }
#topNav li.nav_right { float: left; font-size: 13px; padding-top: 13px; }
.picblock iframe { width: 100% !important; }
.box1 { margin-right:10px;}
.social_icon img { width:auto !important;}
.contentLeftImg img { width:100%;}

.logo { width:32%; }
.top_img { width:30%;}
.headerRight { float: left; width:30%;}
.logo img { width:100%;}
#topNav li.address { float: left; padding:12px 0 0 6px;}

}
@media (max-width:767px) {
.logo,.headerRight,.top_img{ padding-bottom:10px; padding-top:10px;}
#topNav li.address { display:none;}
.top_img { float:none; display:inline-block; width:100%;}
#topNav { display: block; width: 100%; float: none; border: none; }
#topNav li { float: left; width: 100%; text-align: left; margin: 0px; padding: 0px; border-bottom: 1px solid #fff; list-style: none; }
#topNav li a { color: #fff; padding: 15px 23px 10px 10px; text-decoration: none; }
#topNav li a.active, #topNav li a:hover { background: #102710; color: #fff; }
#topNav .main-nav { display: inline-block; }
#topNav li.nav_right { float: left; color: #1862ac; padding: 10px 0 10px 10px; border-bottom: 0; }
.nav-main li:last-child { border-bottom: medium 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: #1d3717 ; }
.menu_expand { display: block; list-style: none; text-decoration: none; padding: 10px; color: #fff; }
.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; margin: 0px; }
.banner { padding: 10px 0; }
.homeBanner { padding: 0px; }
.contentLeft { float: none; text-align: center; width: 100%; background: #f0f0f0; padding: 10px 0 10px 0; left: 0px; position: inherit; }
.contentLeftImg { 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; margin:0px; padding:0px; }
.mainContentLeft .row { text-align: left; padding: 0px; margin: 10px 10px 0 10px; width: auto; }
.mainContentRight { float: none; width: 100%; text-align: center; margin:0px; padding:0px; }
.boxPan { margin-top: 10px; text-align: center; }
.box1, .box1:last-child { display: inline-block; float: none; width: auto; border: 1px solid #e7e7e7; border-radius: 5px; margin: 10px 10px 20px; padding: 10px; }
.picblock { display: inline-block; float: none; width:70%}
.picblock iframe { display: inline-block; float: none; width: 364px; }
.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; }
.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% !important; }
#header { display: inline-block; float: none; width: 100%; margin: 0px; padding: 0px; }
.logo img { width: 100%; }
}


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