/* ---------- layout ----------*/
*{ outline: none !important;}
html {position:relative; min-height:100%; font-size:16px;}
.wrapper {width: 100%;height: 100%;}
html body{font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 16px;color: #000000; line-height: normal;}
.clear{clear:both; font-size:0px;line-height:0px;}
.container{max-width: 75rem; width: 100%; margin: auto; padding: 0 15px;position: relative;z-index: 1;}
.container-fluid{padding: 0 15px;}
.clearfix::after {content: "";clear: both;display: table;}
ul{margin: 0;padding: 0;}
ul li{list-style: none;}
a, a:hover{text-decoration: none;}
a:hover{color: #009f57;}
a{-webkit-transition: ease-out 0.5s;-moz-transition: ease-out 0.5s;-o-transition: ease-out 0.5s;transition: ease-out 0.5s;}
p{margin-bottom: 20px;line-height: 1.6;}
p strong{font-weight: 700;color: #009f57;}
p a, p a:hover{color: #009f57;}
ul li{line-height: 1.6;;margin-bottom: 15px;}
.backbgbox{background-size: cover;background-repeat: no-repeat;background-position: center;}
.backbg{display: none !important;}
h1, h2, h3, h4, h5, h6{margin-bottom: 20px;line-height: 1.4;}
h1{font-size: 2.75rem;font-weight: 700;}/*  */
h2{font-size: 2.3125rem;font-weight: 700;}/*  */
h3{font-size: 1.6rem;font-weight: 700;}/*  */
h4{font-size: 1.5rem;font-weight: 700;}/*  */
h5{}/*  */
h6{font-size: 16px;font-weight: 700;}
img{object-fit: cover;max-width: 100%;}
.padding-0{padding-left: 0; padding-right: 0;}
.margin-0{margin-left: 0; margin-right: 0;}
.btn{height: 50px;line-height: 46px;font-size: 0.9em;font-family: 'Roboto', sans-serif;font-weight: 700; padding: 0 20px;border-radius: 0px;border: 2px solid transparent; display: inline-block;text-align: center;position: relative;z-index: 11;text-transform: uppercase;}
.black-border{background: none;color: #000000;position: relative;border-color: #000000;}
.black-border:hover{background: #000000;color: #ffffff;}
.white-border{background: none;color: #ffffff;position: relative;border-color: #ffffff;}
.white-border:hover{background: #ffffff;color: #000000;}
.btn-green{background: #009f57;color: #ffffff;}
.btn-green:hover{background: #000000;color: #ffffff;}
.btn:focus{box-shadow: none;}
/*----------- index.html ( Registration Page )----------------------*/
.spacer-20{height: 20px;}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 30px 30px;}
.alignleft {float: left;margin: 5px 30px 30px 0;}
a img.alignright {float: right;margin: 5px 0 30px 30px;}
a img.alignnone {margin: 5px 30px 30px 0;}
a img.alignleft {float: left;margin: 5px 30px 30px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; /* Image does not overflow the content area */padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 30px 30px 0;}
.wp-caption.alignleft {margin: 5px 30px 30px 0;}
.wp-caption.alignright {margin: 5px 0 30px 30px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
/* Home Page */

/*===================================  HEADER-SET =====================================*/

/*body.open{overflow-y: hidden;}*/
body.sticky{padding-top: 81px;}
body.sticky .main-nav{position: fixed;max-width: 75rem;width: 100%;margin: auto;left: 0;right: 0;top: 0;animation: smoothScroll 1s forwards;}
@keyframes smoothScroll {
     0% {
         transform: translateY(-40px);
    }
     100% {
         transform: translateY(0px);
    }
}
.header{width:100%;top: 0;left: 0;z-index: 1111;margin-bottom: -35px;position: relative;}
.header_top{padding: 20px 0;}
.logo a{max-width: 300px;width: 100%;display: block;}
.logo a img{width: 100%;}
.header_contact ul{margin: 0 -15px;display: flex;align-items: flex-end;}
.header_contact ul li{padding: 0 15px;position: relative;margin-bottom: 0px;}
.header_contact ul li p{font-size: 14px;margin-bottom: 0px;}
.header_contact ul li p a, .header_contact li p strong{color: #009f57;}
.header_contact ul li p strong{display: block;}
.main-nav{-webkit-box-shadow: 1px 5px 7px -6px rgb(0 0 0 / 57%);
    -moz-box-shadow: 1px 5px 7px -6px rgba(0,0,0,0.57);
    box-shadow: 1px 5px 7px -6px rgb(0 0 0 / 57%);background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #f4f4f4 47%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(47%,#f4f4f4), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #ebebeb 0%,#f4f4f4 47%,#ffffff 100%);
    background: -o-linear-gradient(top, #ebebeb 0%,#f4f4f4 47%,#ffffff 100%);
    background: -ms-linear-gradient(top, #ebebeb 0%,#f4f4f4 47%,#ffffff 100%);
    background: linear-gradient(to bottom, #ebebeb 0%,#f4f4f4 47%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );}
.nav_bg  nav > ul{text-align: center;}
.nav_bg  nav > ul > li{display: inline-block; text-align: center;vertical-align: middle;margin-bottom: 0px;}
.nav_bg  nav > ul > li > a{font-family: 'Roboto', sans-serif;font-weight: 300;color: #333333;font-size: 16px;display: block;padding: 28px 20px;position: relative;text-transform: uppercase;}
/*------- header ------*/
.nav_bg  nav > ul > li > a:before{content: '';position: absolute;background: #009f57;width: 0;height: 4px;bottom: 0;left: 0;-webkit-transition: ease-out 0.5s;-moz-transition: ease-out 0.5s;-o-transition: ease-out 0.5s;transition: ease-out 0.5s;}
.nav_bg  nav > ul > li:hover > a:before, .nav_bg  nav > ul > li.current-menu-item > a:before{width: 100%;}
.nav_bg  nav > ul > li.menu-item-has-children > a:after{content: ''; position: absolute;right: 6px;top: 50%;transform: translate(0, -50%);-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);width: 0;height: 0;overflow: hidden;border-width: 4px;border-style: solid dashed dashed dashed;border-color: #333 transparent transparent transparent;}
/***********sub_menu_styling***************/
.sub-menu {  position: absolute;  top: auto;   left: auto;
   width: 300px; display: none;  opacity: 0;  visibility: hidden; transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; z-index: 1;overflow: hidden;-webkit-box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 20%);}
.sub-menu li ul.sub-menu{padding-top:0px; padding-left:18px;}
.sub-menu li ul.sub-menu:before {    content: '';
    position: absolute;
    top: 12px;
    left: -7px;
    border-right: 16px solid #ffffff;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;}

nav>ul>li>ul>li {float: none;  display: block;  margin: 0;background: #ffffff;}
nav>ul>li>ul>li a {font-family: 'Roboto', sans-serif; color: #333333; text-decoration: none;  font-size: 16px;font-weight: 300;  padding: 10px; display: block;}
nav>ul>li>ul>li:hover a{color: #ffffff;background: #009f57;}
nav>ul>li>ul>li a:after {  display: none;}
nav ul li ul {  position: relative;}
.nav_bg ul li ul li{text-align:left;  display: block;}
.topmenu > ul{margin-left:0;     padding-bottom: 10px;}
/* Menu-Icon  starts */
.nav-icon { display: none; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;	z-index: 9999;	width: 30px;	height: auto; position: static; 
border-radius:0px;}
.nav-icon span	{	display: block;	position: relative; height: 3px;	background: #ffffff; opacity: 1; left: 0;right: 0;margin: auto;margin-top: 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
-o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;	-o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.nav-icon span:nth-child(1) 	{ top: 0px;	width:30px;margin-top: 0px;}
.nav-icon span:nth-child(2)	{top: 0px; width:30px; }
.nav-icon span:nth-child(3)	 { top: 0px; width:30px; }
.nav-icon.open span:nth-child(1){top: 8px;    width: 30px;right: 0px; -webkit-transform: rotate(135deg);	-moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);background: #ffffff;}
.nav-icon.open span:nth-child(2){ 	opacity: 0; }
.nav-icon.open span:nth-child(3){-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);
transform: rotate(-135deg); width: 30px; right: 0px;  top: -8px;	background: #ffffff;}
/***********sub_menu_styling_end***************/
/**/
.banner_slider .slick-slide{min-height: 595px;display: flex;align-items: center;justify-content: center;}
.banner-text{padding: 0 70px;}
.banner-text h1{text-align: center;color: #ffffff;}
.slick-dots{position: absolute;left: 0;right: 0;margin: auto;bottom: 10px;text-align: center;}
.slick-dots li{display: inline-block; padding: 0 5px;}
.slick-dots li button{width: 15px;height: 15px;border-radius: 50%;border: 2px solid #fff;background: none;font-size: 0px;padding: 0px;}
.slick-dots li.slick-active button{background: #009f57;border-color: #009f57;}
.slick-arrow{position: absolute; top: 50%;transform: translate(0, -50%);-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);width: 32px;height: 32px;background-color: inherit !important;border: none;font-size: 0px;z-index: 1;background-size: 100%;}
.slick-prev{left: 3%;background: url(../images/controls.png) no-repeat 0 -32px;}
.slick-prev:hover{background: url(../images/controls.png) no-repeat 0 0;}
.slick-next{right: 3%;background: url(../images/controls.png) no-repeat -43px -32px;}
.slick-next:hover{background: url(../images/controls.png) no-repeat -43px 0;}
/**/
.top_info_sec, .latest_news_sec{padding: 60px 0 20px 0;}
.block_box{margin-bottom: 40px;}
.block_box a.block-img{height: 208px;display: block;position: relative;}
.block_box a.block-img:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0; background-color: rgba(0, 159, 87, 0.9);background-image: url(../images/blurb_inner_img.png);background-position: center;background-repeat: no-repeat;background-size: 70px;opacity: 0;transition: 0.5s;}
.block_box a.block-img:hover:before{opacity: 1;}
.block_box a img, .product_img_box a img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.block_box_text{padding-top: 20px;}
.block_box_text .btn{margin-top: 10px;}
.latest_news_sec h2{text-align: center;color: #000000;}
/**/
.middle_info_sec{padding: 60px 0;background-attachment: fixed;}
.middle_info_sec .container{max-width: 1000px;margin: auto;}
.middle_info_sec h2{color: #ffffff;}
.middle_info_sec .btn{font-weight: 400;text-transform: capitalize;margin-top: 10px;}
/**/
.contact_info_sec{padding: 60px 0;background: #009f57;text-align: center;}
.contact_info_sec h3{color: #ffffff;margin-bottom: 5px;}
.contact_info_sec p, .contact_info_sec p a{font-weight: 700;color: #000000;font-size: 1.1em;}
/**/
.footer{padding: 60px 0 30px 0;background: #000000;}
.footer_top{padding: 40px 15px;}
.footer h2{color: #ffffff;font-size: 1.7rem;margin-bottom: 30px;}
.footer p{font-size: 15px;color: #ffffff;}
.footer p i{font-style: normal;color: #009f57;display: block;}
.footer p a{color: #009f57;}
.footer_top_right{max-width: 500px;}
.footer_bottom p{margin-bottom: 0px;text-align: center;}
.footer_bottom p a{color: #ffffff;}
/**/
.banner_inner{min-height: 400px;background-attachment: fixed;}
.banner_inner .banner-text{padding: 0px;}
.banner_inner .banner-text h1{text-align: left;}
.inner_content_sec{padding: 60px 0;}
.inner_content img{margin-bottom: 30px;}
/*
.inner_content p strong{display: block;}
.reference_sec .inner_content p strong{display: inline-block;}
*/
.inner_content h6, .inner_content h6 a{color: #009f57;margin-bottom: 0px;line-height: 1.6;display: block;}
/**/
.product_img_row{padding: 30px 0 40px 0;}
.product_img_box a{height: 260px;display: block;}
figure figcaption{font-size: 0.8em;line-height: 1.0em;margin-top: 10px;}
.product_inner_row{padding-bottom: 30px;}
.product_inner_img{text-align: center;}
.product_inner_img img{max-width: 100%;height: auto;}
.product_inner_row ul{margin-top: 50px;}
/**/
.more_news{background: #f3f3f3;padding: 20px;margin-top: 20px;}
.more_news h2{font-size: 1.6rem;margin-bottom: 40px;}
.more_news h3{font-size: 1.4rem;margin-bottom: 10px;}
.more_news p{color: #009f57;}
.more_news_img img{width: 100%;height: auto;}
.more_news_box{border-bottom: 1px solid #dddddd;margin: 0px;margin-bottom: 20px;position: relative;}
.anchor{position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 0px;}
.more_news .btn{width: 100%;font-size: 1.125rem;text-transform: lowercase;}
.news_info p a{display: block;text-align: right;}
.news_info img{max-width: 350px;width: 100%;height: auto;}
/**/
.map_box iframe{width: 100%;height: 300px;border: 0px;margin-bottom: 30px;}
/**/
.logo_inner_img{text-align: left;margin-bottom: 40px;}
.latest_news_sec.more_news{padding: 60px 0px;background: none;}
.fancybox-button{background-color: inherit !important;}
/*news single page*/
.wp-block-media-text .wp-block-media-text__content{padding:0 !important;}

@media screen and (max-width: 1210px) {
  
}
@media screen and (max-width: 1199px) {
   html{font-size: 15px;}
    .nav_bg nav > ul > li > a{padding: 28px 15px;}
    .nav_bg nav > ul > li.menu-item-has-children > a:after{right: 0;}
}
@media screen and (max-width: 1023px) {
    html{font-size: 14px;}
}
@media screen and (max-width: 991px) {
    html{font-size: 13px;}
  /***********toggle_menu_start***************/
    .logo{width: 100%;}
    .logo a{max-width: 225px;margin: auto;}
    .nav_bg nav > ul > li.menu-item-has-children > a:before{display: none;}
	.nav-icon{display:block;}
/*	.nav-icon.open:before{display:none;}*/
	.open .nav_bg  nav {display:block; padding:0 15px; }
	.nav_bg nav {display:none; position: relative!important;top:auto;left:0;width: 100%; right: 0;float: none;z-index: 9999;background: #ffffff;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;overflow-y: scroll; margin-top: 12px;}
	.nav_bg nav ul {width: 100%;max-width: 100%;  justify-content: normal;}
	.nav_bg nav ul li {    display: block;  float: none;  padding: 0px;  margin: 0; text-align: center;position: relative;border-top: 1px solid rgba(0,0,0,0.05);}
	.arrow{ color:#ffffff;}
	.arrow:hover, .arrow.active{  color:#ffffff; }
	.nav_bg nav > ul > li a{display: inline-block; line-height: 30px; font-size: 0.8em;position: relative;  z-index: 999999;color: #000000;padding: 10px 0;}
	.nav_bg nav ul li a:after, nav ul li ul:before{display:none;}
	.nav_bg nav > ul > li > ul > li {border: none; padding: 0px; padding:10px 15px;}
	.nav_bg nav > ul > li > ul > li:after {display: none;}
    .nav_bg nav>ul>li>ul>li a{padding: 5px 0;}
	.nav_bg nav ul{margin:0px;margin-top: 0px;}
	.sub-menu {width: 100%;display: block;}
	.sub-menu ul{border:0px;}
	.sub-menu {position: static;opacity: 0;visibility: visible;display: none;transition: none;-o-transition: none;-webkit-transition: none;-ms-transition: none;-moz-transition: none;background: none;transform: none;box-shadow: none;}
	.nav_bg nav > ul {float:none; display: block;overflow-y: auto;display: block !important;}
	.nav_bg nav > ul > li > ul > li a { color:#000000;}
    .click_menu{position: absolute;width: 100%;display: block;top: 0;}
	.click_menu:after {content: '+'; width: 12px; height: 12px; position: absolute; left: 5px; cursor: pointer; top: 11px;color: #000000;}
	.click_menu.open2:after { content: '-'; width: 12px; height: 12px; position: absolute; left: 5px; cursor: pointer; top: 11px;color: #000000;}
	ul.topmenu li .sub-menu {  position: relative;  width: 100%; top: 0; left:0;}
	ul.topmenu li .sub-menu { opacity: 1; z-index: 99;   transition: all 0.3s; }
	ul.topmenu li .sub-menu li { display: block; text-align: left;  width: 100%; padding: 6px 15px;border-top: 1px solid rgba(0,0,0,0.05);}
	ul.topmenu li.open2 > ul.sub-menu{    display: block;       transition: all 0.3s;}
	.topmenu ul {margin-left:0; display:none;}
    .contact_form select{background-size: 15px;}
/***********toggle_menu_end***************/
    .header{margin-bottom: -20px;}
    .header_top{display: block !important;padding: 15px 0;}
    .header_contact ul{margin: 0 -10px;}
    .header_contact ul li{padding: 0 10px;}
    .header_contact ul{max-width: 486px;width: 100%;margin: auto;margin-top: 15px;}
    .main-nav{background: #009F57;padding: 12px 0px 12px 0px;position: relative;}
    .open .main-nav{padding-bottom: 0px;}
    .nav-icon{position: relative;margin-left: 10px;}
    .nav-icon:before{content: 'Menu';position: absolute;top: 1px;left: 40px;color: #ffffff;}
    .container{max-width: 100%;}
    .nav_bg nav > ul > li > a:before{display: none;}
    .nav_bg nav > ul > li.current-menu-item{border-bottom: 2px solid #009F57;}
    nav>ul>li>ul>li:hover a{background:none;}
}
@media screen and (max-width: 767px){
    html{font-size: 11px;}
    h1, h2{font-size: 2.5rem;}
    p{line-height: 1.5;}
    html body, .order_price_box p, .boiler_grant_box p{font-size: 16px;}
    .banner_slider .slick-slide, .banner_inner{min-height: 400px;}
    .banner_inner{background-attachment:inherit;}
    .banner .banner-text h1{font-size: 2rem;}
    .banner-text{padding: 0 35px;}
    .banner_inner .banner-text h1{text-align: center;}
    img.alignright, figure.alignright, .news_info img{float: none;margin: auto;margin-bottom: 30px;display: block;}
    .inner_content, .logo_inner_img{text-align: center;}
    .product_inner_img{margin-bottom: 30px;}
    
}
@media screen and (max-width: 575px){
    .product_img_box a{height: 150px;}
    .more_news{padding: 15px 10px;}
    .header_contact ul li p a{display: block;}
    .header_contact ul li p br{display: none;}
    .header_contact ul li{width: 50%;}
}
@media screen and (max-width: 479px){
   
}
@media screen and (min-width:992px) {
    nav ul li:hover>.sub-menu  {opacity: 1;visibility: visible;display: block !important;}
}
/* ---------------------------------------------------------*/
p:empty { display: none !important;}
/* remove bottome testimonial from home page */
body.home .inner_testimonial{display:none;}