.field-cost-confirmation h2 {
	border-bottom: 1px solid #CCC!important;
}
.field-cost-confirmation h3 { font-size: 15px; line-height: 24px; font-weight: bold; padding: 10px 0 0 0; }
.field-cost-confirmation p { margin: 0px; }

.quote-help-back {
	background: rgba(0,0,0,0.4);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: none;
}

.quote-help {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 500px;
	max-width: 90%;
	padding: 60px;
	background: #FFF;
	box-shadow: 0 0 30px rgba(0,0,0,0.3);
	border-left: 3px solid #e1e1dd;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #000;
	text-align: left;
	z-index: 10001;
	display: none;
	overflow: auto;
}
.quote-help-close {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0px;
	top: 50px;
	border: 3px solid #e1e1dd;
	border-radius: 0 4px 4px 0;
	border-left: none;
	z-index: 10002;
	background: url(../images/close.png) no-repeat center center #FFF;
	background-size: 20px auto;
}

.quote-form {
	position: relative;
	background: #FFF;
}
.quote-form div { margin: 0px; }
.quote-form input[type="submit"] { display: none; }
	.quote-form.submitting:before {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -12px 0 0 -12px;
		background: url(../images/ajax-loader.gif) no-repeat;
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		content: '';
		display: block;
	}
	.quote-form.submitting .quote-step { opacity: 0.3; }
	.quote-form-status {
		position: absolute;
		top: 0px;
		height: 8px;
		left: 0px;
		width: 100%;
		background: #e1e1dd;
	}
		.quote-form-status span {
			position: absolute;
			top: 0px;
			left: 0px;
			height: 8px;
			background: #de715a;
			display: block;
		}
	.clearfix { clear: both; display: block; }

.quote-arrow {
		position: absolute;
		top: 50%;
		left: 0px;
		width: 70px;
		border: 3px solid #e1e1dd;
		border-left: none;
		z-index: 100;
		margin-top: -50px;
		height: 100px;
		display: none;
		text-indent: -9999px;
		background: url(../images/arrow-left.png) no-repeat center;
	}

	.quote-arrow-right {
		background: url(../images/arrow-right.png) no-repeat center;
		left: 0px;
		right: 0px;
		border-radius: 5px 0 0 5px;
		display: none;
	}
	.quote-arrow:hover { border-color: #de715a; }

	.quote-step {
		padding: 70px 50px;
		position: relative;
		text-align: center;
		display: none;
	}
	.quote-step.active { display: block; }
		.quote-step h3 {
			text-align: center;
			font-size: 32px;
			color: #333333;
			margin: 0 0 40px 0;
			line-height: 38px;
		}
			.quote-step h3 span { color: #de715a; }

	.quote-button {
		background: #de715a;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		color: #FFF;
		display: inline-block;
		border: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 30px;
		line-height: 20px;
		font-size: 15px;
		font-weight: 500;
	}
	.quote-button:hover { opacity: 0.9; color: #FFF; }

	.container-wrap .quote-form input[type="text"],
	.container-wrap .quote-form input[type="email"],
	.container-wrap .quote-form input[type="number"] {
		border: 3px solid #e1e1dd!important;
		display: block;
		width: 100%;
		padding: 5px 15px!important;
		height: 50px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		background: #FFF;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		font-size: 15px;
		line-height: 40px;
	}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

	.quote-step-nav {
		text-align: center;
	}

	.quote-help-button {
		position: absolute;
		top: 30px;
		right: -200px;
		border-radius: 5px 0 0 5px;
		line-height: 40px;
		padding: 0 30px;
		color: #FFF;
		background: #de715a;
		font-size: 20px;
		border-right: none;
	}
	.quote-help-button:hover { border-color: #333; color: #FFF; }

	.quote-help-content { display: none; }
	.quote-help .quote-help-content { display: block; }


	/* Step 1 */

	#quote-step-1 { padding-bottom: 0px; }

	.quote-intro-image {
		float: right;
		width: 50%;
	}
		.quote-intro-image img { display: block; width: 100%; }
	.quote-intro-text {
		float: right;
		width: 50%;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 60px 60px 130px 105px;
	}
		.quote-intro-text h2 {
			font-size: 35px;
			color: #000000;
			line-height: 39px;
			margin: 0 0 20px 0;
		}
		.quote-intro-text p {
			font-size: 15px;
			line-height: 19px;
			margin: 0 0 20px 0;
		}
		.welcome-back-buttons {

		}
		.welcome-back-buttons a,
		.welcome-back-buttons span { display: inline-block; vertical-align: top; }
		.welcome-back-buttons a { margin-bottom: 10px; }


	/* Step 2 */

	.quote-contact-details-form {
		text-align: center;
	}
		.quote-contact-details-form .quote-fields {
			width: 500px;
			max-width: 100%;
			padding: 30px 0 0 0;
			margin: 0 auto;
		}
			.quote-contact-details-form .quote-fields .quote-field {
				margin: 0 0 20px 0;
				text-align: left;
				position: relative;
			}
			.quote-contact-details-form .quote-fields .quote-field input[type="text"],
			.quote-contact-details-form .quote-fields .quote-field input[type="email"] {
				height: 62px;
				display: block;
				padding: 15px;
				background: #FFFF;
				width: 100%;
				box-shadow: 0 0 5px rgba(0,0,0,0.2);
				font-size: 18px;
				border: none;
			}
			.quote-contact-details-form .quote-field-terms { 
				position: relative;
				width: 500px;
				max-width: 100%;
				margin: 0 auto 30px auto;
				text-align: left;
			}
			.quote-contact-details-form .quote-field-terms input[type="checkbox"] {
				position: absolute;
				left: -9999px;
			}
			.quote-contact-details-form .quote-field-terms label:before {
				width: 24px;
				height: 24px;
				border: 2px solid #000;
				content: '';
				display: block;
				position: absolute;
				top: 0px;
				left: 0px;
			}
			.quote-contact-details-form .quote-field-terms label {
				padding: 0 0 0 34px;
				line-height: 24px;
				display: block;
				position: relative;
				font-size: 16px;
			}
			.quote-contact-details-form .quote-field-terms label a { text-decoration: underline; }
			.quote-contact-details-form .quote-field-terms input[type="checkbox"]:checked + label:before {
				background: url(../images/white-check.svg) no-repeat center center #000;
				background-size: 22px auto;
			}
			.quote-contact-details-form .quote-fields .quote-field-error label,
			.quote-contact-details-form .quote-field-error label { color: red; }
			.quote-contact-details-form .quote-fields .quote-field-error input,
			.quote-contact-details-form .quote-field-error input { border: 1px solid red!important; }
			.quote-contact-details-form .quote-fields .quote-field-error .error-message,
			.quote-contact-details-form .quote-field-error .error-message { color: red; padding: 10px 0 10px 0; display: block; font-size: 15px }
		.quote-contact-details-form .quote-contact-details-form-promises {
			width: 500px;
			max-width: 100%;
			margin: 30px auto;
			box-shadow: 0 0 5px rgba(0,0,0,0.2);
			text-align: left;
			background: #FFF;
		}
			.quote-contact-details-form .quote-contact-details-form-promises h3 {
				padding: 10px 20px;
				background: #f0f2f8;
				font-size: 28px;
				margin: 0px;
				text-align: left;
				font-weight: 500;
			}
			.quote-contact-details-form .quote-contact-details-form-promises ul {
				padding: 15px 20px;
				list-style: none;
				margin: 0px;
			}
				.quote-contact-details-form .quote-contact-details-form-promises ul li {
					display: block;
					margin: 0px;
					padding: 5px 0 5px 30px;
					position: relative;
					font-size: 18px;
					line-height: 24px;
					background: none no-repeat left 3px;
					background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/></svg>');
					background-size: 26px auto;
				}


	/*#quote-step-2 {  }

	#quote-step-2 .quote-fields,
	#quote-step-4 .quote-fields {
		padding: 70px 137px 0 137px;
		padding: 70px 0 0 0;
	}
		#quote-step-2 .quote-fields .quote-field,
		#quote-step-4 .quote-fields .quote-field {
			float: left;
			width: 25%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding: 105px 37px 145px 37px;
		}
		#quote-step-2 .quote-fields .quote-field-name,
		#quote-step-4 .quote-fields .quote-field-name {
			background: url(../images/icon-name.png) no-repeat center top;
		}
		#quote-step-2 .quote-fields .quote-field-email,
		#quote-step-4 .quote-fields .quote-field-email {
			background: url(../images/icon-email.png) no-repeat center 19px;
		}
		#quote-step-2 .quote-fields .quote-field-phone,
		#quote-step-4 .quote-fields .quote-field-phone {
			background: url(../images/icon-phone.png) no-repeat center 19px;
		}
		#quote-step-2 .quote-fields .quote-field-postcode,
		#quote-step-4 .quote-fields .quote-field-postcode {
			background: url(../images/icon-postcode.png) no-repeat center 19px;
		}
			#quote-step-2 .quote-fields .quote-field label,
			#quote-step-4 .quote-fields .quote-field label {
				display: block;
				font-weight: normal!important;
				text-align: center;
				font-size: 20px;
				margin: 0 0 10px 0;
			}
		.quote-field-error label { color: red; }
		.quote-field-error input { border-color: red; }
		.quote-field-error .error-message { color: red; padding: 10px 0 0 0; display: block; }*/


	/* Step 3 */

	#quote-step-3 {  }

	.quote-question { display: none; }
	.quote-question div { margin: 0px; }

	.quote-question-answers .quote-question-answer {
		display: inline-block;
		max-width: 33.3%;
		min-width: 230px;
		text-align: center;
		padding: 0 30px 30px 30px;
		vertical-align: bottom;
		position: relative;
	}

	/*.quote-question-1 .quote-question-answers { max-width: 1000px; margin: 0 auto; }
	.quote-question-1 .quote-question-answers .quote-question-answer { width: 23%; }
	.quote-question-1 .quote-question-answers .quote-button { padding-left: 20px; padding-right: 20px; }*/

	.answer-tooltip {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		background: #4a525d;
		z-index: 1;
		padding: 30px 30px 100px 30px;
		display: none;
		min-height: 100%;
	}
	.quote-question-answer:hover .answer-tooltip { display: block; }

	.info-icon {
		margin-top: -20px;
		display: block;
	}
	.info-icon img { 
		width: 16px;
		height: auto;
		margin: 0 auto 16px auto!important;
 	}

		.answer-tooltip p {
			font-size: 14px;
			line-height: 18px;
			color: #FFF;
			margin: 0px;
			display: block!important;
			text-align: center;
		}

		.quote-question-answers .quote-button {
	z-index:10;
	position: relative;
}

		.quote-question-answers .quote-question-answer img {
    display: block;
    margin: 0 auto 30px auto;
    max-height: 160px;
    max-width: 130px;
}
		.quote-question-answers .quote-question-answer p {  }
		.quote-question-8 .quote-question-answers .quote-question-answer p.answer-note,
		.quote-question-8a .quote-question-answers .quote-question-answer p.answer-note  { display: none; }
		.quote-question-answers .quote-question-answer a { text-transform: capitalize; }

		.question-other,
		.question-quantity,
		.question-text-field {
			display: block;
		}
		body .quote-question-answer-other { display: block!important;
    clear: both;
    margin: 0 auto; }
			body .question-other input,
			body .question-quantity input,
			body .question-text-field input {
				display: inline-block;
				margin: 0 10px 10px 0;
				width: auto;
				padding: 10px 14px;
				height: 40px;
				vertical-align: top;
				font-family: inherit;
				border-style: solid;
				border-color: #333;
			}
			body .question-other input { margin-right: 0px; }
			body .question-other a.quote-button {
				border-radius: 0 0px 0px 0;
				-moz-border-radius: 0 0px 0px 0;
				-webkit-border-radius: 0 0px 0px 0;
				margin-left: 10px;
			}
	/*.quote-question-answers-count-1 .quote-question-answer { width: 100%; }
	.quote-question-answers-count-2 .quote-question-answer { width: 50%; }
	.quote-question-answers-count-3 .quote-question-answer { width: 33.33%; }
	.quote-question-answers-count-4 .quote-question-answer { width: 25%; }
	.quote-question-answers-count-5 .quote-question-answer { width: 20%; }
	.quote-question-answers-count-6 .quote-question-answer { width: 33.33%; }
	.quote-question-answers-count-7 .quote-question-answer { width: 33.33%; }
	.quote-question-answers-count-8 .quote-question-answer { width: 25%; }
	.quote-question-answers-count-9 .quote-question-answer { width: 33.33%; }*/

	#quote-step-3 .quote-fields {
		padding: 0;
		margin: 0 -30px;
	}
		#quote-step-3 .quote-fields .quote-field {
			float: left;
			width: 50%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding: 0 15px 30px 15px;
		}
			#quote-step-3 .quote-fields .quote-field .zoom-image {
				display: block;
				margin: 0 0 30px 0;
				text-align: center;
			}
			#quote-step-3 .quote-fields .quote-field img { width: 100%; }
			#quote-step-3 .quote-fields .quote-field label {
				display: block;
				font-weight: normal!important;
				text-align: center;
				font-size: 20px;
				margin: 0 0 10px 0;
			}


	/* Yes/No Questions */

	.quote-yes-no {

	}
		.quote-yes-no .zoom-image {
			margin: 0 auto 35px auto;
			display: block;
		}
			.quote-yes-no .zoom-image img {
				max-width: 720px;
				max-height: 360px;
				width: auto;
				height: auto;
				display: block;
				margin: 0 auto;
			}
			.quote-yes-no .zoom-image .caption {
				display: block;
				padding: 10px 0 0 0;
				font-size: 14px;
			}
		.quote-yes-no .quote-step-nav a {
			margin: 0 10px;
		}


	/* Need Engineer */

	#quote-step-need-engineer {  }
		#quote-step-need-engineer .quote-step-inner {
			background: url(../images/icon-alert.png) no-repeat center top;
			padding: 110px 280px 0 280px;
		}
			#quote-step-need-engineer .quote-step-inner h2 {
				font-size: 35px;
				padding: 0px;
				line-height: 40px;
				margin: 0 0 20px 0;
				color: #000;
			}
			#quote-step-need-engineer .quote-step-inner h3 {
				font-size: 24px;
				line-height: 29px;
				padding: 0px;
				margin: 0 0 20px 0;
				color: #000;
			}
			#quote-step-need-engineer .quote-step-inner p {
				margin: 0 0 20px 0;
				padding: 0px;
			}



@media all and (max-width: 1400px) and (min-width: 0px) {
	.quote-intro-text { padding-left: 0px; }
	#quote-step-2 .quote-fields { padding-left: 37px; padding-right: 37px; }
	#quote-step-need-engineer .quote-step-inner { padding-left: 0px; padding-right: 0px; }
}f

@media all and (max-width: 1024px) and (min-width: 0px) {
	.quote-intro-text { padding-top: 0px; padding-bottom: 40px; }
	#quote-step-2 .quote-fields,
	#quote-step-3 .quote-fields { padding-left: 0; padding-right: 0; padding-top: 40px; margin: 0px; }
	/*#quote-step-2 .quote-fields .quote-field,*/
	/*#quote-step-4 .quote-fields .quote-field { padding-left: 10px; padding-right: 10px; padding-bottom: 40px; }*/
	.quote-yes-no .quote-step-nav a { margin-bottom: 10px; }
}

@media all and (max-width: 940px) and (min-width: 0px) {
	.quote-step h3 { font-size: 24px; line-height: 28px; }
	.quote-yes-no .zoom-image img { max-width: 500px; max-height: 300px; }
	#quote-step-3 .quote-fields .quote-field label { font-size: 18px; }
	#quote-step-3 .quote-fields .quote-field,
	#quote-step-2 .quote-fields .quote-field,
	#quote-step-4 .quote-fields .quote-field { float: none; width: auto; }
	#quote-step-3 .quote-fields .quote-field .zoom-image { margin-bottom: 10px; }
	#quote-step-3 .quote-fields .quote-field img { width: 200px; }
	.quote-intro-image { display: block; float: none; width: auto; padding: 0px; margin: 0 auto 20px auto; }
	.quote-intro-text { float: none; width: auto; padding-right: 0px; }
}

.quote-question-answers .quote-question-answer .mobile-button,
.mobile-answer-tooltip { display: none; }
@media all and (max-width: 740px) and (min-width: 0px) {
	.quote-contact-details-form .quote-fields { padding: 10px 0 0 0; }
	.quote-contact-details-form .quote-contact-details-form-promises h3 { font-size: 26px; }
	.quote-contact-details-form .quote-fields .quote-field input[type="text"], .quote-contact-details-form .quote-fields .quote-field input[type="email"] { height: 52px; }
	.quote-contact-details-form .quote-contact-details-form-promises ul li { font-size: 16px; }
	.quote-step { padding-left: 20px; padding-right: 20px; padding-top: 50px; }
	.quote-step h3 { padding: 0 20px; margin-bottom: 30px; }
	.quote-form { position: relative; }
	/*.quote-arrow { top: 40px; width: 30px; height: 50px; margin: 0px; background-size: 10px; }*/
	.quote-arrow {
		position: relative;
		top: auto;
		left: 50%;
		margin-left: -26px;
		width: auto;
		height: auto;
		border: none;
		padding: 0 0 0 17px;
		background-size: 8px;
		text-indent: -9999px;
		background-position: left center;
		bottom: 40px;
	}
	.quote-question-answers .quote-question-answer {
		display: block;
		width: auto;
		max-width: none;
		margin-bottom: 10px;
		border: 1px solid #CCC;
		padding: 0px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
		text-align: left;
	}
	.quote-question-answers .quote-question-answer .quote-image {
		min-height: 40px;
		display: block;
		line-height: 40px;
		margin: 0;
		padding: 20px;
		text-align: left;
	}
	.quote-question-answers .quote-question-answer .quote-image-inner {
		width: 40px;
		display: inline-block;
		vertical-align: middle;
		margin: 0 15px 0 0;
	}
	.quote-question-answers .quote-question-answer .mobile-button {
		line-height: 25px;
		display: inline-block;
		font-size: 15px;
		padding: 5px 0 5px 0;
		vertical-align: middle;
		color: #000;
	}
	.quote-question-answers .quote-question-answer .quote-image img {
		max-width: 40px;
		max-height: 40px;
		margin: 0px;
		width: auto;
		height: auto;
		float: left;
	}
	.quote-question-answers .quote-question-answer .info-icon {
		text-align: center;
		display: block;
		width: 100%;
		line-height: 26px;
		height: 30px;
		border-top: 1px solid #CCC;
		margin: 0;
	}
	.quote-question-answers .quote-question-answer .info-icon img {
		height: 13px;
		display: inline-block;
		vertical-align: middle;
		width: auto;
		margin: 0px!important
	}
	.quote-question-answers .quote-question-answer p { padding: 15px 20px 15px 20px; border-top:none; font-size:14px; margin: 0px; }
	.quote-question-answers .quote-question-answer .quote-button { display: none; text-align: center; }
	.quote-question-answers .quote-question-answer .question-quantity .quote-button { display: block; }
	.quote-question-answers .quote-question-answer .quote-button-other { display: block; }
	.answer-tooltip {
		display: none!important;
	}
	.mobile-answer-tooltip {
		border: 1px solid #CCC;
		margin: 20px 20px 20px 20px!important;
		padding: 5px 20px;
		position: relative;
	}
	.mobile-answer-tooltip:before,
	.mobile-answer-tooltip:after {
		display: block;
		content: '';
		position: absolute;
		width: 0px;
		height: 0px;
		left: 20px;
		border-style: solid;
		border-width: 0 12px 12px;
		top: -12px;
		border-color: transparent transparent #CCC;
	}
	.mobile-answer-tooltip:after {
		top: -11px;
		border-color: transparent transparent #FFF;
	}
	body .question-other input, body .question-quantity input, body .question-text-field input {
		display: block;
		height: 52px;
		width: 100%;
		margin: 0px;
	}
}

@media all and (max-width: 640px) and (min-width: 0px) {
	.quote-yes-no .zoom-image img { max-width: 100%; max-height: 300px; }
	.quote-help { width: 300px; padding: 50px 30px; }
	.quote-help-button { top: 50%; padding: 0 10px; }
	.quote-help-close { top: 0px; border-top: none; }
}

@media all and (max-width: 480px) and (min-width: 0px) {
}



.woocommerce div.product form.cart .new-quote-button,
.woocommerce a.new-quote-button {
	background: #000;
	margin: 0 0 0 10px;
    letter-spacing: 1px;
    padding: 20px 45px!important;
    transition: all 0.2s linear;
}


.each-boiler {
	background: #582584;
	padding: 20px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 30px 0 0 0;
}
	.each-boiler p {
		display: inline-block;
		vertical-align: top;
		margin: 0px!important;
		padding: 0px!important;
		line-height: 20px;
	}
	.each-boiler ul {
		display: inline-block!important;
		vertical-align: top;
		list-style: none!important;
		margin: 0px!important;
		padding: 0px!important;
	}
		.each-boiler ul li {
			display: inline-block!important;
			line-height: 20px;
			vertical-align: top;
			padding: 0 0 0 32px!important;
			margin: 0 0 0 50px!important;
			position: relative;
		}
			.each-boiler ul li:before {
				display: block;
				position: absolute;
				top: 0px;
				left: 0px;
				/* background: url(http://loveyourboiler.com/wp-content/uploads/2018/03/each-boiler-point.png) no-repeat center center; */
				background-size: 20px auto;
				width: 20px;
				height: 20px;
				content: '';
			}

#recommended-boilers { margin: 0 0 100px 0; }
.recommended-boiler {
	align-items: center;
	border: 1px solid #000;
	display: flex;
	margin: 0 0 40px 0;
	position: relative;
}
.recommended-boiler-top-rated {
	border-color: #2ac389;
}
	.recommended-boiler:before {
		background: #4a525d;
		width: 25%;
		height: 100%;
		position: absolute;
		top: 0px;
		right: 0px;
		content: '';
		z-index: 0;
		display: block;
	}
	.recommended-boiler .image {
		width: 25%;
		text-align: center;
	}
	.recommended-boiler .image img {
		max-width: 100%;
		height: auto;
	}
	.recommended-boiler .top-rated-badge {
		position: absolute;
		top: 0px;
		display: block;
		right: 0px;
		width: 80px;
		height: 100px;
		background: url(../images/top-rated.png) no-repeat;
		background-size: 55px auto;
	}
	.recommended-boiler .details {
		padding: 20px 30px;
		width: 50%;
		text-align: left;
	}
		.recommended-boiler-top-rated .details .top-rated-label {
			background-color: #2ac389;
			color: #ffffff;
			float: left;
			padding: 5px 10px;
			display: block;
			margin: 0 0 10px 0;
		}
		.recommended-boiler .details h3 {
			font-size: 30px;
			line-height: 36px;
			font-weight: normal;
			margin: 0 0 10px 0;
			clear: both;
		}
		.recommended-boiler .details p {
			font-size: 15px;
			line-height: 24px;
		}
		.recommended-boiler .details ul { list-style: none; display: block; margin: 0px!important; padding: 0px!important; }
		.recommended-boiler .details ul li {
			padding: 0 0 0 30px;
			background: url(../images/tick.svg) no-repeat center left;
			background-size: 16px auto;
		}
		.recommended-boiler .details .recommended-boiler-details-bottom {
			padding: 20px 0 0 0;
		}
			.recommended-boiler .details .recommended-boiler-details-bottom div {
				display: inline-block;
				line-height: 30px;
				padding: 0 20px 0 0;
			}
			.recommended-boiler .details .recommended-boiler-details-bottom img { width: auto; height: 30px; display: inline-block; vertical-align: middle; }
			.recommended-boiler .details .recommended-boiler-details-bottom div span {
				display: inline-block;
				padding: 0 0 0 10px;
				vertical-align: middle;
			}
			.recommended-boiler .details .recommended-boiler-details-bottom .has-warranty_length {
				border-left: 1px solid #000;
				padding-left: 20px;
			}
	.recommended-boiler .choose {
		text-align: left;
		position: relative;
		z-index: 1;
		width: 25%;
		padding: 30px 20px;
	}
		.recommended-boiler .choose h5 {
			font-size: 20px;
			color: #FFF;
			font-weight: normal;
			margin: 0 0 20px 0;
		}
			.recommended-boiler .choose h5 span {
				float: right;
				font-size: 15px;
				margin-top: 4px;
			}
		.recommended-boiler .choose .boiler-price {
			font-size: 20px;
			color: #de715a;
			font-weight: normal;
			text-align: center;
			margin: 0px;
			line-height: 72px;
			display: block;
			background: #FFF;
		}
			.recommended-boiler .choose .boiler-price span { font-size: 15px; }
		.recommended-boiler .choose .spread-cost {
			display: block;
			margin: 0 0 15px 0;
		}
		.recommended-boiler .choose a.btn {
			display: block;
			font-size: 15px;
			color: #FFF;
			font-weight: 500;
			line-height: 30px;
			padding: 10px;
			text-align: center;
			margin: 20px 0 0 0;
		}
		.recommended-boiler .choose a.button-choose-install-date {
			background: #bc9753;
		}
		.recommended-boiler .choose a.btn svg { width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; }

#quote-details .gform_wrapper form { text-align: left; }


@media all and (max-width: 1023px) {
	.recommended-boiler { display: block; }
		.recommended-boiler:before { display: none; }
		.recommended-boiler .image,
		.recommended-boiler .details,
		.recommended-boiler .choose {
			display: block;
			width: auto;
		}
		.recommended-boiler .choose { background: #4a525d; }
		.recommended-boiler .details { text-align: left; }
		.recommended-boiler .details .recommended-boiler-details-bottom .has-warranty_length { border-left: none; padding-left: 0px; margin-top: 14px; }
}

@media all and (min-width: 1200px) {
	body.page-id-8572 #top_bg { padding: 0 0 93px 0; position: relative; min-height: 100vh; }
body.page-id-8572 #footer_bg {
	position: absolute;
	z-index: 1000;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
}

body.page-template-page-recommended .page_title_ctn h1 { max-width: none; }

#gform_4 { text-align: left; }
#gform_fields_4 li.field-hidden { display: none; }

@media all and (max-width: 1200px) and (min-width: 0px) {
	.each-boiler ul { padding-top: 20px; display: block!important; }
}
@media all and (max-width: 1035px) and (min-width: 0px) {
	.each-boiler { text-align: left; }
	.each-boiler p { margin: 0 0 10px 0!important; }
	.each-boiler ul li { display: block!important; text-align: left; margin: 0 0 10px 0!important; }
	/*.recommended-boiler .image,
	.recommended-boiler .details,
	.recommended-boiler .choose { display: block; width: auto; text-align: center; }*/
	body.page-template-page-recommended .page_title_ctn h1 { font-size: 46px; line-height: 50px; text-align: center; }
}

.side-form-back {
	z-index: 999;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	top: 0px;
	left: 0px;
	visibility: hidden;
	left: -9999px;
	opacity: 0;
	transition: opacity .3s ease-in-out;
}
.side-form {
	position: fixed;
	width: 600px;
	z-index: 1000;
	max-width: 100%;
	top: 0px;
	right: 0px;
	height: 100vh;
	overflow: auto;
	background: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	padding: 40px;
	visibility: hidden;
	right: -600px;
	transition: right .3s ease-in-out;
}
.close-side-form {
	position: fixed;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	top: 30px;
	right: 570px;
	padding: 0px;
	margin: 0px;
	z-index: 1001;
	visibility: hidden;
	right: -100px;
	transition: right .3s ease-in-out;
}
.book-survey-form-active,
.save-quote-form-active { overflow: hidden; }
.book-survey-form-active .side-form-back,
.save-quote-form-active .side-form-back {
	visibility: visible;
	left: 0px;
	opacity: 1;
}
.book-survey-form-active .side-form,
.save-quote-form-active .side-form {
	right: 0px;
	visibility: visible;
}
.book-survey-form-active .close-side-form,
.save-quote-form-active .close-side-form {
	right: 570px;
	visibility: visible;
}
.close-side-form svg {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: 0px;	
}
.side-form h2 { margin: 0 0 20px 0; font-size: 24px; }
.side-form .book-survey-form,
.side-form .save-quote-form { visibility: hidden; position: absolute; left: -9999px; }
.book-survey-form-active .book-survey-form {
	visibility: visible;
	position: relative;
	left: auto;
}
.save-quote-form-active .save-quote-form {
	visibility: visible;
	position: relative;
	left: auto;
}
.side-form .gform_wrapper.gravity-theme .gfield input.large, 
.side-form .gform_wrapper.gravity-theme .gfield select.large,
.side-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	border: 1px solid #000;
	height: 52px;
	display: block;
	padding: 15px;
	background: #FFFF;
	width: 100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	font-size: 18px;
}
.side-form .gform_wrapper.gravity-theme .gform_footer {
	margin: 20px 0 0 0;
}
.side-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
	display: block;
	width: 100%;
	height: 52px;
	font-size: 20px;
	cursor: pointer;
}
@media all and (max-width: 640px) and (min-width: 0px) {
	.close-side-form {
		right: auto!important;
		left: 10px!important;
		width: 40px!important;
		height: 40px!important;
		top: 10px!important;
		padding: 0px!important;
	}
	.close-side-form svg {
		width: 40px;
		height: 40px;
	}
	.side-form {
		padding: 60px 20px 20px 20px;
		width: calc(100% - 30px);
	}
}

.quote-options-h2 { padding-left: 20px; padding-right: 20px; }
@media all and (min-width: 741px) {
	.quote-question-3 .quote-question-answers { max-width: 920px; margin: 0 auto; }
	.quote-question-3 .quote-question-answers .quote-question-answer {
		min-width: 25%;
		max-width: 25%;
	}
}