/*! * Theme Name: Nationwide Fuels * Description: The theme that powers the Nationwide Fuels WordPress website. * Author: Mark Eriksson <markeriksson94@live.co.uk> * Author URI: https://www.markwrites.codes * Version: 1.1.0 */
*,*::before,*::after{
    margin:0;
    padding:0;
    border:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline:none
}
html{
    scroll-behavior:smooth
}
.no-scroll{
    overflow:hidden
}
table{
    border-collapse:collapse;
    width:100%
}
img{
    max-width:100%;
    height:auto
}
a{
    color:var(--dark-blue-green);
    font-weight:bolder
}
a:hover{
    text-decoration:none
}
.content-main{
    position:relative
}
.content-main ul{
    list-style:none;
    list-style-type:none;
    padding-left:30px
}
.content-main ul.standard-list{
    list-style:disc;
    list-style-type:disc;
    padding-left:25px
}
.content-main ul.standard-list li::before{
    display:none
}
.content-main ul.bare{
    padding-left:0
}
.content-main ul.bare li::before{
    display:none
}
.content-main ul.white-tick{
    padding-left:45px
}
.content-main ul.white-tick li{
    margin-bottom:20px
}
@media (min-width: 1000px){
    .content-main ul.white-tick li{
        margin-bottom:35px
    }
}
.content-main ul.white-tick li::before{
    background-color:transparent;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E %3Cg fill='%23FFF' fill-rule='nonzero'%3E %3Cpath d='M14 0C6.28 0 0 6.28 0 14s6.28 14 14 14 14-6.28 14-14S21.72 0 14 0zm0 26.25C7.245 26.25 1.75 20.755 1.75 14S7.245 1.75 14 1.75 26.25 7.245 26.25 14 20.755 26.25 14 26.25z'/%3E %3Cpath d='M12.813 17.457l-3.62-3.86L8 14.868 12.813 20 21 11.272 19.807 10z'/%3E %3C/g%3E %3C/svg%3E");
    background-repeat:no-repeat;
    width:28px;
    height:28px;
    left:-45px;
    top:50%;
    transform:translateY(-50%)
}
@media (min-width: 816px){
    .content-main ul.list-split{
        display:grid;
        grid-template-columns:1fr 1fr;
        grid-column-gap:40px;
        align-items:center
    }
}
@media (min-width: 816px){
    .content-main ul.list-split li{
        margin-bottom:10px
    }
}
.content-main ul li{
    position:relative;
    margin-bottom:3px
}
.content-main ul li::before{
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:var(--green-blue);
    content:'';
    top:9px;
    left:-20px
}
@media (min-width: 1100px){
    .content-main ul li::before{
        top:11px
    }
}
.content-main ol{
    padding-left:30px
}
.content-main ul li,.content-main ol li{
    margin-bottom:6px
}
address{
    font-style:normal
}
.input-reason{
    visibility:hidden;
    display:none;
    clip:rect(0px, 0px, 0px, 0px);
    position:absolute;
    left:-999em;
    height:0;
    width:0
}
:root{
    --font-name: 'Quicksand';
    --deep-teal: hsl(172, 100%, 20%);
    --green-blue: hsl(163, 100%, 39%);
    --teal: hsl(163, 99%, 28%);
    --off-white: hsl(90, 100%, 98%);
    --dark-blue-green: hsl(162, 100%, 15%);
    --greyish-brown: hsl(0, 0%, 27%);
    --light-moss-green: hsl(79, 51%, 62%);
    --deep-sea-blue: hsl(196, 100%, 24%);
    --teal-blue: hsl(195, 100%, 33%);
    --grass: hsl(96, 57%, 40%);
    --orange: hsl(38, 92%, 53%)
}
.colour-deep-teal{
    color:var(--deep-teal) !important
}
.colour-deep-teal a{
    color:inherit;
    font-weight:600
}
.bg-deep-teal{
    background-color:var(--deep-teal) !important
}
.colour-green-blue{
    color:var(--green-blue) !important
}
.colour-green-blue a{
    color:inherit;
    font-weight:600
}
.bg-green-blue{
    background-color:var(--green-blue) !important
}
.colour-teal{
    color:var(--teal) !important
}
.colour-teal a{
    color:inherit;
    font-weight:600
}
.bg-teal{
    background-color:var(--teal) !important
}
.colour-off-white{
    color:var(--off-white) !important
}
.colour-off-white a{
    color:inherit;
    font-weight:600
}
.bg-off-white{
    background-color:var(--off-white) !important
}
.colour-dark-blue-green{
    color:var(--dark-blue-green) !important
}
.colour-dark-blue-green a{
    color:inherit;
    font-weight:600
}
.bg-dark-blue-green{
    background-color:var(--dark-blue-green) !important
}
.colour-greyish-brown{
    color:var(--greyish-brown) !important
}
.colour-greyish-brown a{
    color:inherit;
    font-weight:600
}
.bg-greyish-brown{
    background-color:var(--greyish-brown) !important
}
.colour-light-moss-green{
    color:var(--light-moss-green) !important
}
.colour-light-moss-green a{
    color:inherit;
    font-weight:600
}
.bg-light-moss-green{
    background-color:var(--light-moss-green) !important
}
.colour-deep-sea-blue{
    color:var(--deep-sea-blue) !important
}
.colour-deep-sea-blue a{
    color:inherit;
    font-weight:600
}
.bg-deep-sea-blue{
    background-color:var(--deep-sea-blue) !important
}
.colour-teal-blue{
    color:var(--teal-blue) !important
}
.colour-teal-blue a{
    color:inherit;
    font-weight:600
}
.bg-teal-blue{
    background-color:var(--teal-blue) !important
}
.colour-grass{
    color:var(--grass) !important
}
.colour-grass a{
    color:inherit;
    font-weight:600
}
.bg-grass{
    background-color:var(--grass) !important
}
.colour-orange{
    color:var(--orange) !important
}
.colour-orange a{
    color:inherit;
    font-weight:600
}
.bg-orange{
    background-color:var(--orange) !important
}
.font-quicksand{
    font-family:'Quicksand'
}
.font-roboto{
    font-family:'Roboto'
}
body,input,button{
    font:400 16px/1.65 var(--font-name),"Helvetica Neue",Helvetica,Arial,sans-serif
}
::selection{
    background-color:var(--green-blue);
    color:#fff;
    text-shadow:none
}
#svg-sprites{
    display:none;
    position:absolute;
    left:-9999em;
    height:0;
    width:0;
    pointer-events:none
}
#headerTrigger{
    position:absolute;
    top:0;
    left:0;
    background-color:transparent;
    pointer-events:none;
    width:100%;
    height:210px;
    z-index:-1
}
.container{
    max-width:1420px;
    margin:0 auto;
    width:100%
}
.button{
    text-align:center;
    text-decoration:none;
    border-radius:100px;
    padding:13px 0;
    color:#fff;
    font-size:18px;
    font-weight:600;
    transition:background-color .15s ease-in-out
}
.button--green{
    background-color:var(--deep-teal)
}
.button--green:hover{
    background-color:#02554a
}
.button--teal{
    background-color:var(--teal)
}
.button--teal:hover{
    background-color:#037c5a
}
.button svg{
    margin-left:7px;
    transform:translateY(1px)
}
.green-banner{
    background-color:var(--teal);
    border-bottom:9px solid var(--green-blue);
    padding:10px 0
}
.green-banner--contents{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='307' height='501' viewBox='0 0 307 501'%3E %3Cpath fill='%2300DE9F' fill-rule='nonzero' d='M50.95 201.594c43.789-63.567 85.354-106.495 89.064-190.7 0-2.476.742-4.127 2.226-5.778.742-4.128 4.453-6.604 8.165-4.128 4.453 0 8.163 3.302 8.163 9.081 93.518 112.273 251.608 397.083 52.696 478.81-89.807 37.15-191.49-13.207-209.302-122.18-9.648-58.611 17.815-120.525 48.988-165.105z' opacity='.1'/%3E %3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    color:#fff;
    width:65%;
    margin:0 auto;
    font-size:16px;
    font-weight:600;
    text-align:center;
    line-height:1.56;
    letter-spacing:-0.57px;
    padding:20px 0
}
@media (min-width: 600px){
    .green-banner--contents{
        font-size:18px;
        padding:40px 0;
        line-height:1.67
    }
}
@media (min-width: 816px){
    .green-banner--contents{
        padding:60px 0;
        width:50%;
        font-size:20px
    }
}
@media (min-width: 1000px){
    .green-banner--contents{
        font-size:32px;
        font-weight:500;
        letter-spacing:-1.14px;
        line-height:1.31;
        max-width:850px
    }
}
.banner{
    color:#fff;
    padding:25px 0 20px
}
@media (min-width: 816px){
    .banner{
        padding:38px 0 28px
    }
}
.banner a{
    color:inherit;
    text-decoration:none
}
.banner a:hover{
    text-decoration:underline
}
.banner p{
    margin-bottom:20px
}
.banner--left{
    text-align:left
}
@media (min-width: 816px){
    .banner--left{
        text-align:center
    }
}
.banner--center{
    text-align:center
}
.banner__contents{
    width:100%;
    padding:0 30px;
    letter-spacing:-0.18px;
    line-height:1.55;
    font-size:20px;
    font-weight:normal
}
@media (min-width: 816px){
    .banner__contents{
        width:800px;
        padding:0;
        margin:0 auto;
        font-size:22px;
        line-height:1.45;
        letter-spacing:-0.19px
    }
}
.banner__contents--bold{
    font-weight:500
}
.banner__eyecatcher{
    font-weight:600;
    font-size:26px;
    line-height:1.4;
    letter-spacing:-0.89px
}
@media (min-width: 816px){
    .banner__eyecatcher{
        font-size:34px;
        line-height:1.32;
        letter-spacing:-1.21px
    }
}
.inline-links{
    list-style:none;
    list-style-type:none
}
.inline-links li{
    display:inline-block
}
.inline-links li:not(:last-child){
    margin-right:8px
}
.breadcrumbs{
    margin:20px 0 10px
}
@media (min-width: 1420px){
    .breadcrumbs{
        margin:25px 0 30px
    }
}
.breadcrumbs a,.breadcrumbs span{
    color:var(--deep-sea-blue);
    letter-spacing:-0.46px;
    line-height:1.69;
    font-size:15px;
    font-weight:600;
    text-decoration:none
}
@media (min-width: 816px){
    .breadcrumbs a,.breadcrumbs span{
        font-size:16px;
        letter-spacing:-0.57px;
        line-height:2.19
    }
}
.breadcrumbs a:hover{
    text-decoration:underline
}
.breadcrumbs .breadcrumb_last{
    font-weight:400
}
.breadcrumbs svg{
    margin:0 4px;
    transform:scale(0.8) translateY(3px)
}
@media (min-width: 816px){
    .breadcrumbs svg{
        margin:0 6px
    }
}
.content-main .container>.container{
    padding:0 15px
}
@media (min-width: 816px){
    .content-main .container>.container{
        width:calc(100% - 215px);
        margin-left:0
    }
}
@media (min-width: 1420px){
    .content-main .container>.container{
        padding:0
    }
}
.overview-list{
    position:relative;
    margin:35px 0
}
.overview-list .overview-list__image{
    position:absolute;
    height:100%;
    width:100%;
    z-index:-1;
    pointer-events:none;
    user-select:none;
    display:none
}
@media (min-width: 816px){
    .overview-list .overview-list__image{
        display:block
    }
}
.overview-list h2{
    margin-left:4px;
    margin-bottom:20px
}
@media (min-width: 816px){
    .overview-list h2{
        margin-bottom:40px
    }
}
.parent-container{
    padding-top:5px
}
@media (min-width: 870px){
    .parent-container{
        padding-top:20px
    }
}
.drip-bg{
    pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='307' height='501' viewBox='0 0 307 501'%3E %3Cpath fill='%2300DE9F' fill-rule='nonzero' d='M50.95 201.594c43.789-63.567 85.354-106.495 89.064-190.7 0-2.476.742-4.127 2.226-5.778.742-4.128 4.453-6.604 8.165-4.128 4.453 0 8.163 3.302 8.163 9.081 93.518 112.273 251.608 397.083 52.696 478.81-89.807 37.15-191.49-13.207-209.302-122.18-9.648-58.611 17.815-120.525 48.988-165.105z' opacity='.1'/%3E %3C/svg%3E");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center
}
.drip-bg.drip-bg--gradient{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='233' height='334' viewBox='0 0 233 334'%3E %3Cdefs%3E %3ClinearGradient id='a' x1='61.896%25' x2='61.896%25' y1='4.009%25' y2='152.526%25'%3E %3Cstop offset='0%25' stop-color='%23019067'/%3E %3Cstop offset='100%25' stop-color='%23D1FFB2'/%3E %3C/linearGradient%3E %3C/defs%3E %3Cpath fill='url(%23a)' fill-rule='nonzero' d='M1350.331 2134.396c-33.234-42.378-64.78-70.996-67.595-127.133 0-1.651-.564-2.752-1.69-3.852-.564-2.752-3.38-4.403-6.197-2.752-3.38 0-6.195 2.201-6.195 6.054-70.976 74.848-190.96 264.722-39.995 319.206 68.16 24.767 145.333-8.804 158.852-81.453 7.322-39.074-13.521-80.35-37.18-110.07z' opacity='.089' transform='matrix(-1 0 0 1 1389 -2000)'/%3E %3C/svg%3E")
}
.checkbox{
    height:24px;
    position:relative;
    width:24px;
    flex-shrink:0
}
.checkbox [type="checkbox"]{
    display:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.checkbox [type="checkbox"]:checked+label{
    background-color:var(--off-white)
}
.checkbox [type="checkbox"]:checked+label+svg path{
    stroke-dashoffset:0
}
.checkbox label{
    position:absolute;
    background-color:#fff;
    width:100%;
    height:100%;
    display:block;
    top:0;
    left:0;
    cursor:pointer;
    border-radius:3px;
    transition:transform .12s linear
}
.checkbox label:active{
    transform:translateY(1px)
}
.checkbox svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    pointer-events:none
}
.checkbox svg path{
    stroke:var(--teal);
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-dasharray:18;
    stroke-dashoffset:18;
    transition:stroke-dashoffset 0.2s cubic-bezier(0.4, 0.28, 0.15, 0.88)
}
table thead{
    background-image:linear-gradient(to bottom right, var(--teal), var(--green-blue));
    color:#fff
}
table thead th{
    padding:13px 17px;
    font-weight:500;
    text-align:left;
    text-shadow:0 2px 5px var(--teal);
    font-size:inherit
}
table td{
    padding:8px 17px
}
table th,table td{
    border:1px solid var(--teal)
}
table tbody{
    font-size:smaller;
    letter-spacing:0
}
.page-content{
    font-family:'Roboto';
    font-size:18px;
    font-weight:300;
    line-height:1.65;
    letter-spacing:-0.31px;
    color:var(--greyish-brown)
}
@media (min-width: 1100px){
    .page-content{
        font-size:20px;
        line-height:1.48;
        letter-spacing:-0.19px
    }
}
@media (min-width: 1250px){
    .page-content.narrow{
        width:95%;
        margin:0 auto
    }
}
.page-content a{
    font-weight:500;
    text-decoration:none
}
.page-content a:hover{
    text-decoration:underline
}
.page-content strong{
    font-weight:500
}
.page-content h2,.page-content h3,.page-content h4{
    color:var(--dark-blue-green);
    line-height:normal;
    font-weight:bold;
    font-family:'Quicksand';
    margin-bottom:10px
}
@media (min-width: 940px){
    .page-content h2,.page-content h3,.page-content h4{
        margin-bottom:20px
    }
}
.page-content h2.first{
    font-size:26px;
    letter-spacing:-0.89px
}
@media (min-width: 670px){
    .page-content h2.first{
        font-size:30px
    }
}
@media (min-width: 940px){
    .page-content h2.first{
        font-size:32px
    }
}
@media (min-width: 1100px){
    .page-content h2.first{
        font-size:36px;
        letter-spacing:-1.23px
    }
}
@media (min-width: 1420px){
    .page-content h2.first{
        font-size:39px;
        letter-spacing:-1.39px
    }
}
@media (min-width: 1500px){
    .page-content h2.first{
        font-size:44px;
        letter-spacing:-1.57px
    }
}
.page-content h2{
    font-size:24px;
    letter-spacing:-0.79px
}
@media (min-width: 670px){
    .page-content h2{
        font-size:27px
    }
}
@media (min-width: 940px){
    .page-content h2{
        font-size:30px
    }
}
@media (min-width: 1100px){
    .page-content h2{
        font-size:33px;
        letter-spacing:-1.13px
    }
}
@media (min-width: 1420px){
    .page-content h2{
        font-size:35px;
        letter-spacing:-1.29px
    }
}
.page-content h3{
    font-size:19px;
    letter-spacing:-0.75px
}
@media (min-width: 670px){
    .page-content h3{
        font-size:22px
    }
}
@media (min-width: 940px){
    .page-content h3{
        font-size:24px
    }
}
@media (min-width: 1100px){
    .page-content h3{
        font-size:28px;
        letter-spacing:-1.05px
    }
}
@media (min-width: 1420px){
    .page-content h3{
        font-size:30px;
        letter-spacing:-1.21px
    }
}
.page-content p,.page-content ul,.page-content ol{
    margin-bottom:20px
}
@media (min-width: 960px){
    .page-content p,.page-content ul,.page-content ol{
        margin-bottom:25px
    }
}
.page-block{
    padding-bottom:30px
}
@media (min-width: 1100px){
    .page-block{
        padding-bottom:45px
    }
}
@media (min-width: 1400px){
    .page-block{
        padding-bottom:60px
    }
}
.page-button-links{
    font-family:'Quicksand';
    text-align:center
}
.page-button-links a{
    display:inline-block;
    padding-left:35px;
    padding-right:35px
}
.page-green-info-banner{
    background-color:var(--teal);
    color:#fff;
    padding:30px;
    position:relative;
    overflow:hidden
}
@media (min-width: 816px){
    .page-green-info-banner{
        background-image:url(assets/footer-bg.jpg);
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center right;
        padding:40px 30px
    }
}
@media (min-width: 1000px){
    .page-green-info-banner{
        padding:60px 30px 40px
    }
}
.page-green-info-banner .container{
    max-width:1050px
}
.page-green-info-banner h2,.page-green-info-banner h3,.page-green-info-banner h4{
    text-align:center;
    color:#fff;
    margin-bottom:20px
}
@media (min-width: 816px){
    .page-green-info-banner h2,.page-green-info-banner h3,.page-green-info-banner h4{
        margin-bottom:24px
    }
}
@media (min-width: 1000px){
    .page-green-info-banner h2,.page-green-info-banner h3,.page-green-info-banner h4{
        margin-bottom:32px
    }
}
.page-green-info-banner a{
    color:inherit
}
.page-full-width-bg{
    padding-top:25px;
    margin-bottom:20px
}
@media (min-width: 816px){
    .page-full-width-bg{
        padding-top:28px;
        margin-bottom:32px
    }
}
@media (min-width: 1200px){
    .page-full-width-bg{
        padding-top:32px;
        margin-bottom:38px
    }
}
@media (min-width: 1400px){
    .page-full-width-bg{
        padding-top:40px;
        margin-bottom:45px
    }
}
header.site-header{
    display:flex;
    flex-direction:column;
    position:sticky;
    position:-webkit-sticky;
    top:0;
    transition:box-shadow .15s linear;
    z-index:100
}
body.header-docked header.site-header{
    box-shadow:0 12px 10px -12px rgba(0,0,0,0.3)
}
header.site-header .header__main{
    width:100%;
    background-color:#fff;
    position:relative;
    padding:0 12px;
    transition:padding-top .15s linear, padding-bottom .15s linear
}
@media (min-width: 990px){
    header.site-header .header__main{
        position:relative;
        z-index:1
    }
}
@media (min-width: 1500px){
    body.header-docked header.site-header .header__main{
        padding-top:4px;
        padding-bottom:4px
    }
}
header.site-header .header__main .container{
    display:flex;
    justify-content:space-between;
    align-items:center
}
header.site-header .header__main-logo{
    display:block;
    padding-bottom:5px
}
@media (min-width: 816px){
    header.site-header .header__main-logo{
        padding-bottom:7px
    }
}
@media (min-width: 1200px){
    header.site-header .header__main-logo{
        padding-bottom:12px
    }
}
header.site-header .header__main-logo img{
    width:188px;
    transition:width .15s linear;
    display:block
}
body.header-docked header.site-header .header__main-logo img{
    width:162px
}
@media (min-width: 816px){
    header.site-header .header__main-logo img{
        width:228px
    }
    body.header-docked header.site-header .header__main-logo img{
        width:200px
    }
}
@media (min-width: 1200px){
    header.site-header .header__main-logo img{
        width:262px
    }
    body.header-docked header.site-header .header__main-logo img{
        width:225px
    }
}
header.site-header .header__main-nav{
    align-self:stretch;
    display:flex;
    align-items:center
}
header.site-header .header__main-nav .nav__hamburger{
    background-color:transparent;
    cursor:pointer;
    display:flex;
    align-items:center;
    flex-direction:column;
    outline:none
}
@media (min-width: 990px){
    header.site-header .header__main-nav .nav__hamburger{
        display:none
    }
}
header.site-header .header__main-nav .nav__hamburger:not(.nav__hamburger--toggled):hover .nav__hamburger-lines .nav__hamburger-line:nth-child(1),header.site-header .header__main-nav .nav__hamburger:not(.nav__hamburger--toggled):hover .nav__hamburger-lines .nav__hamburger-line:nth-child(2){
    width:70%
}
header.site-header .header__main-nav .nav__hamburger:not(.nav__hamburger--toggled):hover .nav__hamburger-lines .nav__hamburger-line:nth-child(3){
    width:100%
}
header.site-header .header__main-nav .nav__hamburger--toggled .nav__hamburger-lines .nav__hamburger-line:nth-child(1),header.site-header .header__main-nav .nav__hamburger--toggled .nav__hamburger-lines .nav__hamburger-line:nth-child(3){
    width:100%
}
header.site-header .header__main-nav .nav__hamburger--toggled .nav__hamburger-lines .nav__hamburger-line:nth-child(1){
    transform:rotate(-45deg) translate(-12px, 12px)
}
header.site-header .header__main-nav .nav__hamburger--toggled .nav__hamburger-lines .nav__hamburger-line:nth-child(2){
    opacity:0
}
header.site-header .header__main-nav .nav__hamburger--toggled .nav__hamburger-lines .nav__hamburger-line:nth-child(3){
    transform:rotate(45deg) translate(2px, 2px)
}
header.site-header .header__main-nav .nav__hamburger--toggled .nav__hamburger-label{
    opacity:0
}
header.site-header .header__main-nav .nav__hamburger-lines{
    position:relative;
    width:90%;
    height:16px
}
header.site-header .header__main-nav .nav__hamburger-lines .nav__hamburger-line{
    position:absolute;
    right:0;
    background-color:var(--dark-blue-green);
    width:100%;
    height:2px;
    pointer-events:none;
    transition:all 0.25s cubic-bezier(0.04, 0.28, 0.31, 1.23)
}
header.site-header .header__main-nav .nav__hamburger-lines .nav__hamburger-line:nth-child(1){
    top:0
}
header.site-header .header__main-nav .nav__hamburger-lines .nav__hamburger-line:nth-child(2){
    top:calc(50% - 1px)
}
header.site-header .header__main-nav .nav__hamburger-lines .nav__hamburger-line:nth-child(3){
    width:70%;
    bottom:0
}
header.site-header .header__main-nav .nav__hamburger-label{
    font-size:14px;
    font-weight:600;
    letter-spacing:-0.5px;
    line-height:1;
    margin-top:6px;
    color:var(--dark-blue-green);
    transition:opacity .2s ease-in-out;
    user-select:none
}
header.site-header .header__ctas{
    display:flex;
    flex-flow:row wrap
}
@media (min-width: 816px){
    header.site-header .header__ctas{
        order:-1
    }
}
header.site-header .header__ctas .header__cta{
    text-align:center
}
@media (min-width: 816px){
    header.site-header .header__ctas .header__cta{
        display:flex;
        align-items:center
    }
}
header.site-header .header__ctas .header__cta a{
    color:inherit;
    text-decoration:none;
    display:block;
    transition:all .15s linear
}
header.site-header .header__ctas .header__cta--green{
    background-image:linear-gradient(to top, var(--green-blue), var(--grass));
    color:#fff;
    font-weight:500;
    font-size:18px
}
header.site-header .header__ctas .header__cta--green a{
    padding:5px 0
}
header.site-header .header__ctas .header__cta--orange{
    background-color:var(--orange);
    color:#333;
    transition:all .15s ease-in-out;
    font-weight:600;
    font-size:17px
}
header.site-header .header__ctas .header__cta--orange:hover{
    background-color:#ed9b0c
}
header.site-header .header__ctas .header__cta--orange a{
    padding:3px 0;
    display:flex;
    height:100%;
    justify-content:center;
    align-items:center
}
header.site-header .header__ctas .header__cta--half{
    flex-grow:1
}
header.site-header .header__ctas .header__cta--full{
    width:100%
}
header.site-header .header__ctas .header__cta svg{
    pointer-events:none
}
header.site-header .header__ctas .header__cta svg.quote-arrow{
    transform:translateY(4px)
}
header.site-header .header__ctas .header__cta svg.fuel-service-arrow{
    transform:translate(6px, 1px)
}
@media (min-width: 816px){
    header.site-header .header__ctas .header__cta#cta-quote{
        display:none
    }
}
@media (min-width: 816px){
    header.site-header .header__ctas .header__cta#cta-phone{
        background-image:none;
        background-color:#037c5a;
        text-align:right;
        padding-left:15px;
        padding-right:15px;
        font-size:18px;
        justify-content:flex-end
    }
}
@media (min-width: 1200px){
    header.site-header .header__ctas .header__cta#cta-phone{
        font-size:24px;
        font-weight:bold
    }
}
@media (min-width: 816px){
    header.site-header .header__ctas .header__cta#cta-phone a{
        display:inline-block;
        padding:4px 0
    }
    body.header-docked header.site-header .header__ctas .header__cta#cta-phone a{
        padding:1px 0
    }
    header.site-header .header__ctas .header__cta#cta-phone a::before{
        content:'Zvanīt: '
    }
}
@media (min-width: 816px){
    header.site-header .header__ctas .header__cta#cta-emergency{
        flex-grow:initial;
        max-width:300px
    }
}
@media (min-width: 816px){
    header.site-header .header__ctas .header__cta#cta-emergency a{
        padding:0;
        width:100%;
        letter-spacing:-0.71px
    }
}
@media (min-width: 1200px){
    header.site-header .header__ctas .header__cta#cta-emergency a{
        font-size:20px
    }
}
header.site-header .header__usps{
    display:flex;
    width:100%;
    padding:7px 0;
    justify-content:center;
    align-items:center;
    background-color:rgba(255,255,255,0.92);
    border:1px solid #029269;
    border-left:none;
    border-right:none;
    transition:padding .15s linear
}
body.header-docked header.site-header .header__usps{
    padding:5px 0
}
@media (min-width: 1200px){
    header.site-header .header__usps{
        padding:8px 0
    }
    body.header-docked header.site-header .header__usps{
        padding:6px 0
    }
}
@media (max-width: 990px){
    header.site-header .header__usps{
        display:none
    }
}
header.site-header .header__usps .header__usp{
    display:flex;
    justify-content:center;
    align-items:center
}
header.site-header .header__usps .header__usp:not(:last-child){
    margin-right:30px
}
@media (min-width: 1200px){
    header.site-header .header__usps .header__usp:not(:last-child){
        margin-right:55px
    }
}
header.site-header .header__usps .header__usp-tick{
    position:relative;
    margin-right:8px
}
header.site-header .header__usps .header__usp h3{
    line-height:normal
}
header.site-header .header__usps .header__usp h3 .header__usp-title{
    font-size:16px;
    font-weight:600;
    color:var(--dark-blue-green);
    letter-spacing:-0.71px;
    line-height:normal;
    text-decoration:none;
    transform:translateY(-2px)
}
header.site-header .header__usps .header__usp h3 .header__usp-title:hover{
    text-decoration:underline
}
@media (min-width: 1200px){
    header.site-header .header__usps .header__usp h3 .header__usp-title{
        font-size:20px
    }
}
nav{
    position:absolute;
    left:0;
    width:100%;
    height:calc(100vh - 62px);
    background-image:linear-gradient(to top, var(--green-blue), var(--grass));
    z-index:100;
    padding:25px 45px;
    overflow-y:auto;
    overscroll-behavior:contain;
    transform:scale(1, 0);
    transform-origin:top;
    transition:transform .25s;
    top:100%
}
@media (min-width: 990px){
    nav{
        position:static;
        height:auto;
        width:auto;
        margin-top:0px;
        background-image:none;
        padding:0;
        overflow-y:visible;
        transform:scale(1);
        transform-origin:center
    }
}
nav.nav--opened{
    transform:scale(1);
    transition-timing-function:cubic-bezier(0.04, 0.28, 0.31, 1.23)
}
nav.nav--opened ul.standard-navigation li{
    transform:translateY(0px);
    opacity:1
}
nav.nav--opened ul.standard-navigation li:nth-child(0){
    transition-delay:0s
}
nav.nav--opened ul.standard-navigation li:nth-child(1){
    transition-delay:.1s
}
nav.nav--opened ul.standard-navigation li:nth-child(2){
    transition-delay:.2s
}
nav.nav--opened ul.standard-navigation li:nth-child(3){
    transition-delay:.3s
}
nav.nav--opened ul.standard-navigation li:nth-child(4){
    transition-delay:.4s
}
nav.nav--opened ul.standard-navigation li:nth-child(5){
    transition-delay:.5s
}
nav.nav--opened ul.standard-navigation li:nth-child(6){
    transition-delay:.6s
}
nav.nav--opened ul.standard-navigation li:nth-child(7){
    transition-delay:.7s
}
nav.nav--opened ul.standard-navigation li:nth-child(8){
    transition-delay:.8s
}
nav.nav--opened ul.standard-navigation li:nth-child(9){
    transition-delay:.9s
}
nav.nav--opened ul.standard-navigation li:nth-child(10){
    transition-delay:1s
}
nav ul.standard-navigation{
    list-style:none;
    list-style-type:none
}
nav ul.standard-navigation>li{
    margin-bottom:30px;
    transform:translateY(-25px);
    opacity:0;
    position:relative;
    transition:all 0.25s cubic-bezier(0, 0, 0.1, 1.26)
}
@media (min-width: 990px){
    nav ul.standard-navigation>li{
        margin-bottom:0;
        margin-right:20px;
        opacity:1;
        display:inline-block;
        transform:none
    }
    nav ul.standard-navigation>li:last-child{
        margin-right:0
    }
}
@media (min-width: 1200px){
    nav ul.standard-navigation>li{
        margin-right:50px
    }
}
nav ul.standard-navigation>li.nav-item--opened .nav-link svg{
    transform:rotate(180deg) translate(3px, 5px)
}
nav ul.standard-navigation>li.nav-item--opened .nav-dropdown{
    display:block
}
@media (min-width: 990px){
    nav ul.standard-navigation>li.nav-item--opened .nav-dropdown{
        transform:scale(1);
        transition-timing-function:cubic-bezier(0.04, 0.28, 0.31, 1.23)
    }
}
@media (min-width: 990px){
    nav ul.standard-navigation>li.nav-item--opened .nav-dropdown li{
        transform:translateY(0px);
        opacity:1
    }
}
nav ul.standard-navigation>li .nav-link{
    position:relative
}
nav ul.standard-navigation>li .nav-link a{
    --colour: #fff;
    font-size:19px;
    font-weight:600;
    color:var(--colour);
    letter-spacing:-0.68px;
    line-height:normal;
    text-decoration:none;
    display:inline-block;
    position:relative;
    transition:all .2s linear
}
@media (min-width: 990px){
    nav ul.standard-navigation>li .nav-link a{
        --colour: hsl(0, 1%, 32%);
        font-size:16px
    }
}
@media (min-width: 1200px){
    nav ul.standard-navigation>li .nav-link a{
        font-size:19px
    }
}
nav ul.standard-navigation>li .nav-link a:hover::after{
    opacity:.75
}
nav ul.standard-navigation>li .nav-link a::after{
    content:'';
    width:100%;
    height:2px;
    pointer-events:none;
    background-color:var(--colour);
    opacity:.4;
    position:absolute;
    left:0;
    bottom:0;
    transition:all .2s linear
}
@media (min-width: 990px){
    nav ul.standard-navigation>li .nav-link a::after{
        display:none
    }
}
nav ul.standard-navigation>li .nav-link svg{
    position:absolute;
    top:calc(50% - 5px);
    right:-25px;
    pointer-events:none;
    transition:transform 0.2s cubic-bezier(0.04, 0.28, 0.31, 1.23)
}
@media (min-width: 990px){
    nav ul.standard-navigation>li .nav-link svg{
        --colour: var(--green-blue);
        position:relative;
        top:3px;
        right:-9px
    }
}
nav ul.nav-dropdown{
    display:none;
    margin:12px 3px 15px
}
@media (min-width: 990px){
    nav ul.nav-dropdown{
        display:block;
        margin:0;
        transform:scale(1, 0);
        position:absolute;
        left:0;
        top:calc(100% + 15px);
        width:313px;
        border-radius:5px;
        padding:20px 35px;
        background-color:#fff;
        box-shadow:2px 15px 10px 0 rgba(130,130,130,0.5);
        transition:transform .25s;
        transform-origin:top
    }
}
nav ul.nav-dropdown li{
    margin-bottom:9px
}
@media (min-width: 990px){
    nav ul.nav-dropdown li{
        margin-bottom:15px;
        margin-right:0;
        display:block;
        transition:all 0.15s cubic-bezier(0, 0, 0.1, 1.26);
        transform:translateY(-25px);
        opacity:0
    }
    nav ul.nav-dropdown li:nth-child(0){
        transition-delay:0s
    }
    nav ul.nav-dropdown li:nth-child(1){
        transition-delay:.05s
    }
    nav ul.nav-dropdown li:nth-child(2){
        transition-delay:.1s
    }
    nav ul.nav-dropdown li:nth-child(3){
        transition-delay:.15s
    }
    nav ul.nav-dropdown li:nth-child(4){
        transition-delay:.2s
    }
    nav ul.nav-dropdown li:nth-child(5){
        transition-delay:.25s
    }
    nav ul.nav-dropdown li:nth-child(6){
        transition-delay:.3s
    }
    nav ul.nav-dropdown li:nth-child(7){
        transition-delay:.35s
    }
    nav ul.nav-dropdown li:nth-child(8){
        transition-delay:.4s
    }
    nav ul.nav-dropdown li:nth-child(9){
        transition-delay:.45s
    }
    nav ul.nav-dropdown li:nth-child(10){
        transition-delay:.5s
    }
    nav ul.nav-dropdown li:nth-child(11){
        transition-delay:.55s
    }
    nav ul.nav-dropdown li:nth-child(12){
        transition-delay:.6s
    }
    nav ul.nav-dropdown li:nth-child(13){
        transition-delay:.65s
    }
    nav ul.nav-dropdown li:nth-child(14){
        transition-delay:.7s
    }
    nav ul.nav-dropdown li:nth-child(15){
        transition-delay:.75s
    }
    nav ul.nav-dropdown li:nth-child(16){
        transition-delay:.8s
    }
    nav ul.nav-dropdown li:nth-child(17){
        transition-delay:.85s
    }
    nav ul.nav-dropdown li:nth-child(18){
        transition-delay:.9s
    }
    nav ul.nav-dropdown li:nth-child(19){
        transition-delay:.95s
    }
    nav ul.nav-dropdown li:nth-child(20){
        transition-delay:1s
    }
}
nav ul.nav-dropdown li:hover::after{
    opacity:1
}
@media (min-width: 990px){
    nav ul.nav-dropdown li::after{
        background-color:#eae6e6;
        height:2px;
        width:122px;
        content:'';
        position:absolute;
        bottom:-7px;
        left:50%;
        transform:translateX(-50%);
        opacity:0;
        pointer-events:none;
        user-select:none;
        transition:opacity .2s linear;
        border-radius:100%
    }
}
@media (min-width: 990px){
    nav ul.nav-dropdown li .nav-link{
        display:block
    }
}
nav ul.nav-dropdown li .nav-link a{
    --colour: #eef7e9;
    font-size:16px;
    text-shadow:0px 1px 1px var(--dark-blue-green)
}
@media (min-width: 990px){
    nav ul.nav-dropdown li .nav-link a{
        color:#525151;
        font-size:19px;
        font-weight:600;
        line-height:1;
        display:block;
        width:100%;
        height:100%;
        padding:4px 0;
        text-shadow:none
    }
}
@media (min-width: 990px){
    nav ul.nav-dropdown li .nav-link a:hover{
        color:var(--teal)
    }
}
nav ul.nav-social{
    list-style:none;
    list-style-type:none;
    padding-top:20px;
    display:flex;
    align-items:center
}
@media (min-width: 990px){
    nav ul.nav-social{
        display:none
    }
}
nav ul.nav-social li{
    display:inline-block
}
nav ul.nav-social li:not(:last-child){
    margin-right:40px
}
footer{
    background-color:var(--teal);
    border-top:9px solid var(--green-blue);
    color:#fff;
    padding:25px 30px;
    position:relative;
    overflow:hidden
}
@media (min-width: 816px){
    footer{
        background-image:url(assets/footer-bg.jpg);
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center right;
        padding:30px
    }
}
@media (min-width: 1000px){
    footer{
        padding:40px 30px
    }
}
footer .drip-bg{
    position:absolute;
    height:100%;
    width:100%;
    bottom:-60px;
    right:-60px;
    background-position:right
}
footer .footer-blocks{
    display:flex;
    justify-content:center;
    flex-direction:column
}
@media (min-width: 816px){
    footer .footer-blocks{
        text-align:left;
        flex-direction:row;
        justify-content:space-between
    }
}
footer .footer-blocks .footer-block{
    margin-bottom:10px
}
@media (min-width: 816px){
    footer .footer-blocks .footer-block{
        margin-bottom:0
    }
}
footer .footer-blocks .footer-block .footer-block__title a,footer .footer-blocks .footer-block .footer-block__title span{
    text-decoration:none;
    font-size:18px;
    font-weight:600;
    line-height:normal;
    letter-spacing:-0.64px;
    display:inline-block;
    margin-bottom:6px;
    text-decoration:underline
}
@media (min-width: 1000px){
    footer .footer-blocks .footer-block .footer-block__title a,footer .footer-blocks .footer-block .footer-block__title span{
        font-size:20px;
        margin-bottom:15px
    }
}
@media (min-width: 1150px){
    footer .footer-blocks .footer-block .footer-block__title a,footer .footer-blocks .footer-block .footer-block__title span{
        font-size:25px;
        letter-spacing:-0.89px
    }
}
footer .footer-blocks .footer-block .footer-block__list{
    list-style:none;
    list-style-type:none;
    display:none;
    font-family:'Roboto'
}
@media (min-width: 816px){
    footer .footer-blocks .footer-block .footer-block__list{
        display:block
    }
}
footer .footer-blocks .footer-block .footer-block__list li{
    margin-bottom:2px
}
@media (min-width: 1000px){
    footer .footer-blocks .footer-block .footer-block__list li a{
        font-size:18px
    }
}
footer .footer-blocks .footer-block .footer-block__list--unfolded{
    display:block
}
footer .footer-blocks .footer-block .footer-block__list--social{
    margin:15px 0;
    display:flex;
    justify-content:center
}
@media (min-width: 1150px){
    footer .footer-blocks .footer-block .footer-block__list--social{
        justify-content:flex-start
    }
}
footer .footer-blocks .footer-block .footer-block__list--social li{
    display:inline-block;
    margin-bottom:0
}
footer .footer-blocks .footer-block .footer-block__list--social li:not(:last-child){
    margin-right:15px
}
footer .footer-blocks .footer-block .footer-block__list--social li a{
    height:46px;
    width:46px;
    border-radius:50%;
    background-color:#21a17d;
    display:flex;
    justify-content:center;
    align-items:center
}
footer .footer__main{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    text-align:center
}
@media (min-width: 1150px){
    footer .footer__main{
        text-align:left
    }
}
footer .footer__main a{
    color:#fff;
    text-decoration:none;
    font-weight:300
}
footer .footer__main a:hover{
    text-decoration:underline
}
footer .footer__main .footer__main--top{
    width:100%
}
footer .footer__main .footer__main--top .footer-blocks{
    justify-content:center
}
@media (min-width: 816px){
    footer .footer__main .footer__main--top .footer-blocks .footer-block:not(:last-child){
        margin-right:30px
    }
}
@media (min-width: 1100px){
    footer .footer__main .footer__main--top .footer-blocks .footer-block:not(:last-child){
        margin-right:100px
    }
}
@media (min-width: 1420px){
    footer .footer__main .footer__main--top .footer-blocks .footer-block:not(:last-child){
        margin-right:170px
    }
}
footer .footer__main .footer__main--bottom{
    position:relative;
    margin-top:20px;
    padding-top:20px;
    width:100%
}
@media (min-width: 1000px){
    footer .footer__main .footer__main--bottom{
        margin-top:40px;
        padding-top:40px
    }
}
footer .footer__main .footer__main--bottom::before{
    content:'';
    position:absolute;
    top:-5px;
    left:50%;
    width:80%;
    transform:translateX(-50%);
    background-color:#fff;
    height:1px
}
@media (min-width: 1000px){
    footer .footer__main .footer__main--bottom::before{
        width:100%
    }
}
footer .footer__main .footer__main--bottom .copyright{
    font-family:'Roboto';
    font-size:15px;
    font-weight:300;
    line-height:normal;
    letter-spacing:-0.54px
}
footer .footer__main .footer__main--bottom .inline-links{
    margin-top:10px
}
footer .footer__main .footer__main--bottom .inline-links li a{
    font-weight:600
}
footer .footer__main .footer__main--bottom .footer-blocks{
    flex-direction:column-reverse
}
@media (min-width: 816px){
    footer .footer__main .footer__main--bottom .footer-blocks{
        flex-direction:row;
        align-items:center
    }
}
.hero{
    position:relative
}
.hero.hero--homepage .hero__feature{
    min-height:340px;
    max-height:770px
}
@media (min-width: 1550px){
    .hero.hero--homepage .hero__feature{
        max-height:850px
    }
}
@media (min-width: 1750px){
    .hero.hero--homepage .hero__feature{
        max-height:900px
    }
}
.hero.hero--homepage .hero__lead{
    max-width:1100px;
    top:5px
}
@media (min-width: 816px){
    .hero.hero--homepage .hero__lead{
        top:25px
    }
}
.hero.hero--homepage .hero__lead-block{
    margin-top:0
}
@media (max-width: 815px){
    .hero.hero--homepage .hero__lead-block--clear{
        background-color:transparent
    }
}
.hero .hero__feature{
    max-width:100%;
    width:100%;
    min-height:300px;
    max-height:770px;
    object-fit:cover;
    object-position:bottom;
    user-select:none;
    pointer-events:none;
    top:0;
    left:0;
    display:block
}
@media (min-width: 1550px){
    .hero .hero__feature{
        max-height:730px
    }
}
@media (min-width: 1750px){
    .hero .hero__feature{
        max-height:830px
    }
}
.hero .hero__lead{
    text-align:center;
    position:absolute;
    top:10px;
    left:50%;
    transform:translateX(-50%);
    width:80%;
    max-width:800px
}
@media (min-width: 816px){
    .hero .hero__lead{
        top:25px;
        width:80%;
        border-radius:100px
    }
}
@media (min-width: 1100px){
    .hero .hero__lead{
        top:50px
    }
}
.hero .hero__lead-block{
    padding:15px 0;
    border-radius:100px;
    margin-top:20px
}
@media (min-width: 816px){
    .hero .hero__lead-block{
        padding:20px 30px;
        margin-left:auto;
        margin-right:auto
    }
}
@media (min-width: 1200px){
    .hero .hero__lead-block{
        padding:30px 40px
    }
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){
    .hero .hero__lead-block{
        backdrop-filter:blur(7px);
        -webkit-backdrop-filter:blur(7px)
    }
}
.hero .hero__lead-block--descriptor{
    display:none;
    padding:15px 60px
}
@media (min-width: 816px){
    .hero .hero__lead-block--descriptor{
        display:block
    }
}
.hero .hero__lead-block--clear{
    background-color:rgba(255,255,255,0.5)
}
@media (min-width: 816px){
    .hero .hero__lead-block--green{
        background-image:linear-gradient(to top, rgba(0,199,143,0.64), rgba(90,160,44,0.74))
    }
}
.hero .hero__lead-block--green p{
    color:#fff;
    font-size:18px;
    font-weight:500;
    line-height:1.47;
    letter-spacing:-0.68px
}
@media (min-width: 1150px){
    .hero .hero__lead-block--green p{
        font-size:19px;
        letter-spacing:-0.25px
    }
}
@media (min-width: 1420px){
    .hero .hero__lead-block--green p{
        font-size:20px;
        line-height:1.36
    }
}
.hero .hero__lead-block a{
    color:inherit
}
.hero .hero__lead h1{
    font-size:30px;
    font-weight:bold;
    color:var(--dark-blue-green);
    line-height:1.13
}
@media (min-width: 530px){
    .hero .hero__lead h1{
        font-size:32px
    }
}
@media (min-width: 816px){
    .hero .hero__lead h1{
        font-size:34px
    }
}
@media (min-width: 1000px){
    .hero .hero__lead h1{
        font-size:38px
    }
}
@media (min-width: 1250px){
    .hero .hero__lead h1{
        font-size:50px
    }
}
.hero .hero__lead .hero__lead-subtitle{
    display:none
}
@media (min-width: 816px){
    .hero .hero__lead .hero__lead-subtitle{
        display:block;
        font-weight:500;
        font-size:17px;
        line-height:1.5;
        color:#363636;
        margin-top:10px
    }
}
@media (min-width: 1000px){
    .hero .hero__lead .hero__lead-subtitle{
        font-size:21px
    }
}
@media (min-width: 1200px){
    .hero .hero__lead .hero__lead-subtitle{
        font-size:24px;
        margin-top:15px
    }
}
@media (min-width: 1300px){
    .hero .hero__lead .hero__lead-subtitle{
        margin-top:17px
    }
}
.quote-button-container{
    --drip-duration: 0.62s;
    position:fixed;
    top:30%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:10;
    filter:url(#goo);
    -webkit-filter:url(#goo);
    transition:bottom .3s ease
}
@media (max-width: 815px){
    .quote-button-container{
        display:none
    }
}
.quote-button-container.reached{
    position:absolute;
    top:auto;
    bottom:13px;
    transform:translateX(-50%)
}
.quote-button-container.reached .drip-effect{
    background-color:#03c88d;
    animation:drip-down calc(var(--drip-duration) * 1.9) infinite forwards ease-in
}
.quote-button-container.reached .get-a-quote{
    bottom:0;
    transition:bottom .3s ease
}
.quote-button-container .drip-effect{
    position:absolute;
    top:10px;
    right:94px;
    height:20px;
    width:20px;
    background-color:#5ba12c;
    pointer-events:none
}
@keyframes drip-down{
    from{
        transform:translateY(-25px)
    }
    to{
        transform:translateY(30px)
    }
}
.quote-button-container .get-a-quote{
    position:absolute;
    right:0;
    background-color:transparent;
    text-align:center;
    width:204px;
    animation:drip-fall var(--drip-duration) 0.3s forwards ease-out
}
@keyframes drip-fall{
    100%{
        transform:translateY(35px)
    }
}
.quote-button-container .get-a-quote:hover span{
    text-shadow:0px 3px 4px rgba(69,69,69,0.31)
}
.quote-button-container .get-a-quote img{
    display:block;
    cursor:pointer
}
.quote-button-container .get-a-quote span{
    position:absolute;
    bottom:50px;
    left:15%;
    width:70%;
    font-family:'Quicksand';
    font-size:22px;
    font-weight:600;
    line-height:1.36;
    letter-spacing:-0.79px;
    color:#fff;
    pointer-events:none;
    user-select:none;
    transition:text-shadow .15s ease-in-out
}
.hero__main-products{
    position:relative;
    left:0;
    width:100%;
    background-image:linear-gradient(to top, rgba(0,199,143,0.84), rgba(90,160,44,0.84));
    border-radius:194% 113% 0% 0% / 30% 60% 70% 0%;
    padding:15px 15px 10px;
    margin-top:-80px
}
@media (min-width: 590px){
    .hero__main-products{
        display:flex;
        flex-flow:row wrap;
        justify-content:space-around
    }
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){
    .hero__main-products{
        backdrop-filter:blur(5px);
        -webkit-backdrop-filter:blur(5px)
    }
}
@media (min-width: 1024px){
    .hero__main-products{
        left:50%;
        transform:translateX(-50%);
        border-radius:300px;
        max-width:1420px;
        flex-wrap:nowrap;
        margin-top:-120px
    }
}
@media (min-width: 1280px){
    .hero__main-products{
        margin-top:-210px;
        padding:20px 0
    }
}
@media (min-width: 1400px){
    .hero__main-products{
        margin-top:0;
        position:absolute;
        bottom:100px
    }
}
.hero__main-products .main-product{
    text-align:center;
    display:block;
    color:#fff;
    text-decoration:none;
    margin-bottom:11px;
    font-weight:normal;
    padding:0 15px;
    transition:transform .15s ease-in-out
}
@media (min-width: 1024px){
    .hero__main-products .main-product{
        flex-grow:1;
        margin-bottom:0
    }
}
.hero__main-products .main-product:hover{
    transform:translateY(-2px)
}
.hero__main-products .main-product svg{
    transform:scale(0.8);
    transform-origin:bottom;
    margin-left:5px
}
@media (min-width: 1024px){
    .hero__main-products .main-product svg{
        transform:none;
        margin-left:10px
    }
}
.hero__main-products .main-product__title{
    font-size:19px;
    font-weight:600;
    position:relative;
    line-height:2.11;
    letter-spacing:-0.48px;
    display:inline
}
@media (min-width: 1024px){
    .hero__main-products .main-product__title{
        line-height:1.6;
        font-size:25px;
        letter-spacing:-0.7px
    }
}
@media (min-width: 1280px){
    .hero__main-products .main-product__title{
        margin-bottom:8px
    }
}
.hero__main-products .main-product__title::after{
    position:absolute;
    bottom:0;
    left:0;
    content:'';
    height:2px;
    width:100%;
    opacity:.4;
    background-color:#fff
}
@media (min-width: 1024px){
    .hero__main-products .main-product__title::after{
        display:none
    }
}
.hero__main-products .main-product__description{
    display:none
}
@media (min-width: 1024px){
    .hero__main-products .main-product__description{
        display:block;
        line-height:1.69;
        letter-spacing:-0.57px
    }
}
.hero__main-products .main-products__cta{
    display:block
}
@media (min-width: 590px){
    .hero__main-products .main-products__cta{
        flex-grow:1;
        width:100%
    }
}
@media (min-width: 1024px){
    .hero__main-products .main-products__cta{
        display:none
    }
}
.contact-details{
    font-family:'Quicksand';
    height:100%;
    justify-content:space-around;
    align-items:center;
    text-align:center
}
.contact-details .flexi-block{
    position:relative;
    flex:1;
    height:50%;
    width:100%;
    pointer-events:all;
    margin-bottom:40px
}
.contact-details .flexi-block:last-child{
    margin-bottom:0
}
.contact-details h2{
    color:var(--teal)
}
.contact-details address{
    letter-spacing:-0.75px;
    color:#525151;
    margin-bottom:30px;
    font-family:'Roboto'
}
.contact-details .contact-link{
    text-decoration:none;
    color:var(--teal)
}
.contact-details .contact-link:hover{
    text-decoration:underline
}
@media (min-width: 1300px){
    .contact-details .contact-block-wrapper{
        position:absolute;
        top:50%;
        left:50%;
        width:100%;
        transform:translate(-50%, -50%)
    }
}
.documents{
    position:relative
}
.documents .drip-bg{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:100%;
    transform:translate(-50%, -50%);
    z-index:-1
}
section.front-page{
    padding-top:15px;
    position:relative
}
@media (min-width: 1400px){
    section.front-page{
        padding-top:0;
        margin-top:-60px
    }
}
section.front-page .front-page-intro{
    align-items:center
}
@media (min-width: 1000px){
    section.front-page .front-page-intro{
        flex-direction:row;
        justify-content:space-between
    }
}
section.front-page .front-page__intro{
    position:relative
}
section.front-page .front-page__intro .drip-bg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    height:100%;
    width:100%
}
section.front-page .front-page__intro-contents{
    padding:40px 0;
    max-width:770px
}
section.front-page .front-page__intro h2{
    font-size:20px;
    font-weight:bold;
    color:var(--dark-blue-green);
    letter-spacing:-0.71px;
    line-height:normal;
    margin-bottom:10px
}
@media (min-width: 770px){
    section.front-page .front-page__intro h2{
        font-size:24px
    }
}
@media (min-width: 1024px){
    section.front-page .front-page__intro h2{
        font-size:34px;
        margin-bottom:20px;
        letter-spacing:-1.57px
    }
}
@media (min-width: 1200px){
    section.front-page .front-page__intro h2{
        font-size:44px
    }
}
section.front-page .front-page__intro p{
    font-family:Roboto;
    font-size:17px;
    font-weight:300;
    color:var(--greyish-brown);
    letter-spacing:-0.61px;
    line-height:1.59;
    margin-bottom:12px
}
@media (min-width: 1024px){
    section.front-page .front-page__intro p{
        font-size:19px
    }
}
@media (min-width: 1200px){
    section.front-page .front-page__intro p{
        font-size:21px;
        line-height:1.48;
        letter-spacing:-0.75px
    }
}
section.front-page .front-page__form{
    margin-top:20px
}
@media (min-width: 768px){
    section.front-page .front-page__form{
        margin-top:0
    }
}
section.front-page .front-page__form .form-container{
    margin:0 auto
}
@media (min-width: 768px){
    section.front-page .front-page__form .form-container{
        margin:0 0 0 auto
    }
}
section.front-page .front-page__intro,section.front-page .front-page__form{
    padding:0 15px
}
@media (min-width: 1440px){
    section.front-page .front-page__intro,section.front-page .front-page__form{
        padding:0
    }
}
section.front-page .front-page-services{
    padding-left:15px;
    padding-right:15px;
    margin-top:40px
}
@media (min-width: 1420px){
    section.front-page .front-page-services{
        padding-left:0;
        padding-right:0
    }
}
@media (min-width: 816px){
    section.front-page .front-page-services .block-buttons{
        margin-top:20px
    }
}
section.front-page .why-choose-nationwide{
    background-image:url(assets/why-choose-bg.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top center;
    padding:30px 0 60px;
    text-align:center;
    margin-top:20px
}
@media (min-width: 990px){
    section.front-page .why-choose-nationwide{
        padding-top:25px
    }
}
@media (min-width: 1200px){
    section.front-page .why-choose-nationwide{
        margin-top:30px;
        padding-top:35px
    }
}
section.front-page .why-choose-nationwide h2{
    color:#008f66;
    font-weight:bold
}
@media (min-width: 990px){
    section.front-page .why-choose-nationwide h2{
        font-size:44px
    }
}
@media (min-width: 1200px){
    section.front-page .why-choose-nationwide h2{
        margin-bottom:70px
    }
}
section.front-page .why-choose-nationwide .why-choose-nationwide__blocks{
    text-align:left
}
@media (min-width: 816px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks{
        display:grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows:1fr 1fr;
        grid-gap:20px;
        width:90%;
        margin:0 auto
    }
}
@media (min-width: 1000px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks{
        grid-gap:30px
    }
}
section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block{
    background-image:linear-gradient(to bottom, rgba(255,255,255,0.59), rgba(255,255,255,0.95));
    box-shadow:0 6px 14px 1px rgba(222,222,222,0.5);
    border-radius:15px;
    position:relative;
    transition:background-color .2s ease-in-out
}
@media (max-width: 815px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block:not(:last-child){
        margin-bottom:15px
    }
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block.opened .drip-bg{
        top:auto;
        bottom:0;
        transform:none;
        opacity:1
    }
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block.opened .blocks__block-handle__arrow{
        transform:rotate(180deg) translate(3px, 3px)
    }
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block.opened .blocks__block-content{
        display:block
    }
}
@media (min-width: 816px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block{
        padding:20px 28px;
        overflow:hidden
    }
}
@media (min-width: 1000px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block{
        padding:27px 35px
    }
}
@media (min-width: 1200px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block{
        padding:46px 50px 40px
    }
}
@media (min-width: 816px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block:hover{
        background-color:#fff
    }
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block:hover .blocks__block-handle__title::after{
        transform:scale(1, 1)
    }
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block:hover .drip-bg{
        opacity:1;
        transform:translateY(0px)
    }
}
section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block .drip-bg{
    position:absolute;
    bottom:0;
    right:10px;
    height:95%;
    width:233px;
    pointer-events:none;
    user-select:none;
    opacity:0;
    transform:translateY(-100%);
    transition:opacity .2s ease-in-out, transform .2s ease-in-out
}
section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-handle{
    cursor:auto;
    padding:15px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-image:linear-gradient(to bottom, #fff, rgba(255,255,255,0));
    border-top-left-radius:inherit;
    border-top-right-radius:inherit
}
@media (min-width: 816px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-handle{
        cursor:normal;
        padding:0;
        display:inline-block;
        background-image:none;
        border-radius:0;
        margin-bottom:15px
    }
}
section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-handle__title{
    color:#008f66;
    font-size:20px;
    font-weight:bold;
    letter-spacing:-0.71px;
    line-height:normal;
    pointer-events:none;
    margin-bottom:0
}
@media (min-width: 816px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-handle__title{
        pointer-events:all;
        display:inline-block;
        position:relative;
        margin-bottom:10px
    }
}
@media (min-width: 1000px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-handle__title{
        font-size:24px
    }
}
@media (min-width: 1200px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-handle__title{
        font-size:34px
    }
}
section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-handle__title a{
    text-decoration:none;
    color:inherit
}
section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-handle__title::after{
    display:none
}
@media (min-width: 990px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-handle__title::after{
        content:'';
        position:absolute;
        bottom:-5px;
        height:1px;
        width:70%;
        background-color:var(--teal);
        left:0;
        display:block;
        opacity:1;
        transition:transform .2s ease-in-out;
        pointer-events:none;
        transform:scale(0, 1);
        transform-origin:left
    }
}
@media (min-width: 1200px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-handle__title::after{
        bottom:-15px
    }
}
section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-handle__arrow{
    --colour: var(--teal);
    pointer-events:none
}
@media (min-width: 816px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-handle__arrow{
        display:none
    }
}
section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-content{
    padding:10px 20px;
    font-family:'Roboto';
    font-size:17px;
    font-weight:300;
    line-height:1.53;
    letter-spacing:-0.61px;
    color:var(--greyish-brown)
}
@media (max-width: 815px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-content{
        display:none
    }
}
@media (min-width: 816px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-content{
        padding:0
    }
}
@media (min-width: 1000px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-content{
        font-size:18px;
        line-height:1.48;
        letter-spacing:-0.75px
    }
}
@media (min-width: 1200px){
    section.front-page .why-choose-nationwide .why-choose-nationwide__blocks .blocks__block-content{
        font-size:21px
    }
}
section.front-page .about-nationwide-fuels{
    padding:20px 0
}
@media (min-width: 660px){
    section.front-page .about-nationwide-fuels{
        padding:27px 0;
        font-size:18px
    }
}
@media (min-width: 816px){
    section.front-page .about-nationwide-fuels{
        padding:34px 0;
        font-size:19px
    }
}
@media (min-width: 1100px){
    section.front-page .about-nationwide-fuels{
        padding:70px 0;
        font-size:21px
    }
}
@media (min-width: 700px){
    section.front-page .about-nationwide-fuels h2{
        font-size:32px;
        letter-spacing:-1.3px
    }
}
@media (min-width: 1100px){
    section.front-page .about-nationwide-fuels h2{
        font-size:44px;
        letter-spacing:-1.57px
    }
}
section.front-page .about-nationwide-fuels p{
    font-family:'Roboto';
    font-weight:300;
    line-height:1.59;
    letter-spacing:-0.61px;
    color:var(--greyish-brown);
    margin:0 0 8px 0
}
@media (min-width: 700px){
    section.front-page .about-nationwide-fuels p{
        margin-bottom:13px
    }
}
@media (min-width: 1100px){
    section.front-page .about-nationwide-fuels p{
        letter-spacing:-0.75px;
        line-height:1.48
    }
}
section.front-page .about-nationwide-fuels ul{
    margin-top:15px
}
@media (min-width: 816px){
    section.front-page .about-nationwide-fuels ul{
        margin-top:30px
    }
}
section.front-page .about-nationwide-fuels ul a{
    text-decoration:none
}
section.front-page .about-nationwide-fuels ul a:hover{
    text-decoration:underline
}
.front-page-section{
    padding:10px 30px
}
.front-page-section h2,.front-page-section h3,.front-page-section h4{
    color:var(--teal);
    font-size:25px;
    font-weight:600;
    line-height:normal;
    letter-spacing:-0.89px;
    position:relative;
    display:inline-block;
    margin-bottom:40px
}
@media (min-width: 520px){
    .front-page-section h2,.front-page-section h3,.front-page-section h4{
        font-size:28px
    }
}
@media (min-width: 816px){
    .front-page-section h2,.front-page-section h3,.front-page-section h4{
        font-size:35px
    }
}
.front-page-section h2::after,.front-page-section h3::after,.front-page-section h4::after{
    content:'';
    position:absolute;
    bottom:-15px;
    height:1px;
    width:70%;
    background-color:var(--teal);
    left:0;
    opacity:0.61
}
article.news-index .figure-card-list{
    margin:20px 0
}
article.news-index .pagination{
    padding-top:15px
}
@media (min-width: 816px){
    article.news-index .pagination{
        padding-top:30px
    }
}
.news-single{
    position:relative;
    padding-top:20px
}
@media (min-width: 1420px){
    .news-single{
        padding-top:40px
    }
}
.news-single .drip-bg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:357px;
    height:504px;
    z-index:-1
}
@media (min-width: 960px){
    .news-single .drip-bg{
        width:523px;
        height:662px
    }
}
ul.block-buttons{
    list-style:none;
    list-style-type:none;
    font-family:'Quicksand';
    display:flex;
    justify-content:space-between;
    flex-flow:row wrap
}
@media (min-width: 1700px){
    ul.block-buttons{
        flex-wrap:nowrap;
        justify-content:flex-start
    }
}
ul.block-buttons li{
    position:relative;
    margin-bottom:20px;
    width:47%;
    margin-bottom:6%
}
@media (min-width: 770px){
    ul.block-buttons li{
        width:31%;
        margin-bottom:3%
    }
}
@media (min-width: 1300px){
    ul.block-buttons li{
        width:auto;
        margin:0 10px 3% 0
    }
}
ul.block-buttons li .block-button{
    display:flex;
    flex-direction:column;
    border-radius:6px;
    box-shadow:0 2px 7px 2px rgba(189,189,189,0.5);
    background-color:var(--off-white);
    height:100%;
    justify-content:flex-start;
    margin:0 auto;
    padding:12px 10px 6px;
    text-decoration:none;
    transition:background-color .2s ease-in-out, transform .2s ease-in-out
}
ul.block-buttons li .block-button:hover{
    background-color:#edfcdf
}
ul.block-buttons li .block-button:hover .block-button__cta{
    text-decoration:underline
}
ul.block-buttons li .block-button:hover .block-button__cta svg{
    transform:translate(15px, 2px)
}
@media (min-width: 816px){
    ul.block-buttons li .block-button:hover{
        transform:scale(1.15);
        position:relative;
        z-index:1
    }
}
@media (min-width: 530px){
    ul.block-buttons li .block-button{
        padding:8% 11%
    }
}
@media (min-width: 816px){
    ul.block-buttons li .block-button{
        height:100%;
        justify-content:space-between
    }
}
@media (min-width: 1200px){
    ul.block-buttons li .block-button{
        width:248px
    }
}
ul.block-buttons li .block-button .block-button__icon-wrapper{
    flex-grow:1;
    margin-bottom:20px
}
ul.block-buttons li .block-button img.block-button__icon,ul.block-buttons li .block-button svg.block-button__icon{
    max-width:100%;
    display:block;
    max-height:80px;
    margin:0 auto
}
@media (min-width: 816px){
    ul.block-buttons li .block-button img.block-button__icon,ul.block-buttons li .block-button svg.block-button__icon{
        margin-bottom:10px;
        height:80px
    }
}
ul.block-buttons li .block-button .block-button__title,ul.block-buttons li .block-button .block-button__cta{
    display:block
}
ul.block-buttons li .block-button .block-button__title{
    color:var(--dark-blue-green);
    letter-spacing:-0.71px;
    line-height:1.55;
    font-size:18px;
    font-weight:bold
}
@media (min-width: 1200px){
    ul.block-buttons li .block-button .block-button__title{
        font-size:24px;
        line-height:1.36;
        letter-spacing:-0.89px
    }
}
ul.block-buttons li .block-button .block-button__cta{
    font-size:17px;
    font-weight:600;
    line-height:2.22;
    letter-spacing:-0.64px;
    color:var(--teal-blue)
}
@media (min-width: 1200px){
    ul.block-buttons li .block-button .block-button__cta{
        font-size:20px;
        letter-spacing:-0.71px;
        line-height:2
    }
}
ul.block-buttons li .block-button .block-button__cta svg{
    transform:translate(10px, 2px);
    transition:transform .2s ease-in-out
}
.card-list{
    display:grid;
    grid-row-gap:25px
}
@media (min-width: 1100px){
    .card-list{
        grid-template-columns:repeat(2, 1fr);
        grid-gap:25px
    }
}
.card-list .card{
    background-color:#fff;
    border-radius:15px;
    box-shadow:0 6px 14px 1px rgba(222,222,222,0.5);
    padding:20px 27px;
    display:flex;
    flex-direction:column;
    text-decoration:none;
    transition:box-shadow .15s ease-in-out;
    position:relative;
    overflow:hidden
}
.card-list .card:hover{
    box-shadow:0 18px 16px 2px rgba(222,222,222,0.5);
    text-decoration:none
}
.card-list .card:hover .drip-bg{
    opacity:.7;
    transform:translate(-50%, 0px)
}
.card-list .card:hover .card__header .card__header-title::after{
    transform:scale(1, 1)
}
.card-list .card:hover .card__cta{
    color:var(--teal-blue)
}
.card-list .card:hover .card__cta svg{
    --colour: var(--teal-blue);
    transform:translate(15px, 1px)
}
.card-list .card:active{
    box-shadow:0 9px 18px 1px rgba(222,222,222,0.5)
}
.card-list .card:active .card__cta svg{
    transform:translate(12px, 1px)
}
.card-list .card .drip-bg{
    position:absolute;
    bottom:2.5%;
    left:50%;
    height:95%;
    width:233px;
    opacity:0;
    transform:translate(-50%, -100%);
    pointer-events:none;
    transition:opacity .15s ease-in-out, transform .25s ease-in-out
}
.card-list .card .card__header .card__header-title,.card-list .card .card__header .card__header-tagline{
    display:inline
}
@media (min-width: 1100px){
    .card-list .card .card__header .card__header-title,.card-list .card .card__header .card__header-tagline{
        display:block
    }
}
.card-list .card .card__header .card__header-title{
    color:var(--teal);
    font-size:23px;
    font-weight:bold;
    line-height:1.52;
    letter-spacing:-0.82px;
    margin-right:10px;
    margin-bottom:0;
    position:relative
}
@media (min-width: 1100px){
    .card-list .card .card__header .card__header-title{
        font-size:28px;
        margin-right:0;
        display:inline-block
    }
}
@media (min-width: 1420px){
    .card-list .card .card__header .card__header-title{
        font-size:33px
    }
}
.card-list .card .card__header .card__header-title::after{
    display:none
}
@media (min-width: 1100px){
    .card-list .card .card__header .card__header-title::after{
        content:'';
        position:absolute;
        bottom:-2px;
        height:1px;
        width:70%;
        background-color:var(--teal);
        left:0;
        display:block;
        opacity:1;
        transition:transform .2s ease-in-out;
        pointer-events:none;
        transform:scale(0, 1);
        transform-origin:left
    }
}
.card-list .card .card__header .card__header-tagline{
    letter-spacing:-0.71px;
    font-family:'Quicksand';
    font-weight:400;
    font-size:20px;
    line-height:1.3;
    color:var(--dark-blue-green);
    margin:0
}
@media (min-width: 1100px){
    .card-list .card .card__header .card__header-tagline{
        font-size:23px;
        margin-top:5px
    }
}
@media (min-width: 1420px){
    .card-list .card .card__header .card__header-tagline{
        font-size:27px;
        margin-top:7px
    }
}
.card-list .card .card__body{
    flex:1;
    font-weight:300;
    padding-top:10px
}
@media (min-width: 1100px){
    .card-list .card .card__body{
        padding-top:17px
    }
}
.card-list .card .card__body p{
    line-height:1.59;
    color:#525151
}
.card-list .card .card__cta{
    color:var(--deep-sea-blue);
    letter-spacing:-0.61px;
    line-height:normal;
    font-size:17px;
    font-family:'Quicksand';
    font-weight:600;
    transition:color .15s ease-in-out
}
@media (min-width: 1100px){
    .card-list .card .card__cta{
        font-size:18px
    }
}
@media (min-width: 1420px){
    .card-list .card .card__cta{
        font-size:20px
    }
}
.card-list .card .card__cta svg{
    --colour: var(--deep-sea-blue);
    transition:transform .15s ease-in-out, fill .15s ease-in-out;
    transform:translate(10px, 1px)
}
.featured-items a{
    text-decoration:none
}
.featured-items a:hover{
    text-decoration:underline
}
.featured-items ul li{
    margin-bottom:4px
}
.featured-news{
    background-color:#f2fbea;
    padding:20px 0;
    text-align:center
}
@media (min-width: 816px){
    .featured-news{
        text-align:left
    }
}
@media (min-width: 1000px){
    .featured-news h4{
        font-size:44px;
        letter-spacing:-1.57px
    }
}
.featured-news .news-articles{
    text-align:left;
    position:relative;
    padding:9px
}
@media (min-width: 816px){
    .featured-news .news-articles{
        padding:4px;
        min-height:280px
    }
}
.featured-news .news-articles .flickity-viewport{
    overflow:hidden
}
.featured-news .news-articles .news-article{
    background-color:#fff;
    box-shadow:0 6px 14px 1px rgba(222,222,222,0.5);
    border-radius:15px;
    width:100%;
    margin:0 5px 20px;
    overflow:hidden
}
@media (min-width: 816px){
    .featured-news .news-articles .news-article{
        width:calc(50% - 15px);
        margin-right:15px;
        display:flex;
        flex-direction:column;
        justify-content:center;
        min-height:270px
    }
}
.featured-news .news-articles .news-article:hover .news-article--meta{
    top:0;
    transform:none
}
.featured-news .news-articles .news-article:hover .news-article--cta{
    top:calc(100% - 70px)
}
.featured-news .news-articles .news-article .news-article--meta{
    padding:21px 20px
}
@media (min-width: 816px){
    .featured-news .news-articles .news-article .news-article--meta{
        padding:25px 24px;
        position:absolute;
        top:50%;
        left:0;
        transform:translateY(-50%);
        transition:top .15s linear, transform .15s linear
    }
}
@media (min-width: 1420px){
    .featured-news .news-articles .news-article .news-article--meta{
        top:20px;
        transform:none
    }
}
.featured-news .news-articles .news-article .news-article--title{
    text-decoration:none;
    font-size:20px;
    font-weight:bold;
    color:var(--greyish-brown);
    letter-spacing:-0.45px;
    line-height:normal;
    transition:color .15s ease-in-out
}
@media (min-width: 1000px){
    .featured-news .news-articles .news-article .news-article--title{
        font-size:25px;
        font-weight:600;
        letter-spacing:-0.56px
    }
}
.featured-news .news-articles .news-article .news-article--title:hover{
    color:var(--teal)
}
.featured-news .news-articles .news-article .news-article--excerpt{
    margin-top:7px;
    font-family:'Roboto';
    font-size:17px;
    font-weight:300;
    line-height:1.59;
    letter-spacing:-0.38px
}
@media (min-width: 1000px){
    .featured-news .news-articles .news-article .news-article--excerpt{
        font-size:20px;
        letter-spacing:-0.75px;
        margin-top:12px
    }
}
.featured-news .news-articles .news-article .news-article--cta{
    background-color:var(--green-blue);
    color:var(--dark-blue-green);
    letter-spacing:-0.71px;
    font-size:20px;
    font-weight:bold;
    line-height:1.5;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    padding:20px;
    width:100%;
    height:70px;
    text-decoration:none;
    text-align:center;
    display:block;
    transition:background-color .15s ease-in-out, top .15s linear;
    position:absolute;
    top:100%
}
.featured-news .news-articles .news-article .news-article--cta:hover{
    background-color:#06b785
}
.featured-news .news-articles .news-article .news-article--cta:hover svg{
    transform:translate(15px, 1px)
}
@media (max-width: 815px){
    .featured-news .news-articles .news-article .news-article--cta{
        display:none
    }
}
.featured-news .news-articles .news-article .news-article--cta svg{
    transform:translate(10px, 1px);
    transition:transform .15s ease-in-out
}
.featured-news .news-articles .flickity-page-dots{
    bottom:-20px;
    list-style:none;
    list-style-type:none;
    position:absolute;
    text-align:center;
    width:100%
}
@media (min-width: 816px){
    .featured-news .news-articles .flickity-page-dots{
        bottom:-30px
    }
}
.featured-news .news-articles .flickity-page-dots .dot{
    width:16px;
    height:16px;
    opacity:1;
    border-radius:15px;
    background-color:var(--green-blue);
    display:inline-block;
    margin:0 12px;
    cursor:pointer;
    transition:background-color .15s ease-in-out
}
.featured-news .news-articles .flickity-page-dots .dot:first-child{
    margin-left:0
}
.featured-news .news-articles .flickity-page-dots .dot:last-child{
    margin-right:0
}
.featured-news .news-articles .flickity-page-dots .dot:hover{
    background-color:var(--teal)
}
.featured-news .news-articles .flickity-page-dots .dot.is-selected{
    background-color:var(--teal)
}
.featured-news .news-articles .flickity-button{
    width:43px;
    height:43px;
    fill:var(--dark-blue-green);
    background-color:transparent;
    display:none;
    position:absolute;
    cursor:pointer
}
@media (min-width: 1600px){
    .featured-news .news-articles .flickity-button{
        display:block
    }
}
.featured-news .news-articles .flickity-button.flickity-prev-next-button{
    top:117px
}
.featured-news .news-articles .flickity-button.previous{
    left:-90px
}
.featured-news .news-articles .flickity-button.next{
    right:-90px
}
.featured-news .featured-news--cta{
    display:block;
    text-align:center;
    padding:15px 35px;
    max-width:280px;
    margin:50px auto 0
}
@media (min-width: 816px){
    .featured-news .featured-news--cta{
        margin-top:70px
    }
}
.featured-news .featured-news--cta svg{
    margin-left:15px
}
.figure-card-list{
    display:grid;
    grid-template-columns:1fr;
    grid-gap:25px;
    font-family:'Quicksand'
}
@media (min-width: 500px){
    .figure-card-list{
        grid-template-columns:repeat(2, 1fr);
        grid-gap:28px
    }
}
@media (min-width: 1100px){
    .figure-card-list{
        grid-template-columns:repeat(3, 1fr);
        grid-gap:32px
    }
}
.figure-card-list .figure-card{
    background-color:#fff;
    border-radius:9px;
    box-shadow:0 2px 4px 0 rgba(176,176,176,0.5);
    transition:transform .2s ease-in-out;
    display:flex;
    flex-direction:column
}
@media (min-width: 768px){
    .figure-card-list .figure-card:hover{
        transform:translateY(-3px)
    }
}
.figure-card-list .figure-card__figure{
    border-top-left-radius:9px;
    border-top-right-radius:9px;
    overflow:hidden
}
.figure-card-list .figure-card__figure img{
    display:block;
    width:100%;
    object-fit:cover;
    object-position:center;
    max-height:226px
}
.figure-card-list .figure-card__body{
    padding:22px 17px 15px;
    flex-grow:1;
    display:flex;
    flex-direction:column
}
@media (min-width: 600px){
    .figure-card-list .figure-card__body{
        padding-top:14px
    }
}
@media (min-width: 1420px){
    .figure-card-list .figure-card__body{
        padding:21px 23px
    }
}
.figure-card-list .figure-card__body-title{
    margin-bottom:0;
    font-size:25px;
    line-height:normal;
    letter-spacing:-0.89px
}
.figure-card-list .figure-card__body-title a{
    color:var(--dark-blue-green);
    text-decoration:none;
    font-weight:bold
}
.figure-card-list .figure-card__body-title a:hover{
    text-decoration:underline
}
.figure-card-list .figure-card__body-content{
    line-height:1.59;
    letter-spacing:-0.61px;
    margin-top:10px;
    color:#525151;
    font-family:'Roboto'
}
@media (min-width: 600px){
    .figure-card-list .figure-card__body-content{
        font-size:18px;
        letter-spacing:-0.64px;
        line-height:1.56;
        margin-top:8px
    }
}
.figure-card-list .figure-card__ctas{
    border-bottom-left-radius:9px;
    border-bottom-right-radius:9px;
    overflow:hidden
}
.figure-card-list .figure-card__ctas a{
    background-color:var(--teal);
    display:block;
    color:#fff;
    padding:10px;
    text-align:center;
    text-decoration:none;
    transition:background-color .2s ease-in-out
}
.figure-card-list .figure-card__ctas a:hover{
    background-color:#037d5a
}
.figure-card-list .figure-card__ctas a:active{
    background-color:#028d65
}
.flexi-blocks{
    display:flex;
    flex-direction:column
}
.flexi-blocks>.flexi-block{
    flex:1 1 0px
}
.flexi-blocks>.flexi-block img{
    border-radius:14px
}
@media (min-width: 816px){
    .flexi-blocks.page-two-pictures{
        flex-direction:row;
        justify-content:space-between
    }
}
.flexi-blocks.page-two-pictures>.flexi-block:first-child{
    margin-bottom:25px
}
@media (min-width: 816px){
    .flexi-blocks.page-two-pictures>.flexi-block:first-child{
        margin-bottom:0;
        margin-right:25px
    }
}
@media (min-width: 960px){
    .flexi-blocks.page-text-blocks{
        flex-direction:row;
        justify-content:space-between
    }
}
@media (min-width: 960px){
    .flexi-blocks.page-text-blocks>.flexi-block:first-child{
        margin-right:25px
    }
}
@media (min-width: 1200px){
    .flexi-blocks.page-text-blocks>.flexi-block:first-child{
        margin-right:45px
    }
}
@media (min-width: 1300px){
    .flexi-blocks.page-picture-text{
        flex-direction:row;
        justify-content:space-between
    }
}
.flexi-blocks.page-picture-text>.flexi-block:first-child{
    margin-bottom:25px
}
@media (min-width: 1300px){
    .flexi-blocks.page-picture-text>.flexi-block:first-child{
        margin-bottom:0;
        margin-right:45px
    }
}
@media (min-width: 1450px){
    .flexi-blocks.page-picture-text>.flexi-block:first-child{
        margin-right:65px
    }
}
.flexi-blocks.page-picture-text--reverse{
    flex-direction:column-reverse
}
@media (min-width: 1300px){
    .flexi-blocks.page-picture-text--reverse{
        flex-direction:row-reverse
    }
}
.flexi-blocks.page-picture-text--reverse>.flexi-block:first-child{
    margin:25px 0 0
}
@media (min-width: 1300px){
    .flexi-blocks.page-picture-text--reverse>.flexi-block:first-child{
        margin-top:0;
        margin-left:45px;
        margin-right:0
    }
}
@media (min-width: 1450px){
    .flexi-blocks.page-picture-text--reverse>.flexi-block:first-child{
        margin-left:65px
    }
}
.form--inner-page{
    padding:12px 4px;
    background-image:url(assets/road.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
@media (min-width: 800px){
    .form--inner-page{
        padding:17px 15px
    }
}
@media (min-width: 1100px){
    .form--inner-page{
        padding:25px 15px
    }
}
@media (min-width: 1300px){
    .form--inner-page{
        padding:60px 14px
    }
}
.form--inner-page .form-container{
    max-width:1160px;
    margin:0 auto
}
.form--inner-page .form-container .form-header{
    max-width:450px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:25px;
    border-bottom:none
}
@media (min-width: 580px){
    .form--inner-page .form-container .form-body .form-fields{
        flex-flow:row wrap;
        align-items:flex-end
    }
    .form--inner-page .form-container .form-body .form-fields .form-field{
        padding-bottom:0
    }
    .form--inner-page .form-container .form-body .form-fields .form-field--full{
        flex-basis:auto
    }
    .form--inner-page .form-container .form-body .form-fields .form-field--half{
        flex-basis:auto
    }
    .form--inner-page .form-container .form-body .form-fields .form-field--buttons{
        flex-basis:auto
    }
    .form--inner-page .form-container .form-body .form-fields button{
        padding:0;
        height:var(--input-height);
        transition:opacity .2s ease-in-out
    }
}
.form--contact-page .form-container{
    --side-padding: 25px;
    max-width:550px
}
.form--contact-page .form-container .form-header{
    border-bottom:0;
    text-align:left;
    padding-top:15px;
    margin-bottom:0
}
@media (min-width: 768px){
    .form--contact-page .form-container .form-header{
        padding-top:25px
    }
}
.form--contact-page .form-container .form-header .form-header__message{
    margin-bottom:10px;
    line-height:1.41;
    letter-spacing:-0.23px
}
@media (min-width: 870px){
    .form--contact-page .form-container .form-header .form-header__message{
        line-height:1.5
    }
}
@media (min-width: 1100px){
    .form--contact-page .form-container .form-header .form-header__message{
        font-size:19px;
        line-height:1.48;
        letter-spacing:-0.75px
    }
}
.form-container{
    --side-padding: 15px;
    background-image:linear-gradient(to top, var(--green-blue), var(--grass));
    box-shadow:2px 6px 22px 0 rgba(196,196,196,0.5);
    border-radius:22px;
    color:#fff
}
@media (min-width: 740px){
    .form-container{
        --side-padding: 30px
    }
}
@media (min-width: 815px){
    .form-container{
        --side-padding: 45px
    }
}
.front-page__form .form-container{
    max-width:540px
}
.form-container a{
    color:#fff;
    font-weight:bolder
}
.form-container a:hover{
    text-decoration:none
}
.form-container .form-header{
    text-align:center;
    padding:25px var(--side-padding) 15px
}
@media (min-width: 768px){
    .form-container .form-header{
        border-bottom:2px solid rgba(255,255,255,0.6);
        margin-bottom:15px
    }
}
.form-container .form-header .form-header__title{
    font-size:25px;
    font-weight:600;
    letter-spacing:-0.89px;
    line-height:normal;
    color:#fff
}
@media (min-width: 768px){
    .form-container .form-header .form-header__title{
        font-size:30px
    }
}
@media (min-width: 1000px){
    .form-container .form-header .form-header__title{
        font-size:35px;
        letter-spacing:-1.25px
    }
}
.form-container .form-header .form-header__steps{
    --step-bubble-size: 36px;
    display:flex;
    position:relative;
    justify-content:space-around;
    align-items:center;
    margin-top:25px
}
@media (min-width: 768px){
    .form-container .form-header .form-header__steps::before{
        content:'';
        flex:none;
        position:absolute;
        width:70%;
        left:50%;
        top:calc(var(--step-bubble-size) / 2);
        background-color:rgba(250,252,247,0.4);
        height:2px;
        transform:translateX(-50%);
        pointer-events:none
    }
}
.form-container .form-header .form-header__steps .form-header__steps-step{
    text-align:center;
    position:relative
}
.form-container .form-header .form-header__steps .form-header__steps-step.form-header__steps-step--active .step-bubble{
    background-color:#fff;
    color:var(--teal)
}
.form-container .form-header .form-header__steps .form-header__steps-step .step-bubble{
    background-color:var(--teal);
    transition:background-color .15s ease-in-out;
    display:block;
    width:var(--step-bubble-size);
    height:var(--step-bubble-size);
    border-radius:50%;
    line-height:var(--step-bubble-size);
    font-size:25px;
    font-weight:600;
    margin:0 auto
}
@media (min-width: 768px){
    .form-container .form-header .form-header__steps .form-header__steps-step .step-bubble{
        font-size:27px
    }
}
@media (min-width: 1000px){
    .form-container .form-header .form-header__steps .form-header__steps-step .step-bubble{
        --step-bubble-size: 40px;
        font-size:29px
    }
}
.form-container .form-header .form-header__steps .form-header__steps-step .step-label{
    font-size:15px;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:-0.54px;
    line-height:normal;
    display:inline-block;
    margin-top:10px
}
@media (min-width: 768px){
    .form-container .form-header .form-header__steps .form-header__steps-step .step-label{
        font-size:16px;
        font-weight:600
    }
}
@media (min-width: 1000px){
    .form-container .form-header .form-header__steps .form-header__steps-step .step-label{
        font-size:17px
    }
}
.form-container .form-body{
    padding:0 var(--side-padding)
}
.form-container .form-body .form-fields{
    display:flex;
    flex-flow:row wrap
}
.form-container .form-body .form-fields button{
    width:100%;
    cursor:pointer
}
@media (min-width: 1000px){
    .form-container .form-body .form-fields button{
        padding:20px 0
    }
}
.form-container .form-body .form-fields button:disabled{
    opacity:.6;
    cursor:not-allowed
}
.form-container .form-body .form-page{
    display:none
}
.form-container .form-body .form-page--active{
    display:block
}
.form-container .form-footer{
    padding:20px var(--side-padding) 15px
}
@media (min-width: 768px){
    .form-container .form-footer{
        padding-bottom:20px
    }
}
@media (min-width: 1000px){
    .form-container .form-footer{
        padding-bottom:22px
    }
}
.form-container .form-field{
    --input-height: 40px;
    padding:0 .5rem 1.5rem
}
@media (min-width: 768px){
    .form-container .form-field{
        --input-height: 43px
    }
}
@media (min-width: 1000px){
    .form-container .form-field{
        --input-height: 50px
    }
}
.form-container .form-field:last-child{
    margin-bottom:0
}
.form-container .form-field.form-field--full{
    flex:1 0 100%
}
.form-container .form-field.form-field--half{
    flex:1 0 100%
}
@media (min-width: 414px){
    .form-container .form-field.form-field--half{
        flex:1 0 50%
    }
}
.form-container .form-field.form-field--buttons{
    flex:1 0 100%;
    padding-bottom:1rem
}
.form-container .form-field.form-field--buttons:last-child{
    padding-bottom:0
}
.form-container .form-field.form-field--checkbox{
    display:flex;
    flex-direction:column-reverse
}
@media (min-width: 768px){
    .form-container .form-field.form-field--checkbox{
        flex-direction:row;
        align-items:center
    }
}
.form-container .form-field.form-field--checkbox>label{
    font-family:'Roboto';
    font-size:11px;
    font-weight:normal;
    line-height:1.73;
    letter-spacing:-0.39px;
    text-transform:capitalize
}
@media (min-width: 768px){
    .form-container .form-field.form-field--checkbox>label{
        margin-left:20px;
        font-size:12px
    }
}
.form-container .form-field.form-field--checkbox a{
    font-weight:500
}
.form-container .form-field .form-field--input-select{
    position:relative
}
.form-container .form-field .form-field--input-select .form-field--input-select-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:15px;
    pointer-events:none;
    background-color:#fff
}
.form-container .form-field .form-field--label{
    font-size:18px;
    font-weight:500;
    font-family:'Quicksand';
    line-height:normal;
    letter-spacing:-0.64px;
    display:inline-block;
    cursor:pointer;
    margin-bottom:10px
}
@media (min-width: 768px){
    .form-container .form-field .form-field--label{
        font-size:19px
    }
}
@media (min-width: 1000px){
    .form-container .form-field .form-field--label{
        font-size:21px
    }
}
.form-container .form-field .form-field--input{
    width:100%;
    border-radius:40px;
    padding:0 17px;
    -webkit-appearance:none;
    -moz-appearance:none;
    height:var(--input-height);
    background-color:#fff;
    font-family:'Roboto';
    font-size:16px;
    font-weight:300;
    color:var(--dark-blue-green);
    letter-spacing:-0.57px
}
@media (min-width: 768px){
    .form-container .form-field .form-field--input{
        font-size:18px;
        letter-spacing:-0.64px
    }
}
@media (min-width: 1300px){
    .form-container .form-field .form-field--input{
        font-size:20px;
        letter-spacing:-0.75px;
        padding:0 22px
    }
}
.form-container .form-field .form-field--input.uppercase{
    text-transform:uppercase
}
.form-container .form-field textarea.form-field--input{
    resize:vertical;
    border-radius:20px;
    min-height:150px;
    height:auto;
    padding:14px 17px
}
.form-error{
    padding:12px 18px;
    margin-bottom:20px;
    background-color:var(--dark-blue-green);
    border-radius:13px;
    color:#fff;
    font-size:18px;
    font-weight:500;
    display:none
}
.form-error.display{
    display:block;
    animation:slide-down .45s ease-out
}
@keyframes slide-down{
    from{
        opacity:.3;
        transform:translateY(-10px)
    }
    to{
        opacity:1;
        transform:translateY(0px)
    }
}
.pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%
}
.pagination .page-numbers{
    background-color:#fff;
    border:1px solid #d4d4d4;
    display:block;
    width:40px;
    height:40px;
    border-radius:8px;
    text-align:center;
    line-height:40px;
    color:#525151;
    letter-spacing:-0.71px;
    font-size:20px;
    font-weight:normal;
    text-decoration:none;
    transition:background-color .15s ease-in-out
}
.pagination .page-numbers:not(:last-child){
    margin-right:18px
}
.pagination .page-numbers.current{
    opacity:.6
}
.pagination a.page-numbers:hover{
    background-color:#ededed
}
@keyframes nationwide-rating{
    100%{
        stroke-dashoffset:408
    }
}
.nationwide-ratings{
    padding:40px 0 70px;
    position:relative;
    overflow:hidden
}
.nationwide-ratings::after{
    content:'flickity';
    display:none
}
@media (min-width: 768px){
    .nationwide-ratings::after{
        content:''
    }
}
@media (min-width: 768px){
    .nationwide-ratings{
        display:flex;
        justify-content:space-between
    }
}
.nationwide-ratings .nationwide-rating{
    text-align:center;
    width:100%
}
@media (min-width: 768px){
    .nationwide-ratings .nationwide-rating{
        flex:1 1 0px;
        display:flex;
        flex-direction:column
    }
    .nationwide-ratings .nationwide-rating:not(:last-child){
        margin-right:20px
    }
}
.nationwide-ratings .nationwide-rating.animate .nationwide-rating__ring .nationwide-rating__ring-white{
    animation-name:nationwide-rating;
    animation-duration:1.3s;
    animation-timing-function:ease-in-out;
    animation-fill-mode:forwards
}
.nationwide-ratings .nationwide-rating .nationwide-rating__title{
    font-size:22px;
    font-weight:600;
    line-height:1.45;
    letter-spacing:-0.79px;
    color:var(--greyish-brown);
    max-width:250px;
    margin:0 auto 25px;
    display:block
}
@media (min-width: 768px){
    .nationwide-ratings .nationwide-rating .nationwide-rating__title{
        flex:1
    }
}
@media (min-width: 816px){
    .nationwide-ratings .nationwide-rating .nationwide-rating__title{
        font-size:25px;
        letter-spacing:-0.56px
    }
}
.nationwide-ratings .nationwide-rating .nationwide-rating__ring{
    position:relative
}
.nationwide-ratings .nationwide-rating .nationwide-rating__ring .nationwide-rating__ring-value{
    color:var(--dark-blue-green);
    font-size:36px;
    font-weight:600;
    line-height:0.89;
    letter-spacing:-1.29px;
    position:absolute;
    top:47%;
    user-select:none;
    left:50%;
    transform:translate(-50%, -50%)
}
.nationwide-ratings .nationwide-rating .nationwide-rating__ring .nationwide-rating__ring-white{
    stroke:#fff;
    stroke-width:18px;
    stroke-dasharray:408;
    transform:rotate(-90deg) rotateX(180deg);
    transform-origin:center
}
.nationwide-ratings .flickity-page-dots{
    bottom:35px;
    list-style:none;
    list-style-type:none;
    position:absolute;
    text-align:center;
    width:100%
}
.nationwide-ratings .flickity-page-dots .dot{
    width:16px;
    height:16px;
    opacity:1;
    border-radius:15px;
    background-color:var(--green-blue);
    display:inline-block;
    margin:0 12px;
    cursor:pointer;
    transition:background-color .15s ease-in-out
}
.nationwide-ratings .flickity-page-dots .dot:first-child{
    margin-left:0
}
.nationwide-ratings .flickity-page-dots .dot:last-child{
    margin-right:0
}
.nationwide-ratings .flickity-page-dots .dot:hover{
    background-color:var(--teal)
}
.nationwide-ratings .flickity-page-dots .dot.is-selected{
    background-color:var(--teal)
}