.product-pay-mothly{
background: white;
padding: 20px;
}
#primary2{
margin: 14px auto !important;
}
.error-massage{
color: red;
text-align: left;
}
.pay-mothly-first{
flex-direction: row !important;
margin: 20px 0px;
}
.product-pay-mothly .tms_radio-btn{
width: 48%;
}
.pay-mothly-second {
flex-direction: row !important;
flex-wrap: wrap;
margin: 20px 0px;
}
.pay-mothly-second .tms_radio-btn input{
background: #286eb6;
padding: 12px;
border-radius: 5px;
font-size: 16px;
text-wrap: balance;
}
.calc-btn{
} .product-tags-sec{
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.product-tags span{
font-family: sans-serif;
font-size: 14px;
padding-left: 10px !important;
padding: 5px 17px;
display: flex;
gap: 3px;
align-items: center;
border-left: solid 3px;
background: #f5f7f9;
border-radius: 0px 5px 5px 0px;
}
.warranty-tags span{
color: #5e2986;
border-color: #5e2986;
}
.H2-tags span{
color: #80a1e9;
border-color: #80a1e9;
}
.star-tags span{
color: #3ec487;
border-color: #3ec487;
}
.installed-tags span{
color: #145292;
border-color: #145292;
}
.ther-head{
display: flex;
justify-content: space-between;
}
.right-pbox{
width: 70% !important;
}
.view-detail{
background: #ebeced;
border-radius: 10px;
display: none !important;
}
.calc-btn{
background: #ffffff;
border-radius: 10px;
text-align: center;
display: flex;
justify-content: center;
margin-top: -20px !IMPORTANT;
font-weight: 500;
width: 200px;
margin: auto;
color: #286eb6;
}
.calc-btn i{
font-size: 18px !important;
}  input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.secure-payment{
border: dashed 1px;
padding: 5px 30px;
width: 100%;
}
.text-center{
border-right: none;
height: inherit;
background: transparent !important;
line-height: 40px;
border-top: none !important;
color: inherit;
}
.hfeed {
max-width: 100% !important;
background: #ebeced;
}
.using-mouse :focus{
color: white;
}
.main-sec{
min-height: 72.3vh !important;
display: grid;
place-items: center;
}
.page-template-boiler-quote .hfeed{
max-width: 100% !important;
background: #ebeced;
}
.boiler-order-answer{
border-radius: 20px;
}
.rate{
background: white;
border-radius: 20px;
}
.highlight-color{
font-weight: 500 !important;
color: #286eb6;
}
.booking-all-option{
min-height: auto !important;
display: flex;
align-items: center;
justify-content: space-between;
height: 70px;
}
.bookings-back{
position: absolute !important;
bottom: 50% !important;
left: 1% !important;
border: solid 1px;
padding: 0px 30px !important;
background: white;
border-radius: 10px;
} input[type=number] {
-moz-appearance: textfield;
}
.form-option{
min-height: auto !important;
}
select:focus{
color: black !important;
}
.bg-color{
background-color: #ebeced;
}
.pro_bar{
width: 300px !important;
margin: 0 auto;
height: 10px !important;
background-color: #8196a2;
border: solid 1px;
}
#final-quote-msg{background:#fff;}
#free-home-survey .modal-card {
position: fixed;
top: 0;
right: 0;
background: white;
max-width: 600px;
height: 100%;
}
#free-home-survey h3,h5{
font-size: 22px;
font-weight: normal !important;
font-family: sans-serif !important;
}
.bkg-cal h5{
font-size: 18px;
}
#date-error h3, #time-error h3 {
color: red;
}
.close-button{
background: #302f2e;
border-radius: 0; font-size: 20px;
line-height: 1;
text-align: center;
display: flex;
width: 44px !important;
justify-content: center;   align-items: center;
float: right;
margin: 2px 2px 0 0;
}
#save-quote-modal .modal-card, #request-callback-modal .modal-content, #Whats-included .modal-card, #Whats-included .modal-card-body {background:white; }
#save-quote-modal .checkbox{color:#4a4a4a;}
.button.is-success{background:#286eb6;}
.form_postcode_search input[type="button"], .boiler-quote-form-button input[type="button"]{
background: #e94e1b;
width: 100% !important;
}
.form_postcode_search input[type="button"]:hover, .boiler-quote-form-button input[type="button"]:hover {
background: #302f2e;
}
#request-callback-modal .modal-content {
padding: 0 !important;
}
@media only screen and (max-width: 580px) {
#free-home-survey .modal-card-body{
width: 100%;
}
#free-home-survey .modal-card{
position: relative !important;
background: transparent;
}
.seprator{
border-right: none !important;
margin-bottom: 20px;
}
.bookings-back{
position: fixed !important;
bottom: 1% !important;
left: 2% !important;
}
}
.calc-modal {
background: white !important;
} .width_400{
max-width: 400px !important;
margin: auto !important;
}
.width_800{
max-width: 800px !important;
margin: auto !important;
}
.all-option{
text-align: left;
background-color: #f7f7f7 !important;
cursor: pointer;
box-shadow: none;
border-radius: 10px;
transition: 0.2s;
} .booking-rate-round {
padding: 50px;
border: 1px #e94e1b solid;
border-radius: 200px;
background-color: #e94e1b;
max-height: 140px;
max-width: 140px;
margin: 50px auto 30px !important;
}
.booking-rate-price {
color: white;
font-size: 30px;
font-weight: 700;
margin: auto;
margin-top: auto;
display: flex;
justify-content: center;
margin-top: -4px;
}
.seprator{
border-right: 2px solid #286eb6;
}
.rate-side-two{
padding: 0 40px;
}
.rate-side-two li{
margin-bottom: 30px;
}
.booking-next-btn {
max-width: 300px;
padding: 10px 100px;
border-radius: 30px;
margin-top: 20px;
background-color: #e94e1b; color: white;
font-weight: 500;
font-size: 20px;
cursor: pointer;
}
.booking-next-btn:hover, .booking-next-btn:active, .booking-next-btn:focus {
transition: 0.2s;
background-color: #302f2e;
color: #fff;
}
.your-pcode{
max-width: 500px !important;
margin: 0 auto !important;
}
.your-pcode .button{
width: 150px !important;
} .sorry-popup{
display: flex;
align-items: center;
justify-content: space-around;
max-width: 600px;
background-color: #edf2f6;
padding: 30px;
margin: auto;
border-radius: 10px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #313131;
}
.sorry-one img{
max-width: 250px;
}
.sorry-two{
max-width: 300px;
}
.sorry-two h2{
margin: 20px;
font-size: 70px;
text-align: center;
}
.sorry-two p{
font-weight: 500;
font-size: 18px;
line-height: 35px;
text-align: center;
}
@media only screen and (max-width: 600px) {
.sorry-popup {
flex-direction: column;
}
}
.customHTML_html_r10y2v1nnrp0-hl-custom-code{
display: none !important;
}
.req-call{
border-radius: 20px; }
.brand-bgcol{
background-color: rgb(222, 157, 59) !important;
}
.brand-col{
color: rgb(222, 157, 59) !important;
}
.form-wrap {
display: flex;
gap: 20px;
justify-content: space-between;
}
.form-wrap .field{
width: 100%;
}  #save-quote-modal .req-call a{color:#286eb6;}
#save-quote-modal .req-call a:hover{color:#286eb6;}
#save-quote-modal .req-call .label{color:#69666f; font-weight: normal}
#save-quote-modal .model-top img{width: 70px;}
#save-quote-modal .req-call .send-quote-done-message .modal-close-button {color: #fd0000;background: #000;padding: 7px 14px;border-radius: 50px;font-size: 25px;margin-left: 20px;}
.btn_container a .btn-fill {background: #302f2e !important;}
.btn_container .btn-fill:nth-child(3) {background: #e94e1b !important;}
.btn_container .btn-fill:nth-child(3):hover {background: #302f2e !important;}
.btn_container .custom-save-but {background: #e94e1b !important;}
.btn_container .custom-save-but:hover {background: #302f2e !important;}
#save-quote-modal #send-quote-btn-group #btn-sent-quote-all, #save-quote-modal #send-quote-btn-group #btn-sent-quote-single {background: #e94e1b !important;}
#save-quote-modal #send-quote-btn-group #btn-sent-quote-all:hover, #save-quote-modal #send-quote-btn-group #btn-sent-quote-single:hover {background: #302f2e !important;}
#save-quote-modal #send-quote-btn-group .modal-close-button {background: #302f2e !important;color: #fff !important;border: none !important;}
#save-quote-modal #send-quote-btn-group .modal-close-button:hover {background: #e94e1b !important;text-decoration: none;}
#Whats-included .modal-card {overflow: scroll;padding: 0;}
#Whats-included .close-button:hover {background: #e94e1b;}
#Whats-included ul li {border-bottom: 1px solid #807f7f5c;padding-bottom: 10px !important;}
#Whats-included ul li:last-child {border: none;padding-bottom: 0 !important;}
.model-top{
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 20px;
}
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
background: white;
color: #666;
border: 1px solid #ccc;
border-radius: 0;
box-sizing: border-box;
max-width: 100%;
border-radius: 7px !important;
} @media only screen and (min-width: 768px) {
.all-option:hover{
background-color: #fff !important;
scale: 1.06;
box-shadow: 2px 2px 10px #8080801c;
}
}
@media only screen and (max-width: 1280px) {
} 
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 768px) {
.detail-radio button{
font-size: 16px !important;
}
.detail-radio label{
font-size: 16px !important;
width: 44%;
}
.modal-background::after{
display: none;
} .brand-bgcol{
background-color: rgb(222, 157, 59) !important;
}
.brand-col{
color: rgb(222, 157, 59) !important;
}
.form-wrap {
flex-direction: column;
gap: 0px;
}
.mob-size{
text-align: center;
}
.mob-size h2{
margin-bottom: 20px !important;
}
.mob-size p{
font-size: 14px !important;
margin-bottom: 20px !important;
}
.req-call .button{
width: 100%;
border-radius: 20px;
}
}
.modal-card, .modal-content {
padding: 20px;
max-height: 100%;
}
@media only screen and (min-width: 769px) {
.send-quote-pop{
padding: 40px;
}
.modal-card, .modal-content {
margin: 0 auto;
width: 720px;
z-index: 100;
}
}
@media only screen and (max-width: 767px) {
.model-top img{
width: 68px;
margin-top: -101px;
}
} .checkmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 3;
stroke-miterlimit: 10;
stroke: #7ac142;
fill: none;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}
.checkmark {
width: 40px;
height: 40px;
border-radius: 50%;
display: block;
stroke-width: 4;
stroke: #fff;
stroke-miterlimit: 10;
box-shadow: inset 0px 0px 0px #7ac142;
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}
#loader p{
margin: 0;
font-size: 16px;
}
.checkmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}
@keyframes stroke {
100% {
stroke-dashoffset: 0
}
}
@keyframes scale {
0%,
100% {
transform: none
}
50% {
transform: scale3d(1.1, 1.1, 1)
}
}
@keyframes fill {
100% {
box-shadow: inset 0px 0px 0px 30px #7ac142
}
}
.first-box{
display: flex;
gap: 20px;
background: white;
width: 332px;
border-radius: 210px;
padding: 8px 10px;
margin-bottom: 10px;
align-items: center;
}
#loader{
margin: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
background: #ebeced;
} .boiler-order-step {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.boiler-order-step.active {
visibility: visible;
opacity: 1;
} .help-info a{
padding: 0!important
}
.product-help-us .kt-inside-inner-col{
display: flex;
justify-content: end;
}
#header-section {
display: flex;
max-width: 1440px;
margin: 0 auto;
}
.sec-left {
width: 75% !important;
}
.sec-right {
width: 25%;
display: block;
float: right;
}
.hd-brand img {
width: 90px;
}
#header-col {
width: 50%;
}
.hd-brand img {
margin: 0 auto;
text-align: ;
}
.hd-menu {
text-align: center;
}
.hd-menu a {
background: #1f2839;
color: #fff;
text-underline-position: unset;
padding: 6px 30px;
border-radius: 25px;
text-decoration: none;
}
.hd-menu a:hover {
background: #286eb6;
}
.hd-logo {
margin: 10px 0;
}
.hd-brand {
display: none;
}
.hd-menu {
line-height: 80px;
margin: 20px 0;
text-align: right;
}
.wrap{
background-color: #ebeced;
} .mn_list ul {
margin: 0;
max-width: 250px;
padding: 20px;
background: #f1f1f1;
}
.mn_list ul li {
display: block;
margin-bottom: 20px;
}
.mn_list ul li .hd_styl {
display: block;
margin: 0;
text-align: left;
} .btn-fill:hover {
background: #302f2e;
}
#header-section-2 {
display: flex;
max-width: 1440px;
margin: 0 auto;
}
.head-after {
width: 50%;
}
.hd-btn {
float: right;
}       .hd-btn ul, .hd-btn ul li {
margin: 0;
display: flex;
}
.btn-fill {
font-size: 1rem;
margin: 10px 5px;
border-radius: 5px;
}
.hd-back a {
background: #e94e1b;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
padding: 10px 15px;
}
.btn-fill {background: #e94e1b;
font-size: 1rem;
margin: 10px 5px;
padding: 6px 20px;
} #header-quote {
border-bottom: 1px solid #f2f2f2;
padding-bottom: 10px;
margin-bottom: 20px;
position: relative;
}
.tbl_bx .left_tb:nth-child(4) .sb {
font-size: 1.3rem !important;
text-align: right;
display: block;
line-height: 1rem;
}  .tp_list {
display: none;
}
.order-button-label:hover {
color: #1f2839;
}
#primary {display: block;}
.tp_list {max-width: 1440px;margin: 0 auto;}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.bx_nav {margin: 30px 0px 0px;}
.bx_nav ul {margin: 0;text-align: center;}
.bx_nav ul li {display: inline-block;text-align: center;width: 24%;margin: 0 0.25%;}
.bx_nav ul li a {background: #fff;width: 100%;float: left;height: 65px;display: block;line-height: 65px;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);}
.bx_nav a {color: #444;font-weight: 600;text-decoration: none;}
.bx_nav ul li:nth-child(1) a span img {
width: 22px;
margin-right: 10px;
display: inline-block;
transform: translateY(0.55em);
filter: invert(13%) sepia(34%) saturate(3456%) hue-rotate(193deg) brightness(100%) contrast(106%);
height: 33px;
}
.bx_nav ul li:nth-child(2) a span img {
width: 47px;
height: 33px;
margin-right: 10px;
display: inline-block;
transform: translateY(0.45em);
filter: brightness(0) saturate(100%) invert(33%) sepia(10%) saturate(1948%) hue-rotate(157deg) brightness(92%) contrast(89%);
}
.bx_nav ul li:nth-child(3) a span img {
width: 41px;
height: 33px;
margin-right: 10px;
display: inline-block;
transform: translateY(0.45em);
filter: brightness(0) saturate(100%) invert(33%) sepia(10%) saturate(1948%) hue-rotate(157deg) brightness(92%) contrast(89%);
}
.bx_nav ul li:nth-child(4) a span img {
width: 31px;
height: 33px;
margin-right: 10px;
display: inline-block;
transform: translateY(0.45em);
filter: invert(13%) sepia(34%) saturate(3456%) hue-rotate(193deg) brightness(100%) contrast(106%);
}  .brand-logo {
position: absolute;
top: 10px;
left: 15px;
border-radius: 12px;
}
.brand-logo img {
max-width: 120px; } #boilers_list {
max-width: 1440px;
margin: 0 auto !important;
display: block;
}
.box_shadow {
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
}
#boilers_list .boiler_list_content {
display: flex; background: #fff;
padding: 0px;
border-radius: 0.75rem;
margin: 2rem 0;
border: 1px solid #f1baa7; 
}
.boiler_price{
font-family: sans-serif;
}
.product-main-title span{
font-family: KOMIKAX;
}
.b-dimensions{
max-width: 300px;
margin: auto;
border-radius: 10px;
border: solid 1px #e0e0e0;
background: white;
font-size: 16px;
}
.bq-col-30 {
width: 30%;
padding: 2rem 1rem;
z-index: 2;
display: flex;
background-repeat: no-repeat;
flex-direction: column; background-size: 80%; background-size: cover;
}
.boiler-img {
display: flex;
align-items: center;
justify-content: center;
width: 70%;
margin: auto;
}
.bq-col-50 {
width: 60%;
padding: 2rem 2rem;
display: flex;
flex-flow: column;
justify-content: center;
}
.bq-col-40 {
width: 40%;
padding: 0 1rem;
margin-top: 0rem;
}
.mobil-view {
display: none;
}
.boiler_list_content {
position: relative;
}
.boiler_list_content::before {
content: "";
display: block;
width: 300px;
height: 300px;
background: #e94e1b24 ;
border-radius: 10px 0 175px 0;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}   .desk-view .left_tb-2 {
background: #f2f2f2;
padding: 10px 20px;
font-size: 0.90rem;
text-align: right;
border-radius: 10px;
}  .boiler-info h2 {
font-size: 2.5rem !important;
line-height: 3.5rem !important;
margin-bottom: 20px;
}
.boiler_list_content {
position: relative;
z-index: 0;
}
.warranty.align-center {
background: #f2f2f2;
max-width: 38%;
display: flex;
margin: 2%;
}
.gas-safety.align-center {
display: flex;
background: #f5f7f9;
margin: 20px 0 0;
gap: 5px;
border-radius: 10px;
max-width: 440px;
}
.warranty-badge {
background: #286eb6;
width: 36%;
padding: 17% 5px;
text-align: center;
}
.gas-safety-image {
width: 55px;
text-align: center;
display: flex;
align-items: center;
border-radius: 5px;
padding: 8px;
background: #e94e1b !important;
}
.gas-safety-text {
padding: 10px;
display: block;
display: flex;
align-items: center;
border-radius: 5px;
align-items: center;
width: 100%;
display: flex;
justify-content: center;
}
.gas-safety-text .c-brand {
line-height: 1.5rem !important;
}
.gas-safety-image img {
text-align: ;
margin: 0 auto;
}
.c-brand {
line-height: 26px !important;
display: flex;
flex-direction: column;
}
.product-subtitle-one{
font-size: 18px;
margin-top: -17px;
}
.best-seller .boiler_list_content{
border: solid 4px #22ade4 !important;
margin-top: 27px !important;
}
.best-seller .boiler_list_content:after{
content: 'Recommended For You';
background: #22ade4;
padding: 2px 25px;
border-radius: 20px;
position: absolute;
left: 120px;
top: -16px;
color: white;
font-size: 19px;
z-index: 200;
}
.product-subtitle-two{
font-size: 20px;
color: #286eb6;
margin-top: 5px;
margin-bottom: 13px;
}
.warranty-installation.d-flex.justify-space {
display: flex;
margin-top: 20px;
}
.checklist li {
display: block;
position: relative;
font-size: 1rem;
line-height: 2rem;
}
.checklist li::before {
position: absolute;
left: -25px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f00c";
color: #e94e1b;
} .right-pbox p{
display: none;
}  #boilers_list .boiler_list_content .boiler_price_details {
background: #e94e1b24 !important;
padding: 2% 2% !important; border-radius: 0px 10px 10px 0px;
}
.right-pbox {
text-align: right;
}
.bg-white {
display: flex;
margin: 2rem 0px;
}
.left-pbox, .right-pbox {
width: 50%;
}
.price_container {
text-align: center;
text-transform: uppercase;
font-weight: 500;
}
.fixedInstallationPriceHeading {
font-weight: bold;
border-bottom: 1px solid #4A4A4A;
padding-bottom: 5px;
}
#whats-included-popup {
display: none;
background: #286eb6;
color: #000;
padding: 2px 13px;
position: absolute;
font-size: 16px;
top: -16px;
border-radius: 25px;
right: 0;
z-index: 2;
box-shadow: 0px 1px 4px 0 #0000005e;
}
.left-pbox p {font-size: 15px !important;
margin: 5px 0;
}
.right-pbox p {
margin: 3px 0;
font-size: 13px !important;
line-height: 20px !important;
}
.right-pbox p:last-child {
color: #4ccb5b;
}
.price_container_inner.d-flex {
margin: 10px auto;
}
.custom-save-but {
background: #1f2839;
}
.custom-save-but:hover {
background: #286eb6;
}
#boilers_list h6 {
text-align: center;
background: #1f2839;
width: 220px;
margin: 0 auto;
padding: 14px;
border-radius: 50px;
color: #fff;
}
.savepricetxt  { line-height: 1; }
.boiler-price-divider span {
background: #fff5e6;
padding: 5px;
z-index: 1;
position: relative;
}
.left-pbox h3 {
text-decoration: line-through;
}
.boiler-price-divider::before {
content: "";
display: block;
width: 1px;
border: 1px dashed;
height: 75px;
position: absolute;
top: -14px;
left: 12px;
}
.boiler-price-divider {
font-size: 12px;
padding-top: 25px;
position: relative;
} .btn_container .btn-fill {
background: #286eb6;
font-size: 1.3rem;
padding: 15px;
border-radius: 5px;
}
.btn_container .btn-fill:hover {
background: #1f2839;
padding: 15px;
}
.btn_container button {
width: 100%;
margin: 5px 0;
} .left_tb {
background: #f5f7f9;
width: 130px;
display: inline-block;
padding: 15px;
margin: 3px 0px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
gap: 10px;
min-height: 50px;
}
.rigt {
font-size: 2.5rem;
line-height: 3rem;
}
.rigt {
font-size: 2.5rem;
line-height: 4rem;
width: 35%;
float: left;
}
.sb {
font-size: 1.5rem;
display: block;
line-height: 1rem;
padding-top: 20px;
}
.lft {
font-size: 0.8rem;
}
.rigt-sb {
font-size: 1rem;
display: block;
text-align: left;
text-transform: uppercase;
font-weight: bold;
}
.is-fullhd #submit {
margin: 20px auto;
text-align: center;
float: none;
width: 100%;
padding: 15px;
font-size: 20px;
background: #e94e1b !important;
}
.is-fullhd #submit:hover {
background: #302f2e !important;
}
#boilers_list h6 {
display: none;
} .monthly-options button {
background: #e94e1b ;
}
.monthly-options button:hover {
background: #302f2e !important;
}
.deposit-amount-active, .deposit-amount-active:focus, .deposit-amount-active:hover{
background: #302f2e !important;
}
@media only screen and (max-width: 900px) {
#side-sticky{
width: 100% !important;
}
#top-of-site-pixel-anchor{
display: none;
}
}
#side-sticky{ }
.side-sticky-add{ } .addon-products .buttons .button.is-primary {background-color: #e94e1b !important;border-color: transparent;color: #fff;}
.addon-products .buttons .button.is-primary:hover {background-color: #302f2e !important;border-color: transparent;color: #fff;}
#topbarmenu .navbar-item:hover {color: #e94e1b;}
.product-price-box a, .shopping-basket-item-firstchid a{color: #e94e1b;}
.product-price-box a:hover, .shopping-basket-item-firstchid a:hover{color: #302f2e;} .datetimepicker-wrapper .datepicker-nav {background: #e94e1b !important;}
.datetimepicker.is-primary .datetimepicker-header .datetimepicker-selection-day {color: #e94e1b !important;}
.datetimepicker-wrapper .is-today {background: #e94e1b !important;}
.datetimepicker-wrapper .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {border-color: #e94e1b;}
.datetimepicker-wrapper .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {color: #fff;}
.datetimepicker-wrapper .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {background: #302f2e ;}
.datetimepicker-wrapper .datetimepicker-footer-clear.has-text-danger.button.is-small.is-text {background-color: #e94e1b;color: #fff !important;}
.datetimepicker-wrapper .datetimepicker-footer-clear.has-text-danger.button.is-small.is-text:hover {background-color: #302f2e;}
.datetimepicker-wrapper .datepicker-nav .datepicker-nav-next:active, .datetimepicker-wrapper .datepicker-nav .datepicker-nav-next:focus {background-color: #302f2e !important;color: #fff !important;}
.datetimepicker-wrapper .datepicker-nav .datepicker-nav-previous:active, .datetimepicker-wrapper .datepicker-nav .datepicker-nav-previous:focus {background-color: #302f2e !important;color: #fff !important;}
#date-refresh-btn {background: #e94e1b;}
#date-refresh-btn:hover {background: #302f2e;} #side-sticky::-webkit-scrollbar {
width: 5px;
height: 5px;
}
#side-sticky::-webkit-scrollbar-track {
-webkit-border-radius: 10px;
border-radius: 10px;
}
#side-sticky::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgb(255, 255, 255);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
#side-sticky::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 255, 255, 0.3);
}
.input {
color: #000000de !important;
}
.tms_radio-btn{
width: 100%;
background: #e94e1b;
}
.monthly-pay-amount-active{
background: #302f2e;
}
.is-active::after{
display: none;
}
.payment-info{
font-size: 20px;
margin-bottom: 20px;
}
.form-max{
display: flex;
flex-direction: column;
gap: 10px;
}
.tms_radio-btn input{
background: transparent;
padding: 10px 15px;
border-radius: 5px;
}
.monthly-options{
display: flex;
gap: 10px;
margin-top: 20px 0px;
}
.pay-sec-mid .is-underlined{
display: none;
}
.callander-box{
border-bottom: solid 1px #8080804f;
margin-bottom: 25px;
}
.payment-type img{
width: 226px;
margin-bottom: 10px;
}
.payment-tab i{
color: white;
display: flex;
bottom: 10px;
position: absolute;
}
.payment-tab input{
background: #e94e1b;
color: #fff !important;
padding: 10px;
border-radius: 5px;
display: flex;
align-items: center;
font-size: 19px !important;
width: 250px;
height: 60px;
justify-content: center;
text-align: center;
}
.payment-tab input:hover, .payment-tab input:active, .payment-tab input:focus{
background: #302f2e;
color: #fff !important;
}
.form-max .button {
background: #e94e1b !important;
color: #fff !important;
border: none !important;
}
.form-max .button:hover, .form-max .button:active, .form-max .button:focus {
background: #302f2e !important;
color: #fff !important;
}
.payment-option-active input{
background: #286eb6;
padding: 10px;
border-radius: 5px;
display: flex;
align-items: center;
font-size: 19px !important;
width: 250px;
height: 60px;
justify-content: center;
}
.payment-option-active input:active{
background: #286eb6;
}
.accordion::after{
display: none;
}
.payment-tab-section{
display: flex;
justify-content: start;
gap: 5px;
}
#installation-details P{
font-weight: bold;
margin-bottom: 10px;
display: flex;
max-width: 400px;
justify-content: space-between;
background: #f3f8fb;
padding: 10px;
border-radius: 5px;
}
#installation-details span{
font-weight: normal;
text-align: right;
}
.checkout-fields{
width: 100%;
}
.form-wrap{
display: flex;
gap: 20px;
justify-content: space-between;
margin-top: 5px;
}
#send-quote-btn-group{
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.send-close {
background: white !important;
color: rgb(95, 95, 95) !important;
border: solid 1px gray !important;
}
.send-close:hover {
background: gray !important;
text-decoration: underline;
}
.chek-btn{
background: #e94e1b;
color: #fff;
border: none !important;
}
.chek-btn:hover, .chek-btn:active, .chek-btn:focus{
background: #302f2e;
color: #fff;
}
.btn_styl_radio.btn-color-1 {
width: 100%;
}
.btn_styl_radio.btn-color-2 {
width: 49%;
}
.choose-upgrades .sub-title {
font-size: 24px !important;
font-weight: 500 !important;
}
.choose-upgrades .card-footer-item {
color: #363636;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
display: none;
}
.choose-upgrades .card-footer-item:hover {
color: #282828 !important;
text-decoration: underline;
}
.choose-upgrades .content p {
font-size: 18px !important;
color: #282828 !important;
height: 54px !important;
}
.container.is-fullhd.all-controls {
max-width: 1440px ;
}
.navbar {
margin: 0 auto; border-bottom:1px solid #f2f2f2;
}
.addon-products{ background:#fff; border-radius: 6px;}
.demo p span{
float: right;
}
.demo p{ background: #f5f7f9;
margin: 10px;
padding: 20px;
border-radius: 5px;
border: solid 1px #ebeced;
}
.Your-answers{
max-width: 1413px;
margin: auto !important;
border-radius: 10px;
margin-top: 40px;
}
.four-box{
display: flex;
flex-wrap: wrap;
gap: 9px;
justify-content: start;
}
.boiler-img img{
margin: auto;
filter: drop-shadow(15px 15px 15px rgba(140, 139, 139, 0.59));
}
.bcard_img img{
width: 20px;
margin-right: 20px;
}
.product-card {
flex-basis: 233px;
border-radius: 20px;
position: relative;
transition: 0.2s;
border: solid 1px #03030312;
box-shadow: 3px 3px 5px #8080801c;
}
#card-element{
background: #80808014;
padding: 20px;
border-radius: 10px;
}
.card-img-sec{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.card-sec{
padding: 14px;
border: dashed 1px gainsboro;
}
.card-btn{
color: white;
}
.product-card:hover {
background-color: #fff;
scale: 1.03;
box-shadow: 2px 2px 10px #8080801c;
}
.product-card-label {
position: absolute;
padding: 2px 0;
left: 50%;
min-width: 150px;
transform: translateX(-50%);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #2d3d4d;
color: #fff;
text-transform: uppercase;
font-size: 14px;
line-height: 1.28;
font-weight: 700;
}
.card-image .image img {
max-width: 60%;
margin: 0 auto;
}
.product-price-box {	margin: 10px 0 20px 0;}
.single-price-total {
font-size: 40px;
line-height: 1.1;
font-weight: 700;
margin-bottom: 5px;
color: #2d3d4d;
}
.single-price-subtext {	margin-bottom: 5px;}
.smalltext {	font-size: 12px;	line-height: 1.083;	margin-bottom: 0;}
.shopping-basket-item-firstchid {
border-bottom: .5px dashed;
padding-bottom: 15px;
}
.shopping-basket-item-inner {
padding: 15px 0;
display: flex;
border-bottom: .5px dashed;
}
.shopping-basket-product-name {
font-size: 17px;
line-height: 1.18em;
color: #2d3d4d;
margin-right: 15px;
flex: 1 1 auto;
text-align: left;
}
.shopping-basket-product-price {
font-size: 20px;
line-height: 1em;
letter-spacing: .4px;
color: #2d3d4d;
text-transform: uppercase;
white-space: nowrap;
}
.change-boiler-back {
display: flex;
justify-content: space-between;
}
.shopping-basket-item-firstchid .shopping-basket-item-inner {
border: 0px;
}
.increment {
text-align: center;
padding-top: 10px;
font-size: 18px;
margin: 0 auto;
}
.increment .increment-button {
border: 1px solid #b8c3cc;
border-radius: 50%;
font-size: 20px;
padding: 3px;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.increment .increment-button.minus:hover {
border: 1px solid #d83a3a;
background-color: #f5cece;
cursor: pointer;
}
.increment .increment-button.plus:hover {
border: 1px solid #d83a3a;
background-color: #f5cece;
cursor: pointer;
}
.increment div {
width: 40px;
height: 40px;
padding: 6px;
display: inline-block;
}
.why-buy{text-align:left !important; }
.why-buy ul li {
margin-top: 10px;
}
.book-installation .is-active {
max-width: 100%;
}
.book-installation .sub-title.is-4 {
font-size: 24px;
}
.book-installation .field .label {
font-weight: 500;
}
.button.is-primary{
background-color: #286eb6 !important;
border-color: transparent;
color: #fff;
}
.book-installation .buttons.are-medium {
margin-top: 40px;
}
.book-installation .buttons.are-medium .is-success {
background: #286eb6;
}
.book-installation .buttons.are-medium .is-success:hover {
background: #286eb6;
}
.review-and-pay .sub-title.is-4 {
font-size: 24px;
}
.button:hover, .button:active, .button:focus{
color: white !important;
}  #header-section-2{
padding: 10px !important; }
@media screen and (max-width: 767px) {
.gas-safety-text {
padding: 0px;
font-size: 14px;
font-weight: 400 !important;
}
.product-tags-sec{
margin-top: 20px;
}
.best-seller .boiler_list_content:after{
content: 'Recommended For You';
background: #22ade4;
padding: 2px 25px;
border-radius: 20px;
position: absolute;
left: 19% !important;
top: -16px;
color: white;
font-size: 16px !important;
z-index: 200;
}
.hd-back a{
width: 38px;
height: 39px;
font-size: 12px;
margin-left: 9px;
}
.head-after-right{
width: 70%;
}
.head-after-left{
width: 15% !important;
}
.mobil-view {
display: block;
z-index: 2;
position: relative;
}
.desk-view {
display: none;
}
.bq-col-50 {
width: 100%;
padding: 2rem 2rem;
display: block;
}
#boilers_list .boiler_list_content {
display: block;margin: 3rem 0;}
.bq-col-50 {
width: 100%;
padding: 1rem 1rem;
display: flex;
position: relative;
z-index: 2;
text-align: center;
justify-content: center;
align-items: center;
}
.brand-logo img {
width: 60%;
text-align: center;
margin: 0px auto 20px;
}
.checklist li {
padding-left: 0;
margin-left: 16px;
text-align: left;
}
.warranty-installation.d-flex.justify-space {
display: flex;
flex-direction: column;
gap: 3px !important;
}
.warranty.align-center {
background: #f2f2f2;
max-width: 100%;
display: flex;
margin: 4%;
}
.gas-safety-image {
text-align: center;
display: flex;
align-items: center;
}
.warranty-badge {
background: #286eb6;
width: 29%;
padding: 5% 5px;
text-align: center;
}
.gas-safety.align-center { }
.btn_container .btn-fill {
font-size: 1.2rem;
}
#boilers_list .boiler_list_content .boiler_price_details { border-radius: 0px 0px 10px 10px; }
.bq-col-40 {
width: 100%;
padding: 0 1rem;
margin-top: 0rem;
display: block;
} .boiler-img img {
width: 100%;
text-align: center;
margin: 0 auto;
max-width: 200px;
margin: auto;
}
.brand-logo img {
width: 100%;
text-align: center;
margin: 0px auto 0px;
}
.checklist {
padding: 5px 0px 0px 12px;
margin: 0 auto;
}
#boilers_list .boiler_list_content .boiler_price_details {
padding: 0; padding: 5% !important;
} .sec-left {
width: 50% !important;
}
.sec-right {
width: 50%;
display: flex;
}
.hd-brand {
display: none;
}
#header-section {
margin: 0px 20px;
}
.hd-menu {
margin: 10px 0 0 auto;
vertical-align: middle;
display: table-cell;
line-height: 80px;
}
.head-after {
width: 100%;
display: block;
}
#header-section-2 { justify-content: center;
align-items: center;
}
.btn-fill {
font-size: 14px;
margin: 10px 5px;
padding: 6px 12px;
}
.hd-btn {
float: none;
margin: 0 auto 0 5px;
}
#header-quote {
margin-bottom: 0px;
}	
}
.dropbtn { font-size: 16px;
background: #1f2839;cursor: pointer;
color: #fff;
text-underline-position: unset;
padding: 6px 30px;
border-radius: 25px;
text-decoration: none;
}
.dropdown {
position: relative;
display: inline-block;
}
.mn_list li a {
padding: 0px;
background: transparent;
text-align: left;
line-height: 1.5rem;
font-size: 1.2rem;
}
.dropdown-content {
display: none;
position: absolute;
right: -25px;
background-color: #f9f9f9;
min-width: 280px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 3; }
.dropdown-content a {
color: black; text-decoration: none;
display: block;
}
.dropdown-content a {
font-size: 1.1rem !important;
font-family: Roboto;  color: #286eb6;
}
.mn_list .hd_styl {
margin: 5px 0px !important;
display: block;
text-align: left;
line-height: 1.5rem;
font-size: 0.85rem !important;
font-weight: 600;
}
.mn_list .im_styl {
float: left;
position: absolute;
left: 11px;
top: 0;
}
.im_styl i{
font-size: 27px;
line-height: 42px;
padding-right: 10px;
}
.hd-menu p {
font-size: 11px !important;
text-align: left;
}
.mn_list li {
position: relative;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.mn_list {
margin-left: 20px;
}
.mn_list .im_styl {
float: left;
position: absolute;
left: -35px;
top: -28px;
}
.dropdown-content a:hover {background-color: transparent; color:#282828;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #286eb6;} #lft_styl .BadgeContainer__Inner-sc-pa6z2-0.LIyhl {
margin-left: 0;
}
#primary {
margin-top: 1rem !important;
} *{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
}
h1{
font-family: 'Roboto', sans-serif !important;
}
.backg-clor{
background-color: #ebeced;
}
.heat-header{
padding: 20px 0;
}
.heat-header img{
width: 150px;
}
.heat-header button{
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
border-radius: 50px;
border: none;
background-color: #b5babf;
}
.heat-header progress{
height: 5px;
}
.which-trade img{
width: 60px;
height: 100px;
position: absolute;
top: 0;
right: 15%;
} .width_800 .box{
background-color: #f7f7f7;
cursor: pointer;
box-shadow: none;
border-radius: 10px;
transition: 0.2s;
} .width_800 h1{
margin: 50px 0 30px 0;
}
.width_800 p{
font-weight: 500;
} .ctn_width .box{
background-color: #f7f7f7;
cursor: pointer;
box-shadow: none;
border-radius: 10px;
transition: 0.2s;
} #que2_icon{
margin-bottom: 40px;
}
#que2_icon h1{
margin: 50px 0 20px 0;
}
#que2_icon a span{
border-bottom: 1px dashed rgba(0,0,0,0.5);
text-decoration: none;
font-size: 20px;
color: #000;
}
#que2_icon i{
font-size: 20px;
color: #000;   
}
.ctn_width p{
font-weight: 600;
} .mob_box p {
font-size: 15px;
}
.width_600 .box{
background-color: #fbfbfb;
cursor: pointer;
box-shadow: none;
border-radius: 10px;
transition: 0.2s;
} .width_600 h1{
margin: 50px 0 30px 0;
}
.width_600 p{
font-weight: 600;
} .pin_que h1{
margin-top: 50px;
}
.pin_que p{
font-size: 22px;
margin: 0 0 10px 0;
color: #717272;
}  .get_touch{
margin-top: 50px;
}
.get_touch h1{
font-weight: bolder;
}
.get_touch p{
font-size: 18px;
}
.get_touch form input{
font-size: 20px;
font-weight: 400;
padding: 10px 20px;
max-width: 500px;
width: 100%;
border: 1px solid #ebeced;
margin-bottom: 20px;
border-radius: 10px;
}
.get_touch form input:last-child{
margin: 0;
}
.sepator{
height: 3px;
background-color: #c6cbcf;
width: 50%;
margin: 0 auto;
margin-top: 20px;
}
.our_promise{
max-width: 500px;
margin: 0 auto;
text-align: left;
}
.our_promise h3{
margin-bottom: 1rem !important;
}
.our_promise ul li{
font-size: 20px;
}
.get_touch button{
background-color: #0033e5;
color: #fff;
padding: 10px 50px !important;
} .fixed_price h1{
color: #27754e;
}
.fixed_price ul li{
font-size: 19px;
color: #27754e;
}
.fixed_price ul li a{
border-bottom: 1px dashed;
color: #27754e;
}
.fixed_price button{
background-color: #286eb6;
color: #fff;
font-size: 1.25em;
border-radius: 50px;
padding: 10px 50px;
margin: 20px 0;
} footer h3{
color: #9c9ea0 !important;
}
footer{
border-top: 1px solid #80808033; }  .rdy-quot p{
color: #9c9ea0;
}
.rdy-quot ul li i{
color: #27754e;
}
.rdy-quot ul li{
font-size: 19px;
}
.sepator2{
height: 2px;
background-color: #c6cbcf;
margin: 20px 0;
}
.rdy-quot .button{
background-color: #0033e5;
color: #fff;
font-size: 1.25em;
border-radius: 50px;
margin: 20px 0;
width: 100%;
} .rdy-quot p a{
color: #9c9ea0 !important;
text-decoration: underline;
} .page3{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.page3 button{
display: block;
width: 300px;
text-align: left;
}
.page3 i{
color: #27754e;
}  .back-icon i{
background-color: #000;
color: #fff;
padding: 10px;
border-radius: 100%;
cursor: pointer;
}
.btn-bg-clr{
background-color: #b5babf !important;
} .first_card p{
font-size: 14px;
}
.first_card p span{
color: #717272;
}
.first_card button{
color: #fff;
background-color: #000;
}
.first_card button i{
color: #ff0000;
}
.first_card .icon-24 {
font-size: 24px;
}
.color-grey{
color: #9c9ea0 !important;
}
.color-red {
color: #bf2c25 !important;
}
.color-amber{
color: #e09339 !important;
}
.color-lgra{
background: linear-gradient(90deg, #ff2d5d, #ff34a6);
}
.fst_crd_lbtn{
background-color: #0033e5 !important;
color: #fff;
padding: 0.6rem 2rem;
font-size: 1.1rem;
}
.fst_crd_offer{
background-color: #bf2c25;
border-radius: 0 0 6px 6px;
}
.snd_crd_offer {
background-color: #f5f5f5;
border-radius: 0 0 6px 6px;
text-align: center !important;
}
.thrd_card img{
max-width: 350px;
position: absolute;
top: 286px;
} .datetimepicker-selection-day{
color: #35544f;
}
.is-today{
background: #1f2839 !important;
}
.datepicker-nav{
background: #1f2839 !important;
}
.datetimepicker{
max-width: inherit !important;
border-radius: 10px;
box-shadow: none !important;
border: solid 2px #8080801f !important;
}
.pay-sec{
background: white;
padding: 20px;
}
#IAgrryCheck{
width: 22px;
margin-top: -5px;
}
.boiler-order-answer{
max-width: 550px;
margin: auto;
padding: 50px !important;
}
.terms-conditions{
display: flex;
gap: 20px;
align-content: baseline;
}
.boiler-quote-form-fields{
max-width: 500px;
margin: auto;
}
.fa-circle-check{
color: #27754e;
}
.form_postcode_search{
display: flex;
flex-direction: column;
gap: 20px;
max-width: 400px;
margin: auto;
margin-top: 2rem;
}
.form_address_selection select{
width: 100%;
padding: 12px;
border-radius: 5px;
} .boiler-order-answer{
box-shadow: none !important;
}
.back_step_button{
position: absolute;
bottom: 12px;
left: 4%;
font-size: 21px;
border-right: 1px solid;
padding-right: 15px;
color: #000000c4;
z-index: 100;
}
.fieldset{
background-color: #fff;
border-radius: 6px;
box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.02);
color: #4a4a4a;
display: block;
padding: 1.25rem;
border: 1px solid #ccc
}
.fieldset  > legend{
color: #fff;
display: block;
font-size: 1rem;
font-weight: 700;
background-color: #00b969;
border-radius: 20px;
padding: 0 20px;
width: max-content;
border: 0 none
}
.cimg{
position: absolute;
left: 13%;
top: 25%;
}
.bcard_img {
border: 1px solid;
background-color: #f5f7f9;
width: 100%;
margin-bottom: 40px !important;
border: solid 1px #ebeced;
}
.bcard_img p{
padding-top: 3px;
}
.fin-avab{
position: absolute;
top: 15px;
left: 10px;
}
.description_text button{
display: block;
}
.boiler_specs{
margin-top: 28px !important;
width: 400px;
}
.boiler_specs1 {
background-color: #f2f2f5;
width: 105px !important;
}
.boiler_specs2 {
background-color: #f2f2f5;
width: 100px !important;
}
.boiler_specs3{
background-color: #f2f2f5;
}
.noti{
background-color: #c6e7dc !important;
}
.noti_text {
display: flex;
justify-content: space-between;
}
.noti_text p a{
text-decoration: none !important;
border-bottom: 2px dotted;
}
.form_required_error{
display: none;
color: #f14668;
text-align: left;
padding: 5px;
} @media only screen and (max-width: 1280px) {
}
@media screen and (min-width:1216px) {
.width_800 .columns{
width: 800px;
margin: auto;
}
.width_600 .columns{
width: 600px;
margin: auto;
}
.get_touch .get_in{
width: 600px;
margin: 0 auto;
margin-top: 30px !important;
}
.fixed_price{
width: 600px;
margin: 0 auto;
margin-top: 80px !important;
} .rdy-quot{
width: 500px !important;
}
}
@media only screen and (max-width: 1024px) {
.boiler-order-answer{
margin: 20px;
padding: 20px !important;
}
.heat-header{
padding-left: 2% !important;
padding-right: 2% !important;
}
.width_800{
padding: 10% 5% !important;
}
.which-trade{
display: none !important;
}
.ctn_width{
padding: 10% 5% !important;
}
.width_600{
padding: 10% 5% !important;
}
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 768px) {
#send-quote-btn-group {
gap: 10px;
}
}
@media only screen and (min-width: 768px) {
.detail-radio-video{
width: 44% !important;
}
.all-option img{
margin: auto !important;
display: flex;
}
.checklist{
margin-left: 35px;
} .width_800 .box:hover{
background-color: #fff;
scale: 1.1;
box-shadow: 4px 4px 10px #8080801c;
}
.ctn_width .box:hover{
background-color: #fff;
scale: 1.1;
box-shadow: 4px 4px 10px #8080801c;
}
.width_600 .box:hover{
background-color: #fff;
scale: 1.1;
box-shadow: 4px 4px 10px #8080801c;
}
}
@media only screen and (max-width: 767px) {
.quote-form__checkbox-content p {
text-align: left;
}	
.back_step_button {
position: relative;
bottom: -30px;
left: 40%;
font-size: 21px;
border-right: 1px solid;
padding-right: 15px;
z-index: 0;
}	
.form-wrap{
flex-direction: column;
gap: 0px;
margin-top: 10px;
}
.book-installation .p-5{
padding: 0!important;
}
.book-installation .buttons{
margin-top: 20px!important;
}
.book-installation h4{
margin-top: 20px!important;
}
.width_800 img{
height: 60px !important;
}
.ctn_width img{
height: 70px !important;
}
.width_600 img{
height: 70px !important;
}
.mob_box{
display: flex !important;
align-items: center;
padding: 10px !important;
}
.width_800 .column{
padding: 0.25rem !important;
}
.ctn_width .column{
padding: 0.25rem !important;
}
.width_600 .column{
padding: 0.25rem !important;
}
.width_800 .box{
background-color: #f7f7f7;
}
.ctn_width .box{
background-color: #f7f7f7;
}
.width_600 .box{
background-color: #f7f7f7;
}
.left_tb { width: 48%; }
.left_tb .columns.is-flex { justify-content: center; align-items: center; font-weight: bold; }
}
@media only screen and (min-width: 767px) {
.mob_box img {
margin: 0 auto;
}
}
@media only screen and (max-width: 736px) {
#primary {
margin-top: 1rem !important;
}
}
@media only screen and (max-width: 480px) {
#primary {
margin-top: 1rem !important;
}
#save-quote-modal .req-call .label {
display: none;
}	
.monthly-options{
flex-direction: column;
width: 100%;
}
.tms_radio-btn input {
font-size: 16px;
}
.payment-tab-section {
flex-wrap: wrap;
}
.payment-tab input, .payment-option-active input{
width: 200px;
font-size: 14px !important;
padding: 15px;
}
.payment-tab i{
font-size: 16px !important;
margin-left: 15px;
top: 21px;
}
} *{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
}
.brand-color{
color: #363636  !important;
font-family: 'Quicksand';
}
.brand-color2{
color: #363636 !important;
padding-bottom: 3% !important;
}
.brand-color2 span{
font-family: 'Roboto' !important
}
.bg-color{
background-color: #eaf1ff;
}
.bdy-bg-clor{
background-color: #ebeced;
min-height: 84vh;
display: grid;
place-content: center;
}
.bgcol-lblue{
background: #3998e514;
}
.bgcol-brand{
background: #fcb900;
}
.width_800{
width: 800px !important;
margin: auto !important;
}
.width_500{
width: 500px !important;
margin: auto !important;
}
.all-option{
cursor: pointer;
background-color: #f7f7f7 !important;
transition: 0.2s;
box-shadow: none !important;
}
.all-option p{
font-size: 20px;
text-align: center;
}
.all-option2{
cursor: pointer;
background-color: #f7f7f7 !important;
transition: 0.2s;
box-shadow: none !important;
}
.all-option2 p{
font-size: 20px;
}
.all-option2 img{
margin: 38px auto;
max-width: 200px;
}
.all-option3{
cursor: pointer;
min-height: 250px;
background-color: #f7f7f7 !important;
transition: 0.2s;
box-shadow: none !important;
min-width: 200px;
}
.all-option3 p{
font-size: 20px;
}
.num-img{
margin-bottom: 30px;
}
.num-img2{
font-size: 25px;
line-height: 1.25rem;
}
.num-img3{
font-size: 80px;
}
.your-msg{
width: 700px !important;
margin: auto !important;
}
.your-pcode{
width: 500px !important;
margin: 0 auto !important;
}
.your-pcode .input{
width: 400px !important;
}
.your-pcode .button{
width: 150px !important;
} .boiler-option .input{
border-color: rgba(0, 0, 0, 0.5) !important;
}
.boiler-option .input:hover{
border-color: rgba(0, 0, 0, 0.5) !important;
}
.fnl-svy p a:hover{
text-decoration: underline;
} .pay-sec img{
height: auto !important;
margin: auto;
}
.detail-radio{
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: space-around;
}
.detail-radio button{
width: 47%;
border: none;
height: 60px !important;
box-shadow: none;
background: #f5f7f9;
border: solid 2px #80808017;
}
.detail-radio button:hover{
background: #286eb6;
color: white;
}
.detail-radio label{
display: flex;
align-items: center;
gap: 6px;
height: 60px;
border: solid 2px #80808014;
box-shadow: none;
background: #f5f7f9;
}
.pay-sec{
border-radius: 0px !important;
border: 1px !important;
}
.pay-sec-mid{
border-right: 1px solid lightgray;
}
.repair-btn{
background: #286eb6 !important;
color: white !important;
border: none;
}
.repair-btn:hover{
background: #535258 !important;
} @media only screen and (min-width: 1280px) {
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1024px) {
.all-option p{
font-size: 18px !important;
}
.all-option2 p{
font-size: 18px !important;
}
.all-option3 p{
font-size: 18px !important;
}
.all-option3{
min-height: 210px;
}
.addon-products .navbar{display:none;}
}
@media only screen and (max-width: 992px) {
.width_800{
width: 700px !important;
}
}
@media only screen and (min-width: 768px) {
.all-option:hover{
background-color: #fff !important;
scale: 1.05 !important;
box-shadow: 2px 2px 10px #8080801c;
}
.all-option2:hover{
background-color: #fff !important;
scale: 1.05;
box-shadow: 2px 2px 10px #8080801c;
}
.all-option3:hover{
background-color: #fff !important;
scale: 1.05;
box-shadow: 2px 2px 10px #8080801c;
}
}
@media only screen and (max-width: 768px) { .page-template-boiler-repair-form .section .column {
padding: 7px 0 !important;
}	
.all-option{
display: flex !important;
align-items: center;
flex-direction: row;
min-width: 400px;
padding: 10px !important;
min-height: auto !important;
}
.page-template-boiler-repair-form .all-option img {
width: 75px !important;
}
.all-option img{
width: 70px !important;
}
.all-option p{
padding: 0 !important;
font-size: 18px !important;
text-align: left;
font-weight: 100;
}
.all-option2{
display: flex !important;
align-items: center;
min-width: 200px;
padding: 0.5rem !important;
min-height: auto !important;
}
.all-option2 img{
width: 80px !important;
margin: 15px 20px 15px 10px !important;
}
.all-option2 p{
padding: 0 !important;
font-size: 18px !important;
text-align: left;
font-weight: 100;
}
.all-option3{
display: flex !important;
align-items: center;
min-width: 200px;
padding: 0.5rem !important;
min-height: auto !important;
}
.all-option3 img{
width: 70px !important;
}
.all-option3 p{
padding: 0 !important;
font-size: 18px !important;
text-align: left;
font-weight: 100;
}
.width_500{
width: 100% !important;
margin: auto !important;
}
.width_800{
width: 100% !important;
margin: auto !important;
}
.num-img{
padding: 0.5rem !important;
margin: 0 20px 0 10px !important;
}
.num-img2{
font-size: 10px;
line-height: 0.5rem;
}
.num-img3{
font-size: 20px;
} 
.your-msg{
width: auto !important;
}
.your-pcode{
width: 100% !important;
margin: 0 auto !important;
}
.our_promise1{
padding: 10px 0;
}
.our_promise1 .icon-text{
font-size: 15px;
} .pay-sec{
border: 1px !important;
text-align: center;
max-width: 400px;
padding: 10px !important;
}
.pay-sec-mid{
border-right: none;
border-bottom: 1px solid lightgray;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 480px) {
.all-option{
min-width: 200px;
}
.visit-sec .radio{
font-size: 18px !important;
margin: 0;
margin-bottom: 10px;
}
.visit-sec h3{
font-size: 18px !important;
}
.addr-sec h3{
font-size: 18px !important;
}
}
@media only screen and (max-width: 384px) {
.left_tb{
width: 123px !important;
}
.btn_container .btn-fill {
font-size: 16px;
padding: 15px 10px !important;
}	
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}