@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: #F5F5F5 !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: #0034B9; 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; letter-spacing: 0; }
.button.full { width: 100%;display: flex;align-items: center;justify-content: center; }
.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: #063783; }
.svg-color-green { fill: #063783 ; }
.text-background-gradient-2 { background: #0034B9; background: linear-gradient(to right, #0034B9 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: #063783  !important; }
.text-color-blue { color: #0034B9 !important; }
.text-color-red { color: #EF233C !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-align-right { text-align: right; }
.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: #063783; 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: #0034B9 url(../../assets/images/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 #0034B9; -moz-box-shadow: 0px 0px 0px 1px #0034B9; box-shadow: 0px 0px 0px 1px #0034B9; 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: #F5F5F5 !important; }
.background-dark-grey { background: #EBEBEB !important; }
.background-darkest-grey { background: #E0E0E0 !important; }
.background-light-grey { background: #FAFCFF !important; }
header.background-white { 
	background: #FFFFFF !important;
	border-bottom: 2px solid #063783 !important;
}
.background-blue { background: #0034B9 !important; }
.background-light-blue { background: #EBF0FF !important; }
.background-green { background: #069D6B  !important; }
.bg-green { background: #063783  !important; }
.background-yellow { background: #063783 !important; }
.background-light-yellow { background: #FFFCEB !important; }
.background-light-green { background: #EBFEF8 !important; }
.background-red { background: #EF233C !important; }
.background-light-red { background: #FEECEE !important; }
.background-gradient-1 { background: #0034B9; 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: #0034B9; 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 #0034B9; }
.border-black { border: 1px solid #0A0A0A; }
.border-blue { border: 1px solid #0034B9; }
.border-bottom-yellow { border-bottom: 2px solid #063783; }
.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: #0034B9; 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%); }
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; }
.sub-header .reviews-logo { margin: 0 0 0 5px; }
.alert { padding: 15px 25px; background: #EBF0FF; border: 1px solid #0034B9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; }
.alert.positive { background: #EBFEF8; border: 1px solid #063783 ; }
.alert.negative { background: #FEECEE; border: 1px solid #EF233C; }
.alert.mono { background: #FFFFFF; border: 1px solid #E0E0E0; }
.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: -175px; }
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: 250px; 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: 90px; margin: 0 0 0 5px; }
.logo-partner.free { display: block; position: absolute; top: -10px; right: 0; }
.secure-badge { width: 75px; clear: both; display: block; }
.reviews-logo { clear: both; max-width: 235px; width: 75%; display: inline-block; vertical-align: middle; }
.reviews-logo.stacked { max-width: 75px; }
table { border: 0; border-collapse: collapse; margin: 0 0 25px 0; padding: 0; width: 100%; table-layout: fixed; }
table tr { background: #F5F5F5; 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: #0034B9; 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: #063783 ; 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: #0034B9; 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 #E0E0E0; }
.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: #F5F5F5; 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 #0034B9; 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: #F5F5F5; position: relative; overflow: hidden; }
.loading-bar::after { content: ''; width: 0%; height: 5px; background-color: #FFFFFF; background-image: linear-gradient(45deg, #0034B9 25%, transparent 25%, transparent 50%, #0034B9 50%, #0034B9 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: #F5F5F5; 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: #0034B9; }
.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 !important; font-size: 16px; color: #0A0A0A; font-family: "Inter", sans-serif; font-weight: 500; background: #FFFFFF; border: 0; background: #FFFFFF; border: 1px solid #0A0A0A !important; -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 #0034B9; -moz-box-shadow: 0px 0px 0px 2px #0034B9; box-shadow: 0px 0px 0px 2px #0034B9; border: 1px solid #0034B9; }
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(../images/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: #0034B9; 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/images/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 #0034B9; 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: #0034B9 url(../../assets/images/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 #0034B9; -moz-box-shadow: 0px 0px 0px 2px #0034B9; box-shadow: 0px 0px 0px 2px #0034B9; 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: #063783; 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 125px 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 3 normal; clear: both; padding: 0 20px !important; }
form .idpc-select.activated { animation: none; }
form .find_vehicle { background: #0A0A0A; }
form .idpc-find-address { position: absolute; top: 0; right: 0; height:60px; padding: 0 !important; line-height: 60px; width: 115px; background: #0A0A0A; line-height: 59px !important; }
form span.error, form .idpc-error, form .email_validation_error, form .upload_success { background: #FEECEE; display: none; width: 100%; clear: both; float: left; position: relative; font-weight: 500; color: #EF233C !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 #EF233C; }
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 #EF233C !important; -webkit-box-shadow: 0px 0px 0px 2px #EF233C; -moz-box-shadow: 0px 0px 0px 2px #EF233C; box-shadow: 0px 0px 0px 2px #EF233C; }
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: #EF233C; }
form .upload_success { background: #EBFEF8; border: 1px solid #063783 ; color: #063783  !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: #F5F5F5; 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 #0034B9; -moz-box-shadow: 0px 0px 0px 2px #0034B9; box-shadow: 0px 0px 0px 2px #0034B9; border: 1px solid #0034B9; background: #EBF0FF; -webkit-animation: none; animation: none; }
form .custom-checkbox:checked + label:before { color: #FFFFFF; background: #0034B9; border: 1px solid #0034B9; 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 #EF233C; transform: translateY(-50%) rotate(-10deg); color: #EF233C; -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/images/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: #EBF0FF; border: 1px solid #0034B9; 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 #063783 ; margin: 5px 0; }
form .vehicles-added div.basic-list ul li ul li { margin: 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: #F5F5F5; }
.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 #0034B9; -moz-box-shadow: 0px 0px 0px 2px #0034B9; box-shadow: 0px 0px 0px 2px #0034B9; border: 1px solid #0034B9; }
	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 #EF233C; -moz-box-shadow: 0px 0px 0px 2px #EF233C; box-shadow: 0px 0px 0px 2px #EF233C; }
	form .signature-pad .signature-pad--body .signature-wrap:hover:before { left: -75px; }
	form .custom-checkbox + label:hover { -webkit-box-shadow: 0px 0px 0px 2px #0034B9; -moz-box-shadow: 0px 0px 0px 2px #0034B9; box-shadow: 0px 0px 0px 2px #0034B9; border: 1px solid #0034B9; }
	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: -10px; background: #FFFFFF; padding: 0 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 { 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: -10px; background: #FFFFFF; padding: 0 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 .reviews-logo.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: 65px; }
	header { height: 75px; }
	header .reviews-logo { left: auto; transform: translateY(-50%); right: 85px; }
	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: -10px; background: #FFFFFF; padding: 0 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: 40px 0 150px 0; min-height: 100%; }
	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 .reviews-logo.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: 12px !important; }
	.text-size-smallest, .text-size-smallest * { font-size: 11px !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: 65px; }
	header { height: 75px; }
	header .reviews-logo { left: auto; transform: translateY(-50%); right: 85px; }
	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: 0 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; }*/
	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/images/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: 40px 0 150px 0; min-height: 100%; }
	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; }

	.idpc-find-address {
    line-height: 55px !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
}

div#postcode_lookup_field {}


#postcode_lookup_field input#postcode {
	border: 2px solid;
    height: 55px;
}
}

/* -------------------------------------------------------------------------------
			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(255, 244, 31, 1); }
	70% { -webkit-box-shadow: 0 0 0 10px rgba(255, 244, 31, 0); }
	100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 244, 31, 0); }
}
@keyframes animation-yellow-flash {
	0% { -moz-box-shadow: 0 0 0 0 rgba(255, 244, 31, 1); box-shadow: 0 0 0 0 rgba(255, 244, 31, 1); }
	70% { -moz-box-shadow: 0 0 0 10px rgba(255, 244, 31, 0); box-shadow: 0 0 0 15px rgba(255, 244, 31, 0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(255, 244, 31, 0); box-shadow: 0 0 0 0 rgba(255, 244, 31, 0); }
}
@-webkit-keyframes animation-green-flash {
	0% { -webkit-box-shadow: 0 0 0 0 rgba(6, 55, 131 , 1); }
	70% { -webkit-box-shadow: 0 0 0 10px rgba(6, 55, 131 , 0); }
	100% { -webkit-box-shadow: 0 0 0 0 rgba(6, 55, 131 , 0); }
}
@keyframes animation-green-flash {
	0% { -moz-box-shadow: 0 0 0 0 rgba(6, 55, 131 , 1); box-shadow: 0 0 0 0 rgba(6, 55, 131 , 1); }
	70% { -moz-box-shadow: 0 0 0 10px rgba(6, 55, 131 , 0); box-shadow: 0 0 0 15px rgba(6, 55, 131 , 0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(6, 55, 131 , 0); box-shadow: 0 0 0 0 rgba(6, 55, 131 , 0); }
}
@-webkit-keyframes animation-blue-flash {
	0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 52, 185, 1); }
	70% { -webkit-box-shadow: 0 0 0 10px rgba(0, 52, 185, 0); }
	100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 52, 185, 0); }
}
@keyframes animation-blue-flash {
	0% { -moz-box-shadow: 0 0 0 0 rgba(0, 52, 185, 1); box-shadow: 0 0 0 0 rgba(0, 52, 185, 1); }
	70% { -moz-box-shadow: 0 0 0 10px rgba(0, 52, 185, 0); box-shadow: 0 0 0 15px rgba(0, 52, 185, 0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(0, 52, 185, 0); box-shadow: 0 0 0 0 rgba(0, 52, 185, 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%; }
}