@font-face {
    font-family: "Helvetica Neue LT W01_43 Lt Ex";
    src: url("../fonts/3a07c541-ed6e-4188-8151-86bd1979572b.eot?#iefix");
    src: url("../fonts/3a07c541-ed6e-4188-8151-86bd1979572b.eot?#iefix") format("eot"),url("../fonts/6f4e20fa-fcf0-43cb-a690-33d704556f9c.woff2") format("woff2"),url("../fonts/5c9994cb-9ea4-4a97-bdea-8b44e3f33b7c.woff") format("woff"),url("../fonts/7b9b3ce0-cc3c-4a0d-811e-0ed27c40fb9d.ttf") format("truetype")
}

@font-face {
    font-family: "Helvetica Neue LT W01_63 Md Ex";
    src: url("../fonts/ef5c0006-5122-409a-99a2-fbc45b67c715.eot?#iefix");
    src: url("../fonts/ef5c0006-5122-409a-99a2-fbc45b67c715.eot?#iefix") format("eot"),url("../fonts/5f5c557c-b5a1-4c1b-86ae-aa0681e1abe4.woff2") format("woff2"),url("../fonts/10238a7f-3b49-4835-a12c-0eb7ed3391ac.woff") format("woff"),url("../fonts/3496c290-5c00-4ed7-beee-e753d1c98039.ttf") format("truetype")
}
@font-face{
    font-family:"Oswald Medium";
    src:url("../fonts/Oswald-Medium.woff") format("woff"),url("../fonts/Oswald-Medium.ttf") format("truetype");
}
@font-face{
    font-family:"Oswald Regular";
    src:url("../fonts/Oswald-Regular.woff") format("woff"),url("../fonts/Oswald-Regular.ttf") format("truetype");
}

html,body {
    padding: 0;
    margin: 0
}

body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 16px;
    color: #130f10;
    line-height: 1.5;
    min-height: 100vh
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Helvetica Neue LT W01_43 Lt Ex",sans-serif;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong {
    font-family: "Helvetica Neue LT W01_63 Md Ex",sans-serif
}

a {
    color: #023f6a
}

a:hover {
    color: #023f6a
}

p {
    margin: 1rem 0
}

ul li {
    margin: 0 0 1em 0
}

h2,h2 a {
    color: #004271;
    font-size: 2rem
}

h4 {
    font-size: 1.5rem
}

.container-fluid {
    padding-left: 0;
    padding-right: 0
}

.h-pb-5 {
    padding-bottom: 5rem
}

p.double-size {
    font-size: 1.6rem;
    line-height: 1.2em
}

p.no-margins {
    margin: 0
}

p.h-p-inline {
    display: inline
}

.mobile-pad {
    padding: 0 20px
}

.c-text--dk-blue,.c-text--dk-blue a {
    color: #004271
}

.c-text--magenta,.c-text--magenta a {
    color: #9a258f
}

.c-text--purple,.c-text--purple a {
    color: #717ebd
}

.c-text--green,.c-text--green a {
    color: #84c447
}

.c-text--cyan,.c-text--cyan a {
    color: #00b2cd
}

.c-text--white,.c-text--white a {
    color: #fff
}

.c-text--dkcyan,.c-text--dkcyan a {
    color: #008f88
}

.hr--dk-blue {
    border-bottom: 1px solid #004271
}

.hr--magenta {
    border-bottom: 1px solid #9a258f
}

.hr--purple {
    border-bottom: 1px solid #717ebd
}

.hr--green {
    border-bottom: 1px solid #84c447
}

.hr--cyan {
    border-bottom: 1px solid #00b2cd
}

.hr--white {
    border-bottom: 1px solid #fff
}

.hr--dkcyan {
    border-bottom: 1px solid #008f88
}

.blue-divider {
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #004271
}

.white-divider {
    height: 1px;
    width: 100%;
    border-bottom: 1px solid white
}

.c-bg--ltcyan {
    background-color: #02a2bb
}

.c-bg--cyan {
    background-color: #00b2cd
}

.c-bg--dk-blue {
    background-color: #004271
}

.c-bg--mid-blue {
    background-color: #3d86c6
}

.c-bg--green {
    background-color: #84c447
}

.c-bg--magenta {
    background-color: #9a258f
}

.c-bg--purple {
    background-color: #717ebd
}

.c-bg--violet {
    background-color: #8f58a4
}

.c-bg--dkcyan {
    background-color: #008f88
}

.c-bg--ltgrey {
    background-color: #d1d2d6
}

.c-bg--vltgrey {
    background-color: #e1e3e5
}

.c-border-ltgrey {
    border: 1px solid #d1d2d6
}

.img-fluid {
    width: 100%;
    height: auto
}

.h-border-br-15 {
    border-bottom-right-radius: 15%
}

.h-100 {
    height: 100%
}

.h-m-neg-20 {
    margin: auto -20px
}

.h-m-neg-40 {
    margin: auto -40px
}

.h-std-m {
    width: calc(100% - 40px);
    margin: 20px
}

.h-m-0 {
    margin: 0
}

.h-mt-0 {
    margin-top: 0
}

.h-mt-1 {
    margin-top: 1rem !important
}

.h-mb-0 {
    margin-bottom: 0
}

.h-mb-1 {
    margin-bottom: 1rem !important
}

.h-mtb-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.h-mb-3 {
    margin-bottom: 3rem !important
}

.h-mtb-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.h-mt-4 {
    margin-top: 1.5rem !important
}

.h-pb-3 {
    padding-bottom: 3rem !important
}

.h-ptb-3 {
    padding: 3rem 0 !important
}

.h-pb-xl {
    padding-bottom: 5rem !important
}

.h-d-none {
    display: none
}

.h-d-block {
    display: block
}

.h-justify-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.h-flex-justify-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.h-flex-justify-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.h-flex-align-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.h-flex-align-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.h-flex-align-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.h-flex-align-self-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
    align-self: end
}

.h-flex-10 {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%
}

.h-flex-15 {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%
}

.h-flex-20 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

.h-flex-25 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.h-flex-30 {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

.h-flex-33 {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%
}

.h-flex-35 {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%
}

.h-flex-40 {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
}

.h-flex-45 {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%
}

.h-flex-50 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.h-flex-55 {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%
}

.h-flex-60 {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

.h-flex-65 {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%
}

.h-flex-66 {
    -ms-flex-preferred-size: 66.6666%;
    flex-basis: 66.6666%
}

.h-flex-70 {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
}

.h-flex-75 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
}

.h-flex-80 {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
}

.h-flex-85 {
    -ms-flex-preferred-size: 85%;
    flex-basis: 85%
}

.h-flex-90 {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%
}

.h-flex-95 {
    -ms-flex-preferred-size: 95%;
    flex-basis: 95%
}

.h-flex-50-mobile {
    padding: 1em
}

.h-flex-45-mobile {
    margin: 0;
    padding: 1em
}

.h-flex-55-mobile {
    margin: 0;
    padding: 1em
}

.h-flex-10-m,.h-flex-15-m,.h-flex-20-m,.h-flex-25-m,.h-flex-30-m,.h-flex-33-m,.h-flex-35-m,.h-flex-40-m,.h-flex-45-m,.h-flex-50-m,.h-flex-55-m,.h-flex-60-m,.h-flex-65-m,.h-flex-66-m,.h-flex-70-m,.h-flex-75-m,.h-flex-80-m,.h-flex-85-m,.h-flex-90-m,.h-flex-95-m,.h-flex-100-m {
    margin: 20px
}

.h-flex-10-m40,.h-flex-15-m40,.h-flex-20-m40,.h-flex-25-m40,.h-flex-30-m40,.h-flex-33-m40,.h-flex-35-m40,.h-flex-40-m40,.h-flex-45-m40,.h-flex-50-m40,.h-flex-55-m40,.h-flex-60-m40,.h-flex-65-m40,.h-flex-66-m40,.h-flex-70-m40,.h-flex-75-m40,.h-flex-80-m40,.h-flex-85-m40,.h-flex-90-m40,.h-flex-95-m40,.h-flex-100-m40 {
    margin: 40px
}

ul.nostyle-nomargins {
    margin: 1em 0;
    list-style-type: none
}

ul.nostyle-nomargins li {
    margin: 0
}

@media (min-width: 768px) {
    .mobile-pad {
        padding:20px 0
    }

    p.h-p-inline {
        padding-left: 0.2em
    }

    .h-std-m {
        -ms-flex-preferred-size: calc(100% - 80px);
        flex-basis: calc(100% - 80px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-10-m,.h-flex-15-m,.h-flex-20-m,.h-flex-25-m,.h-flex-30-m,.h-flex-33-m,.h-flex-35-m,.h-flex-40-m,.h-flex-45-m,.h-flex-50-m,.h-flex-55-m,.h-flex-60-m,.h-flex-65-m,.h-flex-66-m,.h-flex-70-m,.h-flex-75-m,.h-flex-80-m,.h-flex-85-m,.h-flex-90-m,.h-flex-95-m {
        padding: 0
    }

    .h-flex-10-m40,.h-flex-15-m40,.h-flex-20-m40,.h-flex-25-m40,.h-flex-30-m40,.h-flex-33-m40,.h-flex-35-m40,.h-flex-40-m40,.h-flex-45-m40,.h-flex-50-m40,.h-flex-55-m40,.h-flex-60-m40,.h-flex-65-m40,.h-flex-66-m40,.h-flex-70-m40,.h-flex-75-m40,.h-flex-80-m40,.h-flex-85-m40,.h-flex-90-m40,.h-flex-95-m40 {
        padding: 0
    }

    .h-flex-10-m {
        -ms-flex-preferred-size: calc(10% - 40px);
        flex-basis: calc(10% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-15-m {
        -ms-flex-preferred-size: calc(15% - 40px);
        flex-basis: calc(15% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-20-m {
        -ms-flex-preferred-size: calc(20% - 40px);
        flex-basis: calc(20% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-25-m {
        -ms-flex-preferred-size: calc(25% - 40px);
        flex-basis: calc(25% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-30-m {
        -ms-flex-preferred-size: calc(30% - 40px);
        flex-basis: calc(30% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-33-m {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(33.333333% - 40px);
        flex-basis: calc(33.333333% - 40px);
        margin: 20px
    }

    .h-flex-35-m {
        -ms-flex-preferred-size: calc(35% - 40px);
        flex-basis: calc(35% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-40-m {
        -ms-flex-preferred-size: calc(40% - 40px);
        flex-basis: calc(40% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-45-m {
        -ms-flex-preferred-size: calc(45% - 40px);
        flex-basis: calc(45% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-50-m {
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-55-m {
        -ms-flex-preferred-size: calc(55% - 40px);
        flex-basis: calc(55% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-60-m {
        -ms-flex-preferred-size: calc(60% - 40px);
        flex-basis: calc(60% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-65-m {
        -ms-flex-preferred-size: calc(65% - 40px);
        flex-basis: calc(65% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-66-m {
        -ms-flex-preferred-size: calc(66.6666% - 40px);
        flex-basis: calc(66.6666% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-70-m {
        -ms-flex-preferred-size: calc(70% - 40px);
        flex-basis: calc(70% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-75-m {
        -ms-flex-preferred-size: calc(75% - 40px);
        flex-basis: calc(75% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-80-m {
        -ms-flex-preferred-size: calc(80% - 40px);
        flex-basis: calc(80% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-85-m {
        -ms-flex-preferred-size: calc(85% - 40px);
        flex-basis: calc(85% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-90-m {
        -ms-flex-preferred-size: calc(90% - 40px);
        flex-basis: calc(90% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-95-m {
        -ms-flex-preferred-size: calc(95% - 40px);
        flex-basis: calc(95% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-100-m {
        -ms-flex-preferred-size: calc(100% - 40px);
        flex-basis: calc(100% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px
    }

    .h-flex-10-m40 {
        -ms-flex-preferred-size: calc(10% - 40px);
        flex-basis: calc(10% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-15-m40 {
        -ms-flex-preferred-size: calc(15% - 40px);
        flex-basis: calc(15% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-20-m40 {
        -ms-flex-preferred-size: calc(20% - 40px);
        flex-basis: calc(20% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-25-m40 {
        -ms-flex-preferred-size: calc(25% - 40px);
        flex-basis: calc(25% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-30-m40 {
        -ms-flex-preferred-size: calc(30% - 40px);
        flex-basis: calc(30% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-33-m40 {
        -ms-flex-preferred-size: calc(33.333333% - 40px);
        flex-basis: calc(33.333333% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-35-m40 {
        -ms-flex-preferred-size: calc(35% - 40px);
        flex-basis: calc(35% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-40-m40 {
        -ms-flex-preferred-size: calc(40% - 40px);
        flex-basis: calc(40% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-45-m40,.h-flex-45-mobile {
        -ms-flex-preferred-size: calc(45% - 40px);
        flex-basis: calc(45% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-50-m40,.h-flex-50-mobile {
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-55-m40,.h-flex-55-mobile {
        -ms-flex-preferred-size: calc(55% - 40px);
        flex-basis: calc(55% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-60-m40 {
        -ms-flex-preferred-size: calc(60% - 40px);
        flex-basis: calc(60% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-65-m40 {
        -ms-flex-preferred-size: calc(65% - 40px);
        flex-basis: calc(65% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-66-m40 {
        -ms-flex-preferred-size: calc(66.666666% - 40px);
        flex-basis: calc(66.666666% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-70-m40 {
        -ms-flex-preferred-size: calc(70% - 40px);
        flex-basis: calc(70% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-75-m40 {
        -ms-flex-preferred-size: calc(75% - 40px);
        flex-basis: calc(75% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-80-m40 {
        -ms-flex-preferred-size: calc(80% - 40px);
        flex-basis: calc(80% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-85-m40 {
        -ms-flex-preferred-size: calc(85% - 40px);
        flex-basis: calc(85% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-90-m40 {
        -ms-flex-preferred-size: calc(90% - 40px);
        flex-basis: calc(90% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }

    .h-flex-95-m40 {
        -ms-flex-preferred-size: calc(95% - 40px);
        flex-basis: calc(95% - 40px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 40px
    }
}

@media (min-width: 768px) {
    .h-tablet-order-1 {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }

    .h-tablet-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .h-tablet-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .h-tablet-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .h-tablet-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .h-tablet-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .h-tablet-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .h-tablet-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .h-tablet-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
}

@media (min-width: 768px) {
    .h-d-md-none {
        display:none
    }

    .h-d-md-block {
        display: block
    }
}

@media (min-width: 992px) {
    .h-d-lg-none {
        display:none
    }

    .h-d-lg-block {
        display: block
    }
}

.container-fluid {
    padding-left: 0;
    padding-right: 0
}

.l-static-block {
    display: block;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    margin: 5rem 0
}

.l-static-block ::-webkit-scrollbar {
    display: none
}

.l-content-flex-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px
}

.l-content-flex-neg-m {
    margin: 0
}

.l-left-column-mobile {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%
}

.l-right-column-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.l-header {
    display: block;
    background-color: white;
    width: 100%
}

.l-nav-wrapper-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 114px 1fr;
    grid-template-rows: 114px 1fr;
    width: 100%;
    position: fixed;
    z-index: 100;
    background-color: white
}

@media (min-width: 768px) {
    .l-nav-wrapper-grid {
        -ms-grid-rows:157px 1fr;
        grid-template-rows: 157px 1fr
    }
}

@media (min-width: 992px) {
    .l-nav-wrapper-grid {
        margin:0 auto;
        -ms-grid-columns: 220px 1fr;
        grid-template-columns: 220px 1fr;
        position: static
    }
}

@media (min-width: 1200px) {
    .l-nav-wrapper-grid {
        margin:0 auto;
        -ms-grid-columns: 190px 1fr;
        grid-template-columns: 190px 1fr;
        -ms-grid-rows: 150px 1fr;
        grid-template-rows: 150px 1fr
    }
}

@media (min-width: 1600px) {
    .l-nav-wrapper-grid {
        max-width:1600px;
        margin: 0 auto;
        -ms-grid-columns: 300px 1fr;
        grid-template-columns: 300px 1fr
    }
}

.h-no-scroll .l-nav-wrapper-grid {
    position: static
}

.l-nav-wrapper-grid--inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 114px 1fr;
    grid-template-rows: 114px 1fr;
    width: 100%;
    position: fixed;
    z-index: 100;
    background-color: white
}

@media (min-width: 768px) {
    .l-nav-wrapper-grid--inner {
        -ms-grid-rows:153px 1fr;
        grid-template-rows: 153px 1fr
    }
}

@media (min-width: 992px) {
    .l-nav-wrapper-grid--inner {
        margin:0 auto;
        -ms-grid-columns: 220px 1fr;
        grid-template-columns: 220px 1fr;
        -ms-grid-rows: 170px 1fr;
        grid-template-rows: 170px 1fr;
        position: static
    }
}

@media (min-width: 1200px) {
    .l-nav-wrapper-grid--inner {
        margin:0 auto;
        -ms-grid-columns: 190px 1fr;
        grid-template-columns: 190px 1fr
    }
}

@media (min-width: 1600px) {
    .l-nav-wrapper-grid--inner {
        max-width:1600px;
        margin: 0 auto;
        -ms-grid-columns: 300px 1fr;
        grid-template-columns: 300px 1fr
    }
}

.h-no-scroll .l-nav-wrapper-grid--inner {
    position: static
}

@media (min-width: 768px) {
    .l-container {
        max-width:720px;
        margin: 0 auto
    }

    .l-header-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .l-content-flex-mobile {
        margin: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .c-header__logo {
        width: 277px;
        margin: 1em auto
    }

    .l-left-column-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .l-right-column-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .c-callout-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -20px;
        padding: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .c-callout-box {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .c-callout-box--dk-blue {
        margin: 2em 20px
    }

    .c-callout-box--magenta {
        margin: 2em 20px
    }

    .watermark {
        bottom: 0;
        right: -175px;
        height: 500px;
        width: 400px
    }

    .c-colour-strip {
        width: 100%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .c-colour-strip__image {
        width: 40%;
        height: 20px
    }

    .c-image-box {
        width: calc(50% - 40px);
        margin: 20px
    }

    .c-image-box--full {
        width: calc(100% - 40px);
        margin: 0 20px
    }

    .c-service-box {
        width: calc(50% - 40px);
        margin: 20px
    }

    .c-caritas-member-logo {
        width: 200px;
        height: auto
    }

    .c-go-back-button {
        width: 240px;
        height: auto
    }
}

@media (min-width: 992px) {
    .l-header {
        position:fixed
    }

    .l-container {
        max-width: 960px;
        margin: 0 auto
    }

    .l-content-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .l-content-flex-neg-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -20px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .l-content-flex-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 20px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .c-colour-strip__heading {
        margin: 0.5em;
        font-size: 2.5rem
    }

    .c-home-heading {
        padding-right: 200px
    }

    .c-about-heading {
        padding-right: 40px
    }

    .c-service-box {
        width: calc(33.3333% - 40px);
        margin: 20px
    }
}

@media (min-width: 1200px) {
    .l-container {
        max-width:1140px;
        margin: 0 auto
    }

    .watermark {
        bottom: -120px;
        right: -195px;
        height: 600px;
        width: 550px
    }

    .c-home-heading {
        padding-right: 300px
    }

    .c-about-heading {
        padding-right: 220px
    }

    .c-image-box__titles--padded {
        padding: 0.75em 170px 0.25em 1em;
        min-height: 100px
    }
}

@media (min-width: 1600px) {
    .nav-wrapper {
        margin:0 auto;
        width: 1600px
    }
}

.navbar-nav {
    list-style-type: none;
    display: none;
    margin: 0;
    padding: 0
}

.c-dropdown-menu {
    list-style-type: none;
    display: none;
    margin: 1em 0 0 0;
    padding: 0
}

.c-main-nav__button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
    border: none;
    background: transparent !important;
    padding: .5rem .75rem .1rem .75rem
}

@media (min-width: 768px) {
    .c-main-nav__button {
        right:1rem
    }
}

.icon-bar {
    width: 22px;
    height: 2px;
    background-color: #023f6a;
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-top: 4px
}

.c-main-nav__button .top-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    margin-top: 6px
}

.c-main-nav__button .middle-bar {
    opacity: 1
}

.c-main-nav__button .bottom-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.c-main-nav.responsive .c-main-nav__button .top-bar {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
    margin-top: 6px
}

.c-main-nav.responsive .c-main-nav__button .middle-bar {
    opacity: 0
}

.c-main-nav.responsive .c-main-nav__button .bottom-bar {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    transform-origin: 10% 90%
}

.c-main-nav.responsive .navbar-nav {
    position: absolute;
    top: 225px;
    width: 100%;
    min-height: calc(100vh - 165px);
    display: block;
    z-index: 999999;
    background-color: white;
    border-bottom: 1px solid grey;
    padding: 1em 0 5em;
    -webkit-box-shadow: 0px 9px 25px -9px #8f8b8f;
    box-shadow: 0px 9px 25px -9px #8f8b8f;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow-y: scroll
}

@media (min-width: 768px) {
    .c-main-nav.responsive .navbar-nav {
        top:340px;
        min-height: calc(100vh - 200px)
    }
}

.c-dropdown-menu.show {
    width: 100%;
    display: block;
    z-index: 99999;
    background-color: white;
    max-width: 230px
}

.c-main-nav__item,.c-main-nav__item--dropdown {
    font-family: "Oswald Medium",sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 0.1em 0.6em;
    width: 100%
}

.c-dropdown-menu__item {
    font-family: "Oswald Medium",sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 0 1rem;
    margin: 1rem 0;
    width: 100%
}

.c-main-nav__link,.c-main-nav__link--dropdown,.c-dropdown-menu__link {
    color: #023f6a;
    text-decoration: none
}

.c-main-nav__link:hover,.c-main-nav__link--dropdown:hover,.c-dropdown-menu__link:hover {
    color: #84c447;
    text-decoration: underline
}

.c-main-nav__link.active,.c-main-nav__link--dropdown.active,.c-dropdown-menu__link.active {
    color: #84c447;
    text-decoration: none
}

@media (min-width: 992px) {
    .c-main-nav__button {
        display:none
    }

    .c-main-nav {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-grid-column: 2;
        grid-column: 2 / 3;
        -ms-grid-row: 1;
        grid-row: 1 / 2;
        margin: 0 1rem 1rem 0
    }

    .navbar-nav {
        display: inline-block;
        margin: 0 1.5rem 0 0
    }

    .c-main-nav__item,.c-main-nav__item--dropdown {
        position: relative;
        display: inline;
        font-size: 1.15rem;
        padding: 0.2em;
        width: auto
    }

    .c-dropdown-menu__item {
        display: block;
        font-size: 1.15rem;
        padding: 0.2em;
        margin: 0
    }

    .c-main-nav__link:hover,.c-main-nav__link--dropdown:hover,.c-dropdown-menu__link:hover {
        -webkit-animation: fadein 0.5s;
        animation: fadein 0.5s
    }

    .c-dropdown-menu.show {
        position: absolute;
        top: 25px;
        left: -5px;
        display: block;
        z-index: 99999;
        background-color: white;
        border: 1px solid rgba(0,0,0,0.15);
        padding: 0.6em 0;
        opacity: 1;
        -webkit-transition: 1s opacity ease-in-out;
        transition: 1s opacity ease-in-out;
        min-width: 250px
    }

    .c-dropdown-menu--about.show {
        width: 250px
    }

    .c-dropdown-menu--services.show {
        width: 230px
    }

    .c-dropdown-menu--news.show {
        width: 250px
    }

    .c-dropdown-menu--jobs.show {
        width: 250px
    }

    .c-dropdown-menu--volunteer.show {
        width: 250px
    }
}

.top-banner {
    width: 100%;
    position: relative;
    top: 180px;
    line-height: 0.8em
}

.semi-trans-strip {
    display: none
}

.watermark {
    position: absolute;
    bottom: 170px;
    right: -75px;
    display: block;
    height: 240px;
    width: 160px;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 5;
    background-image: url("../images/pagebanners/pom-new-large-white-50trans.png")
}

.hero-home {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.home-top1 {
    height: 500px;
    background-image: url("../images/pagebanners/homepg-hero1.jpg")
}

.shallow-banner-strip {
    background-color: #004271;
    display: block;
    margin: 0
}

.shallow-banner-strip__location {
    background-color: #004271;
    display: block;
    padding: 1rem
}

.shallow-banner-strip__type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0rem
}

.shallow-banner-strip__location__heading {
    color: white;
    line-height: 1.15
}

.shallow-banner-strip__type__heading {
    color: white;
    line-height: 1.15;
    margin-left: 1rem
}

.colour-strip {
    justify-self: flex-end;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 100%;
    height: 2rem;
    padding: 0 !important;
    background-image: url("../images/pagebanners/colour-strips-v2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top
}

.home-wrapper-cancel {
    position: relative;
    width: 100%;
    z-index: 99;
    background-color: white;
    top: 178px
}

.h-no-scroll .home-wrapper-cancel {
    overflow: hidden;
    display: none
}

.h-no-scroll .top-banner {
    overflow: hidden;
    display: none
}

.lg-bottom-pad {
    min-height: 600px
}

@media (min-width: 768px) {
    .home-wrapper-cancel {
        top:205px
    }

    .top-banner {
        top: 210px
    }
}

@media (min-width: 992px) {
    .home-wrapper-cancel {
        top:647px
    }

    .h-no-scroll .home-wrapper-cancel {
        position: absolute;
        width: 100vw;
        height: 100vh;
        overflow: auto
    }

    .top-banner {
        margin: 0 auto;
        position: static
    }
}

@media (min-width: 1200px) {
    .home-wrapper-cancel {
        top:635px
    }
}

@media (min-width: 768px) {
    .shallow-banner-strip__location__heading {
        margin-left:3rem
    }

    .shallow-banner-strip__type {
        padding-left: 0
    }

    .shallow-banner-strip__type__heading {
        padding-left: 2rem;
        margin-top: 0.5rem
    }
}

@media (min-width: 992px) {
    .hero-home {
        top:-17px
    }

    .shallow-banner-strip {
        margin: -17px 0 0 0
    }

    .semi-trans-strip {
        display: block;
        width: 100%;
        height: 15px;
        background-color: rgba(255,255,255,0.59);
        position: relative;
        z-index: 10;
        top: -4px
    }
}

@media (min-width: 1600px) {
    .home-wrapper-cancel {
        width:1600px;
        margin: 0 auto
    }

    .top-banner {
        width: 1600px;
        margin: 0 auto;
        position: static
    }
}

.horiz-line {
    padding-bottom: 2em;
    border-bottom: 1px solid #02a2bb;
    margin-bottom: 2em
}

.fact-list p strong {
    color: #9a258f
}

.summary-box {
    padding: 2.5em 1em 2em 1em;
    background-color: #02a2bb;
    border-top-right-radius: 33px;
    background-image: url("../images/buttons/green-tick-circle.png");
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: right 10px top 10px;
    color: #fff
}

.summary-box__heading {
    margin-left: 0.75em;
    margin-top: 0.5em;
    margin-bottom: 0.75em;
    color: white
}

.summary-box ul {
    margin-top: 1em
}

.pdf-link-box {
    position: relative;
    padding: 6px 0 6px 40px;
    margin: 10px 0;
    background-color: #84c447;
    background-image: url("../images/buttons/right-white-tri.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: left 15px top 50%
}

.pdf-link-box a,.pdf-link-box a:hover {
    display: inline-block;
    font-size: 1.0rem;
    color: #fff;
    text-decoration: none
}

.contact {
    padding: 2em 1em 2em 1em;
    background-color: #efeff0;
    border: 1px solid #130f10;
    font-size: 1rem
}

.contact__heading {
    color: #004271;
    margin: 0 0 0.5rem 0
}

.contact__telephone {
    background-image: url("../images/buttons/phone-icon.png");
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position: left top;
    padding: 0 0 0 40px;
    margin: 0 0 1em 0
}

.contact__telephone__heading {
    color: #9a258f;
    font-weight: bold
}

.contact__email {
    background-image: url("../images/buttons/mouse-icon.png");
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position: left top;
    padding: 0 0 0 40px;
    margin: 0 0 1em 0
}

.contact__email__heading {
    color: #00b2cd;
    font-weight: bold
}

.contact__post {
    background-image: url("../images/buttons/email-icon.png");
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position: left top;
    padding: 0 0 0 40px;
    margin: 0 0 1em 0
}

.contact__post__heading {
    color: #007f6d;
    font-weight: bold
}

.contact__telephone p,.contact__email p,.contact__post p {
    margin: 0
}

.contact__telephone a,.contact__email a,.contact__post a,.contact__telephone a:hover,.contact__email a:hover,.contact__post a:hover {
    color: #373737
}

.go-back-button {
    width: 240px;
    height: auto;
    float: right;
    display: block;
    margin: 1.5em 0
}

.go-back-button--padded {
    width: 240px;
    height: auto;
    float: right;
    display: block;
    margin: 1.5em 1rem 550px 0
}

#cqc {
    float: left;
    clear: both;
    width: 100%;
    background-image: url(../images/cqc/CQC.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain
}

#cqclink {
    width: 20%;
    height: 50%;
    float: left;
    text-indent: -900em
}

#cqcinfo {
    width: 20%;
    height: 50%;
    float: left;
    margin: 0 0 0 4px;
    text-indent: -900em
}

#cqclink a {
    width: 100%;
    height: 100%;
    display: block
}

#cqcinfo a {
    width: 100%;
    height: 100%;
    display: block
}

@media (min-width: 768px) {
    .c-callout-row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -20px;
        padding: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .c-callout-box {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .c-callout-box--dk-blue {
        margin: 2em 20px
    }

    .c-callout-box--magenta {
        margin: 2em 20px
    }

    .watermark {
        bottom: 0;
        right: -175px;
        height: 460px;
        width: 400px
    }

    .c-colour-strip {
        width: 100%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .c-colour-strip__image {
        width: 40%;
        height: 20px
    }

    .c-image-box {
        width: calc(50% - 40px);
        margin: 20px
    }

    .c-image-box--full {
        width: calc(100% - 40px);
        margin: 0 20px
    }

    .c-service-box {
        width: calc(50% - 40px);
        margin: 20px
    }

    .c-caritas-member-logo {
        width: 200px;
        height: auto
    }

    .c-go-back-button {
        width: 240px;
        height: auto
    }
}

@media (min-width: 992px) {
    .c-colour-strip__heading {
        margin:0.5em;
        font-size: 2.5rem
    }

    .c-home-heading {
        padding-right: 200px
    }

    .c-about-heading {
        padding-right: 40px
    }

    .c-service-box {
        width: calc(33.3333% - 40px);
        margin: 20px
    }

    .cqc-content {
        min-height: 400px
    }
}

@media (min-width: 1200px) {
    .c-home-heading {
        padding-right:300px
    }

    .c-about-heading {
        padding-right: 220px
    }

    .c-image-box__titles--padded {
        padding: 0.75em 170px 0.25em 1em;
        min-height: 100px
    }
}

@media (min-width: 768px) {
    .watermark {
        bottom:-10px;
        right: -175px;
        height: 350px;
        width: 400px
    }
}

@media (min-width: 1200px) {
    .watermark {
        bottom:-10px;
        right: -195px;
        height: 460px;
        width: 550px
    }
}

@media (min-width: 768px) {
    .summary-box {
        padding:1.5em 3em 2em 2em
    }

    .pdf-link-box {
        padding: 12px 0 12px 70px;
        height: 30px;
        background-position: left 30px top 50%
    }

    .pdf-link-box a,.pdf-link-box a:hover {
        font-size: 1.2rem
    }
}

@media (min-width: 414px) {
    .contact__telephone {
        background-size:50px 50px;
        padding: 6px 10px 0 60px;
        min-height: 50px
    }

    .contact__email {
        background-size: 50px 50px;
        padding: 6px 10px 0 60px;
        min-height: 50px
    }

    .contact__post {
        background-size: 50px 50px;
        padding: 6px 10px 0 60px;
        min-height: 50px
    }
}

@media (min-width: 767px) {
    .contact {
        padding:2em 2em 2.75em 2em
    }

    .contact__telephone {
        background-size: 65px 65px;
        background-position: left top;
        padding: 6px 10px 0 80px;
        min-height: 65px;
        width: 100%
    }

    .contact__email {
        background-image: url("../images/buttons/mouse-icon.png");
        background-size: 65px 65px;
        background-position: left top;
        padding: 6px 10px 0 80px;
        min-height: 65px;
        width: 100%
    }

    .contact__post {
        background-image: url("../images/buttons/email-icon.png");
        background-size: 65px 65px;
        background-position: left top;
        padding: 6px 10px 0 80px;
        min-height: 65px;
        width: 100%
    }
}

@media (max-width: 767px) {
    .go-back-button {
        display:block;
        width: 50%;
        height: auto;
        margin: 1.5em 2rem 1.5em 0
    }

    .go-back-button--padded {
        display: block;
        width: 50%;
        height: auto;
        margin: 1.5em 2rem 50em 0
    }
}

.c-header__logo-link--services {
    margin: 1rem auto 1.5rem
}

@media (min-width: 768px) {
    .c-header__logo-link--services {
        margin:0 auto 1.5rem
    }
}

@media (min-width: 992px) {
    .c-header__logo-link--services {
        margin:1rem
    }
}

.c-header__logo {
    width: 160px;
    height: auto;
    -ms-grid-column: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    grid-row: 1 / 2
}

@media (min-width: 768px) {
    .c-header__logo {
        width:221px
    }
}

@media (min-width: 992px) {
    .c-header__logo {
        position:relative;
        width: 200px;
        height: auto;
        z-index: 15
    }
}

@media (max-width: 767px) {
    #cqc {
        height:130px
    }
}

@media (min-width: 768px) and (max-width: 991.99px) {
    #cqc {
        height:160px
    }
}

@media (min-width: 992px) and (max-width: 1199.99px) {
    #cqc {
        height:200px
    }
}

@media (min-width: 1200px) {
    #cqc {
        height:230px
    }
}

.inner-wrapper-cancel {
    position: relative;
    width: 100%;
    z-index: 99;
    background-color: white;
    top: 15px;
    overflow-x: hidden;
    padding-top: 1.5rem
}

.h-no-scroll .inner-wrapper-cancel {
    overflow: hidden;
    display: none
}

@media (min-width: 768px) {
    .h-no-scroll .inner-wrapper-cancel {
        display:block
    }
}

@media (min-width: 992px) {
    .h-no-scroll .inner-wrapper-cancel {
        position:absolute;
        width: 100vw;
        height: 100vh;
        overflow: auto
    }
}

.c-shallow-banner-strip,.c-shallow-banner-strip--dkblue {
    line-height: 0.9em;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-shallow-banner-strip--dkblue {
    background-color: #004271;
    background-image: url("../images/pagebanners/web-colour-strip-navy.png");
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat
}

.c-shallow-banner-strip__container {
    width: 100%
}

@media (min-width: 768px) {
    .c-shallow-banner-strip__container {
        max-width:720px;
        margin: 0 auto
    }
}

@media (min-width: 992px) {
    .c-shallow-banner-strip__container {
        max-width:960px;
        margin: 0 auto
    }
}

@media (min-width: 1200px) {
    .c-shallow-banner-strip__container {
        max-width:1140px;
        margin: 0 auto
    }
}

.c-shallow-banner-strip__colour-strip-heading {
    margin: 0.5em 0.5em 0.35em 0.7em;
    font-size: 1.3rem;
    color: white
}

@media (min-width: 768px) {
    .c-shallow-banner-strip__colour-strip-heading {
        margin:0.5em 0.5em 0.35em 0;
        font-size: 2.5rem
    }
}

@media (min-width: 992px) {
    .c-shallow-banner-strip__colour-strip-heading {
        margin:0.5em 0.5em 0.35em 0
    }
}

.c-skip-to-content {
    position: absolute;
    top: -400px
}

.c-skip-to-content:focus {
    position: relative;
    display: inline-block;
    top: 10px;
    left: 10px;
    margin: 10px
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fader {
    -webkit-animation: fadein 3s;
    animation: fadein 3s
}

.growonhover:hover {
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.shallow-banner-strip__type {
    background-color: #02a2bb
}