.clear10 {height: 10px;}
.clear20 {height: 20px;}

section#pos_1428 { padding: 0px;}
#pos_1615 img { padding: 30px;}
#pos_1681 img { padding: 30px;}

.paddingtopzero {padding-top: 0px !important;}
.paddingbottomzero {padding-bottom: 0px !important;}

.ServicePageQuote .quote { color: #fff !important; font-weight: 200 !important; text-transform: inherit !important;}
 
.c2-link, .c2-bg a:not(.btn) { color: #585856;}

/*Icons*/
.banner-component .c2-bg .d-table-cell :first-child::before { background-color: transparent;}
/*Icons*/


/*Header*/
header#site-header #logo a { width: 187px; height: 56px; margin-top: -14px;}
nav.main {left: 110px;}
nav.main ul li span a {text-transform: uppercase; font-weight: 700; padding: 33px 20px;}
/*Header*/


/*Footer*/
footer#site-footer { color: #fff; background-color: #333;}
footer#site-footer .site-search .form-control {background-color: #ccc;}
footer#site-footer .footer-text, footer#site-footer a:not(.btn):hover .footer-text, footer#site-footer a:not(.btn):focus .footer-text, footer#site-footer a:not(.btn):active .footer-text { color: #ccc;}
.footer-item .item_image { margin-top: 14px !important;}

.footer-item.offset-lg-3.offset-md-3.col-lg-2.col-md-2.col-12.col .image {margin-top: 42px;}
.footer-item.offset-lg-3.offset-md-3.col-lg-2.col-md-2.col-12.col img {padding: 9px; background-color: #fff;}
/*Footer*/


/*Testimonial Quotes*/
#pos_1429 p.heading.quote { font-size: 18px !important; text-transform: initial; color: #ccc; font-weight: 400;}
#pos_1429 { background-attachment: fixed; background-position: center;}
#pos_1429 .slick-prev, #pos_1429 .slick-next { color: #ccc;}

#pos_1435 p.heading.quote { font-size: 18px !important; text-transform: initial; color: #ccc; font-weight: 400;}
#pos_1435 { background-attachment: fixed; background-position: center;}
/*Testimonial Quotes*/


/*Listing Pods*/
.listing-pods .heading { margin-top: -10px; font-weight: 700; text-transform: uppercase; font-size: 21px !important; margin-bottom: 0px;}
.listing-pods .text { margin-top: -6px;}
.listing-pods .link { margin-top: 13px; text-align: right; padding-right: 7px;}

.listing .heading { margin-top: -10px; font-weight: 700; text-transform: uppercase; font-size: 21px !important; margin-bottom: 0px; color: #9a1916;}
.listing .text { margin-top: -6px;}
/*Listing Pods*/


/*Green Deal Banner*/
#pos_1444 { background-color: #278503; padding: 30px 0px 10px;}
/*Green Deal Banner*/


/*Eco Page with Funding App Form*/
.councilComponent h4 { font-size: 39px !important; line-height: 40px;}
/*Eco Page with Funding App Form*/


/*Price Guide Page*/
.HideImage #pos_1690 { background-image: none !important; background-color: transparent;}
/*Price Guide Page*/


/*Boiler Questionnaire */
.boilerQSec { margin-bottom: 65px; padding-right: 0px;}
.boilerQ { margin-top: 40px; margin-bottom: 0px;}
.boilerQ img { border-radius: 15px;}
.boilerQ img:hover { border: solid 5px #e10c17;} 
.boilerQSec h3 {color: #585856;}

.boilerListingSection { background-color: #fff; border-radius: 10px; padding: 20px 0px 20px; margin-top: 19px; margin-bottom: 25px;}
.boilerListingSection .row { margin-right: 0px; margin-left: 0px;}
.js-bf-boiler-Info { margin-top: auto; margin-bottom: auto;}
.js-bf-boiler-Info h1 { font-weight: 700 !important; font-size: 35px !important; color: #585856 !important; margin-top: 0px; padding-top: 0px;}
.js-bf-boiler-Info h2 { margin-top: -26px; font-size: 36px !important;}
.js-bf-boiler-Info li { font-size: 16px; line-height: 22px; padding-bottom: 6px;}

.js-bf-boiler-Price { background-color: #ffc6c9; padding: 20px;}
.js-bf-boiler-Price h3 { font-size: 28px !important; line-height: 34px; font-weight: 700 !important; text-align: center; margin-top: 10px;}
.BoilerPriceBox { background-color: #fff; padding: 5px 15px; text-align: center;}
.BoilerPriceBox h5 { font-weight: 800 !important; color: #585856 !important;}
.BoilerPriceBox p { font-size: 14px; color: #000; line-height: 19px; padding-left: 15%; padding-right: 15%;}
.BoilerRequestBTN a { background-color: #e10c17; width: 100%; display: block; margin-top: 22px; border-radius: 5px; text-align: center; color: #fff !important; font-weight: 400; font-size: 18px; padding: 16px 5px; text-decoration: none;}
.BoilerRequestBTN a:hover { background-color: #394553;}

.BoilerSurveyForm p {margin-bottom: 30px;}

.js-bf-fuel:hover,.js-bf-boiler:hover,.js-bf-house-type:hover,.js-bf-bedrooms:hover,.js-bf-bathrooms:hover{
    cursor: pointer;
}

.BoilerSurveyForm input.btn.primary { background-color: #e10c17; margin-right: 30px; color: #fff; margin-left: 17px; padding: 10px 20px;}
.BoilerSurveyForm input.btn.primary:hover { background-color: #9a1916;}
/*Boiler Questionnaire */



/*Fonts*/
.heading {font-family: 'roboto', sans-serif !important; font-weight: 700 !important;}
.h1 {font-family: 'roboto', sans-serif !important;}
h1 {font-family: 'roboto', sans-serif !important;}
.h2 {font-family: 'roboto', sans-serif !important;}
h2  {font-family: 'roboto', sans-serif !important;}
.h3  {font-family: 'roboto', sans-serif !important;}
h3  {font-family: 'roboto', sans-serif !important;}
.h4  {font-family: 'roboto', sans-serif !important;}
h4  {font-family: 'roboto', sans-serif !important;}
.h5  {font-family: 'roboto', sans-serif !important;}
h5  {font-family: 'roboto', sans-serif !important;}
p  {font-family: 'roboto', sans-serif !important;}
body  {font-family: 'roboto', sans-serif !important;}
/*Fonts*/


.GreyText {color: #585856;}
.DarkRedText {color: #9a1916;}
.HighlightRed { color: #e10c17;}
.WhiteText { color: #fff;}


h1:not(.heading), h2:not(.heading), h3:not(.heading), h4:not(.heading), h5:not(.heading), h6:not(.heading), .base-bg h1:not(.heading), .base-bg h2:not(.heading), .base-bg h3:not(.heading), .base-bg h4:not(.heading), .base-bg h5:not(.heading), .base-bg h6:not(.heading), .base-heading, thead { color: #585856; font-weight: 200; font-size: 48px;}
h1, h2, h3, h4, h5, h6, .heading, .secondary-heading, table th { line-height: 55px;}

h6.heading.main.c2-heading {
    font-size: 25px;
    margin-bottom: -25px;
    color: #585856;
}

.split-component h6.heading.main {
    font-size: 25px;
    margin-bottom: -25px;
    color: #585856;
}


h3.heading.main.c2-heading {
    font-size: 27px;
    font-weight: 400 !important;
    margin-bottom: -16px;
}

h3.heading.main.base-heading {
    font-size: 27px;
    font-weight: 400 !important;
    margin-bottom: -16px;
}




/*Umbraco Forms*/
.umbraco-forms-page .heading.main {    font-weight: 300 !important; color: #9a1916; font-size: 50px !important;}
.umbraco-forms-page legend {    margin: 10px 0 0px;}

.unfortunately .heading.main {padding: 20px; background-color: #9a1916; color: #fff !important;}
.unfortunately .field-validation-error {margin-top: 20px;}
.congratulations .heading.main {padding: 20px; background-color: #13c164; color: #fff !important;}

span.umbraco-forms-submitmessage { text-align: center !important; width: 100%; background-color: #13c164; position: absolute; padding: 21px; font-weight: 800; color: #fff; margin-top: -27px;}
/*Umbraco Forms*/











/* Responsive Styles */


/*Phone*/
@media screen and (max-width: 750px) and (min-width: 100px) {

    nav.main { left: 0px;}

    header#site-header #logo { padding: 19px; }
    header#site-header #logo a { width: 271px; height: 47px;}

    .secondary-heading { margin-bottom: -26px;}
    .info.text-left { margin-top: -20px; padding-bottom: 25px;}
    .info.text-right { margin-top: -20px; padding-bottom: 25px;}

    #pos_1304 p { text-align: left !important; padding: 0px 7px;}
    #pos_1458 h3 { font-size: 37px; line-height: 42px;}
    #pos_1587 h3 { font-size: 37px; line-height: 42px;}
    #pos_1594 .item a.btn+a.btn {margin-left: 1px;}
    #pos_1598 .item a.btn+a.btn {margin-left: 1px;}
    #pos_1594 p.heading { font-size: 33px; line-height: 36px;}
    #pos_1598 p.heading { font-size: 33px; line-height: 36px;}

    .footer-item .image { display: none;}
    .quick-links ul li a {    font-size: 15px;}
    .accordion { margin-bottom: 20px;}

    .form-group.doyouoracurrentmemberofthehouseholdreceivebenefits.dropdown::after {    top: 57px;}
    .form-group.howmanybedroomsdoesthepropertyhave.dropdown::after {    top: 57px;}
    .form-group.hasworkbeencarriedoutonthepropertypreviously.dropdown::after {    top: 57px;}
    .form-group.whatbestdescribesyourheatingsysteminourproperty.dropdown::after {    top: 57px;}
    .form-group.whattypeoffloorsdoesyourpropertyhave.dropdown::after {    top: 57px;}
    .form-group.whattypeofwallsdoesyourpropertyhave.dropdown::after {    top: 57px;} 
    .form-group.doesyourpropertyresideinthefollowingcouncils.dropdown::after {    top: 57px;}     

    .umbraco-forms-navigation .btn.c2-btn-text, .btn-text_c2-btn-text .btn { color: #ffffff; width: 100%; margin-bottom: 8px; }

    .umbraco-forms-page .heading.main { font-size: 26px !important; line-height: 33px; font-weight: 700 !important;}


    
/*Price Guide Tables*/
td.tableColHide { display: none;}
#pos_1697 .container { padding-left: 0px !important; padding-right: 0px !important;}
#pos_1697 table td p { font-size: 13px; line-height: 15px;}

#pos_1690 .container { padding-left: 10px !important; padding-right: 10px !important;}
#pos_1690 table td { font-size: 13px; line-height: 15px;}

#pos_1609 table td {font-size: 13px;}
/*Price Guide Tables*/

}
/*Phone*/






/*Tablet Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (orientation : portrait) { 
 
}
/*Tablet Portrait*/





/*Tablet Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (orientation : landscape) { 

}
/*Tablet Landscape*/










/*Additional Responsive Styles*/

@media screen and (max-width: 1351px) and (min-width: 1350px) {
    nav.main { left: 8%;} 
}


@media screen and (max-width: 1310px) and (min-width: 1220px) {
    nav.main { left: 9%;} 
    nav.main ul li.has-child span a { padding-right: 24px !important; font-size: 15px;}
    header#site-header nav.cta-links .btn { padding: 16px 12px;}
    nav.secondary {padding-right: 206px !important;}
    header#site-header #logo a { width: 187px; height: 56px; margin-top: -13px;}
}

@media screen and (max-width: 1219px) and (min-width: 1200px) {
    nav.main { left: 8%;} 
    nav.main ul li.has-child span a { padding-right: 24px !important; font-size: 15px;}
    header#site-header nav.cta-links .btn { padding: 16px 12px;}
    nav.secondary {padding-right: 206px !important;}
    header#site-header #logo a { width: 171px; height: 52px; margin-top: -11px;}
}

@media screen and (max-width: 1199px) and (min-width: 250px) {
    nav.main { left: 0px;} 
    nav.main ul>li.active>span>a {background-color: #9a1916; border-color: #e10c17; color: #fff;}
    nav.main ul li span a { padding: 15px 20px;}
    nav.secondary { padding: 5px 15px !important; }
    nav.secondary a { font-size: 25px !important; font-weight: 800;}
    header#site-header nav.cta-links { padding: 10px 15px;}
    header#site-header #logo a {  width: 147px; height: 43px; margin-top: -11px;}

    nav.main .open-child ul {background-color: #666;}
    nav.main .open-child ul li {background-color: #ccc;}
}


@media screen and (max-width: 1349px) and (min-width: 1200px) {
.container { max-width: 1320px;}
}