@charset "utf-8";
/* CSS Document */
body{ width:100%; padding:0; margin:0; background:#fff; font-family: 'Roboto', sans-serif;  }
a{ outline:none; }
a:focus, a:hover{ outline:none; text-decoration:none; }
ul,li{ padding:0; margin:0; list-style:none; }


/*==== Mobile Menu ====*/
.mobile-btn{ display:none; }
.back-Btn{ display:none; }


/*==== Header Start ====*/
.navbar-default{ border:0; border-radius:0; background:#fff; transition:all 0.6s ease-in-out; padding:0; margin:0; }
.navbar-default .top-panel{ background:#22437d; padding:10px 0; margin:0; }
.navbar-default .top-panel .social{ float:left; padding:0; margin:0; }
.navbar-default .top-panel .social ul li{ font-size:16px; display:inline-block; padding:0 8px 0 0; margin:0; }
.navbar-default .top-panel .social ul li a{ color:#fff; transition:all 0.6s ease-in-out; }
.navbar-default .top-panel .social ul li a:hover{ color:#f47320; }
.navbar-default .top-panel .exp{ float:left; padding:0; margin:0; }
.navbar-default .top-panel .exp h2{ font-size:15px; line-height:17px; font-weight:500; color:#fff; padding:0 0 0 5px; margin:0; }
.navbar-default .top-panel .exp h2 a{ display:inline-block; color:#fff; padding:0 0 0 5px; margin:0; transition:all 0.6s ease-in-out; }
.navbar-default .top-panel .exp h2 a:hover{ color:#f47320; }
.navbar-default .btm-panel{ border-bottom: 1px solid #e5e5e5; padding:6px 0; margin:0; }
.navbar-default .btm-panel .logo{ float:left; width:230px; padding:0; margin:0; transition:all 0.6s ease-in-out; }
.navbar-default .btm-panel .logo a{ display:block; padding:0; margin:0; }
.navbar-default .btm-panel .logo a img{ width:100%; height:auto; padding:0; margin:0; }

.navbar-default .btm-panel .navigation{ float:right; padding:25px 0 0; margin:0; transition:all 0.6s ease-in-out; }
.navbar-default .btm-panel .navigation ul li{ float:left; font-family: 'Arvo', serif; font-size:15px; line-height:17px; font-weight:700; text-transform:capitalize; padding:0; margin:0; position:relative; }
.navbar-default .btm-panel .navigation ul li:last-child{ padding-right:0; }
.navbar-default .btm-panel .navigation ul li a{ color:#22437d; padding:0 20px; transition:all 0.6s ease-in-out; }
.navbar-default .btm-panel .navigation ul li a:hover{ color:#da182c; }
.navbar-default .btm-panel .navigation ul li ul.sub-menu { position: absolute; width:200px; background: #fff; border: 1px solid #f1f1f1; top: 70px; opacity: 0; visibility:hidden; transition: all 0.6s ease-in-out; z-index:99; transform:perspective(200px) translateZ(0px) translateY(0px) rotateX(-90deg); transform-origin: top center; border-top: 2px solid #da182c; }
.navbar-default .btm-panel .navigation ul li ul.sub-menu li { float:none; display: block; }
.navbar-default .btm-panel .navigation ul li ul.sub-menu li a { padding:12px 15px; color: #000; display: block; border-bottom: 1px solid rgba(0,0,0,0.1); background: 0 !important; }
.navbar-default .btm-panel .navigation ul li ul.sub-menu li a:hover{ color:#da182c; }
.navbar-default .btm-panel .navigation ul li:hover ul.sub-menu { top:32px; opacity: 1; visibility:visible; transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(0deg); }
.navbar-default .btm-panel .navigation ul li.has_sub_menu a{ position:relative; }
.navbar-default .btm-panel .navigation ul > li.has_sub_menu > a:after{ content: '';position: absolute;width: 6px;height: 6px;border-top: 2px solid #333;border-right: 2px solid #333;top:50%;right:11px;margin-top: -5px;-moz-transform: rotate(135deg);-webkit-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; }
.navbar-default .btm-panel .navigation ul > li.has_sub_menu > a:hover:after{ border-color:#da182c; }
.navbar-default .btm-panel .navigation > ul > li > ul.sub-menu > li{ position:relative; }
.navbar-default .btm-panel .navigation > ul > li > ul > li ul.sub-menu { position: absolute; z-index: 10; left:-100%; top: 0 !important; transition: all 600ms ease-in-out; opacity:0 !important; visibility:hidden; }
.navbar-default .btm-panel .navigation > ul > li > ul > li:hover ul.sub-menu { position: absolute; z-index: 10; left: -100%; top: 0 !important; transition: all 600ms ease-in-out; opacity:1 !important; visibility:visible; }

@media screen and (min-width:768px){
.navbar-default.navbar-shrink{ box-shadow: 0 0 7px rgba(0,0,0,0.2) !important; }
.navbar-default.navbar-shrink .btm-panel .logo{ width:180px; }
.navbar-default.navbar-shrink .btm-panel .navigation { padding-top:20px ; }

}

/*==== Banner Start ====*/
.banner{ padding:0; margin:115px 0 0; }
.banner .item { position:relative; }
.banner .item img { width:100%; height:550px; object-fit:cover; }
.banner .item .cover { position:absolute; left:0; right:0; top:50%; width:100%; transform:translateY(-50%); padding:0; margin:0; }
.banner .item .cover .desc-content { position: relative; padding:0; overflow: hidden; }
.banner .item .cover .desc-content h1 { font-size:20px; line-height:22px; font-weight:500; color: #222; margin:0; padding:0 0 10px; }
.banner .item .cover .desc-content h3{ font-size:40px; line-height:42px; font-weight:700; color:#293e6b; margin:0; padding:0 0 20px; }
.banner .item .cover .desc-content p{ width:40%; font-size:15px; line-height:20px; font-weight:400; color:#222; margin:0; padding:0 0 30px; }
.banner .item .cover .desc-content h2{ padding:0; margin:0; }
.banner .item .cover .desc-content h2 a{ font-size:15px; line-height:17px; color:#fff; font-weight:500; text-transform:capitalize; display:inline-block; background:#2a3e6b; margin:0; padding:12px 35px; border-radius:3px; transition:all 0.6s ease-out; }
.banner .item .cover .desc-content h2 a i{ padding-right:5px; }
.banner .item .cover .desc-content h2 a:hover{ background:#fff; color:#2a3e6b; }
.banner .owl-item.active h1 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
.banner .owl-item.active p { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
.banner .owl-item.active h3 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s; }
.banner .owl-item.active h2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s; }
.banner .owl-nav .owl-prev { position: absolute; left: 15px; top:50%; opacity:0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgba(255, 255, 255, 0.7) !important; width: 40px; cursor: pointer; height: 40px; display: block; z-index: 99; border-radius: 0; font-size:0; }
.banner .owl-nav .owl-prev:after{ position:absolute; content:"\f100"; right:0; left:0; line-height:40px; top:0; text-align:center; color:#000; font-size:20px; font-family:Fontawesome; }
.banner .owl-nav .owl-next{ right: 15px; top:50%; opacity:0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgba(255, 255, 255, 0.7) !important; width: 40px; cursor: pointer; height: 40px; position: absolute; display: block; z-index: 99; border-radius: 0; font-size:0; }
.banner .owl-nav .owl-next:after{ position:absolute; content:"\f101"; right:0; left:0; line-height:40px; top:0; text-align:center; color:#000; font-size:20px; font-family:Fontawesome; }
.banner .owl-nav .owl-next:focus { outline: 0; }
.banner:hover .owl-prev { left: 10px; opacity: 1; }
.banner:hover .owl-next { right: 10px; opacity: 1; }
.banner .owl-nav { padding: 0; margin: 0; position: absolute; display: inline-block; right: 0; top: 50%; left: 0; transform: translate(0, -50%); }

/*==== Provide Start ====*/
.provide{ padding:0; margin:0; }
.provide .mid_wrap{ position: relative; z-index:99; top:-65px; padding:0; margin:0; }
.provide .mid_wrap .col-md-3{ padding:0; }
.provide .mid_wrap .box{ padding:0; margin:0; }
.provide .mid_wrap .box .title{ background:#2a3e6b; padding:40px 0 10px; margin:0; }
.provide .mid_wrap .box .title h2{ font-family: 'Arvo', serif; font-size:25px; line-height:27px; font-weight:400; color:#fff; text-align:center; padding:0; margin:0; }
.provide .mid_wrap .box .title .icon{ font-size:25px; line-height:40px; color:#fff; text-align:center; position:absolute; left:0; right:0; top:-10px; width:65px; height:40px; background:#2a3e6b; padding:0; margin:0 auto; z-index:9; }
.provide .mid_wrap .box .title .icon:after { position: absolute; content: ""; left: 0px; top: -1px; z-index: -1; border-radius: 3px; height: 40px; width: 65px; background: #2a3e6b; transform: rotate(60deg); }
.provide .mid_wrap .box .title .icon:before { position: absolute; content: ""; left: 1px; top: -1px; z-index: -1; border-radius: 3px; height: 40px; width: 64px; background: #2a3e6b; transform: rotate(-60deg); }
.provide .mid_wrap .box .text{ border:1px solid #f3f3f3; padding:20px; min-height:200px; }
.provide .mid_wrap .box .text h3{ font-size:16px; line-height:18px; font-weight:700; color:#666666; margin:0; padding:0 0 20px; }
.provide .mid_wrap .box .text p{ font-size:15px; line-height:20px; font-weight:400; color:#666666; margin:0; padding:0 0 20px; }
.provide .mid_wrap .box .text a{ display:inline-block; font-size:15px; line-height:17px; color:#fff; font-weight:400; text-transform:capitalize; margin:0; padding:10px 20px 10px; border-radius:2px; -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 3px 4px 0px rgba(0, 0, 0, 0.1); box-shadow:0px 3px 4px 0px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to right,#2a3e6b 0%,#f4701b 51%,#2a3e6b 100%); background-size: 200% auto; transition:all 0.6s ease-in-out; }
.provide .mid_wrap .box .text a:hover { background-position: right center; color: #fff; }

/*==== plumbing_wrap Start ====*/
.plumbing_wrap{  padding:0 0 50px; margin:0; }
.plumbing_wrap .title{ text-align:center; padding:0; margin:0; }
.plumbing_wrap .title h3{ font-family: 'Arvo', serif; font-size:25px; line-height:27px; font-weight:700; color:#da182c; position:relative; padding:0 0 20px; margin:0 0 30px; }
.plumbing_wrap .title h3:after { position: absolute; content: ""; left:0; right:0; bottom:0; height:2px; width: 65px; background:#da182c; margin:0 auto; }
.plumbing_wrap .plum-car{ padding:0; margin:0; }
.plumbing_wrap .plum-car img{ max-width:100%; height:auto; }
.plumbing_wrap .plum-text{ padding:0; margin:0; }
.plumbing_wrap .plum-text h3{ font-family: 'Arvo', serif; font-size:25px; line-height:27px; font-weight:400; color:#2a3e6b; position:relative; padding:0 0 15px; margin:0; }
.plumbing_wrap .plum-text p{ width:80%; font-size:15px; line-height:24px; font-weight:400; color:#7c7a7a; padding:0; margin:0 0 50px; }
.plumbing_wrap .plum-text .plum_wrap_logo{ text-align:center; padding:0; margin:0; }
.plumbing_wrap .plum-text .plum_wrap_logo img{ max-width:100%; height:auto; }

/*==== Construction Start ====*/
.construction{ background:url(../images/tap.jpg) no-repeat center top; background-size:cover; background-attachment:fixed; padding:50px 0; }
.construction .title h3{ font-family: 'Arvo', serif; font-size:30px; line-height:32px; font-weight:400; color:#fff; position:relative; text-align:center; padding:0 0 20px; margin:0 0 50px; }
.construction .title h3:after { position: absolute; content: ""; left:0; right:0; bottom:0; height:2px; width: 65px; background:#fff; margin:0 auto; }
.construction .box{ text-align:center; }
.construction .box h3{ font-family: 'Arvo', serif; font-size:25px; line-height:27px; font-weight:400; color:#fff; position:relative; padding:0 0 15px; margin:0; }
.construction .box p{ font-size:15px; line-height:24px; font-weight:400; color:#fff; padding:0; margin:0 0 30px; }
.construction .box a{ display:inline-block; font-size:15px; line-height:17px; color:#fff; font-weight:400; text-transform:capitalize; margin:0; padding:10px 25px 10px; border-radius:2px; -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 3px 4px 0px rgba(0, 0, 0, 0.1); box-shadow:0px 3px 4px 0px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to right,#2a3e6b 0%,#f4701b 51%,#2a3e6b 100%); background-size: 200% auto; transition:all 0.6s ease-in-out; }
.construction .box a:hover { background-position: right center; color: #fff; }

.construction .box .icon{font-size:50px;line-height:55px;color:#fff;text-align:center;width: 85px;height: 47px;background: #2a3e6b;padding:0;margin:0 auto 60px;position:relative;z-index:9;border-radius: 50;}
.construction .box .icon:after {position: absolute;content: "";left: 0px;top: -1px;z-index: -1;border-radius: 3px;height: 50px;width: 85px;background: #2a3e6b;transform: rotate(60deg);}
.construction .box .icon:before {position: absolute;content: "";left: 0;top: -1px;z-index: -1;border-radius: 3px;height: 50px;width: 85px;background: #2a3e6b;transform: rotate(-60deg);}

/*==== Specific Services Start ====*/
.specific{ padding:45px 0; margin:0; }
.specific .title{ text-align:center; padding:0; margin:0; }
.specific .title h3{ font-family: 'Arvo', serif; font-size:30px; line-height:32px; font-weight:400; color:#da182c; position:relative; padding:0 0 20px; margin:0 0 30px; }
.specific .title h3:after { position: absolute; content: ""; left:0; right:0; bottom:0; height:2px; width: 65px; background:#da182c; margin:0 auto; }
.specific ul li{ font-size:15px; line-height:24px; font-weight:400; color:#797979; text-align:left; width:32%; display:inline-block; border:1px solid #f3eeee; border-left:4px solid #12aef8; margin:8px 5px; padding:13px 10px; }

/*==== FAQ Start ====*/
.faq{ padding:0 0 45px; margin:0; }
.faq .title{ padding:0; margin:0; text-align:center; }
.faq .title h3{ font-family: 'Arvo', serif; font-size:30px; line-height:32px; font-weight:400; color:#da182c; position:relative; padding:0 0 20px; margin:0 0 50px; }
.faq .title h3:after { position: absolute; content: ""; left:0; right:0; bottom:0; height:2px; width: 65px; background:#da182c; margin:0 auto; }
.faq .faq_img{ padding:0; margin:0; }
.faq .faq_img img{ width:100%; height:auto; }
.faq .panel-default { border-color: #ddd; overflow: hidden; }
.faq .panel-title > a:before { float:right !important; content: "\2212"; padding-right:5px; }
.faq .panel-title > a.collapsed:before { float:right !important; content: '\002B'; }
.panel-default>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; padding: 20px 20px; }
.faq p{ font-size:15px; line-height:24px; font-weight:400; color:#222; padding:0; margin:0; }
.faq ul li{ font-size:15px; line-height:18px; font-weight:400; color:#222; padding:0 0 5px 15px; margin:0; position:relative; }
.faq ul li:after{ position:absolute; content:'\f101'; left:0; top:0; font-family:fontawesome; font-size:15px; line-height:16px; color:#2a3e6b; }

/*==== Contact Us Start ====*/
.contact_us{ background:url(../images/contact_bg.jpg) no-repeat center top; background-attachment:fixed; background-size:cover; padding:50px 0; margin:0; }
.contact_us .contact_mid{ width:85%; margin:0 auto; }
.contact_us .contact_mid .title h3{ font-family: 'Arvo', serif; font-size:30px; line-height:32px; font-weight:400; color:#da182c; position:relative; text-align:center; padding:0 0 20px; margin:0 0 30px; }
.contact_us .contact_mid .title h3:after { position: absolute; content: ""; left:0; right:0; bottom:0; height:2px; width: 65px; background:#da182c; margin:0 auto; }
.contact_us .contact_mid .form-control{ font-size:15px; line-height:18px; font-weight:400; color:#fff; height:45px; text-transform:capitalize; border-radius:0; border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.2); }
.contact_us .contact_mid textarea.form-control{ height:120px; }
.contact_us .form-control::-webkit-input-placeholder {
  color:#fff;
}
.contact_us .form-control:-ms-input-placeholder {
  color:#fff;
}
.contact_us .form-control::placeholder {
  color:#fff;
}
.contact_us .sub_btn{ display:inline-block; font-size:16px; line-height:18px; color:#fff; font-weight:400; text-transform:capitalize; margin:0; padding:12px 35px 12px; border-radius:2px; background-image: linear-gradient(to right,#2a3e6b 0%,#f4701b 51%,#2a3e6b 100%); background-size: 200% auto; transition:all 0.6s ease-in-out; border:0; letter-spacing:1px; text-transform:uppercase; }
.contact_us .sub_btn:hover { background-position: right center; color: #fff; }

/*==== Footer Start ====*/
.footer{ background:#2b2f34; padding:40px 0 0; margin:0; }
.footer .top_panel{ padding:0; margin:0 0 20px; }
.footer .box{ padding:0; margin:0 0 20px; }
.footer .box h2{ font-family: 'Arvo', serif; font-size:20px; line-height:22px; font-weight:400; color:#da182c; padding:0 0 15px; margin:0; }
.footer .box p{ font-size:15px; line-height:26px; font-weight:300; color:#fff; padding:0 0 20px; margin:0; }
.footer .box p:last-child{ padding-bottom:0; }
.footer .box ul li a{ font-size:15px; line-height:18px; font-weight:300; color:#fff; padding:0 0 10px 15px; margin:0; position:relative; display:block; }
.footer .box ul li a:after{ position:absolute; content:'\f101'; left:0; top:0; font-family:fontawesome; font-size:15px; line-height:16px; color:#da182c; }
.footer .box h5{ font-size:15px; line-height:30px; font-weight:300; color:#fff; padding:0; margin:0; }
.footer .box h5 span{ font-weight:600; padding-right:5px; }
.footer .box h6{ font-size:15px; line-height:23px; font-weight:300; color:#fff; padding:0 0 15px; margin:0; }
.footer .box .fot_logo{ border:3px solid #fff; border-radius:3px; display:inline-block; padding:10px; margin:0; }
.footer .box .fot_logo .rhem_logo{ float:left; padding:0; margin:0; }
.footer .box .fot_logo .rhem_logo img{ height:60px; }
.footer .box .fot_logo .rhem_text{ float:left; padding:0 0 0 15px; margin:0; }
.footer .box .fot_logo .rhem_text p{ font-size:15px; line-height:20px; font-weight:300; color:#fff; padding:0; margin:0; }
.footer .box .fot_logo .rhem_text p span{ display:block; }

.footer .btm_panel{ background:#25282c; padding:15px 0 9px; margin:0; }
.footer .btm_panel .copy_right{ float:left; padding:0; margin:0; }
.footer .btm_panel .copy_right p{ font-size:15px; line-height:20px; font-weight:300; color:rgba(255,255,255,0.3); padding:10px 0 0; margin:0; }
.footer .btm_panel .visa_panel{ float:right; padding:0; margin:0; }
.footer .btm_panel .visa_panel ul li{ display:inline-block; }

/*==== INNER PAGE CSS START HERE ====*/
.service_inner{ padding:45px 0; margin:114px 0 0; }
.service_inner .top_text{ padding:0 0 20px; margin:0; }
.service_inner .top_text p{ font-size:15px; line-height:20px; font-weight:400; color:#666; padding:0 0 15px; margin:0; }
.service_inner .ser_btm_text ul li{ font-size:15px; line-height:25px; font-weight:400; color:#666; padding:0 0 0 15px; margin:0; position:relative; }
.service_inner .ser_btm_text ul li:after{ position:absolute; content:'\f101'; left:0; top:5px; font-family:fontawesome; font-size:15px; line-height:16px; color:#2a3e6b; }
.service_inner .ser_img{ padding:0; margin:0; }
.service_inner .ser_img img{ border:4px solid #fff; max-width:100%; height:auto; box-shadow:0 0 7px rgba(0,0,0,0.2); }

.service_inner .upto{ padding:0; margin:0; }
.service_inner .heater{ padding:0; margin:0; }
.service_inner .heater img{ max-width:100%; height:auto; }
.service_inner .upto_txt{ padding:0; margin:0; }
.service_inner .upto_txt h3{ font-family: 'Arvo', serif; font-size:50px; line-height:54px; font-weight:400; color:#2a3e6b; padding:0 0 10px; margin:0; }
.service_inner .upto_txt h4{ font-family: 'Arvo', serif; font-size:20px; line-height:22px; font-weight:400; color:#2a3e6b; padding:0 0 10px; margin:0; }
.service_inner .upto_txt h5{ font-size:20px; line-height:28px; font-weight:500; color:#fff; background:#2a3e6b; padding:20px; margin:0 0 10px; border-radius:4px; }
.service_inner .upto_txt p{ font-size:15px; line-height:20px; font-weight:400; color:#666; padding:0 0 15px; margin:0; }
.service_inner .upto_txt ul li{ font-size:15px; line-height:18px; font-weight:400; color:#666; padding:0 0 0 15px; margin:0 0 10px; position:relative; }
.service_inner .upto_txt ul li:after{ position:absolute; content:'\f101'; left:0; top:2px; font-family:fontawesome; font-size:15px; line-height:16px; color:#2a3e6b; }

.service_inner .water_heating{ padding:20px 0 0; margin:0; }
.service_inner .water_heating h3{ font-size:30px; line-height:32px; font-weight:500; color:#2a3e6b; position:relative; text-align:center; padding:0 0 20px; margin:0 0 30px; }
.service_inner .water_heating h3:after { position: absolute; content: ""; left:0; right:0; bottom:0; height:2px; width: 65px; background:#2a3e6b; margin:0 auto; }
.service_inner .water_heating h4{ font-size:35px; line-height:37px; font-weight:700; color:#2a3e6b; position:relative; padding:0 0 20px; margin:0; }
.service_inner .water_heating p{ font-family: 'Abel', sans-serif; font-size:19px; line-height:27px; font-weight:400; color:#666; padding:0 0 40px; margin:0; }
.service_inner .water_heating p a{ color:#dc2437; text-decoration:underline; }
.service_inner .water_heating p a:hover{ color:#2a3e6b; }
.service_inner .water_heating .tank_img_panel { border:4px solid #fff; max-width:100%; height:auto; box-shadow:0 0 7px rgba(0,0,0,0.2); padding:0; margin:0 0 20px; min-height:340px; }
.service_inner .water_heating .tank_img_panel h5{ font-size:20px; line-height:22px; font-weight:700; color:#fff; background:#2a3e6b; padding:10px 15px; margin:0; }

.service_inner .financing{ padding:0; margin:0; }
.service_inner .financing p{ font-size:16px; line-height:25px; font-weight:400; color:#666; padding:0 0 20px; margin:0; }
.service_inner .financing ul{ margin-bottom:10px; }
.service_inner .financing ul li{ font-size:15px; line-height:18px; font-weight:400; color:#666; padding:0 0 0 15px; margin:0 0 5px; position:relative; }
.service_inner .financing ul li:after{ position:absolute; content:'\f101'; left:0; top:2px; font-family:fontawesome; font-size:15px; line-height:16px; color:#2a3e6b; }
.service_inner .financing a{ display:inline-block; font-size:16px; line-height:18px; color:#fff; font-weight:400; text-transform:capitalize; margin:0; padding:12px 35px 12px; border-radius:2px; background-image: linear-gradient(to right,#2a3e6b 0%,#f4701b 51%,#2a3e6b 100%); background-size: 200% auto; transition:all 0.6s ease-in-out; border:0; letter-spacing:1px; text-transform:uppercase; }
.service_inner .financing a:hover { background-position: right center; color: #fff; }

.service_inner_wrap{ padding:0; margin:114px 0 0; }
.service_inner_wrap .service_area{ padding:0; margin:0; }
.service_inner_wrap .service_area .hereford_wrap{ border-right:1px solid #e2e2e2; padding:40px 20px 40px 0; margin:0; }
.service_inner_wrap .service_area .hereford_wrap h2{ font-family: 'Arvo', serif; font-size:30px; line-height:32px; font-weight:400; color:#2a3e6b; padding:0 0 20px; margin:0; }
.service_inner_wrap .service_area .hereford_wrap .map{ padding:0; margin:0 0 20px; }
.service_inner_wrap .service_area .hereford_wrap .map iframe{ width:100%; height:200px; }
.service_inner_wrap .service_area .hereford_wrap p{ font-size:16px; line-height:25px; font-weight:400; color:#666; padding:0 0 20px; margin:0; }
.service_inner_wrap .service_area .hereford_wrap h3{ font-family: 'Arvo', serif; font-size:20px; line-height:22px; font-weight:400; color:#2a3e6b; padding:0 0 20px; margin:0; }
.service_inner_wrap .service_area .hereford_wrap ul li a{ font-size:15px; line-height:26px; font-weight:400; color:#da182c; padding:0 0 0 15px; margin:0 0 5px; position:relative; }
.service_inner_wrap .service_area .hereford_wrap ul li ul{ padding-left:15px; }
.service_inner_wrap .service_area .hereford_wrap ul li a:after{ position:absolute; content:'\f101'; left:0; top:2px; font-family:fontawesome; font-size:15px; line-height:16px; color:#da182c; }
.service_inner_wrap .service_area .hereford_wrap ul li a:hover{ color:#22437d; }
.service_inner_wrap .express_plumbing{ padding:40px 0; margin:0; }
.service_inner_wrap .express_plumbing p{  font-size:16px; line-height:25px; font-weight:400; color:#666; padding:0 0 10px; margin:0; }
.service_inner_wrap .express_plumbing h3{ font-family: 'Arvo', serif; font-size:20px; line-height:22px; font-weight:400; color:#2a3e6b; padding:10px 0 10px; margin:0; }
.service_inner_wrap .express_plumbing ul li{ display:inline-block; margin:4px; }
.service_inner_wrap .express_plumbing ul li img{ max-width:100%; }

/*=========== Contact Connect Section Start =========*/
.connect-section{ margin:114px 0 0; padding:45px 0; font-family: 'Arvo', serif; }
.connect-section .contact-block{ margin:0; padding:0; box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.21); }
.connect-section .contact-block .img-block{ margin:0; padding:0; overflow:hidden; }
.connect-section .contact-block .img-block img{ width:100%;}
.connect-section .contact-block .form-block{ margin:0; padding:30px 30px 0 0;}
.connect-section .contact-block .form-block form{ margin:0; padding:0; }
.connect-section .contact-block .form-block form .block{ margin:0; padding:0 0 10px;}
.connect-section .contact-block .form-block form .block .form-control{ font-size:13px; color:#323232; line-height:15px; font-weight:400; height:42px; border-radius:0; text-transform:capitalize;
border:1px solid #f3ecec; padding-left:20px; outline:none; box-shadow:none; }
.connect-section .contact-block .form-block form .block .form-control::-webkit-input-placeholder { color:#323232; opacity:1; }
.connect-section .contact-block .form-block form .block .form-control::-moz-placeholder { color:#323232; opacity:1; }
.connect-section .contact-block .form-block form .block .form-control:-ms-input-placeholder { color:#323232; opacity:1; }
.connect-section .contact-block .form-block form .block .form-control:-moz-placeholder { color:#323232; opacity:1; }
.connect-section .contact-block .form-block form .block textarea.form-control{ height:110px; resize:none; }
.connect-section .contact-block .form-block form .btn-block{ margin:0; padding:0; }
.connect-section .contact-block .form-block form .btn-block input{ font-size:14px; color:#fff; line-height:16px; font-weight:500; text-transform:uppercase; padding:13px 40px 13px; margin:0; letter-spacing:2px; background:#22437d; border:none; transition:all 600ms ease-in-out; }
.connect-section .contact-block .form-block form .btn-block input:hover{ background:#152e5a; }

/*=========== Map-block Start =========*/
.map-block{ margin:0; padding:0; font-family: 'Arvo', serif; }
.map-block iframe{ float:left; width:100%; height:450px; }
.map-block .container{ position:relative; }
.map-block .thumb{ position:absolute; width:585px; left:0; bottom:75px; margin:0; padding:0 0 27px 0; background:#fff; box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.1); }
.map-block .thumb .up-section{ position: relative; background:#22437d; margin:0; padding:20px 0 17px 30px; }
.map-block .thumb .up-section h4{ font-size:22px; line-height:24px; color:#fff; font-weight:500; text-transform:capitalize; margin:0 0 0 0; padding:0 0 0 0; }
.map-block .thumb .down-section{ margin:0; padding:0 30px 0; }
.map-block .thumb .down-section .box-panel{ margin:0; padding:25px 0 25px; border-bottom:1px solid rgba(0,0,0,.1); }
.map-block .thumb .down-section .box-panel:last-child{ border-bottom:none; }
.map-block .thumb .down-section .text-panel{ margin:0; padding:0; }
.map-block .thumb .down-section .text-panel h5{ font-size:12px; line-height:14px; color:#22437d; font-weight:700; text-transform:uppercase; margin:0 0 0 0; padding:0 0 8px; 
letter-spacing:2px;  }
.map-block .thumb .down-section .text-panel p{ font-size:14px; line-height:17px; color:#666; font-weight:400; text-transform:none; margin:0 0 0 0; padding:0 0 0 0; } 
.map-block .thumb .down-section .text-panel a{ display:inline-block; font-size:18px; line-height:20px; color:#323232; font-weight:400; text-transform:none; margin:0 0 0 0; padding:0 0 0 0; letter-spacing:1px; }
.map-block .thumb .down-section .text-panel a:hover{ color:#22437d; }








/*===== RESPONSIVE START HERE =====*/

@media screen and (max-width:1199px){










}

@media screen and (max-width:768px){







}

@media screen and (max-width:767px){
.navbar-default .btm-panel .logo { width: 150px; }
.mobile-btn { display: block; float: right; background: #22437d; font-size: 16px; line-height: 18px; padding: 6px 8px 5px; color: #fff; border-radius: 3px; margin-top:6px; }
.navbar-default .btm-panel .navigation { padding: 0; }
.navbar-default .navigation { background-color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: fixed; top: 0; width: 280px; height: 100%; z-index: 9999; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); left: -280px; }
.navbar-default .back-Btn { display: block; background-color: #22437d; font-size: 18px; text-align: right; color: #fff; display: block; padding: 5px 15px 5px 0; margin: 0; }
.navigation.left-open { left: 0 !important; }
.navbar-default .btm-panel .navigation ul li { float: none; }
.navbar-default .btm-panel .navigation ul li a { padding: 10px 15px; border-bottom: 1px solid #f9f5f5; display: block; }
.navbar-default .btm-panel .navigation ul li ul.sub-menu { position: inherit !important; width: 100% !important; background: #4758aa !important; top: 0 !important; opacity: 1 !important; left:0 !important; visibility: visible !important; transition: all 0.5s ease-in-out; z-index: 9999 !important; transform: inherit !important; transform-origin: top center !important; display: none; border:0; }
.navbar-default .btm-panel .navigation ul li ul.sub-menu li a { padding: 10px 15px; color: #fff !important; display: block; border-bottom: 1px solid rgba(255,255,255,0.1); background: 0 !important; }
.navbar-default .btm-panel .navigation > ul > li > ul > li ul.sub-menu { position: absolute; z-index: 10; left: 0; opacity: 1 !important; visibility: visible; }

.navbar-default .top-panel .social {
	display: none;
}
.navbar-default .top-panel .exp {
	float: none;
	text-align: center;
}
.navbar-default .top-panel .exp h2 a{ display:block; }
.banner {
	margin: 106px 0 0;
}
.banner .item img {
	height: auto;
}
.banner .item .cover .desc-content p {
	width: 100%;
	font-size: 13px;
	line-height: 15px;
	padding: 0 0 5px;
}
.banner .item .cover .desc-content h1 {
	font-size: 15px;
	line-height: 17px;
	padding: 0 0 5px;
}
.banner .item .cover .desc-content h3 {
	font-size: 20px;
	line-height: 22px;
	padding: 0 0 10px;
}
.banner .item .cover .desc-content h2 a {
	font-size: 13px;
	line-height: 15px;
	padding: 9px 20px;
}
.provide .mid_wrap {
	top: 0;
}
.provide {
	padding: 40px 0 20px;
}
.provide .mid_wrap .box .text {
	min-height: auto;
}
.provide .mid_wrap .col-md-3 {
	padding: 0 15px;
}
.provide .mid_wrap .box .title {
	background: #2a3e6b;
	padding: 10px 0 10px;
	margin: 0;
}
.provide .mid_wrap .box .title .icon {
	font-size:20px;
	line-height:40px;
	position: inherit;
	left: 0;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: #fff;
	margin: 0 auto 10px;
	border: 2px solid #fff;
	border-radius: 50%;
	color: #2a3e6b;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}
.provide .mid_wrap .box .title .icon::before {
	display:none;
}
.provide .mid_wrap .box .title .icon::after {
	display:none;
}
.provide .mid_wrap .box {
	margin: 0 0 20px;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}
.banner .owl-nav .owl-next{ display:none !important; }
.banner .owl-nav .owl-prev { display:none !important; }
.plumbing_wrap .title h3 {
	font-size: 18px;
	line-height: 25px;
}
.plumbing_wrap .plum-text p {
	width: 100%;
	margin: 0 0 20px;
}
.construction {
	padding: 40px 0 10px;
}
.construction .title h3 {
	font-size: 25px;
	line-height: 27px;
	margin: 0 0 30px;
}
.construction .box .icon::before {
	display:none;
}
.construction .box .icon::after {
	display:none;
}
.construction .box .icon {
	font-size: 35px;
	line-height: 65px;
	width: 70px;
	height: 70px;
	margin: 0 auto 20px;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}
.construction .box {
	text-align: center;
	margin-bottom: 30px;
}
.specific .title h3 {
	font-size: 25px;
	line-height: 27px;
}
.specific {
	padding: 40px 0;
}
.specific ul li {
	width: 100%;
}
.faq .title h3 {
	font-size:25px;
	line-height:27px;
	margin: 0 0 30px;
}
.faq .faq_img {
	margin: 0 0 20px;
}
.contact_us .contact_mid {
	width: 100%;
}
.contact_us .contact_mid .title h3 {
	font-size: 25px;
	line-height: 27px;
}
.footer .btm_panel .copy_right p {
	text-align:center;
	padding: 0 0 7px;
}
.footer .btm_panel .visa_panel {
	float: left;
	text-align: center;
	width: 100%;
}
.footer .btm_panel .visa_panel ul li img {
	height: 26px;
}
.service_inner {
	padding: 40px 0;
	margin:106px 0 0;
}
.service_inner .ser_img {
	margin: 20px 0 0;
}
.service_inner .upto_txt h3 {
	font-size: 30px;
	line-height: 34px;
	padding: 0 0 10px;
}
.service_inner .upto_txt h4 {
	font-size: 16px;
	line-height: 18px;;
}
.service_inner .upto_txt h5 {
	font-size: 15px;
	line-height: 24px;
	padding: 15px;
}
.service_inner .water_heating h3 {
	font-size: 25px;
	line-height: 27px;
}
.service_inner .water_heating h4 {
	font-size: 25px;
	line-height: 27px;
}
.service_inner .heater {
    text-align: center;
}
.service_inner .water_heating .tank_img_panel {
	height: auto;
	min-height: auto;
}
.service_inner .water_heating p {
	font-size: 17px;
	line-height: 25px;
	padding: 0 0 20px;
}
.service_inner .water_heating .tank_img_panel img{ max-width:100%; }
.service_inner_wrap .service_area .hereford_wrap {
	border-right: none;
	padding: 40px 0 0 0;
	margin: 0;
}
.service_inner_wrap .service_area .hereford_wrap h2 {
	font-size: 24px;
	line-height: 28px;
}
.service_inner_wrap .service_area .hereford_wrap h3 {
    line-height: 24px;
}
.service_inner_wrap .express_plumbing {
	padding: 30px 0 40px;
	margin: 0;
}
.connect-section {
	margin: 106px 0 0;
	padding: 40px 0;
}
.connect-section .contact-block .form-block {
	padding: 30px 15px;
}
.map-block iframe {
	height: 350px;
}
.map-block .thumb .up-section h4 {
	font-size: 18px;
	line-height: 20px;
}
.map-block .thumb {
	position: absolute;
	width: 300px;
	left:15px;
	bottom: 30px;
	margin: 0;
	padding:0;
}
.footer .btm_panel {
    padding: 15px 0 20px;
    margin: 0;
}







































}