@import url('reset.css');



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video, input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	list-style: none!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
img {width: 100%; display: block;}
section#container {overflow-x: hidden;}
section, header, footer {max-width: 2560px; margin: 0 auto;}
section {display: block; clear: both; max-width: 2560px; margin: 0 auto;}
div, section, footer, header, a {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
* {-webkit-overflow-scrolling: touch; /*-o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s;*/}



/* -------------------------------------------------------------------------------
			Default Layout: 1200px. 		
------------------------------------------------------------------------------- */

html, body {width: 100%; font-size: 18px; background: #FFFFFF; line-height: 160%; font-family: 'Roboto', sans-serif; font-weight: 400; color: #082954; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */-webkit-text-size-adjust: 100%; padding: 0; height: 100%;}


h1, h2, h3, h4, h5, h6 {color: #082954; display: block; clear: both; font-weight: 500; font-family: 'Roboto', sans-serif; line-height: 140%; text-align: left;}
h1, section.recap h2 {font-size: 40px; margin: 0 0 30px 0;}
h1 i {color: #07beb8;}
h1 span, h2 span, h3 span, h4 span {display: block; clear: both; line-height: 160%; font-weight: 400; font-size: 18px;}
h3 span, h4 span {font-size: 12px;}
h2 {font-size: 30px; margin: 0 0 25px 0;}
h3 {font-size: 22px; margin: 0 0 25px 0;}
h4, h5, h6 {font-size: 18px; margin: 0 0 20px 0;}


p {padding: 0 0 25px 0;}
a {color: #07beb8;}
.button {display: block; padding: 20px 40px; color: #FFFFFF; font-size: 22px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; text-align: left; cursor: pointer; font-family: 'Roboto', sans-serif; text-align: center; font-weight: 500; background: #07beb8; clear: both;}
.button i {padding: 0 0 0 15px;}
.button.smaller {display: table; font-size: 22px; padding: 15px 30px;}
.button.smallest {display: table; font-size: 18px; padding: 10px 25px;}
.button.back {font-size: 14px; padding: 20px 0; background: none!important; color: #cecece!important; text-align: left;}
.button.back i {padding: 0 15px 0 0;}
.button.yellow {background: #F2E86D; color: #082954;}
.button.view {width: 100%; display: block; clear: both; margin: 0 0 15px 0;}
.button.dark {background: #082954;}
button {border: 0; outline: none;}
i {font-size: inherit; color: inherit; padding: 0 5px 0 0;}
em {font-style: normal;}
strong {font-weight: 500; font-family: 'Roboto', sans-serif; border-bottom: 1px solid;}
.center {text-align: center;}
.background-white {background: #FFFFFF; color: #082954;}
.border-yellow {border-bottom: 3px solid #F2E86D; padding: 0 0 2px 0;}
.border-yellow.smaller {border-bottom: 2px solid #F2E86D; padding: 0 0 2px 0;}
.border-green {border-bottom: 3px solid #07beb8; padding: 0 0 2px 0;}
.border-dark {border-bottom: 3px solid #082954; padding: 0 0 2px 0;}
.color-green {color: #07beb8;}
.color-yellow {color: #F2E86D;}
.color-red {color: #FB3640;}
.serif {font-family: 'Roboto', sans-serif; font-weight: 400; font-weight: 500; letter-spacing: -0.015em;}
.size-small {font-size: 12px; vertical-align: top; display: inline-block; line-height: 160%;}
h1 em.size-small {vertical-align: middle;}
.sign-now {font-weight: 500;}
.sign-now i {padding: 0 0 0 5px;}
.amount-owed {display: none; border: 2px solid; padding: 5px 10px; line-height: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 65%; vertical-align: top; white-space: nowrap;}
.amount-owed.show {display: inline-block; vertical-align: middle;}
.amount-owed.static {display: block;}
.loader {display: inline-block; vertical-align: top;}
.loader img {width: 30px; display: inline-block; vertical-align: middle; margin: 0; font-size: 10px; text-align: center;}
.loader .calculating {font-size: 12px; font-weight: 400; display: inline-block; vertical-align: middle; color: #FFFFFF;}
.show_additional_lenders {margin: 0 0 15px 0!important;}


div.wrap {width: 800px; padding: 0; margin: 0 auto; display: block; clear: both; position: relative;}
div.wrap::after {content: ""; display: table; clear: both;}


div.modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; display: none;}
div.modal div.bg {background: #082954; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.75;}
div.modal div.contents {width: 500px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
div.modal div.contents {padding: 40px;}
div.modal div.contents h3 {margin: 0 0 10px 0; padding: 0; text-align: center; font-weight: 500;}
div.modal div.contents p {text-align: center; padding: 0 0 10px 0;}
div.modal div.contents p:last-of-type {padding: 0;}
div.modal div.contents p span {font-weight: 500;}
div.modal div.contents .button {background: #F2E86D; color: #082954; margin: 20px auto 0 auto;}


header {padding: 30px 0 20px 0; margin: 0 0 50px 0;}
header div.wrap {width: 95%; height: 100%;}
header div.logo {width: 150px; display: block; clear: both; float: left;}
header div.logo div.tagline {font-size: 12px; display: block; padding: 5px 0 0 0;line-height: 100%; color: #FFFFFF; font-family: 'Roboto', sans-serif; font-weight: 400;}
header div.union-jack {width: 40px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
header div.union-jack.combined {width: 60px;}
header div.emblem {position: absolute; top: 50%; left: 50%; width: 50px; transform: translate(-50%,-50%);}


section.form {padding: 0 0 50px 0; min-height: 90%; background: #082954; z-index: 10; overflow-x: hidden;}
section.form div.wrap {padding: 0;}
section.form h1, section.thank-you h1 {margin: 0 0 20px 0;}
section.form div.right {background: #082954;}
section.form div.right h2 {color: #FFFFFF; margin: 0 0 30px 0;}
section.form h1, section.form div.left h5, section.form div.left p {z-index: 2;}
section.form div.illustration {width: 900px; opacity: 0.05; position: absolute; bottom: 0; right: -150px;}
section.form div.refund-time {background: #F2E86D; display: table; padding: 10px 25px; font-weight: 500; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin: 0 0 15px -25px; text-align: left; font-size: 14px; line-height: 160%;}


section.form div.introduction div.content {background: #F2E86D; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 30px 25px; float: left; width: 100%;}
section.form div.introduction ul.securities {padding: 25px 0 0 25px;}
section.form div.introduction ul.securities li {color: #FFFFFF;}
section.form div.introduction strong {border-bottom: 0; font-weight: 900;}
section.form div.introduction .button {margin: 10px 0 0 0;}
section.form div.hide-form {display: none;}


section.thank-you {padding: 0 0 50px 0; min-height: 90%; background: #082954;}
section.thank-you.fixed-height {padding: 0 0 100px 0; min-height: auto;}
section.thank-you header div.tagline {color: #FFFFFF;}
section.thank-you h1, section.thank-you p, section.thank-you h4 {color: #FFFFFF;}
section.thank-you div.ssl {position: absolute; top: 0; right: 0;}
section.thank-you ul.form-links, section.thank-you ul.loa-links {display: block; clear: both; width: 100%; float: left;}
section.thank-you ul.form-links li, section.thank-you ul.loa-links li {float: left; margin: 0 20px 20px 0;}
section.thank-you p {clear: both; display: block;}
section.thank-you h4 {margin: 0 0 20px 0;}
section.thank-you a {color: #FFFFFF;}


section.facebook-favours {padding: 50px 0; display: block;}
section.facebook-favours ul {display: block; clear: both;}
section.facebook-favours ul li {width: 100%; display: block; clear: both; margin: 0 0 25px 0; float: left; padding: 30px 20px; background: #F2E86D; color: #082954; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
section.facebook-favours ul li:last-of-type {margin: 0;}
section.facebook-favours ul li h3 {color: #082954; margin: 0 0 10px 0;}
section.facebook-favours ul li p {color: #082954; padding: 0 0 15px 0;}


div.facebook-favours-bar {position: fixed; bottom: 0; left: 0; background: #F2E86D; color: #082954; padding: 15px; width: 100%; display: block; text-align: center;}
div.facebook-favours-bar div.fb-share-button {margin: 0 0 0 5px;}


form {z-index: 100; width: 100%; float: left; z-index: 10; padding: 0 0 30px 0;}
form h1, form h2, form p, form h3, form h4, section.thank-you h3, form ol li {color: #FFFFFF;}
form ol, form ol li {list-style-type: decimal!important; list-style-position: inside;}
form input, form #idpc_button, form select, form textarea {width: 100%; float: left; height: 60px; outline: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-appearance: none; padding: 0 25px; font-size: 18px; font-weight: 400; color: #082954; font-family: 'Roboto', sans-serif; border: 1px solid #FFFFFF; background: #FFFFFF;}
form input.file-upload {height: auto; padding: 25px;}
form textarea {min-height: 120px; height: 120px; min-width: 100%; max-width: 100%; resize: none; padding: 20px;}
form input.address-field {height: auto; padding: 0; font-family: 'Roboto', sans-serif; background: none; border: 0!important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #FFFFFF; margin: 0 0 5px 0; font-size: 16px;}
form input.national-insurance {text-align: center; width: 55px; float: left; margin: 0 15px 0 0; padding: 0; text-transform: uppercase;}
form input.national-insurance.one {margin: 0; width: 40px;}
form input.national-insurance.error {background: #FFFFFF; border: 1px solid #FB3640;}
form input#national_insurance_number {text-transform: uppercase;}
form input:placeholder {color: #082954; opacity: 0.50;}
form select {background: #FFFFFF url(../img/select.png) no-repeat right center; background-size: 60px 60px; -webkit-background-size: 60px 60px; -moz-background-size: 60px 60px; -o-background-size: 60px 60px; cursor: pointer; padding: 0 60px 0 20px; font-weight: 400;}
form #idpc_input {text-transform: uppercase; width: 58%; float: left;}
form #idpc_button {background: #082954; border: 1px solid #FFFFFF; color: #FFFFFF; padding: 0 15px; font-size: 18px; height: 60px; width: 40%; float: right; margin: 0; cursor: pointer; font-family: 'Roboto', sans-serif; font-weight: 400;}
form #idpc_dropdown {animation: hellopostcode 1s linear 3 normal; margin: 15px 0 20px 0; width: 58%;}
form input[type=number]::-webkit-inner-spin-button, 
form input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
form .submit, form .button {outline: none; -webkit-appearance: none; border: 0; margin: 0; float: left;}
form .submit {float: left; width: 100%;}
form .submit:disabled {background: #cecece; opacity: 0.75; cursor: not-allowed;}
form label {font-weight: 500; margin: 0 0 15px 0; font-size: 22px; display: block; clear: both; font-family: 'Roboto', sans-serif; color: #FFFFFF; line-height: 160%;}
form label.smaller-margin {margin: 0 0 5px 0;}
form label span {font-size: 14px; display: block; clear: both; font-family: 'Roboto', sans-serif; font-weight: 400; opacity: 0.75; line-height: 160%; padding: 5px 0 0 0;}
form label span {font-style: normal;}
form label span i {padding: 0;}
form label span strong {font-weight: 500; font-family: 'Roboto', sans-serif; text-decoration: underline; color: #082954;}
form label span.warning, form ul.requirements {background: #F2E86D; opacity: 1; color: #082954; padding: 15px 20px; margin: 10px 0 15px 0; font-weight: 500; display: table; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
form label span.warning i {padding: 0 5px 0 0; color: #082954;}
form label.tiny {font-size: 12px; line-height: 160%; margin: 0 0 3px 0; font-weight: 400; opacity: 0.5;}
form div.field {display: block; clear: both; margin: 0 0 15px 0; width: 100%; float: left;}
form div.field.hide {display: none; margin: 0 0 25px 0;}
form div.field.hide.bank {margin: 0 0 50px 0; padding: 50px 0 0 0; border-top: 1px solid #FFFFFF;}
form div.field.ni {margin: 0;}
form div.field.ni label.error {display: none!important;}
form div.field.top-margin {margin: 25px 0;}
form div.field.larger-bottom-margin {margin: 0 0 25px 0;}
form #step-1 div.field.top-margin {margin: 25px 0 15px 0;}
form div.field.no-margin {margin: 0;}
form div.field.previous-address {display: none;}
form div.field.previous-address span.add-remove {cursor: pointer; display: none; margin: 15px 0 0 0; float: left; width: 50%; float: left;}
form div.field.previous-address#previous_address_4 span.add-remove.add {font-size: 0; cursor: default;}
form div.field.previous-address span.add-remove.remove {text-align: right;}
form div.field.previous-address span.add-remove i {padding: 0 10px 0 0;}
form div.field.border-top {border-top: 1px solid #cecece; padding: 15px 0 0 0;}
form div.field.banks_lenders_other {display: none;}
form div.field div.field.two {margin: 0; float: left; width: 49%; clear: none;}
form div.field div.field.two.left {float: left!important;}
form div.field div.field.two:last-of-type {float: right;}
form div.field div.field.three {margin: 0 2% 0 0; float: left; width: 32%; clear: none;}
form div.field div.field.three:last-of-type {float: right; margin: 0;}
form div.field.secure input {width: calc(100% - 60px); float: left; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
form div.field span.secure {height: 60px; background: #F7F7F7; width: 60px; float: right; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
form div.field span.secure span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 10px; line-height: 100%; text-align: center; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 500;}
form div.field span.secure span i {padding: 0; color: #07beb8; font-size: 16px; margin: 0 0 5px 0;}
form div.field span.secure span i:after {content: ''; background: #FFFFFF; width: 8px; height: 8px; position: absolute; z-index: -1; left: 4px; top: 3px;}
form div.field.refund-amount input {width: calc(100% - 60px); float: right; border: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
form div.field span.refund-amount {height: 60px; background: #F7F7F7; width: 60px; float: left; border: 0; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
form div.field span.refund-amount span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); line-height: 100%; text-align: center; text-transform: uppercase;}
form div.field div.overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #082954; opacity: 0.75; z-index: 10;}
form div.field.side-by-side label {width: 50%; float: left; font-size: 18px;}
form div.field.side-by-side .custom-checkbox + label {width: auto;}
form div.field.side-by-side ul.options {width: 45%; float: right; clear: none;}
form div.field.money-value input {width: calc(100% - 60px); float: right; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
form div.field span.money-value {height: 60px; background: #F7F7F7; width: 60px; float: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-right: 0.5px solid #082954;}
form div.field span.money-value span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 18px; line-height: 100%; text-align: center; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 500;}
form div.field div.refund-figure {width: 66%; float: left;}
form div.field div.refund-year {width: 32%; float: right;}
form div.field div.pounds {width: 250px; float: left; margin: 0 15px 0 0;}
form div.field div.pounds:after {content: '.'; position: absolute; top: 0; right: -10px; line-height: 60px; color: #FFFFFF;}
form div.field div.pence {width: 120px; float: left;}
form div.field div.pence input {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 100%;}
form div.field div.refund-figure div.pounds {width: 65%; margin: 0;}
form div.field div.refund-figure div.pounds:after {right: -8.5px;}
form div.field div.refund-figure div.pence {width: 33%; float: right;}


form div.bank-wrap {float: left;}
form div.bank-wrap div.overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; display: none; opacity: 1; background: none;}
form div.bank-wrap div.overlay div.opaque {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #082954; opacity: 0.75; z-index: 1;}
form div.bank-wrap div.overlay div.cancelled {background: #FB3640; display: block; width: 75%; z-index: 5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 16px; line-height: 160%; color: #FFFFFF;}
form div.bank-wrap div.overlay div.cancelled div.prompts {display: block; clear: both; width: 100%; margin: 10px 0 0 0; float: left;}
form div.bank-wrap div.overlay div.cancelled div.prompts span.prompt {background: #FFFFFF; color: #082954; padding: 3px 15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; display: table; cursor: pointer; float: left; margin: 0 10px 0 0;}
form div.bank-wrap div.overlay div.removed {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%; text-transform: uppercase; letter-spacing: 5px; z-index: 15; color: #FB3640; font-weight: 600; display: none;}
form div.field .button.cancel {margin: 0; padding: 0; color: #FB3640; padding: 0; background: none; font-size: 16px; line-height: 160%; font-weight: 400; text-align: left;}
form div.field .button.cancel i {padding: 0 5px 0 0;}


form #idpc_error_message, form label.error, form label.error, form label#signature_base-error, form span.error {background: #FB3640; padding: 5px 15px; line-height: 130%; color: #FFFFFF!important; font-weight: 400; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 12px; display: table; clear: both; margin: 5px 0 0 0; float: left; position: relative; font-family: 'Roboto', sans-serif; font-weight: 400;}
form span.error {display: none;}
form #idpc_error_message:before, form label.error:before, form label#signature_base-error:before, form span.error:before {border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #FB3640; position: absolute; top: -5px; content: ''; display: block; left: 30px; z-index: 10; width: 0; height: 0;}
form ::placeholder {color: #082954; opacity: 0.50;}
form :-ms-input-placeholder {color: #082954; opacity: 0.50;}
form ::-ms-input-placeholder {color: #082954; opacity: 0.50;}
form .custom-checkbox {display: none;}
form .custom-checkbox + label {position: relative; cursor: pointer; outline: none; margin: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 100%; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 18px; background: #082954; padding: 15px 25px; color: #FFFFFF; border: 1px solid #FFFFFF;}
form .custom-checkbox + label span {font-family: 'Roboto', sans-serif; font-weight: 400; opacity: 0.75;}
form .custom-checkbox + label i.selected {display: none; color: #07beb8;}
form .custom-checkbox + label em.icon {width: 50px; height: 100%; background: none; display: block; position: absolute; top: 0; left: -1px; border-right: 1px solid #cecece; color: #cecece; font-size: 16px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
form .custom-checkbox + label em.icon i {top: 50%; position: absolute; left: 50%; transform: translate(-50%,-50%); padding: 0;}
form .custom-checkbox + label em.icon i.off {display: block;}
form .custom-checkbox + label em.icon i.on {display: none;}
form .custom-checkbox + label em.icon i.on:after {content: ''; background: #FFFFFF; width: 11px; height: 9px; position: absolute; z-index: -1; left: 3px; top: 2px;}
form .custom-checkbox:checked + label em.icon {color: #FFFFFF;}
form .custom-checkbox:checked + label em.icon i.off {display: none;}
form .custom-checkbox:checked + label em.icon i.on {display: block; color: #07beb8;}
form .custom-checkbox:checked + label {border: 1px solid #07beb8; background: #085672;}
form .custom-checkbox:checked + label i.not-selected {display: none;}
form .custom-checkbox:checked + label i.selected {display: inline;}
form .custom-checkbox.opt-in + label {font-size: 18px; font-weight: 500; font-family: 'Roboto', sans-serif;}
form .custom-checkbox.opt-in + label span {padding: 3px 0 0 0;}
form .custom-checkbox.opt-in + label em.icon i {top: 16px;}
form ul.options {display: block; clear: both; width: 100%;}
form ul.options li {width: 100%; display: block; float: left; padding: 0 0 15px 0;}
form ul.options.two li {width: 50%; padding: 0 15px 15px 0;}
form ul.options.three li {width: 33.333333%; padding: 0 15px 15px 0;}
form ul.options.auto li {width: auto; padding: 0 15px 15px 0;}
form ul.options li.additional_lender {display: none;}
form div.progress div.progress-bar {width: 80%; height: 15px; background: #FFFFFF; display: block; clear: both; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; overflow: hidden; margin: 0 0 40px 0; position: relative;}
form div.progress div.progress-bar span {position: absolute; top: 0; left: 0; background: #07beb8; height: 15px; color: #FFFFFF; padding: 0 10px 0 0; text-align: right; line-height: 15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; animation-duration: 0.5s;}
form p.preview-r40 a, section.generic p a {font-weight: 500; font-family: 'Roboto', sans-serif; border-bottom: 1px solid;}
form p.preview-r40 {clear: both; display: block;}
form select::-ms-expand {display: none;}
form span.secure-input {display: table; clear: both; font-size: 10px; color: #FFFFFF; text-transform: uppercase; margin: 15px 0 0 0; float: left; padding: 5px 10px; line-height: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #07beb8;}
form span.secure-input i {color: #07beb8;}


section.form ul.securities {padding: 40px 0 0 0; float: left; width: 100%;}
section.form ul.securities li {width: auto; margin: 0 30px 0 0; float: left; vertical-align: top;}
section.form ul.securities li:last-of-type {padding: 0; margin: 0; border-right: 0;}
section.form ul.securities li div.ssl img {width: 100px; margin: 0;}
section.form ul.securities li div.ssl p {font-size: 10px; padding: 5px 0 0 0; line-height: 160%; display: block;}
section.form ul.securities li div.lock {width: 45px; height: 45px; border: 5px solid #07beb8; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #FFFFFF;}
section.form ul.securities li div.lock i {padding: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #07beb8; font-size: 12px;}
section.form ul.securities li div.emblem {width: 55px; float: left; display: block;}
section.form ul.securities li div.reviews {width: 80px;}


form div.signature-location div.sign-here {width: 60px; position: absolute; bottom: -40px; right: -15px; z-index: 5;}
form div.signature-location .signature-pad {overflow: hidden; border: 1px solid #082954; background: #ededed; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 20px 0;}
form div.signature-location .signature-pad p.error {display: none;}
form div.signature-location .signature-pad h3, form div.signature-location .signature-pad button, form div.signature-location .signature-pad ul {margin: 0 20px;}
form div.signature-location .signature-pad h3 {color: #082954;}
form div.signature-location .signature-pad canvas {background: #FFFFFF; margin: 25px 0;}
form div.signature-location .signature-pad label#signature_base-error, form div.signature-location .signature-pad label#signature_base_2-error {top: -15px; left: 20px;}
form div.signature-location .signature-pad button.clear {padding: 5px 20px; color: #082954; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; text-align: left; cursor: pointer; font-family: 'Roboto', sans-serif; text-align: center; background: #cecece; clear: both; float: left; font-size: 16px; font-weight: 500;}
form div.signature-location .signature-pad ul {padding: 5px 0 0 0;}
form div.signature-location .signature-pad ul li {font-size: 14px; line-height: 160%; clear: both; display: block; background: url(../img/li.png) no-repeat 0 4px; background-size: 15px; background-size: 15px; -webkit-background-size: 15px; -moz-background-size: 15px; padding: 0 0 0 25px;}
form div.signature-image img.signature_preview {display: inline-block; width: 80px; vertical-align: middle;}


form p.secure {display: table; clear: both; height: 30px; width: auto; background: #07beb8; padding: 0 15px; left: 25px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; color: #FFFFFF; font-size: 12px; text-transform: uppercase;}
form p.secure i {padding: 0 5px 0 0; color: #FFFFFF;}


form ul.requirements li {font-size: 16px; line-height: 160%; padding: 0 0 0 25px; margin: 0 0 5px 0; background: url(../img/li.png) no-repeat 0 5px; background-size: 15px; background-size: 15px; -webkit-background-size: 15px; -moz-background-size: 15px;}
form ul.requirements li:last-of-type {padding: 0 0 0 25px; border-bottom: 0; margin: 0;}


.msf-view {display: none;}
.msf-navigation {text-align: center; display: block; clear: both; width: 100%; padding: 15px 0 0 0; float: left;}
.msf-nav-button {display: none; overflow: hidden;}
.msf-nav-button.next {float: right;}
.msf-nav-button.back {float: left; clear: none;}
.msf-nav-button.submit {display: none!important;}


section.points {padding: 50px 0; background: #F7F7F7;}
section.points ul li {width: 33.333333%; float: left; padding: 0 20px 0 35px; background: url(../img/li.png) no-repeat 0 2px; background-size: 20px; background-size: 20px; -webkit-background-size: 20px; -moz-background-size: 20px;}


section.features {padding: 50px 0;}
section.features ul {display: block; clear: both; margin: 0 0 10px 0; float: left; width: 100%;}
section.features ul:last-of-type {margin: 0 0 20px 0;}
section.features ul li {width: 50%; float: left; padding: 0 50px 0 0;}
section.features ul li h3 {margin: 0 0 15px 0; font-weight: 500;}
section.features ul li div.image {width: 70px; height: 70px; display: block; clear: both; border: 3px solid #082954; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 0 15px 0; background: #FFFFFF;}
section.features ul li div.image i {font-size: 30px; padding: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #082954;}
section.features .button {margin: 0 auto;}


section.example, section.example h3, section.example h2 {text-align: center;}
section.example div.left, section.example div.right {padding: 50px 0 80px 0;}
section.example div.left, section.example div.right {padding: 50px 0;}
section.example div.left {background: #F2E86D;}
section.example div.left h2 {left: -15px; margin: 0 0 20px 0; font-size: 40px;}
section.example div.left h2, section.testimonials p.serif {color: inherit; text-indent: -0.5em;}
section.example div.right div.title {text-align: center; padding: 0 0 10px 0; font-size: 12px; line-height: 160%;}
section.example div.right .button, section.recap .button, section.faq .button {margin: 30px auto 0 auto;}
section.example div.left p:last-of-type {padding: 0;}


section.faq {padding: 50px 0; background: #FFFFFF;}
section.faq h2, section.steps h2 {text-align: center;}
section.faq p.accordion {background: #F7F7F7; color: #082954; cursor: pointer; padding: 15px 70px 15px 30px; width: 100%; text-align: left; border: none; outline: none; font-weight: 500; outline: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
section.faq p.accordion:after {content: '\f067'; font-family: "Font Awesome 5 Pro"; position: absolute; top: 50%; transform: translateY(-50%) rotate(0deg); right: 30px; color: #082954; font-weight: 500;}
section.faq p.accordion.active:after {transform: translateY(-50%) rotate(45deg);}
section.faq div.panel {max-height: 0; overflow: hidden; opacity: 0; margin: 0 0 15px 0;}
section.faq div.panel.show {opacity: 1; padding: 15px 30px; max-height: 100%;}
section.faq div.panel p {padding: 0 0 20px 0;}
section.faq div.panel p:last-of-type {padding: 0;}
section.faq div.panel ul {padding: 15px 0 0 0;}
section.faq div.panel ul li {border-bottom: 1px solid #cecece; padding: 0 0 5px 25px; margin: 0 0 10px 0; background: url(../img/li.png) no-repeat 0 8px; background-size: 15px; background-size: 15px; -webkit-background-size: 15px; -moz-background-size: 15px;}


section.steps {padding: 50px 0; background: #F7F7F7;}
section.steps ul li {width: 33.333333%; float: left; padding: 0 20px 0 0; text-align: center;}
section.steps ul li div.number {width: 30px; height: 30px; background: #FFFFFF; border: 1px solid #082954; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; position: absolute; top: 0; left: 0; z-index: 10;}
section.steps ul li div.number span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
section.steps ul li div.image {width: 120px; margin: 0 auto 15px auto;}


section.testimonials {padding: 50px 0; background: #FFFFFF;}
section.testimonials div.image {width: 120px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 auto 15px auto; padding: 5px; border: 5px solid #ededed; background: #FFFFFF;}
section.testimonials div.image img {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
section.testimonials div.rating {width: 120px; margin: 0 auto;}
section.testimonials div.content {padding: 20px 0 0 0;}
section.testimonials div.content blockquote p {text-align: center!important;}
section.testimonials div.content p.serif {font-size: 22px; line-height: 160%; padding: 0 5% 20px 5%;}


section.recap {background: #082954; padding: 50px 0;}
section.recap div.contents h2, section.recap div.contents h3, section.recap div.contents p {text-align: center;}
section.recap div.contents h2, section.recap p {color: #FFFFFF;}
section.recap div.contents h2 {margin: 0 0 30px 0;}
section.recap div.contents h2 em {font-size: 100px; line-height: 120%; display: block; clear: both; border: 5px solid; display: table; margin: 10px auto 0 auto; padding: 15px 80px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
section.recap div.contents {width: 60%;}
section.recap div.contents p:last-of-type {padding: 0;}
section.recap div.person {width: 32%; position: absolute; bottom: 0; right: 2%;}


section.generic, section.please-note {padding: 50px 0; background: #F7F7F7; display: none; font-size: 12px; line-height: 160%;}
section.generic.show {display: block;}
section.generic .button.smaller {clear: both; float: left; margin: 30px auto 0 auto; float: none;}
section.generic ol, section.generic ul, section.faq ul {padding: 0 0 0 10px;}
section.generic ol li {list-style: georgian; list-style-type: decimal!important; padding: 0 0 5px 10px; margin: 0 0 10px 0; border-bottom: 1px solid #cecece; font-size: 12px; line-height: 160%;}
section.generic ol li:last-of-type {margin: 0; border-bottom: 0; padding: 0;}
section.generic strong, section.generic th {color: #082954; font-weight: 500; font-family: 'Roboto', sans-serif;}
section.generic .fixed-close {position: fixed; bottom: 10px; right: 10px; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; padding: 5px 20px; font-size: 12px;}
section.generic h1 {font-size: 30px; margin: 0 0 10px 0; line-height: 130%;}
section.generic h2, div.legal-document h2 {font-size: 20px; margin: 0 0 10px 0; line-height: 130%;}
section.generic h5, div.legal-document h5 {font-size: 16px; margin: 0 0 10px 0;}
section.generic h2, section.generic h5, div.legal-document h5 {text-align: left;}
section.generic p, div.legal-document p {font-size: 12px; line-height: 160%; padding: 0 0 10px 0;}
section.generic ul li {font-size: 12px; line-height: 160%; border-bottom: 1px solid #cecece; padding: 0 0 5px 25px; margin: 0 0 10px 0; background: url(../img/li.png) no-repeat 0 2px; background-size: 15px; background-size: 15px; -webkit-background-size: 15px; -moz-background-size: 15px;}
section.generic div.iframe-wrapper {overflow: hidden; padding-top: 56.25%; height: 700px; position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll;}
section.generic div.iframe-wrapper iframe {display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;}
section.generic div.form-preview {margin: 0 auto 20px auto; clear: both; display: block; height: 500px; overflow-y: scroll;}
section.generic div.form-preview img {margin: 0 0 10px 0;}
section.generic div.form-preview img:last-of-type {margin: 0;}


section.please-note {display: block;}
section.please-note h5 {margin: 0; text-align: center;}


div.legal-document {clear: both; display: none; padding: 15px 30px 25px 30px;}
div.legal-document h5 {color: #FFFFFF;}


table {border-left: 1px solid #cecece; width: 100%; max-width: 100%; margin: 0 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: scroll; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0; border-collapse: separate;}
table tr {border-width: 1px; padding: 5px 10px; border-style: solid; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
table td, thead, th {border-bottom: 1px solid #cecece; border-right: 1px solid #cecece; padding: 10px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF;}
table th {font-weight: 500; font-family: 'Roboto', sans-serif; background: #F7F7F7; border-top: 1px solid #cecece; font-size: 16px; line-height: 160%; padding: 10px 15px;}
table th.blue {background: #082954; background-image: none; color: #FFFFFF;}
table tr:last-child td:first-child {border-bottom-left-radius: 10px;}
table tr:last-child td:last-child {border-bottom-right-radius: 10px;}
table tr:first-child th:first-child {border-top-left-radius: 10px;}
table tr:first-child th:last-child {border-top-right-radius: 10px;}


footer {padding: 50px 0; position: relative; background: #FFFFFF;}
footer.alt {background: #ededed;}
footer div.logo {width: 80px; display: block; margin: 0; clear: both;}
footer div.legal {opacity: 0.75;}
footer div.legal, footer div.copy {display: block; clear: both; padding: 0 0 20px 0;}
footer div.copy {padding: 20px 0 0 0; border-top: 1px solid #c1c9d4; opacity: 0.75;}
footer div.copy div.left, footer div.copy div.right {width: 30%; float: left;}
footer div.copy div.right {padding: 0 0 0 50px; width: 70%;}
footer div.copy div.right p {text-align: right;}
footer p {padding: 0; font-size: 12px; line-height: 160%;}
footer p a, footer span.link {color: inherit; border-bottom: 1px solid #c1c9d4; cursor: pointer;}


span.viewport:after {content: 'NORMAL'; display: block; position: fixed; bottom: 0; right: 0; background: red; z-index: 500; display: none!important;}








/* -------------------------------------------------------------------------------
			WIDE
------------------------------------------------------------------------------- */

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
span.viewport:after {content: 'WIDE'; background: green;}

}





/* -------------------------------------------------------------------------------
			Tablet Landscape: 960px.
------------------------------------------------------------------------------- */

@media only screen and (min-width: 960px) and (max-width: 1200px) {
span.viewport:after {content: '960'; background: blue;}

}





/* -------------------------------------------------------------------------------
			Tablet Portrait: 640px.
------------------------------------------------------------------------------- */
	
@media only screen and (min-width: 768px) and (max-width: 960px) {
span.viewport:after {content: 'TABLET'; background: pink;}
	
	
div.wrap, header div.wrap {width: 90%;}
	
	
header {margin: 0 0 30px 0;}
	
	
section.points ul li {width: 100%; padding: 0 0 0 35px; margin: 0 0 15px 0;}
section.points ul li:last-of-type {margin: 0;}
	
	
section.features h2 {text-align: center;}
section.features ul li {width: 100%; float: left; padding: 0;}
section.features ul li div.image {margin: 0 auto 15px auto;}
section.features ul li h3 {text-align: center;}
	
	
section.recap {padding: 50px 0 0 0;}
section.recap div.contents {width: 100%;}
section.recap div.person {width: 200px; position: relative; right: 0; margin: 25px auto 0 auto;}
	
	
form ul.options.auto li {padding: 0 10px 10px 0;}
	
	
section.example div.left h2 {left: 0; font-size: 30px;}
	
	
footer div.logo {margin: 0 0 5px 0;}
footer div.legal, footer div.copy {padding: 0 0 15px 0;}
footer div.copy {padding: 15px 0 0 0;}
footer div.copy div.left, footer div.copy div.right {width: 100%; float: left; display: block; clear: both;}
footer div.copy div.right {padding: 0;}
footer div.copy div.right p {text-align: left;}
}





/* -------------------------------------------------------------------------------
			Wide Mobile Layout: 480px.
------------------------------------------------------------------------------- */
	
@media only screen and (min-width: 480px) and (max-width: 768px) {
span.viewport:after {content: 'WIDE MOBILE'; background: orange;}
	
	
html, body {font-size: 16px; line-height: 160%;}
	
	
h1, section.recap h2 {font-size: 32px; margin: 0 0 30px 0;}
h1 span, h2 span {font-size: 16px;}
h2 {font-size: 25px;}
h3 {font-size: 20px;}
h4, h5, h6 {font-size: 16px;}
	
	
p {padding: 0 0 20px 0;}
	
	
div.wrap, header div.wrap {width: 90%;}
	
	
header {margin: 0 0 15px 0;}
header div.logo {width: 130px; clear: none;}
header div.emblem {width: 40px; left: 160px;}
	
	
div.modal div.contents {width: 80%;}
	
	
section.form ul.securities li {margin: 0 0 15px 0; clear: both;}
section.form ul.securities li:last-of-type {margin: 0;}
section.form div.refund-time {margin: 0 0 5px 0; padding: 5px 25px;}
	
	
section.points ul li {width: 100%; padding: 0 0 0 35px; margin: 0 0 15px 0;}
section.points ul li:last-of-type {margin: 0;}
	
	
section.features h2 {text-align: center;}
section.features ul li {width: 100%; float: left; padding: 0;}
section.features ul li div.image {margin: 0 auto 15px auto;}
section.features ul li h3 {text-align: center;}
	
	
section.recap {padding: 50px 0 0 0;}
section.recap div.contents {width: 100%;}
section.recap div.person {width: 200px; position: relative; right: 0; margin: 25px auto 0 auto;}
section.recap div.contents h2 em {font-size: 70px; padding: 15px 50px;}
	
	
section.steps ul li {width: 50%; display: block;}
section.steps ul li:last-of-type {margin: 0 auto; float: none; clear: both;}
section.steps ul li div.number {left: 15%;}
section.steps ul li div.image {width: 100px;}
	
	
section.thank-you.fixed-height {padding: 0 0 50px 0;}
	
	
div.facebook-favours-bar {padding: 10px 15px;}
	
	
section.form div.introduction .button {margin: 5px 0 0 0;}
	
	
form div.progress div.progress-bar {margin: 0 0 25px 0;}
form ul.options.auto li {padding: 0 10px 10px 0;}
form div.field.top-margin {margin: 0 0 25px 0;}
form #step-1 div.field.top-margin {margin: 0 0 15px 0;}
form .custom-checkbox + label {padding: 15px 20px; font-size: 16px;}
form input.national-insurance {margin: 0 5px 0 0;}
form #idpc_button {font-size: 16px;}
form #idpc_dropdown {width: 100%;}
form .submit {margin: 10px 0 0 0;}
form label {font-size: 20px;}
form div.field.side-by-side label, form div.field.side-by-side ul.options, form div.field div.refund-figure, form div.field div.refund-year {width: 100%; display: block; clear: both;}
form div.field div.refund-figure {margin: 0 0 10px 0;}
form div.field div.refund-year {width: 49%; float: left;}
form div.field div.refund-figure div.pounds:after {right: -6px;}	
form div.bank-wrap div.overlay div.cancelled {width: 100%; padding: 15px 20px;}
form div.field.hide.bank {margin: 0 0 30px 0; padding: 30px 0 0 0;}
	
	
section.example div.left h2 {left: 0; font-size: 30px;}
	
	
table, tbody, table tr {border: 0;}
table thead {border: none; overflow: hidden; padding: 0; position: absolute; width: 1px;}
table tr {border-bottom: 3px solid #cecece; border-left: 1px solid #cecece; display: block; padding: 0; margin: 0 0 10px 0;}
table tr:last-of-type {margin: 0;}
table tr td:first-of-type {background: #082954; color: #FFFFFF;}
table td {-webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; border-bottom: 1px solid #cecece; display: block; text-align: right; padding: 5px 10px; font-size: 16px;}
table td:last-of-type {border-bottom: 0;}
table td::before {content: attr(data-label); float: left; font-weight: 500; font-size: 16px; text-align: left; font-weight: 500; font-family: 'Roboto', sans-serif;}
	
	
div.legal-document {padding: 15px 15px 25px 15px;}
	
	
footer {padding: 40px 0;}
footer div.logo {margin: 0 0 5px 0;}
footer div.legal, footer div.copy {padding: 0 0 15px 0;}
footer div.copy {padding: 15px 0 0 0;}
footer div.copy div.left, footer div.copy div.right {width: 100%; float: left; display: block; clear: both;}
footer div.copy div.right {padding: 0;}
footer div.copy div.right p {text-align: left;}
}





/* -------------------------------------------------------------------------------
			Mobile Layout: 320px.
------------------------------------------------------------------------------- */

@media only screen and (max-width: 480px) {
span.viewport:after {content: 'MOBILE'; background: yellow;}
	
	
html, body {font-size: 16px; line-height: 160%;}
	
	
h1, section.recap h2 {font-size: 30px; margin: 0 0 30px 0;}
h1 span, h2 span {font-size: 16px;}
h2 {font-size: 25px;}
h3 {font-size: 20px;}
h4, h5, h6 {font-size: 16px;}
	
	
p {padding: 0 0 20px 0;}
	
	
div.wrap, header div.wrap {width: 90%;}
	
	
header {margin: 0 0 15px 0;}
header div.logo {width: 130px; clear: none;}
header div.emblem {width: 40px; left: 160px;}
	
	
div.modal div.contents {width: 90%; padding: 0 25px 25px 25px;}
div.modal div.contents {padding: 25px;}
	

section.form ul.securities li {margin: 0 0 15px 0; clear: both;}
section.form ul.securities li:last-of-type {margin: 0;}
section.form div.refund-time {margin: 0 0 5px 0; padding: 5px 25px;}
	
	
section.points ul li {width: 100%; padding: 0 0 0 35px; margin: 0 0 15px 0;}
section.points ul li:last-of-type {margin: 0;}
	
	
section.features h2 {text-align: center;}
section.features ul li {width: 100%; float: left; padding: 0;}
section.features ul li div.image {margin: 0 auto 15px auto;}
section.features ul li h3 {text-align: center;}
	
	
section.recap {padding: 50px 0 0 0;}
section.recap div.contents {width: 100%;}
section.recap div.person {width: 200px; position: relative; right: 0; margin: 25px auto 0 auto;}
section.recap div.contents h2 em {font-size: 60px; padding: 15px 30px;}
	
	
section.steps ul li {width: 100%; display: block; clear: both;}
section.steps ul li div.number {left: 15%;}
section.steps ul li div.image {width: 100px;}
	
	
section.thank-you.fixed-height {padding: 0 0 50px 0;}
	
	
div.facebook-favours-bar {padding: 10px 15px;}
	
	
section.form div.introduction h2 {font-size: 22px; margin: 0 0 15px 0;}
section.form div.introduction p {padding: 0 0 15px 0;}
section.form div.introduction .button {margin: 5px 0 0 0;}
	
	
form div.progress div.progress-bar {width: 100%; margin: 0 0 25px 0;}
form ul.options.auto li {padding: 0 10px 10px 0;}
form div.field div.field.two {margin: 0 0 15px 0; width: 100%; clear: both;}
form div.field div.field.two:last-of-type {margin: 0;}
form div.field.top-margin {margin: 0 0 25px 0;}
form #step-1 div.field.top-margin {margin: 0 0 15px 0;}
form div.field div.field.three {margin: 0 0 15px 0; width: 48%;}
form div.field div.field.three:nth-of-type(2n) {float: right;}
form div.field div.field.three:last-of-type {clear: both; width: 100%;}
form .custom-checkbox + label {padding: 15px 20px; font-size: 16px;}
form input.national-insurance {margin: 0 5px 0 0;}
form div.signature-location #signature-pad ul li {font-size: 12px; background: url(../img/li.png) no-repeat 0 0; background-size: 15px; background-size: 15px; -webkit-background-size: 15px; -moz-background-size: 15px;}
form div.signature-location div.sign-here {width: 40px;}
form #idpc_input {width: 100%; clear: both; margin: 0 0 10px 0;}
form #idpc_button {font-size: 16px; width: 100%; clear: both;}
form #idpc_dropdown {width: 100%;}
form .submit {margin: 10px 0 0 0;}
form label {font-size: 20px;}
form div.field.side-by-side label, form div.field.side-by-side ul.options, form div.field div.refund-figure, form div.field div.refund-year {width: 100%; display: block; clear: both;}
form div.field div.refund-figure {margin: 0 0 10px 0;}
form div.field div.pounds {width: 180px;}
form div.field div.refund-figure div.pounds:after {right: -6px;}
form div.field div.pence {width: 75px;}
form div.bank-wrap div.overlay div.cancelled {width: 100%; padding: 15px 20px;}
form div.field.hide.bank {margin: 0 0 30px 0; padding: 30px 0 0 0;}
	
	
section.example div.left h2 {left: 0; font-size: 30px;}
	
	
section.testimonials div.content p.serif {font-size: 20px; padding: 0 0 20px 0;}
	
	
table, tbody, table tr {border: 0;}
table thead {border: none; overflow: hidden; padding: 0; position: absolute; width: 1px;}
table tr {border-bottom: 3px solid #cecece; border-left: 1px solid #cecece; display: block; padding: 0; margin: 0 0 10px 0;}
table tr:last-of-type {margin: 0;}
table tr td:first-of-type {background: #082954; color: #FFFFFF;}
table td {-webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; border-bottom: 1px solid #cecece; display: block; text-align: right; padding: 5px 10px; font-size: 16px;}
table td:last-of-type {border-bottom: 0;}
table td::before {content: attr(data-label); float: left; font-weight: 500; font-size: 16px; text-align: left; font-weight: 500; font-family: 'Roboto', sans-serif;}
	
	
div.legal-document {padding: 15px 15px 25px 15px;}
	
	
footer {padding: 40px 0;}
footer div.logo {margin: 0 0 5px 0;}
footer div.legal, footer div.copy {padding: 0 0 15px 0;}
footer div.copy {padding: 15px 0 0 0;}
footer div.copy div.left, footer div.copy div.right {width: 100%; float: left; display: block; clear: both;}
footer div.copy div.right {padding: 0;}
footer div.copy div.right p {text-align: left;}
}





@-webkit-keyframes hellopostcode {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(7, 190, 184, 1);
	}
	70% {
		-webkit-box-shadow: 0 0 0 30px rgba(7, 190, 184, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(7, 190, 184, 0);
	}
}
@keyframes hellopostcode {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(7, 190, 184, 1);
		box-shadow: 0 0 0 0 rgba(7, 190, 184, 1);
	}
	70% {
		-moz-box-shadow: 0 0 0 30px rgba(7, 190, 184, 0);
		box-shadow: 0 0 0 30px rgba(7, 190, 184, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(7, 190, 184, 0);
		box-shadow: 0 0 0 0 rgba(7, 190, 184, 0);
	}
}
.left-right {
    -webkit-animation: left-right 2s infinite  alternate;
    animation: left-right 2s infinite  alternate;
}
@-webkit-keyframes left-right {
    0% {transform: translateX(0);}
    100% {transform: translateX(-15px);}
}
@keyframes left-right {
    0% {transform: translateX(0);}
    100% {transform: translateX(-15px);}
}
.up-down {
    -webkit-animation: up-down 2s infinite  alternate;
    animation: up-down 2s infinite  alternate;
}
@-webkit-keyframes up-down {
    0% {transform: translateY(0);}
    100% {transform: translateY(-15px);}
}
@keyframes up-down {
    0% {transform: translateY(0);}
    100% {transform: translateY(-15px);}
}
.up-down-2 {
    -webkit-animation: up-down-2 1s infinite  alternate;
    animation: up-down-2 1s infinite  alternate;
}
@-webkit-keyframes up-down-2 {
    0% {transform: translateY(0);}
    100% {transform: translateY(-10px);}
}
@keyframes up-down-2 {
    0% {transform: translateY(0);}
    100% {transform: translateY(-10px);}
}
.in-out {
	-webkit-animation: in-out 1s infinite  alternate;
    animation: in-out 1s infinite  alternate;
}
@keyframes in-out {
  0% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}