html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align:baseline
}

html {
    line-height:1
}

ol, ul {
    list-style:none
}

table {
    border-collapse: collapse;
    border-spacing:0
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align:middle
}

q, blockquote {
    quotes:none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content:none
}

a img {
    border:none
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display:block
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color:transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding:0
}

.slick-list:focus {
    outline:none
}

.slick-list.dragging {
    cursor: pointer;
    cursor:hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display:block
}

.slick-track:before, .slick-track:after {
    content: "";
    display:table
}

.slick-track:after {
    clear:both
}

.slick-loading .slick-track {
    visibility:hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float:right
}

.slick-slide img {
    display:block
}

.slick-slide.slick-loading img {
    display:none
}

.slick-slide.dragging img {
    pointer-events:none
}

.slick-initialized .slick-slide {
    display:block
}

.slick-loading .slick-slide {
    visibility:hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border:1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none;
    position:relative
}

* {
    box-sizing:border-box
}

html, body {
    height:100%
}

body {
    font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
    padding-top:72px
}

@media (max-width: 650px) {
    body {
        padding-top:0
    }
}

body.nlc, body.elc, body.slc, body.mc, body.lc {
    padding-top:0
}

body.nlc header.slab.slab--accent, body.elc header.slab.slab--accent, body.slc header.slab.slab--accent, body.mc header.slab.slab--accent, body.lc header.slab.slab--accent {
    margin-top:72px
}

@media (max-width: 650px) {
    body.nlc header.slab.slab--accent, body.elc header.slab.slab--accent, body.slc header.slab.slab--accent, body.mc header.slab.slab--accent, body.lc header.slab.slab--accent {
        margin-top:0
    }
}

strong, b {
    font-weight:bold
}

em, i {
    font-style:italic
}

.container {
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
    padding-left: 25px;
    padding-right:25px
}

.container--tight {
    max-width:750px
}

@media (max-width: 650px) {
    .container--no-space-mobile {
        padding:0px
    }
}

.clear {
    clear:both
}

@media (max-width: 650px) {
    .do {
        display:none !important
    }
}

@media (min-width: 650px) {
    .col {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height:100%
    }

    .col__100 {
        width:100%
    }

    .col__16 {
        width: calc(16% - 26px);
        margin-right:40px
    }

    .col__16:nth-of-type(6n) {
        margin-right:0
    }

    .col__25 {
        width: calc(25% - 30px);
        margin-right:40px
    }

    .col__25:nth-of-type(4n) {
        margin-right:0
    }

    .col__33 {
        width: calc(33.33333% - 27px);
        margin-right:40px
    }

    .col__33:nth-of-type(3n) {
        margin-right:0
    }

    .col__50 {
        width: calc(50% -(40px/ 2));
        margin-right:40px
    }

    .col__50:nth-of-type(2n) {
        margin-right:0
    }

    .col__large {
        width: 70%;
        margin-right:80px
    }

    .col__small {
        width:calc(30% - 80px)
    }

    .col__large-alt {
        width: 70%;
        margin-left:80px
    }

    .col__large-alt--fixed {
        margin-left:354px
    }

    .col__small-alt {
        width:calc(30% - 80px)
    }

    .col__small-alt--fixed {
        position: fixed;
        top:80px
    }
}

@media (max-width: 650px) {
    .col__100, .col__16, .col__25, .col__33, .col__50, .col__large, .col__small, .col__large-alt, .col__small-alt {
        margin-bottom:40px
    }
}

.push {
    margin-bottom: 40px;
    margin-bottom:2vw
}

@media (max-width: 650px) {
    .push {
        margin-bottom:25px
    }
}

.pull {
    margin-top: 40px;
    margin-top:2vw
}

@media (max-width: 650px) {
    .pull {
        margin-top:25px
    }
}

.pull--big {
    margin-top: 80px;
    margin-top:4vw
}

@media (max-width: 650px) {
    .pull--big {
        margin-top:25px
    }
}

.push--big {
    margin-bottom: 80px;
    margin-bottom:4vw
}

@media (max-width: 650px) {
    .push--big {
        margin-bottom:25px
    }
}

.no-mb {
    margin-bottom:0
}

.right {
    float: right;
    margin-left: 40px;
    margin-bottom:40px
}

@media (max-width: 650px) {
    .right {
        margin-left: 0;
        float: none;
        text-align:center
    }
}

.left {
    float: left;
    margin-right: 40px;
    margin-bottom:40px
}

@media (max-width: 650px) {
    .left {
        margin-right: 0;
        float: none;
        text-align:center
    }
}

.full-bleed {
    width: 900px;
    margin-left:-100px
}

@media (max-width: 650px) {
    .full-bleed {
        width: calc(100% + 50px);
        margin-left:-25px
    }
}

.grid .card {
    width: calc(50% - 20px);
    float: left;
    margin-right:40px
}

.grid .card:nth-of-type(even) {
    margin-right:0
}

@media (max-width: 650px) {
    .grid .card {
        width: 100%;
        float: left;
        margin-right:0
    }
}

.col.col--space-between {
    -ms-flex-pack: justify;
    justify-content:space-between
}

.col__main {
    width:100%
}

.col__side {
    width:100%
}

@media only screen and (min-width: 768px) {
    .col__main {
        width:50%
    }

    .col__side {
        width:41.6666667%
    }

    .col__side-m-width {
        max-width:384px
    }
}

@media only screen and (min-width: 1024px) {
    .col__main {
        width:66.6666667%
    }

    .col__side {
        width:33.3333337%
    }
}

.col__side-block + .col__side-block {
    margin-top:40px
}

@media only screen and (min-width: 768px) {
    .col__side-block + .col__side-block {
        margin-top:76px
    }
}

.site-header {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 900;
    box-shadow:rgba(0, 0, 0, 0.05) 0 5px 5px
}

@media (max-width: 650px) {
    .site-header {
        position:static
    }
}

.site-header .container {
    padding:0px
}

@media (max-width: 650px) {
    .site-header .container {
        text-align:center
    }
}

.site-header .container > a {
    display: inline-block;
    margin-top: 13px;
    margin-left:25px
}

@media (max-width: 650px) {
    .site-header .container > a {
        margin-top: 28px;
        margin-left: 0;
        padding:0px 25px
    }
}

@media (min-width: 650px) {
    .site-header__logo {
        position: relative;
        top:3px
    }
}

@media (max-width: 650px) {
    .site-header__logo {
        width: 100%;
        height: auto;
        margin-bottom:25px
    }
}

.site-header__shortcuts {
    float: right;
    text-align: right;
    height: 72px;
    line-height: 72px;
    margin-right:25px
}

@media (max-width: 650px) {
    .site-header__shortcuts {
        margin-right: 0;
        line-height: 59px;
        height: 59px;
        float:none
    }

    .site-header__shortcuts--do {
        display:none !important
    }
}

@media (max-width: 650px) {
    .site-header__shortcuts ul {
        display: -ms-flexbox;
        display:flex
    }
}

.site-header__shortcuts li {
    display:inline-block
}

.site-header__shortcuts li:first-child {
    margin-right:30px
}

@media (max-width: 650px) {
    .site-header__shortcuts li {
        width: 100%;
        display: block;
        text-align:center
    }

    .site-header__shortcuts li:first-child {
        margin-right:0px
    }
}

.site-header__shortcuts a {
    display: block;
    padding: 0px;
    text-decoration: none;
    color: #5D5D5D;
    height: 72px;
    line-height:72px
}

@media (max-width: 650px) {
    .site-header__shortcuts a {
        height: 59px;
        line-height: 59px;
        box-shadow:inset 0px 1px 0px #ededed, inset 0px -1px 0px #ededed
    }
}

body.nlc .site-header__shortcuts a:hover {
    color:#008FDF
}

body.slc .site-header__shortcuts a:hover {
    color:#D80050
}

body.mc .site-header__shortcuts a:hover {
    color:#AB0CB9
}

body.lc .site-header__shortcuts a:hover {
    color:#3EB103
}

body.elc .site-header__shortcuts a:hover {
    color:#00AAB2
}

.site-header__shortcuts a.ghost {
    border-radius: 0px;
    padding: 0px 33px;
    line-height: 72px;
    height: 72px;
    font-size: 22px;
    font-weight:bold
}

body.nlc .site-header__shortcuts a.ghost {
    background:#008FDF
}

body.slc .site-header__shortcuts a.ghost {
    background:#D80050
}

body.mc .site-header__shortcuts a.ghost {
    background:#AB0CB9
}

body.lc .site-header__shortcuts a.ghost {
    background:#3EB103
}

body.elc .site-header__shortcuts a.ghost {
    background:#00AAB2
}

.site-header__shortcuts a.ghost:hover {
    background:inherit !important
}

@media (max-width: 650px) {
    .site-header__shortcuts a.ghost {
        line-height: 59px;
        height: 59px;
        font-size: 16px;
        padding: 0;
        box-shadow:none
    }
}

.site-header__nav {
    display: none;
    width: 100%;
    position:relative
}

body.nlc .site-header__nav {
    border-top:#008FDF 1px solid
}

body.slc .site-header__nav {
    border-top:#D80050 1px solid
}

body.mc .site-header__nav {
    border-top:#AB0CB9 1px solid
}

body.lc .site-header__nav {
    border-top:#3EB103 1px solid
}

body.elc .site-header__nav {
    border-top:#00AAB2 1px solid
}

body.nlc .site-header__nav {
    border-bottom:#008FDF 1px solid
}

body.slc .site-header__nav {
    border-bottom:#D80050 1px solid
}

body.mc .site-header__nav {
    border-bottom:#AB0CB9 1px solid
}

body.lc .site-header__nav {
    border-bottom:#3EB103 1px solid
}

body.elc .site-header__nav {
    border-bottom:#00AAB2 1px solid
}

.site-header__nav .container {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom:40px
}

@media (max-width: 650px) {
    .site-header__nav {
        width: calc(100% - 50px);
        left: 25px;
        margin-bottom: 0;
        border-top: 0 !important;
        border-bottom:0 !important
    }

    .site-header__nav .container {
        padding-top:30px
    }
}

.site-header__nav > ul > li {
    font-size: 20px;
    font-weight:bold
}

@media (min-width: 650px) {
    .site-header__nav > ul > li {
        width: 25%;
        float:left
    }
}

@media (max-width: 650px) {
    .site-header__nav > ul > li {
        margin-bottom:60px
    }

    .site-header__nav > ul > li:last-of-type {
        margin-bottom:0
    }
}

body.nlc .site-header__nav > ul > li {
    color:#008FDF
}

body.slc .site-header__nav > ul > li {
    color:#D80050
}

body.mc .site-header__nav > ul > li {
    color:#AB0CB9
}

body.lc .site-header__nav > ul > li {
    color:#3EB103
}

body.elc .site-header__nav > ul > li {
    color:#00AAB2
}

.site-header__nav > ul > li li {
    font-weight: normal;
    margin-top: 20px;
    font-size:16px
}

body.nlc .site-header__nav > ul > li li {
    color:#1B213A
}

body.slc .site-header__nav > ul > li li {
    color:#700029
}

body.mc .site-header__nav > ul > li li {
    color:#67236d
}

body.lc .site-header__nav > ul > li li {
    color:#458823
}

body.elc .site-header__nav > ul > li li {
    color:#007A82
}

.site-header__nav > ul > li li a {
    color: #333;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom:#ccc 1px dotted
}

body.nlc .site-header__nav > ul > li li a:hover {
    color:#008FDF
}

body.slc .site-header__nav > ul > li li a:hover {
    color:#D80050
}

body.mc .site-header__nav > ul > li li a:hover {
    color:#AB0CB9
}

body.lc .site-header__nav > ul > li li a:hover {
    color:#3EB103
}

body.elc .site-header__nav > ul > li li a:hover {
    color:#00AAB2
}

.nav-closer {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 899;
    width: 100%;
    display:none
}

@media (max-width: 650px) {
    .nav-closer {
        display:none !important
    }
}

.ghost {
    color: #fff !important;
    font-weight: bold;
    border-radius:3px
}

body.nlc .ghost {
    background:#008FDF
}

body.slc .ghost {
    background:#D80050
}

body.mc .ghost {
    background:#AB0CB9
}

body.lc .ghost {
    background:#3EB103
}

body.elc .ghost {
    background:#00AAB2
}

.ghost:hover {
    color:#fff !important
}

body.nlc .ghost:hover {
    background:#00638a !important
}

body.slc .ghost:hover {
    background:#750730 !important
}

body.mc .ghost:hover {
    background:#67236d !important
}

body.lc .ghost:hover {
    background:#458823 !important
}

body.elc .ghost:hover {
    background:#007A82 !important
}

.ghost.active {
    color:#fff !important
}

body.nlc .ghost.active {
    background:#008FDF
}

body.slc .ghost.active {
    background:#D80050
}

body.mc .ghost.active {
    background:#AB0CB9
}

body.lc .ghost.active {
    background:#3EB103
}

body.elc .ghost.active {
    background:#00AAB2
}

.ghost--hollow {
    background: none !important;
    border: #fff 1px solid;
    padding: 10px 15px;
    text-decoration: none;
    display:inline-block
}

.ghost--large {
    padding:20px 25px
}

@media (max-width: 650px) {
    .ghost--large {
        text-align: center;
        width:100%
    }
}

.hero {
    background-position: 50% 50%;
    background-size: cover;
    height: 500px;
    max-width: 1800px;
    margin:0 auto
}

.hero .container {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items:center
}

.hero__inner {
    width:670px
}

.hero__inner h1 {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    margin-bottom:30px
}

.hero-slider {
    background:#f5f5f5
}

.hero-slider__slideshow {
    width: 100%;
    position: relative;
    top: -30px;
    z-index: 10;
    box-shadow:-3px 7px 9px 0 rgba(0, 0, 0, 0.12)
}

body.nlc .hero-slider__slideshow {
    background:#008FDF
}

body.slc .hero-slider__slideshow {
    background:#D80050
}

body.mc .hero-slider__slideshow {
    background:#AB0CB9
}

body.lc .hero-slider__slideshow {
    background:#3EB103
}

body.elc .hero-slider__slideshow {
    background:#00AAB2
}

.hero-slider__slideshow .controls {
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items:center
}

@media (max-width: 650px) {
    .hero-slider__slideshow .controls {
        position: relative;
        margin: 0px auto;
        left: 0;
        bottom: 0;
        padding: 20px;
        padding-top: 10px;
        -ms-flex-pack: center;
        justify-content:center
    }
}

.hero-slider__slideshow .controls button {
    display: block;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 28px;
    width: 15px;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: none;
    transition:0.2s linear
}

.hero-slider__slideshow .controls button img {
    display: block;
    height: 28px;
    width:15px
}

.hero-slider__slideshow .controls button:hover {
    opacity:0.5
}

.hero-slider__slideshow .controls > div {
    color: #FFF;
    padding: 0px 5px;
    font-size:12px
}

.hero-slider__slideshow .slick-track {
    display: -ms-flexbox;
    display:flex
}

.hero-slider__slideshow .slick-track .slick-slide {
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -ms-flex-align: stretch;
    align-items:stretch
}

.hero-slider__slideshow .slides {
    z-index:5
}

.hero-slider__slideshow .slides .slide .inner-slide {
    display: -ms-flexbox;
    display: flex;
    width:100%
}

@media (max-width: 650px) {
    .hero-slider__slideshow .slides .slide .inner-slide {
        -ms-flex-flow: column wrap;
        flex-flow:column wrap
    }
}

.hero-slider__slideshow .slides .slide .image, .hero-slider__slideshow .slides .slide .video {
    -ms-flex: 0 0 50%;
    flex:0 0 50%
}

@media (max-width: 650px) {
    .hero-slider__slideshow .slides .slide .image, .hero-slider__slideshow .slides .slide .video {
        -ms-flex: 0 0 auto;
        flex:0 0 auto
    }
}

.hero-slider__slideshow .slides .slide .video {
    position:relative
}

@media (max-width: 650px) {
    .hero-slider__slideshow .slides .slide .video {
        height:200px
    }
}

.hero-slider__slideshow .slides .slide .video iframe {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0
}

.hero-slider__slideshow .slides .slide .image {
    background: #000;
    background-size: cover;
    background-position:50% 50%
}

@media (max-width: 650px) {
    .hero-slider__slideshow .slides .slide .image {
        height:200px
    }
}

.hero-slider__slideshow .slides .slide .text {
    padding: 40px 40px;
    color: #FFF;
    -ms-flex-preferred-size: calc(50% - 80px) !important;
    flex-basis: calc(50% - 80px) !important;
    box-sizing:initial
}

@media (max-width: 650px) {
    .hero-slider__slideshow .slides .slide .text {
        padding: 20px;
        -ms-flex: 0 0 auto !important;
        flex:0 0 auto !important
    }
}

.hero-slider__slideshow .slides .slide .text .title {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 16px;
    display:block
}

.hero-slider__slideshow .slides .slide .text p {
    margin-bottom: 16px;
    font-size: 16px;
    line-height:1.5
}

.notice {
    background: #F3CA1C;
    padding: 40px;
    margin-bottom:1px
}

.notice p {
    font-size: 18px;
    font-weight: bold;
    line-height:66px
}

.notice .actions {
    float:right
}

.notice .actions__action {
    margin-right: 0;
    margin-left:20px
}

.notice .actions__action a {
    color:#000
}

@media (max-width: 650px) {
    .notice .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction:column
    }

    .notice p {
        line-height: 24px;
        -ms-flex-order: 0;
        order: 0;
        text-align:center
    }

    .notice .actions {
        padding-top: 40px;
        float: none;
        -ms-flex-order: 1;
        order:1
    }
}

.actions {
    margin:0 !important
}

.actions__action {
    display: inline-block;
    margin-right:20px
}

@media (max-width: 650px) {
    .actions__action {
        display: block;
        margin: 0 0 20px 0 !important;
        text-align:center
    }
}

.actions__action a {
    display: block;
    padding: 25px;
    text-decoration:none
}

body.nlc .actions__action a {
    color:#008FDF
}

body.slc .actions__action a {
    color:#D80050
}

body.mc .actions__action a {
    color:#AB0CB9
}

body.lc .actions__action a {
    color:#3EB103
}

body.elc .actions__action a {
    color:#00AAB2
}

body.nlc .actions__action a:hover {
    background:#1B213A !important
}

body.slc .actions__action a:hover {
    background:#700029 !important
}

body.mc .actions__action a:hover {
    background:#67236d !important
}

body.lc .actions__action a:hover {
    background:#458823 !important
}

body.elc .actions__action a:hover {
    background:#007A82 !important
}

body.nlc .actions__action a:hover {
    color:#008FDF !important
}

body.slc .actions__action a:hover {
    color:#D80050 !important
}

body.mc .actions__action a:hover {
    color:#AB0CB9 !important
}

body.lc .actions__action a:hover {
    color:#3EB103 !important
}

body.elc .actions__action a:hover {
    color:#00AAB2 !important
}

.actions__action--white a {
    background:#fff
}

.actions__action--primary a {
    font-weight:bold
}

body.nlc .actions__action--primary a {
    background:#1B213A
}

body.slc .actions__action--primary a {
    background:#700029
}

body.mc .actions__action--primary a {
    background:#67236d
}

body.lc .actions__action--primary a {
    background:#458823
}

body.elc .actions__action--primary a {
    background:#007A82
}

body.nlc .actions__action--primary a {
    color:#008FDF
}

body.slc .actions__action--primary a {
    color:#D80050
}

body.mc .actions__action--primary a {
    color:#AB0CB9
}

body.lc .actions__action--primary a {
    color:#3EB103
}

body.elc .actions__action--primary a {
    color:#00AAB2
}

.actions__action--primary a:hover {
    background:#fff
}

body.nlc .actions__action--primary a:hover {
    color:#008FDF
}

body.slc .actions__action--primary a:hover {
    color:#D80050
}

body.mc .actions__action--primary a:hover {
    color:#AB0CB9
}

body.lc .actions__action--primary a:hover {
    color:#3EB103
}

body.elc .actions__action--primary a:hover {
    color:#00AAB2
}

.actions__action--rounded a {
    font-weight: bold;
    padding: 15px 20px;
    border-radius: 4px;
    font-size: 16px !important;
    color:#fff !important
}

body.nlc .actions__action--rounded a {
    background:#008FDF
}

body.slc .actions__action--rounded a {
    background:#D80050
}

body.mc .actions__action--rounded a {
    background:#AB0CB9
}

body.lc .actions__action--rounded a {
    background:#3EB103
}

body.elc .actions__action--rounded a {
    background:#00AAB2
}

.actions__action--rounded a:hover {
    color:#fff !important
}

body.nlc .actions__action--rounded a:hover {
    background:#1B213A
}

body.slc .actions__action--rounded a:hover {
    background:#700029
}

body.mc .actions__action--rounded a:hover {
    background:#67236d
}

body.lc .actions__action--rounded a:hover {
    background:#458823
}

body.elc .actions__action--rounded a:hover {
    background:#007A82
}

.actions__action--ghost a {
    border-radius:3px
}

body.nlc .actions__action--ghost a {
    border:#008FDF 1px solid
}

body.slc .actions__action--ghost a {
    border:#D80050 1px solid
}

body.mc .actions__action--ghost a {
    border:#AB0CB9 1px solid
}

body.lc .actions__action--ghost a {
    border:#3EB103 1px solid
}

body.elc .actions__action--ghost a {
    border:#00AAB2 1px solid
}

.actions__action--ghost-alt a {
    border: #868686 1px solid;
    color: #868686 !important;
    border-radius: 3px;
    padding:15px
}

.actions__action--small a {
    padding:15px
}

.actions__action--large a {
    font-weight: bold;
    font-size:22px
}

.actions--social li {
    display: inline-block;
    margin-left:10px
}

.actions--social li:first-child {
    margin-left:0
}

.actions--social li a {
    color: #868686;
    display: block;
    height: 38px;
    width: 38px;
    border: 1px solid #bbbbbb;
    font-size: 20px;
    line-height: 38px;
    border-radius:50%
}

body.nlc .actions--social li a:hover {
    background:#1B213A !important
}

body.slc .actions--social li a:hover {
    background:#700029 !important
}

body.mc .actions--social li a:hover {
    background:#67236d !important
}

body.lc .actions--social li a:hover {
    background:#458823 !important
}

body.elc .actions--social li a:hover {
    background:#007A82 !important
}

body.nlc .actions--social li a:hover {
    color:#008FDF !important
}

body.slc .actions--social li a:hover {
    color:#D80050 !important
}

body.mc .actions--social li a:hover {
    color:#AB0CB9 !important
}

body.lc .actions--social li a:hover {
    color:#3EB103 !important
}

body.elc .actions--social li a:hover {
    color:#00AAB2 !important
}

.actions--centre {
    text-align:center
}

.actions--centre .actions__action {
    background: #fff;
    margin:0 10px
}

.actions--centre .actions__action a {
    font-weight: bold;
    font-size:22px
}

.actions.actions--centre.pull--big + * {
    margin-top:40px
}

.actions.actions--centre.pull--big .actions__action {
    margin-bottom:20px
}

.slab {
    padding: 80px;
    padding: 4vw;
    padding-left: 0 !important;
    padding-right:0 !important
}

@media (max-width: 650px) {
    .slab {
        padding:25px
    }
}

@media (max-width: 650px) {
    .slab {
        padding:40px 0 !important
    }
}

.slab--standard a {
    font-weight:bold
}

body.nlc .slab--standard a {
    color:#008FDF
}

body.slc .slab--standard a {
    color:#D80050
}

body.mc .slab--standard a {
    color:#AB0CB9
}

body.lc .slab--standard a {
    color:#3EB103
}

body.elc .slab--standard a {
    color:#00AAB2
}

body.nlc .slab--standard a:hover {
    color:#1B213A
}

body.slc .slab--standard a:hover {
    color:#700029
}

body.mc .slab--standard a:hover {
    color:#67236d
}

body.lc .slab--standard a:hover {
    color:#458823
}

body.elc .slab--standard a:hover {
    color:#007A82
}

.slab--gray {
    background:#f5f5f5
}

.slab--gray .slab__title {
    color:#5D5D5D
}

.slab--gray .slab__title a {
    color: #5D5D5D;
    text-decoration:none
}

body.nlc .slab--gray .slab__title a:hover {
    color:#008FDF
}

body.slc .slab--gray .slab__title a:hover {
    color:#D80050
}

body.mc .slab--gray .slab__title a:hover {
    color:#AB0CB9
}

body.lc .slab--gray .slab__title a:hover {
    color:#3EB103
}

body.elc .slab--gray .slab__title a:hover {
    color:#00AAB2
}

.slab--accent {
    color:#fff
}

body.nlc .slab--accent {
    background:#008FDF
}

body.slc .slab--accent {
    background:#D80050
}

body.mc .slab--accent {
    background:#AB0CB9
}

body.lc .slab--accent {
    background:#3EB103
}

body.elc .slab--accent {
    background:#00AAB2
}

.slab--accent .slab__title {
    color:#fff
}

.slab--accent-dark {
    color:#fff
}

body.nlc .slab--accent-dark {
    background:#1B213A
}

body.slc .slab--accent-dark {
    background:#700029
}

body.mc .slab--accent-dark {
    background:#67236d
}

body.lc .slab--accent-dark {
    background:#458823
}

body.elc .slab--accent-dark {
    background:#007A82
}

body.nlc .slab--accent-dark .slab__title {
    color:#008FDF
}

body.slc .slab--accent-dark .slab__title {
    color:#D80050
}

body.mc .slab--accent-dark .slab__title {
    color:#AB0CB9
}

body.lc .slab--accent-dark .slab__title {
    color:#3EB103
}

body.elc .slab--accent-dark .slab__title {
    color:#00AAB2
}

.slab--accent-dark a {
    color:#fff
}

body.nlc .slab--accent-dark a:hover {
    color:#008FDF
}

body.slc .slab--accent-dark a:hover {
    color:#D80050
}

body.mc .slab--accent-dark a:hover {
    color:#AB0CB9
}

body.lc .slab--accent-dark a:hover {
    color:#3EB103
}

body.elc .slab--accent-dark a:hover {
    color:#00AAB2
}

.slab--sibling {
    color: #fff;
    font-size:22px
}

body.nlc .slab--sibling {
    background:#D80050
}

body.slc .slab--sibling {
    background:#008FDF
}

body.mc .slab--sibling {
    background:#888
}

body.lc .slab--sibling {
    background:#888
}

body.elc .slab--sibling {
    background:#D80050
}

body.nlc .slab--sibling:hover {
    background:#750730
}

body.slc .slab--sibling:hover {
    background:#00638a
}

body.mc .slab--sibling:hover {
    background:#444
}

body.lc .slab--sibling:hover {
    background:#444
}

body.elc .slab--sibling:hover {
    background:#750730
}

.slab--sibling .sister {
    text-transform: uppercase;
    font-weight:bold
}

.slab--clickable {
    display: block;
    text-decoration: none;
    text-align:center
}

.slab--tight {
    padding:0
}

.slab--pull {
    margin-top: -80px;
    margin-top:-4vw
}

@media (max-width: 650px) {
    .slab--pull {
        margin-top:-40px
    }
}

.slab--cover {
    background: #ccc;
    background-size:cover
}

.slab--thanks {
    height: calc(100% - 240px);
    background-size: cover;
    color: #fff;
    position:relative
}

@media (max-width: 650px) {
    .slab--thanks {
        background: none !important;
        height:auto
    }
}

.slab--thanks__inner {
    padding: 40px;
    position: absolute;
    bottom: 40px;
    width: 50%;
    left: 50%;
    margin-left: -25%;
    text-align:center
}

body.nlc .slab--thanks__inner {
    background:#008FDF
}

body.slc .slab--thanks__inner {
    background:#D80050
}

body.mc .slab--thanks__inner {
    background:#AB0CB9
}

body.lc .slab--thanks__inner {
    background:#3EB103
}

body.elc .slab--thanks__inner {
    background:#00AAB2
}

@media (max-width: 650px) {
    .slab--thanks__inner {
        position: static;
        width: 100%;
        margin-left:0
    }

    body.nlc .slab--thanks__inner {
        background:#008FDF
    }

    body.slc .slab--thanks__inner {
        background:#D80050
    }

    body.mc .slab--thanks__inner {
        background:#AB0CB9
    }

    body.lc .slab--thanks__inner {
        background:#3EB103
    }

    body.elc .slab--thanks__inner {
        background:#00AAB2
    }
}

.slab--thanks__inner h1 {
    font-size: 38px;
    margin-bottom:20px
}

.slab__title {
    margin-bottom: 25px;
    font-weight: bold;
    font-size:20px
}

.slab__title--large {
    font-weight: lighter;
    text-align: center;
    color: #525252;
    font-size: 34px;
    margin-bottom:4vw
}

.slab__title--small {
    font-weight: normal;
    text-align: center;
    color: #525252;
    font-size: 17px;
    margin-bottom: 20px;
    margin-top:40px
}

.slab__title--large-alt {
    font-weight: lighter;
    border-bottom: #DADADA 1px solid;
    padding-bottom: 2vw;
    color: #525252;
    font-size: 26px;
    margin-bottom:2vw
}

.slab__title span {
    font-size: 13px;
    float: right;
    line-height:20px
}

.nav-group li {
    margin-bottom:25px
}

.nav-group li:last-of-type {
    margin-bottom:0
}

.nav-group a {
    text-decoration:none
}

img.scaling {
    width: 100%;
    height:auto
}

.scaling--video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height:0
}

.scaling--video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

.heading {
    font-size: 42px;
    font-weight: bold;
    text-align:center
}

@media (max-width: 650px) {
    .heading {
        font-size:32px
    }
}

.sub-heading {
    margin-bottom: 25px;
    font-weight: bold;
    font-size:20px
}

.sub-heading a {
    text-decoration:none
}

body.nlc .sub-heading.active {
    color:#008FDF
}

body.slc .sub-heading.active {
    color:#D80050
}

body.mc .sub-heading.active {
    color:#AB0CB9
}

body.lc .sub-heading.active {
    color:#3EB103
}

body.elc .sub-heading.active {
    color:#00AAB2
}

.copy p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom:25px
}

.copy a img {
    max-width: 100%;
    width:auto
}

.copy .cta {
    margin-left:10px
}

.copy hr {
    margin-top: 120px;
    margin-top: 6vw;
    margin-bottom: 120px;
    margin-bottom: 6vw;
    border: 0;
    border-top:#ccc 3px double
}

@media (max-width: 650px) {
    .copy hr {
        margin-top:25px
    }
}

@media (max-width: 650px) {
    .copy hr {
        margin-bottom:25px
    }
}

.copy--tight p:last-of-type {
    margin-bottom:0
}

.copy ul {
    list-style: disc;
    margin-left: 40px;
    line-height:26px
}

.copy ul li {
    margin-bottom:25px
}

.copy ul ul {
    margin-top:25px
}

.copy ol {
    list-style: decimal;
    margin-left: 40px;
    line-height:26px
}

.copy ol li {
    margin-bottom:25px
}

.copy ol ol {
    margin-top:25px
}

.copy--intro {
    font-weight: lighter;
    color: #525252;
    font-size: 26px;
    text-align:center
}

.copy--intro p {
    font-size: 26px;
    line-height:1.5
}

@media (max-width: 650px) {
    .copy--intro {
        font-size:22px
    }

    .copy--intro p {
        font-size:22px
    }
}

.copy--inverted {
    color: #fff;
    text-shadow:rgba(0, 0, 0, 0.4) 0 2px 2px
}

.copy--large .copy p {
    font-size: 20px !important;
    line-height: 32px !important;
    margin-bottom:30px !important
}

.copy--spaced {
    margin-top:40px
}

.meta {
    font-size: 13px;
    color:#666
}

.meta img {
    border-radius: 100%;
    position: relative;
    top: 7px;
    margin-left: 5px;
    margin-right:5px
}

.typeform-widget {
    overflow:hidden
}

.modal {
    display: none;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor:not-allowed
}

.modal__inner {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content:center
}

.modal__window {
    width: 60%;
    background: #fff;
    padding: 0;
    cursor: auto;
    height: 100%;
    max-height: 699px;
    overflow-y:hidden
}

@media (max-width: 650px) {
    .modal__window {
        padding:40px 25px
    }
}

@media (max-width: 650px) {
    .modal iframe {
        height:1000px
    }
}

.breadcrumb li {
    display: inline-block;
    font-size:14px
}

.breadcrumb li:after {
    content: " > ";
    margin: 0 12.5px;
    opacity:0.6
}

.breadcrumb li:last-of-type:after {
    content: ""
}

.breadcrumb a {
    text-decoration: none;
    color:#fff
}

body.nlc .breadcrumb a:hover {
    color:#1B213A
}

body.slc .breadcrumb a:hover {
    color:#700029
}

body.mc .breadcrumb a:hover {
    color:#67236d
}

body.lc .breadcrumb a:hover {
    color:#458823
}

body.elc .breadcrumb a:hover {
    color:#007A82
}

.timeline__point {
    padding: 80px 80px 80px 60px;
    border-left: #f5f5f5 5px solid;
    position: relative;
    margin-left:19px
}

.timeline__point:before {
    font-family: 'FontAwesome';
    content: "\f004";
    text-align: center;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    left: -24px;
    top:80px
}

body.nlc .timeline__point:before {
    color:#008FDF
}

body.slc .timeline__point:before {
    color:#D80050
}

body.mc .timeline__point:before {
    color:#AB0CB9
}

body.lc .timeline__point:before {
    color:#3EB103
}

body.elc .timeline__point:before {
    color:#00AAB2
}

body.nlc .timeline__point:before {
    border:#008FDF 2px solid
}

body.slc .timeline__point:before {
    border:#D80050 2px solid
}

body.mc .timeline__point:before {
    border:#AB0CB9 2px solid
}

body.lc .timeline__point:before {
    border:#3EB103 2px solid
}

body.elc .timeline__point:before {
    border:#00AAB2 2px solid
}

@media (max-width: 650px) {
    .timeline__point {
        padding:80px 0 80px 60px
    }
}

@media (max-width: 650px) {
    .timeline img {
        display:none
    }
}

.accordion__image--left {
    width: 300px;
    height: auto;
    float: left;
    margin:0 20px 20px 0
}

@media (max-width: 650px) {
    .accordion__image--left {
        float: none;
        width: 100%;
        margin:0 0 40px
    }
}

.accordion__image--right {
    width: 300px;
    height: auto;
    float: right;
    margin:0 0 20px 20px
}

@media (max-width: 650px) {
    .accordion__image--right {
        float: none;
        width: 100%;
        margin:0 0 40px
    }
}

.accordion__image--full {
    width: 100%;
    height: auto;
    margin-bottom:40px
}

.accordion .sub-heading {
    cursor:pointer
}

.accordion .sub-heading i {
    margin-right:20px
}

.accordion__inner {
    transition: all 400ms;
    overflow:hidden
}

.accordion__item {
    margin-bottom:80px
}

.accordion__item:last-of-type {
    margin-bottom:0
}

.publication {
    margin-bottom: 80px;
    margin-bottom:4vw
}

@media (max-width: 650px) {
    .publication {
        margin-bottom:25px
    }
}

.publication__cover {
    width: 180px;
    float: left;
    border: #f5f5f5 1px solid;
    box-shadow:#f5f5f5 0 2px 2px
}

.publication__cover--no-shadow {
    box-shadow: none;
    border:none
}

.publication__cover--large {
    width:300px
}

@media (max-width: 650px) {
    .publication__cover {
        width: 100%;
        float: none;
        height: auto;
        margin-bottom:40px
    }
}

.publication__info {
    margin-left: 220px;
    display: -ms-flexbox;
    display:flex
}

@media (max-width: 650px) {
    .publication__info {
        display:block
    }
}

.publication__info--small {
    margin-left:340px
}

@media (max-width: 650px) {
    .publication__info {
        margin-left:0 !important
    }
}

.publication__core {
    width: 60%;
    float:left
}

.publication__core--full {
    width:100%
}

@media (max-width: 650px) {
    .publication__core {
        width:100%
    }
}

.publication__meta {
    width: 40%;
    padding-left:40px
}

.publication__meta dt {
    margin-bottom: 5px;
    font-size: 13px;
    text-transform:uppercase
}

.publication__meta dd {
    margin-bottom:40px
}

.publication__meta a {
    word-break: break-all;
    word-break:break-word
}

@media (max-width: 650px) {
    .publication__meta {
        width: 100%;
        padding-left: 0;
        margin-top:40px
    }
}

.publication:last-of-type {
    margin-bottom:0
}

.card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height:100%
}

.card__side {
    width: 410px;
    display:block
}

.card__side img {
    width: 100%;
    height: auto;
    display:block
}

@media (max-width: 650px) {
    .card__side {
        width:100%
    }
}

.card__inner {
    box-shadow: -3px 7px 9px 0 rgba(0, 0, 0, 0.05);
    padding: 40px;
    width: 100%;
    height: auto;
    background:#fff
}

.card__inner--tight {
    padding:0
}

body.nlc .card__inner--accent {
    border-top:#008FDF 2px solid
}

body.slc .card__inner--accent {
    border-top:#D80050 2px solid
}

body.mc .card__inner--accent {
    border-top:#AB0CB9 2px solid
}

body.lc .card__inner--accent {
    border-top:#3EB103 2px solid
}

body.elc .card__inner--accent {
    border-top:#00AAB2 2px solid
}

.card__inner p {
    font-size: 14px;
    line-height:1.4
}

body.nlc .card__inner .sub-heading a {
    color:#008FDF
}

body.slc .card__inner .sub-heading a {
    color:#D80050
}

body.mc .card__inner .sub-heading a {
    color:#AB0CB9
}

body.lc .card__inner .sub-heading a {
    color:#3EB103
}

body.elc .card__inner .sub-heading a {
    color:#00AAB2
}

.card__inner .sub-heading a:hover {
    color:#333
}

.card--calendar .sub-heading {
    font-size: 14px;
    margin-bottom:10px
}

body.nlc .card--calendar .sub-heading {
    color:#008FDF
}

body.slc .card--calendar .sub-heading {
    color:#D80050
}

body.mc .card--calendar .sub-heading {
    color:#AB0CB9
}

body.lc .card--calendar .sub-heading {
    color:#3EB103
}

body.elc .card--calendar .sub-heading {
    color:#00AAB2
}

.card--calendar p {
    color: #535353;
    font-size: 14px;
    line-height:2
}

.card--calendar .card__inner {
    padding:20px
}

.card--calendar .fa {
    width:15px
}

.card__date {
    text-align: center;
    padding: 20px;
    color: #fff;
    text-transform:uppercase
}

body.nlc .card__date {
    background:#008FDF
}

body.slc .card__date {
    background:#D80050
}

body.mc .card__date {
    background:#AB0CB9
}

body.lc .card__date {
    background:#3EB103
}

body.elc .card__date {
    background:#00AAB2
}

.card--flex {
    width: 100%;
    -ms-flex-direction: row;
    flex-direction:row
}

@media (max-width: 650px) {
    .card--flex {
        -ms-flex-direction: column;
        flex-direction:column
    }
}

.card--flex .card__inner {
    height:auto
}

.date__month {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
    font-weight:bold
}

.date__day {
    font-size:22px
}

.tabs {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%
}

.tabs li {
    display: inline-block;
    margin:0 10px
}

.tabs a {
    display: block;
    text-decoration: none;
    background: #fff;
    padding: 10px 40px;
    opacity: 0.6;
    transition:all 0.2s linear
}

body.nlc .tabs a {
    color:#008FDF
}

body.slc .tabs a {
    color:#D80050
}

body.mc .tabs a {
    color:#AB0CB9
}

body.lc .tabs a {
    color:#3EB103
}

body.elc .tabs a {
    color:#00AAB2
}

.tabs a:hover {
    opacity:0.7
}

body.nlc .tabs a:hover {
    color:#1B213A
}

body.slc .tabs a:hover {
    color:#700029
}

body.mc .tabs a:hover {
    color:#67236d
}

body.lc .tabs a:hover {
    color:#458823
}

body.elc .tabs a:hover {
    color:#007A82
}

.tabs a.active {
    opacity:1.0
}

@media (max-width: 650px) {
    .tabs {
        margin-top: 20px;
        position:static
    }

    .tabs li {
        display:block
    }
}

.form {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: row wrap;
    flex-flow:row wrap
}

.form__line {
    width: 100%;
    margin-bottom:40px
}

.form__line--half {
    width: 48%;
    display:inline-block
}

.form__line--hidden {
    display:none
}

.form__line--check div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction:column
}

.form__line--check div label {
    margin-bottom: 25px;
    line-height:26px
}

.form__line--check div label:last-of-type {
    margin-bottom:0
}

.form__line--check div label input {
    float: left;
    margin-right: 10px;
    margin-top:7px
}

.form__blurb {
    padding-bottom: 40px;
    line-height:24px
}

@media (max-width: 650px) {
    .form--radio {
        display: block;
        margin-right: 0;
        margin-bottom:10px
    }
}

.form__amount li {
    transition: all 400ms;
    display: inline-block;
    margin-right: 40px;
    padding: 25px 40px;
    cursor: pointer;
    font-weight:bold
}

body.nlc .form__amount li {
    border:#008FDF 1px solid
}

body.slc .form__amount li {
    border:#D80050 1px solid
}

body.mc .form__amount li {
    border:#AB0CB9 1px solid
}

body.lc .form__amount li {
    border:#3EB103 1px solid
}

body.elc .form__amount li {
    border:#00AAB2 1px solid
}

body.nlc .form__amount li {
    color:#008FDF
}

body.slc .form__amount li {
    color:#D80050
}

body.mc .form__amount li {
    color:#AB0CB9
}

body.lc .form__amount li {
    color:#3EB103
}

body.elc .form__amount li {
    color:#00AAB2
}

@media (max-width: 650px) {
    .form__amount li {
        display: block;
        text-align: center;
        margin-right:0
    }
}

.form__amount li.active {
    color:#fff !important
}

body.nlc .form__amount li.active {
    background:#008FDF
}

body.slc .form__amount li.active {
    background:#D80050
}

body.mc .form__amount li.active {
    background:#AB0CB9
}

body.lc .form__amount li.active {
    background:#3EB103
}

body.elc .form__amount li.active {
    background:#00AAB2
}

.form__amount li input {
    padding: 0 10px !important;
    width: 80px !important;
    margin-left:10px
}

.form__legal {
    font-size: 11px;
    line-height: 16px;
    color:#ccc
}

.form__giftaid-logo {
    float:left
}

@media (max-width: 650px) {
    .form__giftaid-logo {
        display:none
    }
}

.form__giftaid-info {
    margin-left:223px
}

@media (max-width: 650px) {
    .form__giftaid-info {
        margin-left:0
    }
}

.form__check-label input {
    float:left
}

.form__check-label span {
    padding-left: 40px;
    display: block;
    line-height:22px
}

.form__label {
    font-weight: bold;
    display: block;
    margin-bottom: 20px
}

.form input[type="text"], .form input[type="email"], .form input[type="number"], .form textarea, .form select {
    transition: all 400ms;
    border: #ccc 1px solid;
    font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
    width: 100%;
    padding: 25px;
    outline: none;
    font-size: 16px;
    -webkit-appearance: none;
    border-radius: 0px
}

.form input[type="text"]:focus, .form input[type="email"]:focus, .form input[type="number"]:focus, .form textarea:focus, .form select:focus {
    background: #fafafa
}

body.nlc .form input[type="text"]:focus, body.nlc .form input[type="email"]:focus, body.nlc .form input[type="number"]:focus, body.nlc .form textarea:focus, body.nlc .form select:focus {
    border: #008FDF 1px solid
}

body.slc .form input[type="text"]:focus, body.slc .form input[type="email"]:focus, body.slc .form input[type="number"]:focus, body.slc .form textarea:focus, body.slc .form select:focus {
    border: #D80050 1px solid
}

body.mc .form input[type="text"]:focus, body.mc .form input[type="email"]:focus, body.mc .form input[type="number"]:focus, body.mc .form textarea:focus, body.mc .form select:focus {
    border: #AB0CB9 1px solid
}

body.lc .form input[type="text"]:focus, body.lc .form input[type="email"]:focus, body.lc .form input[type="number"]:focus, body.lc .form textarea:focus, body.lc .form select:focus {
    border: #3EB103 1px solid
}

body.elc .form input[type="text"]:focus, body.elc .form input[type="email"]:focus, body.elc .form input[type="number"]:focus, body.elc .form textarea:focus, body.elc .form select:focus {
    border:#00AAB2 1px solid
}

.form select option {
    font-size: 16px;
    padding:10px
}

.form select:not([multiple]) {
    background:url(https://northlondoncares.org.uk/web/20230523140855im_/https://www.thecaresfamily.org.uk/assets/img/select-arrow.png) no-repeat right #fff
}

.form select:not([multiple]):focus {
    background:url(https://northlondoncares.org.uk/web/20230523140855im_/https://www.thecaresfamily.org.uk/assets/img/select-arrow.png) no-repeat right #fafafa
}

body.nlc .form select:not([multiple]):focus {
    border:#008FDF 1px solid
}

body.slc .form select:not([multiple]):focus {
    border:#D80050 1px solid
}

body.mc .form select:not([multiple]):focus {
    border:#AB0CB9 1px solid
}

body.lc .form select:not([multiple]):focus {
    border:#3EB103 1px solid
}

body.elc .form select:not([multiple]):focus {
    border:#00AAB2 1px solid
}

.form textarea {
    height:400px
}

.form button {
    transition: all 400ms;
    float: right;
    outline: none;
    padding: 40px;
    border: 0;
    color: #fff;
    font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size:22px
}

body.nlc .form button {
    background:#008FDF
}

body.slc .form button {
    background:#D80050
}

body.mc .form button {
    background:#AB0CB9
}

body.lc .form button {
    background:#3EB103
}

body.elc .form button {
    background:#00AAB2
}

body.nlc .form button:hover {
    background:#1B213A
}

body.slc .form button:hover {
    background:#700029
}

body.mc .form button:hover {
    background:#67236d
}

body.lc .form button:hover {
    background:#458823
}

body.elc .form button:hover {
    background:#007A82
}

.form__cvc {
    float:right
}

.form .sub-heading {
    margin-bottom: 40px;
    font-size:28px
}

body.nlc .form .sub-heading {
    color:#008FDF
}

body.slc .form .sub-heading {
    color:#D80050
}

body.mc .form .sub-heading {
    color:#AB0CB9
}

body.lc .form .sub-heading {
    color:#3EB103
}

body.elc .form .sub-heading {
    color:#00AAB2
}

.form__group {
    margin-top: 120px;
    margin-top: 6vw;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: row wrap;
    flex-flow:row wrap
}

@media (max-width: 650px) {
    .form__group {
        margin-top:25px
    }
}

.form__group:first-of-type {
    margin-top:0
}

.form ul {
    margin-left:0
}

.form__errors {
    background: red;
    color:#fff
}

.form__errors li {
    list-style: disc;
    margin-bottom: 20px;
    margin-left:22px
}

.form__errors li:last-of-type {
    margin-bottom:0
}

.quote {
    width: 300px;
    position: relative;
    left:100px
}

.quote .actions {
    margin-left:0
}

.quote p {
    font-size: 28px !important;
    line-height: 40px !important;
    font-style: italic;
    font-weight: lighter;
    color:#5D5D5D
}

.contributor p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom:10px
}

.contributor p:last-of-type {
    margin-bottom:0
}

.contributor__photo {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    float:left
}

.contributor__bio {
    margin-left:120px
}

.share li {
    float: left;
    width:50%
}

@media (max-width: 650px) {
    .share li {
        float: none;
        width:100%
    }
}

.share a {
    color: #fff;
    padding: 20px;
    text-align: center;
    display: block;
    text-decoration:none
}

.share a.share__twitter {
    background:#55acee
}

.share a.share__twitter:hover {
    background:#2795e9
}

.share a.share__facebook {
    background:#3362A4
}

.share a.share__facebook:hover {
    background:#274b7d
}

.award {
    text-align: center;
    font-size: 14px;
    color: #5D5D5D;
    line-height:20px
}

.award img {
    margin-bottom:10px
}

.footer-supporter {
    text-decoration: none;
    padding: 10px;
    height: 159px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background:#fff
}

.footer-supporter img {
    display: block;
    max-height: 100%;
    max-width:100%
}

.stat {
    width: 250px;
    height: 250px;
    padding: 20px;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    shape-outside:circle()
}

body.nlc .stat {
    border:#008FDF 2px solid
}

body.slc .stat {
    border:#D80050 2px solid
}

body.mc .stat {
    border:#AB0CB9 2px solid
}

body.lc .stat {
    border:#3EB103 2px solid
}

body.elc .stat {
    border:#00AAB2 2px solid
}

@media (max-width: 650px) {
    .stat {
        margin-left: auto;
        margin-right:auto
    }
}

.stat__figure {
    display: block;
    font-size: 48px;
    margin-bottom:5px
}

body.nlc .stat__figure {
    color:#008FDF
}

body.slc .stat__figure {
    color:#D80050
}

body.mc .stat__figure {
    color:#AB0CB9
}

body.lc .stat__figure {
    color:#3EB103
}

body.elc .stat__figure {
    color:#00AAB2
}

.stat__caption {
    font-size: 14px;
    line-height: 18px;
    color:#5D5D5D
}

.social {
    padding: 4vw 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background-color: #F9F9F9;
    border-bottom:2px solid white
}

.social h3 {
    padding-bottom:5px
}

body.nlc .social h3 a {
    color:#008FDF
}

body.slc .social h3 a {
    color:#D80050
}

body.mc .social h3 a {
    color:#AB0CB9
}

body.lc .social h3 a {
    color:#3EB103
}

body.elc .social h3 a {
    color:#00AAB2
}

.social h3 a:hover {
    text-decoration:underline
}

.social__twitter {
    -ms-flex: 0 40%;
    flex:0 40%
}

.social__twitter iframe {
    height:367px !important
}

.social__flickr {
    -ms-flex: 0 60%;
    flex: 0 60%;
    padding-left:25px
}

.social__flickr h3 {
    padding-left:10px
}

@media (max-width: 650px) {
    .social__flickr {
        padding-left: 0;
        margin-top:60px
    }
}

.social__flickr #social__flickr ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top:-10px
}

.social__flickr #social__flickr ul li {
    width: 33.3333333%;
    overflow: hidden;
    max-height: 187px;
    padding: 10px 0px 10px 10px;
    margin-right: 0px;
    display:inline-block
}

.social__flickr #social__flickr ul li a:hover {
    opacity:0.7
}

@media (max-width: 650px) {
    .social__flickr #social__flickr ul li {
        width: 100%;
        max-height: none;
        padding:0 0 20px 0
    }
}

.social__flickr #social__flickr ul li img {
    width:110%
}

.social__flickr #social__flickr .flickrHeader {
    display:none !important
}

.gallery {
    column-count: 3;
    column-gap:5px
}

.gallery img {
    margin-bottom: 5px;
    width: 100%;
    height:auto
}

.cookie-warning {
    display: none;
    position: fixed;
    bottom: 30px;
    width: 100%;
    z-index:101
}

.cookie-warning a {
    color:#fff
}

.cookie-warning__close {
    float: right;
    color: #fff;
    margin:0 0 20px 20px
}

body.nlc .cookie-warning__close:hover {
    color:#1B213A
}

body.slc .cookie-warning__close:hover {
    color:#700029
}

body.mc .cookie-warning__close:hover {
    color:#67236d
}

body.lc .cookie-warning__close:hover {
    color:#458823
}

body.elc .cookie-warning__close:hover {
    color:#007A82
}

.cookie-warning__close i {
    margin-left:10px
}

.cookie-warning .container {
    color: #fff;
    padding:40px
}

body.nlc .cookie-warning .container {
    background-color:#008FDF
}

body.slc .cookie-warning .container {
    background-color:#D80050
}

body.mc .cookie-warning .container {
    background-color:#AB0CB9
}

body.lc .cookie-warning .container {
    background-color:#3EB103
}

body.elc .cookie-warning .container {
    background-color:#00AAB2
}

.interstitial {
    background: #fafafa;
    background-size: cover;
    height:100vh
}

@media (max-width: 650px) {
    .interstitial {
        background: #00ACF0;
        background-size: 100% auto;
        background-repeat: no-repeat;
        padding-top: 40vh;
        height:auto
    }
}

.interstitial .form__amount li {
    border-radius: 4px;
    margin-right: 10px;
    font-size: 22px;
    width: 170px;
    text-align: center;
    margin-bottom: 10px;
    padding:10px
}

@media (max-width: 650px) {
    .interstitial .form__amount li {
        width: calc(33.3333% - 10px);
        display: inline-block;
        padding:15px 0
    }
}

.interstitial .form__amount li:last-of-type {
    margin-right:0
}

.interstitial .form__amount li.active input {
    color:#fff
}

.interstitial__btn {
    background: #64BD3F;
    border-radius: 4px;
    display: block;
    width: 100%;
    border: 0;
    padding: 10px 0;
    text-align: center;
    font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    -webkit-appearance:none
}

.interstitial__btn:hover {
    background:#82cb64
}

@media (max-width: 650px) {
    .interstitial__btn {
        padding: 15px 0;
        font-size:18px
    }
}

.interstitial .form__line {
    margin-bottom:0
}

.interstitial__overlay {
    position: fixed;
    bottom: 0;
    left: 0;
    width:100%
}

@media (max-width: 650px) {
    .interstitial__overlay {
        position:static
    }
}

.interstitial__modal {
    width: 600px;
    background: #fff;
    padding: 30px;
    border-radius:4px 4px 0px 0px
}

@media (max-width: 650px) {
    .interstitial__modal {
        width: 100%;
        border-radius: 4px;
        text-align:center
    }
}

.interstitial__modal p {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 300;
    margin-bottom:20px
}

@media (max-width: 650px) {
    .interstitial__modal p {
        font-size:18px
    }
}

.interstitial__modal strong {
    font-weight: bold;
    color:#00ACF0
}

.interstitial__modal p.interstitial__alt {
    margin: 20px 0 0 0;
    font-size: 14px;
    text-align:center
}

.interstitial__modal p.interstitial__alt a {
    color:#868686
}

.interstitial__modal p.interstitial__alt a:hover {
    color:#333
}

.interstitial__bar {
    background: #00ACF0;
    padding: 15px 0;
    font-size: 12px;
    text-align:left
}

.interstitial__bar p {
    width: 700px;
    line-height: 1.3;
    float: right;
    text-align: right;
    color: #fff;
    padding-top:4px
}

.interstitial__bar a {
    color:#fff
}

@media (max-width: 650px) {
    .interstitial__bar {
        text-align:center
    }

    .interstitial__bar p {
        float: none;
        width: 100%;
        text-align: center;
        margin:20px 0 50px 0
    }
}

.interstitial__logo {
    position: absolute;
    top: 40px;
    left:40px
}

.interstitial__cta {
    position: fixed;
    top: 40px;
    right: 40px;
    color: #fff;
    padding: 15px 20px;
    border-radius: 3px;
    border: #fff 1px solid;
    background: rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-weight: bold;
    text-decoration:none
}

.interstitial__cta:hover {
    opacity:0.5
}

@media (max-width: 650px) {
    .interstitial__cta {
        top: auto;
        right: auto;
        bottom: 0;
        width: 100%;
        left: 0;
        background: #fff;
        border-radius: 0;
        box-shadow: rgba(0, 0, 0, 0.1) 0 -2px 4px;
        color: #00ACF0;
        text-align:center
    }

    .interstitial__cta:hover {
        opacity:1
    }
}

.pill {
    text-align:center
}

.pill__item {
    display: inline-block;
    margin:0 10px
}

.pill__item a {
    text-decoration: none;
    padding: 20px;
    font-weight: normal;
    display: block;
    border-radius: 3px;
    background: #fff;
    border: #C4C4C4 1px solid;
    color:#C4C4C4
}

.pill__item--active a {
    color:#fff !important
}

body.nlc .pill__item--active a {
    background:#008FDF
}

body.slc .pill__item--active a {
    background:#D80050
}

body.mc .pill__item--active a {
    background:#AB0CB9
}

body.lc .pill__item--active a {
    background:#3EB103
}

body.elc .pill__item--active a {
    background:#00AAB2
}

body.nlc .pill__item--active a {
    border-color:#008FDF
}

body.slc .pill__item--active a {
    border-color:#D80050
}

body.mc .pill__item--active a {
    border-color:#AB0CB9
}

body.lc .pill__item--active a {
    border-color:#3EB103
}

body.elc .pill__item--active a {
    border-color:#00AAB2
}

@media (max-width: 650px) {
    .pill__item {
        display: block;
        margin:0
    }

    .pill__item a {
        border: 0;
        background:#fafafa
    }

    body.nlc .pill__item--active a {
        background:#008FDF
    }

    body.slc .pill__item--active a {
        background:#D80050
    }

    body.mc .pill__item--active a {
        background:#AB0CB9
    }

    body.lc .pill__item--active a {
        background:#3EB103
    }

    body.elc .pill__item--active a {
        background:#00AAB2
    }
}

.flickr-feed {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

@media (max-width: 650px) {
    .flickr-feed {
        display:block
    }
}

.flickr-feed__third {
    width: calc(33.333% - 3px);
    margin-right: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

@media (max-width: 650px) {
    .flickr-feed__third {
        width: 100%;
        margin-right:0
    }
}

.flickr-feed__third:last-of-type {
    margin-right:0
}

.flickr-feed__third .flickr-feed__img {
    display: block;
    margin-bottom: 4px;
    height: auto;
    transition:opacity 0.2s ease-in-out
}

.flickr-feed__third .flickr-feed__img--large {
    width:100%
}

.flickr-feed__third .flickr-feed__img--small {
    margin-right: 4px;
    width:calc(50% - 2px)
}

.flickr-feed__third .flickr-feed__img--last {
    margin-right:0
}

.flickr-feed__third .flickr-feed__img img {
    width: 100%;
    height: auto;
    display:block
}

.flickr-feed__third .flickr-feed__img:hover {
    opacity:0.6
}

.month-heading {
    margin-top:40px
}

.month-heading--tight {
    margin-top:0
}

.form__group--giftaid {
    -ms-flex-flow: row;
    flex-flow:row
}

.form__giftaid-info {
    margin-left:0
}

.form__giftaid-logo {
    float: none;
    margin-right:20px
}

.fyi p {
    font-size: 14px;
    opacity: 0.5;
    text-align:center
}

.donate-heading {
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    margin-top: 60px;
    font-size: 18px;
    width:100%
}

body.nlc .donate-heading {
    border-bottom:#008FDF 1px solid
}

body.slc .donate-heading {
    border-bottom:#D80050 1px solid
}

body.mc .donate-heading {
    border-bottom:#AB0CB9 1px solid
}

body.lc .donate-heading {
    border-bottom:#3EB103 1px solid
}

body.elc .donate-heading {
    border-bottom:#00AAB2 1px solid
}

body.nlc .donate-heading {
    color:#008FDF
}

body.slc .donate-heading {
    color:#D80050
}

body.mc .donate-heading {
    color:#AB0CB9
}

body.lc .donate-heading {
    color:#3EB103
}

body.elc .donate-heading {
    color:#00AAB2
}

.button-set {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    width: calc(100% + 40px);
    position: relative;
    left:-20px
}

.button-set__item {
    width: 100%;
    margin:0 20px
}

.button-set__item span {
    display: block;
    opacity: 0.5;
    font-weight: normal;
    font-size: 12px;
    margin-top:5px
}

.button-set__item a {
    display: block;
    background: #f0eeea;
    color: #4d4d4d !important;
    font-size: 16px;
    padding: 30px 20px;
    text-decoration: none;
    text-align: center;
    border-radius:3px
}

.button-set__item a:hover {
    color:#fff !important
}

body.nlc .button-set__item a:hover {
    background:#008FDF
}

body.slc .button-set__item a:hover {
    background:#D80050
}

body.mc .button-set__item a:hover {
    background:#AB0CB9
}

body.lc .button-set__item a:hover {
    background:#3EB103
}

body.elc .button-set__item a:hover {
    background:#00AAB2
}

.button-set__item--active a {
    color:#fff !important
}

body.nlc .button-set__item--active a {
    background:#008FDF
}

body.slc .button-set__item--active a {
    background:#D80050
}

body.mc .button-set__item--active a {
    background:#AB0CB9
}

body.lc .button-set__item--active a {
    background:#3EB103
}

body.elc .button-set__item--active a {
    background:#00AAB2
}

@media (max-width: 650px) {
    .button-set {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        left:0
    }

    .button-set__item {
        margin:0 0 20px 0
    }
}

.gateway {
    display:none
}

.siblings-footer__heading {
    padding: 35px 0px;
    font-size: 22px;
    font-weight: bold;
    text-align:center
}

body.nlc .siblings-footer__heading {
    color:#008FDF
}

body.slc .siblings-footer__heading {
    color:#D80050
}

body.mc .siblings-footer__heading {
    color:#AB0CB9
}

body.lc .siblings-footer__heading {
    color:#3EB103
}

body.elc .siblings-footer__heading {
    color:#00AAB2
}

.siblings-footer__siblings {
    display: -ms-flexbox;
    display:flex
}

@media (max-width: 650px) {
    .siblings-footer__siblings {
        display:block
    }
}

.siblings-footer__sibling {
    display: block;
    background: #000;
    width: 50%;
    max-height: 240px;
    padding:58px 40px
}

@media (max-width: 650px) {
    .siblings-footer__sibling {
        width: 100%;
        padding:30px 60px
    }
}

.siblings-footer__sibling--nlc {
    background:#008FDF
}

.siblings-footer__sibling--nlc:hover {
    background:#00638a
}

.siblings-footer__sibling--elc {
    background:#00AAB2
}

.siblings-footer__sibling--elc:hover {
    background:#007A82
}

.siblings-footer__sibling--slc {
    background:#D80050
}

.siblings-footer__sibling--slc:hover {
    background:#750730
}

.siblings-footer__sibling--cf {
    background: #BFBFBF;
    width:100%
}

.siblings-footer__sibling--cf:hover {
    background:#888
}

.siblings-footer__sibling img {
    height: 100%;
    max-height: 125px;
    width: 100%;
    display: block;
    margin:0px auto
}

.siblings-footer__family {
    width:100%
}

.richtext-accordion {
    background: #F5F5F5;
    border-radius: 8px;
    margin-bottom:12px
}

.richtext-accordion:last-child {
    margin-bottom:2rem
}

.richtext-accordion__button {
    font-family: inherit;
    border: none;
    display: block;
    outline: none;
    background: transparent;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    padding:1.75rem 1.25rem
}

.richtext-accordion__button:hover h3 {
    opacity:0.6
}

body.nlc .richtext-accordion__icon {
    color:#008FDF
}

body.slc .richtext-accordion__icon {
    color:#D80050
}

body.mc .richtext-accordion__icon {
    color:#AB0CB9
}

body.lc .richtext-accordion__icon {
    color:#3EB103
}

body.elc .richtext-accordion__icon {
    color:#00AAB2
}

.richtext-accordion__header {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: left;
    transition:all 0.3s
}

@media (max-width: 650px) {
    .richtext-accordion__header {
        font-size:1.125rem
    }
}

.richtext-accordion__container {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    transition: all 600ms;
    max-height: 0;
    padding:0 1.25rem
}

@media (max-width: 650px) {
    .richtext-accordion__container {
        display:block
    }
}

.richtext-accordion__col--right {
    width: 55%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-order: -9999;
    order: -9999;
    padding-bottom: 1rem;
    padding-right:20px
}

@media (max-width: 650px) {
    .richtext-accordion__col--right {
        width:100%
    }
}

.richtext-accordion__col--left {
    width: 45%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-bottom:1rem
}

@media (max-width: 650px) {
    .richtext-accordion__col--left {
        width:100%
    }
}

.richtext-accordion__image {
    border-radius: 12px;
    width: 100%;
    max-width: 100%;
    height: auto;
    display:block
}

@media (max-width: 650px) {
    .richtext-accordion__image {
        margin-bottom:1rem
    }
}

.richtext-accordion__copy h3 {
    font-weight: bold;
    margin-bottom: 6px;
    font-size:1.125rem
}

body.nlc .richtext-accordion__copy h3 {
    color:#008FDF
}

body.slc .richtext-accordion__copy h3 {
    color:#D80050
}

body.mc .richtext-accordion__copy h3 {
    color:#AB0CB9
}

body.lc .richtext-accordion__copy h3 {
    color:#3EB103
}

body.elc .richtext-accordion__copy h3 {
    color:#00AAB2
}

.richtext-accordion__copy p:last-child {
    margin-bottom:0
}

body.elc .actions__action a:hover {
    color:#fff !important
}

body.elc .actions--social li a:hover {
    color:#fff !important
}

body .share__twitter, body .share__facebook {
    color:#fff !important
}

@media (max-width: 650px) {
    .twitter-timeline {
        width:100vw !important
    }
}

.new-home .slab {
    padding:56px 0px !important
}

.new-home .slab--home-features {
    padding-top:26px !important
}

.new-home .slab--home-blog {
    padding-top:59px !important
}

@media (max-width: 650px) {
    .new-home .slab {
        padding:50px 0px !important
    }

    .new-home .slab--home-features {
        padding-top: 20px !important;
        padding-bottom:0 !important
    }

    .new-home .slab--home-blog {
        padding-top:0px !important
    }
}

@media (max-width: 650px) {
    .new-home .col__33 {
        margin-bottom:30px
    }
}

.new-home .actions {
    padding-top:55px
}

@media (max-width: 650px) {
    .new-home .actions {
        padding:40px 25px 0px
    }
}

.new-home .twitter-iframe-container {
    position:absolute
}

@media (max-width: 650px) {
    .new-home .twitter-iframe-container {
        position:relative
    }

    .new-home .twitter-iframe-container:before {
        content: "";
        width: 100vw;
        height: calc(50% + 50px);
        background: #FFF;
        display: block;
        position: absolute;
        z-index: 1;
        left: -25px;
        top:50%
    }
}

.new-home .twitter-iframe-container > a {
    padding: 20px;
    background: #fff;
    box-shadow: 0px 9px 10px rgba(0, 0, 0, 0.1);
    display: block;
    position: relative;
    z-index:2
}

.new-home .twitter-iframe-container iframe {
    box-shadow: 0px 9px 10px rgba(0, 0, 0, 0.1);
    position: relative !important;
    z-index:2
}

.new-home .card-push {
    margin-bottom:40px
}

@media (max-width: 650px) {
    .new-home .card-push {
        margin-bottom:30px
    }
}

.new-home .card--feature .card__inner {
    box-shadow: none;
    padding: 20px;
    padding-top: 16px;
    padding-bottom: 30px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction:column
}

@media (max-width: 650px) {
    .new-home .card--feature .card__inner {
        padding-top:20px
    }
}

.new-home .card--feature .card__inner .sub-heading {
    font-size: 18px;
    line-height: 22px;
    margin-bottom:16px
}

body.nlc .new-home .card--feature .card__inner .sub-heading {
    color:#008FDF
}

body.slc .new-home .card--feature .card__inner .sub-heading {
    color:#D80050
}

body.mc .new-home .card--feature .card__inner .sub-heading {
    color:#AB0CB9
}

body.lc .new-home .card--feature .card__inner .sub-heading {
    color:#3EB103
}

body.elc .new-home .card--feature .card__inner .sub-heading {
    color:#00AAB2
}

@media (max-width: 650px) {
    .new-home .card--feature .card__inner .sub-heading {
        margin-bottom:25px
    }
}

.new-home .card--feature .card__inner img {
    margin-bottom: 20px;
    display:block
}

.new-home .card--feature .card__inner .copy {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction:column
}

.new-home .card--feature .card__inner .copy p {
    font-size: 16px !important;
    line-height: 24px !important;
    color:#3f3f3f !important
}

.new-home .card--feature .card__inner .copy p:last-of-type {
    margin-bottom:0 !important
}

.new-home .card--feature .card__inner .copy div {
    margin-top: auto;
    padding-top:39px
}

@media (max-width: 650px) {
    .new-home .card--feature .card__inner .copy div {
        padding-top:30px
    }
}

.new-home .card--feature .card__inner .copy div a {
    font-size: 16px;
    font-weight: bold;
    text-decoration:underline
}

body.nlc .new-home .card--feature .card__inner .copy div a {
    color:#008FDF
}

body.slc .new-home .card--feature .card__inner .copy div a {
    color:#D80050
}

body.mc .new-home .card--feature .card__inner .copy div a {
    color:#AB0CB9
}

body.lc .new-home .card--feature .card__inner .copy div a {
    color:#3EB103
}

body.elc .new-home .card--feature .card__inner .copy div a {
    color:#00AAB2
}

.new-home .card--blog-post {
    display: block !important;
    border:1px solid #f5f5f5
}

@media (max-width: 650px) {
    .new-home .card--blog-post {
        border: none;
        border-bottom:1px solid #f5f5f5
    }
}

.new-home .card--blog-post > a {
    display:block
}

.new-home .card--blog-post > a img {
    display:block
}

.new-home .card--blog-post .card__inner {
    box-shadow: none;
    padding: 20px;
    padding-top: 19px;
    padding-bottom:30px
}

@media (max-width: 650px) {
    .new-home .card--blog-post .card__inner {
        padding:16px 25px 27px
    }
}

.new-home .card--blog-post .card__inner .sub-heading {
    font-size: 18px;
    line-height: 22px;
    margin-bottom:11px
}

body.nlc .new-home .card--blog-post .card__inner .sub-heading {
    color:#008FDF
}

body.slc .new-home .card--blog-post .card__inner .sub-heading {
    color:#D80050
}

body.mc .new-home .card--blog-post .card__inner .sub-heading {
    color:#AB0CB9
}

body.lc .new-home .card--blog-post .card__inner .sub-heading {
    color:#3EB103
}

body.elc .new-home .card--blog-post .card__inner .sub-heading {
    color:#00AAB2
}

@media (max-width: 650px) {
    .new-home .card--blog-post .card__inner .sub-heading {
        margin-bottom:10px
    }
}

.new-home .card--blog-post .card__inner img {
    margin-bottom: 20px;
    height:24px
}

.new-home .card--blog-post .card__inner .copy {
    -ms-flex: 1;
    flex:1
}

.new-home .card--blog-post .card__inner .copy p {
    font-size: 16px !important;
    line-height: 24px !important;
    color:#3f3f3f !important
}

.new-home .card--blog-post .card__inner .copy p:last-of-type {
    margin-bottom:0 !important
}

.new-home .card--blog-post .card__inner .copy .meta {
    color: #727272 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    margin-bottom: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items:center
}

@media (max-width: 650px) {
    .new-home .card--blog-post .card__inner .copy .meta {
        margin-bottom:15px
    }
}

.new-home .card--blog-post .card__inner .copy .meta img {
    margin-left: 0 !important;
    margin-bottom: 0;
    margin-right: 12px;
    top: 0px !important;
    -ms-flex: 0 0 24px;
    flex:0 0 24px
}

.new-home .card--blog-post .card__inner .copy .meta span {
    -ms-flex: 1;
    flex:1
}

@media (max-width: 650px) {
    .new-home .last-real-card-on-mobile {
        margin-bottom:0
    }
}

.icon--right {
    margin-left:10px
}

.icon--left {
    margin-right: 10px;
    width: 15px;
    text-align:center
}

a {
    transition:all 400ms
}

.legal {
    font-size: 13px;
    line-height:22px
}

.button {
    display: inline-block;
    padding: 10px 26px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-radius: 75px;
    transition-property: color, background, border-color;
    transition-duration:300ms
}

body.nlc .button {
    background: #008FDF;
    border-color:#008FDF
}

body.nlc .button:hover {
    background: #00638a;
    border-color:#00638a
}

body.elc .button {
    background: #00AAB2;
    border-color:#00AAB2
}

body.elc .button:hover {
    background: #007A82;
    border-color:#007A82
}

body.slc .button {
    background: #D80050;
    border-color:#D80050
}

body.slc .button:hover {
    background: #750730;
    border-color:#750730
}

body.mc .button {
    background: #AB0CB9;
    border-color:#AB0CB9
}

body.mc .button:hover {
    background: #67236d;
    border-color:#67236d
}

body.lc .button {
    background: #3EB103;
    border-color:#3EB103
}

body.lc .button:hover {
    background: #458823;
    border-color:#458823
}

body.nlc .button--ghost {
    background: #fff;
    color: #008FDF;
    border-color:#008FDF
}

body.nlc .button--ghost:hover {
    color: #fff;
    background: #008FDF;
    border-color:#008FDF
}

body.elc .button--ghost {
    background: #fff;
    color: #00AAB2;
    border-color:#00AAB2
}

body.elc .button--ghost:hover {
    color: #fff;
    background: #00AAB2;
    border-color:#00AAB2
}

body.slc .button--ghost {
    background: #fff;
    color: #D80050;
    border-color:#D80050
}

body.slc .button--ghost:hover {
    color: #fff;
    background: #D80050;
    border-color:#D80050
}

body.mc .button--ghost {
    background: #fff;
    color: #AB0CB9;
    border-color:#AB0CB9
}

body.mc .button--ghost:hover {
    color: #fff;
    background: #AB0CB9;
    border-color:#AB0CB9
}

body.lc .button--ghost {
    background: #fff;
    color: #3EB103;
    border-color:#3EB103
}

body.lc .button--ghost:hover {
    color: #fff;
    background: #3EB103;
    border-color:#3EB103
}

body.nlc .button--white {
    color: #008FDF;
    background: #fff;
    border-color:#fff
}

body.nlc .button--white:hover {
    color: #fff;
    background: #008FDF;
    border-color:#fff
}

body.elc .button--white {
    color: #00AAB2;
    background: #fff;
    border-color:#fff
}

body.elc .button--white:hover {
    color: #fff;
    background: #00AAB2;
    border-color:#fff
}

body.slc .button--white {
    color: #D80050;
    background: #fff;
    border-color:#fff
}

body.slc .button--white:hover {
    color: #fff;
    background: #D80050;
    border-color:#fff
}

body.mc .button--white {
    color: #AB0CB9;
    background: #fff;
    border-color:#fff
}

body.mc .button--white:hover {
    color: #fff;
    background: #AB0CB9;
    border-color:#fff
}

body.lc .button--white {
    color: #3EB103;
    background: #fff;
    border-color:#fff
}

body.lc .button--white:hover {
    color: #fff;
    background: #3EB103;
    border-color:#fff
}

.new-site-header {
    margin-bottom:36px
}

@media (max-width: 650px) {
    .new-site-header {
        margin-bottom:20px
    }
}

.new-site-header__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 28px;
    padding-bottom:28px;
	gap: 12px;
font-size: 14px;
font-weight: bold;
color: #008FDF;
}

@media (max-width: 650px) {
    .new-site-header__top {
        padding-top: 20px;
        padding-bottom:20px
    }
}

.new-site-header__logo {
    width:322px
}

@media (max-width: 650px) {
    .new-site-header__logo {
        width:100%
    }
}

.new-site-header__actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items:center
}

.new-site-header__actions li:last-child {
    margin-left:12px
}

@media (max-width: 650px) {
    .new-site-header__actions {
        display:none
    }
}

.new-site-header__mobile-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items:center
}

.new-site-header__mobile-actions > * + * {
    margin-left:20px
}

@media (min-width: 650px) {
    .new-site-header__mobile-actions {
        display:none
    }
}

.new-site-header__desktop-menus {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items:center
}

.new-site-header__desktop-menus > * + * {
    margin-left:40px
}

@media (max-width: 768px) {
    .new-site-header__desktop-menus > * + * {
        margin-left:20px
    }
}

@media (max-width: 650px) {
    .new-site-header__desktop-menus {
        flex-direction: column;
    }
    .new-site-header__desktop-menus > * + * {
		margin-top: 20px;
        margin-left:0px;
    }
}

.new-site-header__menu-wrapper {
    -ms-flex-positive: 1;
    flex-grow: 1;
    position:relative
}

.new-site-header__menu-button {
    width: 100%;
    padding: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #000;
    background-color: #f5f5f5;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition:all 300ms
}

.new-site-header__menu-button:hover, .new-site-header__menu-button.is-active {
    color:#fff
}

body.nlc .new-site-header__menu-button:hover, body.nlc .new-site-header__menu-button.is-active {
    background:#008FDF
}

body.slc .new-site-header__menu-button:hover, body.slc .new-site-header__menu-button.is-active {
    background:#D80050
}

body.mc .new-site-header__menu-button:hover, body.mc .new-site-header__menu-button.is-active {
    background:#AB0CB9
}

body.lc .new-site-header__menu-button:hover, body.lc .new-site-header__menu-button.is-active {
    background:#3EB103
}

body.elc .new-site-header__menu-button:hover, body.elc .new-site-header__menu-button.is-active {
    background:#00AAB2
}

.new-site-header__menu {
    position: absolute;
    top: 100%;
    width: 100%;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 12px;
    opacity: 0;
    pointer-events: none;
    transition: all 300ms;
    z-index:50
}

.new-site-header__menu.is-open {
    top: calc(100% + 10px);
    opacity: 1;
    pointer-events:auto
}

.new-site-header__menu ul > li + li {
    margin-top:24px
}

.new-site-header__menu a {
    font-weight: bold;
    text-decoration: none;
    color: #000;
    transition: all 300ms;
    position: relative;
    z-index:10
}

body.nlc .new-site-header__menu a:hover {
    color:#008FDF
}

body.slc .new-site-header__menu a:hover {
    color:#D80050
}

body.mc .new-site-header__menu a:hover {
    color:#AB0CB9
}

body.lc .new-site-header__menu a:hover {
    color:#3EB103
}

body.elc .new-site-header__menu a:hover {
    color:#00AAB2
}

.new-site-header__mobile-menu {
    display: none;
    padding: 24px;
    margin-top: 20px;
    border: 1px solid #ccc;
    border-radius:12px
}

.new-site-header__mobile-menu.is-open {
    display:block
}

.new-site-header__mobile-menu ul > li + li {
    margin-top:24px
}

.new-site-header__mobile-menu button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    background: none;
    border:none
}

body.nlc .new-site-header__mobile-menu button {
    color:#008FDF
}

body.slc .new-site-header__mobile-menu button {
    color:#D80050
}

body.mc .new-site-header__mobile-menu button {
    color:#AB0CB9
}

body.lc .new-site-header__mobile-menu button {
    color:#3EB103
}

body.elc .new-site-header__mobile-menu button {
    color:#00AAB2
}

.new-site-header__mobile-menu button > .new-site-header__minus-icon {
    display:block
}

.new-site-header__mobile-menu button > .new-site-header__minus-icon {
    display:none
}

.new-site-header__mobile-menu button.is-active > .new-site-header__minus-icon {
    display:block
}

.new-site-header__mobile-menu button.is-active > .new-site-header__plus-icon {
    display:none
}

.new-site-header__mobile-menu button + ul {
    display: none;
    margin-top:24px
}

.new-site-header__mobile-menu button + ul > li + li {
    margin-top:24px
}

.new-site-header__mobile-menu button + ul a {
    font-weight: bold;
    text-decoration: none;
    color:#000
}

.new-site-header__mobile-menu button + ul.is-open {
    display:block
}

@media (min-width: 650px) {
    .new-site-header__mobile-menu {
        display:none
    }
}

.homepage-slider {
    position: relative;
    width: 100%;
    margin-bottom:40px
}

.homepage-slider__slide {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 542px;
    border-radius: 16px;
    overflow:hidden
}

@media (max-width: 1024px) {
    .homepage-slider__slide {
        -ms-flex-direction: column;
        flex-direction: column;
        height:auto
    }
}

.homepage-slider__left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    width: 41.666667%;
    height: 100%;
    padding:68px 32px
}

body.nlc .homepage-slider__left {
    background:#008FDF
}

body.slc .homepage-slider__left {
    background:#D80050
}

body.mc .homepage-slider__left {
    background:#AB0CB9
}

body.lc .homepage-slider__left {
    background:#3EB103
}

body.elc .homepage-slider__left {
    background:#00AAB2
}

@media (max-width: 1024px) {
    .homepage-slider__left {
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        padding-top:28px
    }
}

.homepage-slider__content {
    max-width: 365px;
    margin: 0 auto;
    text-align: center;
    color:#fff
}

.homepage-slider__content p {
    margin-bottom: 24px;
    font-size: 30px;
    font-weight: bold;
    line-height:1.25
}

@media (max-width: 1024px) {
    .homepage-slider__content p {
        font-size:20px
    }
}

.homepage-slider__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    width: 58.333333%;
    height:100%
}

@media (max-width: 1024px) {
    .homepage-slider__right {
        display: block;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding-bottom: 56.25%;
        overflow:hidden
    }
}

@media (max-width: 650px) {
    .homepage-slider__right {
        padding-bottom:80.84%
    }
}

.homepage-slider__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index:1
}

.homepage-slider__button {
    position: relative;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    transition: color 300ms;
    z-index:2
}

body.nlc .homepage-slider__button {
    color:#008FDF
}

body.slc .homepage-slider__button {
    color:#D80050
}

body.mc .homepage-slider__button {
    color:#AB0CB9
}

body.lc .homepage-slider__button {
    color:#3EB103
}

body.elc .homepage-slider__button {
    color:#00AAB2
}

body.nlc .homepage-slider__button:hover {
    color:#00638a
}

body.slc .homepage-slider__button:hover {
    color:#750730
}

body.mc .homepage-slider__button:hover {
    color:#67236d
}

body.lc .homepage-slider__button:hover {
    color:#458823
}

body.elc .homepage-slider__button:hover {
    color:#007A82
}

@media (max-width: 1024px) {
    .homepage-slider__button {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform:translate(-50%, -50%)
    }
}

.homepage-slider__dots {
    position: absolute;
    bottom: 40px;
    left: 0;
    width:41.666667%
}

.homepage-slider__dots ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items:center
}

.homepage-slider__dots li, .homepage-slider__dots button {
    width: 10px;
    height:10px
}

.homepage-slider__dots li {
    margin-left: 2px;
    margin-right:2px
}

.homepage-slider__dots button {
    display: block;
    padding: 0;
    font-size: 0px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor:pointer
}

.homepage-slider__dots li.slick-active button {
    background-color:#fff
}

@media (max-width: 1024px) {
    .homepage-slider__dots {
        bottom: 28px;
        width:100%
    }
}

.homepage-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 80px 40px;
    margin-bottom:80px
}

.homepage-grid--blog-cards {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr
}

@media (max-width: 1024px) {
    .homepage-grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap:40px
    }

    .homepage-grid--blog-cards {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

@media (max-width: 650px) {
    .homepage-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

html.ie11 .homepage-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction:column
}

html.ie11 .homepage-grid > * + * {
    margin-top:20px
}

.homepage-grid__col {
    -ms-grid-column-span: 1;
    -ms-grid-column: span 1;
    grid-column:span 1 / span 1
}

.homepage-grid__col--2 {
    -ms-grid-column-span: 2;
    -ms-grid-column: span 2;
    grid-column:span 2 / span 2
}

.homepage-grid__col--3 {
    -ms-grid-column-span: 3;
    -ms-grid-column: span 3;
    grid-column:span 3 / span 3
}

@media (max-width: 1024px) {
    .homepage-grid__col--2, .homepage-grid__col--3 {
        -ms-grid-column-span: 2;
        -ms-grid-column: span 2;
        grid-column:span 2 / span 2
    }

}

.homepage-grid__heading {
    font-size: 22px;
    font-weight: bold;
    margin-bottom:25px
}

body.nlc .homepage-grid__heading {
    color:#008FDF
}

body.slc .homepage-grid__heading {
    color:#D80050
}

body.mc .homepage-grid__heading {
    color:#AB0CB9
}

body.lc .homepage-grid__heading {
    color:#3EB103
}

body.elc .homepage-grid__heading {
    color:#00AAB2
}

.homepage-grid__social-header .homepage-grid__heading {
    margin-bottom:0
}

@media (max-width: 650px) {
    .homepage-grid__heading {
        margin-bottom:18px
    }
}

.homepage-grid__social-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:25px
}

@media (max-width: 650px) {
    .homepage-grid__social-header {
        margin-bottom:18px
    }
}

.homepage-grid__social-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items:center
}

.homepage-grid__social-icons > li + li {
    margin-left:16px
}

.homepage-grid__social-icons a {
    transition:color 300ms
}

body.nlc .homepage-grid__social-icons a {
    color:#008FDF
}

body.slc .homepage-grid__social-icons a {
    color:#D80050
}

body.mc .homepage-grid__social-icons a {
    color:#AB0CB9
}

body.lc .homepage-grid__social-icons a {
    color:#3EB103
}

body.elc .homepage-grid__social-icons a {
    color:#00AAB2
}

body.nlc .homepage-grid__social-icons a:hover {
    color:#00638a
}

body.slc .homepage-grid__social-icons a:hover {
    color:#750730
}

body.mc .homepage-grid__social-icons a:hover {
    color:#67236d
}

body.lc .homepage-grid__social-icons a:hover {
    color:#458823
}

body.elc .homepage-grid__social-icons a:hover {
    color:#007A82
}

.homepage-grid__button {
    text-align:center
}

.blog-card {
    width:100%
}

.blog-card__image {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 56.13%;
    margin-bottom: 25px;
    border-radius: 6px;
    overflow: hidden;
    transition:opacity 300ms
}

.blog-card__image:hover {
    opacity:0.75
}

.blog-card__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit:cover
}

.blog-card__heading {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    transition:color 300ms
}

body.nlc .blog-card__heading {
    color:#008FDF
}

body.slc .blog-card__heading {
    color:#D80050
}

body.mc .blog-card__heading {
    color:#AB0CB9
}

body.lc .blog-card__heading {
    color:#3EB103
}

body.elc .blog-card__heading {
    color:#00AAB2
}

body.nlc .blog-card__heading:hover {
    color:#00638a
}

body.slc .blog-card__heading:hover {
    color:#750730
}

body.mc .blog-card__heading:hover {
    color:#67236d
}

body.lc .blog-card__heading:hover {
    color:#458823
}

body.elc .blog-card__heading:hover {
    color:#007A82
}

.blog-card__author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:14px
}

.blog-card__author img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    object-fit: cover;
    border-radius:100%
}

.blog-card__author span {
    display: inline-block;
    color:#303030
}

.blog-card__copy {
    font-size: 16px;
    color:#303030
}

.blog-card__copy p {
    line-height:1.5
}

.blog-card__copy > p + p {
    margin-top:10px
}

.newsletter-fab {
    position: fixed;
    bottom: 32px;
    right: 32px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    z-index:99
}

body.nlc .newsletter-fab {
    color:#008FDF
}

body.slc .newsletter-fab {
    color:#D80050
}

body.mc .newsletter-fab {
    color:#AB0CB9
}

body.lc .newsletter-fab {
    color:#3EB103
}

body.elc .newsletter-fab {
    color:#00AAB2
}

body.nlc .newsletter-fab:hover, body.nlc .newsletter-fab:focus {
    color:#00638a
}

body.slc .newsletter-fab:hover, body.slc .newsletter-fab:focus {
    color:#750730
}

body.mc .newsletter-fab:hover, body.mc .newsletter-fab:focus {
    color:#67236d
}

body.lc .newsletter-fab:hover, body.lc .newsletter-fab:focus {
    color:#458823
}

body.elc .newsletter-fab:hover, body.elc .newsletter-fab:focus {
    color:#007A82
}

.newsletter-fab:hover .newsletter-fab__tooltip, .newsletter-fab:focus .newsletter-fab__tooltip {
    opacity: 1;
    pointer-events:auto
}

.newsletter-fab svg {
    transition:color 300ms
}

@media (max-width: 650px) {
    .newsletter-fab {
        bottom: 20px;
        right:20px
    }
}

.newsletter-fab__tooltip {
    position: absolute;
    top: 50%;
    right: calc(100% + 12px);
    padding: 17px 26px;
    font-size: 16px;
    white-space: nowrap;
    color: #000;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    transition:opacity 300ms
}

.newsletter-fab__tooltip::before, .newsletter-fab__tooltip::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    background-color:#fff
}

.newsletter-fab__tooltip::before {
    right: 0;
    width: 20px;
    height: 20px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index:2
}

.newsletter-fab__tooltip::after {
    right: -5px;
    width: 10px;
    height: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    z-index:1
}

.newsletter-fab-modal {
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms;
    z-index:999
}

body.nlc .newsletter-fab-modal {
    background-color:rgba(0, 143, 223, 0.9)
}

body.slc .newsletter-fab-modal {
    background-color:rgba(216, 0, 80, 0.9)
}

body.mc .newsletter-fab-modal {
    background-color:rgba(171, 12, 185, 0.9)
}

body.lc .newsletter-fab-modal {
    background-color:rgba(62, 177, 3, 0.9)
}

body.elc .newsletter-fab-modal {
    background-color:rgba(0, 170, 178, 0.9)
}

.newsletter-fab-modal.is-open {
    opacity: 1;
    pointer-events: auto;
    display: -ms-flexbox;
    display:flex
}

.newsletter-fab-modal__window {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 750px;
    max-height: 95vh;
    padding: 40px;
    background: #fff;
    overflow:auto
}

@media (max-width: 650px) {
    .newsletter-fab-modal__window {
        padding:20px
    }
}

.newsletter-fab-modal__intro {
    margin-bottom: 28px;
    font-size: 20px;
    font-weight: bold;
    line-height:20px
}

body.nlc .newsletter-fab-modal__intro {
    color:#008FDF
}

body.slc .newsletter-fab-modal__intro {
    color:#D80050
}

body.mc .newsletter-fab-modal__intro {
    color:#AB0CB9
}

body.lc .newsletter-fab-modal__intro {
    color:#3EB103
}

body.elc .newsletter-fab-modal__intro {
    color:#00AAB2
}

.newsletter-fab-modal__iframe {
    margin-bottom: 28px;
    min-height:500px
}

.newsletter-fab-modal__close {
    display: inline-block;
    padding: 0;
    text-decoration: underline;
    text-align: left;
    background: none;
    border: none;
    cursor:pointer
}

.social-icon-links li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items:center
}

.social-icon-links svg {
    display: block;
    margin-right: 15px
}