/* Exclude Footer single product*/
.single-products .site-middle-footer-wrap {display: none;}
/* Exclude Footer single product close*/

.warranty-badge h4 {color: #fff;}
.map-img {margin: 0px auto;} .quote-form__checkbox-wrapper input {display: none;}
.boiler-order-answer .order-button {line-height: 1.3;text-transform: capitalize;}
.quote-form__checkbox-wrapper label input:checked ~ .quote-form__checkbox-content::before {
	background-color: #e8ab1d;content: "\f00c";font-family: "Font Awesome 6 Free";color: #fff;
	line-height: 1.2;font-weight: 900;font-size: 14px;}
.quote-form__checkbox-wrapper label .quote-form__checkbox-content::before {content: '';
	display: block;width: 20px;height: 20px;text-align: center;border: 2px solid #e8ab1d;position: absolute;
	left: -30px;border-radius: 5px;top:18px;} .quote-form__checkbox-wrapper label {display: flex;position: relative;}
.ourPromiseBox {width:100%;text-align:left;max-width: 500px;border: 1px solid #f2f2f2;box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	margin: 10px auto;} .boiler-order-step p {margin-top: 15px !important;}
.ourPromiseBox h3 {background: #fff7e6;color: #e8ab1d;padding: 10px 20px 15px;margin-bottom:20px;}
.promiseList li {list-style-type: none;} #section18 input, #cust-details-panel input {color: #333;}
.boiler-information h4 {color: #fff;}


.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.right.fade.in .modal-dialog {
  right: 0;
  width: 40%;
  overflow: visible;
}
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.left .modal-dialog, .modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
#myModal2 .modal-content {
  padding: 40px 20px;
  overflow: visible;
}
.modal.left .modal-content, .modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.boiler-order-question h2 { margin: 0px auto 10px; 	max-width: 850px;font-size:30px;color:#222; }
.modal-content {
  border-radius: 0;
  border: none;
}
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box;
  background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px;
  outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);}
#myModal2 .modal-header { padding: 15px; border-bottom: 0px solid #e5e5e5; background-color: #fff;}
.modal-header { border-bottom-color: #EEEEEE; background-color: #FAFAFA;}
.modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5;}
#myModal2 .modal-header .close { float: left;}
#myModal2 .modal-header .close { top: 25px; left: -30px; background-color: #2daae1; border-radius: 50%; z-index: 999;
	position: absolute; opacity: 1; height: 60px; width: 60px; line-height: 60px; padding: 0;}
.modal-header .close {
  margin-top: -2px;
}
.close {
  opacity: 1;
}
#myModal2 .modal-header .modal-title {
  padding: 20px 0 0 40px;
  font-weight: normal;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
#myModal2 .modal-body {
  padding: 15px 55px 80px;
}
.modal.left .modal-body, .modal.right .modal-body {
  padding: 15px 15px 80px;
}
.modal-body {
  position: relative;
  padding: 15px;
}
#myModal2 .modal-body .form-group {
  margin-bottom: 20px;
}

/*=======New Css======*/
.boiler-prices h3, .boiler-prices h4, .boiler-prices h5, .boiler-prices h2, .boiler-prices p {color: #333 !important;}
.disp-inb .tms_radio-btn { display: inline-block; }
.fl-right { float : right; }
.boiler-prices {background: #feead9;}
.gas-safety-image { margin: 0 auto; }
.warranty-installation p {font-size: 1rem;}
.bx_nav ul {margin: 0;text-align: center;}
.bx_nav ul li {display: inline-block;text-align: center;}

.bx_nav ul li:nth-child(1) a span img {
	width: 22px;margin-right: 10px;display: inline-block;transform: translateY(0.55em);	
	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);
}

.bx_nav ul li:nth-child(3) a span img {
	width: 41px;height: 33px;margin-right: 10px;
	display: inline-block;transform: translateY(0.45em);
}
.bx_nav ul li:nth-child(4) a span img {
	width: 31px;height: 33px;margin-right: 10px;display: inline-block;
	transform: translateY(0.45em);}

.bx_nav ul li a span img{filter: invert(81%) sepia(46%) saturate(1644%) hue-rotate(341deg) brightness(93%) contrast(96%);}

.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); }
.hd_styl {text-align: center;margin: 30px auto;}
.hd_styl h2 { margin-bottom: 0; }
#bx_cont img {width: 60px;height: 60px;}
.cont_styl {max-width: 1200px;margin: 0 auto;padding: 0;}
.boiler_price_details .price_container {font-size: 1.5rem;font-weight: 600;}
#bx_cont #bx_left { display: block; margin: 0 20px; }
.boiler-info h5 { font-size: 1.25rem !important; line-height: 1.5; font-weight: 600; }
#bx_left p {margin-bottom: 0px;}
#bx_cont { text-align: center; margin: 20px 0px; display: flex; justify-content: center; }

#cont_form input, #cont_form textarea, .drop_styl {	width: 100%; border-radius: 4px; height: 47px; color: #333; opacity: 1 !important ;}
#cont_form #submit {color: #fff;}
#cont_form {max-width: 600px;margin: 0 auto;padding: 0px 20px;}

::-webkit-input-placeholder { color:#333;opacity: 1 !important; }
::-moz-placeholder { color: #333;opacity: 1 !important; }
:-ms-input-placeholder { color: #333;opacity: 1 !important; }
:-moz-placeholder { color: #333;opacity: 1 !important; }
#bx_botm img {width: 60px;}
#bx_botm ul {margin: 0;text-align: center;}
#bx_botm ul li {display: inline-block;}
#bx_botm .c-brand.mb-2 {text-align: left;}
#bx_botm .c-brand.mb-2 {text-align: left;margin: 10px auto;}
#bx_botm ul li {display: inline-block;margin: 0px 10px;text-align: left;}
#bx_botm ul li h4 { margin-bottom: 0; }
.page-template-archive-products #monthly-pay-section .pay-2 .tms_radio-btn::before { display: none; }
.page-template-archive-products #monthly-pay-section .pay-2 input[type="button"] { pointer-events: none; padding: 1em; }

.mobil-view {display: none;}

.warranty-installation .warranty, 
.warranty-installation .gas-safety { display: block; }

.gas-safety .gas-safety-image { width: 40px; }
.bq_save_quote::before {
	content: '';
	width: 1.35rem;
	height: 1.35rem;
	vertical-align: middle;
	border: 1px solid #555F69;
	border-radius: 0.25rem;
	background-color: #fff;
	cursor: pointer;
	display: inline-block;
}
.boxchecked::before { content: '\f00c'; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 14px; color: #00B969; }
.bq_save_quote .bq_save_quote_checkbox { display: none; }

#thermo-panel label {
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid;
	width: calc(100% - 0px);
	display: block;
	background: #e8ab1d;
	padding: 20px 20px;
}

/*====Single Product==Start==*/
.bg-blue { background: #e8ab1d; padding: 0.5rem; }
.site-content { display: block; }
#boiler-name { margin-bottom: 0; }
.box_shadow { box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); }
.box_shadow_5 { box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); }
.boiler-information.text-center { display: block; float: left; background: #e8ab1d; color: #fff; }
.boiler-info-table { background: #fff; display: table; color: #333; padding: 10px 0px 20px 0px; border-radius: 15px; max-width: 900px; margin: 0 auto; width: 100%; }
.rigt img {	max-width: 50%;}
.boiler-info-table .left_tb { display: table-row; text-align: left; }
.boiler-info-table .left_tb:last-child span { border: 0; }
.boiler-info-table .left_tb span { display: table-cell;	width: 50%;vertical-align: middle; border-bottom: 1px solid #333; padding: 5px 50px; /*font-size: 28px; font-family: 'Teko';*/ }
.border_radius_75 { border-radius: 0.75rem; }
.calc_width_6 { /* width: calc(100% - 6rem); */ width:100%;}
.padd_3_rem { padding: 3rem; }

/*====Single Product===Step 2nd==*/
.accordion {position: relative;}
.accordion_container { max-width: 900px; margin: 0 auto; }
.accordion-function .accordion { background-color: #fff; cursor: pointer; padding: 18px;margin: 0; padding-left: 0px; }
.accordion-function .accordion span { font-weight: normal; font-size: 24px; line-height: 1; }
.accordion-function .active, 
.accordion-function .accordion:hover, 
.accordion:hover::after { background-color: #fff; color: #333; }
.accordion-function .accordion::after {
	content: '\002B';
	color: #fff;
	font-weight: bold;
	float: left;
	margin-right: 20px;
	background: #e8ab1d;
	width: 40px;
	text-align: center;
	border-radius: 50px;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	margin-top: -6px;right: -25px;
}
.accordion-function .accordion {position: relative;}
.accordion-function .active::after { content: "\2212"; color: white; }
.accordion-function .accordion-panel { padding: 0px 50px 0px 0px; overflow: hidden; max-height: 0; transition: max-height 0.2s ease-out; }
.accordion-function .active + .accordion-panel { margin-bottom: 18px; max-height: 100% !important; }
.accordion-function { background: #fff; float: left; margin: 2rem 0; }
.accordion { border-top: 1px solid #e8ab1d; }

/*====Single Product===Step 3rd==*/
.bx-white { background: #fff; float: left; text-align: center; }
.bx-white .bx-white_container { max-width: 1000px; margin: 0 auto; }

/*====Single Product===Step 4th==*/
.hd_white h2, .hd_white h3, .hd_white h5 {color: #fff;}
.bx-black { background: #e8ab1d; float: left; margin: 2rem auto; color: #fff; text-align: center; }
.bx-black h3, .bx-black p {color: #fff;}
.choosepayoptionbtn h3 { color: #fff !important; margin-bottom: 0; }
.boiler-prices { width: 45%; padding: 1rem; }
.cent_midl { width: 10%; display: table-cell; vertical-align: middle; }
.border { box-shadow: 0 0 7px 0 rgba(0,0,0,0.5); border-radius: 1em; }
.boiler-prices h1, .boiler-prices h2, .boiler-prices h5 { color: #fff; }
.btn-success { background: #e8ab1d; width: 100%; float: left; color: #fff; padding: 10px 0; border-radius: 4px; }
.btn-success h3 { color: #ffffff !important; margin-bottom: 0; }
.bx-black .choosepayoptionbtn:hover { background: #e8ab1d; }
.btn-success:hover {background: #518cd5;color: #fff;}

/*====Single Product===Step 5th==*/
.bx-white .btn {float: none;}
.bx-black .boiler-prices .btn-success h4 { color: #fff !important; margin-bottom: 0; }
.boiler-prices .small { font-size: 16px !important; }
.choosepayoptionbox { max-width: 83%; margin: 0 auto; }

/*====Single Product===End==*/
#boilers_list .boiler_list_content {display: flex;flex-direction: column;background: #fff; padding: 10px;border-radius: 0.75rem;margin: 2rem 0;}
.text-center { text-align: center; }
.bq-col-30,	.bq-col-40,	.bq-col-50,	.bq-col-60 { width: 100%; }
#boilers_list .boiler_list_content .boiler_price_details {background: #feead9;padding: 1.5rem;border-radius: 0.25rem;}
.d-flex { display: flex; }
.align-center { align-items: center; }
.justify-space { justify-content: space-between; }

h5.c-brand { margin-bottom: 1rem; }
.boiler-img img { width: auto;}
.finance-text {
	display: inline;
	text-transform: uppercase;
	color: #37003C;
	background: #ffff00;
	border-radius: .25rem;
	padding: 0.2rem 0.4rem;
	font-weight: 700 !important;
	font-size: 0.875rem;
}
#boilers_list .boiler-info .checklist { margin: 1rem 0; }
#boilers_list .boiler-info .checklist li { position: relative; list-style-type: none; padding-left: 25px; }
#boilers_list .boiler-info .checklist li::before {
	content: '\f00c';
	display: block;
	font-family: "Font Awesome 5 Free";
	position: absolute;
	left: 0;
	top: 5px;
	font-weight: bold;
	color: #00B969;
	font-size: 14px;
}

#boilers_list .warranty .warranty-badge {
	position: relative;
	font-weight: normal !important;
	width: 55px;
	height: 55px;
	line-height: 1.5em;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	background: url("/wp-content/uploads/warranty-badge.png");
	background-repeat: no-repeat;
	background-size:cover;
}

.boiler_thumbnail { position: relative; }
.brand-logo {
	width: 45%;
	top: 8%;
	right: 0;
	position: absolute;
	transform: translate(-10%, -5%);
}

#boilers_list .warranty .warranty-badge h4 {
	font-size: 1.25rem;
	line-height: 2.2;
	font-weight: bold;
}

.boiler-info h2, .boiler-info h5 { margin-bottom: 0; }

.c-brand { margin-bottom: 0; font-size: 14px !important; }
.c-brand strong { font-weight: normal; }
.warranty-text .c-brand strong { font-weight: bold; color: #e8ab1d; }

.bg-white { background: #ffffff; }
.price-box { display: block; width: 48%; padding: 1rem 0.5rem; margin: 1rem 0; border: 3px solid #fff; }
.price-box-border { border-color: #ffff00; }

.price-box h5 { margin-bottom: 5px; color: #e8ab1d; }
.price-box p { margin-bottom: 0; font-size: 0.8rem !important; }
.price_container_inner { margin: 0 1rem; }
.btn_container .btn {
	display: block;
	width: 100%;
	color: #fff;
	border-radius: .25rem;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	border: 1px solid transparent;
	cursor: pointer;
	transition: all ease .3s !important;
	font-weight: 700;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1.125rem;
	padding: 20px 1em;
	margin: 1rem 0;
}

.btn_container .boiler-info-btn { background: #e8ab1d; }
.btn_container .boiler-info-btn:hover { background: #e8ab1d; }
.btn_container .calendar-btn { background: #e8ab1d; }
.btn_container .calendar-btn:hover { background: #e8ab1d; }

.v-icon-circle {
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	line-height: 1.25em;
	text-align: center;
	background: #e8ab1d;
	color: #fff;
	border-radius: 50%;
	margin-left: 0.25rem;
	font-weight: bold;
}

.credit-example .v-icon-circle { cursor: pointer; }

#Quote-modal .bq_form-input { position: relative; }
#Quote-modal .bq_form-input .frm_error_styl { top: -24px; }
#bx_cont #bx_left h4 { margin-bottom: 0; }

/*=============================
	Boiler Quote
===============================*/
#finance-calculator .modal-content {max-width: 700px;}
#finance-calculator .pay-1, 
#finance-calculator .pay-2 {padding: 20px 30px 30px;background: #fef3e9;margin-bottom: 20px;border-radius: 15px;}
#finance-calculator .accordion {border: 0px;}
.payment-option-active::before,
.monthly-pay-amount-active::before {border: 5px solid #e8ab1d !important;background: #c4d5ea !important; box-shadow: 0 0 0 1px #e8ab1d !important; }
.deposit-amount-active {color: #fff !important;background: #e8ab1d !important;}
.monthly-pay-amount-active {background-color: #edf2f9;}
.form-max {margin: 0px 50px;} 
.pignose-calendar-unit a {background: transparent !important;}
.pignose-calendar .pignose-calendar-unit{cursor:pointer;}
.pignose-calendar-unit-disabled {pointer-events: none;}
.pay-2 .tms_radio-btn {margin-bottom:10px;}
.pay-2 input {font-weight: bold;}
.comlt-check {margin-bottom: 35px;}
.pay-2 .comlt-check { margin-bottom: 0; }
.pay-2 .tms_radio-btn::before {	left: 1em;}
.ammount-flex button { border: 1px solid #fef3e9; padding: 11px;width: 100%; text-align: center; margin: 7px; border-radius: 10px; background: #fff; color: #333; }
.pay-1 .accordion, .pay-2 .accordion { background:transparent !important; pointer-events: none; margin-top: 0; padding: 0 !important; } 
.ammount-flex {justify-content: center;}
#finance-calculator .pay-2 {margin-bottom: 0;}
.pay-2 input {width: 100% !important;}
.bx-black .btn-success {background: transparent;border: 2px solid #1a202c;color: #1a202c;}
.bx-black .btn-success:hover {border-color:#e8ab1d;} .bx-black .btn-success h3 {color: #1a202c !important;}
.bx-black .btn-success:hover h3{color:#fff !important;}
.bx-black .btn-success:hover, .bx-black .btn-success:active, .bx-black .btn-success:focus, 
.bx-black .btn-success:visited {color: #fff;}
.single .btn.boiler-info-btn:hover {background: #e8ab1d;color: #fff;border-color: #e8ab1d;}
.bx_nav a {color: #444;font-weight: 600;}
.page-template-archive-products  #boilers_list {max-width: 1440px;margin: 0px auto;}
#send-quote {position: fixed;top: 50%;transform: translate(0, -50%);right: 1rem;box-shadow: 0 0 8px 4px #e8ab1d4f;}
.bq_save_quote {display: flex;justify-content: center;align-items: center;}
#send-quote {cursor:pointer;background: #e8ab1d;width: 50px;height: 50px;border-radius: 50px;margin-left: 10px;}
.modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); }
.modal-content { position:relative;background-color: #fefefe; margin: auto; padding: 40px; border: 1px solid #888; max-width:550px;}
.close {color: #aaa;font-size: 28px; font-weight: bold;position: absolute;right: 15px;top: 0px;}
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer;}
#Quote-modal input {width: 100%;margin-bottom: 20px;border-radius: 5px;}
#Quote-modal input[type="checkbox"] {width: auto;} .privacy-text {font-size: 16px;}
.privacy-text a {color: #333;text-decoration: underline;}
.tp_list .hd_styl {display: flex;justify-content: space-between;align-items: center;}
.Manual-content { position:relative;background-color: #fefefe; margin: auto; padding: 40px; border: 1px solid #888; max-width:550px;}
.close1 {color: #aaa;font-size: 28px; font-weight: bold;position: absolute;right: 15px;top: 0px;}
.close1:hover, .close1:focus { color: #000; text-decoration: none; cursor: pointer;}
#Manual-modal input {width: 100%;margin-bottom: 20px;border-radius: 5px;}
#send-manual { color: #fff;background: #e8ab1d;padding: 10px 5%;font-weight: bold;border-radius: 3px;}
#send-manual:hover { background: #e8ab1d; }
#Manual-modal input[type="button"] {margin-top: 20px;}
.boiler-information .hd_styl { max-width: 900px; }
.order-container{ max-width: 1400px; margin: 2% auto; padding: 0 1rem; }
.txt-align-center { text-align: center; }
.boiler-order-question h3 { font-size: 24px; margin: 0; }
.boiler-order-answer { padding: 2rem 0; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.boiler-order-answer .order-button {
	width: 100%;
	font-size: 18px;
	margin: 0.25rem 0;
	cursor: pointer;
	background-color: #fff;
	border-radius: .5rem;
	border: 3px solid #fff;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	background-size: 70px;
	padding-left: 45px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: -10px -10px;
	transition: .3s;
  	color: #333333;
	box-shadow: 0px 0px 7px 0px #ccc;
}
.boiler-order-answer .order-button:hover { color: #555F69; }
.boiler-order-answer .order-button.numeric { margin: 0.25rem; }
.boiler-order-answer.boiler-order-answer-numeric { flex-direction: row; }
.boiler-order-answer .order-button:hover { /* border-color: #e8ab1d; */ border-color: #e8ab1d; }
.boiler-order-answer .order-button-info { margin-left: auto; color: #e8ab1d; width: 30px; text-align: center; }
.boiler-order-answer .order-button-label { width: 100%;	text-align: left; position: relative; }
.boiler-order-answer .order-button-helper { position: absolute; bottom: 0; left: 0; right: 0; transition: .3s; opacity: 0; pointer-events: none; }
.boiler-order-answer .order-button:hover .order-button-helper { transform: translateY(100%); opacity: 1; }
.boiler-order-answer .order-button-sm { width: 6em; height: auto; }
.boiler-order-answer .order-button.numeric { padding-left: 0; }
.boiler-order-answer .order-button-number {	font-size: 48px; font-weight: bold;	color: #e8ab1d; }
.boiler-order-question .hd_clr { color: #e8ab1d; }
.p-question i {
	display: inline-block;
	background: #e8ab1d;
	color: #fff;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	border-radius: 50%;
	font-weight: bold;
	font-style: normal;
}

.boiler-order-step .back_step_button { cursor: pointer; position: absolute;/* bottom: -7rem; */left: 50%; transform: translate(-50%, 0); color: #e8ab1d; }
.boiler-order-step .back_step_button:hover { text-decoration: underline; }
.boiler-order-step .form_postcode_search { background: #fff; padding: 7px; border-radius: 0.25rem; margin: 0 0 15px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); }
.boiler-order-step .form_address_selection select {
	background: #fff;
	border: 0;
	width: 100%;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	padding: 15px;
	padding-right:65px;
	border-radius: 0.25rem;
	-webkit-appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, rgb(232,171,29) 50%), linear-gradient(135deg, rgb(232,171,29) 50%, transparent 50%), linear-gradient(to right, rgb(255, 247, 230), rgb(255, 247, 230));
	background-position: calc(100% - 26px) calc(1em + 7px), calc(100% - 16px) calc(1em + 7px), 100% 0;
	background-size: 10px 10px, 10px 10px, 3.3em 3.3em;
	background-repeat: no-repeat;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.boiler-order-step .form_postcode_search input[type="text"] { background: transparent; border: none; width: calc(100% - 110px);color:#333; }
.boiler-order-step .form_postcode_search input[type="button"]:hover {color: #fff !important;}
.boiler-order-step .form_postcode_search input[type="button"],
.boiler-quote-form-button input[type="button"] { background: #e8ab1d; border-radius: 0.25rem }
.boiler-order-step .form_postcode_search input[type="button"]:hover,
.boiler-quote-form-button input[type="button"]:hover,
.boiler-quote-form-button input[type="button"]:focus { background: #e8ab1d; }
.boiler-order-answer .bq_postcode4u-form { max-width: 435px; margin: 0 auto; }
.boiler-quote-form-button { margin-top: 1rem; }
.boiler-quote-form-fields { max-width: 500px; width: 100%; position: relative; margin: 0.5rem 0; }
.boiler-quote-form-fields input {
	width: 100%;
	border: 1px solid #f2f2f2;
	background: #fff;
	border-radius: 0.25rem;
	padding: 15px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	-webkit-appearance: none;
}
.form_required_error {
  	display: none;
	position: absolute;
	font-size: 12px;
	background: #e8ab1d;
	color: #fff;
	padding: 0 7px;
	top: -18px;
	right: 0;
	font-weight: bold;
}
.form_required_error::after {
	position: absolute;
	bottom: -7px;
	right: 0;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #e8ab1d;
	content: '';
	display: block;
}
.boiler-order-answer .order-button .order-button-label {padding: 15px 20px;}
.hear-about-section .order-button-label {  margin-left: auto;  margin-right: auto; }
.order-button-label.hear-us{line-height: 20px;} 

/*===========================
	Form Loader 
=========================== */
.form_loader {
  border: 5px solid rgba(0,0,0,0.2);
  border-radius: 50%;
  border-top: 5px solid #e8ab1d;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: 10px auto 0;
  display: none;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*==================================
	Animation
===================================*/
.boiler-order-step {
	background: #fff !important;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.7s ease-in-out;
	-moz-transition: opacity 0.7s ease-in-out;
	transition: opacity 0.7s ease-in-out;
}
.boiler-order-step.active { visibility: visible; opacity: 1; }

/*===============================
	Checkout
=================================*/
#finance-calculator .modal-content {max-width: 650px !important;}
.qoute-spacing, .page-template-archive-products{padding-bottom: 5% !important;padding-top: 5% !important;}
.steps {margin-right:5px;background: #e8ab1d;color: #fff;width: 35px;height: 35px;display: inline-block;
	line-height: 35px;text-align: center;border-radius: 35px;}
.accordion span, .accordion, #installation-date {font-weight: bold;}
#finance-calculator .form-max {margin: 0;}

/* Installation Date */
.date-acc {display: flex;width: calc(100% - 0px);background: #fff;align-items: center;margin-bottom: 20px;border-radius: 15px;padding-right: 20px;}
html .payment-panel input[type="button"]:focus {color: #333 !important;}
/* Installation Date close */
#paycard {display: flex;justify-content: space-between;} 
.payment-panel .tms_radio-btn::before, #finance-calculator .tms_radio-btn::before {border: 5px solid transparent; box-shadow: 0 0 0 1px #333;}
#payment-option-section input,
#monthly-pay-section .pay-2 input[type="button"]{
	width: 100%;
	text-align: left;
	padding: 1em 1em 1em 3.25em;
	background: #fff;
	border: 1px solid #e8ab1d;
	color: #e8ab1d;
	border-radius: 0.75em;
	font-weight: bold;
}
#payment-option-section .bq_order-option { padding: 0; border: none; background: none; margin: 1em 0; width: 100%; }
#paycard .cards { display: none; }
#paycard .btn_styl_radio.btn-color-1 {
	background-image: url(/wp-content/themes/mph/image/cards.svg);
	background-repeat: no-repeat;
	background-size: 200px;
	background-position: center right;
}
.payment-panel input:hover {color: #333 !important;} 
.payment-panel .bq_order-option {background: #f4f7fb;}
.cards {float: right;width: 150px;} .payment-info {font-size: 15px;}
.date-acc .accordion {margin: 0px !important;}
.warranty-installation {align-items: center;}
.custom-btn {display: block;padding: 15px;color: #fff;background: #e8ab1d;text-align: center;
	cursor: pointer;border-radius: 5px;} .right_order-details h5 {color: #e8ab1d;}
/* Installation Date close */
/* Card */
#payment-form iframe { height: 50px !important; }   
div.CardField { border: 1px solid #b8c3cc !important; border-radius: 5px;padding: 20px; }   
div.CardField-input-wrapper { margin-top: -8px; }
div.CardField--ltr .CardBrandIcon-container {left: 10px;}
#submit {background: #f2a86b;width:100%;border-radius:7px;}
#payment-window { background: #fef3e9; margin: 0; padding: 20px; border-radius: 7px; }
#card-error, #payment-form { margin-bottom: 0; }

/* Card Close */
.custom-btn:hover, .bq_form-input input[type="button"]:hover, .bq_form-input input[type="button"]:focus, #submit:hover{color: #fff;background: #e8ab1d;}
.bq_order-summary-row a {color: #37003c;text-decoration: underline;}
.right_order-details #boiler-price {
	text-align: right;
	display: block;
	width:30%;
	padding-right: 15px;
	color: #e8ab1d;
	font-weight: bold;
	font-size: 20px;
}
.right_order-details #total-cost{color: #e8ab1d;font-weight: bold;font-size: 20px;}
.single .btn.boiler-info-btn, .btn_container .calendar-btn:hover {background: transparent;color: #e8ab1d;border-color: #e8ab1d;}

h5 { color: #333; font-weight: bold; }
.margin-b-0 { margin-bottom: 0; }
.margin-b-2 { margin-bottom: 0.5rem; }
.margin-b-4 { margin-bottom: 1rem; }
.margin-t-2 { margin-top: 0.5rem; }
.margin-t-2 { margin-top: 0.5rem; }
.margin-t-2 { margin-top: 1rem; }

.left_checkout-steps input {background: transparent;	border-radius: 3px;}
.bq_form-input input[type="button"] {background: #e8ab1d;}

.bq-col-25 { width: 25%; }
.bq-col-75 { width: 75%; }
.padding-lr-1 { padding: 0 1rem; }
.text-right { text-align: right; }
.txt_c_white { color: #fff; }
.small_txt { font-size: 16px; }
.bg-grey { background: #e8ab1d; }

.left_checkout-steps { padding: 0 1rem; }
.bq_order-option {
	background: #fff;
	width: calc(100% - 1.5rem);
	padding: 0.75rem;
	margin: 1rem 0.7rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 1px solid #B8C3CC;
	border-radius: 0.75rem;
}
input[type="button"].btn-color-1 { color: #e8ab1d; background: #fff1b4; }
input[type="button"].btn-color-1:hover { background: #e8ab1d; color: #fff; }
input[type="button"].btn_styl_radio { font-size: 18px; padding: 0.25em 0.6em; border-radius: 0.25rem; }
.tms_radio-btn input[type="button"].btn_styl_radio { padding-left: 2.5rem; }
.tms_radio-btn-active input[type="button"].btn-color-1 { color: #ffffff; background: #e8ab1d; }
.tms_radio-btn { position: relative; }

.tms_radio-btn::before { 
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  content: "";
  font-size: 18px;
  line-height: 1.4;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #fff;
  transform: translate(0.35em, -50%);
  pointer-events: none;
  text-align: center;
}

#thermo-panel .tms_radio-btn::before { width: 1.5rem; height: 1.5rem; }

.order-button-helper ul.p-question { margin: 0; list-style-position: inside; }

#payment-option-section .tms_radio-btn::before { left: 1.5em; }
.tms_radio-btn-active::before { content: '\f00c'; font-family: "Font Awesome 5 Free"; color: #e8ab1d; font-weight: bold; }
.tms_checklist ul { margin: 0; }
.tms_checklist ul li { position: relative; list-style-type: none; padding-left: 25px; font-size: 1rem; line-height: 1.2em; }
.tms_checklist ul li::before {
	content: '\f00c';
	display: block;
	font-family: "Font Awesome 5 Free";
	position: absolute;
	left: 0;
	top: 5px;
	font-weight: bold;
	color: #e8ab1d;
	font-size: 14px;
	line-height: 1.3;
}

.bq_contact_form,
.bq_contact_form .bq_form-input label,
.bq_contact_form .bq_form-input input { display: block; width: 100%; }
.bq_contact_form .bq_form-input { margin: 20px 0; position: relative; }
.frm_error_styl {
	position: absolute;
	top: 5px;
	right: 0;
	background:#e8ab1d;
	font-size: 12px;
	padding: 2px 10px;
	color: #fff;
	font-weight: bold;
}
.frm_error_styl::after {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid #e8ab1d;
	content: '';
	display: block;
	position: absolute;
	right: 0;
}

.bq_order-body { border-left: 1px solid #f2f2f5; border-right: 1px solid #f2f2f5; }

.right_order-details .bq_order-summary-header {
	background: #fff;
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;
	padding: 1rem 1.9rem;
	border: 2px solid #f2f2f5;
	border-bottom: 4px solid #F2F2F5;
}
.boiler-icon-info img { margin-right: 1.5rem; width:45px;}
.bg-grey-lightest {	background: #F2F2F5; }
.right_order-details .bq_order-summary-row {
	padding: 0.25rem 0;
	background: #fff;
	display: flex;
	align-items: center;
	border-bottom: 2px solid #F2F2F5;
}
.right_order-details .bq_order-summary-row p {
	line-height: 1.2em;
	color: #555F69;
	font-size: 1rem;
	margin: 0;
	width:60%;
}
.right_order-details .bq_order-summary-row h5 {	margin: auto 1rem auto auto; }
.order-summary-img-sm img {
	width: 60px;
	margin: 0 20px;
}
.right_order-details .bq_order-summary-footer {
	background: #fff;
	border-bottom-left-radius: 2rem;
	border-bottom-right-radius: 2rem;
	overflow: hidden;
	padding: 1rem 1.5rem 0 1.5rem;
	border: 2px solid #F2F2F5;
}
.price_total-row {
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	flex-wrap: wrap;
}
.price_total-col {
	flex-grow: 1;
	flex-basis: 0;
	max-width: 100%;
}
.right_order-details p.bq_order-summary-terms {
	/*padding: 0.5em;*/
	margin: 1em -1.5rem 0;
}

.left_checkout-steps .accordion {
  background-color: #fff;
  border: none;
  color: #333;
  cursor: pointer;
  padding: 20px;
  margin: 20px 0px;
  border-radius: 1rem;
  width: calc(100% - 0px);
}

/*========================
	Save Quote
=========================*/
.sbq_radio-btn input[type="radio"] { display: none; }
.sbq_radio-btn label { position: relative; padding-left: 30px; cursor: pointer; }
.sbq_click_icon {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	background: #fff;
	border: 5px solid transparent;
	box-shadow: 0 0 0 1px #333;
}

.sbq_radio-btn input[type="radio"]:checked + label .sbq_click_icon {
	border: 5px solid #e8ab1d;
	background: #c4d5ea;
	box-shadow: 0 0 0 1px #e8ab1d;
}


/*===============================================
	Card 
=================================================*/
#payment-form iframe { height: 50px !important; }   
.CardField { border: 1px solid #b8c3cc !important; border-radius: 5px;padding: 20px; }   
.CardField-input-wrapper { margin-top: -8px; }
.CardField--ltr .CardBrandIcon-container {left: 10px;}

/*===================================================
	Calendar
=====================================================*/
.calendar { display: flex; flex-flow: column; }
.calendar .header .month-year { font-size: 20px; font-weight: bold; color: #636e73; padding: 20px 0; }
.calendar .days { display: flex; flex-flow: wrap; }
.calendar .days .day_name {
    width: calc(100% / 7);
    border-right: 1px solid #2c7aca;
    padding: 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #818589;
    color: #fff;
    background-color: #448cd6;
}
.calendar .days .day_name:nth-child(7) { border: none; }
.calendar .days .day_num {
    display: flex;
    flex-flow: column;
    width: calc(100% / 7);
    border-right: 1px solid #e6e9ea;
    border-bottom: 1px solid #e6e9ea;
    padding: 15px;
    font-weight: bold;
    color: #7c878d;
    cursor: pointer;
    min-height: 100px;
}
.calendar .days .day_num span { display: inline-flex; width: 30px; font-size: 14px; }
.calendar .days .day_num .event {
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
    padding: 3px 6px;
    border-radius: 4px;
    background-color: #f7c30d;
    color: #fff;
    word-wrap: break-word;
}
.calendar .days .day_num .event.green { background-color: #51ce57; }
.calendar .days .day_num .event.blue { background-color: #518fce; }
.calendar .days .day_num .event.red { background-color: #ce5151; }
.calendar .days .day_num:nth-child(7n+1) { border-left: 1px solid #e6e9ea; }
.calendar .days .day_num:hover { background-color: #fdfdfd; }
.calendar .days .day_num.ignore { background-color: #fdfdfd; color: #ced2d4; cursor: inherit; }
.calendar .days .day_num.selected { background-color: #f1f2f3; cursor: inherit; }


/* ================================
	Contact Page
=================================== */
.page-template-contact-us { background: #fff; }
.bqcon_form-fields { margin: 10px 0; float: left; width: 100%; position: relative; }
.bqcon_form_button .form_submit_button { background: #e8ab1d; width: 100%; border-radius: 7px; color: #fff; }
.bqcon_form_button .form_submit_button:hover { background: #e8ab1d; }
.bqcon_form_button { margin: 10px 0 20px; float: left; width: 100%; }
#bx_botm { clear: both; }

.contact_frm_styl .frm_error_styl { top: -22px; display: none; }
.form_loader {
	border: 5px solid rgba(0,0,0,0.2);
	border-radius: 50%;
	border-top: 5px solid #e8ab1d;
	width: 20px;
	height: 20px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin: 10px auto 0;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*=================*/

.left_checkout-steps .accordion.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

/* Change color of the heading and icon (on hover and click) */
.left_checkout-steps .active, 
.left_checkout-steps .accordion:hover,
.left_checkout-steps .accordion:focus { background-color: #fff; }

/* Style the accordion panel */
.left_checkout-steps .accordion-panel {
  padding: 20px;
  overflow: hidden; 
  transition: max-height 0.2s ease-out;
  margin-bottom: 30px; 
  background: #fff; 
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  margin-top:-30px;
}

/*===================================================================================================================
	Media Screen 
=====================================================================================================================*/

@media screen and (max-width:768px){ 
  #finance-calculator .pay-1, #finance-calculator .pay-2 {padding: 10px !important;}
  div.boiler-order-answer .order-button {background-position: -8px -2px;background-size: 60px !important;}
	#section3 .order-button { 	background-position: -6px 0px; }
	#section3 .order-button:last-child {background-position: -5px -5px;}
  .bq_order-summary-header .d-flex {display: flex;}
  #thermo-panel .bq-col-75 {width: 100%;}
  div.tp_list .hd_styl {display: block;margin: 30px 0; }
  .d-flex {display:block;}  .left_checkout-steps {padding: 0px;}
  .order-summary-img-sm img {margin: 0px;}
  .right_order-details .bq_order-summary-row p{width: 70%;} 
  /*.bx_nav li a {min-height: 100px;}*/
  #finance-calculator .modal-content { width: calc(100% - 20px); }  
  .rigt img {max-width: 100%;}
  .boiler-info-table .left_tb span { display: table-cell; width: 50%; vertical-align: middle; border-bottom: 1px solid #333; padding: 6px 20px; }
  .bx-black { float: left; width: auto; border-radius: 20px; margin: 2rem 15px; padding: 1rem; color: #fff; text-align: center; }
  .cent_midl { width: 1%; display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto; }	
  .boiler-prices { width: auto; display: block; clear: both; padding: 1rem; float: left; margin: 20px 0; }
  .bx-white { background: #fff; padding: 1rem; border-radius: 20px; float: none; width: auto; margin: 0px 15px 20px; clear: both; text-align: center; }
  .accordion-function { background: #fff;	padding: 15px; float: left;	width: auto; margin: 2rem 15px;	border-radius: 20px; }
  .accordion-function .accordion { background-color: #fff;position: relative;	color: #333; cursor: pointer; padding: 18px; margin: 0; font-weight: 300; padding-left: 0px; font-size: 17px; }
  .accordion-function .accordion::after {
		content: '\002B';
		color: #fff;
		font-weight: bold;
		float: left;
		background: #e8ab1d;
		width: 30px;
		text-align: center;
		border-radius: 50px;
		height: 30px;
		line-height: 26px;
		font-size: 20px;
		margin-top: 0px;
		position: absolute;
		
	}
	
	.accordion-function .accordion-panel { padding: 0px; overflow: hidden; max-height: 0; transition: max-height 0.2s ease-out; font-size: 16px; }	
	.boiler-information.text-center { margin: 15px;padding: 1rem;width: auto; }
	.desk-view {display: none;}
	.mobil-view {display: block;width: 50%;margin:20px auto;}
	h5.c-brand {text-align: left;font-size: 18px;line-height: 1.5;}
	#section16 .order-button {background-position: left 5px !important; background-size: 35px !important;}
	#section17 img {width: 50px !important;}
	#bx_botm .c-brand.mb-2 {text-align: center;margin: 10px auto;}
	.bx_nav ul li a .nav_icon-img {width: 40%;display: block;margin: 0 auto;}
	.bx_nav ul li a { background: #fff; width: 100% !important; float: left; /*padding: 5px;*/ height: auto; line-height: 50px; font-size: 12px; }
	.bx_nav {max-width: 1200px;margin: 0 auto;padding: 0px 10px;}
	.bx_nav ul li a {line-height: 20px;font-size: 12px;}
	.bx_nav ul li a {line-height: 20px;font-size: 12px;}
	.bx_nav ul li {display: inline-block;text-align: center;width: 23%;}
	#section16 .order-button {background-position: left 5px !important; background-size: 35px !important;}
	#section17 img {width: 50px !important;}  
	.boiler-order-step table tr input[type="text"] {background: transparent;border: none;width: 100%;}
	.boiler-order-question h3 {font-size: 17px;margin: 0;} 
	.boiler-order-step table tr {border: 0px solid #fff;padding: 0px;}
	.boiler-info h3, .boiler-info h5, .boiler-info .finance {text-align: center;}
	.btn_container .btn {padding: 12px 0.8em;font-size: 1rem !important;}  
	.price_container .d-flex,
	.warranty-installation.d-flex { display: flex; margin: 0; }
	.price-box { margin: 10px 5px 0; } 
	#boilers_list {margin: 0px 10px !important;}
	.boiler-info {margin-bottom: 20px;}
	.warranty-installation p {font-size: 14px;text-align: center;}
	#boilers_list .boiler_list_content .boiler_price_details { padding: 0.75rem; width: 100%; }
	.hd_styl h2 { margin-bottom: 20px; }
	.boiler-info h2 { text-align: center; }
	.boiler-img img { max-width: 120px; }
	.warranty-installation .warranty, .warranty-installation .gas-safety { margin: 0 10px; }
	.warranty-installation p { line-height: 1.25; }
	.hd_styl { margin: 0; }
	.mob_top_margin { margin-top: 0 !important; }
	.choosepayoptionbox { max-width: 100%; }
}


@media screen and (max-width:550px){
  .form_postcode_search { display: flex; } 
  #postcode { width: 100%; } 
  .form_postcode_search input[type="button"] {font-size: 14px;padding: 13px; }
  .modal-content, .Manual-content {margin: 0px 10px;padding: 15px;} .privacy-text {font-size: 13px;}
  .boiler-order-answer { padding: 0; margin-bottom: 15px; }
  .boiler-order-step { padding: 1.5rem 1rem 5rem; }
  .boiler-order-answer .order-button-number { font-size: 34px; }
  .boiler-prices h3 { font-size: 24px; max-width: 80%; margin: 0 auto 20px; }
}


@media screen and (max-width:480px){
	#additional-options-container .tms_radio-btn {float: none;margin-top:10px;}
	#thermo-panel {	padding: 20px 0px;}
	div.boiler-order-question h2 {font-size: 16px;}
	.boiler-order-answer .order-button .order-button-label {font-size: 13px;}
	.ourPromiseBox h3 { font-size: 17px; }   .ourPromiseBox li { font-size: 14px; }
	.ammount-flex {display: flex;} .quote-form__checkbox-wrapper label .quote-form__checkbox-content::before {
	left: -2px !important;}	.ammount-flex button {font-size: 12px;margin: 2px;padding: 5px 2px !important;}
	div.form-max {margin: 0px !important;}
	.pay-2 .tms_radio-btn::before {left: 5px !important;}
	.p-question i {width: 18px;height: 18px;font-size: 12px !important;}
	.cards {width: 130px;}
	.p-question { font-size: 14px; }
	.payment-panel .btn_styl_radio, 
	#finance-calculator .btn_styl_radio { padding-left: 40px !important; font-size: 15px !important; }
	.payment-panel .tms_radio-btn::before, #finance-calculator .tms_radio-btn::before { width: 10px; height: 10px; }
	.payment-panel .bq_order-option { padding: 10px 5px; }
	.boiler-order-answer .order-button-sm {width: 6em !important;}
	button.order-button { padding-right: 10px; }
	.boiler-order-answer .order-button.numeric {padding-left: 15px;}
	#boilers_list .boiler-info .checklist { margin: 0 0 25px; }
	#boilers_list .boiler-info .checklist li, h5.c-brand  { font-size: 14px; }
	#boilers_list .boiler-info .checklist li::before { top: 3px; }
	#payment-option-section .tms_radio-btn::before { left: .5em; }
	#paycard .btn_styl_radio.btn-color-1 { background-size: 150px; }
	.left_checkout-steps .accordion { padding: 10px; width: calc(100% - 0px); }
	.hd_styl h2 { margin-bottom: 20px; }
	.boiler_price_details .price_container { font-size: 1.25rem; }
	.price_container .price_container_inner { display: block; }
	.price_container .price_container_inner .price-box { width: auto; }
	.accordion-function .accordion span { font-size: 18px; }
	.boiler-info-table .left_tb span { font-size: 14px; }
	
}


@media screen and (max-width:375px){
	.steps {width: 25px;height: 25px;line-height: 25px;font-size: 15px;}
	.accordion span, .accordion, #installation-date {font-size: 15px;}
	#Manual-modal h3 {font-size: 18px;}
	h2 { font-size: 24px; }
}

@media screen and (max-width: 1440px) {
	.grid-container, 
	.page-template-archive-products div#boilers_list { max-width: 1200px; }
	.price-box p { font-size: 0.65rem; }	
}

@media screen and (min-width: 1441px) {
	#boilers_list .warranty .warranty-badge,
	#boilers_list .gas-safety-image { margin-right: 0.25em; }
	.warranty-installation .warranty,
	.warranty-installation .gas-safety { display: flex; }
}

@media screen and (min-width: 1201px) {
	#boilers_list .boiler_list_content { flex-direction: row; align-items: center; padding: 0.5rem; }
	.bq-col-30 { width: 30%; padding: 2rem 1rem; }
	.bq-col-40 { width: 40%; padding: 0 1rem; }
	.bq-col-50 { width: 50%; padding: 2rem 1rem; }
	.bq-col-60 { width: 60%; }
	.boiler-img img { max-height: 350px; }
	.price_container_inner { margin: 1rem 0; }
	.price-box { margin: 0; }
	.fixed_price { margin-right: 2%; }
	.monthly_price { margin-left: 2%; }
	.boiler-order-answer { padding: 0 2rem 0; }
}

@media screen and (min-width: 769px) {
	#section7 .boiler-order-answer .order-button, #section9 .boiler-order-answer .order-button{width: 11em;height: 11em;}
  .bottom-spacing {margin-bottom: 6%;}
  .boiler-order-answer { flex-direction: row; padding: 0 2rem ; }
  .fd_col { flex-direction: column; }
  .boiler-order-answer .order-button { margin: 0.5rem; font-size: 20px; background-size: cover; background-position: center; padding:0; width: 12em; height: 12em; flex-direction: column; align-items: stretch; }
  .boiler-order-answer .order-button .order-button-label { margin-top: auto; padding-bottom: 1rem; text-align: center; /*padding:0 15px 20px;*/ }
  .boiler-order-answer .order-button-sm { width: 6em; height: auto; }
  .boiler-order-answer .order-button.numeric, 
  .boiler-order-answer .order-button.numeric { padding-left: 0; }
  .boiler-order-question h3 { font-size: 30px; }
  .boiler-order-step .back_step_button { top: 50%; bottom: auto; left: 2rem; transform: translate(0, -50%); }
  #boilers_list .boiler_list_content .boiler_price_details { padding: 1.5rem 2.5rem; }
}