/* ----- CSS Reset ----- */
@media only screen and (max-width: 940px) {
	#page-wrap {
    min-width: auto !important;
    }
	.wrapper {
		width: auto !important;
	}
	#offer-form-wrap {
		width: auto !important;
	}
	#offer-form {
		width: auto !important;
	}
	#offer-form .step {
    z-index: 1;
    position: relative;
    float: left;
	width: 100% !important;
	}
	
	
	#offer-form .field.radio .options li label {
    padding-top: 75px !important;
		font-size: 14px;
	}
	
	#offer-form .field.radio .options li label::before {
    top: 0;
    left: 50%;
    width: 70px !important;
    height: 70px !important;
    content: '';
    border-radius: 10%;
	}
	
	#offer-form .step header h2 { font-size:20px !important; line-height:22px !important;}
	#offer-form .step header h3 { margin:15px auto 10px auto !important; }
	/*#offer-form .step header p {line-height:28px !important; font-size:18px !important; margin-bottom:15px;}*/
	
	.form_box.newFormBox {
		padding: 15px 10px !important;
		width: 48% !important;
        margin: auto !important;
	}
	.newTopHeader, .newTopHeaderText {
		width: 99% !important;
	}
	
	.infoIcon {
		float: left !important;
	}
	.field.text.fullName, .field.text.emailAddress, .field.text.contactNumber, .field.text.timeToCall, .field.select.timeToCall {
		width: 100% !important;
	}
	
	.noSpamWrapper {
    	width: 90% !important;
	}
	
	.noSpam > span {
		margin: 0px 15px 0px 0px !important;
	}
	.card-input-element + .card {
		margin: 3px !important;
		padding: 16px !important;
	}
	
	#offer-form .step header h1 {
		font-size:20px !important;
		line-height:20px !important;
		text-align:center !important;
	}
	.newTopHeaderText {
		padding:0px !important;
	}
	
	#offer-form .step header p {
		text-align: center !important;
		margin-bottom:0px !important;
		font-size: 14px !important;
        line-height: 20px !important;
	}
	.handIcon {
		display: none !important;
	}
	
	header.newTopHeader{
		margin:0px 0px 10px 0px !important;
		padding:0px !important;
	}
	/*header.newTopHeader, .form_box.newFormBox {
		width:100% !important;
	}*/
	
	.infoIcon {
		font-size: 15px !important;
		font-weight: 500 !important;
		padding: 5px 12px !important;
		margin: 8px 0px !important;
	}
}
@media only screen and (max-width: 600px) {
	#page-wrap {
    min-width: auto !important;
    }
	.wrapper {
		width: auto !important;
	}
	#offer-form-wrap {
		width: auto !important;
	}
	#offer-form {
		width: auto !important;
	}
	#offer-form .step {
    z-index: 1;
    position: relative;
    float: left;
	width: 100% !important;
	}
	
	
	#offer-form .field.radio .options li label {
    padding-top: 75px !important;
		font-size: 14px;
	}
	
	#offer-form .field.radio .options li label::before {
    top: 0;
    left: 50%;
    width: 70px !important;
    height: 70px !important;
    content: '';
    border-radius: 10%;
	}
	
	#offer-form .step header h2 { font-size:20px !important; line-height:22px !important;}
	#offer-form .step header h3 { margin:15px auto 10px auto !important; }
	/*#offer-form .step header p {line-height:28px !important; font-size:18px !important; margin-bottom:15px;}*/
	
	.form_box.newFormBox {
		padding: 15px 10px !important;
		width: 100% !important;
		margin:0px !important;
	}
	.newTopHeader, .newTopHeaderText {
		width: 99% !important;
	}
	
	.infoIcon {
		float: left !important;
	}
	.field.text.fullName, .field.text.emailAddress, .field.text.contactNumber, .field.text.timeToCall, .field.select.timeToCall {
		width: 100% !important;
	}
	
	.noSpamWrapper {
    	width: 90% !important;
	}
	
	.noSpam > span {
		margin: 0px 15px 0px 0px !important;
	}
	.card-input-element + .card {
		margin: 3px !important;
		padding: 16px !important;
	}
	
	#offer-form .step header h1 {
		font-size:20px !important;
		line-height:20px !important;
		text-align:center !important;
	}
	.newTopHeaderText {
		padding:0px !important;
	}
	
	#offer-form .step header p {
		text-align: center !important;
		margin-bottom:0px !important;
		font-size: 14px !important;
        line-height: 20px !important;
	}
	.handIcon {
		display: none !important;
	}
	
	header.newTopHeader{
		margin:0px 0px 10px 0px !important;
		padding:0px !important;
	}
	/*header.newTopHeader, .form_box.newFormBox {
		width:100% !important;
	}*/
	
	.infoIcon {
		font-size: 15px !important;
		font-weight: 500 !important;
		padding: 5px 12px !important;
		margin: 8px 0px !important;
	}
	
	
}

.elementor-element.elementor-element-e145a4c.e-flex.e-con-boxed.e-con.e-parent {
    background: white;
}.elementor-element.elementor-element-ac17510.e-flex.e-con-boxed.e-con.e-parent{
    background: white;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main, button {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
body {line-height:1;}
button {border:none; border-radius:0; box-shadow:none; background:none; -webkit-appearance:none; appearance:none; cursor:pointer;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
img {display:block; max-width:100%; height:auto;}
:focus {outline:none;}
abbr {text-decoration:none;}

a {text-decoration:none; outline:none;}
a:hover, a:active, a:focus {text-decoration:underline;}

strong {font-weight:700;}
em {font-style:normal;}
h4, h5, h6 {font-weight:700;}

sub {vertical-align:sub;}
sup {vertical-align:super;}
sub, sup {font-size:0.5em;}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight:inherit;}

hr {width:100%; height:5px; margin:40px 0; border:none; background:#ececec;}

/* ----- Template Styles ----- */

body {font-family:"Roboto", Sans-serif; font-size:18px; color:#FFF; background:#062c44; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -webkit-text-size-adjust:100%;}

#page-wrap {min-width:320px;}

.wrapper {width:1260px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.wrapper::after {clear:both; display:block; content:'';}

.video-wrap {max-width:940px; margin:0 auto 15px auto;}
.video-wrap .video {position:relative; width:100%; height:0; padding-top:56.25%; overflow:hidden;}
.video-wrap .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.slick-list, .slick-track {overflow:hidden;}

.mfp-bg {z-index:5000!important;}
.mfp-wrap {z-index:5001!important;}
.mfp-wrap .mfp-content {z-index:5002!important;}

.map-wrap {height:380px;}

.hidden {position:absolute !important; left:-9999px !important;}

/* ----- Buttons ----- */

.button {display:inline-block; height:40px; margin:0; padding:0 20px; font-size:18px; line-height:40px; font-weight:700; text-decoration:none!important; border-radius:10px; transition:all 0.3s ease !important;}
button.button {box-sizing:content-box;}

.button.theme-a {color:#FFF!important; background:#022f4f;}
.button.theme-a:hover, .button.theme-a:active, .button.theme-a:focus {background:#022f4f;}

/* ----- Pagination ----- */

.pagination {margin:0; font-size:0; text-align:center;}
.pagination::after {clear:both; display:block; content:'';}
.pagination li {display:inline-block; margin:0 3px; font-size:14px; font-weight:700; vertical-align:top;}
.pagination li a, .pagination li span {display:block; width:25px; height:25px; line-height:25px; text-align:center; color:#FFF!important; text-decoration:none!important; background-color:#b9b9b9; transition:background-color 0.2s ease;}
.pagination li .current {background-color:#062c44;}
.pagination li a:hover, .pagination li a:active, .pagination li a:focus {background-color:#55BCC4;}
.pagination li .icon {text-indent:-9999px; background-position:center center; background-repeat:no-repeat; background-size:auto 15px; overflow:hidden;}
.pagination li .first, .pagination li .last {background-image:url('../images/bg-pagination-double-arrow.svg');}
.pagination li .prev, .pagination li .next {background-image:url('../images/bg-pagination-single-arrow.svg');}
.pagination li .first, .pagination li .prev {transform:rotate(180deg);}

/* ----- Editable Content ----- */

.editable-content {line-height:1.4em;}
.editable-content a {color:#000; text-decoration:underline; transition:color 0.3s ease;}
.editable-content a:hover, .editable-content a:active, .editable-content a:focus {color:#666;}

.editable-content h2 {margin:0 0 15px 0; font-size:28px; line-height:34px;}
.editable-content h3 {margin:0 0 15px 0; font-size:22px; line-height:28px;}
.editable-content h4, .editable-content h5, .editable-content h6 {margin:0 0 15px 0;}

.editable-content *:not(hr) + h2, .editable-content *:not(hr) + h3 {padding-top:20px;}

.editable-content p {margin:0 0 15px 0;}

.editable-content ul, .editable-content ol {margin:0 0 15px 0;}
.editable-content ul li, .editable-content ol li {margin:0 0 5px 0;}
.editable-content ul li {position:relative; padding-left:20px; list-style:none;}
.editable-content ul li::before {position:absolute; top:0; left:0; content:'\2022'; font-size:30px; color:#55BCC4;}
.editable-content ol li {margin-left:20px; padding-left:10px; list-style:decimal;}
.editable-content ol li ul {padding-top:10px;}
.editable-content ol li ul li {list-style:none; padding-left:20px;}

.editable-content blockquote {font-size:24px; line-height:30px;}

.editable-content img[class*="wp-image-"] {margin:0 0 20px 0;}
.editable-content img[class*="wp-image-"].alignleft {float:left; margin-right:20px;}
.editable-content img[class*="wp-image-"].aligncenter {margin-right:auto; margin-left:auto;}
.editable-content img[class*="wp-image-"].alignright {float:right; margin-left:20px;}
.editable-content img[class*="wp-image-"]:nth-of-type(n+2) {margin-top:20px;}
.editable-content .wp-caption {display:block; max-width:100%; margin:30px 0 20px 0;}
.editable-content .wp-caption img[class*="wp-image-"] {margin:0;}
.editable-content .wp-caption .wp-caption-text {padding:15px 0 0 0; font-size:14px; line-height:1.4em; font-style:normal;}
.editable-content .wp-caption.alignleft {float:left; margin:0 20px 20px 0;}
.editable-content .wp-caption.aligncenter {margin-right:auto; margin-left:auto;}
.editable-content .wp-caption.alignright {float:right; margin:0 0 20px 20px;}
.editable-content .wp-caption.aligncenter .wp-caption-text {text-align:center;}

.editable-content .button {margin-top:10px;}

.editable-content table {max-width:960px; margin:20px auto; text-align:left; font-size:16px; line-height:1.4em; border:solid #f1f1f1; border-width:1px 0 0 1px; background:#FFF; box-sizing:border-box; border-collapse:collapse;}
.editable-content table th, .editable-content table td {padding:5px 10px; border:solid #f1f1f1; border-width:0 1px 1px 0;}
.editable-content table th {padding:10px; font-weight:700; background-color:#f1f1f1;}

#content .info-list li {margin:0 0 1px 0; background:#f7f7f7;}
#content .info-list li h2 {font-size:24px; line-height:30px;}
#content .info-list li h2 a {position:relative; display:block; padding:15px 50px 15px 20px; color:#062c44; text-decoration:none;}
#content .info-list li h2 a::after {position:absolute; top:20px; right:20px; display:block; width:20px; height:20px; content:''; background:url('../images/bg-info-list-toggle.svg') center center no-repeat; background-size:auto 10px;}
#content .info-list li h2 a.active::after {transform:rotate(180deg);}
#content .info-list .info .content {padding:10px 20px 5px 20px;}

/* ----- Postcode Form ----- */

#postcode-form {width:940px; margin:0 auto;}
#postcode-form .field {position:relative;}
#postcode-form .field label {position:absolute; left:-9999px;}
#postcode-form .field input {width:100%; height:70px; margin:0; padding:20px 220px 20px 70px; line-height:30px; font-size:24px; font-weight:700; color:#062c44; border:1px solid #FFF; border-radius:10px; background:#FFF url('../images/bg-marker.svg') 30px 20px no-repeat; background-size:20px 30px; box-sizing:border-box; transition:all 0.3s ease;}
#postcode-form .field input::-webkit-input-placeholder {color:#b9b9b9;}
#postcode-form .field input:-moz-placeholder {color:#b9b9b9;}
#postcode-form .field input::-moz-placeholder {color:#b9b9b9;}
#postcode-form .field input:-ms-input-placeholder {color:#b9b9b9;}
#postcode-form .button {position:absolute; top:10px; right:10px; width:180px; height:50px; padding:0; line-height:50px; font-size:22px; text-align:center; transition:all 0.3s ease; animation: valuation-btn-flash infinite 2s;}

@keyframes valuation-btn-flash {
    0% {
        box-shadow: 0 0 0 #55BCC4
    }

    50% {
        box-shadow: 0 0 20px #55BCC4
    }
}

/* ----- Header ----- */

#header-wrap {z-index:2000; position:fixed; top:0; right:0; left:0; min-width:320px; box-shadow:0 3px 5px 0 rgba(0,0,0,0.25);}
.logged-in #header-wrap {top:32px;}

#header-wrap .tel {height:30px; text-align:right; font-size:18px; line-height:30px; font-weight:700; overflow:hidden; opacity:1; transition:height 0.3s ease, opacity 0.3s ease;}
#header-wrap .tel a {display:inline-block; margin:0 0 0 5px; padding:0 0 0 25px; color:#f22a61; text-decoration:none; background:url('../images/bg-tel.svg') left center no-repeat; background-size:20px 20px;}

#header {padding:20px 0; color:#525252; background:#FFF; transition:padding 0.3s ease;}

#header #main-logo {float:left; display:block; margin:5px 0; height:70px; transition:height 0.3s ease, margin 0.3s ease;}
#header #main-logo img {width:auto; height:100%;}

#header .wrap {float:right;}
#header .nav-wrap {padding-top:10px; transition:padding 0.3s ease;}
#header-wrap.active .nav-wrap {padding-top:0;}
#header .nav-wrap::after {clear:both; display:block; content:'';}

#header #main-nav ul li a {display:block; transition:color 0.2s ease;}
#header #main-nav ul li a:hover,
#header #main-nav ul li a:active,
#header #main-nav ul li a:focus {text-decoration:none;}

#header .offer {float:left;}
#header #nav-toggle {display:none;}

#header-wrap.active {box-shadow:0 3px 5px 0 rgba(0,0,0,0.35);}
#header-wrap.active #header {padding:10px 0;}
#header-wrap.active #header #main-logo {height:40px; margin:0;}

#header-wrap .form-wrap {display:none; padding:10px 0; color:#FFF; background:#062c44;}
#header-wrap.active .form-wrap {display:block;}
#header-wrap .form-wrap #postcode-form {float:left; width:380px;}
#header-wrap .form-wrap #postcode-form .field {padding-right:150px;}
#header-wrap .form-wrap #postcode-form .field input {height:40px; padding:5px 10px 5px 40px; line-height:30px; font-size:18px; border-radius:10px 0 0 10px; background-position:15px 10px; background-size:auto 20px;}
#header-wrap .form-wrap #postcode-form .button {top:0; right:0; width:150px; height:40px; line-height:40px; font-size:18px; border-radius:0 10px 10px 0;}
#header-wrap .form-wrap .tel {float:right; display:block; margin:5px 0;}

/* ----- Offer Section ----- */

#offer-section {padding:45px 0; color:#FFF; text-align:center; background:url('../images/bg-offer-section.jpg') center center no-repeat #062c44; background-size:cover; transition:padding 0.3s ease;}
.page-template-page-landing-tpl #offer-section {padding:75px 0;}
#offer-section h1 {margin:0 0 15px 0; color:#FFF;}
#offer-section .intro {margin:0 0 20px 0; font-size:20px; line-height:1.4em;}
#offer-section .logos {padding:30px 0 0 0;}
#offer-section .logos li {display:inline-block; margin:0 25px; vertical-align:middle;}

#offer-section .benefits-list {text-align:center;}
#offer-section .benefits-list .col-wrap {margin:90px -15px 0 -15px; font-size:0;}
#offer-section .benefits-list .col {display:inline-block; padding:0 15px; font-size:18px; vertical-align:top; box-sizing:border-box;}
#offer-section .benefits-list .wrap {position:relative; height:100%; padding:70px 45px 30px; border-radius:20px; background:#f7f7f7; box-sizing:border-box;}
#offer-section .benefits-list .col-1 .wrap {background:#e9f0f5;}
#offer-section .benefits-list .wrap::before {z-index:0; position:absolute; top:-60px; left:50%; display:block; width:160px; height:160px; content:''; border-radius:50%; background:center 30px no-repeat #f7f7f7; background-size:auto 65px; transform:translate(-50%, 0);}
#offer-section .benefits-list .col-1 .wrap::before {background-image:url('../images/icon-bpf.svg'); background-color:#e9f0f5;}
#offer-section .benefits-list .wrap h2 {z-index:1; position:relative; margin:0 0 30px 0; font-size:24px; line-height:30px;}
#offer-section .benefits-list .wrap p {z-index:1; position:relative;margin:0 0 30px 0; line-height:1.4em;}
#offer-section .benefits-list .wrap ul {z-index:1; position:relative;text-align:left;}
#offer-section .benefits-list .wrap ul li {position:relative; margin:0 0 15px 0; padding-left:40px; line-height:1.4em; color:#062c44}
#offer-section .benefits-list .wrap ul li::before {position:absolute; top:0; left:0; width:25px; height:25px; content:''; border-radius:50%; background:url('../images/bg-cross.svg') center center no-repeat #f22a61; background-size:auto 11px;}
#offer-section .benefits-list .col-1 .wrap ul li::before {background-image:url('../images/bg-tick.svg'); background-color:#a1d809; background-size:auto 13px;}


/* ----- Content ----- */

#content {color:#062c44; background:#FFF;}
#content a {color:#55BCC4; text-decoration:none;}
#content a:hover, #content a:active, #content a:focus {text-decoration:underline;}

h1, h2, h3 {font-family:Arial, sans-serif; font-weight:bold; letter-spacing:-0.05em; color:#062c44;}
h1 {margin:0 0 30px 0; font-size:54px; line-height:60px; text-align:center;}

/* Main */

#content {padding:80px 0;}
.page-template-page-landing-tpl #content {padding-bottom:0;}
.page-id-15 #content {padding-bottom:0;}
.page-id-103 #content {padding-bottom:0;}
.page-id-112 #content {padding-bottom:0;}
.page-id-114 #content {padding-bottom:0;}
.page-id-449 #content {text-align:center; background:url('../images/bg-thank-you.png') center top no-repeat #FFF;}
.error404 #content {text-align:center;}

.single #main {float:left; width:890px;}
.page-id-12 #main {background:url('../images/bg-offer-form.gif') center center no-repeat;}

#main .intro-section {padding:0 0 40px 0; text-align:center;}
.page-template-page-landing-tpl #main .intro-section {padding-bottom:360px; background:url('../images/bg-houses-intro.png') center bottom repeat-x #FFF;}
#main .intro-section .content {max-width:940px; margin:0 auto;}
#main .intro-section .steps-list {padding:100px 0 0 0;}
#main .intro-section .steps-list::after {clear:both; display:block; content:'';}
#main .intro-section .steps-list li {position:relative; float:left; width:20%; padding:0 15px; text-align:left; line-height:1.4em; box-sizing:border-box;}
#main .intro-section .steps-list li:nth-child(even) {padding-top:100px;}
#main .intro-section .steps-list li:nth-child(odd) {padding-bottom:100px;}
#main .intro-section .steps-list li:not(:first-child)::after {position:absolute; left:-10px; display:block; width:105px; height:65px; content:''; background:url('../images/bg-steps-arrow.svg') center center no-repeat; background-size:auto 65px;}
#main .intro-section .steps-list li:nth-child(odd)::after {bottom:0; transform:rotate(180deg) scaleX(-1);}
#main .intro-section .steps-list li:nth-child(even)::after {top:0;}
#main .intro-section .steps-list li h2 {margin:0 0 10px 0; font-size:20px;}

#main .text-img-section.theme-b {background-color:#f7f7f7;}
#main .text-img-section.type-b {direction:rtl;}
#main .text-img-section .content {display:inline-block; width:50%; padding:40px 40px 40px 0; vertical-align:middle; box-sizing:border-box;}
#main .text-img-section.type-b .content {direction:ltr; padding:40px 0 40px 40px;}
#main .text-img-section .img {display:inline-block; width:50%; text-align:right; font-size:0; vertical-align:middle;}
#main .text-img-section.type-b .img {direction:ltr; text-align:left;}
#main .text-img-section .img img {display:inline-block; font-size:18px;}

.page-id-114 #main .text-img-section .content h2 {margin:0;}
.page-id-114 #main .text-img-section .content h2 + h3 {padding:0;}

#main .quote-section {padding:80px 0; text-align:center; background:url('../images/bg-quote-section.png') top center no-repeat;}
#main .quote-section.type-b {padding:120px 0; text-align:left; background:calc(50% + 300px) 0 no-repeat; background-size:auto 100%;}
.page-id-110 #main .quote-section {padding-bottom:0;}
#main .quote-section .content {max-width:940px; margin:0 auto; padding:50px 0 0 0; background:url('../images/bg-stars.svg') center 0 no-repeat; background-size:132px auto;}
#main .quote-section.type-b .content {max-width:100%; width:50%; margin:0; background-position:0 0;}

#main .video-link {max-width:800px; margin:40px auto; box-shadow:0 10px 40px 0 rgba(0,0,0,0.25);}
#main .video-link a {position:relative; display:block;}
#main .video-link a::after {position:absolute; top:50%; left:50%; width:80px; height:80px; content:''; border-radius:50%; border:3px solid #FFF; background:url('../images/bg-play.svg') 30px center no-repeat rgba(0,0,0,0.15); background-size:26px 40px; transform:translate(-50%, -50%); transition:background-color 0.3s ease;}
#main .video-link a:hover::after {background-color:rgba(0,0,0,0.35);}

#main .points-section {padding:80px 0 40px 0; text-align:center; background:#f7f7f7;}
.page-template-page-landing-tpl #main .points-section {background:#FFF;}
#main .points-section h1 {max-width:860px; margin-right:auto; margin-left:auto;}
#main .points-section .points-list {font-size:0;}
#main .points-section .points-list li {display:inline-block; width:25%; margin:40px 0; padding:0 10px; font-size:18px; vertical-align:top; box-sizing:border-box;}
#main .points-section .points-list li h3 {padding-top:80px; line-height:1.4em; background:center top no-repeat; background-size:auto 60px;}

#main .comparison-section {padding:80px 0; text-align:center;}
#main .comparison-section .col-wrap {display:-ms-flexbox; display:flex; -ms-flex-flow:row wrap; flex-flow:row wrap; margin:90px -15px 0 -15px; font-size:0;}
#main .comparison-section .col {display:inline-block; display:-ms-flexbox; display:flex; -ms-flex-flow:row wrap; flex-flow:row wrap; width:33.33%; padding:0 15px; font-size:18px; vertical-align:top; box-sizing:border-box;}
#main .comparison-section .wrap {position:relative; height:100%; padding:70px 30px 30px 30px; border-radius:20px; background:#f7f7f7; box-sizing:border-box;}
#main .comparison-section .col-1 .wrap {background:#e9f0f5;}
#main .comparison-section .wrap::before {z-index:0; position:absolute; top:-60px; left:50%; display:block; width:160px; height:160px; content:''; border-radius:50%; background:center 30px no-repeat #f7f7f7; background-size:auto 65px; transform:translate(-50%, 0);}
#main .comparison-section .col-1 .wrap::before {background-image:url('../images/icon-bpf.svg'); background-color:#e9f0f5;}
#main .comparison-section .col-2 .wrap::before {background-image:url('../images/icon-agent.svg');}
#main .comparison-section .col-3 .wrap::before {background-image:url('../images/icon-auction.svg');}
#main .comparison-section .wrap h2 {z-index:1; position:relative; margin:0 0 10px 0; font-size:24px; line-height:30px;}
#main .comparison-section .wrap p {z-index:1; position:relative;margin:0 0 30px 0; line-height:1.4em;}
#main .comparison-section .wrap ul {z-index:1; position:relative;text-align:left;}
#main .comparison-section .wrap ul li {position:relative; margin:0 0 15px 0; padding-left:40px; line-height:1.4em;}
#main .comparison-section .wrap ul li::before {position:absolute; top:0; left:0; width:25px; height:25px; content:''; border-radius:50%; background:url('../images/bg-cross.svg') center center no-repeat #f22a61; background-size:auto 11px;}
#main .comparison-section .col-1 .wrap ul li::before {background-image:url('../images/bg-tick.svg'); background-color:#a1d809; background-size:auto 13px;}

#main .cost-section {padding:80px 0; text-align:center; background:url('../images/bg-comparison-section.png') center 80px no-repeat #f7f7f7;}
#main .cost-section table {width:100%; margin:80px 0 40px 0; border-radius:20px; background:#FFF;}
#main .cost-section table thead, #main .cost-section table tfoot {text-align:center;}
#main .cost-section table th, #main .cost-section table td {width:33.33%; padding:15px 40px;}
#main .cost-section table tbody td {border-top:1px solid #ededed;}
#main .cost-section table tbody tr:nth-child(odd) td {background:#f7f7f7;}
#main .cost-section table th span, #main .cost-section table td span {display:block;}
#main .cost-section table th.cost {text-indent:-9999px;}
#main .cost-section table td.cost {text-align:left;}
#main .cost-section table thead th {position:relative; padding-top:50px; font-size:24px; line-height:30px; font-weight:bold;}
#main .cost-section table thead th:not(.cost)::before {z-index:0; position:absolute; top:-60px; left:50%; display:block; width:160px; height:160px; content:''; border-radius:50%; background:center 30px no-repeat #FFF; background-size:auto 60px; transform:translate(-50%, 0);}
#main .cost-section table thead th.col-1::before {background-image:url('../images/icon-agent.svg');}
#main .cost-section table thead th.col-2::before {background-image:url('../images/icon-bpf.svg');}
#main .cost-section table thead th:not(.cost) span {z-index:1; position:relative;}
#main .cost-section table thead th span span {font-size:18px; line-height:1.4em;}
#main .cost-section table tfoot th, #main .cost-section table tfoot td {padding-top:30px; padding-bottom:30px; font-weight:bold; border-top:1px solid #ededed;}
#main .cost-section table tfoot td span {font-size:56px; line-height:62px; font-weight:normal;}
#main .cost-section .small-print {font-size:14px;}

#main .types-section {padding:80px 0 30px 0; background:#f7f7f7;}
#main .types-section .types-list {font-size:0; text-align:center;}
#main .types-section .types-list li {display:inline-block; width:33.33%; margin-bottom:50px; padding:0 30px; font-size:18px; line-height:1.4em; vertical-align:top; box-sizing:border-box;}
#main .types-section .types-list li h2 {margin:0 0 10px 0; padding-top:80px; background:center top no-repeat; background-size:auto 60px;}

#main .areas-section {padding:80px 0; background:#f7f7f7;}
.page-template-page-landing-tpl #main .areas-section {color:#FFF; background:url('../images/bg-areas-landing.jpg') center center no-repeat #14374e; background-size:cover;}
#main .areas-section .col {box-sizing:border-box;}
#main .areas-section .col-1 {float:left; width:50%; padding:0 85px 0 75px;}
#main .areas-section .col-1 h2 {font-size:36px; line-height:42px; color:#f22a61;}
#main .areas-section .col-1 p:last-of-type {padding:20px 0 0 0;}
#main .areas-section .col-1 .areas {margin:0 0 30px 0; font-size:0;}
#main .areas-section .col-1 .areas li {display:inline-block; width:50%; margin:0 0 10px 0; font-size:18px; line-height:1.4em; vertical-align:top;}
#main .areas-section .col-2 {float:right; width:50%; text-align:center;}
#main .areas-section .col-2 .map {display:inline-block;}

#main .contact-section {margin:0 0 50px 0;}
#main .contact-section .col-1 {float:left; width:340px;}
#main .contact-section .col-1 h3 {margin:0 0 10px 0; padding:10px 0 0 0;}
#main .contact-section .col-2 {float:right; width:850px;}

/* ----- Posts ----- */

#main .posts-list .post {font-size:18px;}
#main .posts-list .post h2 {margin:0 0 10px 0; font-size:24px; line-height:30px;}
#main .posts-list .post .excerpt {margin:0 0 20px 0; line-height:1.4em;}
#main .posts-list .post .date {font-size:16px; color:#062c44;}

#main .post-wrap header {margin:0 0 50px 0;}
#main .post-wrap header h1 {margin:0 0 10px 0; font-size:34px; line-height:40px; text-align:left;}
#main .post-wrap header .date {font-size:16px; color:#062c44;}

/* ----- Offer Form ----- */
	
#offer-form-wrap {width:1240px; margin:0 auto; overflow:hidden;}
#offer-form {width:6200px; overflow:hidden;}
#offer-form .step {text-align:center;}
#offer-form .step {z-index:1; position:relative; float:left; width:1240px; margin-left:0; text-align:center; opacity:0; transition:margin-left 0.3s ease, opacity 0.3s ease;}
#offer-form #step-1 {z-index:1; margin-left:0; opacity:1;}
#offer-form.has-postcode #step-1 {z-index:0; margin-left:-1240px; opacity:0;}
#offer-form.has-postcode #step-2 {z-index:1; margin-left:0; opacity:1;}
#offer-form .step.inactive {z-index:0!important; margin-left:-1240px!important; opacity:0!important;}
#offer-form .step.active {z-index:1!important; margin-left:0!important; opacity:1!important;}

#offer-form .step header {margin:0 0 10px 0;}
#offer-form .step header h3 {width:175px; height:22px; margin:0 auto 20px auto; text-indent:9px; background:url('../images/bg-steps.png') 0 0 no-repeat; background-size:175px 75px; overflow:hidden;}
#offer-form #step-2 header h3 {background-position:0 -15px;}
#offer-form #step-3 header h3 {background-position:0 -30px;}
#offer-form #step-4 header h3 {background-position:0 -45px;}
#offer-form #step-5 header h3 {background-position:0 -60px;}
#offer-form .step header h2 {margin:0 0 15px 0; font-size:26px; line-height:26px;}
#offer-form .step header p {line-height:1.4em;}

#offer-form .field ::-webkit-input-placeholder {color:#666;}
#offer-form .field :-moz-placeholder {color:#666;}
#offer-form .field ::-moz-placeholder {color:#666;}
#offer-form .field :-ms-input-placeholder {color:#666;}

#offer-form .field {position:relative; max-width:400px; margin:0 auto;}
#offer-form #step-5 .field {margin-bottom:10px;}
#offer-form .field:not(.radio) label, #offer-form .field .label {/*position:absolute; left:-9999px;*/}
#offer-form .field.text input,
#offer-form .field.select .customSelect {width:100%; height:50px; margin:0; padding:13px 17px; line-height:22px; font-size:20px; color:#212061; border:1px solid #f7f7f7; border-radius:10px; background:#f7f7f7; box-sizing:border-box; transition:border-color 0.3s ease;}
#offer-form .field.select select {display:block; width:100%!important; height:40px; line-height:20px; cursor:pointer;}
#offer-form .field.select .customSelect {width:100%!important; padding-right:50px; line-height:22px; color:#666; background:url('../forms/images/bg-custom-select.svg') right top no-repeat #f7f7f7; background-size:50px 50px; box-sizing:border-box; overflow:hidden;}
#offer-form .field.select .customSelectInner {width:100%!important; text-align:left; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; overflow:hidden; color: #212061; }
#offer-form .field.select .customSelectChanged {color:#000;}
#offer-form .field.text input:focus,
#offer-form .field.select .customSelectFocus {border-color:#5990b3;}

#offer-form .field.radio {width:100%; max-width:none;}
#offer-form .field.radio .options {font-size:0;}
#offer-form .field.radio .options li {display:inline-block; width:16.66%; font-size:18px; vertical-align:top;}
#offer-form .field.radio .options li input {position:absolute; left:-9999px;}
#offer-form .field.radio .options li label {position:relative; display:block; padding-top:125px; cursor:pointer;}
#offer-form .field.radio .options li label::before {position:absolute; top:0; left:50%; width:120px; height:60px; content:''; border-radius:10%; border:1px solid #c9d1d5; background:center center no-repeat #f7f7f7; background-size:cover; cursor:pointer; transform:translate(-50%, 0); transition:border-color 0.3s ease;}
#offer-form .field.radio .options li:nth-child(1) label::before {background-image:url('/wp-content/themes/hello-elementor-child/images/Detached.pngX');}
#offer-form .field.radio .options li:nth-child(2) label::before {background-image:url('/wp-content/themes/hello-elementor-child/images/Semi-Detached.pngX');}
#offer-form .field.radio .options li:nth-child(3) label::before {background-image:url('/wp-content/themes/hello-elementor-child/images/Terraced.pngX');}
#offer-form .field.radio .options li:nth-child(4) label::before {background-image:url('/wp-content/themes/hello-elementor-child/images/Bungalow.pngX');}
#offer-form .field.radio .options li:nth-child(5) label::before {background-image:url('/wp-content/themes/hello-elementor-child/images/Appartment.pngX');}
#offer-form .field.radio .options li:nth-child(6) label::before {background-image:url('/wp-content/themes/hello-elementor-child/images/Other.pngX');}
#offer-form .field.radio .options li label:hover::before {border-color:#5990b3;}
#offer-form .field.radio .options li input:checked + label::before {border-color:#062c44;}
#offer-form .field.honeypot {display:none;}

#offer-form #step-3 .field {position:relative; width:940px; max-width:none; margin:0 auto; padding:0 25px; box-sizing:border-box;}
#offer-form #step-3 .field .slider {width:100%!important; margin:0 !important;}
#offer-form #step-3 .field .slider .dragger {width:45px; height:45px; border-radius:50%; border:10px solid #FFF; background:#c9d1d5; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); box-sizing:border-box; transition:background 0.3s ease;}
#offer-form #step-3 .field .slider .dragger:hover, #offer-form #step-3 .field .slider .dragger.dragging {background-color:#022f4f;}
#offer-form #step-3 .field .slider .track {height:20px; border-radius:10px; background:#c9d1d5; box-sizing:border-box;}
#offer-form #step-3 .field .slider .highlight-track {height:20px; border-radius:10px; background:#062c44; background-image:linear-gradient(to right, #062c44, #55bcc4); box-sizing:border-box;}
#offer-form #step-3 .range {padding:10px 0 0 0; overflow:hidden;}
#offer-form #step-3 .range li {float:left; width:20%; font-size:24px; font-weight:700; text-align:center;}
#offer-form #step-3 .range li:first-child {width:10%; text-align:left;}
#offer-form #step-3 .range li:last-child {width:10%; text-align:right;}

#offer-form .error-field div.error {position:absolute; top:-10px; left:-10px; width:20px; height:20px; text-indent:-9999px; border-radius:50%; background:url('../forms/images/bg-error.svg') center center no-repeat #ff5c5c; background-size:10px;}
#offer-form .error-message {margin:10px 0; padding:10px; color:#FFF; font-size:18px; border-radius:10px; background:#ff5c5c;}

#offer-form nav {max-width:400px; margin:0 auto; padding:15px 0 0 0;}
#offer-form nav .back {display:block; width:100px; margin:15px auto 0 auto;}

/* ----- Side Col ----- */

#aside {float:right; width:300px;}
#aside .cta {margin:0 0 30px 0; padding:30px; border-radius:10px; background:#f7f7f7;}
#aside .cta:last-of-type {margin:0;}
#aside .cta h2 {margin:0 0 20px 0; font-size:24px;}

#aside .cta-latest .posts li {margin:0 0 20px 0;}
#aside .cta-latest .posts li:last-child {margin:0;}
#aside .cta-latest .posts li h3 {margin:0 0 5px 0; font-size:18px; line-height:1.4em;}
#aside .cta-latest .posts li h3 a {color:#062c44;}
#aside .cta-latest .posts li .date {font-size:16px; color:#062c44;}

#aside .cta-cats .cats li {margin:0 0 10px 0;}
#aside .cta-cats .cats li:last-child {margin:0;}
#aside .cta-cats .cats li h3 {margin:0 0 5px 0; font-size:18px; line-height:1.4em; font-weight:normal;}
#aside .cta-cats .cats li h3 a {color:#062c44;}

/* ----- Footer ----- */

#footer-cta {padding:80px 0 20px 0; text-align:center; color:#062c44; background:#f7f7f7;}
.page-id-114 #footer-cta {background:#FFF;}
#footer-cta .content {max-width:940px; margin:0 auto; font-size:24px;}
#footer-cta .content h2 {font-size:54px; line-height:60px;}

#footer-bg {height:184px; background:url('../images/bg-houses.png') center center repeat-x #FFF; background-size:auto 100%;}
body:not(.page-id-114) #footer-bg.has-footer-cta {background-color:#f7f7f7;}

#footer {padding:40px 0; color:#FFF; font-size:16px; line-height:1.4em; background:#062c44;}
#footer a {color:#FFF; transition:color 0.2s ease;}
#footer a:hover, #footer a:active, #footer a:focus {color:#f22a61; text-decoration:none;}

#footer .col-1 {float:left; width:800px;}
#footer .col-2 {float:right; width:400px; text-align:right;}
#footer .wrap::after {clear:both; display:block; content:'';}

#footer nav {float:left; margin:0 0 20px 0;}
#footer nav ul {font-size:0;}
#footer nav ul li {display:inline-block; margin:0 0 0 20px; font-size:16px;}
#footer nav ul li:first-child {margin-left:0;}

#footer .contact {float:right; margin:0 0 20px 0;}

#footer address {float:left; display:block;}
#footer address br {display:none;}

#footer .logos {margin:0 0 10px 0;}
#footer .logos li {display:inline-block; margin:0 0 20px 50px; vertical-align:middle;}
#footer .logos li:first-child {margin-left:0;}

#footer .logo {display:inline-block; margin:5px 0 35px 0; vertical-align:top;}

#footer .small-print {clear:both; padding:30px 0 0 0; font-size:14px; color:#5990b3;}

main.getOfferMain{
	background:#f7f7f7 !important;
	padding: 20px 0px;
}
#offer-form .step header h1, #offer-form .step header h2 , #offer-form .step header h3 {
	color: #022F4F;
	text-align:left;
}
#offer-form .step header p {
	color: #777;
	text-align:left;
}
header.newTopHeader, .form_box.newFormBox {
	width: 80%;
	margin: auto;
}

.form_box.newFormBox {
	border: 1px solid #eee;
    border-radius: 25px;
    box-shadow: 0px 2px 8px #ccc;
    padding: 52px;
	background:#fff;
}

#offer-form .step header h1 {
	margin-bottom: 10px;
	font-size:36px;
	font-weight:700;
}

header.newTopHeader {
	padding:10px 0px 30px 0px;
	display:inline-block;
}
#offer-form .field {
	margin:10px 0px 30px 0px;
	
}
.buttonSubmit{
	text-align:left;
	margin-top:30px;
}
.buttonSubmit button.theme-a.submit {
	background:#55BCC4;
	border:0px;
	border-radius:10px;
	width:180px;
	height:47px;
}
/*.container {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;  //Clear floats 
    }*/
.handIcon  {
        width: 5%; /* Each column takes half of the container's width */
        float: left; /* Float left to make them align side by side */
        box-sizing: border-box; /* Include padding and border in the element's total width */
        padding: 10px; /* Adjust padding as needed */
    }

.newTopHeaderText  {
        width: 85%; /* Each column takes half of the container's width */
        float: left; /* Float left to make them align side by side */
        box-sizing: border-box; /* Include padding and border in the element's total width */
        padding: 10px; /* Adjust padding as needed */
    }

.clearBoth {
	clear:both;
}

.field.text.fullName, .field.text.emailAddress, .field.text.contactNumber, .field.text.timeToCall, .field.select.timeToCall  {
	float:left;
	width: 45%;
	margin-right: 30px;
	margin:10px 20px 15px 0px !important;
}
.noSpam {
	background: #D8F5BA;
    margin: 20px 0px 45px 0px;
    padding: 20px;
    border-radius: 7px;
}

.noSpamWrapper {
	width: 80%;
	margin: auto !important;
}


.noSpam > span {
	float: left;
    margin: -7px 15px 0px 0px;
}

.infoIcon {
	font-size: 16px;
    color: #787c6d;
    background: #FCEEA2;
    font-weight: 500;
    padding: 8px 13px;
	border-radius:3px;
	letter-spacing: 0px;
}

.infoIcon::before {
	content: '';
	background-image: url('https://cashmyhome.co.uk/wp-content/uploads/2024/05/info.svg');
}




body {
  font-family: "Quicksand", sans-serif;
  background-color: #fafafa;
}

.card {
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.65rem;
}

hr.style-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 2px solid rgba(0, 0, 0, 0.07);
}

.fw-500 {
  font-weight: 400;
}

.fw-600 {
  font-weight: 500;
}

.mt_2 {
  margin-top: 2rem !important;
}

/*Simple radio btn input CSS*/
.custom-control-label {
  cursor: pointer;
}

.cap-opt-1 {
  display: inline-block;
  min-width: 50px;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #59a9f7;
  background-color: #59a9f7;
}
/*Card Button CSS*/

.card-radio-btn .content_head {
  color: #333;
  font-size: 1.2rem;
  line-height: 30px;
  font-weight: 500;
}

.card-radio-btn .content_sub {
  color: #9e9e9e;
  font-size: 20px;
}

.card-input-element + .card {
    width: auto;
    height: 55px;
    margin: 10px;
    justify-content: center;
    color: var(--primary);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid transparent;
    border-radius: 10px;
    text-align: center;
    /*-webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);*/
    padding: 18px;
	background:#f7f7f7;
}

.card-input-element + .card:hover {
  cursor: pointer;
}
.d-none {
    display: none !important;
}
.card-input-element:checked + .card {
  border: 2px solid #022F4F;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}

.card-input-element:checked + .card::after {
  content: "";
  color: rgba(113, 158, 201, 0.6);
  position: absolute;
  right: 5px;
  top: 5px;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation-name: fadeInCheckbox;
  animation-name: fadeInCheckbox;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fadeInCheckbox {
  from {
    opacity: 0;
    -webkit-transform: rotateZ(-20deg);
  }

  to {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
  }
}

@keyframes fadeInCheckbox {
  from {
    opacity: 0;
    transform: rotateZ(-20deg);
  }

  to {
    opacity: 1;
    transform: rotateZ(0deg);
  }
}

.card-input-element:checked + .card > .content_sub {
	 color: #212061;
}