/* ----- CSS Reset ----- */

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

a {text-decoration:none; outline:none;}
a:hover:not(.button), a:active:not(.button), a:focus:not(.button) {text-decoration:underline;}
a[href^=tel], #content a[href^=tel], #content a[href^=tel]:hover, #content a[href^=tel]:active, #content a[href^=tel]:focus {color:inherit; text-decoration:none; cursor:default;}

strong {font-weight:700;}
em {font-style:italic;}

table {width:100%; margin:0 0 15px 0; border-top:1px solid #CCC; border-left:1px solid #CCC; background:#FFF; box-sizing:border-box; border-collapse:collapse; border-spacing:0;}
table th, table td {padding:5px; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
table th {padding:10px 5px; font-weight:bold; text-align:center; background-color:#CCC;}

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

body {font-family:'Source Sans Pro', sans-serif; font-size:16px; color:#3f3f3f; background:#f3f3f3; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -webkit-text-size-adjust:100%;}

#page-wrap {min-width:320px;}
body:not(.home) #page-wrap {padding-top:90px;}

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

.quick-links {font-size:0;}
.quick-links .button {font-size:16px; vertical-align:top;}

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

.button, input.button {display:inline-block; margin:0; padding:0; text-decoration:none; border:none; border-radius:0; -webkit-appearance:none; appearance:none; cursor:pointer; white-space:nowrap; transition:padding 0.1s ease;}
input.button {box-sizing:content-box;}
.button .text, input.button .text {position:relative; display:block; height:32px; line-height:32px; padding:0 10px 3px 10px; color:#FFF; font-size:16px; font-weight:700; transition:all 0.1s ease;}
.button .text::after {position:absolute; right:0; bottom:0; left:0; display:block; height:3px; content:''; background:rgba(0,0,0,0.15); transition:height 0.1s ease;}

.button:hover, .button:active {padding-top:3px; text-decoration:none;}
.button:hover .text, .button:active .text {padding-bottom:0!important;}
.button:hover .text::after, .button:active .text::after {height:0;}

.button.theme-a .text {background:#ff9400;}
.button.theme-b .text {background:#3eae59;}
.button.theme-c .text {background:#044a90;}
.button.theme-d .text {color:#ffdd00; background:#3f3f3f;}
.button.theme-e .text {color:#3f3f3f; background:#ffdd00;}

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

#header {z-index:2000; position:fixed; top:0; right:0; left:0; padding:20px 0 0 0; background:#FFF; box-shadow:0 0 5px 0 rgba(0,0,0,0.25);}
#header .wrapper {position:relative;}

#header #main-logo {float:left; display:block; height:50px; margin:0 0 20px 0;}
#header #main-logo img {width:auto; height:100%;}

#header .secondary-logo {float:left; display:block; height:50px; margin:0 0 0 20px; padding:0 0 0 20px; border-left:1px solid #CCC;}
#header .secondary-logo img {width:auto; height:100%;}

#header .quick-links {float:right; padding:7px 0 0 0;}
#header .quick-links .button {margin:0 0 0 10px;}

#header #nav-toggle {display:none;}

/* ----- Strapline ----- */

.strapline-wrap {font-size:0; text-align:left; background:#044a90; overflow:hidden;}
.strapline-wrap .strapline .part {display:inline-block; height:38px; font-size:14px; text-indent:-9999px; background:0 0 no-repeat; background-size:auto 100%;}
.strapline-wrap .strapline .part-1 {position:relative; width:130px; padding-right:10px; background-image:url('../images/strapline-part-1.svg'); background-color:#3eae59;}
.strapline-wrap .strapline .part-1::before {position:absolute; top:0; bottom:0; left:-5000px; width:5000px; content:''; background:#3eae59;}
.strapline-wrap .strapline .part-2 {width:140px; margin-left:10px; background-image:url('../images/strapline-part-2.svg');}

.strapline-wrap.feefo {background: #484545;}
.strapline-wrap.feefo .wrapper {text-align: center;}
.strapline-wrap.feefo .wrapper div {margin:auto;}
.strapline-wrap.feefo .wrapper div img {display:inline-block; margin:10px;}
.strapline-wrap.feefo .wrapper div .gold {margin:10px 5% 10px 0;}

.feefo-award {padding:10px 20px 20px 20px; background:#484545;}
#main .feefo-award {margin:0 0 20px 0;}
.feefo-award::after {clear:both; display:block; content:'';}
.feefo-award .gold {float:left;}
.feefo-award .logo {float:right; margin:13px 0 0 0;}

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

#main {background:#FFF;}
body:not(.home):not(.landing) #main {padding:40px 0;}

#main .editable-content a {color:inherit; text-decoration:underline;}
#main .editable-content h2 {margin:0 0 15px 0; padding:10px 0 0 0; font-size:28px; line-height:34px;}
#main .editable-content h3 {margin:0 0 15px 0; padding:10px 0 0 0; font-size:22px; line-height:28px;}
#main .editable-content p {margin:0 0 15px 0; line-height:1.4em;}
#main .editable-content ul, #main .editable-content ol {margin:0 0 15px 0; line-height:1.4em;}
#main .editable-content ul li, #main .editable-content ol li {margin:0 0 5px 0;}
#main .editable-content ul li {position:relative; padding-left:20px; list-style:none;}
#main .editable-content ul li::before {position:absolute; top:0; left:0; content:'\2022';}
#main .editable-content ol li {margin-left:20px; padding-left:10px; list-style:decimal;}
#main .editable-content ol li ul {padding-top:10px;}
#main .editable-content ol li ul li {list-style:none; padding-left:20px;}
#main .editable-content hr {width:100%; height:1px; margin:30px 0; border:none; background:#e7e7e7;}

#content {background:#FFF;}

#main {float:left; width:890px;}
.home #main, .landing #main {float:none; width:auto;}

#content .editable-content a {color:#3f3f3f;}
#content .editable-content h1 {margin:0 0 15px 0; font-size:28px; line-height:34px; color:#2a3379; font-weight:700;}
#content .editable-content h2 {margin:0 0 15px 0; padding:10px 0 0 0; font-size:28px; line-height:34px;}
#content .editable-content h3 {margin:0 0 15px 0; padding:10px 0 0 0; font-size:22px; line-height:28px;}
#content .editable-content p {margin:0 0 15px 0; line-height:1.4em;}
#content .editable-content ul, #content .editable-content ol {margin:0 0 15px 0; line-height:1.4em;}
#content .editable-content ul li, #content .editable-content ol li {margin:0 0 5px 0;}
#content .editable-content ul li {position:relative; padding-left:20px; list-style:none;}
#content .editable-content ul li::before {position:absolute; top:0; left:0; content:'\2022';}
#content .editable-content ol li {margin-left:20px; padding-left:10px; list-style:decimal;}
#content .editable-content ol li ul {padding-top:10px;}
#content .editable-content ol li ul li {list-style:none; padding-left:20px;}
#content .editable-content hr {width:100%; height:1px; margin:30px 0; border:none; background:#e7e7e7;}

#content .editable-content.fancy {padding: 40px 0;}
#content .editable-content.fancy h2 {margin:0 0 15px 0; padding:0; font-size:28px; line-height:30px; color:#044a90; font-weight: 600;}
#content .editable-content.fancy a {color: #3eae59; font-weight: 600;}

#main .note {padding:15px 0 0 0;}
#main .note p {margin:0; font-size:13px; line-height:1.4em;}
#main .note p a {color:#FFF; text-decoration:underline;}

#intro-section .note {padding:15px 0 0 0;}
#intro-section .note p {margin:0; font-size:13px; line-height:1.4em;}
#intro-section .note p a {color:#FFF; text-decoration:underline;}

#calculator {padding:30px; color:#FFF; text-align:center; box-sizing:border-box; background:#044a90; background:linear-gradient(135deg, rgba(62,174,89,0.8) 0%, rgba(4,74,144,0.8) 100%);}
.home #calculator {padding:30px;}
#calculator h2 {margin:0; font-size:24px; line-height:30px; font-weight:700;}
.home #calculator h2 {margin:0 0 20px 0; font-size:28px; line-height:34px;}
#calculator h3 {margin:0 0 15px 0; font-size:20px; line-height:26px;}
#calculator .variable {margin:0 0 15px 0;}
.home #calculator .variable {margin:0 0 30px 0;}
#calculator .variable::after {clear:both; display:block; content:'';}
#calculator .variable label {position:absolute; left:-9999px;}
#calculator .variable .input-wrap {float:left; position:relative; width:470px; padding:0 60px; box-sizing:border-box;}
.home #calculator .variable .input-wrap {float:none; width:100%;}
#calculator .variable .input-wrap .slider {width:100%!important; margin:0 !important;}
#calculator .variable .input-wrap .slider .dragger {width:45px; height:45px; border-radius:50%; background:url('../images/bg-dragger.svg') center center no-repeat #3fac59; background-size:45px; box-sizing:border-box; box-shadow:0 0 5px 0 rgba(0,0,0,0.5);}
#calculator .variable .input-wrap .slider .dragger:hover {background-color:#044a90;}
#calculator .variable .input-wrap .slider .track {height:20px; border-radius:10px; background:#FFF; box-sizing:border-box; box-shadow:0 0 5px 0 rgba(0,0,0,0.5);}
#calculator .variable .input-wrap .slider .highlight-track {height:20px; border-radius:10px; background:#3fac59; box-sizing:border-box;}
#calculator .variable .input-wrap .slider-controls button {position:absolute; top:5px; display:block; width:35px; height:35px; text-indent:-9999px; border-radius:50%; background:center center no-repeat #3fac59; background-size:25px; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); transition:background-color 0.3s ease;}
#calculator .variable .input-wrap .slider-controls .dec {left:0; background-image:url('../images/icon-decrease.svg');}
#calculator .variable .input-wrap .slider-controls .inc {right:0; background-image:url('../images/icon-increase.svg');}
#calculator .variable .input-wrap .slider-controls button:hover {background-color:#044a90;}
#calculator .variable .input-wrap .guide {padding:15px 0 0 0; font-size:18px; line-height:24px; font-weight:600; box-sizing:border-box; overflow:hidden;}
#calculator .variable .input-wrap .guide span {display:none;}
#calculator .variable .input-wrap .guide span:first-of-type {display:block; float:left;}
#calculator .variable .input-wrap .guide span:last-of-type {display:block; float:right;}
#calculator .variable .loan {float:right; width:90px; height:35px; margin:5px 0 0 0; font-size:24px; line-height:35px; font-weight:700; color:#FFF; text-align:right; border:none; box-sizing:border-box;}
.home #calculator .variable .loan {float:none; width:100%; font-size:36px; line-height:42px; text-align:center;}
#calculator .example {margin:0 0 20px 0; padding:0 5%; line-height:1.4em;}
#calculator .points {margin:0 0 30px 0; padding:15px 30px 0 30px; font-size:0;}
#calculator .points li {position:relative; display:inline-block; width:50%; padding:0 0 0 40px; vertical-align:top; text-align:left; font-size:22px; box-sizing:border-box;}
#calculator .points li:before {position:absolute; top:5px; left:0; width:25px; height:25px; line-height:25px; text-align:center; content:'\2713'; border:1px solid #FFF; border-radius:50%;}
#calculator .points li h2 {margin:0; font-size:22px; line-height:24px;}
#calculator .ratings {margin:0 -30px 30px -30px; padding:20px; font-size:0; background:#484545;}
#calculator .ratings li {display:inline-block; width:50%; padding:0 10px; font-size:14px; text-align:center; vertical-align:middle; box-sizing:border-box;}
#calculator .ratings li img {display:inline-block;}
.home #calculator .controls {margin:0 0 30px 0;}
.home #calculator .note {padding:0;}
.home #calculator .note p {margin:0 0 15px 0;}
.home #calculator .note p:last-of-type {margin:0;}
#calculator a {color:inherit; text-decoration: underline;}

/* ----- Home ----- */

#intro-section {position:relative; min-height:100vh; color:#FFF; text-align:center; background:url('../images/bg-intro-section.jpg') center center no-repeat #93bf9d; background-size:auto 100%; box-sizing:border-box;}
#intro-section .outer {display:table; width:100%; min-height:inherit; padding:90px 0 50px 0; box-sizing:border-box;}
#intro-section .inner {display:table-cell; width:100%; height:100%; padding:30px 0; vertical-align:middle; box-sizing:border-box;}
#intro-section .quick-links {display:none;}
#intro-section .content {max-width:620px; margin:0 auto;}
#intro-section .content .intro {margin:0 0 25px 0;}
#intro-section .content .intro h1 {margin:0 0 15px 0; font-size:48px; line-height:50px; font-weight:700;}
#intro-section .content .intro h1 span {display:block; font-size:30px; line-height:30px; font-weight:normal;}
#intro-section .content .intro .points {padding:0 40px; font-size:0;}
#intro-section .content .intro .points li {display:inline-block; margin:0 10px;}
#intro-section .content .intro .points li h2 {font-size:22px; line-height:30px; font-weight:normal;}
#intro-section #strapline-wrap {position:absolute; right:0; bottom:0; left:0;}

#jumps-section .jumps-list {display:-ms-flexbox; display:flex; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; text-align:center;}
#jumps-section .jumps-list .jump {width:33.33%; padding:40px 20px; box-sizing:border-box;}
#jumps-section .jumps-list .jump:nth-child(2) {background:#ffdd00;}
#jumps-section .jumps-list .jump .thumb {display:block; max-width:370px; margin:0 auto 20px auto;}
#jumps-section .jumps-list .jump h2 {margin:0 0 15px 0; font-weight:700;}
#jumps-section .jumps-list .jump h2 a {color:#000; text-decoration:none;}
#jumps-section .jumps-list .jump h2 a:hover, #jumps-section .jumps-list .jump h2 a:active, #jumps-section .jumps-list .jump h2 a:focus {text-decoration:underline;}
#jumps-section .jumps-list .jump p {margin:0 0 15px 0; padding:0 20px; line-height:1.4em;}

#about-section {position:relative; color:#FFF; background:#3eae59;}
#about-section::before {display:block; position:absolute; top:0; bottom:0; left:0; width:50%; content:''; background:url('../images/bg-about-section.jpg') top right no-repeat #3f3f3f; background-size:auto 100%;}
#about-section .content {float:right; width:50%; padding:50px 0 50px 50px; box-sizing:border-box;}
#about-section .content h2 {margin:0 0 25px 0; font-size:30px; line-height:36px; font-weight:700;}
#about-section .content .about-list li {position:relative; padding-left:35px; margin:0 0 25px 0; line-height:1.4em;}
#about-section .content .about-list li::before {position:absolute; top:0; left:0; display:block; width:20px; height:20px; line-height:20px; text-align:center; content:'\2713'; border:1px solid #FFF; border-radius:50%;}
#about-section .content .button {margin:0 0 25px 0;}
#about-section .content .example {line-height:1.4em;}
#about-section a {color:inherit; text-decoration:underline;}

#process-section {padding:50px 0; color:#FFF; background:#044a90;}
#process-section .content, #process-section .steps {float:left; width:50%; box-sizing:border-box;}
#process-section .content {padding-right:50px;}
#process-section .content h2 {margin:0 0 25px 0; font-size:30px; line-height:36px; font-weight:700;}
#process-section .content p {margin:0 0 15px 0; line-height:1.4em;}
#process-section .content p:last-of-type {margin:0;}
#process-section .content a {color:inherit; text-decoration:underline;}
#process-section .steps {float:left; width:50%; padding:20px 0 0 0; box-sizing:border-box;}
#process-section .steps .steps-list::after {clear:both; display:block; content:'';}
#process-section .steps .steps-list .step {float:left; text-align:center; line-height:1.4em;}
#process-section .steps .steps-list .step-2::before, #process-section .steps .steps-list .step-2::after {position:absolute; top:20px; display:block; width:91px; height:21px; content:''; background:url('../images/bg-steps.svg') center center no-repeat; background-size:91px 21px;}
#process-section .steps .steps-list .step-2::before {left:-50px;}
#process-section .steps .steps-list .step-2::after {right:-50px;}
#process-section .steps .steps-list .step .icon {width:60px; margin:0 auto 15px auto;}
#process-section .steps .steps-list .step h3 {width:25px; height:25px; margin:0 auto 10px auto; font-size:20px; line-height:25px; font-weight:700; text-align:center; border:2px solid #FFF; border-radius:50%;}
#process-section .steps .steps-list .step h3 span {position:absolute; left:-9999px;}

#faqs-section {padding:100px 0; color:#FFF; background:url('../images/bg-faqs-section.jpg') center center no-repeat #3f3f3f; background-size:auto 100%;}
#faqs-section .content {float:left; width:50%; padding:0 15% 0 0; box-sizing:border-box;}
#faqs-section .content h2 {margin:0 0 25px 0; font-size:30px; line-height:36px; font-weight:700;}
#faqs-section .content .faqs-list li {margin:0 0 30px 0; line-height:1.4em;}
#faqs-section .content .faqs-list li h3 {margin:0 0 10px 0; font-weight:700;}
#faqs-section .content .faqs-list li a {color:#ff9400;}

/* ----- Landing ----- */

#slider-section {padding:40px 0; color:#FFF; text-align:center; background:url('../images/bg-slider-section.jpg') center center no-repeat #577f59; background-size:cover;}
#slider-section .quick-links {display:none;}
#slider-section .content {max-width:800px; margin:0 auto;}
#slider-section .intro h1 {margin:0 0 10px 0; font-size:44px; line-height:50px; font-weight:bold;}
#slider-section .intro p {font-size:24px; line-height:30px;}
#slider-section #calculator {margin:20px 0 0 0;}
#slider-section #calculator h3 {margin:0 0 5px 0;}
#slider-section #calculator .variable {margin:0 0 10px 0;}
#slider-section #calculator .variable .input-wrap {width:650px;}
#slider-section #calculator .example {margin:0 0 10px 0; font-size:13px;}

.basic-section {padding:40px 0; background:#FFF;}
.basic-section .blocks-list {padding:20px 0 0 0; display:-ms-flexbox; display:flex; -ms-flex-flow:row wrap; flex-flow:row wrap; margin:0 -10px; font-size:0;}
.basic-section .blocks-list li {display:inline-block; display:-ms-flexbox; display:flex; -ms-flex-flow:row wrap; flex-flow:row wrap; width:290px; margin:0 10px; padding:14px; font-size:16px; vertical-align:top; border:1px solid #e5e5e5; background:#FFF; box-sizing:border-box;}
.basic-section .blocks-list li.theme-a {color:#FFF; background:#1e4a8b;}
.basic-section .blocks-list li .thumb {display:block; margin:0 0 15px 0;}
.basic-section .blocks-list li .details {position:relative; padding-bottom:50px; text-align:center; vertical-align:top; box-sizing:border-box;}
.basic-section .blocks-list li .details h2 {margin:0 0 10px 0; font-size:18px; line-height:1.4em; font-weight:bold;}
.basic-section .blocks-list li .details p {margin:0 0 10px 0; line-height:1.4em;}
.basic-section .blocks-list li .details p a {color:inherit; text-decoration:underline;}
.basic-section .blocks-list li .details .button {position:absolute; right:0; bottom:0; left:0; display:block;}
.basic-section .blocks-list li .details .button .text {padding:0 0 3px 0;}

.points-section {position:relative; color:#FFF; background:#3eae59;}
.points-section::before {display:block; position:absolute; top:0; right:0; bottom:0; width:50%; content:''; background:url('../images/edl-advert-mobile.jpg') left center no-repeat #3eae59; background-size:auto 104%;}
.points-section .wrapper {z-index:1; position:relative;}
.points-section .col-wrap {display:-ms-flexbox; display:flex; -ms-flex-flow:row wrap; flex-flow:row wrap; font-size:0;}
.points-section .col {display:inline-block; display:-ms-flexbox; display:flex; -ms-flex-flow:row wrap; flex-flow:row wrap; flex:1; width:50%; font-size:14px; vertical-align:middle; box-sizing:border-box;}
.points-section .col-1 {padding:50px 50px 50px 0;}
.points-section .col-2 .outer {display:table; width:100%; height:100%;}
.points-section .col-2 .inner {display:table-cell; vertical-align:middle; text-align:center;}
.points-section h2 {margin:0 0 25px 0; font-size:30px; line-height:36px; font-weight:700;}
.points-section .points-list li {position:relative; padding-left:35px; margin:0 0 25px 0; line-height:1.4em;}
.points-section .points-list li::before {position:absolute; top:0; left:0; display:block; width:20px; height:20px; line-height:20px; text-align:center; content:'\2713'; border:1px solid #FFF; border-radius:50%;}
.points-section .points-list a {color:#FFF; text-decoration:underline;}
.points-section .watch {display:inline-block; padding:120px 0 0 0; font-size:30px; line-height:36px; font-weight:bold; color:#FFF; background:url('../images/bg-watch.svg') top center no-repeat; background-size:110px;}
.points-section .watch:hover, .points-section .watch:active, .points-section .watch:focus {text-decoration:none;}
.points-section #yt-player {display:none;}

.faqs-section {padding:40px 0;}
.faqs-section #faqs-wrap {margin:0 0 20px 0; color:#FFF;}
.faqs-section #faqs-wrap .nav::after {clear:both; display:block; content:'';}
.faqs-section #faqs-wrap .nav li {float:left; width:50%; box-sizing:border-box;}
.faqs-section #faqs-wrap .nav li:first-child {padding-right:1px;}
.faqs-section #faqs-wrap .nav li:last-child {padding-left:1px;}
.faqs-section #faqs-wrap .nav li a {display:block; padding:20px 10px; text-align:center; color:#3f3f3f; text-decoration:none; font-weight:bold; background:#f3f3f3; transition:all 0.3s ease;}
.faqs-section #faqs-wrap .nav li a:hover {color:#ff9400;}
.faqs-section #faqs-wrap .nav li a.selected {color:#FFF; background:#044a90;}
.faqs-section #faqs-wrap .faqs {padding:40px; background:#044a90;}
.faqs-section #faqs-wrap .faqs .intro {margin:0 0 40px 0;}
.faqs-section #faqs-wrap .faqs-list {background:#005fbd;}
.faqs-section #faqs-wrap .faqs-list li {border-top:1px solid #044a90;}
.faqs-section #faqs-wrap .faqs-list li:first-child {border:none;}
.faqs-section #faqs-wrap .faqs-list li h2 {font-size:15px; line-height:24px; font-weight:600;}
.faqs-section #faqs-wrap .faqs-list li h2 a {position:relative; display:block; padding:10px 30px 10px 10px; color:#FFF; text-decoration:none;}
.faqs-section #faqs-wrap .faqs-list li h2 a:hover {color:#ff9400;}
.faqs-section #faqs-wrap .faqs-list li h2 a::after {position:absolute; top:10px; right:10px; display:block; line-height:24px; font-size:20px; font-weight:600; content:'+';}
.faqs-section #faqs-wrap .faqs-list li h2 a.active::after {content:'-';}
.faqs-section #faqs-wrap .faqs-list li .info .details {padding:10px;}
.faqs-section .button-wrap::after {clear:both; display:block; content:'';}
.faqs-section .button-wrap .button {float:left; margin:0 10px 0 0;}

/* ----- Handover ----- */

#handover-section {text-align:center;}
#handover-section h1 {max-width:940px; margin:0 auto 20px auto; padding:20px 10px; font-size:30px; line-height:36px; color:#044a90; background:#e5f6fe; box-sizing:border-box;}
#handover-section .editable-content h2 {margin:0 0 15px 0; padding:0; font-size:24px; line-height:30px; color:#044a90;}
#handover-section .editable-content h2 span {display:block; font-size:30px; line-height:36px; font-weight:700;}
#handover-section .editable-content h3 {margin:0 0 40px 0;}
#handover-section .editable-content h3 span {padding:5px 10px; font-size:30px; line-height:36px; color:#044a90; background:#e5f6fe;}
#handover-section .editable-content hr {max-width:730px; margin-right:auto; margin-left:auto;}
#handover-section .editable-content p {margin:0 0 30px 0;}
#handover-section a.contact {font-weight:700;}
#handover-section .button.visit {margin-bottom:30px;}
#handover-section p.note {padding:0; font-size:13px;}

#trusttwo-section {padding:50px 0; text-align:center; background:#e5f6fe;}
#trusttwo-section .trusttwo-logo {width:190px; margin:0 auto 40px auto;}
#trusttwo-section .details-list {font-size:0;}
#trusttwo-section .details-list li {display:inline-block; width:200px; height:200px; margin:0 15px; font-size:14px; color:#FFF; vertical-align:top; border-radius:50%; background:#044a90;}
#trusttwo-section .details-list li:nth-child(4) {background:#3f3f3f;}
#trusttwo-section .details-list li .icon {padding-top:135px; font-size:16px; line-height:1.2em; font-weight:700; background:center 25px no-repeat; background-size:100px; box-sizing:border-box;}
#trusttwo-section .details-list li h2.icon-1 {background-image:url('../images/icon-borrow.svg');}
#trusttwo-section .details-list li h2.icon-2 {background-image:url('../images/icon-fees.svg');}
#trusttwo-section .details-list li h2.icon-3 {background-image:url('../images/icon-application.svg');}
#trusttwo-section .details-list li .feefo {padding:40px 30px 0 30px;}
#trusttwo-section .details-list li .feefo .rating {margin:0 0 20px 0; font-size:22px; color:#ffdd00;}
#trusttwo-section .details-list li .feefo .reviews {margin:0 0 20px 0; padding:0 0 15px 0; font-size:16px; font-weight:700; border-bottom:1px solid #555;}
#trusttwo-section .details-list li .feefo .logo {width:100px; margin:0 auto;}

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

#aside {float:right; width:300px;}

#aside .cta {margin:0 0 20px 0;}
#aside .cta:last-of-type {margin:0;}
#aside .cta.basic {padding:15px; text-align:center; background:#f3f3f3;}
#aside .cta.basic .content {padding:10px 0;}
#aside .cta.basic .content h3 {color:#044a90;}

#aside .cta.feefo {background:#484545;}
#aside .cta.feefo .head {padding:15px; border-bottom:1px solid #5f5f5f; overflow:hidden;}
#aside .cta.feefo .head img {float:right;}
#aside .cta.feefo .content {padding:25px 15px; color:#FFF; text-align:center;}
#aside .cta.feefo .content .feefo-list {margin:0 0 20px 0; text-align:left; overflow:hidden;}
#aside .cta.feefo .content .feefo-list li {float:left; opacity:0!important; transform:opacity 0.3s ease;}
#aside .cta.feefo .content .feefo-list li.slick-active {opacity:1!important;}
#aside .cta.feefo .content .feefo-list li h3 {padding:0;}

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

#footer {padding:30px 0; background:#f3f3f3;}
#footer .wrapper {position:relative;}
#footer .wrapper:last-of-type {padding-top:30px;}
#footer a {color:#000;}
#footer p {line-height:1.4em;}

#footer .highlight {margin:0 0 20px 0; color:#044a90;}
#footer .social {position:absolute; top:0; right:0; font-size:0;}
#footer .social li {display:inline-block; margin:0 0 0 15px; font-size:14px;}
#footer .social li a {display:block; width:30px; height:30px; text-indent:-9999px; background:0 0 no-repeat; background-size:30px; transition:all 0.2s ease;}
#footer .social li.facebook a {background-image:url('../images/social-facebook.svg');}
#footer .social li.twitter a {background-image:url('../images/social-twitter.svg');}
#footer .social li a:hover, #footer .social li a:active, #footer .social li a:focus {transform:translateY(-3px);}
#footer nav {float:left;}
#footer nav ul {font-size:0;}
#footer nav ul li {position:relative; display:inline-block; margin:0 5px 0 0; padding:0 12px 0 0; font-size:16px; line-height:1.4em; vertical-align:middle;}
#footer nav ul li:last-child {margin:0; padding:0;}
#footer nav ul li::before {position:absolute; top:0; right:0; bottom:0; display:block; content:'/';}
#footer nav ul li:last-child::before {display:none;}
#footer .copy {float:right;}

/* ----- Customer reviews ----- */
.customer-reviews h1 { font-size: 48px; margin-bottom: 30px;}
.customer-reviews #reviews-widget {margin-bottom: 40px;}

/* ----- Reviews widget ----- */
#reviews-widget {background: rgba(72,69,69,0.7); position: relative; max-width: 600px; padding: 10px 10px 59px 10px; display: flex; flex-direction: column; justify-content: space-between; margin: auto; color: #fff; box-sizing: border-box;}
#reviews-widget h3 { font-size: 24px; font-weight: 600; text-align: center; padding: 0; margin: 0;}
#reviews-widget .reviews-widget-tab {display:none;}
#reviews-widget .reviews-widget-buttons {display: flex; margin: 0 auto; margin-right: 10px; position: absolute; bottom: 10px;}
#reviews-widget .reviews-widget-next { height: 49px; }
#intro-section #calculator #reviews-widget .button span { height: 46px; padding-left: 20px; padding-right: 20px;}
#reviews-widget .reviews-widget-switch {display:none; margin-left: 10px; padding: 10px 55px; background: #484545; color: white;}
#reviews-widget .reviews-widget-switch img {margin: 0 auto;}
#reviews-widget .review {margin-bottom: 20px;}
#reviews-widget .reviews-widget-top-block { display: flex; justify-content: center; align-items: center; height: 60px;}
#reviews-widget .reviews-widget-stars { width: 120px; height: 30px; white-space: nowrap;}
#reviews-widget .reviews-widget-logo { margin: 15px;}
#reviews-widget .reviews-widget-logo { width: 70px; height: 17px;}
#reviews-widget .reviews-widget-sub { text-align: center; margin-bottom: 10px;}
#reviews-widget .reviews-widget-sub a { text-decoration: underline; font-weight: 600; color: #fff; }
#reviews-widget .review-top { display: flex; justify-content: flex-start; align-items: center; }
#reviews-widget .reviews-widget-customer { font-weight: 600; margin: 0 15px;}
#reviews-widget .reviews-widget-total-score {font-weight:500;}
#reviews-widget .review-text { margin: 5px 0; text-align: left;}

#reviews-widget .trustpilot .reviews-widget-stars { position: relative; }
#reviews-widget .trustpilot .reviews-widget-logo { position: relative; width: 120px; height: 30px;}

#reviews-widget .trustpilot .reviews-widget-stars .tp-star__canvas{ fill:#d6d6d6 }
#reviews-widget .trustpilot .reviews-widget-stars .tp-star__shape{ fill:#fff }
#reviews-widget .tp-stars--1 .tp-star:nth-of-type(-n+1) .tp-star__canvas{ fill:#ff3722 }
#reviews-widget .tp-stars--2 .tp-star:nth-of-type(-n+2) .tp-star__canvas{ fill:#fb963a }
#reviews-widget .tp-stars--3 .tp-star:nth-of-type(-n+3) .tp-star__canvas{ fill:#f9cd16 }
#reviews-widget .tp-stars--4 .tp-star:nth-of-type(-n+4) .tp-star__canvas{ fill:#73cf11 }
#reviews-widget .tp-stars--5 .tp-star:nth-of-type(-n+5) .tp-star__canvas{ fill:#00b67a }

#reviews-widget .feefo-star {fill:#ffd000;  display: inline-block; overflow: hidden;}
#reviews-widget .feefo-star svg {height: 25px; width: 24px;}
#reviews-widget .feefo-small-stars {white-space: nowrap;}
#reviews-widget .feefo-small-stars .feefo-star svg {height:21px; width:20px;}

#reviews-widget .loading-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCiAgICAgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxwYXRoIGZpbGw9IiMzZjNmM2YiIGQ9Ik00My45MzUsMjUuMTQ1YzAtMTAuMzE4LTguMzY0LTE4LjY4My0xOC42ODMtMTguNjgzYy0xMC4zMTgsMC0xOC42ODMsOC4zNjUtMTguNjgzLDE4LjY4M2g0LjA2OGMwLTguMDcxLDYuNTQzLTE0LjYxNSwxNC42MTUtMTQuNjE1YzguMDcyLDAsMTQuNjE1LDYuNTQzLDE0LjYxNSwxNC42MTVINDMuOTM1eiI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVUeXBlPSJ4bWwiCiAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIKICAgICAgdHlwZT0icm90YXRlIgogICAgICBmcm9tPSIwIDI1IDI1IgogICAgICB0bz0iMzYwIDI1IDI1IgogICAgICBkdXI9IjAuNnMiCiAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L3BhdGg+CiAgPC9zdmc+");
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    margin: 20px auto;
}
/* ----- Find your local branch ----- */

#branch-section {padding:40px 0; color:#FFF; text-align:center; background:url('../images/local-branch-header.jpg') center center no-repeat #577f59; background-size:cover; min-height: 320px; display: flex; justify-content: center; align-items: center;}
.banner .intro h1 {margin:0 0 10px 0; font-size:44px; line-height:50px; font-weight:bold;}
.banner .intro p {font-size:24px; line-height:30px; max-width: 620px; margin:auto; padding: 10px;}
.locations-wrap { background: #044a90;}
.locations {display: flex; flex-direction: column; flex-wrap: wrap; height: 828px; padding: 90px 180px 90px 180px; align-content: space-between;}
.locations li { margin-bottom: 20px; padding: 0 20px;}
.locations li a { color: white; text-decoration: none;}
.locations li a:hover {text-decoration:underline}
.locations-text { max-width: 620px; font-weight: 600; font-size: 30px; color: white; text-align:center; margin: auto; padding: 90px 10px 0 10px; line-height: 1.2;}

/* ----- Branch pages ----- */

.branch-map-container { height: 400px; max-width: 1240px; padding: 0 10px; margin: 0 auto; box-sizing: border-box; }
.branch-map-container iframe { width: 100%; height: 100%;}

.big-buttons {display: flex; justify-content: center; padding:40px 10px;}
.big-buttons .button {display:inline-block; flex:0 1 300px; text-align:center;}
.big-buttons .button:not(:last-child) {margin-right: 10px}
.big-buttons .button .text {height:48px; line-height:48px; font-size:18px;}

#content .blue-block {color:#fff; background:#044a90; padding: 40px 0;}
#content .blue-block h3 {font-size:28px; font-weight:600; margin-bottom: 20px;}
#content .blue-block a {color:#fff; font-weight: 600;}

#content .light-grey-block {background: #f9f9f9; padding: 40px 0;}
#content .light-grey-block h2 {color:#044a90; font-size:28px; text-align:center; font-weight:600; padding-bottom: 20px;}
#content .light-grey-block .blocks {display:flex; justify-content: space-between; flex-wrap: wrap;}
#content .light-grey-block .block {background:#fff; height:200px; flex: 0 0 300px; padding: 30px; box-sizing:border-box; color:#3f3f3f;}
#content .light-grey-block .block img {display: block; margin:auto;}
#content .light-grey-block .block h3 {color:#3f3f3f; font-size:20px; font-weight:600; text-align:center; margin-top:20px;}

#feefo-service-review-carousel-widgetId {display:flex; justify-content: center;}

/* ----- New Slider ----- */

#new-slider-section {padding:40px 0; color:#FFF; text-align:center; background:url('../images/bg-slider-section-2.jpg') center center no-repeat #577f59; background-size:cover; font-family: 'Assistant', sans-serif;}
#new-slider-section .content {max-width:1240px; margin:0 auto; padding: 0 20px;}
#new-slider-section .intro h1 {margin:0 0 50px 0; font-size:44px; line-height:50px; font-weight:bold;}
#new-slider-section .intro p {font-size:24px;}
#new-slider-section .calculator-wrap {position: relative; max-width: 700px; margin: 0 auto;}
#new-slider-section #calculator {margin:20px 0 0 0; padding: 20px 30px;}
#new-slider-section #calculator h3 {margin:0 0 5px 0;}
#new-slider-section #calculator .slider-top {overflow: hidden; padding-top: 3px;}
#new-slider-section #calculator .headings {float: none; text-align: center; padding-top:0;}
#new-slider-section #calculator .variable {float: none; width: 570px; margin: 15px auto;}
#new-slider-section #calculator .controls {float: none; height: 0;}
#new-slider-section #calculator .controls .button {position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);}
#new-slider-section #calculator .variable .input-wrap {width:470px; padding: 0 45px;}
#new-slider-section #calculator .example {font-size:16px; max-width: 1240px; padding: 20px 60px 70px 60px; margin: 0;}
#new-slider-section #calculator {background:linear-gradient(135deg, #044a90 0%, #044a90 40%, #3eae59 60%, #3eae59 100%);}
#new-slider-section #calculator .variable .input-wrap .slider .dragger {width:45px; height:45px; border-radius:50%; background:url('../images/bg-dragger-2.svg') center center no-repeat, linear-gradient(135deg, #58bd72 0%, #2d9a44 100%); background-size:45px; box-sizing:border-box; box-shadow:-2px 0 2px 0 rgba(0,0,0,0.15);}
#new-slider-section #calculator .button .text {padding: 12px 10px;}
#new-slider-section #calculator .button .text::after {height:4px;}
#new-slider-section #calculator .button:hover, #new-slider-section #calculator .button:active, #new-slider-section #calculator .button:focus {padding-top:4px;}
#new-slider-section #calculator .button:hover .text::after, #new-slider-section #calculator .button:active .text::after, #new-slider-section #calculator .button:focus .text::after {height:0;}
#new-slider-section #calculator .button:hover .text, #new-slider-section #calculator .button:active .text, #new-slider-section #calculator .button:focus .text {padding-bottom:10px!important;}
#new-slider-section #calculator .variable .input-wrap .slider .track {height:20px; border-radius:10px; background:#FFF; box-sizing:border-box; box-shadow:0 0 0 0 rgba(0,0,0,0.5);}
#new-slider-section #calculator .variable .input-wrap .slider .highlight-track {height:20px; border-radius:10px; background:#3fac59; box-sizing:border-box;}
#new-slider-section #calculator .variable .input-wrap .slider-controls button {position:absolute; top:7.5px; display:block; width:30px; height:30px; text-indent:-9999px; border-radius:50%; background:center center no-repeat #3fac59; background-size:20px; box-shadow:0 0 7px 0 rgba(0,0,0,0.15); transition:background-color 0.3s ease;}
#new-slider-section #calculator .variable .input-wrap .slider-controls .dec {left:0; background-image:url('../images/icon-decrease-2.svg');}
#new-slider-section #calculator .variable .input-wrap .slider-controls .inc {right:0; background-image:url('../images/icon-increase-2.svg');}
#new-slider-section #calculator .variable .loan {padding-left: 20px;}

/* ----- FAQs ----- */

#faqs-banner {padding:135px 0; color:#FFF; text-align:center; background:url('../images/bg-faqs-banner.jpg') center center no-repeat #577f59; background-size:cover; font-family: 'Assistant', sans-serif;}

.faqs {padding-top: 90px;}
.faqs .faq-list {padding:30px 0 45px 0;}
.faqs .faq .title {font-size:24px; color:#044a90; cursor:pointer; background:url('../images/icon-blue-expand.svg') right center no-repeat; padding-right:15px;}
.faqs .faq .title.active  {background:url('../images/icon-blue-contract.svg') right center no-repeat;}
.faqs .faq .info {display:none; font-size:18px; line-height:1.3em;}
.faqs .faq .info ul {padding:25px 0 25px 15px;}
.faqs .faq p {padding:15px 0;}
.faqs .faq h3 {color:#044a90; font-weight:700; padding-top:5px;}
.faqs .faq .divider {display:block; border-bottom:1px solid #f2f2f2;}

#faqs-wrap h2 {color:#044a90; font-weight:700; font-size: 24px; padding: 40px 0 20px 0;}
.faqs-search-container { position: relative;}
.faqs-search-container input { height: 45px; box-sizing: border-box; border: 1px solid #e5e5e5; width: 100%; padding: 10px; font-size: 16px; margin-bottom: 20px; }
.faqs-search-container .button { position: absolute; top: 0; right: 0; height: 42px; width: 70px; }
.faqs-search-container .button .text { height: 42px; line-height: 42px; text-align: center; }

/* ----- New Strapline ----- */

.strapline-wrap.new-strapline .wrapper {max-width:1000px;}
.strapline-wrap.new-strapline .strapline {white-space:nowrap;}
.strapline-wrap.new-strapline .strapline .part-1 {width:160px; padding:6px 10px;}
.strapline-wrap.new-strapline .strapline .part-2 {width:170px; padding:6px 10px;}

.strapline-wrap.new-strapline.feefo .wrapper {text-align: center; padding: 5px 0 15px 0;}
.strapline-wrap.new-strapline.feefo .wrapper div .gold {margin:7px 0; height: 27px;}
.strapline-wrap.new-strapline.feefo .wrapper div img {margin:7px 25px; height: 20px;}

/* ----- Contact Us ----- */

body:not(.home):not(.landing) #content.contact-us {padding-bottom: 0;}
.contact-us {text-align:center; line-height:1.3em;}
.contact-us .wrapper {padding: 0;}
.contact-us .wrapper.ways-to-contact {padding: 0;}
.contact-us .content-section h1 {color:#044a90; font-size:30px; font-weight:700;}
.contact-us .main-content h2 {color:#044a90; font-size:30px; font-weight:700;}

.ways-to-contact {text-align:center;padding:0;}
.ways-to-contact h2 {padding:40px 0 30px 0; color:#044a90; font-size:30px; font-weight:700;}
.ways-to-contact .blocks {display:flex; padding:0; justify-content: space-between;}
.ways-to-contact .block {flex: 0 0 auto; max-width:400px; padding:15px; box-sizing:border-box; border: 1px solid #f2f2f2; margin:10px auto;}
.ways-to-contact .block .phone-no {font-size: 30px; font-weight: 700;}
.ways-to-contact .block.theme-b {background-color:#3eae59; color: #fff;}
.ways-to-contact h3 {margin: 0 auto; font-weight: 700; padding: 20px 0;}
.ways-to-contact p {margin: 0 0 20px 0;}
.ways-to-contact .branch-search iframe {max-height: 45px;}

.contact-us .button .text {padding:7px 18px; font-size: 15px;}
.contact-us .button .text::after {height:4px;}
.contact-us .button:hover, .contact-us .button:active, .contact-us .button:focus {padding-top:4px;}
.contact-us .button:hover .text::after, .contact-us .button:active .text::after, .contact-us .button:focus .text::after {height:0;}
.contact-us .button:hover .text, .contact-us .button:active .text, .contact-us .button:focus .text {padding-bottom:4px!important;}

.contact-us .social-media-strip {display:flex; height:449px;}
.contact-us .social-media-box {min-height:449px; flex:none; width:50%; box-sizing:border-box; margin:0 auto; position:relative;}
.contact-us .facebook {background:url('../images/bg-contact-facebook.jpg') right center no-repeat, #a2bbd3;}
.contact-us .facebook .button-container {position:absolute; top:38px; right:30px;}
.contact-us .facebook .button-container img {float:left; padding:7px 20px;}
.contact-us .facebook .button-container .button {float:left;}

.contact-us .twitter {background:#f9f9f9;}
.contact-us .twitter .top-line {width:100%; max-width: 620px; padding:38px 0 38px 50px; box-sizing:border-box;}
.contact-us .twitter .top-line .left {float:left; padding-top:12px;}
.contact-us .twitter .top-line .left img {float:left; padding-right:15px;}
.contact-us .twitter .top-line .left h2 {float:left;}
.contact-us .twitter .top-line .right {float:right;}
.contact-us .twitter-timeline-container {max-width: 620px;}

.contact-us .extra.blocks {display:flex; padding:0; justify-content: space-between;}
.contact-us .extra.blocks .block {flex: 0 0 auto; max-width:424px; width: 100%; padding:42px 15px; box-sizing:border-box; margin:10px auto; border:none;}
.contact-us .extra.blocks .block h3 {margin: 0 auto; font-weight: 700; padding: 25px 0 10px 0;}
.contact-us .extra.blocks .block p {margin: 0; padding-bottom: 25px;}
.contact-us .extra.blocks .block .phone-no {font-size: 30px; font-weight: 700; padding-top: 35px;}

.contact-us .more-info-strip {background: #f9f9f9;}
.contact-us .more-info-strip h2 {padding: 50px;}
.contact-us .info-buttons {display: flex; margin: 0 auto; padding-bottom: 50px;}
.contact-us .info-button {flex: none; width: 308px; height: 94px; margin:0 auto; border: 1px solid #e6e6e6; font-size:20px; font-weight: 700; vertical-align: middle; text-decoration: none; cursor:pointer;}
.contact-us .info-button img {padding: 25px 15px 25px 25px; float: left;}
.contact-us .info-button .text {padding:37px 0; float: left; text-align: left; color: #3f3f3f;}
.contact-us .info-button a {text-decoration: none;}

.contact-us .fraud-warning {background: #044a90; color: #fff; padding: 50px 0 25px 0; text-align: left;}
.contact-us .fraud-warning h2 {color: #fff; padding-bottom: 50px; line-height: 1.2em;}
.contact-us .fraud-warning p {padding-bottom: 25px; font-size:18px;}
.contact-us .fraud-warning a {color:inherit; text-decoration: underline;}
.contact-us .fraud-warning .wrapper {padding: 0 10px;}

/* ----- Modal Box ----- */
.modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal .modal-content {background-color: #fff; color: #044a90; margin: 8% auto; padding: 20px; max-width: 400px; text-align: center;}
.modal .content-container {padding: 20px 0; overflow: hidden;}
.modal .checkmark {color:#3eae59; padding: 0 10px; float: left; font-size: 28px;}
.modal .text {font-size: 38px; line-height: 1; font-family: 'Source Sans Pro', sans-serif;}
.modal .close {color: #666; float: right; font-size: 28px; font-weight: bold;}
.modal .close:hover, .close:focus {color: #aaa; text-decoration: none; cursor: pointer;}

/* ----- Coronavirus ----- */
#intro-section {min-height:0; background-size: cover;}

#covid-19-banner {padding:50px 0; color:#FFF; text-align:center; background:url('../images/bg-faqs-banner.jpg') center center no-repeat #577f59; background-size:cover; font-family: 'Assistant', sans-serif;}
#covid-19-wrap h2 {font-size:24px; color:#044a90; padding:15px 0;}
#covid-19-wrap {font-size:18px; line-height:1.3em;}
#covid-19-wrap ul {padding:25px 0 25px 15px;}
#covid-19-wrap p {padding:15px 0;}
#covid-19-wrap h3 {color:#577f59; font-weight:700; padding-top:5px;}
#covid-19-wrap ul li {margin:0 0 5px 0;}
#covid-19-wrap ul li {position:relative; padding-left:20px; list-style:none;}
#covid-19-wrap ul li::before {position:absolute; top:0; left:0; content:'\2022';}
#covid-19-wrap ol li {margin-left:20px; padding-left:10px; list-style:decimal;}
#covid-19-wrap ol li ul {padding-top:10px;}
#covid-19-wrap ol li ul li {list-style:none; padding-left:20px;}
#covid-19-wrap a {color:#3eae59; text-decoration:underline;}

.coronavirus-info {padding:30px; margin-bottom:30px; color:#FFF; text-align:center; box-sizing:border-box; background:#044a90; background:linear-gradient(135deg, rgba(62,174,89,0.8) 0%, rgba(4,74,144,0.8) 100%);}
.coronavirus-info h1 {margin: 0 0 15px 0; font-size: 30px; line-height: 50px; font-weight: 700;}
.coronavirus-info a {color: inherit; text-decoration: underline;}