@charset "utf-8";
/* CSS Document */
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }
* { margin: 0px; padding: 0px; }
* { box-sizing: border-box; }
.wrapper { width: 1000px; margin: 0 auto; padding: 0 10px; }
#header { float: left; width: 100%; margin: 0px; padding: 0 0 10px 0; text-align: center; }
.header_inn { float: left; width: 100%; margin: 0px; padding: 0px; }
.logo { float: left; }

.col_right {
    float: right;
    margin-top: 23px;
    width: 50%; position:relative;
}


.col_right img {
    float: right;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 9999;
}

.col_right .phone {
    float: left;
    padding-top:55px;
    text-align: left;
}
.col_right .phone h2 { font-size:36px; color: #970e1b; font-weight: normal; font-family:"Times New Roman", Times, serif; }
.col_right .phone span { color: #6d6f72; font-family:"Times New Roman", Times, serif; }
#menu { float: left; margin: 0px; width: 100%; padding: 0; background: #970e1b; }
.menu_inn { width: 1000px; margin: 0 auto; padding: 0px; }
.menu_inn ul { margin: 0px; padding: 0px; }
.menu_inn li { float: left; list-style: none; padding: 0; margin-right: 5px; text-align: center; height:44px;}
.menu_inn li a { display: inline-block; text-decoration: none; color: #fff; padding: 0; font-size: 15px; padding:6px 8px 18px 9px; vertical-align: middle; display:table-cell; }
.menu_inn li a.active, .menu_inn li a:hover { color: #fff; padding:6px 8px 18px 9px; background: #464749; }
.menu_inn li a span.text_inn {
    float: left; line-height:13px;
    text-align: center;
    width: 100%;
}

.menu_inn .menu_expand { display: none; }
#slider { float: left; width: 100%; margin: 0 0 15px 0; padding: 0px; }
#slider img { width: 100%; }
#container { float: left; width: 100%; margin: 0px; padding: 0px; text-align: center; }
.container_inn { float: left; width: 100%; margin: 0px; padding: 0px; }
.content_box { float: left; width: 100%; margin: 15px 0 0 0; padding: 0px; }
.content_box ul { margin: 0px; padding: 0px; }
.content_box li { list-style: none; padding: 0px; margin: 0px; float: left; width: 24%; margin: 0 12px 0 0; }
.content_box li h2 { color: #970e1b; font-size: 17px; text-align: left; padding: 0 0 10px 0; }
.content_box li ul { margin: 0px; padding: 0px; width: 80%; float: left; }
.content_box li ul li { float: left; width: 100%; background: url(../images/dots.jpg) 0 6px no-repeat; text-align: left; padding: 0 10px; font-size: 13px; line-height: 20px; margin: 0px; }
.content_box li p { margin: 0; width: 80%; float: left; text-align: left; font-size: 13px; }
.content_box li:last-child { float: right; margin: 0px; }
.box_pen { float: left; width: 100%; margin: 15px 0 15px 0; padding: 0px; }
.box_pen ul { margin: 0px; padding: 0px; }
.box_pen li { list-style: none; padding: 0px; margin: 0px; float: left; width: 24%; margin: 0 12px 0 0; }
.box_pen li:last-child { float: right; margin: 0px; }
.box_pen img { width: 100%; }
.page_left { float: left; width: 48%; margin: 0px; padding: 0px; }
.page_left h1,.video h1 { font-size: 22px; margin: 0px; padding: 0px 0 10px 0; text-align: left; font-weight: 600; color: #970e1b; }
.page_left h2 { font-size: 17px; margin: 0px; padding: 10px 0 10px 0; text-align: left; font-weight: normal; color: #66686b; }
.page_left h2 span { color: #970e1b; }
.page_left h3 { font-size: 16px; margin: 0px; padding: 0px; text-align: left; font-weight: normal; color: #970e1b; }
.page_left h4 { color: #970e1b;font-size: 16px; margin: 0px; padding:0; text-align: left; font-weight: normal; }
.page_left h5 { font-size: 16px; margin: 0px; padding: 10px 0 10px 0; text-align: left; font-weight: normal; }
.page_left p { font-size: 15px; margin: 0px; padding: 10px 0 10px 0; text-align: left; font-weight: normal; color: #66686b;}
.page_left p a { color: #970e1b; text-decoration:none;}
ul.services, ul.services1 { margin: 10px 0 10px 0; padding: 0px; }
ul.services li { background: url(../images/bullet.jpg) 0 8px no-repeat; list-style: none; font-weight: 600; padding: 0 15px; margin: 0px; font-size: 16px; line-height: 25px; color: #970e1b; text-align: left; }
ul.services1 li { background: url(../images/dots.jpg) 0 8px no-repeat; list-style: none; font-weight: normal; padding: 0 15px; margin: 0px; font-size: 15px; line-height: 25px; color: #76787b; text-align: left; }
.contact { float: left; width: 100%; text-align: left; }
.contact p { font-size: 17px; margin: 0px; padding: 0px; text-align: left; font-weight: 600; color: #970e1b; }
.contact h2 { font-size: 20px; margin: 0px; padding: 0px; text-align: left; font-weight: 600; color: #970e1b; }
.page_right { float: right; width: 49%; margin: 0px; padding: 0px; }
.pick_img { float: left; width: 100%; margin: 0 0 15px 0; }
.pick_img img { width: 100%; }
.inner_page { margin-top: 15px; float: left; width: 100%; }
.row { float: left; width: 100%; margin: 15px 0 15px 0; padding: 0px; text-align: left; }
.space { float: left; width: 100%; margin: 15px 0 15px 0; }
#footer { float: left; width: 100%; margin: 0px; padding: 0px; text-align: center; }
#footer_top { height: 15px; float: left; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#690819+0,81091c+26,95081e+50,c00021+51,db1321+71,de391f+86,e04c1d+100 */ background: rgb(105,8,25); /* Old browsers */ background: -moz-linear-gradient(left, rgba(105,8,25,1) 0%, rgba(129,9,28,1) 26%, rgba(149,8,30,1) 50%, rgba(192,0,33,1) 51%, rgba(219,19,33,1) 71%, rgba(222,57,31,1) 86%, rgba(224,76,29,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(105,8,25,1)), color-stop(26%, rgba(129,9,28,1)), color-stop(50%, rgba(149,8,30,1)), color-stop(51%, rgba(192,0,33,1)), color-stop(71%, rgba(219,19,33,1)), color-stop(86%, rgba(222,57,31,1)), color-stop(100%, rgba(224,76,29,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(105,8,25,1) 0%, rgba(129,9,28,1) 26%, rgba(149,8,30,1) 50%, rgba(192,0,33,1) 51%, rgba(219,19,33,1) 71%, rgba(222,57,31,1) 86%, rgba(224,76,29,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(105,8,25,1) 0%, rgba(129,9,28,1) 26%, rgba(149,8,30,1) 50%, rgba(192,0,33,1) 51%, rgba(219,19,33,1) 71%, rgba(222,57,31,1) 86%, rgba(224,76,29,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(105,8,25,1) 0%, rgba(129,9,28,1) 26%, rgba(149,8,30,1) 50%, rgba(192,0,33,1) 51%, rgba(219,19,33,1) 71%, rgba(222,57,31,1) 86%, rgba(224,76,29,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(105,8,25,1) 0%, rgba(129,9,28,1) 26%, rgba(149,8,30,1) 50%, rgba(192,0,33,1) 51%, rgba(219,19,33,1) 71%, rgba(222,57,31,1) 86%, rgba(224,76,29,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#690819', endColorstr='#e04c1d', GradientType=1 ); /* IE6-9 */
}
.footer_inn { float: left; width: 100%; margin: 0px; padding: 15px 0 15px 0; text-align: center; }
.footer_left { float: left; width: 30%; }
.footer_left h2 { text-align: left; font-size: 15px; border-bottom: 1px solid #76787b; padding: 5px 0 5px 0; color: #76787b; font-weight: normal; }
.footer_left p { text-align: left; font-size: 12px; padding: 5px 0 0 0; color: #76787b; }
.footer_right { float: right; width: 60%; }
.footer_right p { text-align: left; font-size: 13px; padding: 0px; color: #76787b; }
#areas { float: left; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#77101e+0,911724+22,b51d29+46,e93b36+50,ec614f+75,f19580+85,f6b9aa+100 */
background: rgb(119,16,30); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(119,16,30,1) 0%, rgba(145,23,36,1) 22%, rgba(181,29,41,1) 46%, rgba(233,59,54,1) 50%, rgba(236,97,79,1) 75%, rgba(241,149,128,1) 85%, rgba(246,185,170,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(119,16,30,1)), color-stop(22%, rgba(145,23,36,1)), color-stop(46%, rgba(181,29,41,1)), color-stop(50%, rgba(233,59,54,1)), color-stop(75%, rgba(236,97,79,1)), color-stop(85%, rgba(241,149,128,1)), color-stop(100%, rgba(246,185,170,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(119,16,30,1) 0%, rgba(145,23,36,1) 22%, rgba(181,29,41,1) 46%, rgba(233,59,54,1) 50%, rgba(236,97,79,1) 75%, rgba(241,149,128,1) 85%, rgba(246,185,170,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(119,16,30,1) 0%, rgba(145,23,36,1) 22%, rgba(181,29,41,1) 46%, rgba(233,59,54,1) 50%, rgba(236,97,79,1) 75%, rgba(241,149,128,1) 85%, rgba(246,185,170,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(119,16,30,1) 0%, rgba(145,23,36,1) 22%, rgba(181,29,41,1) 46%, rgba(233,59,54,1) 50%, rgba(236,97,79,1) 75%, rgba(241,149,128,1) 85%, rgba(246,185,170,1) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(119,16,30,1) 0%, rgba(145,23,36,1) 22%, rgba(181,29,41,1) 46%, rgba(233,59,54,1) 50%, rgba(236,97,79,1) 75%, rgba(241,149,128,1) 85%, rgba(246,185,170,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77101e', endColorstr='#f6b9aa', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ares_inn { margin: 0 auto; width: 1000px; }
.ares_inn h2 { color: #fff; text-align: center; padding: 8px 0 4px 0; }
.ares_inn p { color: #fff; padding: 8px 0 20px 0; text-align: center; }
#map { float: left; width: 100%; }
#map img { width: 100%; }
.page_right.contact { text-align: center; }
.contact-form { float: left; width: 100%; text-align: left; }
.formrow { float: left; line-height: 28px; width: 100%; }
.formrow.pad1 { padding-top: 10px; }
.label, .field { float: left; width: 100%; }
.field .input { border: 2px solid #d1d1d1; line-height: 30px; width: 100%; }
.label label { font-size: 16px; color: #66686b; }
.formrow img { width: 130px; height: 25px; margin-top: 5px; }
.formrow a { color: #c61f2d; text-decoration: none; }


.row.video {
    margin-bottom: 20px;
    margin-left: 0;
}
.row p {
    color: #56585b;
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.redtxt {
    color: #c61f2d !important;
}
/****************central_heating end************************/
@media only screen and (max-width:1000px) {
.wrapper{ width: 96%; padding: 0 20px; }
.main-nav { display: inline-block; float: none; width: 100%; }
.menu_inn { background: #000; float: none; display: inline-block; width: 100%; padding:0px; }
ul.nav-main { display: none; }
.menu_inn li { padding: 0px !important; }
.menu_inn .menu_expand { text-decoration: none; display: none; padding: 15px 0 15px 20px; color: #333; font-size: 16px; display: inline-block; width: 100%; float: left; text-transform: uppercase; }
.menu_inn .menu_expand span { float: right; height: 17px; width: 30px; display: block; background: url(../images/icon_plus.png) no-repeat; padding: 0 }
.menu_inn .menu_expand.active span { background: url(../images/icon_minus.png) no-repeat }
.menu_inn ul.nav-main { margin: 0; padding: 0 }
.menu_inn ul li { float: left; width: 100%; }
.menu_inn .menu_expand { display: block; color: #fff; padding: 12px; background: #464749; text-align: left; float: none; display: inline-block; width: 100%; }
.menu_inn ul.nav-main li { list-style: none; padding: 0px; text-align: left; }
.menu_inn ul.nav-main li a { font-size: 16px; background: #464749; text-decoration: none; color: #fff; border: none; padding: 10px; float: left; width: 100%; border-bottom: 1px solid #fff; border-radius: 0px; }
.menu_inn ul.nav-main li a:hover, .menu_inn ul.nav-main li a.active { background: #363739; border-bottom: 1px solid #fff; color: #fff; width: 100%; border-radius: 0px; padding: 10px; }

.content_box li { margin-right:9px;}
.box_pen li { margin-right:8px;}
.content_box li ul { width:70%;}
.logo { float:left; width:40%;}
.logo img { width:100%;}
.col_right { width:60%;}
.menu_inn li a span.text_inn { line-height:0px; width:auto; float:none; display: inline-block;}

 @media only screen and (max-width:850px) {
.menu_inn li a.active, .menu_inn li a:hover, .menu_inn li a {
font-size:12px;
padding:12px 2px;
}
}
 @media only screen and (max-width:767px) {
.logo img { width: auto;}
.logo, .col_right { float: none; display: inline-block; width: 100%; margin: 0px; padding: 0px; }
.col_right .phone { text-align: center; padding: 10px 0 10px 0; }
.col_right img { width: auto; float: none; position: inherit; }
.content_box li, .content_box li:last-child { width: 70%; float: none; display: inline-block; text-align: left; border: 1px solid #e0e0e0; padding: 10px; border-radius: 5px; margin-bottom: 15px; }
.content_box li ul li, .content_box li:last-child { border: none; padding: 0 10px; }
.box_pen li, .box_pen li:last-child { width: 40%; float: none; display: inline-block; text-align: left; border: 1px solid #e0e0e0; padding: 10px; border-radius: 5px; margin-bottom: 15px; }
.page_left, .page_right { float: none; display: inline-block; width: 100%; }
.pick_img { float: none; display: inline-block; text-align: left; border: 1px solid #e0e0e0; padding: 10px; border-radius: 5px; margin-bottom: 15px; width: 70%; }
.content_box li:last-child .img_icon { text-align: center; }
.footer_left, .footer_right { float: none; display: inline-block; width: 100%; padding-bottom: 15px; }
.ares_inn { float: none; display: inline-block; width: 100%; }

.row.video iframe {
    width: 100%;
}
}

 @media only screen and (max-width:580px) {
.content_box li, .content_box li:last-child { width: 100%; }
}
 @media only screen and (max-width:480px) {
.pick_img { width: 100%; }
}
 @media only screen and (max-width:320px) {
}