.field-cost-confirmation h2 {
	border-bottom: 1px solid #CCC!important;
}
.field-cost-confirmation h3 { font-size: 16px; 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: #e30c17;
			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;
		border-radius: 0 5px 5px 0;
		height: 100px;
		display: none;
		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: #e30c17; }

	.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: #e30c17; }

	.quote-button {
		background: #e30c17;
		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 50px;
		line-height: 20px;
		font-size: 16px;
	}
	.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: 16px;
		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: #e30c17;
		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-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%;
		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: #04519f;
		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,
		.quote-question-8a .quote-question-answers .quote-question-answer p  { 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;
			}
			body .question-other input { margin-right: 0px; }
			body .question-other a.quote-button {
				border-radius: 0 5px 5px 0;
				-moz-border-radius: 0 5px 5px 0;
				-webkit-border-radius: 0 5px 5px 0;
				margin-left: -3px;
			}
	/*.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; }
}

@media all and (max-width: 1024px) and (min-width: 0px) {
	.quote-intro-text { padding-top: 40px; 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; }
}

@media all and (max-width: 740px) and (min-width: 0px) {
	.quote-step { padding-left: 20px; padding-right: 20px; }
	.quote-arrow { display: none!important; }
	.quote-question-answers .quote-question-answer {
		display: block;
		width: auto;
		max-width: none;
		margin-bottom: 20px;
	}
}

@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 {
	border-bottom: 2px solid #04519f;
	padding: 70px 0;
}
	.recommended-boiler .image {
		display: table-cell;
		vertical-align: middle;
		width: 28%;
		text-align: center;
	}
	.recommended-boiler .image .image-inner {
		display: inline-block;
		position: relative;
		text-align: center;
	}
	.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 {
		display: table-cell;
		vertical-align: middle;
		width: 38%;
		text-align: left;
	}
		.recommended-boiler .details h3 {
			font-size: 24px;
			font-weight: bold;
			color: #303e4e;
			margin: 0 0 20px 0;
		}
		.recommended-boiler .details p {
			font-size: 15px;
			line-height: 24px;
			color: #555555;
		}
		.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 .choose {
		display: table-cell;
		vertical-align: middle;
		width: 34%;
		text-align: center;
	}
		.recommended-boiler .choose h5 {
			font-size: 18px;
			color: #e30c17;
			font-weight: bold;
			margin: 0 0 30px 0;
		}
		.recommended-boiler .choose .boiler-price {
			font-size: 24px;
			color: #303e4e;
			font-weight: bold;
			margin: 0 0 10px 0;
		}
			.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.button {
			display: inline-block;
			font-size: 15px;
			color: #FFF;
			font-weight: bold;
			background: #e30c17;
			line-height: 50px;
			padding: 0px;
			text-align: center;
			margin: 0 0 10px 0;
			width: 240px;
		}
		.recommended-boiler .choose a.button-choose-install-date {
			background: #04519f;
		}

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


@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; }
}