.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: .9em;
    line-height: .9em;
    opacity: 0;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible; 
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

code {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    bottom: -.25em
}

video {
    display: inline-block
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}

html {
    box-sizing: border-box;
    font-family: sans-serif
}

*,:after,:before {
    box-sizing: inherit
}

blockquote,figure,h1,h2,h3,h4,h5,h6,p {
    margin: 0
}

button {
    background: transparent;
    padding: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

fieldset {
    margin: 0;
    padding: 0
}

ul {
    margin: 0
}

*,:after,:before {
    border: 0 solid
}

img {
    border-style: solid
}

[type=button],[type=reset],[type=submit],button {
    border-radius: 0
}

textarea {
    resize: vertical
}

img {
    max-width: 100%;
    height: auto
}

button,input,select,textarea {
    font-family: inherit
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: inherit;
    opacity: .5
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: inherit;
    opacity: .5
}

input::placeholder,textarea::placeholder {
    color: inherit;
    opacity: .5
}

[role=button],button {
    cursor: pointer
}

table {
    border-collapse: collapse
}

/*! purgecss start ignore */
/*!
  Modaal - accessible modals - v0.4.4
  by Humaan, for all humans.
  http://humaan.com
 */
.modaal-noscroll {
    overflow: hidden
}

.modaal-accessible-hide {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}

.modaal-overlay {
    z-index: 999;
    opacity: 0
}

.modaal-overlay,.modaal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modaal-wrapper {
    display: block;
    z-index: 9999;
    overflow: auto;
    opacity: 1;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    transition: all .3s ease-in-out
}

.modaal-wrapper * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden
}

.modaal-wrapper .modaal-close {
    border: none;
    background: transparent;
    padding: 0;
    -webkit-appearance: none
}

.modaal-wrapper.modaal-start_none {
    display: none;
    opacity: 1
}

.modaal-wrapper.modaal-start_fade {
    opacity: 0
}

.modaal-wrapper [tabindex="0"] {
    outline: none!important
}

.modaal-wrapper.modaal-fullscreen {
    overflow: hidden
}

.modaal-outer-wrapper {
    display: table;
    position: relative;
    width: 100%;
    height: 100%
}

.modaal-fullscreen .modaal-outer-wrapper {
    display: block
}

.modaal-inner-wrapper {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 80px 25px
}

.modaal-fullscreen .modaal-inner-wrapper {
    padding: 0;
    display: block;
    vertical-align: top
}

.modaal-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: auto;
    text-align: left;
    color: #000;
    max-width: 1000px;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
    cursor: auto
}

.modaal-container.is_loading {
    height: 100px;
    width: 100px;
    overflow: hidden
}

.modaal-fullscreen .modaal-container {
    max-width: none;
    height: 100%;
    overflow: auto
}

.modaal-close {
    position: fixed;
    right: 20px;
    top: 20px;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    width: 50px;
    height: 50px;
    background: transparent;
    border-radius: 100%;
    transition: all .2s ease-in-out
}

.modaal-close:focus,.modaal-close:hover {
    outline: none;
    background: #fff
}

.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before {
    background: #b93d0c
}

.modaal-close span {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}

.modaal-close:after,.modaal-close:before {
    display: block;
    content: " ";
    position: absolute;
    top: 14px;
    left: 23px;
    width: 4px;
    height: 22px;
    border-radius: 4px;
    background: #fff;
    transition: background .2s ease-in-out
}

.modaal-close:before {
    transform: rotate(-45deg)
}

.modaal-close:after {
    transform: rotate(45deg)
}

.modaal-fullscreen .modaal-close {
    background: #afb7bc;
    right: 10px;
    top: 10px
}

.modaal-content-container {
    padding: 30px
}

.modaal-confirm-wrap {
    padding: 30px 0 0;
    text-align: center;
    font-size: 0
}

.modaal-confirm-btn {
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    background: transparent
}

.modaal-confirm-btn.modaal-ok {
    padding: 10px 15px;
    color: #fff;
    background: #555;
    border-radius: 3px;
    transition: background .2s ease-in-out
}

.modaal-confirm-btn.modaal-ok:hover {
    background: #2f2f2f
}

.modaal-confirm-btn.modaal-cancel {
    text-decoration: underline
}

.modaal-confirm-btn.modaal-cancel:hover {
    text-decoration: none;
    color: #2f2f2f
}

@keyframes instaReveal {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes instaReveal {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.modaal-instagram .modaal-container {
    width: auto;
    background: transparent;
    box-shadow: none!important
}

.modaal-instagram .modaal-content-container {
    padding: 0;
    background: transparent
}

.modaal-instagram .modaal-content-container>blockquote {
    width: 1px!important;
    height: 1px!important;
    opacity: 0!important
}

.modaal-instagram iframe {
    opacity: 0;
    margin: -6px!important;
    border-radius: 0!important;
    width: 1000px!important;
    max-width: 800px!important;
    box-shadow: none!important;
    -webkit-animation: instaReveal 1s linear forwards;
    animation: instaReveal 1s linear forwards
}

.modaal-image .modaal-inner-wrapper {
    padding-left: 140px;
    padding-right: 140px
}

.modaal-image .modaal-container {
    width: auto;
    max-width: 100%
}

.modaal-gallery-wrap {
    position: relative;
    color: #fff
}

.modaal-gallery-item {
    display: none
}

.modaal-gallery-item.is_active,.modaal-gallery-item img {
    display: block
}

.modaal-gallery-label {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 20px 0 0;
    font-size: 18px;
    text-align: center;
    color: #fff
}

.modaal-gallery-label:focus {
    outline: none
}

.modaal-gallery-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    cursor: pointer;
    color: #fff;
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    border-radius: 100%;
    transition: all .2s ease-in-out
}

.modaal-gallery-control.is_hidden {
    opacity: 0;
    cursor: default
}

.modaal-gallery-control:focus,.modaal-gallery-control:hover {
    outline: none;
    background: #fff
}

.modaal-gallery-control:focus:after,.modaal-gallery-control:focus:before,.modaal-gallery-control:hover:after,.modaal-gallery-control:hover:before {
    background: #afb7bc
}

.modaal-gallery-control span {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}

.modaal-gallery-control:after,.modaal-gallery-control:before {
    display: block;
    content: " ";
    position: absolute;
    top: 16px;
    left: 25px;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background: #fff;
    transition: background .2s ease-in-out
}

.modaal-gallery-control:before {
    margin: -5px 0 0;
    transform: rotate(-45deg)
}

.modaal-gallery-control:after {
    margin: 5px 0 0;
    transform: rotate(45deg)
}

.modaal-gallery-next-inner {
    left: 100%;
    margin-left: 40px
}

.modaal-gallery-next-outer {
    right: 45px
}

.modaal-gallery-prev:after,.modaal-gallery-prev:before {
    left: 22px
}

.modaal-gallery-prev:before {
    margin: 5px 0 0;
    transform: rotate(-45deg)
}

.modaal-gallery-prev:after {
    margin: -5px 0 0;
    transform: rotate(45deg)
}

.modaal-gallery-prev-inner {
    right: 100%;
    margin-right: 40px
}

.modaal-gallery-prev-outer {
    left: 45px
}

.modaal-video-wrap {
    margin: auto 50px;
    position: relative
}

.modaal-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    background: #000;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto
}

.modaal-video-container embed,.modaal-video-container iframe,.modaal-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modaal-iframe-elem,.modaal-iframe .modaal-content {
    width: 100%;
    height: 100%
}

.modaal-iframe-elem {
    display: block
}

@media only screen and (min-width: 1400px) {
    .modaal-video-container {
        padding-bottom:0;
        height: 731px
    }
}

@media only screen and (max-width: 1140px) {
    .modaal-image .modaal-inner-wrapper {
        padding-left:25px;
        padding-right: 25px
    }

    .modaal-gallery-control {
        top: auto;
        bottom: 20px;
        transform: none;
        background: rgba(0,0,0,.7)
    }

    .modaal-gallery-control:after,.modaal-gallery-control:before {
        background: #fff
    }

    .modaal-gallery-next {
        left: auto;
        right: 20px
    }

    .modaal-gallery-prev {
        left: 20px;
        right: auto
    }
}

@media screen and (max-width: 900px) {
    .modaal-instagram iframe {
        width:500px!important
    }
}

@media screen and (max-height: 1100px) {
    .modaal-instagram iframe {
        width:700px!important
    }
}

@media screen and (max-height: 1000px) {
    .modaal-inner-wrapper {
        padding-top:60px;
        padding-bottom: 60px
    }

    .modaal-instagram iframe {
        width: 600px!important
    }
}

@media screen and (max-height: 900px) {
    .modaal-instagram iframe {
        width:500px!important
    }

    .modaal-video-container {
        max-width: 900px;
        max-height: 510px
    }
}

@media only screen and (max-width: 600px) {
    .modaal-instagram iframe {
        width:280px!important
    }
}

@media only screen and (max-height: 820px) {
    .modaal-gallery-label {
        display:none
    }
}

.modaal-loading-spinner {
    background: none;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    transform: scale(.25)
}

@-webkit-keyframes modaal-loading-spinner {
    0% {
        opacity: 1;
        transform: scale(1.5)
    }

    to {
        opacity: .1;
        transform: scale(1)
    }
}

@keyframes modaal-loading-spinner {
    0% {
        opacity: 1;
        transform: scale(1.5)
    }

    to {
        opacity: .1;
        transform: scale(1)
    }
}

.modaal-loading-spinner>div {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    margin-top: 4px;
    position: absolute
}

.modaal-loading-spinner>div>div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #fff
}

.modaal-loading-spinner>div:first-of-type>div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.modaal-loading-spinner>div:nth-of-type(2)>div,.modaal-loading-spinner>div:nth-of-type(3)>div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:first-of-type {
    transform: translate(84px,84px) rotate(45deg) translate(70px)
}

.modaal-loading-spinner>div:nth-of-type(2)>div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}

.modaal-loading-spinner>div:nth-of-type(2) {
    transform: translate(84px,84px) rotate(90deg) translate(70px)
}

.modaal-loading-spinner>div:nth-of-type(3)>div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.modaal-loading-spinner>div:nth-of-type(4)>div,.modaal-loading-spinner>div:nth-of-type(5)>div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(3) {
    transform: translate(84px,84px) rotate(135deg) translate(70px)
}

.modaal-loading-spinner>div:nth-of-type(4)>div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .37s;
    animation-delay: .37s
}

.modaal-loading-spinner>div:nth-of-type(4) {
    transform: translate(84px,84px) rotate(180deg) translate(70px)
}

.modaal-loading-spinner>div:nth-of-type(5)>div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.modaal-loading-spinner>div:nth-of-type(6)>div,.modaal-loading-spinner>div:nth-of-type(7)>div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(5) {
    transform: translate(84px,84px) rotate(225deg) translate(70px)
}

.modaal-loading-spinner>div:nth-of-type(6)>div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .62s;
    animation-delay: .62s
}

.modaal-loading-spinner>div:nth-of-type(6) {
    transform: translate(84px,84px) rotate(270deg) translate(70px)
}

.modaal-loading-spinner>div:nth-of-type(7)>div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.modaal-loading-spinner>div:nth-of-type(7) {
    transform: translate(84px,84px) rotate(315deg) translate(70px)
}

.modaal-loading-spinner>div:nth-of-type(8)>div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .87s;
    animation-delay: .87s
}

.modaal-loading-spinner>div:nth-of-type(8) {
    transform: translate(84px,84px) rotate(1turn) translate(70px)
}

picture.my {
    position: relative;
    overflow: hidden
}

picture.my:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

picture.my img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover; object-position: center;"
}

.my-shadow-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1)
}

.my-shadow-1:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
}

.my-shadow-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
}

.my-shadow-3 {
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

.my-shadow-4 {
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
}

.my-shadow-5 {
    box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)
}

body.debug * {
    border: 1px solid red
}

body.debug img:not([alt]),body.debug img[alt=""] {
    outline: 5px solid red
}

.my-thing-wrap {
    position: relative
}

.my-thing-wrap .thing {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.my-square {
    height: 0;
    padding-bottom: 100%
}

.position-fixed-relative {
    transform: translateZ(0)
}

@font-face {
    font-family: Gilroy-Regular;
    src: url(/assets/fonts/gilroy/3767CA_0_0.eot);
    src: url(/assets/fonts/gilroy/3767CA_0_0.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/gilroy/3767CA_0_0.woff2) format("woff2"),url(/assets/fonts/gilroy/3767CA_0_0.woff) format("woff"),url(/assets/fonts/gilroy/3767CA_0_0.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy-Medium;
    src: url(/assets/fonts/gilroy/3767CA_1_0.eot);
    src: url(/assets/fonts/gilroy/3767CA_1_0.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/gilroy/3767CA_1_0.woff2) format("woff2"),url(/assets/fonts/gilroy/3767CA_1_0.woff) format("woff"),url(/assets/fonts/gilroy/3767CA_1_0.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy-Bold;
    src: url(/assets/fonts/gilroy/3767CA_2_0.eot);
    src: url(/assets/fonts/gilroy/3767CA_2_0.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/gilroy/3767CA_2_0.woff2) format("woff2"),url(/assets/fonts/gilroy/3767CA_2_0.woff) format("woff"),url(/assets/fonts/gilroy/3767CA_2_0.ttf) format("truetype")
}

.statisticsModule__item h4,.type-h1,h1 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
      font-family: "Roboto Condensed", sans-serif;
    font-weight: 900
}

@media (min-width: 768px) {
    .statisticsModule__item h4,.type-h1,h1 {
        font-size:40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

@media (min-width: 992px) {
    .statisticsModule__item h4,.type-h1,h1 {
        font-size:60px;
        font-size: 4.63rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

.storiesCarousel blockquote,.type-h2,h2 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 40px;
    line-height: 2.5rem;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400
}

@media (min-width: 768px) {
    .storiesCarousel blockquote,.type-h2,h2 {
        font-size:32px;
        font-size: 2rem;
        line-height: 44px;
        line-height: 2.75rem
    }
}

@media (min-width: 992px) {
    .storiesCarousel blockquote,.type-h2,h2 {
        font-size:52px;
        font-size: 3.25rem;
        line-height: 64px;
        line-height: 4rem
    }
}

.accordion__main-heading button,.alert-banner .alert-banner-inner div>span,.quoteCarousel blockquote,.type-h3,h3 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 40px;
    line-height: 2.5rem;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 900
}

@media (min-width: 768px) {
    .accordion__main-heading button,.alert-banner .alert-banner-inner div>span,.quoteCarousel blockquote,.type-h3,h3 {
        font-size:27px;
        font-size: 1.6875rem;
        line-height: 38px;
        line-height: 2.375rem
    }
}

@media (min-width: 992px) {
    .accordion__main-heading button,.alert-banner .alert-banner-inner div>span,.quoteCarousel blockquote,.type-h3,h3 {
        font-size:40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

.quoteCarousel blockquote cite,.storiesCarousel blockquote cite,.type-h4,h4 {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 36px;
    line-height: 2.25rem;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400
}

@media (min-width: 768px) {
    .quoteCarousel blockquote cite,.storiesCarousel blockquote cite,.type-h4,h4 {
        font-size:24px;
        font-size: 1.5rem;
        line-height: 32px;
        line-height: 2rem
    }
}

@media (min-width: 992px) {
    .quoteCarousel blockquote cite,.storiesCarousel blockquote cite,.type-h4,h4 {
        font-size:27px;
        font-size: 1.6875rem;
        line-height: 32px;
        line-height: 2rem
    }
}

.copy__aside-left blockquote,.jobs__filter-form label p,.type-h5,h5 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400
}

@media (min-width: 768px) {
    .copy__aside-left blockquote,.jobs__filter-form label p,.type-h5,h5 {
        font-size:21px;
        font-size: 1.3125rem;
        line-height: 30px;
        line-height: 1.875rem
    }
}

@media (min-width: 992px) {
    .copy__aside-left blockquote,.jobs__filter-form label p,.type-h5,h5 {
        font-size:24px;
        font-size: 1.6rem;
        line-height: 32px;
        line-height: 2rem
    }
}

.card__meta strong,.featuredJobs__details .featuredJobs__label,.freeform-label,.jobs-tabs .tabs__nav li a,.jobs__form-input label,.statisticsModule__item p,.type-h6,h6 {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400
}

.card__meta,.featuredJobs__details .featuredJobs__value,.quoteCarousel p,.storiesCarousel p,.type-h7 {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Roboto", sans-serif;
}

.map__copy-box p:first-of-type,.memberForm__wrapper--white p,.memberForm__wrapper--white p a,.memberForm__wrapper p,.memberForm__wrapper p a,.stand-first p,.stand-first p a,.type-standfirst {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
   font-family: "Roboto", sans-serif;
}

@media (min-width: 992px) {
    .map__copy-box p:first-of-type,.memberForm__wrapper--white p,.memberForm__wrapper--white p a,.memberForm__wrapper p,.memberForm__wrapper p a,.stand-first p,.stand-first p a,.type-standfirst {
        font-size:27px;
        font-size: 1.6875rem;
        line-height: 38px;
        line-height: 2.375rem
    }
}

.accordion__wrapper a,.accordion__wrapper a a,.accordion__wrapper li,.accordion__wrapper li a,.accordion__wrapper p,.accordion__wrapper p>a,.accordion__wrapper p>a a,.accordion__wrapper p a,.accordion__wrapper table,.accordion__wrapper table a,.contact__form .inline-label,.copy__aside-left blockquote cite,.copy__main>ol li,.copy__main>ol li a,.copy__main>ul li,.copy__main>ul li a,.details-table tr td,.freeform-column p,.freeform-column p a,.freeform-instructions,.jobs__form-table tbody tr td textarea,.jobs__form .inline-label,.map__copy-box p,.memberForm__wrapper--white p.memberForm__small-copy,.memberForm__wrapper--white p.memberForm__small-text a,.memberForm__wrapper--white p.tiny-text,.memberForm__wrapper--white p.tiny-text a,.memberForm__wrapper p.memberForm__small-copy,.memberForm__wrapper p.memberForm__small-text a,.type-body,input,label:not(.freeform-label),main li,optgroup,p,p a,select,textarea {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 28px;
    line-height: 1.75rem;
    font-family: "Roboto", sans-serif;
}

.details-table tr td:first-of-type,.locations__cards-wrap .card>a p,.stand-first__meta-item,.type-meta {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 28px;
    line-height: 1.75rem;
    font-family: "Roboto Condensed", sans-serif;
}

.smallHero__breadcrumbs ol li a,.type-breadform {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: "Roboto", sans-serif;
}

@media (min-width: 768px) {
    .smallHero__breadcrumbs ol li a,.type-breadform {
        font-size:16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

@media (min-width: 992px) {
    .smallHero__breadcrumbs ol li a,.type-breadform {
        font-size:18px;
        font-size: 1.125rem;
        line-height: 28px;
        line-height: 1.75rem;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
    }
}

.footerGlobal__wrapper p,.footerGlobal__wrapper ul li,.footerNewsletter__news p a,.type-footer {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: "Roboto", sans-serif;
}

@media (min-width: 768px) {
    .footerGlobal__wrapper p,.footerGlobal__wrapper ul li,.footerNewsletter__news p a,.type-footer {
        font-size:16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

@media (min-width: 992px) {
    .footerGlobal__wrapper p,.footerGlobal__wrapper ul li,.footerNewsletter__news p a,.type-footer {
        font-size:18px;
        font-size: 1.125rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

.footerCredits__credit a,.footerCredits__nav p,.footerCredits__nav p a,.image__fullWidth figure figcaption span,.type-captions {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: "Roboto", sans-serif;
}

.accordion__aside-left-stat h3,.type-statistic {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 72px;
    line-height: 4.5rem;
    font-family: "Roboto Condensed", sans-serif;
}

@media (min-width: 768px) {
    .accordion__aside-left-stat h3,.type-statistic {
        font-size:72px;
        font-size: 4.5rem;
        line-height: 84px;
        line-height: 5.25rem
    }
}

.type-easyreadhead {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
    font-family: "Roboto Condensed", sans-serif;
}

@media (min-width: 768px) {
    .type-easyreadhead {
        font-size:32px;
        font-size: 2rem;
        line-height: 44px;
        line-height: 2.75rem
    }
}

@media (min-width: 992px) {
    .type-easyreadhead {
        font-size:48px;
        font-size: 3rem;
        line-height: 56px;
        line-height: 3.5rem
    }
}

.type-easyreadbody {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Roboto", sans-serif;
}

@media (min-width: 992px) {
    .type-easyreadbody {
        font-size:27px;
        font-size: 1.6875rem;
        line-height: 38px;
        line-height: 2.375rem
    }
}

body {
    font-size: 16px
}

.button-font-size,.type-bold,button {
    font-family: "Roboto Condensed", sans-serif;
}

.button-font-size,button {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 28px;
    line-height: 1.75rem;
    font-weight: 400
}

@media (min-width: 992px) {
    .button-font-size,button {
        font-size:1px;
        font-size: .0625rem;
        line-height: 1px;
        line-height: .0625rem
    }
}

p {
    margin-bottom: 30px
}

.button,.button--primary,.button--primary-bg,.button--secondary,.button--tertiary,.button--white,.button--yellow,.footerNewsletter__news form input[type=submit],.freeform-column button,.logoAndNav__search input[type=submit] {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border-radius: 9999px;
    padding: 15px 70px 15px 50px;
      font-family: "Roboto Condensed", sans-serif;

    font-size: 21px;
    transition: all .3s
}

.button--white {
    background-color: #fff;
    color: #21314D;
     font-family: "Roboto Condensed", sans-serif;
   font-weight: 900;
}

.button--white:active,.button--white:hover {
     background-color: #EDF1F7;
}

.button--yellow {
    background-color: #ffb400;
    color: #21314D
}

.button--yellow:hover {
    background-color: #ffc94d
}

.button--yellow:active {
    background-color: #8069af
}

.button--primary,.freeform-column button {
    background-color: #21314D;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 900;
}

.button--primary:hover,.freeform-column button:hover {
      background-color: #556B91;
}

.button--primary:focus,
.freeform-column button:focus{
  background-color: #0D1F3F;

}

.button--primary:active,.freeform-column button:active {
     background-color: #0D1F3F;

}

.button--secondary {
    background-color: #fff;
    border-width: 2px;
    border-color: #691be4;
    color: #691be4
}

.button--secondary:hover {
    background-color: #691be4;
    color: #fff
}

.button--secondary:active {
    background-color: #8069af;
    border-color: #8069af;
    color: #fff
}

.button--tertiary {
    background-color: transparent;
    border-width: 2px;
      border-color: #73CDD3;
  color: #21314D;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

}

.button--tertiary:hover {
  background-color: #73CDD3;
  color: #21314D;
}

.button--tertiary:active {
  background-color: #B1E3E7;
  border-color: #B1E3E7;
  color: #21314D;
}

.button--tertiary:focus-visible {
  background-color: #B1E3E7;
  border-color: #B1E3E7;
  color: #21314D;
}

.button--primary-bg {
  background-color: #73CDD3;
  color: #21314D;
  font-weight: 900;

}

.button--primary-bg:hover {
     background-color: #3DBAC2;

}


.button--primary-bg:focus{
  background-color: #B1E3E7;
}




.button--primary-bg:active {
    background-color: #a8ebde
}

.button--secondary-bg {
    background-color: #21314D;
    border-width: 2px;
    border-color: #53d8bf;
    color: #fff
}

.button--secondary-bg:hover {
    background-color: #53d8bf
}

.button--secondary-bg:active {
    background-color: #86e3d2;
    border-color: #86e3d2
}

.button--tertiary-bg {
    background-color: #21314D;
    border-width: 2px;
    border-color: #fff;
    color: #fff
}

.button--tertiary-bg:hover {
    background-color: #fff
}

.button--tertiary-bg:active {
    background-color: #f6f5f0
}

.buttons__wrapper a:after {
    content: none
}

.buttons__wrapper--download a {
    display: flex;
    justify-content: center;
    align-items: center
}

.buttons__button {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    background-position: center right 20px;
    background-repeat: no-repeat
}

.buttons__button,.buttons__download-button {
    padding-top: 15px;
    padding-bottom: 15px
}

.buttons__download-button:last-of-type {
    margin-right: 0
}

input[type=submit].button--primary-bg {
    background-image: url(/assets/images/CS_Website_ICON_BUTTON_ARROW_INDIGO.svg);
    background-size: 20px 30px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    transition: all .3s
}

input[type=submit].button--primary-bg:hover {
    background-position: right 15px center
}

.button--secondary.icon-person:hover {
    background-image: url(/assets/images/CS_Website_ICON_AUTHOR_WHITE.svg);
    background-size: 20px 30px
}

.button--secondary.icon-pchatBoxes:hover {
    background-image: url(/assets/images/chat-boxes-purple.svg)
}

.button--secondary.icon-pointingHand {
    background-image: url(/assets/images/pointing-hand-purple.svg)
}

.button--secondary.icon-pointingHand:hover {
    background-image: url(/assets/images/pointing-hand-white.svg)
}

#__ba_panel button,.icon {
    position: relative;
    padding-left: 40px
}

#__ba_panel button:after,.icon:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: 0
}

.button,.button--primary,.button--primary-bg,.button--secondary,.button--tertiary,.button--white,.button--yellow,.footerNewsletter__news form input[type=submit],.freeform-column button,.icon--right,.logoAndNav__search input[type=submit] {
    position: relative;
    padding-right: 50px
}

.button--primary-bg:after,.button--primary:after,.button--secondary:after,.button--tertiary:after,.button--white:after,.button--yellow:after,.button:after,.footerNewsletter__news form input[type=submit]:after,.freeform-column button:after,.icon--right:after,.logoAndNav__search input[type=submit]:after {
    content: " ";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: 0;
    transition: all .3s
}

.button--primary-bg:after,.button--primary:after,.button--secondary:after,.button--tertiary:after,.button--white:after,.button--yellow:after,.button:after,.footerNewsletter__news form input[type=submit]:after,.freeform-column button:after,.icon-arrow-right-white:after,.logoAndNav__search input[type=submit]:after {
    background-image: url(/assets/images/CS_Website_ICON_BUTTON_ARROW_WHITE.svg);
    background-size: 20px 30px;
    background-repeat: no-repeat;
    width: 20px;
    height: 30px
}

.button--primary-bg:hover:after,.button--primary:hover:after,.button--secondary:hover:after,.button--tertiary:hover:after,.button--white:hover:after,.button--yellow:hover:after,.button:hover:after,.footerNewsletter__news form input[type=submit]:hover:after,.freeform-column button:hover:after,.icon-arrow-right-white:hover:after,.logoAndNav__search input[type=submit]:hover:after {
    right: 15px
}

.button--primary-bg:after,.button--tertiary:after,.button--white:after,.button--yellow:after,.icon-arrow-right-purple:after {
    background-image: url(/assets/images/CS_Website_ICON_BUTTON_ARROW_INDIGO.svg);
    background-size: 20px 30px;
    background-repeat: no-repeat;
    width: 20px;
    height: 30px
}

.button--primary-bg:hover:after,.button--tertiary:hover:after,.button--white:hover:after,.button--yellow:hover:after,.icon-arrow-right-purple:hover:after {
    right: 15px
}

.icon-eye {
    padding-left: 60px
}

.icon-eye:after {
      background-image: url(/assets/images/CS-Icon-Easy-Read.svg);

    height: 17px;
    width: 50px;
    top: 2px
}

.icon-eye--white:after {
    background-image: url(/assets/images/CS_Website_ICON_EASY\ READ-white.svg);
    height: 20px;
    width: 50px;
    left: -20px
}

.icon-eye2 {
    padding-left: 50px
}

.icon-eye2:after {
    background-image: url(/assets/images/icon-eye.svg);
    height: 19px;
    width: 32px;
    top: 2px
}

#__ba_panel button,.icon-person-top {
    padding-left: 30px
}

#__ba_panel button:after,.icon-person-top:after {
    background-image: url("/assets/images/CS_Website_ICON_.JOBS BAR_SIGN IN.svg");
    height: 20px;
    width: 14px
}

.icon-person-top--white:after {
    background-image: url("/assets/images/CS_Website_ICON_.JOBS BAR_SIGN IN-white.svg");
    height: 22px;
    width: 16px;
    left: 10px;
    top: -3px
}

.icon-person {
    background-image: url(/assets/images/CS_Website_ICON_AUTHOR.svg)
}

.icon-person,.icon-person-light {
    background-size: 20px 30px;
    background-repeat: no-repeat
}

.icon-person-light {
    background-image: url("/assets/images/CS_Website_ICON_JOBS PAGE_SIGN IN.svg")
}

.icon-print {
    background-image: url(/assets/images/CS_Website_ICON_PRINT.svg);
    background-size: 31px 29px;
    background-repeat: no-repeat;
    background-position: center right 15px
}

.icon-print:hover {
    background-image: url(/assets/images/CS_Website_ICON_PRINT_WHITE.svg)
}

.icon-pointingHand {
    background-image: url(/assets/images/pointing-hand-white.svg);
    background-size: 23px 30px;
    background-repeat: no-repeat
}

.icon-chatBoxes {
    background-image: url(/assets/images/chat-boxes.svg);
    background-size: 33px 27px;
    background-repeat: no-repeat
}

.icon-calendar {
    background-image: url(/assets/images/CS_Website_ICON_CLOSE_DATE.svg)
}

.icon-calendar,.icon-pin {
    background-size: 20px 30px;
    background-repeat: no-repeat
}

.icon-pin {
    background-image: url(/assets/images/CS_Website_ICON_LOCATION.svg)
}

.icon-clock {
    background-image: url(/assets/images/CS_Website_ICON_CONTRACT.svg);
    background-size: 20px 30px
}

.icon-clock,.icon-contract {
    background-repeat: no-repeat
}

.icon-contract {
    background-image: url(/assets/images/CS_Website_Icon_CONTRACT_AW.svg);
    background-size: 17px 22px
}

.icon-pound {
    background-image: url(/assets/images/CS_Website_ICON_SALARY.svg);
    background-size: 20px 30px
}

.icon-download:after {
    background-image: url(/assets/images/CS_Website_ICON_DOWNLOAD.svg);
    background-size: 20px 30px
}

.no-arrow:after {
    content: none!important
}

@media print {
    .buttons__wrapper,.contact-global,.copy__aside-cta,.footerCredits,.footerGlobal__wrapper,.footerNewsletter__wrapper,.footerRegulated,.header,.logoAndNav__wrapper,.share__wrapper,.smallHero__breadcrumbs,.header, .memberForm__wrapper, .alert-banner {
        display: none!important
    }

    .main {
        margin-top: 0!important
    }

    .smallHero__wrapper {
        margin-top: -50px!important;
        margin-bottom: 0!important
    }

    .smallHero__wrapper .smallHero__grid {
        background: none!important
    }

    a,h1,h2,h3,h4,h5,h6,li,p {
        color: #000!important
    }

    a {
        text-decoration: underline!important
    }

    .smallHero {
        background: #fff!important
    }

    .stand-first__share ul li:last-of-type {
        margin-bottom: 0!important
    }
}

.slick-loading .slick-list {
    background: #fff url(/assets/images/ajax-loader.gif) 50% no-repeat
}

.slick-next,.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    border: none
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
    color: transparent;
    outline: none
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 5px;
    background: url(/assets/images/slider-arrow-left.svg) no-repeat 50%;
    width: 60px;
    height: 10px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

[dir=rtl] .slick-prev:before {
    content: "\F178"
}

.slick-next {
    right: 5px;
    background: url(/assets/images/slider-arrow-right.svg) no-repeat 50%;
    width: 60px;
    height: 10px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

[dir=rtl] .slick-next:before {
    content: "\F177"
}

.slick-slider {
    margin-bottom: 0
}

.slick-dots {
    position: absolute;
    bottom: 0;
    margin-left: 0;
    display: block;
    left: calc(50% - 70px);
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 2px;
    padding: 0
}

.slick-dots li,.slick-dots li button {
    width: 13px;
    height: 13px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:before {
    font-size: 13px;
    line-height: 13px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 1;
    color: #c6c6c6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #6473ff
}

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

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    z-index: 100
}

.slick-list:focus {
    outline: none
}

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

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

[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
}

.tetsy {
    width: 33%;
    float: left
}

.accordion__main-content,.accordion__main-heading button,.accordion__wrapper .minimalist-accordion__header,.accordion__wrapper .minimalist-accordion__panel,.cards__wrapper,.container-max,.copyVideoSplit__container,.footerCredits,.footerGlobal,.image__fullWidth figure figcaption,.locations__cards-wrap,.memberForm__wrapper>div,.relatedPages__heading,.smallHero__breadcrumbs>div,.stand-first__wrapper {
    max-width: 1340px;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 1300px) {
    .accordion__main-content,.accordion__main-heading button,.accordion__wrapper .minimalist-accordion__header,.accordion__wrapper .minimalist-accordion__panel,.cards__wrapper,.container-max,.copyVideoSplit__container,.footerCredits,.footerGlobal,.image__fullWidth figure figcaption,.locations__cards-wrap,.memberForm__wrapper>div,.relatedPages__heading,.smallHero__breadcrumbs>div,.stand-first__wrapper {
        padding-left:0;
        padding-right: 0
    }
}

main {
    margin-top: 60px
}

@media (min-width: 992px) {
    main {
        margin-top:0
    }
}

.details-table {
    border-collapse: collapse;
    width: 100%;
    border-top-width: 1px;
    border-color: #EDF1F7
}

.details-table tr {
    border-bottom-width: 1px;
    border-color: #EDF1F7
}

.details-table tr td {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
     font-family: "Roboto", sans-serif;

}

.details-table tr td:first-of-type {
    color: #21314D;
    width: 33.33333%;
    vertical-align: top
}

.details-table tr td:last-of-type {
    color: #000000;
    width: 66.66667%
}

body.home .bigHero,body.home .copyVideoSplit__wrapper,body.home .relatedPages__wrapper,body.home .storiesCarousel__wrapper {
    margin-bottom: 0!important
}

body:not(.user-is-tabbing) button:focus,body:not(.user-is-tabbing) input:focus,body:not(.user-is-tabbing) select:focus,body:not(.user-is-tabbing) textarea:focus {
    outline: none
}

.contact-global {
    position: fixed;
    right: 0;
    color: #000000;
    background-color: #ffb400;
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
    padding: 20px;
    text-decoration: none;
      font-family: "Roboto Condensed", sans-serif;

    bottom: 40px;
    transform: translateY(-50%);
    z-index: 9999;
    font-size: 18px;
    transition: all .1s linear
}

.contact-global:hover {
    background-color: #ffc94d;
    padding-right: 40px
}

@media (min-width: 992px) {
    .contact-global {
        top:50%;
        bottom: auto
    }
}

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

.logoAndNav__first-nav {
    background-color: #F9F4EC;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

.logoAndNav__first-nav ul {
    list-style: none;
    padding: 0
}

.logoAndNav__first-nav ul:first-of-type {
    margin-top: 15px
}

.logoAndNav__first-nav ul:first-of-type li:first-of-type {
    margin-left: 0
}

.logoAndNav__first-nav ul:first-of-type li a {
    font-size: 18px
}

.logoAndNav__first-nav ul:last-of-type {
    margin-top: 0
}

.logoAndNav__first-nav ul:last-of-type li a {
    font-size: 18px;
    text-align: center;
    padding: 14px 40px;
     font-family: "Roboto Condensed", sans-serif;

}

.logoAndNav__first-nav ul:last-of-type li a:after {
    content: none
}

.logoAndNav__first-nav ul li {
    display: inline;
    margin-left: 30px
}

.logoAndNav__first-nav ul li a {
    color: #21314D;
    text-decoration: none;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}

.logo {
    height: 21px;
    width: 237px;
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 992px) {
    .logo {
        height:22px;
        width: 251px;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

body.desktopFixed main {
    margin-top: 145px
}

body.desktopFixed .logoAndNav__top-nav-parent {
    margin-top: 15px
}

body.desktopFixed .logoAndNav__top-nav nav>ul>li>a {
    padding-bottom: 45px
}

@media (min-width: 992px) {
    body.desktopFixed .logoAndNav__top-nav {
        z-index:300;
        position: fixed;
        top: 0;
        background-color: #fff;
        height: 115px
    }
}

body.desktopFixed .logo__desktop-container img {
    height: 68px;
    max-width: none
}

.logoAndNav__top-nav {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0
}

@media (min-width: 992px) {
    .logoAndNav__top-nav {
        padding-bottom:50px
    }
}

@media (max-width: 992px) {
    .logoAndNav__top-nav.stayFixed {
        z-index:201;
        position: fixed;
        top: 0;
        background-color: #fff;
        height: 60px
    }
}

.logoAndNav__top-nav .mega-container ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.logoAndNav__top-nav .mega-container ul li {
    position: relative;
    width: 100%;
    margin-right: 20px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 100%
}

.logoAndNav__top-nav .mega-container ul li a {
    text-decoration: none;
    border-bottom-width: 2px;
    border-color: #f6f5f0
}

.logoAndNav__top-nav .mega-container ul li a:hover {
    color: #21314D;
    border-bottom-width: 2px;
    border-color: #73CDD3;
}

@media (min-width: 992px) {
    .logoAndNav__top-nav .mega-container ul li a {
        font-size:18px;
        line-height: 22px
    }
}

.logoAndNav__top-nav .mega-container h2 {
    font-size: 40px;
    line-height: 34px;
    margin-bottom: 30px
}

.logoAndNav__top-nav .mega-container p {
    font-size: 21px;
    line-height: 30px;
    font-family: "Roboto", sans-serif;
    color: #000000
}

.logoAndNav__top-nav nav {
    font-size: 0;
    position: relative;
    z-index: 100
}

.logoAndNav__top-nav nav>ul>li {
    display: inline-block;
    font-size: 21px;
    line-height: 23px;
    padding: 0 25px;
    position: relative;
    text-decoration: none
}

.logoAndNav__top-nav nav>ul>li:first-child {
    padding-left: 0
}

.logoAndNav__top-nav nav>ul>li:last-child {
    padding-right: 0
}

.logoAndNav__top-nav nav>ul>li>a {
    color: #21314D;
    display: block;
    position: relative;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 900;
    padding-top: 20px;
    padding-bottom: 60px;
    text-decoration: none
}

.logoAndNav__top-nav nav>ul>li>a:after {
    content: " ";
    position: absolute;
    height: 11px;
    width: 14px;
    background-image: url(/assets/images/aqua-triangle-down.svg);
    background-size: 14px 11px;
    right: -20px;
    top: 27px
}

.logoAndNav__top-nav .mega-menu {
    background-color: #f6f5f0;
    display: none;
    text-align: left;
    position: absolute;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-top: 40px;
    padding-bottom: 40px
}

.logoAndNav__top-nav .mega-menu ul:last-child {
    margin-right: 0
}

.logoAndNav__top-nav .mega-menu a {
    display: inline-block
}

.logoAndNav__top-nav .droppable {
    position: static
}

.logoAndNav__top-nav .droppable>a span:before {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 3px;
    right: 0;
    left: 0;
    z-index: -1;
    top: 22px;
    transform-origin: center center;
    transition: transform .3s;
    transform: scaleX(0)
}

.logoAndNav__top-nav .droppable:hover>a span {
    position: relative;
    display: block
}

.logoAndNav__top-nav .droppable:hover>a span:before {
    background-color: #73CDD3;
    transition-timing-function: cubic-bezier(.12,.845,.305,1);
    transform: scaleX(1)
}

.logoAndNav__top-nav .droppable:hover .mega-menu.no-js {
    display: block
}

.menu-overlay {
    bottom: 0;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 400
}

@media (min-width: 992px) {
    .menu-overlay {
        display:none!important
    }
}

.menu-overlay__inner {
    background-color: #21314D;
    width: 100%;
    position: relative;
    padding: 90px 20px 40px;
    box-shadow: 0 10px 30px -8px rgba(0,0,0,.5)
}

.menu-overlay__inner h3 {
    margin-left: 20px;
    font-weight: 400;
    font-size: 30px
}

.menu-overlay__inner .logo {
    position: absolute;
    top: 10px;
    left: 20px;
    height: 21px;
    width: 237px
}

.menu-overlay__logo-wrap {
    position: absolute;
    width: 100%;
    height: 60px;
    background: #fff;
    left: 0;
    top: 0
}

.menu-overlay__logo-wrap .mobile__menu-close-logo {
    height: 31px;
    margin-top: 15px;
    margin-left: 20px
}

@media (max-width: 330px) {
    .menu-overlay__logo-wrap .mobile__menu-close-logo {
        height:25px;
        margin-top: 17px
    }
}

.menu-overlay__logo-wrap .mobile__menu-close {
    text-decoration: none
}

.menu-overlay__logo-wrap .mobile__menu-close span {
    text-decoration: none;
    color: #21314D;
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 40px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom
}

.page-overlay {
    display: none;
    position: absolute;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 51
}

@media (min-width: 992px) {
    .page-overlay {
        display:none!important
    }
}

.mobile__menu-close {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #fff;
    text-decoration: none
}

.logo__desktop-container {
    margin-top: 5px;
    margin-bottom: 0
}

@media (max-width: 340px) {
    .logo__desktop-container {
        margin-top:7px
    }
}

@media (min-width: 992px) {
    .logo__desktop-container {
        margin-top:14px;
        margin-bottom: 7px
    }
}

.logo__desktop-container img {
    height: 31px;
    transition: height 1s ease-in
}

@media (max-width: 340px) {
    .logo__desktop-container img {
        height:25px
    }
}

@media (min-width: 992px) and (max-width:1070px) {
    .logo__desktop-container img {
        height:68px!important;
        margin-top: 10px
    }
}

@media (min-width: 992px) {
    .logo__desktop-container img {
        height:auto
    }
}

.burger-menu-open {
    margin-top: 0;
    text-decoration: none
}

.burger-menu-open span {
    text-decoration: none;
    color: #21314D;
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 40px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom
}

.logoAndNav__top-nav-parent {
    list-style: none;
    padding: 0;
    display: inline-block;
    float: right;
    margin-top: 30px;
    margin-right: 20px
}

.logoAndNav__sub-parent {
    padding-right: 30px
}

.logoAndNav__sub-parent a {
    color: #21314D;
    font-family: "Roboto Condensed", sans-serif;
    margin-bottom: 12px
}

.logoAndNav__sub-parent a:after {
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url(/assets/images/CS_Website_ICON_NAV_ARROW_LIGHT.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    right: 0
}

.logoAndNav__sub-parent a:hover {
    color: #21314D
}

.logoAndNav__sub-parent a:hover:after {
    background-image: url(/assets/images/CS_Website_ICON_NAV_ARROW_LIGHT.svg);
}

.logoAndNav__sub-children {
    position: relative;
    padding-right: 30px
}

.logoAndNav__sub-children a {
    color: #000000;
    margin-bottom: 10px;
    display: inline-block;
     font-family: "Roboto", sans-serif;

}

@media (min-width: 992px) {
    .logoAndNav__sub-children a {
        margin-bottom:10px
    }
}

.logoAndNav__sub-children a:after {
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url(/assets/images/CS_Website_ICON_NAV_ARROW_LIGHT.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    right: 0;
    top: 5px
}

@media (min-width: 992px) {
    .logoAndNav__sub-children a:hover {
        color:#000000!important
    }
}

.logoAndNav__sub-children a:hover:after {
    background-image: url(/assets/images/CS_Website_ICON_NAV_ARROW_LIGHT_HOVER.svg)
}

.logoAndNav__search div {
    background-color: #fff;
    border-radius: 9999px;
    border-width: 2px;
    border-color: #fff
}

.logoAndNav__search input[type=text] {
    float: left;
    margin-left: 30px;
    height: 48px
}

.logoAndNav__search input::-moz-placeholder {
    color: #21314D
}

.logoAndNav__search input:-ms-input-placeholder {
    color: #21314D
}

.logoAndNav__search input::placeholder {
    color: #21314D
}

.logoAndNav__search input[type=submit] {
    background-color: #21314D;
    border-radius: 9999px;
    color: #fff;
    float: right;
    padding-left: 0;
    padding-right: 0;
    background-image: url(/assets/images/CS_Website_ICON_SEARCH.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 36px;
    height: 36px;
    margin-top: 6px;
    margin-right: 6px
}

.logoAndNav__search input[type=submit]:hover {
    background-color: #8069af
}

.mega-container__column-holder>div {
    border-right-width: 1px;
      border-color: #73CDD3;

    padding-left: 20px
}

.mega-container__column-holder>div:last-of-type {
    border-width: 0
}

.mega-container__column-holder>div:first-of-type {
    padding-right: 30px
}

.mega-container__column-holder>div h3 {
      color: #21314D;

    margin-bottom: 10px
      font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;

}

.mega-container__column-holder>div p {
      color: #21314D;

}

.mobile-nav__single {
    color: #fff;
    background-color: #21314D;
    margin-bottom: 0;
    display: block;
    position: relative;
    text-decoration: none;
      font-family: "Roboto Condensed", sans-serif;

    text-align: left;
    padding: 10px 10px 10px 0;
    width: 100%;
    font-size: 18px;
    line-height: 26px
}

.mobile-nav__single:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 20px;
    background-image: url(/assets/images/CS_Website_ICON_BUTTON_ARROW_WHITE.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    float: right;
    width: 16px;
    height: 16px
}

.js-accordion__header-sub button {
    font-size: 18px;
    line-height: 26px;
    border: none
}

.js-accordion__header-sub button[aria-expanded=false]:after {
    background-image: url(/assets/images/CS_Website_ICON_BUTTON_ARROW_WHITE.svg)!important;
    transform: rotate(90deg)
}

.js-accordion__header-sub button[aria-expanded=true]:after {
    background-image: url(/assets/images/CS_Website_ICON_NAV_ARROW_LIGHT_HOVER.svg)!important;
    transform: rotate(-90deg)!important
}

.js-accordion__panel-sub ul {
    margin-top: -20px!important
}

.js-accordion__panel-sub ul li {
    padding: 0!important
}

.js-accordion__panel-sub ul li:after {
    content: none
}

.js-accordion__panel-sub ul li a {
    color: #fff;
    background-color: #21314D;
    margin-bottom: 0;
    display: block;
    position: relative;
    text-decoration: none;
	font-family: "Roboto Condensed", sans-serif!important;
    text-align: left;
    padding: 10px 10px 10px 0;
    width: 100%;
    font-size: 18px!important;
    line-height: 26px!important;
    margin-left: 30px!important
}

.js-accordion__panel-sub ul li a:after {
    content: " ";
    position: absolute;
    right: 30px;
    top: 15px;
    background-image: url(/assets/images/CS_Website_ICON_BUTTON_ARROW_WHITE.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    float: right;
    width: 16px;
    height: 16px
}

#__ba_panel button {
    text-decoration: none;
    margin-left: 30px;
    color: #21314D;
    padding-left: 45px;
    font-size: 18px;
      font-family: "Roboto", sans-serif;

    height: 16px
}

#__ba_panel button:after {
    background-image: url(/assets/images/browsealoud_icon.png);
    height: 19px;
    width: 100%;
    top: -4px;
    background-size: 40px 40px;
    left: -4px
}

.menu-overlay__bottom-nav>ul li {
    margin-bottom: 20px
}

.copy__aside-left {
    position: relative
}

@media (min-width: 992px) {
    .copy__aside-left {
        margin-left:-50%;
        width: calc(50% - 32px);
        float: left;
        clear: both
    }
}

.copy__aside-left p {
    position: relative;
    font-size: 24px;
    line-height: 32px
}

.copy__aside-left p:before {
    top: -30px;
    background-image: url(/assets/images/quote-top-orange.svg)
}

.copy__aside-left p:after,.copy__aside-left p:before {
    content: " ";
    position: absolute;
    left: 0;
    width: 20px;
    height: 16px;
    background-size: 20px 16px
}

.copy__aside-left p:after {
    bottom: -30px;
    background-image: url(/assets/images/quote-bottom-orange.svg)
}

.copy__aside-left blockquote {
    background-color: #53d8bf;
    border-radius: .5rem;
    color: #000000;
    position: relative;
    padding: 80px 30px 30px;
      font-family: "Roboto Condensed", sans-serif;

}

.copy__aside-left blockquote:before {
    content: "";
    width: 28px;
    height: 35px;
    background: url(/assets/images/CS_Website_ICON_QUOTE_SMALL_WHITE.svg) no-repeat 50%;
    background-size: 28px 35px;
    position: absolute;
    left: 30px;
    top: 40px
}

.copy__aside-left blockquote cite {
    color: #000000;
    display: block;
    text-transform: none;
    margin-top: 40px;
    position: relative;
    font-family: Gilroy-Regular,sans-serif;
    font-style: normal
}

.copy__aside-left blockquote cite:before {
    content: "";
    width: 28px;
    height: 35px;
    background: url(/assets/images/CS_Website_ICON_QUOTE_SMALL_WHITE.svg) no-repeat 50%;
    background-size: 28px 35px;
    position: absolute;
    left: 0;
    top: -40px;
    transform: rotate(180deg)
}

.copy__aside-left-stat {
    position: relative;
  background-color: #FFBA99;
  padding-top: 60px;
  border-radius: 10px;
}

@media (min-width: 992px) and (max-width:1170px) {
    .copy__aside-left-stat {
        
        padding-top: 70px
    }
}

@media (min-width: 992px) {
    .copy__aside-left-stat {
        margin-left:-50%;
        width: calc(50% - 32px);
        float: left;
        clear: both
    }
}

.copy__aside-left-stat h3 {
    font-size: 70px;
    line-height: 72px;
    text-align: left;
    margin-bottom:20px;
    color: #21314D
}

.copy__aside-left-stat p {
    position: relative;
    font-size: 21px;
    line-height: 28px;
    text-align: left;
    color: #21314D;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
      font-family: "Roboto Condensed", sans-serif;
margin-bottom:60px;

}

.copy__aside-cta {
    background-color: #FFBA99;
    position: relative;
    border-radius: .5rem
}

@media (min-width: 992px) {
    .copy__aside-cta {
        margin-right:-50%;
        width: calc(50% - 32px);
        float: right
    }
}

.copy__aside-cta h4 {
    color: #21314D;
    margin-bottom: 10px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}

.copy__aside-cta p {
    color: #21314D
}

.copy__main {
    width: 100%
}

.copy__main>p {
    margin-bottom: 30px;
    color: #000000
}

.copy__main>ul {
    list-style: none;
    padding: 0;
    color: #000000;
    margin-bottom: 50px;
    margin-left: 15px
}

.copy__main>ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    color: #000000
}

.copy__main>ul li:before {
    content: "\2014";
    position: absolute;
    left: 0;
    top: 0
}

.copy__main>ul li a {
    color: #000000
}

.copy__main>h2 {
    color: #21314D;
    margin-bottom: 20px;
      font-family: "Roboto Condensed", sans-serif;

    font-size: 32px;
    line-height: 40px
}

.copy__main>h2 a {
    color: #21314D;
    text-decoration: underline
}

.copy__main>h3 {
    color: #21314D;
    margin-bottom: 20px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 28px;
    line-height: 30px
}

.copy__main>h3 a {
    color: #21314D;
    text-decoration: underline
}

.copy__main>h4 {
    color: #21314D;
    margin-bottom: 20px;
      font-family: "Roboto Condensed", sans-serif;

    font-size: 24px;
    line-height: 28px
}

.copy__main>h4 a {
    color: #21314D;
    text-decoration: underline
}

.copy__main>h5 {
    color: #21314D;
    margin-bottom: 20px;
      font-family: "Roboto Condensed", sans-serif;

    font-size: 21px;
    line-height: 25px
}

.copy__main>h5 a {
    color: #21314D;
    text-decoration: underline
}

.copy__main>h6 {
    color: #21314D;
    margin-bottom: 20px;
      font-family: "Roboto Condensed", sans-serif;

    font-size: 21px;
    line-height: 25px
}

.copy__main>h6 a {
    color: #21314D;
    text-decoration: underline
}

.copy__main>p a {
    color: #000000;
    text-decoration: underline;
    word-break: break-all
}

.copy__main>p a:hover {
    color: #000000
}

.copy__main>li a,.copy__main>p a {
    color: #000000;
    text-decoration: underline
}

.copy__main>li a:hover,.copy__main>p a:hover {
    color: #000000
}

@media (max-width: 767px) {
    .copy__main>li,.copy__main>p {
        font-size:18px;
        line-height: 26px
    }
}

.copy__main figure {
    margin-top: 60px;
    margin-bottom: 60px
}

.stand-first__wrapper {
    margin-bottom: 20px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.stand-first__wrapper--image {
    margin-top: -80px;
    padding-top: 20px
}

@media (min-width: 768px) {
    .stand-first__wrapper--image {
        margin-top:-80px;
        padding-top: 80px
    }
}

.stand-first__wrapper--image:before {
    content: " ";
    position: absolute;
    background-color: #EDF1F7;
    width: 100vw;
    top: 0;
    left: 0;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    height: 150px;
    z-index: 0
}

@media (min-width: 768px) {
    .stand-first__wrapper--image:before {
        height:350px
    }
}

.stand-first__img-wrap {
    margin-left: auto;
    margin-right: auto
}

.stand-first__img-wrap img {
    margin-bottom: 40px;
    border-radius: .5rem;
    position: relative;
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
    z-index: 1;
    vertical-align: middle
}

@media (min-width: 768px) {
    .stand-first__img-wrap img {
        margin-bottom:80px;
        height: 550px
    }
}

.stand-first {
    width: 100%;
    float: left
}

@media (min-width: 992px) {
    .stand-first {
        width:50%
    }
}

.stand-first ul {
    padding-left: 20px
}

.stand-first p,.stand-first p a {
    color: #21314D;
}

.stand-first__meta {
    list-style: none;
    padding: 0;
    width: 100%;
    margin-bottom: 20px
}

.stand-first__meta-item {
    background-position: left top 10px;
    background-size: 20px 30px;
    background-repeat: no-repeat;
    padding-left: 40px;
    border-top-width: 1px;
    border-color: #EDF1F7;
    padding-top: 10px;
    display: block;
    width: 100%;
    padding-bottom: 20px;
    color: #21314D;
}

.stand-first__meta-item span {
    font-family: Gilroy-Regular,sans-serif
}

.stand-first__share {
    width: 100%;
    float: left;
    margin-bottom: 40px
}

@media (min-width: 992px) {
    .stand-first__share {
        width:25%;
        padding-right: 32px;
        margin-bottom: 0
    }
}

.stand-first__share h6 {
    margin-bottom: 20px;
    color: #21314D;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
}

.stand-first__share ul {
    float: left;
    list-style: none;
    padding: 0
}

.stand-first__share ul li {
    float: left;
    margin-right: 10px
}

.stand-first__share ul li:last-of-type {
    margin-right: 0
}

.stand-first__share ul li a:hover img {
    opacity: .8
}

.stand-first__share ul li a img {
    width: 40px;
    height: 40px
}

.image__fullWidth img {
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center;"
}

@media (min-width: 992px) {
    .image__fullWidth img {
        height:500px
    }
}

.share__wrapper {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px
}

.share__wrapper img {
    vertical-align: middle
}

.copy__aside-left-quote {
    position: relative;
    margin-bottom: 80px
}

@media (min-width: 992px) {
    .copy__aside-left-quote {
        margin-bottom:0
    }
}

.copy__aside-left-quote p {
    color: #7c7b7b!important
}

.copy__aside-left-quote p:before {
    left: 50%
}

@media (min-width: 768px) {
    .copy__aside-left-quote p:before {
        left:0
    }
}

.copy__aside-left-quote p:after {
    left: 50%
}

@media (min-width: 768px) {
    .copy__aside-left-quote p:after {
        left:0
    }
}

.copy__aside-left-quote:after {
    content: " ";
    background-image: url(/assets/images/quote-bottom-mint.svg);
    background-repeat: no-repeat;
    background-size: 60px 47px;
    width: 60px;
    height: 47px;
    position: absolute;
    bottom: -40px;
    left: 30px
}

.copy__video {
    padding-bottom: 81%;
    position: relative;
    height: 0;
    margin-bottom: 0;
    overflow: hidden
}

@media (min-width: 768px) {
    .copy__video {
        padding-bottom:67%
    }
}

.copy__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: -40px
}

@media (max-width: 767px) {
    body.home .stand-first p {
        font-size:24px
    }
}

.copy__aside-left--account p {
    font-size: 18px
}

.blogCarousel {
    padding-left: 0;
    padding-right: 0
}

.blogCarousel .slick-arrow {
    transition: all .1s linear
}

.blogCarousel .slick-arrow.slick-next {
    transition: all .1s linear;
    background: url(/assets/images/CS_Website_ICON_QUOTE_CAROUSEL_HOVER.svg) no-repeat 50%;
    height: 40px;
    width: 40px;
    top: 90px;
    right: 30px;
    transform: rotate(180deg);
    z-index: 100
}

.blogCarousel .slick-arrow.slick-next:hover {
    height: 45px;
    width: 45px
}

@media (min-width: 768px) {
    .blogCarousel .slick-arrow.slick-next {
        height:60px;
        width: 60px;
        top: 90px;
        right: 30px
    }

    .blogCarousel .slick-arrow.slick-next:hover {
        height: 65px;
        width: 65px
    }
}

.blogCarousel .slick-arrow.slick-prev {
    transition: all .1s linear;
    background: url(/assets/images/CS_Website_ICON_QUOTE_CAROUSEL_HOVER.svg) no-repeat 50%;
    height: 40px;
    width: 40px;
    top: 90px;
    left: 30px;
    z-index: 200
}

.blogCarousel .slick-arrow.slick-prev:hover {
    height: 45px;
    width: 45px
}

@media (min-width: 768px) {
    .blogCarousel .slick-arrow.slick-prev {
        height:60px;
        width: 60px;
        top: 90px;
        left: 30px
    }

    .blogCarousel .slick-arrow.slick-prev:hover {
        height: 65px;
        width: 65px
    }
}

.blogCarousel .slick-dots {
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px
}

@media (min-width: 768px) {
    .blogCarousel .slick-dots {
        left:50%;
        transform: translateX(-50%);
        bottom: -60px
    }
}

.blogCarousel .slick-dots li {
    width: 18px;
    height: 18px;
    margin-right: 13px
}

.blogCarousel .slick-dots li.slick-active {
    width: 25px;
    height: 25px
}

.blogCarousel .slick-dots li.slick-active button:before {
    opacity: 1;
    content: " ";
    background-color: #000000;
    width: 25px;
    height: 25px;
    top: -3px
}

.blogCarousel .slick-dots li button:hover:before {
    content: " ";
    background-color: #000000
}

.blogCarousel .slick-dots li button:before {
    content: " ";
    background-color: #000000;
    opacity: .5;
    width: 18px;
    height: 18px;
    border-radius: 100px
}

.blogCarousel .slick-slide {
    margin-right: 10px;
    margin-left: 10px
}

@media (min-width: 992px) {
    .blogCarousel .slick-slide {
        margin-right:0;
        margin-left: 0
    }
}

.blogCarousel .slick-list {
    padding-top: 20px
}

.blogCarousel__inner {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 992px) {
    .blogCarousel__inner {
        padding-left:10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .blogCarousel .card>a {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .blogCarousel .card>a {
        border-top-right-radius:20px;
        border-top-left-radius: 20px
    }
}

@media (min-width: 768px) {
    .blogCarousel .card>a img {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .blogCarousel .card>a img {
        border-top-right-radius:20px;
        border-top-left-radius: 20px
    }
}

.statsCarousel {
    padding-left: 90px;
    padding-right: 90px
}

.statsCarousel .slick-list {
    padding-top: 10px
}

.statsCarousel .slick-arrow {
    transition: all .1s linear
}

.statsCarousel .slick-arrow.slick-next {
    background: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL.svg) no-repeat 50%;
    height: 40px;
    width: 40px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    right: 10px;
    z-index: 100
}

.statsCarousel .slick-arrow.slick-next:hover {
    height: 45px;
    width: 45px
}

@media (min-width: 768px) {
    .statsCarousel .slick-arrow.slick-next {
        height:60px;
        width: 60px;
        top: 50%
    }

    .statsCarousel .slick-arrow.slick-next:hover {
        height: 65px;
        width: 65px
    }
}

.statsCarousel .slick-arrow.slick-prev {
    background: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL.svg) no-repeat 50%;
    height: 40px;
    width: 40px;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    z-index: 200
}

.statsCarousel .slick-arrow.slick-prev:hover {
    height: 45px;
    width: 45px
}

@media (min-width: 768px) {
    .statsCarousel .slick-arrow.slick-prev {
        height:60px;
        width: 60px;
        top: 50%;
        left: 10px
    }

    .statsCarousel .slick-arrow.slick-prev:hover {
        height: 65px;
        width: 65px
    }
}

.statsCarousel .slick-dots {
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px
}

@media (min-width: 768px) {
    .statsCarousel .slick-dots {
        left:50%;
        transform: translateX(-50%);
        bottom: -50px
    }
}

.statsCarousel .slick-dots li {
    width: 18px;
    height: 18px;
    margin-right: 13px
}

.statsCarousel .slick-dots li.slick-active {
    width: 25px;
    height: 25px
}

.statsCarousel .slick-dots li.slick-active button:before {
    opacity: 1;
    content: " ";
    background-color: #fff;
    width: 25px;
    height: 25px;
    top: -3px
}

.statsCarousel .slick-dots li button:hover:before {
    content: " ";
    background-color: #fff
}

.statsCarousel .slick-dots li button:before {
    content: " ";
    background-color: #fff;
    opacity: .5;
    width: 18px;
    height: 18px;
    border-radius: 100px
}

.storiesCarousel__wrapper {
    background-color: #21314D;
    padding-top: 60px;
    padding-bottom: 90px;
    margin-bottom: 60px;
    position: relative
}

@media (min-width: 768px) {
    .storiesCarousel__wrapper {
        padding-bottom:110px
    }
}

@media (min-width: 992px) {
    .storiesCarousel__wrapper {
        padding-top:120px;
        padding-bottom: 120px;
        margin-bottom: 80px
    }
}

.storiesCarousel {
    padding-left: 0;
    padding-right: 0;
    position: unset
}

@media (min-width: 768px) {
    .storiesCarousel {
        padding-left:20px;
        padding-right: 20px
    }
}

.storiesCarousel blockquote {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 45px;
    color: #fff;
    padding-right: 50px
}

@media (min-width: 768px) {
    .storiesCarousel blockquote {
        line-height:40px;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .storiesCarousel blockquote {
        padding-left:0;
        font-size:  62px;
        line-height: 64px;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: bold;
    }
}

.storiesCarousel blockquote .quotemark {
    top: -15px;
    left: -10px;
    display: inline-block;
    width: 14px;
    height: 18px;
    background: url(/assets/images/CS_Website_ICON_STORY.svg) no-repeat 50%;
    background-size: 14px 18px;
    transform: rotate(180deg)
}

@media (min-width: 992px) {
    .storiesCarousel blockquote .quotemark {
        width:28px;
        height: 35px;
        background-size: 28px 35px
    }
}

.storiesCarousel blockquote .quotemark--first {
    left: 25px;
    position: absolute;
    top: 0;
    width: 14px;
    height: 18px;
    background: url(/assets/images/CS_Website_ICON_STORY.svg) no-repeat 50%;
    background-size: 14px 18px;
    transform: rotate(0deg)
}

@media (min-width: 768px) {
    .storiesCarousel blockquote .quotemark--first {
        left:-25px
    }
}

@media (min-width: 992px) {
    .storiesCarousel blockquote .quotemark--first {
        width:28px;
        height: 35px;
        background-size: 28px 35px;
        left: -35px
    }
}

.storiesCarousel blockquote span {
    position: relative;
    padding-left: 20px
}

@media (min-width: 992px) {
    .storiesCarousel blockquote span {
        padding-left:0
    }
}

.storiesCarousel blockquote cite {
    color: #FFBA99;
    display: block;
    margin-top: 20px;
    font-style: normal;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .storiesCarousel blockquote cite {
        margin-top:60px;
        margin-bottom: 30px
    }
}

@media (min-width: 768px) {
    .storiesCarousel .slider-inner {
        display:flex!important
    }
}

.storiesCarousel .slick-arrow {
    transition: all .1s linear
}

.storiesCarousel .slick-arrow.slick-next {
    background: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL.svg) no-repeat 50%;
    height: 40px;
    width: 40px;
    transform: rotate(180deg);
    top: 200px;
    right: 10px;
    z-index: 100
}

@media (min-width: 1570px) {
    .storiesCarousel .slick-arrow.slick-next {
        right:10%
    }
}

.storiesCarousel .slick-arrow.slick-next:hover {
    transform: rotate(180deg) scale(1.2);
    transform-origin: center
}

@media (min-width: 768px) {
    .storiesCarousel .slick-arrow.slick-next {
        height:60px;
        width: 60px;
        top: 50%;
        transform: translateY(-50%) rotate(180deg)
    }

    .storiesCarousel .slick-arrow.slick-next:hover {
        transform: translateY(-50%) rotate(180deg) scale(1.2);
        transform-origin: center
    } 
}

.storiesCarousel .slick-arrow.slick-prev {
    background: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL.svg) no-repeat 50%;
    height: 40px;
    width: 40px;
    top: 200px;
    left: 10px;
    z-index: 200
}

@media (min-width: 1570px) {
    .storiesCarousel .slick-arrow.slick-prev {
        left:10%
    }
}

.storiesCarousel .slick-arrow.slick-prev:hover {
    transform: scale(1.2);
    transform-origin: center
}

@media (min-width: 768px) {
    .storiesCarousel .slick-arrow.slick-prev {
        height:60px;
        width: 60px;
        top: 50%;
        transform: translateY(-50%)
    }

    .storiesCarousel .slick-arrow.slick-prev:hover {
        transform: translateY(-50%) scale(1.2);
        transform-origin: center
    }
}

.storiesCarousel .slick-dots {
    left: calc(50% - 30px);
    bottom: 20px
}

@media (min-width: 768px) {
    .storiesCarousel .slick-dots {
        left:50%;
        transform: translateX(-50%);
        bottom: 37px
    }
}

@media (min-width: 992px) {
    .storiesCarousel .slick-dots {
        left:50%;
        transform: translateX(-50%);
        bottom: 40px
    }
}

.storiesCarousel .slick-dots li {
    width: 18px;
    height: 18px;
    margin-right: 13px
}

.storiesCarousel .slick-dots li.slick-active {
    width: 25px;
    height: 25px
}

.storiesCarousel .slick-dots li.slick-active button:before {
    opacity: 1;
    content: " ";
    background-color: #fff;
    width: 25px;
    height: 25px;
    top: -3px
}

.storiesCarousel .slick-dots li button:hover:before {
    content: " ";
    background-color: #fff
}

.storiesCarousel .slick-dots li button:before {
    content: " ";
    background-color: #fff;
    opacity: .5;
    width: 18px;
    height: 18px;
    border-radius: 100px
}

.storiesCarousel p {
    color: #fff;
    margin-bottom: 30px;
    padding-right: 45px;
    padding-left: 45px
}

@media (min-width: 768px) {
    .storiesCarousel p {
        margin-bottom:40px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 992px) {
    .storiesCarousel p {
        margin-bottom:60px
    }
}

.storiesCarousel__image {
    width: 100%;
    margin-bottom: 40px;
    position: relative;
    margin-top: 50px;
    min-height: 275px
}

@media (min-width: 768px) {
    .storiesCarousel__image {
        width:50%
    }
}

@media (min-width: 992px) {
    .storiesCarousel__image {
        min-height:400px
    }
}

@media (min-width: 1300px) {
    .storiesCarousel__image {
        min-height:500px
    }
}

.storiesCarousel__image:before {
    content: " ";
/*    background-image: linear-gradient(to right top,#ffb400,#ffb400,#f53d8c,#f53d8c,#f53d8c);*/
    background: #FFB133;
    position: absolute;
    height: 275px;
    width: 275px;
    z-index: 0;
    border-radius: 9999px;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%
}

@media (min-width: 992px) {
    .storiesCarousel__image:before {
        height:400px;
        width: 400px
    }
}

@media (min-width: 1300px) {
    .storiesCarousel__image:before {
        height:500px;
        width: 500px
    }
}

.storiesCarousel__image img {
    border-radius: 9999px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 250px;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%
}

@media (min-width: 992px) {
    .storiesCarousel__image img {
        width:350px;
        height: 350px
    }
}

@media (min-width: 1300px) {
    .storiesCarousel__image img {
        width:450px;
        height: 450px
    }
}

.storiesCarousel__content {
    width: 100%;
    margin-right: 80px
}

@media (min-width: 768px) {
    .storiesCarousel__content {
        width:50%;
        padding-left: 30px;
        padding-right: 10px
    }
}

@media (min-width: 1330px) {
    .storiesCarousel__content {
        margin-right:0
    }
}

.storiesCarousel__content a {
    margin-left: 45px
}

@media (max-width: 767px) {
    .storiesCarousel__content a {
        left:50%;
        transform: translateX(-50%);
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .storiesCarousel__content a {
        margin-left:0
    }
}

.slick-next {
    right: -130px
}

@media (min-width: 992px) {
    .slick-next {
        right:0
    }
}

.slick-prev {
    left: -130px
}

@media (min-width: 992px) {
    .slick-prev {
        left:0
    }
}

.quote-slider-holder {
    background: #eee;
    text-align: center;
    color: #000
}

.quoteCarousel__wrapper {
    background-color: #004d5c;
    margin-bottom: 80px;
    padding-top: 40px;
    position: relative;
    overflow: hidden
}

@media (min-width: 767px) and (max-width:1299px) {
    .quoteCarousel__wrapper:after {
        content:" ";
        position: absolute;
        background-image: url(/assets/images/Website\ development_GRADIENT_QUOTE_BACKGROUND_CROP_3.0-01.svg);
        background-repeat: no-repeat;
        background-position: 100%;
        height: 100%;
        width: 100%;
        background-size: contain;
        right: -120px;
        top: 0;
        z-index: 0
    }
}

.quoteCarousel {
    position: relative
}

@media (min-width: 1300px) {
    .quoteCarousel:after {
        content:" ";
        position: absolute;
        background-image: url(/assets/images/Website\ development_GRADIENT_QUOTE_BACKGROUND_CROP_3.0-01.svg);
        background-repeat: no-repeat;
        background-position: 100%;
        height: 150%;
        width: 100%;
        background-size: contain;
        right: -120px;
        top: -40px;
        z-index: 0
    }

    @media (min-width: 992px) {
        .quoteCarousel:after {
            right:-10%;
            top: -20%
        }
    }
}

.quoteCarousel blockquote {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    color: #fff;
    text-align: center;
    width: 80%;
    padding-top: 40px;
    padding-bottom: 80px
}

@media (min-width: 992px) {
    .quoteCarousel blockquote {
        width:50%;
        padding-top: 100px;
        padding-bottom: 105px
    }
}

.quoteCarousel blockquote:before {
    content: "";
    width: 30px;
    height: 27px;
    background: url(/assets/images/CS_Website_ICON_QUOTE.svg) no-repeat 50%;
    background-size: 30px 27px;
    position: absolute;
    top: 0;
    left: calc(50% - 15px)
}

@media (min-width: 992px) {
    .quoteCarousel blockquote:before {
        top:60px
    }
}

.quoteCarousel blockquote cite {
    color: #fff;
    display: block;
    font-style: normal;
    margin: 50px auto 10px;
    position: relative
}

@media (min-width: 992px) {
    .quoteCarousel blockquote cite {
        margin-top:70px
    }
}

.quoteCarousel blockquote cite:before {
    content: "";
    width: 30px;
    height: 27px;
    background: url(/assets/images/CS_Website_ICON_QUOTE.svg) no-repeat 50%;
    background-size: 30px 27px;
    position: absolute;
    top: -40px;
    left: calc(50% - 15px);
    transform: rotate(180deg)
}

@media (min-width: 992px) {
    .quoteCarousel blockquote cite:before {
        bottom:110px
    }
}

@media (min-width: 992px) {
    .quoteCarousel .slider-inner {
        display:flex!important
    }
}

.quoteCarousel .slick-arrow.slick-next {
    transition: all .1s linear;
    background: url(/assets/images/CS_Website_ICON_QUOTE_CAROUSEL_HOVER.svg) no-repeat 50%;
    height: 40px;
    width: 40px;
    transform: rotate(180deg);
    top: 50%;
    right: 10px;
    z-index: 200
}

@media (min-width: 992px) {
    .quoteCarousel .slick-arrow.slick-next {
        height:60px;
        width: 60px;
        top: 50%
    }
}

.quoteCarousel .slick-arrow.slick-next:hover {
    height: 45px;
    width: 45px
}

@media (min-width: 992px) {
    .quoteCarousel .slick-arrow.slick-next:hover {
        height:65px;
        width: 65px
    }
}

.quoteCarousel .slick-arrow.slick-prev {
    transition: all .1s linear;
    background: url(/assets/images/CS_Website_ICON_QUOTE_CAROUSEL_HOVER.svg) no-repeat 50%;
    height: 40px;
    width: 40px;
    top: 50%;
    left: 10px;
    z-index: 200
}

@media (min-width: 992px) {
    .quoteCarousel .slick-arrow.slick-prev {
        height:60px;
        width: 60px;
        top: 50%;
        left: 10px
    }
}

.quoteCarousel .slick-arrow.slick-prev:hover {
    height: 45px;
    width: 45px
}

@media (min-width: 992px) {
    .quoteCarousel .slick-arrow.slick-prev:hover {
        height:65px;
        width: 65px
    }
}

.quoteCarousel .slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px;
    z-index: 1
}

@media (min-width: 992px) {
    .quoteCarousel .slick-dots {
        left:calc(50% - 30px);
        bottom: -50px
    }
}

.quoteCarousel .slick-dots li {
    width: 18px;
    height: 18px;
    margin-right: 13px
}

.quoteCarousel .slick-dots li.slick-active {
    width: 25px;
    height: 25px
}

.quoteCarousel .slick-dots li.slick-active button:before {
    opacity: 1;
    content: " ";
    background-color: #fff;
    width: 25px;
    height: 25px;
    top: -3px
}

.quoteCarousel .slick-dots li button:hover:before {
    content: " ";
    background-color: #fff
}

.quoteCarousel .slick-dots li button:before {
    content: " ";
    background-color: #fff;
    opacity: .5;
    width: 18px;
    height: 18px;
    border-radius: 100px
}

.quoteCarousel p {
    color: #fff
}

.slider-container--copy-image .slick-arrow.slick-next {
    transition: all .1s linear;
    background: url(/assets/images/CS_Website_ICON_QUOTE_CAROUSEL_HOVER.svg) no-repeat 50%;
    height: 40px;
    width: 40px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    right: 10px;
    z-index: 100
}

@media (min-width: 992px) {
    .slider-container--copy-image .slick-arrow.slick-next {
        height:40px;
        width: 40px
    }
}

.slider-container--copy-image .slick-arrow.slick-next:hover {
    height: 45px;
    width: 45px
}

.slider-container--copy-image .slick-arrow.slick-prev {
    transition: all .1s linear;
    background: url(/assets/images/CS_Website_ICON_QUOTE_CAROUSEL_HOVER.svg) no-repeat 50%;
    height: 40px;
    width: 40px;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    z-index: 120
}

@media (min-width: 992px) {
    .slider-container--copy-image .slick-arrow.slick-prev {
        height:40px;
        width: 40px;
        left: 10px
    }
}

.slider-container--copy-image .slick-arrow.slick-prev:hover {
    height: 45px;
    width: 45px
}

.slider-container--copy-image .slick-dots {
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100
}

@media (min-width: 992px) {
    .slider-container--copy-image .slick-dots {
        bottom:60px
    }
}

.slider-container--copy-image .slick-dots li {
    width: 18px;
    height: 18px;
    margin-right: 13px
}

.slider-container--copy-image .slick-dots li.slick-active {
    width: 25px;
    height: 25px
}

.slider-container--copy-image .slick-dots li.slick-active button:before {
    opacity: 1;
    content: " ";
    background-color: #fff;
    width: 25px;
    height: 25px;
    top: -3px
}

.slider-container--copy-image .slick-dots li button:hover:before {
    content: " ";
    background-color: #fff
}

.slider-container--copy-image .slick-dots li button:before {
    content: " ";
    background-color: #fff;
    opacity: .5;
    width: 18px;
    height: 18px;
    border-radius: 100px
}

.entriesCarousel__wrapper {
    background-color: #EDF1F7;
    padding-top: 60px;
    padding-bottom: 80px;
    margin-bottom: 60px;
    position: relative
}

@media (min-width: 992px) {
    .entriesCarousel__wrapper {
        padding-top:80px;
        padding-bottom: 120px;
        margin-bottom: 80px
    }
}

.entriesCarousel__wrapper h2 {
    color: #21314D;
    margin-bottom: 40px
}

@media (min-width: 992px) {
    .entriesCarousel__wrapper h2 {
        color:#21314D;
        margin-bottom: 80px
    }
}

.entriesCarousel {
    padding-left: 70px;
    padding-right: 70px;
    position: unset
}

@media (min-width: 992px) {
    .entriesCarousel {
        padding-left:90px;
        padding-right: 90px
    }
}

@media (min-width: 1300px) {
    .entriesCarousel {
        padding-left:90px;
        padding-right: 90px
    }
}

@media (min-width: 1400px) {
    .entriesCarousel {
        padding-left:40px;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .entriesCarousel .slider-inner {
        padding-right:30px;
        padding-top: 20px
    }
}

.entriesCarousel .slick-arrow.slick-next {
    background: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL.svg) no-repeat 50%;
    height: 40px;
    width: 40px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    right: 10px
}

@media (min-width: 992px) {
    .entriesCarousel .slick-arrow.slick-next {
        height:60px;
        width: 60px;
        top: 50%
    }
}

@media (min-width: 1760px) {
    .entriesCarousel .slick-arrow.slick-next {
        right:10%
    }
}

.entriesCarousel .slick-arrow.slick-next:hover {
    transform: translateY(-50%) rotate(180deg) scale(1.2);
    transform-origin: center
}

.entriesCarousel .slick-arrow.slick-prev {
    background: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL.svg) no-repeat 50%;
    height: 40px;
    width: 40px;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 10px
}

@media (min-width: 992px) {
    .entriesCarousel .slick-arrow.slick-prev {
        height:60px;
        width: 60px;
        top: 50%
    }
}

@media (min-width: 1760px) {
    .entriesCarousel .slick-arrow.slick-prev {
        left:10%
    }
}

.entriesCarousel .slick-arrow.slick-prev:hover {
    transform: translateY(-50%) scale(1.2);
    transform-origin: center
}

.entriesCarousel .slick-dots {
    left: 50%;
    transform: translateX(-50%);
    bottom: 60px
}

@media (min-width: 992px) {
    .entriesCarousel .slick-dots {
        left:calc(50% - 30px);
        bottom: 30px
    }
}

.entriesCarousel .slick-dots li {
    width: 18px;
    height: 18px;
    margin-right: 13px
}

.entriesCarousel .slick-dots li.slick-active {
    width: 25px;
    height: 25px
}

.entriesCarousel .slick-dots li.slick-active button:before {
    opacity: 1;
    content: " ";
    background-color: #000000;
    width: 25px;
    height: 25px;
    top: -3px
}

.entriesCarousel .slick-dots li button:hover:before {
    content: " ";
    background-color: #000000
}

.entriesCarousel .slick-dots li button:before {
    content: " ";
    background-color: #000000;
    opacity: .5;
    width: 18px;
    height: 18px;
    border-radius: 100px
}

.entriesCarousel h4,.entriesCarousel p {
    color: #21314D
}

.entriesCarousel__image {
    width: 100%;
    margin-bottom: 40px;
    text-decoration: none
}

.entriesCarousel__image h4,.entriesCarousel__image p {
    text-decoration: none;
    padding-right: 30px
}

.entriesCarousel__image h4 {
    border-bottom-width: 2px;
    border-color: #EDF1F7;
    display: inline-block
}

.entriesCarousel__image img {
    width: 300px;
    height: 420px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
    transition: all .5s cubic-bezier(.25,.8,.25,1);
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 992px) {
    .entriesCarousel__image img {
        width:300px
    }
}

.entriesCarousel__image:hover img {
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    top: -15px;
    position: relative
}

.entriesCarousel__image:hover h4 {
    border-bottom-width: 2px;
    border-color: #f53d8c
}

.slider-image-caption {
    margin-top: 0!important;
    margin-bottom: 40px!important;
    position: relative;
    padding-bottom: 20px
}

@media (min-width: 768px) {
    .slider-image-caption {
        padding-bottom:0
    }
}

.slider-image-caption figcaption {
    color: #6680a8;
    margin-top: 20px;
      font-family: "Roboto", sans-serif;

    position: absolute
}

.js-accordion__panel[aria-hidden=true],.minimalist-accordion__panel[aria-hidden=true] {
    display: none
}

.minimalist-accordion__panel {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.minimalist-accordion__panel h5,.minimalist-accordion__panel p,.minimalist-accordion__panel ul {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px
}

.minimalist-accordion__panel h5 {
    font-weight: 700;
    font-family: Gilroy-Bold,sans-serif
}

.minimalist-accordion__header {
    display: block;
    text-align: left;
    margin-bottom: 20px;
    padding: 10px 10px 10px 0;
    font-family: Gilroy-Medium,sans-serif;
    width: 100%;
    font-size: 24px;
    line-height: 28px
}

.minimalist-accordion__header[aria-expanded=true]:after {
    content: "- ";
    float: right
}

.minimalist-accordion__header[aria-expanded=false]:after {
    content: "+ ";
    float: right
}

.accordion__publications>h2 {
    font-size: 32px;
    line-height: 40px
}

.accordion__publications .minimalist-accordion__header[aria-expanded=true]:after {
    content: " ";
    background-image: url(/assets/images/arrow-up-blue.svg);
    background-size: 10px 30px;
    float: right;
    width: 10px;
    height: 30px
}

.accordion__publications .minimalist-accordion__header[aria-expanded=false]:after {
    content: " ";
    background-image: url(/assets/images/arrow-down-blue.svg);
    background-size: 10px 30px;
    float: right;
    width: 10px;
    height: 30px
}

.accordion__publications-list li {
    border-top: 1px solid #fff;
    background-image: url(/assets/images/arrow-right-blue.svg);
    background-size: 30px 10px;
    background-position: 100%;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-bottom: 20px
}

.menu-overlay .js-accordion {
    margin-top: 0
}

.menu-overlay .minimalist-accordion__header {
    color: #fff;
    margin-bottom: 0;
    background-color: #21314D;
    border-bottom-width: 1px;
    border-color: #73CDD3;
    font-family: "Roboto Condensed", sans-serif;
    position: relative
}

.menu-overlay .minimalist-accordion__header[aria-expanded=true]:after {
    position: absolute;
    right: 0;
    top: 15px;
    content: " ";
    background-image: url(/assets/images/aqua-triangle-down.svg);
    background-repeat: no-repeat;
    transform: rotate(180deg);
    background-size: 16px 16px;
    float: right;
    width: 16px;
    height: 16px
}

.menu-overlay .minimalist-accordion__header[aria-expanded=false]:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 15px;
    background-image: url(/assets/images/aqua-triangle-down.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    float: right;
    width: 16px;
    height: 16px
}

.menu-overlay .minimalist-accordion__panel {
    margin-bottom: 0;
    background-color: #21314D;
}

.menu-overlay .minimalist-accordion__panel ul {
    list-style: none;
    padding: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 20px
}

.menu-overlay .minimalist-accordion__panel ul li {
    padding-top: 20px;
    padding-bottom: 20px
}

.menu-overlay .minimalist-accordion__panel ul li a {
    margin-left: 40px;
    color: #fff;
    text-decoration: none;
      font-family: "Roboto Condensed", sans-serif;

    font-size: 24px;
    line-height: 29px
}

.menu-overlay .minimalist-accordion__panel ul li:after {
    content: " ";
    background-size: 16px 16px;
    float: right;
    width: 16px;
    height: 16px;
    margin-right: 20px
}

.accordion__wrapper {
    position: relative;
    margin-bottom: 80px;
    border-bottom-width: 1px;
    border-color: #53d8bf
}

.accordion__wrapper .minimalist-accordion h2:last-of-type {
    border-bottom: none
}

.accordion__wrapper .minimalist-accordion__panel {
    margin-left: auto;
    margin-right: auto
}

.accordion__wrapper .minimalist-accordion__header {
    position: relative;
    width: 100%;
    padding-left: 0
}

.accordion__wrapper .minimalist-accordion__header span {
    line-height: 40px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    padding-right: 70px
}

@media (max-width: 991px) {
    .accordion__wrapper .minimalist-accordion__header span {
        padding-left:20px;
        width: 100%
    }
}

@media (min-width: 992px) and (max-width:1300px) {
    .accordion__wrapper .minimalist-accordion__header span {
        padding-left:35px
    }
}

@media (min-width: 992px) {
    .accordion__wrapper .minimalist-accordion__header span {
        font-size:27px;
        width: 50%
    }
}

.accordion__wrapper .minimalist-accordion__header[aria-expanded=false]:after,.accordion__wrapper .minimalist-accordion__header[aria-expanded=true]:after {
    display: none
}

.accordion__wrapper .minimalist-accordion__header[aria-expanded=true] span:after {
    content: " ";
    background-image: url(/assets/images/CS_Website_ICON_ACCORDION_PINK.svg);
    transform: rotate(180deg);
    background-size: 25px 25px;
    right: 20px;
    top: -10px;
    width: 25px;
    height: 25px;
    margin-top: 20px;
    position: absolute
}

@media (min-width: 768px) {
    .accordion__wrapper .minimalist-accordion__header[aria-expanded=true] span:after {
        margin-top:20px
    }
}

@media (min-width: 992px) {
    .accordion__wrapper .minimalist-accordion__header[aria-expanded=true] span:after {
        background-size:40px 40px;
        right: 20px;
        top: -10px;
        width: 40px;
        height: 40px;
        margin-top: 10px
    }
}

.accordion__wrapper .minimalist-accordion__header[aria-expanded=false] span:after {
    content: " ";
    background-image: url(/assets/images/CS_Website_ICON_ACCORDION_GREEN.svg);
    background-size: 25px 25px;
    right: 20px;
    top: -10px;
    width: 25px;
    height: 25px;
    margin-top: 20px;
    position: absolute
}

@media (min-width: 768px) {
    .accordion__wrapper .minimalist-accordion__header[aria-expanded=false] span:after {
        margin-top:20px
    }
}

@media (min-width: 992px) {
    .accordion__wrapper .minimalist-accordion__header[aria-expanded=false] span:after {
        top:-10px;
        background-size: 40px 40px;
        right: 20px;
        width: 40px;
        height: 40px;
        margin-top: 10px
    }
}

.accordion__wrapper .minimalist-accordion__header[aria-expanded=false]:hover:after {
    background-image: url(/assets/images/CS_Website_ICON_ACCORDION_PINK.svg)
}

.accordion__wrapper .minimalist-accordion__header[aria-expanded=true]:hover:after {
    background-image: url(/assets/images/CS_Website_ICON_ACCORDION_PINK.svg);
    transform: rotate(180deg)
}

.accordion__wrapper a,.accordion__wrapper a a,.accordion__wrapper h2,.accordion__wrapper h2 a,.accordion__wrapper h4,.accordion__wrapper h4 a,.accordion__wrapper h5,.accordion__wrapper h5 a,.accordion__wrapper h6,.accordion__wrapper h6 a,.accordion__wrapper li,.accordion__wrapper li a,.accordion__wrapper p,.accordion__wrapper p a,.accordion__wrapper table,.accordion__wrapper table a {
    color: #000000
}

.accordion__main-content,.accordion__main-heading button {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width: 992px) {
    .accordion__main-content,.accordion__main-heading button {
        width:50%
    }
}

@media (max-width: 991px) {
    .accordion__main-content {
        padding-left:0
    }
}

.accordion__main-heading {
    border-top-width: 1px;
    border-color: #53d8bf
}

.accordion__main-heading:last-of-type {
    border-bottom-width: 1px;
    border-color: #53d8bf
}

.accordion__main-heading button {
    color: #21314D;
    padding-bottom: 30px;
    padding-top: 30px;
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 768px) {
    .accordion__main-heading button {
        font-size:24px
    }
}

@media (min-width: 768px) {
    .accordion__main-heading button {
        padding-bottom:60px;
        padding-top: 60px
    }
}

.accordion__aside-left-stat {
    position: relative;
    background-image: url(/assets/images/CS_Website_GRADIENT_STATISTIC.png);
    background-repeat: no-repeat;
    background-size: 250px;
    background-position: top;
    padding-top: 90px
}

@media (min-width: 992px) {
    .accordion__aside-left-stat {
        margin-left:-50%;
        width: calc(50% - 20px);
        float: left;
        clear: both
    }
}

.accordion__aside-left-stat h3 {
    color: #21314D;
    text-align: center;
    margin-bottom: 110px
}

.accordion__aside-left-stat p {
    color: #21314D;
    font-family: Gilroy-Bold,sans-serif
}

.pagination li {
    margin-right: 15px
}

.pagination a {
    width: 50px;
    height: 50px;
    color: #21314D;
    background-color: #F9F4EC;
    display: inline-block;
    text-decoration: none;
    border-radius: 9999px;
    line-height: 50px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 900;
}

.pagination .current a,.pagination a:hover {
    color: #fff;
    background-color: #21314D;
}

.pagination .pagination-next {
    margin-left: 10px;
    margin-bottom: -25px
}

.pagination .pagination-next a {
    background-image: url(/assets/images/CS_Website_ICON_BUTTON_ARROW_WHITE.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 50%;
    width: 60px;
    height: 60px;
    display: block;
    background-color: #53d8bf
}

.pagination .pagination-next a:hover {
    background-color: #a8ebde
}

.pagination .pagination-next--inactive {
    opacity: .25
}

.pagination .pagination-previous {
    margin-right: 25px;
    margin-bottom: -25px;
    transform: rotate(-180deg)
}

.pagination .pagination-previous a {
    background-image: url(/assets/images/CS_Website_ICON_BUTTON_ARROW_WHITE.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 50%;
    width: 60px;
    height: 60px;
    display: block;
    background-color: #53d8bf
}

.pagination .pagination-previous a:hover {
    background-color: #a8ebde
}

.pagination .pagination-previous--inactive {
    opacity: .25
}

.video__video {
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    height: 0;
    margin-bottom: 0
}

.video__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__caption {
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
    color: #595959
}

.copyVideoSplit__wrapper {
    position: relative;
    background-color: #53d8bf;
    margin-bottom: 80px
}

.copyVideoSplit__container {
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 768px) {
    .copyVideoSplit__container {
        display:flex;
        padding-left: 20px
    }
}

.copyVideoSplit__copy {
    background-color: #53d8bf;
    width: 100%;
    padding: 40px
}

@media (min-width: 768px) {
    .copyVideoSplit__copy {
        width:50%;
        padding: 80px 80px 80px 0
    }
}

@media (min-width: 992px) {
    .copyVideoSplit__copy {
        padding:150px 150px 150px 0
    }
}

.copyVideoSplit__copy h2 {
    color: #21314D;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .copyVideoSplit__copy h2 {
        margin-bottom:40px
    }
}

@media (max-width: 991px) {
    .copyVideoSplit__copy h2 {
        font-size:32px
    }
}

.copyVideoSplit__copy p {
    color: #21314D;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .copyVideoSplit__copy p {
        margin-bottom:20px
    }
}

@media (min-width: 992px) {
    .copyVideoSplit__copy p {
        margin-bottom:40px;
        font-size: 21px
    }
}

.copyVideoSplit__video {
    width: 100%;
    right: 0;
    align-items: center;
    display: flex;
    height: 100%;
    padding-left: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px
}

@media (min-width: 768px) {
    .copyVideoSplit__video {
        width:50%;
        position: absolute;
        height: 100%;
        background-position: unset
    }
}

.copyVideoSplit__play-button img {
    width: 100px;
    transition: all .1s linear
}

.copyVideoSplit__play-button img:hover {
    width: 105px
}

.bigHero {
    background-color: #21314D;
    margin-bottom: 80px
}

@media (min-width: 992px) {
    .bigHero {
        padding-top:200px;
        padding-bottom: 200px
    }
}

.bigHero h1 {
    color: #fff;
    margin-bottom: 80px
}

.bigHero--home {
    padding-bottom: 0;
    background-color: #EDF1F7
}

@media (min-width: 768px) {
    .bigHero--home {
            background-color: #21314D;

        padding-top: 150px
    }
}

.bigHero--home h1 {
    color: #000000;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .bigHero--home h1 {
        color:#fff;
        margin-bottom: 80px
    }
}

@media (min-width: 992px) {
    .bigHero--home h1 {
        font-size:74px;
        font-family: "Roboto Condensed", sans-serif;
        font-weight:  900;
    }
}

@media (max-width: 767px) {
    .bigHero--home>span {
        height:300px;
        z-index: 0;
        background-color: #21314D;
        position: absolute;
        width: 100%
    }
}

.bigHero--home>div {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 1;
    padding-top: 294px;
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: left 30px top 50px
}

@media (min-width: 768px) {
    .bigHero--home>div {
        padding:50px 20px 200px;
        background-size: contain;
        background-position: 100% 100%
    }
}

.smallHero {
    background-color: #21314D;
}

.smallHero p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px;
    line-height: 1.625rem;
    font-family: "Roboto", sans-serif;
    color: #73CDD3;
    margin-bottom: 10px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .smallHero p {
        font-size:24px;
        font-size: 1.5rem;
        line-height: 32px;
        line-height: 2rem
    }
}

@media (min-width: 992px) {
    .smallHero p {
        font-size:27px;
        font-size: 1.6875rem;
        line-height: 38px;
        line-height: 2.375rem
    }
}

.smallHero h1 {
    color: #fff
}

.smallHero__grid {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width: 992px) {
    .smallHero__grid {
        padding-top:109px;
        padding-bottom: 109px
    }
}

@media (min-width: 768px) {
    .radialSwirl {
        background-repeat:no-repeat;
        background-position: 100%;
        background-size: auto 510px
    }

    .radialSwirl,.radialSwirl1 {
        background-image: url(/assets/images/CS_Website_GRADIENT_BANNER-01.png)
    }

    .radialSwirl2 {
        background-image: url(/assets/images/CS_Website_GRADIENT_BANNER-02.png)
    }

    .radialSwirl3 {
        background-image: url(/assets/images/CS_Website_GRADIENT_BANNER-03.png)
    }

    .radialSwirl4 {
        background-image: url(/assets/images/CS_Website_GRADIENT_BANNER-04.png)
    }

    .radialSwirl5 {
        background-image: url(/assets/images/CS_Website_GRADIENT_BANNER-05.png)
    }

    .radialSwirl6 {
        background-image: url(/assets/images/CS_Website_GRADIENT_BANNER-06.png)
    }

    .radialSwirl.supportHeart {
        background-image: url(/assets/images/Choice_Support_heart_RGB.png)
    }
}

@media (min-width: 768px) {
    .cqc {
        background-image:url(/assets/images/cqc.png);
        background-size: auto 120px
    }
}

@media (min-width: 1300px) {
    .cqc {
        background-size:auto 200px
    }
}

.smallHero__breadcrumbs {
    background-color: #FFBA99;
    padding-top: 21px;
    padding-bottom: 21px
}

.smallHero__breadcrumbs>div {
    margin-left: auto;
    margin-right: auto
}

.smallHero__breadcrumbs ol {
    list-style: none;
    padding: 0;
    float: left
}

.smallHero__breadcrumbs ol li {
    display: inline-block
}

.smallHero__breadcrumbs ol li a {
    color: #21314D;
    position: relative;
    text-decoration: none
}

.smallHero__breadcrumbs ol li a:after {
    content: "/";
    position: absolute;
    color: #000000;
    margin-left: 7px;
    top: -4px
}

.smallHero__breadcrumbs ol li:last-of-type a:after {
    content: none
}

.smallHero__wrapper {
    margin-bottom: 80px
}

.smallHero__wrapper img {
    width: 320px
}

.footerGlobal__wrapper {
    padding-top: 40px;
    padding-bottom: 80px;
      background-color: #F9F4EC;

}

.footerRegulated{ background-color: #F9F4EC; }



@media (min-width: 992px) {
    .footerGlobal__wrapper {
        padding-top:80px;
        padding-bottom: 80px
    }
}

.footerGlobal__wrapper h6 {
      color: #21314D;

    margin-bottom: 20px;
      font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

}

.footerGlobal__wrapper p {
      color: #21314D;

}

.footerGlobal__wrapper ul {
    list-style: none;
    padding: 0
}

.footerGlobal__wrapper ul li {
    margin-bottom: 10px
}

.footerGlobal__wrapper ul li a {
    text-decoration: none
}

.footerGlobal {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .footerGlobal {
        display:flex;
        flex-wrap: wrap
    }
}

.footerGlobal a {
    color: #21314D;
}

.footerGlobal__logo {
    width: 100%;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .footerGlobal__logo {
        width:20%
    }
}

.footerGlobal__logo img {
    width: 180px
}

@media (min-width: 768px) {
    .footerGlobal__logo img {
        width:275px
    }
}

@media (min-width: 992px) {
    .footerGlobal__logo img {
        width:calc(100% - 50px);
        max-width: 182px;
    }
}

.footerGlobal__address {
    width: 100%
}

@media (min-width: 768px) {
    .footerGlobal__address {
        width:50%
    }
}

@media (min-width: 992px) {
    .footerGlobal__address {
        width:20%
    }
}

.footerGlobal__links {
    width: 100%
}

@media (min-width: 768px) {
    .footerGlobal__links {
        width:50%
    }
}

@media (min-width: 992px) {
    .footerGlobal__links {
        width:20%
    }
}

.footerGlobal__site {
    width: 100%
}

@media (min-width: 768px) {
    .footerGlobal__site {
        width:50%
    }
}

@media (min-width: 992px) {
    .footerGlobal__site {
        width:20%
    }
}

.footerGlobal__social {
    width: 100%
}

@media (min-width: 768px) {
    .footerGlobal__social {
        width:50%
    }
}

@media (min-width: 992px) {
    .footerGlobal__social {
        width:20%
    }
}

.footerGlobal__social ul {
    float: left
}

.footerGlobal__social ul li {
    float: left;
    margin-right: 10px
}

.footerGlobal__social ul li:last-of-type {
    margin-right: 0
}

.footerGlobal__social ul li a img {
    width: 40px;
    height: 40px
}

.footerGlobal__social ul li a:hover img {
    opacity: .8
}

.footerNewsletter__wrapper {
    position: relative
}

.footerNewsletter__wrapper:before {
    background-color: #21314D;
    left: 0
}

.footerNewsletter__wrapper:after,.footerNewsletter__wrapper:before {
    content: " ";
    position: absolute;
    width: 50%;
    top: 0;
    height: 100%;
    z-index: 0
}

.footerNewsletter__wrapper:after {
    background-color: #ffc94d;
    right: 0
}

.footerNewsletter__contain {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 992px) {
    .footerNewsletter__contain {
        display:flex;
        padding-right: 0;
        padding-left: 0
    }
}

.footerNewsletter__news {
      background-color: #21314D;

    padding-top: 70px;
    padding-bottom: 140px;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width: 768px) {
    .footerNewsletter__news {
        padding-top:135px
    }
}

@media (min-width: 992px) {
    .footerNewsletter__news {
        width:50%
    }
}

.footerNewsletter__news>div {
    width: 66.66667%;
    max-width: 530px
}

.footerNewsletter__news h3 {
    margin-bottom: 30px;
    color: #fff
}

.footerNewsletter__news form div {
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 9999px;
    padding: 7px
}

.footerNewsletter__news form input[type=text] {
    float: left;
    margin-left: 40px;
    margin-top: 10px
}

.footerNewsletter__news form input[type=submit] {
    background-color: #53d8bf;
    border-radius: 9999px;
    color: #21314D;
    float: right
}

.footerNewsletter__news p {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
      font-family: "Roboto", sans-serif;

}

@media (min-width: 768px) {
    .footerNewsletter__news p {
        font-size:24px;
        font-size: 1.5rem;
        line-height: 32px;
        line-height: 2rem
    }
}

@media (min-width: 992px) {
    .footerNewsletter__news p {
        font-size:27px;
        font-size: 1.6875rem;
        line-height: 38px;
        line-height: 2.375rem
    }
}

.footerNewsletter__news p a {
    color: #fff;
    text-decoration: underline
}

.footerNewsletter__news a {
    bottom: 70px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.footerNewsLetter__button:after {
    background-image: url(/assets/images/CS_Website_ICON_NAV_ARROW_LIGHT.svg)
}

.footerNewsletter__donate {
      background-color: #FFB133;

    padding-top: 70px;
    padding-bottom: 140px;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    z-index: 1;
      background-image: none !important;

}

@media (min-width: 992px) {
    .footerNewsletter__donate {
        width:50%
    }
}

.footerNewsletter__donate>div {
    width: 66.66667%;
    max-width: 530px
}

.footerNewsletter__donate img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 43px
}

.footerNewsletter__donate h3,.footerNewsletter__donate p {
      color: #21314D;

    margin-bottom: 30px;
      font-family: "Roboto Condensed", sans-serif;


}

.footerNewsletter__donate p {
    font-size: 18px;
    line-height: 26px;
      font-family: "Roboto", sans-serif;

}

@media (min-width: 768px) {
    .footerNewsletter__donate p {
        font-size:24px;
        font-size: 1.5rem;
        line-height: 32px;
        line-height: 2rem
    }
}

@media (min-width: 992px) {
    .footerNewsletter__donate p {
        font-size:27px;
        font-size: 1.6875rem;
        line-height: 38px;
        line-height: 2.375rem
    }
}

.footerNewsletter__donate a {
    bottom: 70px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.footerRegulated {
    background-color: #848282
}

@media (min-width: 992px) {
    .footerRegulated {
        padding-bottom:50px
    }
}

.footerRegulated__images {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    padding-top: 0;
    max-width: 1340px;
    padding-left: 5px;
    padding-right: 5px
}

.footerRegulated__images:after {
    content: " ";
    position: absolute;
    width: 100%;
    background: #727272;
    height: 1px;
    top: 50%;
    left: 0
}

@media (min-width: 768px) {
    .footerRegulated__images {
        padding-top:60px
    }
}

@media (min-width: 992px) {
    .footerRegulated__images {
        flex-wrap:nowrap;
        justify-content: center
    }

    .footerRegulated__images:after {
        content: none
    }
}

.footerRegulated__images a {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 33%;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .footerRegulated__images a {
        margin-bottom:60px;
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .footerRegulated__images a {
        width:auto;
        margin-right: 30px;
        margin-top: 30px;
        margin-bottom: 0
    }
}

.footerRegulated__images a img {
    max-height: 45px;
    width: auto
}

.footerCredits {
    margin: 30px auto 60px
}

.footerCredits__nav {
    width: 100%
}

@media (min-width: 768px) {
    .footerCredits__nav {
        width:66.66667%;
        float: left
    }
}

.footerCredits__nav p,.footerCredits__nav p a {
  color: #21314D;
}

.footerCredits__credit {
    width: 100%
}

@media (min-width: 768px) {
    .footerCredits__credit {
        width:33.33333%;
        float: right;
        text-align: right
    }
}

.footerCredits__credit a {
    color: #21314D;
    text-decoration: none
}

.cards__wrapper {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .cards__wrapper {
        display:flex;
        margin-left: auto;
        margin-right: auto
    }
}

.cards__wrapper--1 .card:hover {
    top: -8px
}

@media (min-width: 992px) {
    .cards__wrapper--1 .card {
        width:100%
    }
}

@media (min-width: 768px) {
    .cards__wrapper--1 .card>a {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .cards__wrapper--1 .card>a {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 768px) {
    .cards__wrapper--1 .card>a img {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .cards__wrapper--1 .card>a img {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

.cards__wrapper--2 .card:hover {
    top: -20px
}

@media (min-width: 768px) {
    .cards__wrapper--2 .card {
        width:50%
    }
}

@media (min-width: 768px) {
    .cards__wrapper--2 .card>a {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .cards__wrapper--2 .card>a {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 768px) {
    .cards__wrapper--2 .card>a img {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .cards__wrapper--2 .card>a img {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

.cards__wrapper--3 .card:hover {
    top: -15px
}

@media (min-width: 768px) {
    .cards__wrapper--3 .card {
        width:50%
    }
}

@media (min-width: 992px) {
    .cards__wrapper--3 .card {
        width:33.33333%
    }
}

@media (min-width: 768px) {
    .cards__wrapper--3 .card>a {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .cards__wrapper--3 .card>a {
        border-top-right-radius:20px;
        border-top-left-radius: 20px
    }
}

@media (min-width: 768px) {
    .cards__wrapper--3 .card>a img {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .cards__wrapper--3 .card>a img {
        border-top-right-radius:20px;
        border-top-left-radius: 20px
    }
}

@media (min-width: 768px) {
    .cards__wrapper--4 {
        flex-wrap:wrap;
        justify-content: space-between
    }
}

@media (min-width: 992px) {
    .cards__wrapper--4 {
        flex-wrap:nowrap;
        justify-content: flex-start
    }
}

.cards__wrapper--4 .card:hover {
    top: -8px
}

@media (min-width: 768px) {
    .cards__wrapper--4 .card {
        width:calc(50% - 15px);
        margin-right: 0
    }
}

@media (min-width: 992px) {
    .cards__wrapper--4 .card {
        width:25%;
        margin-right: 30px
    }
}

@media (min-width: 768px) {
    .cards__wrapper--4 .card>a {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .cards__wrapper--4 .card>a {
        border-top-right-radius:15px;
        border-top-left-radius: 15px
    }
}

@media (min-width: 768px) {
    .cards__wrapper--4 .card>a img {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .cards__wrapper--4 .card>a img {
        border-top-right-radius:15px;
        border-top-left-radius: 15px
    }
}

.card {
    width: 100%;
    background-color: #fff;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    margin-bottom: 30px;
    position: relative;
    transition: all .5s cubic-bezier(.25,.8,.25,1);
    top: 0
}

.card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    position: relative;
    top: -15px
}

.card:hover .button--primary,.card:hover .freeform-column button,.freeform-column .card:hover button {
      background-color: #556B91;

}

.card:hover .button--tertiary {
    background-color: #3DBAC2;
        border-color: #3DBAC2;
}

.card:hover .button--primary-bg {
    background-color: #3DBAC2;
}

@media (min-width: 768px) {
    .card {
        margin-right:30px
    }
}

@media (min-width: 992px) {
    .card {
        margin-bottom:0
    }
}

.card>a {
    background-image: url(/assets/images/CS_Default_Page_Image.jpg);
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: cover;
    height: 250px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    background-color: #21314D
}

.card:last-of-type {
    margin-right: 0
}

.card img {
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
    width: 100%;
    height: 250px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px
}

.card .card__copy-wrapper {
    padding: 20px 30px 80px
}

.card .card__copy-wrapper h4 {
    color: #21314D;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 900;

}

.card .card__copy-wrapper p {
   color: #000000;
    margin-bottom: 40px
}

.card .card__copy-wrapper a {
    position: absolute;
    bottom: 30px
}

.card--purple h4,.card--purple p {
    color: #fff!important
}

.card--blog {
    background-color: #EDF1F7
}

.card--blog h4 {
    border-bottom-width: 2px;
      border-color: #73CDD3;

    padding-bottom: 20px;
    margin-bottom: 20px;
      font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

}

.card--blog .card__copy-wrapper .card__meta,.card__meta {
      color: #21314D;

}

.horiz-card {
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .horiz-card {
        margin-bottom:40px
    }
}

@media (min-width: 992px) {
    .horiz-card {
        margin-bottom:80px
    }
}

.horiz-card__img {
    width: 100%;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    height: 260px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
    vertical-align: middle
}

@media (min-width: 768px) {
    .horiz-card__img {
        width:50%;
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        height: 415px
    }
}

@media (min-width: 992px) {
    .horiz-card__img {
        height:500px
    }
}

.horiz-card__copy {
    width: 100%;
    background-color: #EDF1F7;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    padding: 40px 25px
}

@media (min-width: 768px) {
    .horiz-card__copy {
        width:50%;
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media (min-width: 992px) {
    .horiz-card__copy {
        padding-top:60px;
        padding-left: 60px
    }
}

.horiz-card__copy h3 {
    color: #21314D;
    margin-bottom: 30px
}

.horiz-card__copy p,.horiz-card__copy table,.horiz-card__copy ul {
    color: #21314D
}

@media (min-width: 992px) {
    .horiz-card__copy p,.horiz-card__copy table,.horiz-card__copy ul {
        font-size:27px;
        line-height: 37px
    }
}

.horiz-card__copy a.button--primary {
    display: block
}

@media (min-width: 768px) {
    .horiz-card__copy a.button--primary {
        display:inline-block
    }
}

.publications__card img {
    width: auto
}

@media (min-width: 768px) {
    .card--blog-index {
        width:calc(50% - 30px);
        margin-bottom: 30px;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width: 992px) {
    .card--blog-index {
        width:calc(25% - 30px);
        margin-right: 30px;
        margin-left: 0
    }
}

.relatedPages__wrapper {
    background-color: #EDF1F7;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 60px
}

@media (min-width: 992px) {
    .relatedPages__wrapper {
        margin-bottom:120px
    }
}

.relatedPages__wrapper--white {
    background-color: #fff
}

.relatedPages__wrapper--entries {
    background-color: #EDF1F7
}

.relatedPages__wrapper--entries .card {
    background-color: #fff
}

.relatedPages__wrapper--entries .card>a {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .relatedPages__wrapper--entries .card>a,.relatedPages__wrapper--entries .card img {
        height:380px
    }
}

.relatedPages__wrapper--entries .card img.card__icon-img {
    position: absolute;
    right: 0;
    width: auto;
    height: 40px;
    top: 0;
    border-radius: unset
}

@media (min-width: 992px) {
    .relatedPages__wrapper--entries .card img.card__icon-img {
        height:60px;
        top: -10px
    }
}

.relatedPages__wrapper--entries .card p {
    font-size: 18px
}

@media (min-width: 992px) {
    .relatedPages__wrapper--entries .card p {
        font-size:21px
    }
}

.relatedPages__wrapper--entries .card .card__copy-wrapper {
    padding: 20px 20px 60px
}

@media (min-width: 768px) {
    .relatedPages__wrapper--entries .card .card__copy-wrapper {
        padding:60px
    }
}

.relatedPages__wrapper--entries .relatedPages__heading h2 {
    color: #21314D;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 40px;
      font-weight: 900;

}

.text-indigo:focus-visible{ outline:none; }


@media (min-width: 992px) {
    .relatedPages__wrapper--entries .relatedPages__heading h2 {
        margin-bottom:20px
    }
}

@media (min-width: 768px) {
    .relatedPages__wrapper--entries .cards__wrapper--2 .card,.relatedPages__wrapper--entries .cards__wrapper--3 .card {
        width:calc(50% - 30px)
    }
}

@media (min-width: 992px) {
    .relatedPages__wrapper--entries .cards__wrapper--3 .card {
        width:calc(33% - 30px)
    }
}

@media (min-width: 768px) {
    .relatedPages__wrapper--entries .cards__wrapper--4 .card {
        width:calc(50% - 30px)
    }
}

@media (min-width: 992px) {
    .relatedPages__wrapper--entries .cards__wrapper--4 .card {
        width:calc(25% - 30px)
    }
}

.relatedPages__wrapper--entries .blogCarousel .slick-dots {
    bottom: -60px
}

@media (min-width: 768px) {
    .relatedPages__wrapper--entries .blogCarousel .slick-dots {
        bottom:-20px
    }
}

@media (min-width: 992px) {
    .relatedPages__wrapper--entries .blogCarousel .slick-dots {
        bottom:-60px
    }
}

body.home .relatedPages__wrapper {
    background-color: #fff
}

@media (min-width: 768px) {
    body.home .relatedPages__wrapper {
        padding-bottom:60px
    }
}

@media (min-width: 992px) {
    body.home .relatedPages__wrapper {
        padding-bottom:80px
    }
}

body.home .relatedPages__wrapper .card {
     background-color: #EDF1F7;

}

.relatedPages__heading {
    margin-left: auto;
    margin-right: auto
}

.relatedPages__heading h2 {
    color: #21314D;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 40px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 900;

}

@media (min-width: 992px) {
    .relatedPages__heading h2 {
        margin-bottom:40px
    }
}

.relatedPages__heading h3 {
    color: #21314D;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 40px
}

@media (min-width: 992px) {
    .relatedPages__heading h3 {
        margin-bottom:60px
    }
}

.relatedPages__heading a {
    float: right
}

.relatedPages__wrapper--grid .card {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .relatedPages__wrapper--grid .card {
        margin-bottom:40px
    }
}

@media (min-width: 992px) {
    .relatedPages__wrapper--grid .card {
        margin-bottom:60px
    }
}

.cards__columns-two .card {
    background-color: #EDF1F7;
    width: 100%
}

@media (min-width: 768px) {
    .cards__columns-two .card {
        width:calc(50% - 20px);
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width: 992px) {
    .cards__columns-two .card {
        width:calc(50% - 30px);
        margin-right: 15px;
        margin-left: 15px
    }
}

.cards__columns-three .card {
    background-color: #EDF1F7;
    width: 100%
}

@media (min-width: 768px) {
    .cards__columns-three .card {
        width:calc(50% - 20px);
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width: 992px) {
    .cards__columns-three .card {
        width:calc(33% - 30px);
        margin-right: 15px;
        margin-left: 15px
    }
}

.cards__columns-four .card {
    background-color: #EDF1F7;
    width: 100%
}

@media (min-width: 768px) {
    .cards__columns-four .card {
        width:calc(50% - 20px);
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width: 992px) {
    .cards__columns-four .card {
        width:calc(25% - 30px);
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width: 768px) {
    .cards__inner {
        margin-right:-10px;
        margin-left: -10px;
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width: 992px) {
    .cards__inner {
        margin-right:-15px;
        margin-left: -15px
    }
}

.relatedPages__wrapper--sub {
    padding-top: 40px;
    padding-bottom: 90px
}

@media (min-width: 768px) {
    .relatedPages__wrapper--sub {
        padding-top:20px;
        padding-bottom: 50px
    }
}

@media (min-width: 992px) {
    .relatedPages__wrapper--sub {
        padding-top:40px;
        padding-bottom: 120px;
    }
}

.relatedPages__wrapper--sub .relatedPages__heading h2 {
    margin-bottom: 10px
}

@media (min-width: 992px) {
    .relatedPages__wrapper--sub .relatedPages__heading h2 {
        margin-bottom:20px
    }
}

.relatedPages__wrapper--sub .card>a {
    height: 200px
}

@media (min-width: 768px) {
    .relatedPages__wrapper--sub .card>a {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .relatedPages__wrapper--sub .card>a {
        border-top-right-radius:15px;
        border-top-left-radius: 15px
    }
}

.relatedPages__wrapper--sub .card>a img {
    height: 200px
}

@media (min-width: 768px) {
    .relatedPages__wrapper--sub .card>a img {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .relatedPages__wrapper--sub .card>a img {
        border-top-right-radius:15px;
        border-top-left-radius: 15px
    }
}

@media (min-width: 992px) {
    .relatedPages__wrapper--sub .card>a,.relatedPages__wrapper--sub .card>a img {
        height:180px
    }
}

.relatedPages__wrapper--sub .card .card__copy-wrapper {
    padding: 20px 20px 80px
}

.relatedPages__wrapper--sub .card .card__copy-wrapper a {
    bottom: 20px
}

.relatedPages__wrapper--sub .card .card__copy-wrapper p {
    font-size: 18px
}

@media (min-width: 992px) {
    .relatedPages__wrapper--sub .cards__wrapper--2 .card>a,.relatedPages__wrapper--sub .cards__wrapper--2 .card>a img {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .relatedPages__wrapper--sub .cards__wrapper--3 .card>a,.relatedPages__wrapper--sub .cards__wrapper--3 .card>a img {
        border-top-right-radius:20px;
        border-top-left-radius: 20px
    }
}

.memberForm__wrapper {
    background-color: #21314D;
    padding-top: 140px;
    padding-bottom: 140px;
    margin-bottom: 140px;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex
}

.memberForm__wrapper>div {
    width: 100%
}

.memberForm__wrapper h3,.memberForm__wrapper p {
    color: #fff
}

.memberForm__wrapper p a {
    color: #53d8bf;
    text-decoration: underline
}

.memberForm__wrapper p.memberForm__small-text a {
    color: #fff
}

.memberForm__wrapper p.memberForm__small-text input[type=checkbox] {
    margin-right: 10px;
    vertical-align: middle
}

.memberForm__wrapper input[type=number],.memberForm__wrapper input[type=password],.memberForm__wrapper input[type=text] {
    width: 100%;
    border-radius: 9999px;
    margin-bottom: 30px;
    padding-left: 30px;
    color: #21314D;
    height: 60px
}

.memberForm__wrapper select {
    width: 100%;
    border-radius: 9999px;
    background-color: #EDF1F7;
    margin-bottom: 30px;
    background-image: url(/assets/images/CS_Website_ICON_FORM_DROPDOWN_LIST.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 20px 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 20px;
    height: 60px;
    line-height: 60px;
    color: #000000
}

.memberForm__wrapper textarea {
    color: #21314D
}

.memberForm__wrapper--white {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 80px
}

.memberForm__wrapper--white h3 {
    color: #21314D
}

.memberForm__wrapper--white input[type=email],.memberForm__wrapper--white input[type=number],.memberForm__wrapper--white input[type=password],.memberForm__wrapper--white input[type=text] {
    background-color: #EDF1F7
}

.memberForm__wrapper--white p {
    color: #21314D
}

.memberForm__wrapper--white p.tiny-text a {
    word-break: break-all
}

.memberForm__wrapper--white p a {
    color: #53d8bf;
    text-decoration: underline
}

.memberForm__wrapper--white p.memberForm__small-text a {
    color: #21314D
}

.memberForm__wrapper--white p.memberForm__small-text input[type=checkbox] {
    margin-right: 10px;
    vertical-align: middle
}

.jobs__form fieldset {
    clear: both
}

.jobs__form h4 {
    margin-bottom: 30px
}

.jobs__form .inline-label {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 30px;
    margin-bottom: 0
}

.jobs__form input[type=checkbox],.jobs__form input[type=radio] {
    display: inline-block;
    margin-right: 20px;
    vertical-align: bottom;
    margin-bottom: 10px;
    width: auto
}

.jobs__form-input {
    border-top-width: 1px;
    border-color: #EDF1F7;
    padding-top: 20px;
    padding-bottom: 60px
}

.jobs__form-input label {
    display: block;
    color: #21314D;
    margin-bottom: 10px
}

.jobs__form-input input[type=email],.jobs__form-input input[type=number],.jobs__form-input input[type=password],.jobs__form-input input[type=text] {
    display: block;
    border-radius: 9999px;
    background-color: #EDF1F7;
    color: #21314D;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    height: 60px
}

.jobs__form-input textarea {
    width: 100%;
    background-color: #EDF1F7;
    border-radius: .5rem;
    padding: 20px
}

.jobs__form-input--api label.inline-label {
    display: inline-block
}

.jobs__form-input--api label.inline-label input[type=radio] {
    vertical-align: middle;
    margin-left: 20px;
    margin-right: 20px
}

.jobs__form-input--api label.inline-label:nth-child(2) input {
    margin-left: 0
}

.contact__form h4 {
    margin-bottom: 30px
}

.contact__form .inline-label {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 30px;
    margin-bottom: 15px
}

.contact__form input[type=checkbox],.contact__form input[type=radio] {
    display: inline-block;
    margin-right: 20px;
    vertical-align: bottom;
    width: auto
}

.contact__form input[type=checkbox].checkbox__middle,.contact__form input[type=radio].checkbox__middle {
    vertical-align: baseline;
    margin-right: 10px
}

.freeform-column {
    text-align: left
}

.freeform-column button {
    height: 55px;
    width: 100%
}

.freeform-column textarea {
    width: 100%;
    background-color: #EDF1F7;
    border-radius: .5rem;
    padding: 20px
}

.freeform-column input[type=email] {
    width: 100%;
    border-radius: 9999px;
    margin-bottom: 30px;
    padding-left: 30px;
    color: #21314D;
    height: 60px
}

.freeform-label {
    border-top-width: 1px;
    border-color: #21314D;
    color: #21314D;
    padding-top: 20px;
    margin-bottom: 30px;
    text-align: left
}

.freeform-instructions,label:not(.freeform-label) {
    color: #21314D!important
}

.freeform-instructions {
    font-size: 21px!important;
    padding-top: 20px!important;
    margin-bottom: 30px!important;
    text-align: left!important
}

.parsley-errors-list {
    color: #aa0a64;
      font-family: "Roboto Condensed", sans-serif;

    position: absolute;
    margin-top: 60px
}

.memberForm__small-text .parsley-errors-list {
    margin-top: 40px
}

ul.parsley-errors-list {
    display: none
}

.image__fullWidth {
    margin-bottom: 80px
}

.image__fullWidth figure img {
    width: 100%;
    margin-bottom: 10px
}

.image__fullWidth figure figcaption {
    margin-left: auto;
    margin-right: auto
}

.image__fullWidth figure figcaption span {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #6680a8
}

@media (min-width: 992px) {
    .image__fullWidth figure figcaption span {
        width:50%
    }
}

.statisticsModule__wrapper {
    padding-top: 60px;
    padding-bottom: 80px;
    margin-bottom: 80px;
    background-color: #21314D;
    position: relative;
    overflow: hidden
}

@media (min-width: 992px) {
    .statisticsModule__wrapper {
        padding-bottom:120px
    }
}

.statisticsModule__wrapper h3 {
    color: #fff;
    text-align: center;
    margin-bottom: 80px
}

.statisticsModule__wrapper:after {
    content: " ";
    position: absolute;
    bottom: -250px;
    left: -250px;
    z-index: 1;
    transform: rotate(54.5deg);
    background-image: url(/assets/images/CS_Website_GRADIENT_BANNER-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 500px;
    height: 500px
}

.statisticsModule__item {
    z-index: 10;
    padding-left: 15px;
    padding-right: 15px
}

.statisticsModule__item h4 {
    color: #ffc94d;
    text-align: center;
    margin-bottom: 10px;
    font-family: "Roboto Condensed", sans-serif;
}

@media (max-width: 767px) {
    .statisticsModule__item h4 {
        font-size:50px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .statisticsModule__item h4 {
        font-size:72px
    }
}

.statisticsModule__item p {
    color: #fff;
    text-align: center;
      font-family: "Roboto Condensed", sans-serif;
}

.easyRead__page-nav ul li:first-of-type a:after {
    left: 20px;
    transform: rotate(180deg);
    top: calc(50% - 15px)
}

.easyRead__page-nav a {
    display: block;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .easyRead__page-nav a {
        display:inline-block
    }
}

.featuredJobs__wrapper {
    background-color: #ffc94d;
    padding-top: 80px;
    padding-bottom: 120px;
    margin-bottom: 80px;
    background-image: url(/assets/images/CS_Website_ICON_FEATURED_JOBS_BACKGROUND.svg);
    background-repeat: no-repeat;
    background-position: left -50% top 200px
}

.featuredJobs__heading {
    color: #21314D;
    margin-bottom: 60px
}

.featuredJobs__job {
    border-radius: .5rem;
    background-color: #fff;
    margin-bottom: 30px;
    padding: 20px
}

@media (min-width: 992px) {
    .featuredJobs__job {
        display:flex;
        justify-content: space-between;
        padding: 30px
    }
}

.featuredJobs__job h4 {
    color: #21314D;
    margin-bottom: 30px
}

@media (min-width: 992px) {
    .featuredJobs__job h4 {
        width:40%
    }
}

.featuredJobs__job a {
    height: 55px;
    line-height: 55px;
    width: 220px;
    padding-top: 0;
    padding-bottom: 0
}

.featuredJobs__details {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .featuredJobs__details {
        margin-bottom:0
    }
}

@media (min-width: 992px) {
    .featuredJobs__details {
        width:40%
    }
}

.featuredJobs__details .featuredJobs__label {
    color: #21314D;
    position: relative;
    padding-left: 30px;
    display: block
}

@media (min-width: 768px) {
    .featuredJobs__details .featuredJobs__label {
        display:table-cell
    }
}

.featuredJobs__details .featuredJobs__label:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 17px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 0
}

.featuredJobs__details .featuredJobs__value {
    color: #21314D;
    padding-left: 30px;
    display: block
}

@media (min-width: 768px) {
    .featuredJobs__details .featuredJobs__value {
        display:table-cell
    }
}

.featuredJobs__label--location:after {
    background-image: url(/assets/images/CS_Website_ICON_LOCATION.svg);
    width: 17px;
    height: 22px
}

.featuredJobs__label--salary:after {
    background-image: url(/assets/images/CS_Website_ICON_SALARY.svg);
    width: 17px;
    height: 22px
}

.featuredJobs__label--date:after {
    background-image: url(/assets/images/CS_Website_ICON_CLOSE\ DATE.svg);
    width: 17px;
    height: 22px
}

.featuredJobs__label--type:after {
    background-image: url(/assets/images/CS_Website_Icon_CONTRACT_AW.svg);
    width: 17px;
    height: 22px
}

.featuredJobs__label--hours:after {
    background-image: url(/assets/images/CS_Website_ICON_CONTRACT.svg);
    width: 17px;
    height: 22px
}

.featuredJobs__cta {
    display: flex;
    align-items: center
}

@media (min-width: 768px) {
    .featuredJobs__cta {
        justify-content:flex-end
    }
}

@media (min-width: 992px) {
    .featuredJobs__cta {
        width:20%
    }
}

@media (min-width: 768px) {
    .featuredJobs__cta a {
        margin-top:-70px
    }
}

@media (min-width: 992px) {
    .featuredJobs__cta a {
        margin-top:0
    }
}

.jobs__filter-form label {
    width: 100%;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .jobs__filter-form label {
        width:calc(20% - 30px);
        margin-right: 30px
    }
}

.jobs__filter-form label p {
    color: #21314D;
    margin-bottom: 10px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 900;
}

@media (min-width: 768px) {
    .jobs__filter-form label p {
        margin-bottom:30px
    }
}

.jobs__filter-form input[type=text],.jobs__filter-form select {
    width: 100%;
    background-color: #EDF1F7;
    border-radius: 9999px;
    height: 60px;
    line-height: 60px;
    padding-left: 20px
}

.jobs__filter-form select {
    background-image: url(/assets/images/CS_Website_ICON_FORM_DROPDOWN_LIST.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 20px 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000000
}

.jobs__filter-form input[type=submit] {
    height: 60px;
    line-height: 60px;
    padding-top: 0;
    width: 100%;
    margin-top: 20px
}

@media (min-width: 768px) {
    .jobs__filter-form input[type=submit] {
        width:20%;
        margin-top: 0;
        top: -20px
    }
}

.jobs__nav-block {
    background-color: #EDF1F7;
    margin-top: -80px;
    padding-top: 80px;
    height: 300px
}

.jobs__submit-button {
    background-position: right 20px center;
    width: 100%
}

.jobs__nav-button {
    padding-left: 50px
}

.jobs__nav-button:after {
    transform: rotate(180deg);
    left: 20px
}

.jobs__nav-button--next:after,.jobs__nav-button:after {
    background-image: url(/assets/images/CS_Website_ICON_BUTTON_ARROW_WHITE.svg);
    background-size: 20px 30px;
    background-repeat: no-repeat;
    width: 20px;
    height: 30px;
    top: calc(50% - 15px)
}

.jobs__nav-button--next:after {
    transform: rotate(0deg)
}

.jobs-tabs {
    margin-top: -170px;
    padding-top: 70px;
    overflow: hidden;
    position: relative
}

.jobs-tabs:after {
    content: " ";
    position: absolute;
    top: 30px;
    width: 100%;
    height: 10px;
    background: #fff;
    z-index: 1
}

.jobs-tabs .tabs__nav {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
    background-color: #EDF1F7;
    margin-bottom: 150px;
    display: flex;
    justify-content: space-between
}

.jobs-tabs .tabs__nav li {
    display: inline-block;
    position: relative
}

.jobs-tabs .tabs__nav li:after {
    content: " ";
    top: -60px;
    left: calc(50% - 23px);
    position: absolute;
    background-color: #fff;
    border-radius: 9999px;
    width: 45px;
    height: 45px;
    z-index: 3
}

.jobs-tabs .tabs__nav li:not(:first-of-type).active:before {
    content: " ";
    position: absolute;
    right: 19px;
    height: 10px;
    width: 9999px;
    background: #53d8bf;
    z-index: 2;
    top: -40px
}

.jobs-tabs .tabs__nav li.active:after {
    background-image: url(/assets/images/white-tick.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #53d8bf
}

.jobs-tabs .tabs__nav li:first-of-type:after {
    left: 0
}

.jobs-tabs .tabs__nav li:first-of-type:before {
    margin-left: 0
}

.jobs-tabs .tabs__nav li:first-of-type a {
    text-align: left
}

.jobs-tabs .tabs__nav li:last-of-type:after {
    right: 0;
    left: unset
}

.jobs-tabs .tabs__nav li:last-of-type a {
    text-align: right
}

.jobs-tabs .tabs__nav li a {
    width: 100%;
    display: inline-block;
    background-color: #EDF1F7;
    color: #21314D;
    text-decoration: none;
    text-align: center;
    cursor: pointer
}

.jobs-tabs .jobs__tabs .tabs-pane {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.jobs-tabs .jobs__tabs .tabs-pane.active {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.jobs-tabs .jobs__tabs .tabs-pane:focus {
    outline: none
}

.tr_clone_add,.tr_clone_remove {
    cursor: pointer
}

.share__wrapper a:hover img {
    opacity: .8
}

.map__wrapper--support {
    position: relative;
    width: 100%;
    height: 500px
}

.map__wrapper--support #map {
    height: 100%
}

@media (min-width: 992px) {
    .map__wrapper--support #map {
        min-height:697px
    }
}

@media (min-width: 992px) {
    .map__wrapper--support {
        position:absolute;
        width: 50%;
        height: 100%
    }
}

.map__info-box {
    background-image: url(/assets/images/map-hand.svg);
    background-repeat: no-repeat;
    background-position: left 20px top 20px;
    background-size: 30px 48px;
    background-color: #691be4;
    margin-right: 30px;
    padding: 20px;
    width: calc(100% + 45px);
    margin-left: -25px
}

@media (min-width: 768px) {
    .map__info-box {
        position:absolute;
        right: 0;
        top: 0;
        z-index: 10;
        margin-top: 30px;
        border-radius: .5rem;
        margin-left: 0;
        width: 250px
    }
}

.map__info-box p:first-of-type {
    display: block
}

.map__info-box p:last-of-type {
    display: none
}

.map__info-box--zoomed {
    background-image: url(/assets/images/map-minus.png);
    background-size: 40px 40px;
    background-position: left 10px top 20px
}

.map__info-box--zoomed p:first-of-type {
    display: none
}

.map__info-box--zoomed p:last-of-type {
    display: block
}

.map__copy-box {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 40px
}

@media (min-width: 992px) {
    .map__copy-box {
        padding-top:100px;
        padding-bottom: 100px;
        padding-right: 100px;
        min-height: 697px
    }
}

.map__copy-box h3 {
    color: #21314D;
    margin-bottom: 30px
}

.map__copy-box p {
    color: #21314D
}

.map__copy-box p:last-of-type {
    margin-bottom: 40px
}

.locations__cards-wrapper {
    background-color: #ffc94d
}

.locations__cards-wrap {
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0
}

.locations__cards-wrap .card {
    margin-right: 0
}

@media (min-width: 768px) {
    .locations__cards-wrap .card {
        width:calc(50% - 15px);
        margin-right: 15px
    }
}

@media (min-width: 992px) {
    .locations__cards-wrap .card {
        width:calc(25% - 20px);
        margin-right: 20px
    }
}

.locations__cards-wrap .card>a {
    height: 308px
}

.locations__cards-wrap .card>a p {
      font-family: "Roboto Condensed", sans-serif;

    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    margin-bottom: 0;
    padding-left: 50px;
    color: #000000;
    padding-top: 15px;
    padding-bottom: 15px;
    background-position: left 20px center
}

.locations__cards-wrap .card>a img {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.locations__cards-wrap .card--purple>a p {
    color: #fff
}

.locations__cards-wrap .card--double {
    width: 100%;
    margin-right: 0
}

@media (min-width: 992px) {
    .locations__cards-wrap .card--double {
        width:calc(50% - 20px);
        margin-right: 20px
    }
}

@media (min-width: 768px) {
    .locations__cards-wrap .cards__wrapper--4 .card>a p {
        border-top-right-radius:25px;
        border-top-left-radius: 25px
    }
}

@media (min-width: 992px) {
    .locations__cards-wrap .cards__wrapper--4 .card>a p {
        background-color: #21314D;
        border-top-right-radius:15px;
        border-top-left-radius: 15px
    }
}

#smartmap-mapcanvas-1>div>div>div:first-child>div:nth-child(3)>div>div:nth-child(4)>div>div:first-child>div:nth-child(3) {
    top: 26px!important
}

@media (max-width: 991px) {
    .alert-banner {
        padding-top:60px;
        margin-bottom: -60px
    }
}

.alert-banner .alert-banner-inner {
    padding-top: 35px;
    padding-bottom: 35px
}

@media (max-width: 767px) {
    .alert-banner .alert-banner-inner {
        padding-left:0;
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .alert-banner .alert-banner-inner {
        padding-top:40px;
        padding-bottom: 40px
    }
}

@media (min-width: 992px) {
    .alert-banner .alert-banner-inner {
        padding-top:30px;
        padding-bottom: 30px
    }
}

@media (max-width: 350px) {
    .alert-banner .alert-banner-inner div {
        padding-right:40px;
        padding-left: 40px
    }
}

@media (max-width: 767px) {
    .alert-banner .alert-banner-inner div {
        padding-right:60px;
        padding-left: 60px
    }
}

@media (min-width: 992px) {
    .alert-banner .alert-banner-inner div {
        padding-right:100px
    }
}

.alert-banner .alert-banner-inner div>span {
    color: #21314D;
    margin-bottom: 30px;
    line-height: 100%;
    display: block;
    font-size: 27px
}

@media (max-width: 350px) {
    .alert-banner .alert-banner-inner div>span {
        font-size:20px
    }
}

@media (min-width: 768px) {
    .alert-banner .alert-banner-inner div>span {
        margin-bottom:30px
    }
}

@media (min-width: 769px) and (max-width:1110px) {
    .alert-banner .alert-banner-inner div>span {
        font-size:18px!important
    }
}

@media (min-width: 992px) {
    .alert-banner .alert-banner-inner div > span{ font-size: 21px; line-height: 30px; display: inline; margin-right: 60px; margin-bottom: 0; max-width: 540px; color: #21314D; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }

}

.alert-banner .button--primary,.alert-banner .freeform-column button,.freeform-column .alert-banner button {
    background-color: #21314D
}

@media (max-width: 350px) {
    .alert-banner .button--primary,.alert-banner .freeform-column button,.freeform-column .alert-banner button {
        padding-left:30px;
        padding-right: 40px
    }
}

.alert-banner .alert-close {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    margin-right: 65px;
    margin-top: -6px;
    color: #21314D;
}

@media (min-width: 768px) {
    .alert-banner .alert-close {
        font-size:16px;
        margin-right: 67px;
        margin-top: 7px
    }
}

@media (min-width: 992px) {
    .alert-banner .alert-close {
        font-size: 21px;
        margin-right: 73px;
        margin-top: 18px;
        font-weight: bold;
        font-family: "Roboto Condensed", sans-serif;
    }
}

.alert-banner .alert-close:after {
    position: absolute;
    content: "";
    background-image: url(/assets/images/cs-close-svg.svg);
    background-position: 50%;
    background-size: 36px;
    width: 36px;
    height: 36px;
    right: -46px;
    top: -4px;
}

.alert-banner .alert-close span {
    display: none;
    color: #21314D;
}

@media (min-width: 768px) {
    .alert-banner .alert-close span {
        display:inline
    }
}

/*! purgecss end ignore */
.list-reset {
    list-style: none;
    padding: 0
}

.bg-black {
    background-color: #000
}

.bg-white {
    background-color: #fff
}

.bg-indigo {
    background-color: #21314D
}

.bg-indigo-lightest {
    background-color: #EDF1F7
}

.bg-mint {
    background-color: #53d8bf
}

.bg-yellow {
  background-color: #FFB133;
}

.border-black {
    border-color: #000
}

.border-white {
    border-color: #fff
}

.border-beige {
    border-color: #f7f3ef
}

.border-blue-grey {
    border-color: #99aac5
}

.border-indigo-light {
    border-color: #8069af
}

.border-indigo-lightest {
    border-color: #EDF1F7
}

.border-purple {
    border-color: #691be4
}

.border-mint {
    border-color: #21314D
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-xl {
    border-radius: 25px
}

.rounded-full {
    border-radius: 9999px
}

.border-2 {
    border-width: 2px
}

.border-10 {
    border-width: 10px
}

.border {
    border-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.table {
    display: table
}

.hidden {
    display: none
}

.flex {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.self-end {
    align-self: flex-end
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-between {
    justify-content: space-between
}

.flex-1 {
    flex: 1
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.h-full {
    height: 100%
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mb-0 {
    margin-bottom: 0
}

.mt-1 {
    margin-top: 10px
}

.mb-1 {
    margin-bottom: 10px
}

.ml-1 {
    margin-left: 10px
}

.mt-2 {
    margin-top: 20px
}

.mr-2 {
    margin-right: 20px
}

.mb-2 {
    margin-bottom: 20px
}

.ml-2 {
    margin-left: 20px
}

.mr-3 {
    margin-right: 30px
}

.mb-3 {
    margin-bottom: 30px
}

.mt-4 {
    margin-top: 40px
}

.mr-4 {
    margin-right: 40px
}

.mb-4 {
    margin-bottom: 40px
}

.mt-5 {
    margin-top: 50px
}

.mr-5 {
    margin-right: 50px
}

.mb-5 {
    margin-bottom: 50px
}

.ml-5 {
    margin-left: 50px
}

.mb-6 {
    margin-bottom: 60px
}

.mt-7 {
    margin-top: 70px
}

.mt-8 {
    margin-top: 80px
}

.mb-8 {
    margin-bottom: 80px
}

.mt-10 {
    margin-top: 100px
}

.mb-10 {
    margin-bottom: 100px
}

.mb-12 {
    margin-bottom: 120px
}

.mt-15 {
    margin-top: 150px
}

.mb-15 {
    margin-bottom: 150px
}

.-mr-2 {
    margin-right: -20px
}

.-ml-2 {
    margin-left: -20px
}

.-mt-7 {
    margin-top: -70px
}

.overflow-hidden {
    overflow: hidden
}

.p-2 {
    padding: 20px
}

.p-3 {
    padding: 30px
}

.p-6 {
    padding: 60px
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: 10px
}

.pb-1 {
    padding-bottom: 10px
}

.pt-2 {
    padding-top: 20px
}

.pr-2 {
    padding-right: 20px
}

.pb-2 {
    padding-bottom: 20px
}

.pl-2 {
    padding-left: 20px
}

.pt-3 {
    padding-top: 30px
}

.pr-3 {
    padding-right: 30px
}

.pb-3 {
    padding-bottom: 30px
}

.pl-3 {
    padding-left: 30px
}

.pt-4 {
    padding-top: 40px
}

.pr-4 {
    padding-right: 40px
}

.pb-4 {
    padding-bottom: 40px
}

.pl-4 {
    padding-left: 40px
}

.pl-5 {
    padding-left: 50px
}

.pt-6 {
    padding-top: 60px
}

.pr-6 {
    padding-right: 60px
}

.pb-6 {
    padding-bottom: 60px
}

.pt-7 {
    padding-top: 70px
}

.pt-8 {
    padding-top: 80px
}

.pb-8 {
    padding-bottom: 80px
}

.pt-10 {
    padding-top: 100px
}

.pb-10 {
    padding-bottom: 100px
}

.pt-15 {
    padding-top: 150px
}

.pb-15 {
    padding-bottom: 150px
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.pin-y {
    top: 0;
    bottom: 0
}

.pin-t {
    top: 0
}

.pin-r {
    right: 0
}

.pin-l {
    left: 0
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-black {
    color: #000
}

.text-white {
    color: #fff
}

.text-indigo {
      color: #21314D;

}

.text-pink-dark {
    color: #aa0a64
}

.text-dark-blue {
    color: #000000
}

.no-underline {
    text-decoration: none
}

.align-bottom {
    vertical-align: bottom
}

.break-words {
    word-wrap: break-word
}

.w-10 {
    width: 83.33333%
}

.w-auto {
    width: auto
}

.w-2\/3 {
    width: 66.66667%
}

.w-1\/4 {
    width: 25%
}

.w-full {
    width: 100%
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

@media (min-width: 576px) {
    .sm\:mr-1 {
        margin-right:10px
    }

    .sm\:ml-1 {
        margin-left: 10px
    }

    .sm\:w-full {
        width: 100%
    }
}

@media (min-width: 768px) {
    .md\:block {
        display:block
    }

    .md\:hidden {
        display: none
    }

    .md\:flex {
        display: flex
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:ml-2 {
        margin-left: 20px
    }

    .md\:mb-6 {
        margin-bottom: 60px
    }

    .md\:-mr-3 {
        margin-right: -30px
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:text-left {
        text-align: left
    }

    .md\:w-2 {
        width: 16.66667%
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-full {
        width: 100%
    }
}

@media (min-width: 992px) {
    .lg\:block {
        display:block
    }

    .lg\:hidden {
        display: none
    }

    .lg\:flex {
        display: flex
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:flex-1 {
        flex: 1
    }

    .lg\:float-none {
        float: none
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mr-1 {
        margin-right: 10px
    }

    .lg\:ml-1 {
        margin-left: 10px
    }

    .lg\:mb-2 {
        margin-bottom: 20px
    }

    .lg\:mb-4 {
        margin-bottom: 40px
    }

    .lg\:mb-12 {
        margin-bottom: 120px
    }

    .lg\:-mr-4 {
        margin-right: -40px
    }

    .lg\:pr-2 {
        padding-right: 20px
    }

    .lg\:absolute {
        position: absolute
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:w-2 {
        width: 16.66667%
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/3 {
        width: 33.33333%
    }

    .lg\:w-2\/3 {
        width: 66.66667%
    }

    .lg\:w-1\/4 {
        width: 25%
    }
}

.browseAloudMobile #__ba_panel button {
    margin-left: 0;
    color: #fff;
    padding-left: 40px;
    min-height: 20px;
}

.browseAloudMobile #__ba_panel button:after {
    background-image: url(/assets/images/browsealoud_icon-white.png);
    top: 1px;
    background-size: 24px 19px;
    left: 1px
}

@media (min-width: 992px) {
    body.desktopFixed .logoAndNav__top-nav {
        height: 187px;
        padding-top: 0!important;
    }
}

@media (min-width: 768px) {
    .bigHero--home {
        background-color: #21314D;
        padding-top: 60px;
    }

    .bigHero--home > div {
        padding: 50px 20px 120px;
    }

    .cqcGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.gap {
    gap: 30px;
}

@media (max-width: 768px) {
    .cqcGrid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.grid {
    display: grid;
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.smallHero__breadcrumbs ol {
    margin-top: 0;
    margin-bottom: 0;
}

.smallHero__breadcrumbs ol a:link {
}

.smallHero__breadcrumbs ol a:visited {
}

.smallHero__breadcrumbs ol a:focus {
    outline: #21314D 1px solid;
    /* outline for accessibility when the link is focused */
    outline-offset: 2px;
    /* optional: to add space between the outline and the element */
    text-decoration: none;
}

.smallHero__breadcrumbs ol a:hover {
    text-decoration: underline;
}

.smallHero__breadcrumbs ol a:active {
    text-decoration: none;
}

/* All states are the following: a:visited, a:hover, a:focus, a:active


.bg-white--override{
    background-color:white!important;
}

 */
.footerGlobal__links a, .footerGlobal__site a {
    text-decoration: underline!important;
}

.footerGlobal__links a:hover, .footerGlobal__site a:hover {
    text-decoration: none!important;
}

.footerGlobal__links a:focus, .footerGlobal__site a:focus {
    outline: #21314D 1px solid;
    padding: 4px;
}

.footerGlobal__links a:active, .footerGlobal__site a:active {
    outline: #21314D 1px solid;
    outline-offset: 2px;
}

.copy__main > li a:hover, .copy__main > p a:hover {
    text-decoration: none;
}

.copy__main > li a:focus, .copy__main > p a:focus, .copy__main > li a:active, .copy__main > p a:active {
    outline: #000000 1px solid;
    padding: 4px;
}

.memberForm__wrapper--white p a {
    color: #21314D;
}

.memberForm__wrapper--white p a:hover {
    text-decoration: none;
}

.memberForm__wrapper--white p a:focus, .memberForm__wrapper--white p a:active {
    outline: #000000 1px solid;
    padding: 4px;
}

.storiesCarousel .slick-arrow.slick-next:hover {
    background-image: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL.svg);
}

.storiesCarousel .slick-arrow.slick-next:focus {
    background-image: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL.svg);
}

.storiesCarousel .slick-arrow.slick-prev:hover {
    background-image: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL.svg);
}

.storiesCarousel .slick-arrow.slick-prev:focus {
    background-image: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL.svg);
}

.pagination a.text-indigo:focus, .pagination a.text-indigo:active {
    position: relative;
    color: #fff;
    background-color: #21314D;
}

.pagination a.text-indigo:focus:before {
    position: absolute;
    border: white 2px solid;
    height: 44px;
    width: 44px;
    left: 3px;
    top: 3px;
    content: '';
    border-radius: 9999px;
}

.pagination .pagination-next a {
    background-image: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL_REST.svg);
    background-color: transparent;
    background-size: 60px 60px;
}

.pagination .pagination-previous a {
    background-image: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL_REST.svg);
    background-color: transparent;
    background-size: 60px 60px;
    opacity: 1;
}

.pagination .pagination-next a:hover {
/*    background-image: url(/assets/images/CS_Website_ICON_STORY_CAROUSEL_REST.svg)*/
    background-color: transparent;
/*    transform: rotate(180deg);*/
    opacity: .25;
}

.pagination .pagination-previous a:hover {
/*    background-image: url(/assets/images/CS_Website_ICON_PAG_PURPLE.svg);*/
    background-color: transparent;
    opacity: 1;
}

.pagination .pagination-next a:focus {
/*    background-image: url(/assets/images/CS_Website_ICON_PAG_PURPLE_OUTLINE.svg);*/
opacity: .25;
}

.pagination .pagination-previous a:focus {
/*    background-image: url(/assets/images/CS_Website_ICON_PAG_PURPLE_OUTLINE.svg);*/
opacity: 1;
}

.pagination .pagination-next a:active {
/*    background-image: url(/assets/images/CS_Website_ICON_PAG_PURPLE.svg);*/
opacity: .25;
}

.pagination .pagination-previous a:active {
/*    background-image: url(/assets/images/CS_Website_ICON_PAG_PURPLE_outline.svg);*/
opacity: 1;
}

.accordion__main-heading {
    border-color: #21314D;
}

.accordion__main-heading:last-of-type {
    border-color: #21314D;
}

.accordion__wrapper {
    border-color: #21314D;
}

.accordion__wrapper .minimalist-accordion__header[aria-expanded="false"] span::after {
    background-image: url(/assets/images/CS_Website_ICON_FORM_DROPDOWN_LIST.svg);
}

.accordion__wrapper .minimalist-accordion__header[aria-expanded="true"] span::after {
    background-image: url(/assets/images/CS_Website_ICON_FORM_DROPDOWN_LIST.svg);
}

.pagination .pagination-previous--inactive:hover, .pagination .pagination-previous--inactive a.active{ opacity:1; }

.accordion__wrapper .minimalist-accordion__header > span > div:hover {
    border-bottom: 2px solid #FFAD00;
}

.jobs__filter-form select, .jobs__filter-form input {
    border: 2px solid transparent;
}

.jobs__filter-form select:hover, .jobs__filter-form select:focus, .jobs__filter-form input:hover, .jobs__filter-form input:focus {
    border: 2px solid #21314D;
}

.jobs__filter-form select:active, .jobs__filter-form input:active {
    border: 3px solid #21314D;
}


/* Cookie Consent */
.cc--light-funky {
    color-scheme: light;
    --cc-bg: #f9faff;
    --cc-primary-color: #112954;
    --cc-secondary-color: #112954;
    --cc-btn-primary-bg: #3859d0;
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-hover-bg: #213657;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-secondary-bg: #dfe7f9;
    --cc-btn-secondary-color: var(--cc-secondary-color);
    --cc-btn-secondary-hover-bg: #c6d1ea;
    --cc-btn-secondary-hover-color: #000;
    --cc-cookie-category-block-bg: #ebeff9;
    --cc-cookie-category-block-border: #ebeff9;
    --cc-cookie-category-block-hover-bg: #dbe5f9;
    --cc-cookie-category-block-hover-border: #dbe5f9;
    --cc-cookie-category-expanded-block-hover-bg: #ebeff9;
    --cc-cookie-category-expanded-block-bg: #ebeff9;
    --cc-overlay-bg: rgba(219, 232, 255, 0.85)!important;
    --cc-toggle-readonly-bg: #cbd8f1;
    --cc-toggle-on-knob-bg: var(--cc-bg);
    --cc-toggle-off-bg: #8fa8d6;
    --cc-toggle-readonly-knob-bg: var(--cc-bg);
    --cc-separator-border-color: #f1f3f5;
    --cc-footer-border-color: #f1f3f5;
    --cc-footer-bg: var(--cc-bg);
    --cc-btn-border-radius: 1rem .6rem 1.3rem .5rem / .5rem 1rem;
    --cc-modal-border-radius: var(--cc-btn-border-radius);
    --cc-pm-toggle-border-radius: var(--cc-btn-border-radius);
}

.cc--light-funky #cc-main .toggle__icon:after {
    border-radius: var(--cc-btn-border-radius);
}

.cc--light-funky #cc-main .cm__btn--close {
    border-radius: var(--cc-btn-border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sky-blue-bg{ background-color:#73CDD3; }


@media (max-width:992px) {
.alert-banner .alert-banner-inner div>span{ margin-bottom: 0px; font-size: 14px; max-width: 80%; text-align: left; }
.alert-banner .alert-banner-inner{ padding-top: 26px; padding-bottom: 23px; }
.alert-banner .alert-close:after{ width: 28px; height: 28px; right: -37px; top: -4px; background-size: cover; }

}

@media (max-width:640px) {
.footerNewsletter__donate a{ width: 80%; }
}