@import url('reset.css');
@import url("https://use.typekit.net/pzr0vcj.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
@import url('https://cdn.jsdelivr.net/npm/odometer.js@1.0.0/odometer.css');
@import url('https://cdn.jsdelivr.net/npm/jquery-ui-dist@1.13.1/jquery-ui.min.css');




/* -------------------------------------------------------------------------------
			Default Layout: 1200px. 		
------------------------------------------------------------------------------- */
html, body {width: 100%; font-size: 16px; line-height: 175%; font-family: "Inter", sans-serif; font-weight: 500; color: #0A0A0A; -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: "articulat-cf", sans-serif; font-weight: 800; font-style: normal; margin: 0 0 25px 0; z-index: 10; line-height: 140%; letter-spacing: -0.020em;}
h1, .h1 {font-size: 55px;}
h2, .h2 {font-size: 45px;}
h3, .h3 {font-size: 35px;}
h4, .h4 {font-size: 30px;}
h5, .h5 {font-size: 25px;}
h6, .h6 {font-size: 20px;}


.animate__animated {--animate-duration: 0.50s;}
.animate__delay-1s {--animate-delay: 0.25s;}
.animate__delay-2s {--animate-delay: 0.25s;}
.animate__delay-3s {--animate-delay: 0.25s;}


.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:disabled, .button.disabled {background: #F3F5F6!important; color: #0A0A0A; cursor: not-allowed; -moz-animation: none!important; -o-animation: none!important; animation: none!important;}
.button {position: relative; padding: 25px 50px; cursor: pointer; z-index: 50; text-align: center; font-family: "articulat-cf", sans-serif; font-weight: 700; display: inline-block; -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; background: #EC4067; background: #0059BC; color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 20px; letter-spacing: -0.015em;}
.button.smaller {font-size: 16px; padding: 10px 25px;}
.button.full {width: 100%;}
.button.background-white {color: #0A0A0A;}
.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.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.button.skip {padding: 0; display: inline-block; vertical-align: middle;}
.button i,
.link i {margin: 0 0 0 5px;}
.button.reverse-icon i,
.link.reverse-icon i {margin: 0 5px 0 0;}
.previous-button {position: absolute; top: 0; left: 7.5%;}


p, .p {margin: 0 0 25px 0; display: block; clear: both; width: 100%; z-index: 10;}
a {color: #0A0A0A;}
strong {font-weight: 700;}
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: 1px solid #0A0A0A; display: block; clear: both; float: left; width: 100%;}
hr.margin-smaller {margin: 25px 0;}
svg {display: block; fill: #0A0A0A; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.svg-color-yellow {fill: #F7E652;}
.svg-color-green {fill: #4A9533;}
.text-background-gradient-2 {background: #0059BC; background: linear-gradient(to right, #0059BC 0%, #4751FF 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.text-base-font {font-family: "Inter", sans-serif!important;}
.text-color-green {color: #4A9533!important;}
.text-color-blue {color: #0059BC!important;}
.text-color-red {color: #CB002B!important;}
.text-color-black {color: #0A0A0A!important;}
.text-color-white {color: #FFFFFF!important;}
.text-size-regular,
.text-size-regular * {font-size: 16px!important; line-height: 140%;}
.text-size-smaller,
.text-size-smaller * {font-size: 16px!important; line-height: 140%;}
.text-size-smallest,
.text-size-smallest * {font-size: 14px!important; line-height: 140%;}
.text-size-smallest-promise,
.text-size-smallest-promise * {font-size: 12px!important; line-height: 140%;}
.text-size-smallester,
.text-size-smallester * {font-size: 9px!important; line-height: 140%;}
.text-size-pence,
.text-size-caveat {display: inline-block; vertical-align: middle; font-size: 85%!important; margin: 0 0 0 1px;}
.text-size-caveat {font-size: 60%!important; vertical-align: top;}
.text-align-center {text-align: center;}
.text-weight-400 {font-weight: 400!important;}
.text-weight-500 {font-weight: 500!important;}
.text-weight-600 {font-weight: 600!important;}
.text-weight-700 {font-weight: 700!important;}
.text-weight-800 {font-weight: 800!important;}
.text-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-reg {background: #F7E652; font-weight: 800; display: inline; padding: 2px 10px 2px 30px; -webkit-border-radius: 2.5px; -moz-border-radius: 2.5px; border-radius: 2.5px; border: 1px solid #0A0A0A; font-family: 'Inter', sans-serif; line-height: 100%; text-transform: uppercase;}
.text-reg:before {position: absolute; top: 50%; transform: translateY(-50%); left: 5px; color: #0A0A0A; background: #0059BC url(/assets/img/svg/gb.svg) no-repeat center center; -webkit-background-size: 35%; -moz-background-size: 35%; -o-background-size: 35%; background-size: 35%; border: 1px solid #FFFFFF; -webkit-box-shadow: 0px 0px 0px 1px #0059BC; -moz-box-shadow: 0px 0px 0px 1px #0059BC; box-shadow: 0px 0px 0px 1px #0059BC; width: 11%; height: 65%; content: ''; z-index: 6; -webkit-border-radius: 2.5px; -moz-border-radius: 2.5px; border-radius: 2.5px;}
.vehicle_registrations .text-reg {margin: 0 5px 0 0;}
.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-15 {margin: 0 0 15px 0!important;}
.margin-10 {margin: 0 0 10px 0!important;}
.margin-5 {margin: 0 0 5px 0!important;}
.margin-left-5 {margin: 0 0 0 5px!important;}
.margin-none {margin: 0!important;}
.margin-top-5 {margin: 5px 0 0 0!important;}
.margin-top-10 {margin: 10px 0 0 0!important;}
.margin-top-15 {margin: 15px 0 0 0!important;}
.margin-top-25 {margin: 25px 0 0 0!important;}
.padding-none {padding: 0!important;}
.background-none {background: none!important;}
.background-black {background: #0A0A0A!important;}
.background-grey {background: #F3F5F6!important;}
.background-dark-grey {background: #DCE2E5!important;}
.background-darkest-grey {background: #C5CED3!important;}
.background-light-grey {background: #F3F5F6!important;}
.background-white {background: #FFFFFF!important;}
.background-blue {background: #0059BC!important;}
.background-light-blue {background: #EBF4FF!important;}
.background-green {background: #4A9533!important;}
.background-yellow {background: #F7E652!important;}
.background-light-yellow {background: #FEFCEC!important;}
.background-light-green {background: #F2FAF0!important;}
.background-red {background: #CB002B!important;}
.background-light-red {background: #FFEBEF!important;}
.background-gradient-1 {background: #0059BC; background-image: radial-gradient( circle farthest-corner at 50% 50%,  rgba(71,81,255,1) 0.1%, rgba(0,7,128,1) 99.8% );}
.background-gradient-2 {background: #0059BC; background: linear-gradient(125deg, rgba(0,7,128,1) 0%, rgba(71,81,255,1) 100%);}
.border-none {border: 0!important;}
.border-bottom {border-bottom: 2px solid #0059BC;}
.border-black {border: 1px solid #0A0A0A;}
.border-bottom-yellow {border-bottom: 2px solid #F7E652;}
.link {cursor: pointer; text-decoration: underline; display: inline-block; width: auto;}
.link-block {cursor: pointer;}
.reg_edit {z-index: 60;}
.help_link {cursor: pointer;}
.close_modal {cursor: pointer;}
.clear {display: block; clear: both; letter-spacing: 0;}
.hide {display: none!important;}
.disable-scroll {overflow: hidden; height: 100%;}
.spacer {display: block; clear: both;}
.spacer-15 {height: 15px;}
.spacer-25 {height: 25px;}
.spacer-35 {height: 35px;}
.spacer-50 {height: 50px;}
.spacer-75 {height: 75px;}
.spacer-100 {height: 100px;}
.width-full {width: 100%; display: block; clear: both;}
.odometer {font-family: "Inter", sans-serif!important; letter-spacing: -0.025em;}
.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;}
.ui-autocomplete {position: absolute; top: 100%; left: 0; z-index: 250; display: none; float: left; min-width: 160px; word-break: break-word; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; text-align: left; background: #FFFFFF; border: 2px solid #FFFFFF!important; border-radius: 5px; -webkit-box-shadow: 0px 0px 25px 0px rgba(10,10,10,0.10); -moz-box-shadow: 0px 0px 25px 0px rgba(10,10,10,0.10); box-shadow: 0px 0px 25px 0px rgba(10,10,10,0.10); background-clip: padding-box; max-height: 350px; overflow-y: scroll;}
.ui-autocomplete > li > div {display: block; padding: 5px 20px; clear: both; width: 100%; font-weight: normal; line-height: 1.42857143; color: #0A0A0A; font-family: "neue-haas-grotesk-text", sans-serif; font-weight: 500;}
.ui-state-active,
.ui-state-focus {text-decoration: none; background-color: #0059BC; cursor: pointer; color: #FFFFFF!important;}
.ui-helper-hidden-accessible {display: none!important;}
.address_pull {margin: 15px 0 0 0; clear: both; float: left; padding: 5px 0 5px 15px; border-left: 2px solid;}
.address-field {display: block; clear: both;}
.address-field.aligned {display: inline-block;}
.address-field:empty {display: none;}
.image-size-15 {width: 15%; margin: 0 auto;}
.image-size-25 {width: 25%; margin: 0 auto;}
.image-size-50 {width: 50%; margin: 0 auto;}
.image-size-75 {width: 75%; margin: 0 auto;}
.image-size-90 {width: 90%; margin: 0 auto;}
.image.center {margin: 0 auto 25px auto;}
.min-height-100 {min-height: 100vh;}
.min-height-75 {min-height: 90vh;}
.min-height-50 {min-height: 50vh;}
.min-height-25 {min-height: 25vh;}
.overflow-hidden {overflow: hidden;}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {line-height: 100%; font-family: "Inter", sans-serif!important;}
.odometer.heading.odometer-auto-theme, .odometer.heading.odometer-theme-default {line-height: 100%; font-family: "Inter", sans-serif!important; display: inline-block; vertical-align: middle;}
.button-group .button,
.button-group .link {margin: 0 5px 5px 5px;}
.terms-box {padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; clear: both;}
.mobile_show {display: none!important;}


.arrow {position: absolute; bottom: 0; left: 0; z-index: 1;}
.arrow.arrow-1 {bottom: 18px; left: auto; right: 100px; width: 75px;}
.arrow.arrow-2 {width: 125px; bottom: auto; top: 75px; left: -15px;}


.highlight-circle {position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 75%; max-width: 250px; min-width: 250px; height: 0; padding-bottom: 50%;}


.wrap {width: 85%; max-width: 1075px; margin: 0 auto; z-index: 250; clear: both;}
.wrap.largest {max-width: 1875px;}
.wrap.larger {max-width: 1475px;}
.wrap.smaller {max-width: 675px;}
.wrap.smallest {max-width: 500px;}
.wrap:after {content: ''; display: block; clear: both;}


header {height: 100px; z-index: 300; width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
header .wrap {height: 100%;}
header .logo {position: absolute; top: 50%; left: 0; margin: 0; padding: 0; transform: translateY(-50%);}
header .reviews-logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto;}
header .secure-badge {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
header nav {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
header nav ul {clear: both; display: block;}
header nav ul li {float: left; margin: 0 0 0 25px;}
header nav ul li:first-of-type {margin: 0;}
header nav p {text-align: right;}
header .menu-icon {position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #0A0A0A; width: 40px; height: 40px; display: none; cursor: pointer;}
header .menu-icon i {margin: 0; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}


.sub-header {padding: 25px 0; background: #FFFFFF;}


.alert {padding: 15px 25px; background: #EBF4FF; border: 1px solid #0059BC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left;}
.alert.positive {background: #F2FAF0; border: 1px solid #4A9533;}
.alert.negative {background: #FFEBEF; border: 1px solid #CB002B;}
.alert.mono {background: #FFFFFF; border: 1px solid #C5CED3;}
.alert .icon {position: absolute; top: 0; left: 0;}
.alert .icon i {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}


footer {display: block; clear: both; width: 100%; padding: 75px 0 75px 175px;}
footer .logo {margin: 0; position: absolute; top: 0; left: -150px;}
footer p {margin: 0 0 15px 0;}
footer nav {margin: 0;}
footer nav ul li {display: inline-block; margin: 0 5px 5px 0;}


.logo {width: 175px; max-width: 100%; z-index: 15; display: inline-block; margin: 0 0 25px 0;}
.logo.smaller {width: 125px;}


.logo-partner {display: inline-block; vertical-align: middle; width: 50px; margin: 0 0 0 5px;}
.logo-partner.free {display: block; position: absolute; top: -25px; right: 0;}


.secure-badge {width: 80px; clear: both; display: block;}


.reviews-logo {display: block; clear: both; width: 100%;}
.reviews-logo .badge {width: 75px; display: inline-block; margin: 0; vertical-align: middle;}
.reviews-logo .avatars {display: inline-block; vertical-align: middle; margin: 0 0 0 10px;}
.reviews-logo .avatars .avatar {display: block; float: right; margin: 0 0 0 -12px; width: 35px; height: 35px; background: #FFFFFF; border: 1px solid #0A0A0A; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding: 2.5px;}
.reviews-logo .avatars .avatar:last-of-type {margin: 0;}
.reviews-logo .avatars .avatar img {display: block; width: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%);}


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


.box {padding: 50px; float: left; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.box.min-height-100 {min-height: 100%;}
.box.padding-top-none {padding: 0 50px 50px 50px;}
.box.padding-bottom-none {padding: 50px 50px 0 50px;}


.basic-list {margin: 0 0 25px 0; padding: 0 25px; 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 ul li:last-of-type, .basic-list ol li:last-of-type {margin: 0;}
.basic-list ul li:before {position: absolute; top: 10px; left: 0; width: 12px; height: 12px; background: #0059BC; content: ''; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} 
.basic-list.text-size-smaller ul li:before {top: 8px;} 
.basic-list.check-bullets ul li:before {content: '\f00c'; font: var(--fa-font-sharp-regular); text-rendering: auto; -webkit-font-smoothing: antialiased; background: none; color: #4A9533; width: auto; height: auto; top: 4px; z-index: 2; background: none; font-size: 22px;}
.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: #0059BC; margin: 0;}
.basic-list ol ol li:before {font-size: 10px; line-height: 175%; top: 5px;}
.basic-list.inline {text-align: center;}
.basic-list.inline ul li {display: inline-block; margin: 0 5px;}
.basic-list.logos ul li {width: 15%; padding: 0; margin: 0;}
.basic-list.logos ul li img {filter: grayscale(100%); opacity: 0.50;}
.basic-list.logos ul li:before {display: none;}
.basic-list.car-details {padding: 0;}
.basic-list.car-details ul li {padding: 0 0 5px 0; border-bottom: 1px solid #C5CED3;}
.basic-list.car-details ul li:last-of-type {padding: 0; border: 0;}
.basic-list.car-details ul li:before {display: none;}


.accordion {float: left; width: 100%; display: block; clear: both; overflow: hidden;}
.accordion .accordion-tab {padding: 15px 75px 15px 25px; cursor: pointer; clear: both; border-bottom: 1px solid #0A0A0A; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; font-weight: 500;}
.accordion .accordion-tab p {margin: 0;}
.accordion .accordion-tab:after {position: absolute; content: '\f078'; font: var(--fa-font-sharp-regular); text-rendering: auto; -webkit-font-smoothing: antialiased; top: 50%; right: 25px; transform: translateY(-50%); display: block; font-size: 20px; color: #0A0A0A;}
.accordion .accordion-tab.active {background: #0A0A0A; color: #FFFFFF;}
.accordion .accordion-tab.active:after {color: #FFFFFF;}
.accordion .accordion-tab.active:after {content: '\f077';}
.accordion .accordion-content {padding: 25px 25px 0 25px; float: left; width: 100%; display: none; border-bottom: 1px solid #0A0A0A;}
.accordion .accordion-content ul {float: left; width: 100%; clear: both; margin: 0;}
.accordion .accordion-content ul li {width: 100%; clear: both;}
.accordion .accordion-content ul li:nth-of-type(2n) {float: right;}


.faq {display: block; clear: both; padding: 25px; background: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #0A0A0A;}


.loading-step,
.loading-page {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 550; display: none;}
.loading-step .overlay,
.loading-page .overlay {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #F3F5F6; opacity: 0.90;}
.loading-step .loading-message {margin: 25px 0 0 0; display: block; clear: both; float: left; width: 100%;}


.loading-page {z-index: 499; display: block;}
.loading-page.invisible {display: none;}
.loading-page .overlay {opacity: 1;}
.loading-page .contents,
.loading-step .contents {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; width: 100%; padding: 0 30px;}
.loading-page .contents .logo {margin: 0 auto 25px auto; display: block;}


.loading-spinner {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5;}
.loading-spinner:before {content: ''; position: absolute; top: 50%; left: 50%; width: 75px; height: 75px; margin-top: -37.5px; margin-left: -37.5px; border-radius: 50%; border-top: 4px solid #0059BC; border-right: 4px solid transparent; animation: animation-loading 0.50s linear infinite;}
.loading-spinner.inline {position: relative; top: 0; left: 0; transform: none; clear: both; display: block; width: 75px; height: 75px; margin: 0 auto;}
.loading-spinner.inline:before {width: 75px; height: 75px; margin-top: -37.5px; margin-left: -37.5px;}
.loading-spinner.inline.text {width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; clear: none;}
.loading-spinner.inline.text:before {width: 25px; height: 25px; margin-top: -15px; margin-left: -12.5px; border-top: 2px solid #FFFFFF; border-right: 2px solid transparent;}


.loading-bar {width: 100%; max-width: 275px; height: 5px; display: inline-block; background: #F3F5F6; position: relative; overflow: hidden;}
.loading-bar::after {content: ''; width: 0%; height: 5px; background-color: #FFFFFF; background-image: linear-gradient(45deg, #0059BC 25%, transparent 25%, transparent 50%, #0059BC 50%, #0059BC 75%, transparent 75%, transparent); background-size: 1em 1em; position: absolute; top: 0; left: 0; box-sizing: border-box; animation: animation-loading-bar 2.5s ease-in,  animation-loading-bar-stripe 1s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}


.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 15px 0 0;}


.grid-container .image {margin: 0 0 25px 0; display: block; clear: both;}
.grid-container .image.flush {background: none; margin: 0;}
.grid-container .image.free {background: none; margin: 0; position: absolute; bottom: 0; right: 0;}
.grid-container .image.free .banner {position: absolute; bottom: 75px; left: 50%; transform: translateX(-50%); width: 100%; background: #0A0A0A; color: #FFFFFF; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.grid-container .image.free.image-1 {max-width: 250px; right: 100px;}
.grid-container .image.free.image-2 {max-width: 425px; bottom: auto; top: -35px; right: 50px;}
.grid-container {display: grid; column-gap: 25px;}
.grid-container.three-col {grid-template-columns: repeat(3, 1fr);}
.grid-container.two-col {grid-template-columns: repeat(2, 1fr);}


.modal {position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 500; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.modal:before {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #F3F5F6; content: ''; opacity: 0.85;}
.modal .flex-container {min-height: 100vh; width: 100%; clear: both; justify-content: center; align-items: center; padding: 0;}
.modal .flex-container .column {padding: 75px; background: #FFFFFF; -webkit-box-shadow: 0px 0px 100px 0px rgba(10,10,10,0.15); box-shadow: 0px 0px 100px 0px rgba(10,10,10,0.15); float: left; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.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: #FFEC51; font-weight: 600; text-transform: uppercase; text-align: center; cursor: pointer; z-index: 150; color: #0A0A0A; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.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 .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 30px 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,
.modal .flex-container .column .flex-container .column canvas {width: 100%; max-height: 100%; height: auto; display: block; border: 1px solid #0A0A0A;}


.activity-popups {position: fixed; bottom: 25px; right: 25px; width: 350px; z-index: 500; display: block; clear: both;}
.activity-popups.show {display: block;}
.activity-popups .entry {width: 100%; background: #FFFFFF; border: 1px solid #0A0A0A; float: left; display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.activity-popups .entry .icon {position: absolute; top: 28px; left: 25px; font-size: 30px;}
.activity-popups .entry .logo {width: 30px; position: absolute; bottom: 25px; right: 25px;}
.activity-popups .entry i {margin: 0; color: #0059BC;}
.activity-popups .entry .content {width: 100%; padding: 25px 25px 25px 75px; float: right;}
.activity-popups .entry .content p {margin: 0;}
.activity-popups .entry .content i {display: none;}
.activity-popups .entry .content .meta {opacity: 0.50; padding: 5px 0 0 0;}


.form-security {padding: 35px 0 0 0; display: block; clear: both;}


.steps {position: absolute; top: 0; right: 7.5%; width: 150px;}
.steps .step-number {position: absolute; top: 47px; left: 70px; transform: translate(-50%,-50%); font-family: "articulat-cf", sans-serif; font-weight: 800; padding: 5px 0 0 0;}
.steps .step-number .figure-large {display: inline-block; vertical-align: middle;}
.steps .step-number .figure-small {display: inline-block; vertical-align: middle; font-size: 60%; letter-spacing: 0;}


form {display: block; width: 100%; clear: both;}
form input, form select, form textarea, .select {width: 100%; float: left; outline: none; -webkit-appearance: none; appearance: none; padding: 0 20px; height: 60px; font-size: 16px; color: #0A0A0A; font-family: "Inter", sans-serif; font-weight: 500; background: #FFFFFF; border: 0; background: #FFFFFF; border: 1px solid #0A0A0A; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
form input:focus,
form select:focus,
form textarea:focus,
form .custom-checkbox + label:active,
form .custom-checkbox + label:focus,
.select:focus {-webkit-box-shadow: 0px 0px 0px 2px #0059BC; -moz-box-shadow: 0px 0px 0px 2px #0059BC; box-shadow: 0px 0px 0px 2px #0059BC; border: 1px solid #0059BC;}
form input:disabled {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
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, .select {background: none; padding: 0 35px 0 20px; background: #FFFFFF url(/assets/img/svg/select.svg) no-repeat right 20px top 50%; -webkit-background-size: 15px; -moz-background-size: 15px; -o-background-size: 15px; background-size: 15px;}
form select::-ms-expand {display: none;}
form label {display: block; clear: both; z-index: 10; margin: 0 0 5px 0;}
form .field-icon {display: block; clear: both; float: left; width: 100%;}
form .field-icon input {padding: 0 20px 0 50px;}
form .field-icon:before {position: absolute; top: 0; left: 20px; color: #0059BC; width: auto; content: '\f007'; font: var(--fa-font-sharp-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; color: #0A0A0A; opacity: 0.25; text-align: center; line-height: 60px; font-size: 16px; z-index: 5; pointer-events: none;}
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: 20px; width: 61px; height: 25px; transform: translateY(-50%); background: url(/assets/img/png/secure-hybrid.png) no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; content: '';}
form .field, .field-outside {display: block; clear: both; margin: 0 0 25px 0; width: 100%; float: left;}
form .field.two {margin: 0;}
form .field.two .field {width: calc(50% - 12.5px); clear: none;}
form .field.two .field:first-of-type {margin: 0 12.5px 25px 0;}
form .field.two .field:nth-of-type(2n) {margin: 0 0 25px 12.5px;}
form .field.three .field {width: calc(31.5% - 12.5px); clear: none; margin: 0 12.5px 0 0;}
form .field.three .field:nth-of-type(2) {margin: 0 12.5px 0 0;}
form .field.three .field:last-of-type {width: calc(37% - 12.5px);}
form .field.sub-field {padding: 15px 30px; border-left: 2px solid #0059BC; margin: 0 25px; display: none;}
form .field.sub-field.animate__fadeInUp {display: block;}
form .field.disabled:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #EBEBEB; opacity: 0.80; content: ''; z-index: 55;}


form .field-reg {float: left; width: 100%; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
form .field-reg:before {position: absolute; top: 8px; left: 8px; color: #0A0A0A; background: #0059BC url(/assets/img/svg/gb.svg) no-repeat center center; -webkit-background-size: 15px 19px; -moz-background-size: 15px 19px; -o-background-size: 15px 19px; background-size: 15px 19px; border: 2px solid #FFFFFF; -webkit-box-shadow: 0px 0px 0px 2px #0059BC; -moz-box-shadow: 0px 0px 0px 2px #0059BC; box-shadow: 0px 0px 0px 2px #0059BC; width: 30px; height: 40px; content: ''; z-index: 6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 50;}
form .field-reg input {padding: 0 20px 0 50px; background: #F7E652; font-weight: 800; font-size: 25px; text-transform: uppercase; width: calc(100% - 260px); text-align: center;}
form .field-reg input::placeholder {text-transform: uppercase;}
form .field-reg .button {height: 60px; line-height: 60px; padding: 0 15px; margin: 0 0 0 10px; width: 250px;}
form .vehicle-questions {border: 1px solid #0A0A0A; display: block; float: left; width: 100%; padding: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #EBEBEB;}
form .vehicle_additional_questions {padding: 35px 0 0 0;}


form .address_lookup {float: left; width: 100%; display: block; clear: both;}
form .idpc-input {text-transform: uppercase; padding: 0 140px 0 55px!important;}
form .idpc-input:placeholder-shown {text-transform: none;}
form .idpc-select {margin: 15px 0 0 0; animation: animation-blue-flash 1.25s linear infinite normal; clear: both; padding: 0 20px!important;}
form .idpc-select.activated {animation: none;}
form .idpc-find-address {position: absolute; top: 0; right: 0; height: 60px; padding: 0!important; line-height: 60px; width: 155px; background: #0A0A0A;}
form .find_vehicle {background: #0A0A0A;}
form span.error, form .idpc-error, form .email_validation_error, form .upload_success {background: #FFEBEF; display: none; width: 100%; clear: both; float: left; position: relative; font-weight: 500; color: #CB002B!important; padding: 5px 15px; margin-top: 6px; z-index: 50; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; line-height: 175%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #CB002B;}
form span.error:before, form .idpc-error:before, form .email_validation_error:before, form .upload_success:before {content: '\f071'; font: var(--fa-font-sharp-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; margin: 0 10px 0 0;}
form span.error:after, form .idpc-error:after, form label.error:after, form .email_validation_error:after {display: block; clear: both; width: 100%; content: '';}
form .field-error input, form .field-error select, form .field-error .custom-checkbox + label, form .field-error .signature-pad .signature-pad--body .signature-wrap {border: 1px solid #CB002B!important; -webkit-box-shadow: 0px 0px 0px 2px #CB002B; -moz-box-shadow: 0px 0px 0px 2px #CB002B; box-shadow: 0px 0px 0px 2px #CB002B;}
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 .field-reg input {color: #CB002B;}
form .upload_success {background: #F2FAF0; border: 1px solid #4A9533; color: #4A9533!important;}
form .upload_success:before {content: '\f058';}
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: #0A0A0A; border: 1px solid #0A0A0A; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: table; cursor: pointer;}
form .suggested_fix_apply:after {background: none!important;}
form input::placeholder {color: #0A0A0A; text-transform: none; opacity: 0.25;}
form ::placeholder {color: #0A0A0A; text-transform: none; opacity: 0.25;}
form :-ms-input-placeholder {color: #0A0A0A; text-transform: none; opacity: 0.25;}
form ::-ms-input-placeholder {color: #0A0A0A; text-transform: none; opacity: 0.25;}
form ul.options {display: block; clear: both; padding: 0; float: left; width: 100%; font-size: 0;}
form ul.options li {width: auto; margin: 0 10px 10px 0; display: inline-block; font-size: inherit;}
form ul.options li:last-of-type {margin: 0 0 10px 0;}
form ul.options.two li {width: calc(50% - 7.5px); margin: 0 10px 10px 0;}
form ul.options.two li:nth-of-type(2n) {margin: 0 0 10px 0;}
form ul.options.full li {width: 100%; clear: both; margin: 0 0 10px 0;}
form ul.options.full li:last-of-type {margin: 0;}
form ul.options.underline li {border-bottom: 1px solid; margin: 0; padding: 5px 0;}
form ul.options.underline li:last-of-type {border-bottom: 0;}
form ul.options.disabled:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F3F5F6; z-index: 50; opacity: 0.75;}
form .custom-checkbox {display: none;}
form .custom-checkbox + label {position: relative; cursor: pointer; outline: none; margin: 0; width: auto; color: #0A0A0A; background: #FFFFFF; border: 1px solid #0A0A0A; font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; line-height: 175%; padding: 14px 25px 14px 55px; min-height: 60px; 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: 5px; -moz-border-radius: 5px; border-radius: 5px;}
form .custom-checkbox + label:before {width: 20px; height: 20px; position: absolute; top: 18px; left: 20px; content: ''; background: #FFFFFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #0A0A0A;}
form .custom-checkbox:checked + label {-webkit-box-shadow: 0px 0px 0px 2px #0059BC; -moz-box-shadow: 0px 0px 0px 2px #0059BC; box-shadow: 0px 0px 0px 2px #0059BC; border: 1px solid #0059BC; background: #EBF4FF; -webkit-animation: none; animation: none;}
form .custom-checkbox:checked + label:before {color: #FFFFFF; background: #0059BC; border: 1px solid #0059BC; content: '\f00c'; font: var(--fa-font-sharp-regular); text-rendering: auto; -webkit-font-smoothing: antialiased; text-align: center; line-height: 20px; font-size: 12px;}
form .custom-checkbox:disabled + label {cursor: not-allowed;}
form .custom-checkbox:disabled + label * {opacity: 0.35;}
form .custom-checkbox.vehicle_option:disabled + label:after {content: 'Not eligible'; text-transform: uppercase; position: absolute; top: 50%; right: 10px; background: #FFFFFF; border: 1px solid #CB002B; transform: translateY(-50%) rotate(-10deg); color: #CB002B; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 9px; font-weight: 600; line-height: 100%; padding: 5px 10px;}
form .custom-checkbox.standard-style + label {width: 100%; border: 0; background: none; padding: 0 0 0 35px; min-height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 175%;}
form .custom-checkbox.standard-style + label:before {top: 4px; left: 0;}
form .custom-checkbox.standard-style:checked + label {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; background: none;}
form .custom-file {display: none;}
form .custom-file + label {position: relative; cursor: pointer; outline: none; margin: 0; color: #0A0A0A; background: #FFFFFF; border: 1px solid #0A0A0A; font-family: 'Inter', sans-serif; font-weight: 700; padding: 23px 20px 23px 60px; text-align: left; display: block; font-size: 16px; margin: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
form .custom-file:disabled + label {cursor: default;}
form .custom-file + label:before {position: absolute; top: 23px; left: 20px; content: '\e590'; font: var(--fa-font-sharp-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; text-align: center; font-size: 25px;}
form .custom-file.camera + label:before {position: absolute; top: 23px; left: 20px; content: '\f030'; font: var(--fa-font-sharp-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; text-align: center; font-size: 25px;}
form .custom-file + label span {display: block; clear: both; font-weight: 400;}
form .custom-file:disabled + label {opacity: 0.25;}
form .custom-file.complete + label {border: 2px solid #0A0A0A; background: #0A0A0A; color: #FFFFFF;}
form .custom-file.complete + label:before {-webkit-box-shadow: inset 0px 0px 0px 5px #0A0A0A; box-shadow: inset 0px 0px 0px 5px #0A0A0A; border: 1px 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;}
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: 200px; width: 100%; background: #FFFFFF; border: 1px solid #0A0A0A; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
form .signature-pad .signature-pad--body .signature-wrap:before {content: ''; width: 75px; height: 53px; background: url(/assets/img/svg/sign-here.svg) no-repeat center center; position: absolute; top: 43%; left: -50px; transform: translateY(-50%); background-size: contain; z-index: 10; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}
form .signature-pad .signature-pad--body .signature-wrap canvas {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
form .signature-pad .signature-pad--footer {display: block; clear: both; width: 100%; padding: 5px 0 0 0; float: left;}
form .signature-pad .signature-pad--footer .signature-pad--actions * {vertical-align: middle; display: inline-block;}
form .signature-pad .signature-pad--footer .signature-pad--actions .secure-badge {margin: 0 0 0 15px;}
form .signature-pad .signature-pad--footer .signature-pad--actions .link {margin: 15px 0 0 0;}
form nav {display: block; clear: both; width: 100%; padding: 25px 0 0 0; float: left; z-index: 51;}
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: #0A0A0A; opacity: 0.10}
form nav .button {float: right;}
form fieldset {padding: 0 0 15px 0; margin: 0 0 30px 0; border-bottom: 1px solid #0A0A0A;}
form fieldset:last-of-type {padding: 0; margin: 0; border: 0;}
form .help {padding: 0; background: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; width: 275px; right: -300px; top: 0; background: #EBF4FF; border: 1px solid #0059BC; padding: 25px;}
form .help.inline {position: relative; right: 0; margin: 0 0 15px 0; width: 100%;}
form .vehicles-added {width: 100%; padding: 20px 25px;}
form .vehicles-added div.basic-list {padding: 0; margin: 0;}
form .vehicles-added div.basic-list ul li {padding: 0; margin: 0 0 10px 0;}
form .vehicles-added div.basic-list ul li:before {display: none;}
form .vehicles-added div.basic-list ul li ul {border-left: 2px solid #4A9533; margin: 5px 0;}
form .vehicles-added div.basic-list ul li ul li {margin: 0;}
form .reviews-logo {padding: 30px 0 0 0;}


section {padding: 75px 0;}
section.padding-bottom-none {padding: 75px 0 0 0;}
section.padding-bottom-more {padding: 75px 0 100px 0;}
section.first {padding: 150px 0;}
section.first .image {width: 500px; max-width: 100%; position: absolute; bottom: -285px; left: 50%; transform: translateX(-50%); z-index: 5;}
section.first .image .flag {position: absolute; top: -25px; left: 75px; width: 75px; z-index: -1;}
section.form {padding: 50px 0 150px 0;}


.form_active {background: #F3F5F6;}
.form_active header {position: relative; left: 0; transform: none;}
.form_active.progressed .progressed_hide {display: none;}
.form_active .progressed_show {display: none;}
.form_active.progressed .progressed_show {display: block;}


#additional_vehicle_modal form .field.disabled:before {background: #EBEBEB;}


@media (hover: hover) and (pointer: fine) {
.button:hover:after {width: 100%;}
.accordion .accordion-tab:hover {background: #0A0A0A; color: #FFFFFF;}
.accordion .accordion-tab:hover:after {color: #FFFFFF;}
.modal:before {width: calc(100% - 0.75em);}
.traveller {position: -webkit-sticky!important; position: sticky!important; top: 20px!important;}
form input:hover,
form select:hover,
form .select:hover {-webkit-box-shadow: 0px 0px 0px 2px #0059BC; -moz-box-shadow: 0px 0px 0px 2px #0059BC; box-shadow: 0px 0px 0px 2px #0059BC; border: 1px solid #0059BC;}
form .field-error .custom-checkbox + label:hover,
form .field-error input:hover,
form .field-error select:hover,
form .field-error .select:hover {-webkit-box-shadow: 0px 0px 0px 2px #CB002B; -moz-box-shadow: 0px 0px 0px 2px #CB002B; box-shadow: 0px 0px 0px 2px #CB002B;}
form .signature-pad .signature-pad--body .signature-wrap:hover:before {left: -75px;}
form .custom-checkbox + label:hover {-webkit-box-shadow: 0px 0px 0px 2px #0059BC; -moz-box-shadow: 0px 0px 0px 2px #0059BC; box-shadow: 0px 0px 0px 2px #0059BC; border: 1px solid #0059BC;}
form .custom-checkbox:disabled + label:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #0A0A0A;}
form .custom-checkbox.standard-style + label:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0;}
}





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


.arrow.arrow-2 {left: -25px;}
}





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


.previous-button {position: absolute; top: -50px;}
.previous-button .link {border: 0;}
.previous-button .mobile_hide {display: none;}


.grid-container .image.free.image-1 {max-width: 250px; right: 50px;}
.grid-container .image.free.image-2 {right: 0;}


.arrow.arrow-2 {left: auto; right: 0; top: -15px; transform: rotate(-225deg);}


.basic-list.logos ul li {width: 19%;}


.steps {width: auto; top: 20px; background: #FFFFFF; padding: 2.5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #0A0A0A;}
.steps img {display: none;}
.steps .step-number {position: relative; left: 0; top: 0; transform: none; padding: 0;}


form .help {position: relative; width: 100%; right: auto; left: 0; margin: 0 0 25px 0;}


section.first {padding: 125px 0;}
}





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


.previous-button {position: absolute; top: -50px;}
.previous-button .link {border: 0;}
.previous-button .mobile_hide,
.spacer.mobile_hide,
header .mobile_hide {display: none;}
.mobile_show {display: block!important;}


.reviews-logo .avatars {display: none;}


header nav ul {position: absolute; top: 45px; right: -25px; width: 250px; background: #0A0A0A; padding: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: none;}
header nav ul:before {width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #0A0A0A transparent; content: ''; position: absolute; top: -14px; right: 31px;}
header nav ul li {display: block; clear: both; width: 100%; margin: 0 0 10px 0; text-align: right;}
header nav ul li:first-of-type {margin: 0 0 10px 0;}
header nav ul li:last-of-type {margin: 0;}
header nav ul li .link {display: block; border: 0; color: #FFFFFF;}
header .menu-icon {display: block;}


.grid-container.two-col {grid-template-columns: repeat(1, 1fr);}
.grid-container .image.free.image-1 {max-width: 175px; right: 35px;}
.grid-container .image.free.image-2 {position: relative; max-width: 350px; top: auto; bottom: -25px; margin: 0 auto; right: auto;}


.arrow.arrow-2 {display: none;}


.basic-list.logos ul li {width: 24%;}


.steps {width: auto; top: 20px; background: #FFFFFF; padding: 2.5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #0A0A0A;}
.steps img {display: none;}
.steps .step-number {position: relative; left: 0; top: 0; transform: none; padding: 0;}


form .signature-pad .signature-pad--body .signature-wrap:before {transform: rotate(125deg); left: auto; top: -19px; right: -15px; width: 75px; height: 53px;}
form .signature-pad .signature-pad--body .signature-wrap:hover:before {left: auto; right: -15px;}
form .help {position: relative; width: 100%; right: auto; left: 0; margin: 0 0 25px 0;}


#additional_vehicle_modal form .previous-button {top: -120px; left: -30px;}


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


section.first {padding: 125px 0;}
}





/* -------------------------------------------------------------------------------
			Wide mobile: 480px.
------------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 768px) {
span.viewport:after {content: 'Mobile Wide'; background: purple;}


h1, .h1 {font-size: 38px;}
h2, .h2 {font-size: 35px;}
h3, .h3 {font-size: 30px;}
h4, .h4 {font-size: 25px;}
h5, .h5 {font-size: 22px;}
h6, .h6 {font-size: 18px;}


.previous-button {position: absolute; top: -50px;}
.previous-button .link {border: 0;}
.previous-button .mobile_hide,
.spacer.mobile_hide,
.id_methods .mobile_hide,
header .mobile_hide {display: none;}
.mobile_show {display: block!important;}


.min-height-100,
.min-height-75,
.min-height-50,
.min-height-25 {min-height: auto;}


.spacer-15 {height: 10px;}
.spacer-25 {height: 20px;}
.spacer-35 {height: 30px;}
.spacer-50 {height: 25px;}
.spacer-75 {height: 50px;}
.spacer-100 {height: 50px;}


.logo {width: 150px;}
.logo.smaller {width: 100px;}


.logo-partner {width: 35px;}


.reviews-logo .avatars {display: none;}


header {height: 75px;}
header nav ul {position: absolute; top: 45px; right: -25px; width: 250px; background: #0A0A0A; padding: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: none;}
header nav ul:before {width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #0A0A0A transparent; content: ''; position: absolute; top: -14px; right: 31px;}
header nav ul li {display: block; clear: both; width: 100%; margin: 0 0 10px 0; text-align: right;}
header nav ul li:first-of-type {margin: 0 0 10px 0;}
header nav ul li:last-of-type {margin: 0;}
header nav ul li .link {display: block; border: 0; color: #FFFFFF;}
header .menu-icon {display: block;}


.sub-header {padding: 15px 0;}
.sub-header .text-size-smaller,
.sub-header .text-size-smaller * {font-size: 12px!important;}


footer {padding: 75px 0;}
footer .logo {margin: 0; position: relative; left: 0; margin: 0 0 15px 0;}


.alert {padding: 10px 20px;}


.basic-list {padding: 0;}
.basic-list.check-bullets ul li:before {font-size: 20px; top: 5px;}
.basic-list.logos ul li {width: 32%;}


.arrow.arrow-1 {bottom: 30px; right: 10px; width: 50px;}
.arrow.arrow-2 {display: none;}


.highlight-circle {max-width: 165px; min-width: 165px; top: -35%;}


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


.grid-container.two-col,
.grid-container.three-col {grid-template-columns: repeat(1, 1fr);}
.grid-container .image.free.image-1 {display: none;}
.grid-container .image.free.image-2 {position: relative; max-width: 300px; top: auto; bottom: -25px; margin: 0 auto; right: auto;}


.box {padding: 35px;}
.box.padding-top-none {padding: 0 35px 35px 35px;}
.box.padding-bottom-none {padding: 35px 35px 0 35px;}


.steps {width: auto; top: 20px; background: #FFFFFF; padding: 2.5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #0A0A0A;}
.steps img {display: none;}
.steps .step-number {position: relative; left: 0; top: 0; transform: none; padding: 0;}


form .field.sub-field {margin: 0; padding: 15px 20px;}
form .signature-pad .signature-pad--body .signature-wrap:before {transform: rotate(125deg); left: auto; top: -10px; right: -10px; width: 50px; height: 35px;}
form .signature-pad .signature-pad--body .signature-wrap:hover:before {left: auto; right: -10px;}
form .help {position: relative; width: 100%; right: auto; left: 0; padding: 15px; margin: 0 0 25px 0;}
form .field-reg input {padding: 0 20px 0 50px; font-size: 22px; width: 100%; clear: both;}
form .field-reg .button {margin: 10px 0 0 0; width: 100%; clear: both;}


#additional_vehicle_modal form .previous-button {top: -90px; left: auto; right: 0;}


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


section.first {padding: 100px 0;}
section.first h1 {margin: 0 0 15px 0;}
section.first .image {width: 375px; min-width: 375px; bottom: -200px;}
section.form {padding: 75px 0 150px 0;}
section.form.padding-lower {padding: 25px 0 350px 0;}
}





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


html, body,
.button.smaller,
.ui-autocomplete {font-size: 16px;}


h1, .h1 {font-size: 38px;}
h2, .h2 {font-size: 35px;}
h3, .h3 {font-size: 30px;}
h4, .h4 {font-size: 25px;}
h5, .h5 {font-size: 22px;}
h6, .h6 {font-size: 18px;}


.wrap.larger {width: 90%;}


.previous-button {position: absolute; top: -45px;}
.previous-button .link {border: 0;}
.previous-button .mobile_hide,
.spacer.mobile_hide,
.id_methods .mobile_hide,
header .mobile_hide {display: none;}
.button-group .button,
.button-group .link {margin: 0 0 5px 0;}
.mobile_show {display: block!important;}


.text-size-regular,
.text-size-regular * {font-size: 16px!important;}
.text-size-smaller,
.text-size-smaller * {font-size: 14px!important;}
.text-size-smallest,
.text-size-smallest * {font-size: 12px!important;}


.min-height-100,
.min-height-75,
.min-height-50,
.min-height-25 {min-height: auto;}


.full_width_mobile {width: 100%;}


.spacer-15 {height: 10px;}
.spacer-25 {height: 20px;}
.spacer-35 {height: 30px;}
.spacer-50 {height: 25px;}
.spacer-75 {height: 50px;}
.spacer-100 {height: 50px;}


.logo {width: 150px;}
.logo.smaller {width: 100px;}


.logo-partner {width: 35px;}


.reviews-logo .avatars {display: none;}


header {height: 75px;}
header nav ul {position: absolute; top: 45px; right: -25px; width: 250px; background: #0A0A0A; padding: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: none;}
header nav ul:before {width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #0A0A0A transparent; content: ''; position: absolute; top: -14px; right: 31px;}
header nav ul li {display: block; clear: both; width: 100%; margin: 0 0 10px 0; text-align: right;}
header nav ul li:first-of-type {margin: 0 0 10px 0;}
header nav ul li:last-of-type {margin: 0;}
header nav ul li .link {display: block; border: 0; color: #FFFFFF;}
header .menu-icon {display: block;}


.sub-header {padding: 15px 0;}
.sub-header .text-size-smaller,
.sub-header .text-size-smaller * {font-size: 12px!important;}
.sub-header .text-size-pence,
.sub-header .text-size-smaller .text-size-pence {display: inline-block; vertical-align: middle; font-size: 85%!important; margin: 0 0 0 1px;}


footer {padding: 50px 0;}
footer .logo {margin: 0; position: relative; left: 0; margin: 0 0 15px 0;}


.alert {padding: 10px 20px; margin: 0 0 15px 0!important;}


.basic-list {padding: 0;}
.basic-list ul li:before {top: 10px;} 
.basic-list.text-size-smaller ul li:before {top: 6px;} 
.basic-list.check-bullets ul li:before {font-size: 20px;}
.basic-list.logos ul li {width: 49%;}


.arrow.arrow-1 {bottom: 35px; right: -5px; width: 35px;}
.arrow.arrow-2 {display: none;}


.highlight-circle {max-width: 165px; min-width: 165px; top: -35%;}


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


.grid-container {margin: 0!important;}
.grid-container.two-col,
.grid-container.three-col {grid-template-columns: repeat(1, 1fr);}
.grid-container .image.free.image-1 {display: none;}
.grid-container .image.free.image-2 {position: relative; bottom: -25px; top: auto; max-width: 300px; margin: 0 auto; right: auto;}


.box {padding: 35px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.box.padding-top-none {padding: 0 35px 35px 35px;}
.box.padding-bottom-none {padding: 35px 35px 0 35px;}


.steps {width: auto; top: -10px; background: #FFFFFF; padding: 2.5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #0A0A0A;}
.steps img {display: none;}
.steps .step-number {position: relative; left: 0; top: 0; transform: none; padding: 0;}


form input, form select, form textarea, .select {height: 55px; font-size: 16px;}
form .custom-checkbox + label {font-size: 16px; min-height: 55px;}
form .signature-pad .signature-pad--body .signature-wrap:before {transform: rotate(125deg); left: auto; top: -10px; right: -10px; width: 50px; height: 35px;}
form .signature-pad .signature-pad--body .signature-wrap:hover:before {left: auto; right: -10px;}
form .help {position: relative; width: 100%; right: auto; left: 0; margin: 0 0 20px 0; padding: 15px;}
form nav {padding: 15px 0 0 0;}
form .field, .field-outside {margin: 0 0 15px 0;}
form .idpc-find-address,
form .find_vehicle {height: 55px; line-height: 55px; position: relative;}
form .idpc-find-address {display: block; clear: both; position: relative; width: 100%; margin: 10px 0 0 0; float: left; top: 0; left: 0;}
form .idpc-input {padding: 0 140px 0 55px!important;}
form .field-icon input {padding: 0 20px 0 55px;}
form .field-icon:before {left: 20px; line-height: 55px; font-size: 16px;}
form .field-icon.secure:after {width: 45px; height: 18px; background: url(/assets/img/png/secure-hybrid.png) no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; right: 15px;}
form .field-reg:before {height: 35px;}
form .field-reg input {padding: 0 20px 0 50px; font-size: 22px; width: 100%; clear: both;}
form .field-reg .button {margin: 10px 0 0 0; width: 100%; clear: both; height: 55px; line-height: 55px;}
form .field.sub-field {margin: 0; padding: 15px 20px;}
form ul.options li,
form ul.options.two li {width: 100%; margin: 0 0 10px 0; display: block; clear: both;}
form .vehicle-questions {padding: 25px 7.5%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; border-top: 1px solid #0A0A0A; border-bottom: 1px solid #0A0A0A;}


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


section {padding: 50px 0;}
section.padding-bottom-none {padding: 50px 0 0 0;}
section.padding-bottom-more {padding: 50px 0 75px 0;}
section.form {padding: 60px 0 150px 0;}
section.form.padding-lower {padding: 25px 0 350px 0;}


section.first {padding: 90px 0 50px 0;}
section.first h1 {margin: 0 0 15px 0;}
section.first .image {width: 100%; min-width: 300px; max-width: 300px; bottom: -155px;}
}





/* -------------------------------------------------------------------------------
			Animations
------------------------------------------------------------------------------- */
.animation-in-out {-webkit-animation: animation-in-out 1.25s infinite alternate; animation: animation-in-out 1.25s infinite alternate;}
.animation-yellow-flash-infinite {-webkit-animation: animation-yellow-flash 1.25s linear infinite normal; animation: animation-yellow-flash 1.25s linear infinite normal;}
.animation-green-flash-infinite {-webkit-animation: animation-green-flash 1.25s linear infinite normal; animation: animation-green-flash 1.25s linear infinite normal;}
.animation-blue-flash-infinite {-webkit-animation: animation-blue-flash 1.25s linear infinite normal; animation: animation-blue-flash 1.25s linear infinite normal;}
.animation-black-flash-infinite {-webkit-animation: animation-black-flash 1.25s linear infinite normal; animation: animation-black-flash 1.25s linear infinite normal;}
@keyframes animation-in-out {
	0% {
	  transform: scale(1.1) rotate(0deg);
	}
	100% {
	  transform: scale(1) rotate(-2deg);
	}
}
@-webkit-keyframes animation-in-out {
	0% {
	  transform: scale(1.1) rotate(0deg);
	}
	100% {
	  transform: scale(1) rotate(-2deg);
	}
}
@-webkit-keyframes animation-yellow-flash {
	0%   {-webkit-box-shadow: 0 0 0 0 rgba(247,230,82,1);}
	70%  {-webkit-box-shadow: 0 0 0 10px rgba(247,230,82,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(247,230,82,0);}
}
@keyframes animation-yellow-flash {
	0%   {-moz-box-shadow: 0 0 0 0 rgba(247,230,82,1); box-shadow: 0 0 0 0 rgba(247,230,82,1);}
	70%  {-moz-box-shadow: 0 0 0 10px rgba(247,230,82,0); box-shadow: 0 0 0 15px rgba(247,230,82,0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(247,230,82,0); box-shadow: 0 0 0 0 rgba(247,230,82,0);}
}
@-webkit-keyframes animation-green-flash {
	0%   {-webkit-box-shadow: 0 0 0 0 rgba(74,149,51,1);}
	70%  {-webkit-box-shadow: 0 0 0 10px rgba(74,149,51,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(74,149,51,0);}
}
@keyframes animation-green-flash {
	0%   {-moz-box-shadow: 0 0 0 0 rgba(74,149,51,1); box-shadow: 0 0 0 0 rgba(74,149,51,1);}
	70%  {-moz-box-shadow: 0 0 0 10px rgba(74,149,51,0); box-shadow: 0 0 0 15px rgba(74,149,51,0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(74,149,51,0); box-shadow: 0 0 0 0 rgba(74,149,51,0);}
}
@-webkit-keyframes animation-blue-flash {
	0%   {-webkit-box-shadow: 0 0 0 0 rgba(0,89,188,1);}
	70%  {-webkit-box-shadow: 0 0 0 10px rgba(0,89,188,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(0,89,188,0);}
}
@keyframes animation-blue-flash {
	0%   {-moz-box-shadow: 0 0 0 0 rgba(0,89,188,1); box-shadow: 0 0 0 0 rgba(0,89,188,1);}
	70%  {-moz-box-shadow: 0 0 0 10px rgba(0,89,188,0); box-shadow: 0 0 0 15px rgba(0,89,188,0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(0,89,188,0); box-shadow: 0 0 0 0 rgba(0,89,188,0);}
}
@-webkit-keyframes animation-black-flash {
	0%   {-webkit-box-shadow: 0 0 0 0 rgba(10,10,10,1);}
	70%  {-webkit-box-shadow: 0 0 0 10px rgba(10,10,10,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(10,10,10,0);}
}
@keyframes animation-black-flash {
	0%   {-moz-box-shadow: 0 0 0 0 rgba(10,10,10,1); box-shadow: 0 0 0 0 rgba(10,10,10,1);}
	70%  {-moz-box-shadow: 0 0 0 10px rgba(10,10,10,0); box-shadow: 0 0 0 15px rgba(10,10,10,0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(10,10,10,0); box-shadow: 0 0 0 0 rgba(10,10,10,0);}
}
@keyframes animation-loading {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
@keyframes animation-loading-bar-stripe {
	0% {
		background-position: 1em 0;
	}
	100% {
		background-position: 0 0;
	}
}
  
@keyframes animation-loading-bar {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}