@import url('/assets/css/reset.css');




/* -------------------------------------------------------------------------------
			Default Layout: 1200px. 		
------------------------------------------------------------------------------- */
html, body {width: 100%; font-size: 18px; line-height: 150%; font-family: "quasimoda", sans-serif; font-weight: 400; color: #000000; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; -webkit-text-size-adjust: 100%; height: 100%;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {display: block; clear: both; font-family: "navigo", sans-serif; font-weight: 500; margin: 0 0 25px 0; z-index: 10; line-height: 135%; letter-spacing: -0.015em;}
h1, .h1 {font-size: 40px;}
h2, .h2 {font-size: 40px;}
h3, .h3 {font-size: 35px;}
h4, .h4 {font-size: 30px;}
h5, .h5 {font-size: 25px;}
h6, .h6 {font-size: 20px; line-height: 150%;}


.viewport {display: none;}
.viewport:after {content: 'Full Desktop'; color: #FFFFFF; position: fixed; bottom: 15px; right: 15px; background: red; z-index: 999; padding: 2px 15px; font-size: 8px;}


button {border: 0; outline: none; cursor: pointer; text-decoration: none;}
.button,
.a2a_button_whatsapp span {position: relative; padding: 15px 50px 20px 50px; cursor: pointer; z-index: 50; text-align: center; display: inline-block; width: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; text-decoration: none; color: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 25px; font-weight: 500; font-family: "navigo", sans-serif;  -webkit-box-shadow: none; box-shadow: none; border: 2px solid #40B5A2; background: #40B5A2;}
.button span {top: 0;}
.button .sub-text {display: block; clear: both; width: 100%; font-weight: 600; line-height: 150%; font-family: "quasimoda", sans-serif; padding: 2px 0 0 0;}
.button:after {width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ''; width: 0; transition: width 0.25s ease; -webkit-transition: width 0.25s ease; z-index: -1; background: rgba(255,255,255,0.10); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.button.auto-width {width: auto;}
.button i,
.link i {margin: 0 0 0 5px;}
.button.smaller {padding: 5px 25px 10px 25px; font-size: 18px;}
.button:active {-webkit-box-shadow: none; box-shadow: none;}
.button.background-white {color: #000000; -webkit-box-shadow: none; box-shadow: none; border: 2px solid #000000;}
.button.background-white:active {-webkit-box-shadow: none; box-shadow: none;}
.button.background-darkest-blue {-webkit-box-shadow: none; box-shadow: none; border: 2px solid #3B77A5;}
.button.background-darkest-blue:active {-webkit-box-shadow: none; box-shadow: none;}
button:disabled, .button.disabled {background: #FFFFFF!important; color: #000000; -webkit-box-shadow: none; box-shadow: none; border: 2px solid #000000; cursor: not-allowed!important; -moz-animation: none!important; -o-animation: none!important; animation: none!important; opacity: 0.35;}
button:disabled:active, .button.disabled:active {-webkit-box-shadow: none; box-shadow: none;}


.claim-calculator {display: block; clear: both; width: 100%; float: left;}
.claim-calculator .inputs {float: left; width: 62%;}
.claim-calculator .inputs .output {position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: #FFFFFF; border: 2px solid #D2E2EF; padding: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; min-width: 85px; text-align: center; font-size: 85%; line-height: 150%;}
.claim-calculator .results {float: right; width: 35%; background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #40B5A2; border-bottom: 2px solid #40B5A2; padding: 25px; text-align: center;}
.claim-calculator .results .result {padding: 5px 10px; width: 100%; display: block; border: 2px solid #40B5A2; background: #F0FAF8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}


.alert-banner {display: block; clear: both; width: 100%; padding: 10px 0; z-index: 910;}
.alert-banner p {margin: 0;}


.featured-in ul {text-align: center; font-size: 0;}
.featured-in ul li {display: inline-block; vertical-align: middle; padding: 0 50px; width: 16.6666666%; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.50;}


.claim-process {display: block; clear: both; width: 100%; padding: 25px 0 35px 0;}
.claim-process ul {text-align: center; font-size: 0;}
.claim-process ul li {display: inline-block; vertical-align: top; padding: 0 10px; width: 25%;}
.claim-process ul li .content {padding: 35px 25px 25px 25px; background: #F4F8FB; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 100%; border: 2px solid #D2E2EF; font-size: 18px;}
.claim-process ul li:last-of-type .content {border: 2px solid #40B5A2; background: #EBFFF8;}
.claim-process ul li .step-number {padding: 10px 15px; line-height: 100%; font-weight: 600; font-size: 16px; background: #4B8CBE; color: #FFFFFF; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: table;}


p, .p {margin: 0 0 25px 0; display: block; clear: both; width: 100%; z-index: 10;}
a {color: #000000;}
strong {font-weight: 600;}
img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
i {margin: 0 2.5px 0 0;}
hr {margin: 35px 0; border-bottom: 2px solid #F4F8FB; display: block; clear: both; float: left; width: 100%;}
svg {display: block; fill: #000000; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.text-color-green {color: #40B5A2!important;}
.text-color-light-green {color: #F0FAF8!important;}
.text-color-dark-green {color: #008F5F!important;}
.text-color-yellow {color: #FFDE70!important;}
.text-color-light-yellow {color: #FFFAEB!important;}
.text-color-red {color: #D52941!important;}
.text-color-black {color: #000000!important;}
.text-color-white {color: #FFFFFF!important;}
.text-color-darkest-blue {color: #4B8CBE!important;}
.text-color-black-opaque {color: rgba(0, 0, 0, 0.50)!important;}
.text-size-regular,
.text-size-regular * {font-size: 18px!important; line-height: 150%;}
.text-size-smaller,
.text-size-smaller * {font-size: 16px!important; line-height: 150%;}
.text-size-smallest,
.text-size-smallest * {font-size: 12px!important; line-height: 150%;}
.text-size-smallest .text-size-caveat {font-size: 50%!important; line-height: 250%;}
.text-size-caveat {font-size: 8px!important; vertical-align: top; line-height: 250%; font-weight: 400!important;}
.text-align-center {text-align: center;}
.text-transform-lowercase {text-transform: lowercase;}
.text-transform-uppercase {text-transform: uppercase;}
.text-capitalise-first-letter {text-transform: capitalize;}
.text-sentence-case:first-letter {text-transform: uppercase;}
.text-email-address {word-break: break-all;}
.text-break-all {white-space: nowrap;}
.text-base-font {font-family: "quasimoda", sans-serif;}
.margin-50 {margin: 0 0 50px 0!important;}
.margin-35 {margin: 0 0 35px 0!important;}
.margin-25 {margin: 0 0 25px 0!important;}
.margin-20 {margin: 0 0 20px 0!important;}
.margin-15 {margin: 0 0 15px 0!important;}
.margin-10 {margin: 0 0 10px 0!important;}
.margin-5 {margin: 0 0 5px 0!important;}
.margin-none {margin: 0!important;}
.margin-top-25 {margin: 15px 0 0 0!important; float: left; width: 100%;}
.margin-top-15 {margin: 15px 0 0 0!important;}
.padding-none {padding: 0!important;}
.background-none {background: none!important;}
.background-black {background: #000000!important;}
.background-white {background: #FFFFFF!important;}
.background-green {background: #40B5A2!important;}
.background-dark-green {background: #008F5F!important;}
.background-light-green {background: #F0FAF8!important;}
.background-yellow {background: #FFDE70!important;}
.background-light-yellow {background: #FFFAEB!important;}
.background-red {background: #D52941!important;}
.background-light-red {background: #FCEEF0!important;}
.background-mid-red {background: #EB98A3!important;}
.background-purple {background: #90275E!important;}
.background-blue {background: #E9F1F7!important;}
.background-light-blue {background: #F4F8FB!important;}
.background-dark-blue {background: #D2E2EF!important;}
.background-darkest-blue {background: #4B8CBE!important;}
.border-none {border: 0!important;}
.border-yellow {border: 2px solid #FFDE70;}
.border-dark-yellow {border: 2px solid #F5E900!important;}
.border-green {border: 2px solid #40B5A2!important;}
.border-red {border: 2px solid #D52941;}
.border-black {border: 2px solid #000000;}
.border-white {border: 2px solid #FFFFFF;}
.border-bottom {border-bottom: 2px solid;}
.border-bottom-blue {border-bottom: 2px solid #E9F1F7;}
.border-bottom-light-blue {border-bottom: 2px solid #F4F8FB;}
.border-bottom-green {border-bottom: 2px solid #40B5A2;}
.border-bottom-yellow {border-bottom: 2px solid #FFDE70;}
.border-bottom-black {border-bottom: 2px solid #000000;}
.link {cursor: pointer; display: inline-block; width: auto; border-bottom: 2px solid #40B5A2;}
.link.block {border: 0; display: block;}
.text-decoration-underline {text-decoration: underline; border: 0;}
.close_modal {cursor: pointer;}
.hide {display: none!important;}
.disable-scroll {overflow: hidden; height: 100%;}
.width-full {width: 100%; display: block; clear: both;}
.select-none {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.address_pull {margin: 15px 0 0 0; clear: both; float: left; padding: 15px 25px; border: 2px solid #4B8CBE; background: #E9F1F7; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.address_pull:after {content: '\f60d'; font: var(--fa-font-regular); text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; top: 18px; right: 20px; font-size: 22px; color: #4B8CBE;}
.address_pull strong {font-family: "navigo", sans-serif; font-weight: 500; font-size: 18px!important; margin: 0 0 5px 0; line-height: 150%;}
.address-field {display: block; clear: both;}
.address-field.aligned {display: inline-block;}
.address-field:empty {display: none;}
.overflow-hidden {overflow: hidden;}
.terms-box {padding: 5px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; clear: both;}
.mobile_show {display: none!important;}
.inline-block-background {display: inline-block; vertical-align: middle; padding: 3px 10px 0 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.highlight-marker {white-space: nowrap; position: relative; z-index: 5; display: inline-block; z-index: -1; padding: 0 5px 3px 5px; line-height: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.highlight-marker:before {background: #FFDE70; content: ''; position: absolute; width: 100%; height: 100%; -webkit-box-shadow: 0px 0px 0px 5px #FFDE70; box-shadow: 0px 0px 0px 5px #FFDE70; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index: -1; top: 0; left: 50%; transform: translateX(-50%);}
.highlight-marker span {z-index: 1;}
.text-weight-400 {font-weight: 400!important;}
.text-weight-600 {font-weight: 600!important;}
.highlight-underline {white-space: nowrap; position: relative; display: inline-block; z-index: -1;}
.highlight-underline svg {width: 130%; height: 100%; content: ''; position: absolute; bottom: -0.75em; left: -0.45em; z-index: -1; fill: #FFDE70;}
.highlight-underline.green svg {fill: #40B5A2;}
.bulletin {padding: 5px 15px; display: inline-block; width: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; left: -10px;}


.a2a_button_whatsapp {width: 100%;}
.a2a_button_whatsapp span {background: #40B5A2; border: 2px solid #008F5F; width: 100%;}
.a2a_button_whatsapp span i {font-size: 150%; display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.a2a_button_whatsapp svg {display: none;}


.wrap {width: 90%; max-width: 1150px; margin: 0 auto; z-index: 250; clear: both;}
.wrap:after {content: ''; display: block; clear: both;}
.wrap.full {max-width: 100%;}
.wrap.larger {max-width: 1450px;}
.wrap.smaller {max-width: 850px;}
.wrap.smallest,
.progressed footer .wrap {max-width: 750px;}
.wrap.background-light-blue {border: 75px solid #F4F8FB; -webkit-box-shadow: 0px 0px 0px 2px #D2E2EF; box-shadow: 0px 0px 0px 2px #D2E2EF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}


header {height: 90px; z-index: 905; width: 100%; background: #E9F1F7;}
header .wrap {height: 100%;}
header .logo {position: absolute; top: 50%; left: 0; margin: 0; padding: 0; transform: translateY(-50%); z-index: 905;}
header .secure-logo {position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: none;}
header nav {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
header nav ul {clear: both; text-align: center;}
header nav ul li {margin: 0 10px; display: inline-block; vertical-align: middle; font-weight: 500;}
header nav ul li:last-of-type {display: none;}
header nav ul li:last-of-type .button {position: relative; transform: none; top: 0; right: auto;}
header .button {width: auto; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
header .step_back {position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-family: "navigo", sans-serif; font-weight: 500; display: none;}
header .google-reviews-logo {position: absolute; top: 50%; right: 55px; transform: translateY(-50%); display: none;}
header .secure-logo {position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: none;}
header .menu-toggle {width: 30px; height: 22px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); cursor: pointer; z-index: 905; display: none;}
header .menu-toggle span {display: block; height: 4px; width: 100%; background: #000000; position: absolute; transition: all 0.3s ease;}
header .menu-toggle span:nth-child(1) {top: 0;}
header .menu-toggle span:nth-child(2) {top: 10px;}
header .menu-toggle span:nth-child(3) {top: 20px;}
header .menu-toggle.active span:nth-child(1) {transform: rotate(45deg); top: 9px;}
header .menu-toggle.active span:nth-child(2) {opacity: 0;}
header .menu-toggle.active span:nth-child(3) {transform: rotate(-45deg); top: 9px;}


footer {display: block; clear: both; width: 100%; background: #F4F8FB; z-index: 300;}
footer p {margin: 0 0 15px 0;}
footer .logo {display: block; clear: both;}
footer .legal {width: 60%; float: right;}
footer nav {display: block; clear: none; float: left; width: 35%;}
footer nav ul li {display: block!important; clear: none; margin: 0 0 5px 0; width: 100%!important; float: left; font-weight: 500;}
footer nav ul li.link {border-bottom: 2px solid #D2E2EF!important;}
footer .link {border-bottom: 2px solid #E9F1F7;}
footer nav ul li:last-of-type {border: 0; margin: 0;}
footer .footnotes {display: block; clear: both; width: 100%; padding: 50px 0 0 0; float: left;}
footer .footnotes p {margin: 0;}


.logo {width: 125px; z-index: 15; display: inline-block; margin: 0 0 15px 0;}
.logo.smaller {width: 100px; vertical-align: middle; margin: 0 0 15px 0;}
.logo.dynamic {width: 125px; height: 65px; background: url('/assets/img/version_2/logo.webp') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}


#car_finance_lenders li:nth-child(n+7) {display: none;}
#car_finance_lenders.expanded li:nth-child(n+7) {display: inline-block;}


.google-reviews-logo {width: 100%; max-width: 275px; display: inline-block; padding: 10px 20px; background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #D2E2EF; border-bottom: 2px solid #D2E2EF;}
.google-reviews-logo.stacked {max-width: 110px; padding: 10px 12px;}


.download-app {padding: 25px; display: block; clear: both; background: #FFDE70; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 100%; border: 2px solid #000000; border-bottom: 2px solid #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.download-app ul {margin: 0 0 15px 0; display: block; clear: both; float: left; width: 100%;}
.download-app ul li {float: left; max-width: 175px; width: calc(50% - 10px); margin: 0 10px 0 0;}


.secure-logo {width: 90px; clear: both; display: inline-block;}


.form-security {display: block; clear: both; padding: 25px 0 0 0;}
.form-security .secure-logo {display: inline-block; vertical-align: middle; clear: none; margin: 0 10px 0 0;}
.form-security p {display: inline-block; vertical-align: middle; clear: none; width: auto; margin: 0;}


.reviews {display: block; clear: both; width: 100%;}
.reviews .review {padding: 25px; background: #FFFFFF; border: 2px solid #D2E2EF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float: left; clear: none; margin: 0 10px;} 
.reviews .review .content p {margin: 0;}
.reviews .meta {margin-bottom: 15px;}
.reviews .avatar {width: 35px; height: 35px; background: #FEE70A; line-height: 35px; text-align: center; font-weight: 500; text-transform: uppercase; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; font-family: "navigo", sans-serif; font-size: 14px;}
.reviews .meta p {display: inline-block; vertical-align: middle; margin: 0; clear: none; width: auto;}
.reviews .stars {width: 100px; margin-bottom: 10px;}
.reviews .logo-mark {width: 15px; position: absolute; top: 35px; right: 35px;}



.reviews_navigation {display: block; clear: both; width: 100%; text-align: center; font-size: 0; padding: 25px 0 0 0;}
.reviews_navigation .arrow {display: inline-block; vertical-align: middle; text-align: center; width: 35px; height: 35px; border: 2px solid #000000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor: pointer; margin: 0 10px 0 0;}
.reviews_navigation .arrow:before {content: '\f060'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 31px;}
.reviews_navigation .arrow.next:before {content: '\f061';}



table {border: 0; border-collapse: collapse; margin: 0 0 25px 0; padding: 0; width: 100%; table-layout: fixed;}
table tr {background: #EBEBEB; border: 0; border-bottom: 1px solid #FFFFFF;}
table th, table td {padding: 10px 25px; text-align: left; font-weight: 400;}
table td {font-weight: 400;}
table th {background: #000000; color: #FFFFFF;}


.basic-list {margin: 0 0 25px 0; float: left; width: 100%; clear: both;}
.basic-list ul, .basic-list ol {display: block; clear: both;}
.basic-list ul li, .basic-list ol li {display: block; clear: both; padding: 0 0 0 30px; word-wrap: break-word; word-break: break-word; margin: 0 0 5px 0;}
.basic-list.margin-none ul li, .basic-list.margin-none ol li {margin: 0;}
.basic-list ul li:last-of-type, .basic-list ol li:last-of-type {margin: 0;}
.basic-list ul li:before {position: absolute; top: 11px; left: 0; width: 12px; height: 12px; background: #40B5A2; content: ''; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} 
.basic-list.text-size-smaller ul li,
.basic-list.text-size-smallest ul li {margin: 0;}
.basic-list.text-size-smaller ul li:before {top: 6px;}
.basic-list.text-size-smallest ul li:before {top: 6px; width: 8px; height: 8px;}
.basic-list.check-bullets ul li {padding: 0 0 0 30px;}
.basic-list.check-bullets ul li:before {content: '\f058'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; color: #40B5A2; width: auto; height: auto; top: 5px; z-index: 2; background: none; font-size: inherit;}
.basic-list.check-bullets ul li:after {display: none;}
.basic-list ul ul, .basic-list ol ol {padding: 5px 0 5px 15px;}
.basic-list ul ul:last-of-type, .basic-list ol ol:last-of-type {padding: 5px 0 0 15px;}
.basic-list ul ul li:before {top: 13px; width: 8px; height: 8px;}
.basic-list ol {counter-reset: item;}
.basic-list ol li:before {position: absolute; top: 0; left: 0; content: counters(item, ".") " "; counter-increment: item; color: #000000; margin: 0;}
.basic-list ol ol li:before {font-size: 10px; line-height: 150%; top: 5px;}
.basic-list.no-spacing {padding: 0;}
.basic-list.two-col ul li, .basic-list.two-col ol li {float: left; clear: none; width: 50%;}
.basic-list.three-col ul li, .basic-list.three-col ol li {float: left; clear: none; width: 33.333333%;}
.basic-list .lenders_credit_check li,
.basic-list .lenders_manual li {border-bottom: 1px solid #40B5A2; padding: 0 0 5px 30px;}
.basic-list .lenders_credit_check li:last-of-type,
.basic-list .lenders_manual li:last-of-type {border-bottom: 0;}
.basic-list .lenders_credit_check li .agreement-date {display: block; clear: both;}


.faqs {display: block; clear: both; float: left; width: 100%;}
.faqs .faq {display: block; clear: both; background: #FFFFFF; border: 2px solid #D2E2EF; border-bottom: 2px solid #D2E2EF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px 85px 15px 25px; cursor: pointer; margin: 0 0 10px 0; overflow: hidden;}
.faqs .faq:after {content: ''; position: absolute; top: 0; right: 0; height: 100%; border-left: 2px solid #D2E2EF; background: #F4F8FB; width: 60px; content: '\2b'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; text-align: center; line-height: 60px; z-index: 1;}
.faqs .faq .heading {margin: 0;}
.faqs .faq .content {display: none; padding: 10px 0;}
.faqs .faq .content p:last-of-type {margin: 0;}
.faqs .faq.active {background: #F4F8FB;}
.faqs .faq.active .content {display: block;}
.faqs .faq.active:after {content: '\f00d'; color: #D52941;}
.faqs .faq:nth-child(n+7) {display: none;}
.faqs .button {margin: 15px 0 0 0;}
.faqs.expanded .faq:nth-child(n+7) {display: block;}


.substantiation {padding: 25px 0 0 0; display: block; clear: both; float: left;}


.loading-step {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none;}
.loading-step .overlay {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #E9F1F7; opacity: 0.95;}
.loading-step .loading-message {margin: 25px 0 0 0; display: block; clear: both; float: left; width: 100%;}
.loading-step .contents {position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 5; width: 100%;}


.loader {margin: 0 auto 25px auto; height: auto; width: 100%; float: left;}
.loader .logo {margin: 0 auto; width: 200px; display: block!important;}
.loader .image {width: 100%; height: auto; animation: car-bounce 0.6s ease-in-out infinite; position: relative; z-index: 2; display: block;}
.loader .speed-lines {position: absolute; top: 45%; right: -60px; width: 40px; height: 3px; background: #000000; animation: speed-lines-reverse 0.6s linear infinite; z-index: 1;}
.loader .speed-lines::before,
.loader .speed-lines::after {content: ''; position: absolute; width: 40px; height: 3px; background: #000000; right: 0; animation: speed-lines-reverse 0.6s linear infinite;}
.loader .speed-lines::before {top: -15px; animation-delay: 0.2s;}
.loader .speed-lines::after {top: 15px; animation-delay: 0.4s;}
.loader .image,
.loader .speed-lines,
.loader .speed-lines::before,
.loader .speed-lines::after {display: none!important;}


.shiny-loader {width: 100%; height: 100%; background: linear-gradient(135deg, #E9F1F7, #F0FAF8); border-radius: 10px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 5;}
.shiny-loader::before {content: ''; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; z-index: 5; background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-20deg); animation: shine 2s infinite;}


.confetti-pop {width: 100%; height: 100vh; position: absolute; top: -50vh; left: 50%; transform: translateX(-50%); z-index: 1;}
.confetti-pop #thank_you_confetti {width: 100%; height: 100%;}


.flex-container {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; z-index: 40; clear: both; width: 100%;}
.flex-container .column {padding: 0; z-index: 40; flex-basis: calc(100% / 1);}
.flex-container.center-vertically {align-items: center;}
.flex-container.center-vertically .column {align-self: center;}
.flex-container.two-col .column {flex-basis: calc(100% / 2);}
.flex-container.three-col .column {flex-basis: calc(100% / 3);}
.flex-container .column .image,
.flex-container .column .content {padding: 0 10px;}


.fixed-bar {position: fixed; bottom: -100%; left: 0; width: 100%; z-index: 350; text-align: center; color: #FFFFFF; transition: bottom 0.5s ease-in-out;}
.fixed-bar .wrap {padding: 10px 0; background: #4B8CBE; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.fixed-bar.active {bottom: 0;}
.fixed-bar p,
.fixed-bar .button {display: inline-block; vertical-align: middle; margin: 0; width: auto; clear: none;}
.fixed-bar p {margin: 0 10px 0 0;}
.fixed-bar .conditional_hide {display: inline;}
.fixed-bar .conditional_show {display: none;}


.modal {position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 5px;}
.modal:before {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #E9F1F7; content: ''; opacity: 0.95;}
.modal .flex-container {min-height: 100vh; width: 100%; clear: both; justify-content: center; align-items: center; padding: 0;}
.modal .flex-container .column {padding: 50px 75px; background: #FFFFFF; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.15); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.modal .flex-container .column:last-of-type {margin: 0;}
.modal .flex-container .column .close {width: 35px; height: 35px; position: sticky; top: 10px; clear: both; display: block; float: right; background: #000000; font-weight: 600; text-transform: uppercase; text-align: center; cursor: pointer; z-index: 150; color: #FFFFFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.modal .flex-container .column .close i {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0;}
.modal .flex-container .column .close-text {display: inline-block; vertical-align: middle; margin: 0 0 20px 0; padding: 0 0 0 25px;}
.modal .flex-container .column .close:disabled {-webkit-box-shadow: none; box-shadow: none; border-top: none; border-left: none; border-right: none; background: #000000!important;}
.modal .flex-container .column .close:disabled:active {-webkit-box-shadow: none; box-shadow: none;}
.modal .flex-container .column .image {display: block; clear: both; margin: 0 0 20px 0;}
.modal .flex-container .column .iframe-container {position: relative; overflow: hidden; width: 100%; padding-top: 100%; min-height: 84vh; -webkit-overflow-scrolling: touch; margin: 0 0 25px 0;}
.modal .flex-container .column .iframe-container iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; -webkit-overflow-scrolling: touch;}
.modal .flex-container .column .flex-container {min-height: auto; margin: 0; align-items: flex-start;}
.modal .flex-container .column .flex-container .column {padding: 0; border: 0; margin: 0; background: none; -webkit-box-shadow: none; box-shadow: none;}
.modal .flex-container .column .flex-container .column video {width: 100%; max-height: 100%; height: auto; display: block; border: 2px solid #000000;}
.modal .flex-container .column .flex-container .column canvas {width: 100%; max-height: 100%; height: auto; display: block; border: 2px solid #000000;}
.modal .eligibility {display: block; clear: both; width: 100%; float: left; background: #EBFFF8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #40B5A2; border-bottom: 2px solid #40B5A2; padding: 25px;}
.modal .eligibility .image {width: 150px; position: absolute; bottom: 20px; right: 15px; display: none!important;}
.modal .eligibility .content {width: 100%; float: left;}
.modal .eligibility .content .h5 {color: #40B5A2;}
.modal .eligibility.false {background: #FCEEF0!important; border: 2px solid #D52941!important; border-bottom: 2px solid #D52941!important;}
.modal .eligibility.false .content .h5 {color: #D52941!important;}


.video_player {background: #000000; width: 100%; display: block; clear: both; margin: 0 0 25px 0; cursor: pointer; aspect-ratio: 16 / 9; /* horizontal ratio */}
.video_player video {height: 100%; width: auto; z-index: 50;}


form {display: block; width: 100%; clear: both;}
form input, form select {width: 100%; float: left; outline: none; -webkit-appearance: none; appearance: none; padding: 0 15px; height: 55px; font-size: 18px; color: #000000; font-family: "quasimoda", sans-serif; font-weight: 400; border: 0; background: #FFFFFF; border: 2px solid #000000; border-bottom: 2px solid #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
form input:disabled {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
form input:read-only {background: #EBEBEB;}
form input.capitalised-input {text-transform: capitalize;}
form input.capitalised-input:placeholder-shown {text-transform: none;}
form textarea {min-height: 200px; height: 200px; min-width: 100%; max-width: 100%; width: 100%; padding: 20px; resize: none;}
form select {background: none; padding: 0 60px 0 15px; background: #FFFFFF url('/assets/img/svg/select.svg') no-repeat right 15px top 50%; -webkit-background-size: 15px; -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px;}
form input:focus, 
form select:focus,
form .custom-checkbox + label:active,
form .custom-file + label:active {-webkit-box-shadow: 0px 0px 0px 4px #FFFFFF, 0px 0px 0px 6px #40B5A2; box-shadow: 0px 0px 0px 4px #FFFFFF, 0px 0px 0px 6px #40B5A2; }
form select::-ms-expand {display: none;}
form .field-icon .label-slide {padding: 0; width: calc(100% - 45px); left: 40px;}
form .label-slide {position: absolute; top: 7px; left: 4px; width: calc(100% - 8px); height: calc(100% - 20px); line-height: 40px; color: rgba(0, 0, 0, 0.50); font-size: 18px; pointer-events: none; background: #FFFFFF; padding: 0 0 0 15px; z-index: 5; margin: 0;}
form .field-icon {display: block; clear: both; float: left; width: 100%; min-height: 55px;}
form .field-icon input {padding: 0 15px 0 60px;}
form .field-icon:before {position: absolute; top: 0; left: 0; padding: 0 15px; width: auto; content: '\f007'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; color: #000000; text-align: center; line-height: 55px; font-size: 18px; z-index: 5; pointer-events: none; border-right: 2px solid #000000;}
form .field-icon.date:before {content: '\f073';}
form .field-icon.address:before {content: '\f3c5';}
form .field-icon.company:before {content: '\f1ad';}
form .field-icon.reg-number:before {content: '\23';}
form .field-icon.email:before {content: '\40';}
form .field-icon.telephone:before {content: '\f095';}
form .field-icon.currency:before {content: '\f154';}
form .field-icon.car-make:before {content: '\f5e4';}
form .field-icon.car-model:before {content: '\f02a';}
form .field-icon.secure:after {position: absolute; top: 50%; right: 15px; width: 61px; height: 25px; transform: translateY(-50%); background: url('/assets/img/webp/secure-logo-hybrid.webp') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; content: '';}
form .field-icon.secure input {padding: 0 95px 0 60px;}
form .field {display: block; clear: both; margin: 0 0 18px 0; width: 100%; float: left;}
form .field.slide-field {margin: 18px 0;} 
form .field.three .field {width: calc(31.5% - 10px); clear: none; margin: 0 10px 0 0;}
form .field.three .field:nth-of-type(2) {margin: 0 10px 0 0;}
form .field.three .field:nth-of-type(3){width: calc(37% - 10px);}
form .field.disabled:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 55;}
form .field.disabled * {opacity: 0.60;}
form .additional_lenders {margin: 15px 0 0 0;}
form .additional_lenders:first-of-type {margin: 0;}
form .address_lookup {float: left; width: 100%; display: block; clear: both;}
form .idpc-input {text-transform: uppercase; padding: 0 215px 0 60px!important;}
form .idpc-input:placeholder-shown {text-transform: none;}
form .idpc-select {margin: 15px 0 0 0; animation: animation_green_flash 1s linear 3 normal; clear: both; padding: 0 60px 0 15px!important;}
form .idpc-select.activated {animation: none;}
form .idpc-find-address {position: absolute; top: 0; right: -2px; height: 55px; padding: 0!important; line-height: 53px; width: 200px; background: #000000!important; border: 0!important; font-size: 16px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
form .idpc-find-address:active {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
form .find_vehicle {background: #000000;}
form .error, form .idpc-error {background: #D52941; display: none; width: auto; clear: both; float: left; position: relative; color: #FFFFFF!important; padding: 3px 15px 7px 15px; margin-top: 10px; z-index: 50; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; line-height: 150%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
form .idpc-error {display: block; margin: 10px 0 0 0;}
form .idpc-error b {text-transform: uppercase;}
form .idpc-error a {color: #FFFFFF;}
form .error:before, form .idpc-error:before {content: '\f071'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; margin: 0 10px 0 0; color: #FFDE70;}
form .error:after, form .idpc-error:after, form label.error:after {content: ''; position: absolute; top: -4px; left: 15px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid #D52941;}
form .error .button {font-size: 14px; padding: 5px 20px;}
form .field-error input, form .field-error select, form .field-error .custom-checkbox + label {border: 2px solid #D52941;}
.field-error .field-icon:before {border-right: 2px solid #D52941;}
form .field-error .custom-checkbox.standard-style + label {border: 0!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important;}
form .field-error .signature-pad .signature-pad--body .signature-wrap {border: 4px dashed #D52941; -webkit-box-shadow: 0px 0px 0px 5px #FFFFFF, 0px 0px 0px 7px #D52941; box-shadow: 0px 0px 0px 5px #FFFFFF, 0px 0px 0px 7px #D52941;}
form .suggested_fix_conditional {display: none;}
form .suggested_fix_apply:before {display: block; clear: both; width: 100%; content: '';}
form .suggested_fix_apply {margin: 5px 0; clear: both; background: #FFFFFF; color: #000000; border: 2px solid #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: table; cursor: pointer; font-size: 14px; padding: 5px 20px; font-weight: 600;}
form .suggested_fix_apply:after {background: none!important;}
form input::placeholder {color: #000000; text-transform: none; opacity: 0.50;}
form ::placeholder {color: #000000; text-transform: none; opacity: 0.50;}
form :-ms-input-placeholder {color: #000000; text-transform: none; opacity: 0.50;}
form ::-ms-input-placeholder {color: #000000; text-transform: none; opacity: 0.50;}
form .options {display: block; clear: both; padding: 0; float: left; width: 100%; font-size: 0;}
form .options li {width: auto; margin: 0 10px 10px 0; display: inline-block; font-size: inherit;}
form .options li:last-of-type {margin: 0 0 10px 0;}
form .options.two li {width: calc(50% - 10px); margin: 0 10px 10px 0;}
form .options.two li:nth-of-type(2n) {margin: 0 0 10px 0;}
form .options.three li {width: calc(33.333333% - 10px); margin: 0 10px 10px 0; display: block; float: left;}
form .options.three li:nth-of-type(3n) {margin: 0 0 10px 0;}
form .options.full li {width: 100%; clear: both; margin: 0 0 10px 0;}
form .options.full li:last-of-type {margin: 0;}
form .options.underline li {border-bottom: 2px solid #F4F8FB; margin: 0; padding: 10px 0 10px 0;}
form .options.disabled:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50;}
form .options.disabled * {opacity: 0.50;}
form .options li.sub-prime {display: none!important;}
form .custom-checkbox {display: none;}
form .custom-checkbox + label {position: relative; cursor: pointer; outline: none; margin: 0; width: auto; color: #000000; background: #FFFFFF; font-family: "quasimoda", sans-serif; font-weight: 400; font-size: 18px; padding: 10px 25px 10px 40px; min-height: 55px; text-align: left; display: block; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #000000; border-bottom: 2px solid #000000; line-height: 150%;}
form .custom-checkbox + label:before {width: 15px; height: 15px; position: absolute; top: 14px; left: 10px; content: ''; background: #FFFFFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #000000;} 
form .custom-checkbox:checked + label {-webkit-animation: none; animation: none; background: #F0FAF8; border: 2px solid #359787; border-bottom: 2px solid #359787;}
form .custom-checkbox:checked + label:before {border: 2px solid #40B5A2; background: #40B5A2; content: '\f00c'; font: var(--fa-font-regular); text-rendering: auto; -webkit-font-smoothing: antialiased; text-align: center; line-height: 16px; color: #FFFFFF; font-size: 10px;}
form .custom-checkbox:disabled + label {cursor: not-allowed; border: 2px solid #AAAAAA; color: #AAAAAA; background: #F7F7F7; opacity: 0.50;}
form .custom-checkbox:disabled + label:before {background: #AAAAAA; border: 2px solid #AAAAAA; content: '\f00d'; font: var(--fa-font-regular); text-rendering: auto; -webkit-font-smoothing: antialiased; text-align: center; line-height: 16px; color: #FFFFFF; font-size: 10px;}
form .custom-checkbox + label .agreement-item {display: block; clear: both; width: 100%;}
form .custom-checkbox.standard-style + label {width: 100%; border: 0; background: none; padding: 0 0 0 30px; min-height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 150%;}
form .custom-checkbox.standard-style + label:before {top: 2px; left: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
form .custom-checkbox.standard-style:checked + label {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; background: none;}
form .custom-checkbox.standard-style:checked + label:before {background: #40B5A2; border: 2px solid #40B5A2; color: #FFFFFF;}
form .text-size-smaller .custom-checkbox + label:before {top: 12px;}
form .custom-checkbox.vehicle + label {padding: 10px 35px;}
form .custom-checkbox.vehicle + label:before {display: none;}
form .custom-file {display: none;}
form .custom-file + label {position: relative; cursor: pointer; outline: none; margin: 0; color: #000000; background: #FFFFFF; border: 2px solid #000000; font-family: "quasimoda", sans-serif; font-weight: 600; padding: 20px 25px 20px 100px; text-align: left; display: block; font-size: 20px; margin: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius:  15px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; border: 2px solid #000000; border-bottom: 2px solid #000000;}
form .custom-file:disabled + label {cursor: default;}
form .custom-file + label:before {position: absolute; top: 0; left: 0; padding: 0; min-width: 75px; content: '';  height: 100%; background: #FFDE70; border-right: 2px solid #000000; content: '\e09a'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; color: #000000; font-size: 30px; text-align: center; padding: 25px 0 0 0;}
form .custom-file.camera + label:before {content: '\e0da';}
form .custom-file + label span {display: block; clear: both; font-weight: 400; padding: 5px 0 0 0;}
form .custom-file:disabled + label {opacity: 0.35;}
form .custom-file.complete + label {border: 2px solid #000000; background: #000000; color: #FFFFFF;}
form .custom-file.complete + label:before {-webkit-box-shadow: inset 0px 0px 0px 5px #000000; box-shadow: inset 0px 0px 0px 5px #000000; border: 2px solid #FFFFFF; background: #FFFFFF;}
form .step {display: none; width: 100%;}
form .step.start {display: block;}
form .signature-pad {display: block; clear: both; width: 100%; float: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
form .signature-pad .signature-pad--body h4 {margin: 0;}
form .signature-pad .signature-pad--body p {padding: 0; margin: 0 0 15px 0;}
form .signature-pad .signature-pad--body .signature-wrap {height: 250px; width: 100%; background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 4px dashed #40B5A2; -webkit-box-shadow: 0px 0px 0px 5px #FFFFFF, 0px 0px 0px 7px #40B5A2; box-shadow: 0px 0px 0px 5px #FFFFFF, 0px 0px 0px 7px #40B5A2;}
form .signature-pad .signature-pad--body .signature-wrap .signature-guide {padding: 3px 10px 4px 10px; text-align: center; font-size: 12px; line-height: 150%; position: absolute; top: -24px; border: 2px solid #000000; left: 50%; transform: translateX(-50%); font-family: "navigo", sans-serif; font-weight: 500; background: #FFFFFF; color: #000000; z-index: 5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 50%; height: 30px; overflow: hidden;}
form .signature-pad .signature-pad--body .signature-wrap canvas {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
form .signature-pad .signature-pad--body .clear_signature {position: absolute; bottom: 20px; right: 20px; width: auto; cursor: pointer;}
form .signature-annotation {margin: 0 0 2px 2px; display: table; clear: both; padding: 3px 15px 8px 10px; color: #FFFFFF; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; float: right; background: #40B5A2; border: 2px solid #40B5A2;} 
form .signature-annotation p {margin: 0;}
form nav {display: block; clear: both; width: 100%; float: left; z-index: 51; padding: 5px 0 10px 0; overflow: visible;}
form nav.disabled:before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; opacity: 1;}
form nav.disabled .button {background: #000000; opacity: 0.60}
form nav .button {float: left;}
form nav .button .google-reviews-logo {position: absolute; top: -20px; right: 25px; max-width: 175px; border: 0;}
form fieldset {padding: 0; margin: 0; border: 0;}
form .slider-container {position: relative; width: 100%; height: 15px; background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
form .slider-fill {position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 15px; background-color: #40B5A2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 1; pointer-events: none;}
form .slider {-webkit-appearance: none; appearance: none; width: 100%; height: 15px; background-color: transparent!important; border: 0; border: 2px solid #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; outline: none; z-index: 2; position: relative; padding: 0!important;}
form .slider:focus {-webkit-box-shadow: none; box-shadow: none; border: 2px solid #000000;}
form .slider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 30px; height: 30px; border-radius: 50%; background: #40B5A2; -webkit-box-shadow: 0px 0px 0px 2px #000000; 
box-shadow: 0px 0px 0px 2px #000000; border: 4px solid #FFFFFF; cursor: pointer; z-index: 3; position: relative; margin-top: -2px;}
form .slider::-moz-range-thumb {width: 30px; height: 30px; border-radius: 50%; background: #40B5A2; cursor: pointer;}
form .slider-thumb-label {position: absolute; top: -32px; left: 50%; transform: translateX(-50%); background: #40B5A2; color: white; padding: 5px 8px; line-height: 100%; font-size: 14px; border-radius: 50px; white-space: nowrap; pointer-events: none; z-index: 10;}
form .statement {display: block; clear: both; width: 100%; padding: 15px 0 0 0; border-top: 2px solid #E9F1F7; margin: 10px 0 0 0; float: left;}
form .statement.border-none {border: 0; padding: 0; margin: 15px 0 0 0;}


section,
footer {padding: 75px 0;}
section.form {padding: 35px 0 75px 0; z-index: 15; background: #FFFFFF;}
.form-content {display: block; clear: both; width: 62%; float: left;}
.form-sidebar {position: absolute; top: 0; right: 0; width: 35%;}
.form-sidebar img {width: 125%;}
#video_reviews {z-index: 5;}
#our_reviews {padding: 85px 0 75px 0;}
#our_reviews .google-reviews-logo {position: absolute; left: 50%; top: -110px; transform: translateX(-50%);}
#claim_calculator .logo {position: absolute; top: 5px; right: 0;}


.image {width: 100%; display: block; clear: both;}
.image-2 {max-width: 185px; position: absolute; bottom: -180px; right: -25px; display: none;}
.image-3 {max-width: 400px; margin: 50px auto 0 auto;}
.image-6 {max-width: 185px; float: right; margin: 20px 0 0 0; display: none;}


.progress-wrapper {width: 100%; margin: 0 auto 25px auto;}
.progress-wrapper .progress-bar {position: relative; width: 100%; height: 7px; background: #E9F1F7; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.progress-wrapper .progress-fill {height: 100%; width: 10%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: width 0.6s ease; background: linear-gradient(135deg, rgba(64,181,162, 0.8) 25%, rgba(64,181,162, 1) 25%, rgba(64,181,162, 1) 50%, rgba(64,181,162, 0.8) 50%, rgba(64,181,162, 0.8) 75%, rgba(64,181,162, 1) 75%, rgba(64,181,162, 1)); background-size: 40px 40px; animation: moveStripes 1s linear infinite;}
.progress-wrapper .progress-fill:after {width: 50px; height: 50px; background: url('/assets/img/webp/image-3.webp') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; content: ''; position: absolute; top: calc(50% - 4px); right: 0; transform: translateY(-50%);}


.video-reviews {overflow: hidden; width: 100%; position: relative;}
.video-reviews:before,
.video-reviews:after {content: ''; position: absolute; top: 0; bottom: 0; width: 250px; z-index: 5; pointer-events: none;}
.video-reviews:before {left: 0; background: linear-gradient(to right, rgba(244,248,251, 1), transparent);}
.video-reviews:after {right: 0; background: linear-gradient(to left, rgba(244,248,251, 1), transparent);}
.video-reviews .scroll-track {display: flex; flex-wrap: nowrap; will-change: transform; transform: translate3d(0, 0, 0);}
.video-reviews .scroll-track ul {display: flex; flex-wrap: nowrap; list-style: none; padding: 0; margin: 0;}
.video-reviews .scroll-track ul li {flex: 0 0 auto; margin-right: 20px; cursor: pointer;}
.video-reviews .scroll-track ul li img {width: 225px; height: auto; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.video-reviews .scroll-track ul li:after {width: 50px; height: 50px; background: #000000; content: '\f04b'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; color: #FFFFFF; font-size: 25px; position: absolute; bottom: 25px; right: 25px; z-index: 5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; line-height: 50px;}



.progressed_show {display: none!important;}
.progressed .progressed_hide {display: none!important;}
.progressed .progressed_show {display: inline-block!important;}
.progressed header .logo {left: 50%; transform: translate(-50%,-50%);}
.progressed header .step_back,
.progressed header .google-reviews-logo,
.progressed header .secure-logo {display: block;}
.progressed header .google-reviews-logo {right: 0;}
.progressed footer {background: #FFFFFF!important;}
.progressed footer .legal {width: 100%; display: block; clear: both; margin: 0 0 5px 0;}
.progressed footer nav {clear: both; width: 100%; margin: 0 0 25px 0;}
.progressed footer nav ul li {margin: 0 10px 5px 0; width: calc(50% - 10px)!important; float: left;}
.progressed footer .footnotes {padding: 0;}
.progressed footer nav .h6 {display: none;}
.progressed section.form {min-height: 110vh; padding: 35px 0 150px 0;}
.progressed.retain section.form {min-height: auto; padding: 35px 0;}
.progressed form nav {padding: 15px 0 10px 0;}
.progressed form nav .google-reviews-logo {display: none; clear: both;}
.progressed .fixed-bar {display: none!important;}


.control,
.variant {display: none;}
.variant_show .variant,
.control_show .control {display: block;}


/* Version 2 */
.version_2 header .google-reviews-logo {border: 2px solid #E9F1F7; border-bottom: 4px solid #E9F1F7;}
.version_2 .background-light-green,
.version_2 .modal .eligibility {background: #EBFFF8;}
.version_2 .modal .eligibility {border: 2px solid #00B779; border-bottom: 4px solid #00B779;}
.version_2 .modal .eligibility .image {display: block!important;}
.version_2 .modal .eligibility .content {width: calc(100% - 165px);}
.version_2 .modal .eligibility .content .h5 {color: #00B779;}
.version_2 .text-color-light-green {color: #EBFFF8!important;}
.version_2 .basic-list ul li:before {color: #00B779;} 
.version_2 .basic-list .lenders_credit_check li,
.version_2 .basic-list .lenders_manual li {border-bottom: 1px solid #00B779;}
.version_2 .highlight-underline.green svg {fill: #00B779;}
.version_2 .text-color-green {color: #00B779!important;}
.version_2 .background-green {background: #00B779!important;}
.version_2 .claim-calculator .results,
.version_2 .claim-process ul li:last-of-type .content {border: 2px solid #00B779; border-bottom: 4px solid #00B779;}
.version_2 .claim-calculator .results .result {background: #EBFFF8; border: 2px solid #00B779;}
.version_2 .border-green {border: 2px solid #00B779!important;}
.version_2 .button {background: #00B779; -webkit-box-shadow: 3px 4px 0px 2px #008F5F; box-shadow: 3px 4px 0px 2px #008F5F; border-top: 2px solid #008F5F; border-left: 2px solid #008F5F; border-right: 2px solid #008F5F;}
.version_2 .button span {top: -2px;}
.version_2 .button:active {-webkit-box-shadow: 1px 3px 0px 1px #008F5F; box-shadow: 1px 3px 0px 1px #008F5F;}
.version_2 .button.background-white {-webkit-box-shadow: 3px 4px 0px 2px #000000; box-shadow: 3px 4px 0px 2px #000000; border-top: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000;}
.version_2 .button.background-white:active {-webkit-box-shadow: 1px 3px 0px 1px #000000; box-shadow: 1px 3px 0px 1px #000000;}
.version_2 .button.background-darkest-blue {-webkit-box-shadow: 3px 4px 0px 2px #3B77A5; box-shadow: 3px 4px 0px 2px #3B77A5; border-top: 2px solid #3B77A5; border-left: 2px solid #3B77A5; border-right: 2px solid #3B77A5; }
.version_2 .button.background-darkest-blue:active {-webkit-box-shadow: 1px 3px 0px 1px #3B77A5; box-shadow: 1px 3px 0px 1px #3B77A5;}
.version_2 button:disabled, .button.disabled {-webkit-box-shadow: 3px 4px 0px 2px #000000; box-shadow: 3px 4px 0px 2px #000000; border-top: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000;}
.version_2 button:disabled:active, .button.disabled:active {-webkit-box-shadow: 1px 3px 0px 1px #000000; box-shadow: 1px 3px 0px 1px #000000;}
.version_2 .border-bottom-green,
.version_2 .link {border-bottom: 2px solid #00B779;}
.version_2 .fixed-bar .wrap,
.version_2 .video-reviews .scroll-track ul li:after {background: #4B8CBE;}
.version_2 .faqs .faq {border: 2px solid #D2E2EF; border-bottom: 4px solid #D2E2EF;}
.version_2 .faqs .faq:after {line-height: 56px;}
.version_2 form input, 
.version_2 form select,
.version_2 form .custom-checkbox + label,
.version_2 form .custom-file + label {border: 2px solid #000000; border-bottom: 4px solid #000000;}
.version_2 form input:focus, 
.version_2 form select:focus,
.version_2 form .custom-checkbox + label:active,
.version_2 form .custom-file + label:active {-webkit-box-shadow: 0px 0px 0px 4px #FFFFFF, 0px 0px 0px 6px #00B779; box-shadow: 0px 0px 0px 4px #FFFFFF, 0px 0px 0px 6px #00B779;}
.version_2 form .custom-checkbox:checked + label {background: #EBFFF8; border: 2px solid #008F5F; border-bottom: 4px solid #008F5F;}
.version_2 form .custom-checkbox:checked + label:before {border: 2px solid #00B779; background: #00B779;}
.version_2 .shiny-loader {background: linear-gradient(135deg, #E9F1F7, #EBFFF8);}
.version_2 .progress-wrapper .progress-fill {background: linear-gradient(135deg, rgba(0,183,121, 0.8) 25%, rgba(0,183,121, 1) 25%, rgba(0,183,121, 1) 50%, rgba(0,183,121, 0.8) 50%, rgba(0,183,121, 0.8) 75%, rgba(0,183,121, 1) 75%, rgba(0,183,121, 1)); background-size: 40px 40px; animation: moveStripes 1s linear infinite;}
.version_2 form .field-icon.secure:after {background: url('/assets/img/webp/image-3.webp') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
.version_2 .logo.dynamic {background: url('/assets/img/webp/logo.webp') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
.version_2 .image-2,
.version_2 .image-6 {display: block;}
.version_2 .form-sidebar {top: -15px;}
.version_2 .form-sidebar img {width: 100%;}
.version_2 .download-app {border: 2px solid #000000; border-bottom: 4px solid #000000;}
.version_2 .loader,
.version_3 .loader {width: 175px; float: none;}
.version_2 .loader .logo {display: none!important;}
.version_2 .loader .image,
.version_2 .loader .speed-lines,
.version_2 .loader .speed-lines::before,
.version_2 .loader .speed-lines::after {display: block!important;}
.version_2 form .signature-pad .signature-pad--body .signature-wrap {border: 4px dashed #00B779; -webkit-box-shadow: 0px 0px 0px 5px #FFFFFF, 0px 0px 0px 7px #00B779; box-shadow: 0px 0px 0px 5px #FFFFFF, 0px 0px 0px 7px #00B779;}
.version_2 form .signature-annotation {background: #00B779; border: 2px solid #00B779;}
.version_2 .reviews .review {border: 2px solid #D2E2EF; border-bottom: 4px solid #D2E2EF;}
.version_2 .claim-process ul li .content {border: 2px solid #D2E2EF; border-bottom: 4px solid #D2E2EF;}
.version_2 .claim-process ul li:last-of-type .content {border: 2px solid #00B779; border-bottom: 4px solid #00B779;}
.version_2 form .slider-fill,
.version_2 form .slider::-webkit-slider-thumb,
.version_2 form .slider::-moz-range-thumb,
.version_2 form .slider-thumb-label {background: #00B779;}
.version_2 form .custom-checkbox.standard-style:checked + label:before {background: #00B779; border: 2px solid #00B779;}
.version_2 .a2a_button_whatsapp span {background: #00B779;}
.version_2 form .field-error input, 
.version_2 form .field-error select, 
.version_2 form .field-error .custom-checkbox + label {border: 2px solid #D52941; border-bottom: 4px solid #D52941;}
.version_2 form .slider::-moz-range-thumb {background: #00B779;}
.version_2 form .slider-thumb-label {background: #00B779;}
.version_2 .reviews_navigation .arrow {border: 2px solid #000000; border-bottom: 4px solid #000000;}
.version_2 .address_pull {border: 2px solid #4B8CBE; border-bottom: 4px solid #4B8CBE;}


/* Version 3 */
.version_3 .logo {width: 150px;}
.version_3 .logo.smaller {width: 115px;}
.version_3 .logo.dynamic {background: url('/assets/img/version_3/logo.webp') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
.version_3 #claim_calculator .logo {top: -15px;}
.version_3 .loader .logo {width: 250px;}



@media (hover: hover) and (pointer: fine) {
.button:hover:after {width: 100%;}
.modal:before {width: calc(100% - 0.75em);}
form .custom-checkbox:hover + label:before {border: 2px solid #40B5A2; background: #40B5A2; content: '\f00c'; font: var(--fa-font-regular); text-rendering: auto; -webkit-font-smoothing: antialiased; text-align: center; line-height: 16px; color: #FFFFFF; font-size: 10px;}
form .custom-checkbox:disabled + label:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
form .custom-checkbox:disabled + label:hover:before {background: #AAAAAA; border: 2px solid #AAAAAA; content: '\f00d'; font: var(--fa-font-regular); text-rendering: auto; -webkit-font-smoothing: antialiased; text-align: center; line-height: 16px; color: #FFFFFF; font-size: 10px;}
form .custom-checkbox.standard-style + label:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0;}
form .custom-file:hover + label:before {background: #40B5A2; color: #FFFFFF;}
.video-reviews .scroll-track ul li:hover:after {background: #40B5A2; color: #FFFFFF;}

/* Version 2 */
.version_2 form .custom-checkbox:hover + label:before {border: 2px solid #00B779; background: #00B779;}
.version_2 form .custom-file:hover + label:before {background: #00B779;}
.version_2 .video-reviews .scroll-track ul li:hover:after {background: #00B779; color: #FFFFFF;}
}





/* -------------------------------------------------------------------------------
			Desktop wide
------------------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) and (max-width: 1800px) {
.viewport:after {content: 'Wide Desktop'; background: green;}

.video-reviews:before,
.video-reviews:after {width: 150px;}

.featured-in ul li {padding: 0 35px;}

.image-2 {max-width: 150px; bottom: -135px; right: 0;}
.image-6 {max-width: 150px;}


.form-sidebar img {width: calc(100% + 50px);}
}





/* -------------------------------------------------------------------------------
			Tablet landscape: 960px.
------------------------------------------------------------------------------- */
@media only screen and (min-width: 960px) and (max-width: 1200px) {
.viewport:after {content: 'Tablet Landscape 960px - 1200px'; background: skyblue;}


h1, .h1 {font-size: 38px;}
h2, .h2 {font-size: 38px;}
h3, .h3 {font-size: 33px;}
h4, .h4 {font-size: 28px;}
h5, .h5 {font-size: 23px;}
h6, .h6 {font-size: 18px; line-height: 150%;}


.button,
.a2a_button_whatsapp span {padding: 15px 35px; font-size: 23px;}


header nav {visibility: hidden; z-index: -999; opacity: 0; transition: opacity 0.25s ease;}
header nav.expanded {position: fixed; visibility: visible; transform: none; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF; z-index: 900; opacity: 1;}
header nav ul {padding: 150px 5% 0 5%;}
header nav ul li {margin: 0 0 15px 0; display: block; width: 100%; font-size: 23px;} 
header nav ul li .link {width: 100%; display: block; padding: 0 0 10px 0;}
header nav ul li:nth-last-child(2) .link {border-bottom: 0;}
header nav ul li:last-of-type {display: block;}
header .button {right: 55px;}
header .menu-toggle {display: block;}


.basic-list.three-col ul li, .basic-list.three-col ol li {width: 50%;}


.wrap.background-light-blue {border: 50px solid #F4F8FB;}


.form-content {width: 67%;}
.form-sidebar {width: 30%;}


.claim-calculator .results,
.download-app {padding: 20px;}


.google-reviews-logo {max-width: 225px;}


.image-2 {max-width: 135px; bottom: -125px; right: 0;}
.image-6 {max-width: 135px;}


.featured-in ul li {padding: 0 20px;}


.claim-process ul li {width: 33.333333%;}
.claim-process ul li:last-of-type {width: 100%; margin-top: 35px;}


#our_reviews {padding: 75px 0 50px 0;}
#our_reviews .google-reviews-logo {top: -100px;}


.video-reviews:before,
.video-reviews:after {width: 125px;}
.video-reviews .scroll-track ul li img {width: 175px;}
.video-reviews .scroll-track ul li:after {width: 35px; height: 35px; font-size: 18px; bottom: 15px; right: 15px; line-height: 35px;}


.modal .flex-container .column {padding: 50px;}


footer .legal {width: 100%; display: block; clear: both; margin: 0 0 5px 0;}
footer nav {clear: both; width: 100%; margin: 0 0 25px 0;}
footer nav ul li {margin: 0 10px 5px 0; width: calc(50% - 10px)!important; float: left;}
footer .footnotes {padding: 0;}


.form-sidebar img {width: calc(100% + 35px);}
}





/* -------------------------------------------------------------------------------
			Tablet portrait: 640px.
------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 960px) {
.viewport:after {content: 'Tablet Portrait'; background: blue;}


h1, .h1 {font-size: 38px;}
h2, .h2 {font-size: 38px;}
h3, .h3 {font-size: 33px;}
h4, .h4 {font-size: 28px;}
h5, .h5 {font-size: 23px;}
h6, .h6 {font-size: 18px; line-height: 150%;}


.button,
.a2a_button_whatsapp span {padding: 15px 35px; font-size: 23px;}


header nav {visibility: hidden; z-index: -999; opacity: 0; transition: opacity 0.25s ease;}
header nav.expanded {position: fixed; visibility: visible; transform: none; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF; z-index: 900; opacity: 1;}
header nav ul {padding: 150px 5% 0 5%;}
header nav ul li {margin: 0 0 15px 0; display: block; width: 100%; font-size: 23px;} 
header nav ul li .link {width: 100%; display: block; padding: 0 0 10px 0;}
header nav ul li:nth-last-child(2) .link {border-bottom: 0;}
header nav ul li:last-of-type {display: block;}
header .button {right: 55px;}
header .menu-toggle {display: block;}


.basic-list.three-col ul li, .basic-list.three-col ol li {width: 50%;}


.wrap.background-light-blue {border: 50px solid #F4F8FB;}


.form-content {width: calc(100% - 190px);}
.form-sidebar {width: 165px;}


.logo.smaller {width: 75px;}


.claim-calculator .inputs {width: 100%; margin: 0 0 25px 0;}
.claim-calculator .results,
.download-app {width: 100%; padding: 20px;}


.google-reviews-logo {max-width: 225px;}


.image-2 {max-width: 90px; bottom: -75px; right: 0;}
.image-6 {max-width: 90px; margin: 10px 0 0 0;}


.featured-in ul li {width: 33.333333%; max-width: 250px; margin: 0 0 25px 0;}
.featured-in ul li:nth-child(n+4) {margin: 0;}


.claim-process ul li {width: 50%; margin: 0 0 25px 0;}
.claim-process ul li:nth-child(n+3) {margin: 0;}


#our_reviews {padding: 75px 0 50px 0;}
#our_reviews .google-reviews-logo {top: -100px;}


.video-reviews:before,
.video-reviews:after {width: 125px;}
.video-reviews .scroll-track ul li img {width: 175px;}
.video-reviews .scroll-track ul li:after {width: 35px; height: 35px; font-size: 18px; bottom: 15px; right: 15px; line-height: 35px;}


.modal .flex-container .column {padding: 50px;}
.modal .eligibility .image {width: 100px;}
.modal .eligibility .content {width: calc(100% - 110px);}


section,
footer {padding: 50px 0;}
section.form {padding: 25px 0 50px 0;}
#our_reviews {padding: 50px 0;}
#our_reviews .google-reviews-logo {top: -75px;}
#claim_calculator .logo {top: 10px;}


.progressed.retain section.form {padding: 25px 0;}


.fixed-bar .conditional_hide {display: none;}
.fixed-bar .conditional_show {display: inline;}


footer .legal {width: 100%; display: block; clear: both; margin: 0 0 5px 0;}
footer nav {clear: both; width: 100%; margin: 0 0 25px 0;}
footer nav ul li {margin: 0 10px 5px 0; width: calc(50% - 10px)!important; float: left;}
footer .footnotes {padding: 0;}


.form-sidebar img {width: calc(100% + 15px);}
}





/* -------------------------------------------------------------------------------
			Mobile: 320px.
------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
.viewport:after {content: 'Mobile Portrait'; background: pink;}


html, body,
.button.smaller,
.ui-autocomplete,
.claim-process ul li .content,
form input, form select, form textarea, .select,
form .custom-checkbox + label {font-size: 16px; line-height: 150%;}


h1, .h1 {font-size: 28px;}
h2, .h2 {font-size: 26px;}
h3, .h3 {font-size: 22px;}
h4, .h4 {font-size: 22px;}
h5, .h5,
h6, .h6 {font-size: 18px; line-height: 150%;}


.text-size-regular,
.text-size-regular * {font-size: 16px; line-height: 150%;}
.text-size-smaller,
.text-size-smaller * {font-size: 14px!important; line-height: 150%;}
.text-size-smallest,
.text-size-smallest * {font-size: 10px!important; line-height: 150%;}
.text-size-smallest .text-size-caveat {font-size: 50%!important; line-height: 250%;}


.margin-50,
.margin-35 {margin: 0 0 30px 0!important;}


.mobile_hide {display: none!important;}
.mobile_show {display: inline-block!important;}


.button,
.a2a_button_whatsapp span {padding: 12px 15px; font-size: 20px;}
.button .sub-text {font-size: 14px!important;}
.button.smaller {padding: 6px 20px;}


.highlight-marker {padding: 0 3px 2px 3px;}


header {height: 65px;}
header .button {display: none;}
header nav {visibility: hidden; z-index: -999; opacity: 0; transition: opacity 0.25s ease;}
header nav.expanded {position: fixed; visibility: visible; transform: none; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF; z-index: 900; opacity: 1;}
header nav ul {padding: 150px 5% 0 5%;}
header nav ul li {margin: 0 0 15px 0; display: block; width: 100%; font-size: 23px;} 
header nav ul li .link {width: 100%; display: block; padding: 0 0 10px 0;}
header nav ul li:nth-last-child(2) .link {border-bottom: 0;}
header nav ul li:last-of-type {display: block;}
header nav ul li .button {display: inline-block;}
header .menu-toggle {display: block;}
header .google-reviews-logo {max-width: 150px; padding: 5px 10px; display: block;}


.basic-list.two-col ul li, .basic-list.two-col ol li,
.basic-list.three-col ul li, .basic-list.three-col ol li {clear: both; width: 100%;}


.wrap.background-light-blue {border: 0; width: 100%; padding: 35px 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.wrap.full_width_mobile {width: 100%; z-index: 350;}


.form-content {width: 100%;}
.form-sidebar,
.version_2 .form-sidebar,
.version_3 .form-sidebar {width: 65%; opacity: 0.050; top: 50%; width: 65%; transform: translateY(-50%);}


.logo {width: 90px;}
.logo.smaller {width: 75px;}
.logo.dynamic {width: 90px;}


.secure-logo {width: 75px;}


#car_finance_lenders li:nth-child(n+5) {display: none;}
#car_finance_lenders.expanded li:nth-child(n+5) {display: inline-block;}


.faqs .faq {padding: 10px 75px 10px 15px;}
.faqs .faq:after {width: 50px; line-height: 46px;}


.claim-calculator .inputs .output {min-width: 50px; font-size: 70%; line-height: 150%;}
.claim-calculator .inputs {width: 100%; margin: 0 0 25px 0;}
.claim-calculator .results,
.download-app {width: 100%; padding: 20px;}


.flex-container.two-col .column,
.flex-container.three-col .column {flex-basis: calc(100% / 1);}


.google-reviews-logo {max-width: 225px;}
.google-reviews-logo.stacked {max-width: 75px; padding: 5px 8px;}


.image-2 {max-width: 75px; bottom: -36px; right: 0; opacity: 0.05;}
.image-6 {max-width: 75px; margin: 0;}


.featured-in ul li {width: 33.333333%; max-width: 175px; margin: 0 0 25px 0; padding: 0 15px;}
.featured-in ul li:nth-child(n+4) {margin: 0;}


.claim-process {padding: 25px 0;}
.claim-process ul li {width: 100%; margin: 0 0 25px 0;}
.claim-process ul li:last-of-type {margin: 0;}
.claim-process ul li .content {padding: 25px 20px 20px 20px;}


#our_reviews {padding: 75px 0 50px 0;}
#our_reviews .google-reviews-logo {top: -100px;}
.reviews_navigation {padding: 15px 0 0 0;}


.video-reviews:before,
.video-reviews:after {width: 50px;}
.video-reviews .scroll-track ul li {margin-right: 10px;}
.video-reviews .scroll-track ul li img {width: 135px;}
.video-reviews .scroll-track ul li:after {width: 35px; height: 35px; font-size: 18px; bottom: 10px; right: 10px; line-height: 35px;}


.modal .flex-container .column {padding: 35px 25px;}
.modal .eligibility {padding: 25px 15px;}
.modal .eligibility .image {width: 50px; position: absolute; top: -50px; right: 15px;}
.modal .eligibility .content {width: 100%;}


section,
footer {padding: 35px 0;}
section.form {padding: 15px 0 40px 0;}
#our_reviews {padding: 45px 0 35px 0;}
#our_reviews .google-reviews-logo {top: -70px;}
#claim_calculator .logo {top: -15px; right: 25px;}


.fixed-bar .wrap {width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.fixed-bar p {margin: 0 0 5px 0;}
.fixed-bar .conditional_hide {display: none;}
.fixed-bar .conditional_show {display: inline;}


footer .legal {width: 100%; display: block; clear: both; margin: 0 0 5px 0;}
footer nav {clear: both; width: 100%; margin: 0 0 25px 0;}
footer nav ul li {margin: 0 0 5px 0; width: 100%;}
footer .footnotes {padding: 0;}


.basic-list ul li:before {top: 9px;} 
.basic-list.text-size-smaller ul li:before {top: 5px;}
.basic-list.text-size-smallest ul li:before {top: 4px;}
.basic-list.check-bullets ul li:before {top: 5px;}


.progress-wrapper {width: 100%; margin: 10px auto 15px auto;}
.progress-wrapper .progress-bar {height: 5px;}
.progress-wrapper .progress-fill:after {width: 35px; height: 35px; position: absolute; top: calc(50% - 2px); right: -5px;}


.form-security {padding: 15px 0 0 0;}


form .custom-checkbox.smaller + label {padding: 6px 13px 4px 38px; min-height: 45px;}
form .custom-checkbox.smaller + label:before {top: 9px;}
form .custom-checkbox.vehicle + label {padding: 5px 10px;}
form .options li {margin: 0 5px 5px 0;}
form .options li:last-of-type {margin: 0 0 5px 0;}
form .options.two li {width: 100%; margin: 0 0 5px 0;}
form .options.two li:nth-of-type(2n) {margin: 0 0 5px 0;}
form .options.three li {width: calc(33.333333% - 5px); margin: 0 5px 5px 0;}
form .options.three li:nth-of-type(3n) {margin: 0 0 5px 0;}
form .options.full li {margin: 0 0 5px 0;}
form .field.three .field {width: calc(31.5% - 5px); margin: 0 5px 0 0;}
form .field.three .field:nth-of-type(2) {margin: 0 5px 0 0;}
form .field.three .field:nth-of-type(3){width: calc(37% - 5px);}
form .field-icon:before {padding: 0 12px; font-size: 16px;}
form .field-icon input {padding: 0 15px 0 50px;}
form .idpc-input {padding: 0 145px 0 50px!important;}
form .idpc-find-address {width: 135px; font-size: 14px;}
form .error, form .idpc-error {width: 100%;}
form .custom-file + label {padding: 15px 25px 15px 90px;}
form .custom-file + label:before {min-width: 65px; font-size: 25px;}


.progressed section.form {padding: 15px 0 350px 0;}
.progressed.retain section.form {padding: 15px 0;}
.progressed footer nav ul li {margin: 0 0 5px 0; width: 100%!important; display: block; clear: both;}
.progressed header .google-reviews-logo {display: none;}
.progressed header .google-reviews-logo.stacked {display: block;}
.progressed form nav .form-security {margin: 0!important;}
.progressed form nav.unfix {position: relative; padding: 15px 0 10px 0; background: none; text-align: left; backdrop-filter: none; -webkit-backdrop-filter: none;}


.form-sidebar img {width: 100%;}


/* Version 3 */
.version_3 .logo {width: 110px;}
.version_3 .logo.smaller {width: 85px;}
.version_3 #claim_calculator .logo {top: 5px; width: 90px; right: 10px;}
}





/* -------------------------------------------------------------------------------
			Animations
------------------------------------------------------------------------------- */
.animation_green_flash_infinite {-webkit-animation: animation_green_flash 1s linear infinite normal; animation: animation_green_flash 1s linear infinite normal;}
.magnifying_glass_animation_infinite {animation: magnifying_glass_animation_infinite 3s ease-in-out infinite;}
.animation_grow_shrink_infinite {animation: growShrink 1.5s ease-in-out infinite;}
@-webkit-keyframes animation_green_flash {
	0%   {-webkit-box-shadow: 0 0 0 0 rgba(0,183,121,1);}
	70%  {-webkit-box-shadow: 0 0 0 20px rgba(0,183,121,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(0,183,121,0);}
}
@keyframes animation_green_flash {
	0%   {-moz-box-shadow: 0 0 0 0 rgba(0,183,121,1); box-shadow: 0 0 0 0 rgba(0,183,121,1);}
	70%  {-moz-box-shadow: 0 0 0 20px rgba(0,183,121,0); box-shadow: 0 0 0 20px rgba(0,183,121,0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(0,183,121,0); box-shadow: 0 0 0 0 rgba(0,183,121,0);}
}
@-webkit-keyframes animation-whatsapp-flash {
	0%   {-webkit-box-shadow: 0 0 0 0 rgba(18,175,10,1);}
	70%  {-webkit-box-shadow: 0 0 0 15px rgba(18,175,10,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(18,175,10,0);}
}
@keyframes animation-whatsapp-flash {
	0%   {-moz-box-shadow: 0 0 0 0 rgba(18,175,10,1); box-shadow: 0 0 0 0 rgba(18,175,10,1);}
	70%  {-moz-box-shadow: 0 0 0 15px rgba(18,175,10,0); box-shadow: 0 0 0 15px rgba(18,175,10,0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(18,175,10,0); box-shadow: 0 0 0 0 rgba(18,175,10,0);}
}
@keyframes shine {
	0% {left: -75%;}
	100% {left: 125%;}
}
@keyframes magnifying_glass_animation_infinite {
	0%   {transform: translate(1px, 1px) rotate(0deg);}
	25%  {transform: translate(3px, 0px) rotate(10deg);}
	50%  {transform: translate(4px, 4px) rotate(-10deg);}
	75%  {transform: translate(0px, 4px) rotate(15deg);}
	100% {transform: translate(1px, 1px) rotate(0deg);}
}
@keyframes moveStripes {
	0% {background-position: 0 0;}
	100% {background-position: 40px 0;}
}
@keyframes car-bounce {
	0%,
	100% {transform: translateY(0);}
    50% {transform: translateY(7px);}
}
@keyframes speed-lines-reverse {
    0% {right: -60px; opacity: 1;}
    100% {right: 220px; opacity: 0;}
}
@keyframes growShrink {
	0%, 100% {transform: scale(0.95);}
	50% {transform: scale(1);}
}