/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], 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 {
    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-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

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

.invisible, body {
    margin: 0;
    padding: 0
}

.invisible {
    border: none;
    display: block;
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 0
}

blockquote, body, caption, dd, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, legend, ol, p, pre, table, td, th, ul {
    margin: 0;
    padding: 0
}

address, blockquote, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul {
    margin: 0 0 1.6rem
}

dd, ol, ul {
    margin-left: 1.6rem
}

li > ol, li > ul {
    margin-bottom: 0;

}

html {
    font-size: 100%; /* 16px */
    line-height: 1.4;
}
.footer__main__inner__col1 {
    line-height: 28px;
}

.heading-1, h1, html {
    font-family: Outfit, sans-serif
}
.heading-1, h1 {
    color: #175582;
    font-size: 2.5rem;      /* war 2rem @20px-root */
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 1.5rem;  /* 24px */
}

@media screen and (min-width: 721px) {
    .heading-1, h1 {
        font-size: 3.375rem;  /* war 2.7rem */
        line-height: 1.0740740741;
    }
}

@media screen and (min-width: 1664px) {
    .heading-1, h1 {
        font-size: 4rem;      /* war 3.2rem */
        line-height: 1.0625;
    }
}

.heading-2, h2 {
    color: #175582;
    font-family: Outfit, sans-serif;
    font-size: 2rem;        /* war 1.6rem */
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.1875;
    margin-bottom: 1.5rem;  /* 24px */
}

@media screen and (min-width: 1024px) {
    .heading-2, h2 {
        font-size: 3.25rem;   /* war 2.6rem */
        line-height: 1.2307692308;
        margin-bottom: 2rem;  /* 32px */
    }
}

.heading-3, h3 {
    color: #175582;
    font-family: Outfit, sans-serif;
    font-size: 1.5rem;      /* war 1.2rem */
    font-weight: 500;
    line-height: 1.1666666667;
    margin-bottom: 1.5rem;  /* 24px */
}

@media screen and (min-width: 1332px) {
    .heading-3, h3 {
        font-size: 2rem;      /* war 1.6rem */
        line-height: 1.25;
    }
}

.heading-4, h4,
.heading-5, h5,
.heading-6, h6 {
    color: #175582;
    font-family: Outfit, sans-serif;
    font-size: 1.25rem;     /* war 1rem */
    font-weight: 500;
    letter-spacing: .025rem; /* 0.02rem ok */
    line-height: 1.2;
    margin-bottom: 1.5rem;  /* 24px */
}

@media screen and (min-width: 1332px) {
    .heading-4, h4 { font-size: 1.75rem; line-height: 1.2857142857; } /* war 1.4rem */
    .heading-5, h5 { font-size: 1.625rem; line-height: 1.1538461538; }/* war 1.3rem */
    .heading-6, h6 { font-size: 1.5rem; line-height: 1.1666666667; }  /* war 1.2rem */
}


a {
    color: #0074d9;
    text-decoration: none
}

a:hover {
    color: #0059a6;
    text-decoration: underline
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}

embed, img, object, video {
    height: auto;
    max-width: 100%
}

img {
    color: #c00
}

img[height], img[width] {
    max-width: none
}

.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 -1.6rem
}

.grid__item {
    min-height: 1px;
    position: relative;
    width: 100%;
    -webkit-box-flex: 0;
    padding-left: 1.6rem
}

.grid--reversed {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

.grid--seperator {
    overflow: hidden
}

.grid--seperator > .grid__item:after { right: -1rem; }     /* -16px */
.grid--small.grid--seperator > .grid__item:after { right: -0.5rem; } /* -8px */
.grid--large.grid--seperator > .grid__item:after { right: -2rem; }   /* -32px */
.grid--huge.grid--seperator > .grid__item:after { right: -3rem; }    /* -48px */

.grid--flush {
    margin-left: 0
}

.grid--flush > .grid__item {
    padding-left: 0
}

.grid--small {
    margin-left: -.8rem
}

.grid--small > .grid__item {
    padding-left: .8rem
}

.grid--large {
    margin-left: -3.2rem
}

.grid--large > .grid__item {
    padding-left: 3.2rem
}

.grid--huge {
    margin-left: -4.8rem
}

.grid--huge > .grid__item {
    padding-left: 4.8rem
}

.grid--start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.grid--end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.grid--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.grid--between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.grid--around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.grid--top {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start
}

.grid--middle {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.grid--bottom {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end
}

.grid--seperator, .grid--stretch {
    align-items: stretch
}

@media screen and (min-width: 481px) {
    .grid-tab--start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .grid-tab--end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .grid-tab--center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .grid-tab--between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .grid-tab--around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .grid-tab--top {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .grid-tab--middle {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .grid-tab--bottom {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .grid-tab--stretch {
        align-items: stretch
    }
}

@media screen and (min-width: 721px) {
    .grid-lap--start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .grid-lap--end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .grid-lap--center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .grid-lap--between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .grid-lap--around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .grid-lap--top {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .grid-lap--middle {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .grid-lap--bottom {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .grid-lap--stretch {
        align-items: stretch
    }
}

@media screen and (min-width: 1024px) {
    .grid-desk--start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .grid-desk--end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .grid-desk--center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .grid-desk--between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .grid-desk--around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .grid-desk--top {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .grid-desk--middle {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .grid-desk--bottom {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .grid-desk--stretch {
        align-items: stretch
    }
}

@media screen and (min-width: 1332px) {
    .grid-desk-wide--start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .grid-desk-wide--end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .grid-desk-wide--center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .grid-desk-wide--between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .grid-desk-wide--around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .grid-desk-wide--top {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .grid-desk-wide--middle {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .grid-desk-wide--bottom {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .grid-desk-wide--stretch {
        align-items: stretch
    }
}

@media screen and (min-width: 1664px) {
    .grid-desk-max--start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .grid-desk-max--end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .grid-desk-max--center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .grid-desk-max--between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .grid-desk-max--around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .grid-desk-max--top {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .grid-desk-max--middle {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .grid-desk-max--bottom {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .grid-desk-max--stretch {
        align-items: stretch
    }
}

.constrain {
    margin: 0 auto
}

.constrain--small  { max-width: 33.25rem; }   /* 532/16 */
.constrain--mdsm   { max-width: 42.625rem; }  /* 682/16 */
.constrain--medium { max-width: 68.5rem; }    /* 1096/16 */
.constrain--large  { max-width: 72.5rem; }    /* 1160/16 */
.constrain--max    { max-width: 104rem; }     /* 1664/16 */

.media {
    align-items: flex-start;
    display: flex
}

.media--tab {
    flex-direction: column
}

@media screen and (min-width: 481px) {
    .media--tab {
        flex-direction: row
    }
}

.media--lap {
    flex-direction: column
}

@media screen and (min-width: 721px) {
    .media--lap {
        flex-direction: row
    }
}

.media--desk {
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .media--desk {
        flex-direction: row
    }
}

.media--desk-wide {
    flex-direction: column
}

@media screen and (min-width: 1332px) {
    .media--desk-wide {
        flex-direction: row
    }
}

.media--desk-max {
    flex-direction: column
}

@media screen and (min-width: 1664px) {
    .media--desk-max {
        flex-direction: row
    }
}

.media__img {
    display: inline-block;
    margin-right: 1.6rem
}

.media__body + .media__img {
    margin-left: 1.6rem;
    margin-right: 0
}

@media screen and (max-width: 480px) {
    .media--tab .media__img {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 720px) {
    .media--lap .media__img {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 1023px) {
    .media--desk .media__img {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 1331px) {
    .media--desk-wide .media__img {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 1663px) {
    .media--desk-max .media__img {
        margin-left: 0;
        margin-right: 0
    }
}

.media__img > img {
    display: block
}

.media__body {
    flex: 1;
    width: 100%
}

.media--small .media__img {
    margin-right: .8rem
}

.media--big .media__img {
    margin-right: 3.2rem
}

.icon {
    display: inline-block;
    height: 32px;
    vertical-align: middle;
    width: 32px
}

.space--top-none {
    margin-top: 0 !important
}

.space--left-none {
    margin-left: 0 !important
}

.space--right-none {
    margin-right: 0 !important
}

.space--bottom-none {
    margin-bottom: 0 !important
}

.space--top-quarter {
    margin-top: .4rem !important
}

.space--left-quarter {
    margin-left: .4rem !important
}

.space--right-quarter {
    margin-right: .4rem !important
}

.space--bottom-quarter {
    margin-bottom: .4rem !important
}

.space--top-third {
    margin-top: .5333333333rem !important
}

.space--left-third {
    margin-left: .5333333333rem !important
}

.space--right-third {
    margin-right: .5333333333rem !important
}

.space--bottom-third {
    margin-bottom: .5333333333rem !important
}

.space--top-half {
    margin-top: .8rem !important
}

.space--left-half {
    margin-left: .8rem !important
}

.space--right-half {
    margin-right: .8rem !important
}

.space--bottom-half {
    margin-bottom: .8rem !important
}

.space--top {
    margin-top: 1.6rem !important
}

.space--left {
    margin-left: 1.6rem !important
}

.space--right {
    margin-right: 1.6rem !important
}

.space--bottom {
    margin-bottom: 1.6rem !important
}

.space--top-double {
    margin-top: 3.2rem !important
}

.space--left-double {
    margin-left: 3.2rem !important
}

.space--right-double {
    margin-right: 3.2rem !important
}

.space--bottom-double {
    margin-bottom: 3.2rem !important
}

.space--top-triple {
    margin-top: 4.8rem !important
}

.space--left-triple {
    margin-left: 4.8rem !important
}

.space--right-triple {
    margin-right: 4.8rem !important
}

.space--bottom-triple {
    margin-bottom: 4.8rem !important
}

.space--top-quad {
    margin-top: 6.4rem !important
}

.space--left-quad {
    margin-left: 6.4rem !important
}

.space--right-quad {
    margin-right: 6.4rem !important
}

.space--bottom-quad {
    margin-bottom: 6.4rem !important
}

@media screen and (min-width: 481px) {
    .space-tab--top-none {
        margin-top: 0 !important
    }

    .space-tab--left-none {
        margin-left: 0 !important
    }

    .space-tab--right-none {
        margin-right: 0 !important
    }

    .space-tab--bottom-none {
        margin-bottom: 0 !important
    }

    .space-tab--top-quarter {
        margin-top: .4rem !important
    }

    .space-tab--left-quarter {
        margin-left: .4rem !important
    }

    .space-tab--right-quarter {
        margin-right: .4rem !important
    }

    .space-tab--bottom-quarter {
        margin-bottom: .4rem !important
    }

    .space-tab--top-third {
        margin-top: .5333333333rem !important
    }

    .space-tab--left-third {
        margin-left: .5333333333rem !important
    }

    .space-tab--right-third {
        margin-right: .5333333333rem !important
    }

    .space-tab--bottom-third {
        margin-bottom: .5333333333rem !important
    }

    .space-tab--top-half {
        margin-top: .8rem !important
    }

    .space-tab--left-half {
        margin-left: .8rem !important
    }

    .space-tab--right-half {
        margin-right: .8rem !important
    }

    .space-tab--bottom-half {
        margin-bottom: .8rem !important
    }

    .space-tab--top {
        margin-top: 1.6rem !important
    }

    .space-tab--left {
        margin-left: 1.6rem !important
    }

    .space-tab--right {
        margin-right: 1.6rem !important
    }

    .space-tab--bottom {
        margin-bottom: 1.6rem !important
    }

    .space-tab--top-double {
        margin-top: 3.2rem !important
    }

    .space-tab--left-double {
        margin-left: 3.2rem !important
    }

    .space-tab--right-double {
        margin-right: 3.2rem !important
    }

    .space-tab--bottom-double {
        margin-bottom: 3.2rem !important
    }

    .space-tab--top-triple {
        margin-top: 4.8rem !important
    }

    .space-tab--left-triple {
        margin-left: 4.8rem !important
    }

    .space-tab--right-triple {
        margin-right: 4.8rem !important
    }

    .space-tab--bottom-triple {
        margin-bottom: 4.8rem !important
    }

    .space-tab--top-quad {
        margin-top: 6.4rem !important
    }

    .space-tab--left-quad {
        margin-left: 6.4rem !important
    }

    .space-tab--right-quad {
        margin-right: 6.4rem !important
    }

    .space-tab--bottom-quad {
        margin-bottom: 6.4rem !important
    }
}

@media screen and (min-width: 721px) {
    .space-lap--top-none {
        margin-top: 0 !important
    }

    .space-lap--left-none {
        margin-left: 0 !important
    }

    .space-lap--right-none {
        margin-right: 0 !important
    }

    .space-lap--bottom-none {
        margin-bottom: 0 !important
    }

    .space-lap--top-quarter {
        margin-top: .4rem !important
    }

    .space-lap--left-quarter {
        margin-left: .4rem !important
    }

    .space-lap--right-quarter {
        margin-right: .4rem !important
    }

    .space-lap--bottom-quarter {
        margin-bottom: .4rem !important
    }

    .space-lap--top-third {
        margin-top: .5333333333rem !important
    }

    .space-lap--left-third {
        margin-left: .5333333333rem !important
    }

    .space-lap--right-third {
        margin-right: .5333333333rem !important
    }

    .space-lap--bottom-third {
        margin-bottom: .5333333333rem !important
    }

    .space-lap--top-half {
        margin-top: .8rem !important
    }

    .space-lap--left-half {
        margin-left: .8rem !important
    }

    .space-lap--right-half {
        margin-right: .8rem !important
    }

    .space-lap--bottom-half {
        margin-bottom: .8rem !important
    }

    .space-lap--top {
        margin-top: 1.6rem !important
    }

    .space-lap--left {
        margin-left: 1.6rem !important
    }

    .space-lap--right {
        margin-right: 1.6rem !important
    }

    .space-lap--bottom {
        margin-bottom: 1.6rem !important
    }

    .space-lap--top-double {
        margin-top: 3.2rem !important
    }

    .space-lap--left-double {
        margin-left: 3.2rem !important
    }

    .space-lap--right-double {
        margin-right: 3.2rem !important
    }

    .space-lap--bottom-double {
        margin-bottom: 3.2rem !important
    }

    .space-lap--top-triple {
        margin-top: 4.8rem !important
    }

    .space-lap--left-triple {
        margin-left: 4.8rem !important
    }

    .space-lap--right-triple {
        margin-right: 4.8rem !important
    }

    .space-lap--bottom-triple {
        margin-bottom: 4.8rem !important
    }

    .space-lap--top-quad {
        margin-top: 6.4rem !important
    }

    .space-lap--left-quad {
        margin-left: 6.4rem !important
    }

    .space-lap--right-quad {
        margin-right: 6.4rem !important
    }

    .space-lap--bottom-quad {
        margin-bottom: 6.4rem !important
    }
}

@media screen and (min-width: 1024px) {
    .space-desk--top-none {
        margin-top: 0 !important
    }

    .space-desk--left-none {
        margin-left: 0 !important
    }

    .space-desk--right-none {
        margin-right: 0 !important
    }

    .space-desk--bottom-none {
        margin-bottom: 0 !important
    }

    .space-desk--top-quarter {
        margin-top: .4rem !important
    }

    .space-desk--left-quarter {
        margin-left: .4rem !important
    }

    .space-desk--right-quarter {
        margin-right: .4rem !important
    }

    .space-desk--bottom-quarter {
        margin-bottom: .4rem !important
    }

    .space-desk--top-third {
        margin-top: .5333333333rem !important
    }

    .space-desk--left-third {
        margin-left: .5333333333rem !important
    }

    .space-desk--right-third {
        margin-right: .5333333333rem !important
    }

    .space-desk--bottom-third {
        margin-bottom: .5333333333rem !important
    }

    .space-desk--top-half {
        margin-top: .8rem !important
    }

    .space-desk--left-half {
        margin-left: .8rem !important
    }

    .space-desk--right-half {
        margin-right: .8rem !important
    }

    .space-desk--bottom-half {
        margin-bottom: .8rem !important
    }

    .space-desk--top {
        margin-top: 1.6rem !important
    }

    .space-desk--left {
        margin-left: 1.6rem !important
    }

    .space-desk--right {
        margin-right: 1.6rem !important
    }

    .space-desk--bottom {
        margin-bottom: 1.6rem !important
    }

    .space-desk--top-double {
        margin-top: 3.2rem !important
    }

    .space-desk--left-double {
        margin-left: 3.2rem !important
    }

    .space-desk--right-double {
        margin-right: 3.2rem !important
    }

    .space-desk--bottom-double {
        margin-bottom: 3.2rem !important
    }

    .space-desk--top-triple {
        margin-top: 4.8rem !important
    }

    .space-desk--left-triple {
        margin-left: 4.8rem !important
    }

    .space-desk--right-triple {
        margin-right: 4.8rem !important
    }

    .space-desk--bottom-triple {
        margin-bottom: 4.8rem !important
    }

    .space-desk--top-quad {
        margin-top: 6.4rem !important
    }

    .space-desk--left-quad {
        margin-left: 6.4rem !important
    }

    .space-desk--right-quad {
        margin-right: 6.4rem !important
    }

    .space-desk--bottom-quad {
        margin-bottom: 6.4rem !important
    }
}

@media screen and (min-width: 1332px) {
    .space-desk-wide--top-none {
        margin-top: 0 !important
    }

    .space-desk-wide--left-none {
        margin-left: 0 !important
    }

    .space-desk-wide--right-none {
        margin-right: 0 !important
    }

    .space-desk-wide--bottom-none {
        margin-bottom: 0 !important
    }

    .space-desk-wide--top-quarter {
        margin-top: .4rem !important
    }

    .space-desk-wide--left-quarter {
        margin-left: .4rem !important
    }

    .space-desk-wide--right-quarter {
        margin-right: .4rem !important
    }

    .space-desk-wide--bottom-quarter {
        margin-bottom: .4rem !important
    }

    .space-desk-wide--top-third {
        margin-top: .5333333333rem !important
    }

    .space-desk-wide--left-third {
        margin-left: .5333333333rem !important
    }

    .space-desk-wide--right-third {
        margin-right: .5333333333rem !important
    }

    .space-desk-wide--bottom-third {
        margin-bottom: .5333333333rem !important
    }

    .space-desk-wide--top-half {
        margin-top: .8rem !important
    }

    .space-desk-wide--left-half {
        margin-left: .8rem !important
    }

    .space-desk-wide--right-half {
        margin-right: .8rem !important
    }

    .space-desk-wide--bottom-half {
        margin-bottom: .8rem !important
    }

    .space-desk-wide--top {
        margin-top: 1.6rem !important
    }

    .space-desk-wide--left {
        margin-left: 1.6rem !important
    }

    .space-desk-wide--right {
        margin-right: 1.6rem !important
    }

    .space-desk-wide--bottom {
        margin-bottom: 1.6rem !important
    }

    .space-desk-wide--top-double {
        margin-top: 3.2rem !important
    }

    .space-desk-wide--left-double {
        margin-left: 3.2rem !important
    }

    .space-desk-wide--right-double {
        margin-right: 3.2rem !important
    }

    .space-desk-wide--bottom-double {
        margin-bottom: 3.2rem !important
    }

    .space-desk-wide--top-triple {
        margin-top: 4.8rem !important
    }

    .space-desk-wide--left-triple {
        margin-left: 4.8rem !important
    }

    .space-desk-wide--right-triple {
        margin-right: 4.8rem !important
    }

    .space-desk-wide--bottom-triple {
        margin-bottom: 4.8rem !important
    }

    .space-desk-wide--top-quad {
        margin-top: 6.4rem !important
    }

    .space-desk-wide--left-quad {
        margin-left: 6.4rem !important
    }

    .space-desk-wide--right-quad {
        margin-right: 6.4rem !important
    }

    .space-desk-wide--bottom-quad {
        margin-bottom: 6.4rem !important
    }
}

@media screen and (min-width: 1664px) {
    .space-desk-max--top-none {
        margin-top: 0 !important
    }

    .space-desk-max--left-none {
        margin-left: 0 !important
    }

    .space-desk-max--right-none {
        margin-right: 0 !important
    }

    .space-desk-max--bottom-none {
        margin-bottom: 0 !important
    }

    .space-desk-max--top-quarter {
        margin-top: .4rem !important
    }

    .space-desk-max--left-quarter {
        margin-left: .4rem !important
    }

    .space-desk-max--right-quarter {
        margin-right: .4rem !important
    }

    .space-desk-max--bottom-quarter {
        margin-bottom: .4rem !important
    }

    .space-desk-max--top-third {
        margin-top: .5333333333rem !important
    }

    .space-desk-max--left-third {
        margin-left: .5333333333rem !important
    }

    .space-desk-max--right-third {
        margin-right: .5333333333rem !important
    }

    .space-desk-max--bottom-third {
        margin-bottom: .5333333333rem !important
    }

    .space-desk-max--top-half {
        margin-top: .8rem !important
    }

    .space-desk-max--left-half {
        margin-left: .8rem !important
    }

    .space-desk-max--right-half {
        margin-right: .8rem !important
    }

    .space-desk-max--bottom-half {
        margin-bottom: .8rem !important
    }

    .space-desk-max--top {
        margin-top: 1.6rem !important
    }

    .space-desk-max--left {
        margin-left: 1.6rem !important
    }

    .space-desk-max--right {
        margin-right: 1.6rem !important
    }

    .space-desk-max--bottom {
        margin-bottom: 1.6rem !important
    }

    .space-desk-max--top-double {
        margin-top: 3.2rem !important
    }

    .space-desk-max--left-double {
        margin-left: 3.2rem !important
    }

    .space-desk-max--right-double {
        margin-right: 3.2rem !important
    }

    .space-desk-max--bottom-double {
        margin-bottom: 3.2rem !important
    }

    .space-desk-max--top-triple {
        margin-top: 4.8rem !important
    }

    .space-desk-max--left-triple {
        margin-left: 4.8rem !important
    }

    .space-desk-max--right-triple {
        margin-right: 4.8rem !important
    }

    .space-desk-max--bottom-triple {
        margin-bottom: 4.8rem !important
    }

    .space-desk-max--top-quad {
        margin-top: 6.4rem !important
    }

    .space-desk-max--left-quad {
        margin-left: 6.4rem !important
    }

    .space-desk-max--right-quad {
        margin-right: 6.4rem !important
    }

    .space-desk-max--bottom-quad {
        margin-bottom: 6.4rem !important
    }
}

.width--0 {
    display: none;
    -ms-flex: 0%;
    flex: 0%;
    max-width: 0 !important
}

.width--1of1, .width--2of2, .width--3of3, .width--4of4, .width--5of5, .width--6of6 {
    display: block;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100% !important
}

.width--1of2, .width--2of4, .width--3of6, .width--4of8, .width--5of10, .width--6of12 {
    display: block;
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50% !important
}

.width--1of3, .width--2of6, .width--3of9, .width--4of12 {
    display: block;
    -ms-flex: 33.33333%;
    flex: 33.33333%;
    max-width: 33.33333% !important
}

.width--2of3, .width--4of6, .width--6of9, .width--8of12 {
    display: block;
    -ms-flex: 66.66666%;
    flex: 66.66666%;
    max-width: 66.66666% !important
}

.width--1of4, .width--2of8, .width--3of12 {
    display: block;
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25% !important
}

.width--3of4, .width--6of8, .width--9of12 {
    display: block;
    -ms-flex: 75%;
    flex: 75%;
    max-width: 75% !important
}

.width--1of5, .width--2of10 {
    display: block;
    -ms-flex: 20%;
    flex: 20%;
    max-width: 20% !important
}

.width--2of5, .width--4of10 {
    display: block;
    -ms-flex: 40%;
    flex: 40%;
    max-width: 40% !important
}

.width--3of5, .width--6of10 {
    display: block;
    -ms-flex: 60%;
    flex: 60%;
    max-width: 60% !important
}

.width--4of5, .width--8of10 {
    display: block;
    -ms-flex: 80%;
    flex: 80%;
    max-width: 80% !important
}

.width--1of6, .width--2of12 {
    display: block;
    -ms-flex: 16.66666%;
    flex: 16.66666%;
    max-width: 16.66666% !important
}

.width--10of12, .width--5of6 {
    display: block;
    -ms-flex: 83.33333%;
    flex: 83.33333%;
    max-width: 83.33333% !important
}

.width--1of8 {
    display: block;
    -ms-flex: 12.5%;
    flex: 12.5%;
    max-width: 12.5% !important
}

.width--3of8 {
    display: block;
    -ms-flex: 37.5%;
    flex: 37.5%;
    max-width: 37.5% !important
}

.width--5of8 {
    display: block;
    -ms-flex: 62.5%;
    flex: 62.5%;
    max-width: 62.5% !important
}

.width--7of8 {
    display: block;
    -ms-flex: 87.5%;
    flex: 87.5%;
    max-width: 87.5% !important
}

.width--1of9 {
    display: block;
    -ms-flex: 11.1111111%;
    flex: 11.1111111%;
    max-width: 11.1111111% !important
}

.width--2of9 {
    display: block;
    -ms-flex: 22.2222222%;
    flex: 22.2222222%;
    max-width: 22.2222222% !important
}

.width--4of9 {
    display: block;
    -ms-flex: 44.4444444%;
    flex: 44.4444444%;
    max-width: 44.4444444% !important
}

.width--5of9 {
    display: block;
    -ms-flex: 55.5555555%;
    flex: 55.5555555%;
    max-width: 55.5555555% !important
}

.width--7of9 {
    display: block;
    -ms-flex: 77.7777777%;
    flex: 77.7777777%;
    max-width: 77.7777777% !important
}

.width--8of9 {
    display: block;
    -ms-flex: 88.8888888%;
    flex: 88.8888888%;
    max-width: 88.8888888% !important
}

.width--1of10 {
    display: block;
    -ms-flex: 10%;
    flex: 10%;
    max-width: 10% !important
}

.width--3of10 {
    display: block;
    -ms-flex: 30%;
    flex: 30%;
    max-width: 30% !important
}

.width--7of10 {
    display: block;
    -ms-flex: 70%;
    flex: 70%;
    max-width: 70% !important
}

.width--9of10 {
    display: block;
    -ms-flex: 90%;
    flex: 90%;
    max-width: 90% !important
}

.width--1of12 {
    display: block;
    -ms-flex: 8.3333333%;
    flex: 8.3333333%;
    max-width: 8.3333333% !important
}

.width--5of12 {
    display: block;
    -ms-flex: 41.6666666%;
    flex: 41.6666666%;
    max-width: 41.6666666% !important
}

.width--7of12 {
    display: block;
    -ms-flex: 58.3333333%;
    flex: 58.3333333%;
    max-width: 58.3333333% !important
}

.width--11of12 {
    display: block;
    -ms-flex: 91.6666666%;
    flex: 91.6666666%;
    max-width: 91.6666666% !important
}

@media screen and (min-width: 481px) {
    .width-tab--0 {
        display: none;
        -ms-flex: 0%;
        flex: 0%;
        max-width: 0 !important
    }

    .width-tab--1of1, .width-tab--2of2, .width-tab--3of3, .width-tab--4of4, .width-tab--5of5, .width-tab--6of6 {
        display: block;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100% !important
    }

    .width-tab--1of2, .width-tab--2of4, .width-tab--3of6, .width-tab--4of8, .width-tab--5of10, .width-tab--6of12 {
        display: block;
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50% !important
    }

    .width-tab--1of3, .width-tab--2of6, .width-tab--3of9, .width-tab--4of12 {
        display: block;
        -ms-flex: 33.33333%;
        flex: 33.33333%;
        max-width: 33.33333% !important
    }

    .width-tab--2of3, .width-tab--4of6, .width-tab--6of9, .width-tab--8of12 {
        display: block;
        -ms-flex: 66.66666%;
        flex: 66.66666%;
        max-width: 66.66666% !important
    }

    .width-tab--1of4, .width-tab--2of8, .width-tab--3of12 {
        display: block;
        -ms-flex: 25%;
        flex: 25%;
        max-width: 25% !important
    }

    .width-tab--3of4, .width-tab--6of8, .width-tab--9of12 {
        display: block;
        -ms-flex: 75%;
        flex: 75%;
        max-width: 75% !important
    }

    .width-tab--1of5, .width-tab--2of10 {
        display: block;
        -ms-flex: 20%;
        flex: 20%;
        max-width: 20% !important
    }

    .width-tab--2of5, .width-tab--4of10 {
        display: block;
        -ms-flex: 40%;
        flex: 40%;
        max-width: 40% !important
    }

    .width-tab--3of5, .width-tab--6of10 {
        display: block;
        -ms-flex: 60%;
        flex: 60%;
        max-width: 60% !important
    }

    .width-tab--4of5, .width-tab--8of10 {
        display: block;
        -ms-flex: 80%;
        flex: 80%;
        max-width: 80% !important
    }

    .width-tab--1of6, .width-tab--2of12 {
        display: block;
        -ms-flex: 16.66666%;
        flex: 16.66666%;
        max-width: 16.66666% !important
    }

    .width-tab--10of12, .width-tab--5of6 {
        display: block;
        -ms-flex: 83.33333%;
        flex: 83.33333%;
        max-width: 83.33333% !important
    }

    .width-tab--1of8 {
        display: block;
        -ms-flex: 12.5%;
        flex: 12.5%;
        max-width: 12.5% !important
    }

    .width-tab--3of8 {
        display: block;
        -ms-flex: 37.5%;
        flex: 37.5%;
        max-width: 37.5% !important
    }

    .width-tab--5of8 {
        display: block;
        -ms-flex: 62.5%;
        flex: 62.5%;
        max-width: 62.5% !important
    }

    .width-tab--7of8 {
        display: block;
        -ms-flex: 87.5%;
        flex: 87.5%;
        max-width: 87.5% !important
    }

    .width-tab--1of9 {
        display: block;
        -ms-flex: 11.1111111%;
        flex: 11.1111111%;
        max-width: 11.1111111% !important
    }

    .width-tab--2of9 {
        display: block;
        -ms-flex: 22.2222222%;
        flex: 22.2222222%;
        max-width: 22.2222222% !important
    }

    .width-tab--4of9 {
        display: block;
        -ms-flex: 44.4444444%;
        flex: 44.4444444%;
        max-width: 44.4444444% !important
    }

    .width-tab--5of9 {
        display: block;
        -ms-flex: 55.5555555%;
        flex: 55.5555555%;
        max-width: 55.5555555% !important
    }

    .width-tab--7of9 {
        display: block;
        -ms-flex: 77.7777777%;
        flex: 77.7777777%;
        max-width: 77.7777777% !important
    }

    .width-tab--8of9 {
        display: block;
        -ms-flex: 88.8888888%;
        flex: 88.8888888%;
        max-width: 88.8888888% !important
    }

    .width-tab--1of10 {
        display: block;
        -ms-flex: 10%;
        flex: 10%;
        max-width: 10% !important
    }

    .width-tab--3of10 {
        display: block;
        -ms-flex: 30%;
        flex: 30%;
        max-width: 30% !important
    }

    .width-tab--7of10 {
        display: block;
        -ms-flex: 70%;
        flex: 70%;
        max-width: 70% !important
    }

    .width-tab--9of10 {
        display: block;
        -ms-flex: 90%;
        flex: 90%;
        max-width: 90% !important
    }

    .width-tab--1of12 {
        display: block;
        -ms-flex: 8.3333333%;
        flex: 8.3333333%;
        max-width: 8.3333333% !important
    }

    .width-tab--5of12 {
        display: block;
        -ms-flex: 41.6666666%;
        flex: 41.6666666%;
        max-width: 41.6666666% !important
    }

    .width-tab--7of12 {
        display: block;
        -ms-flex: 58.3333333%;
        flex: 58.3333333%;
        max-width: 58.3333333% !important
    }

    .width-tab--11of12 {
        display: block;
        -ms-flex: 91.6666666%;
        flex: 91.6666666%;
        max-width: 91.6666666% !important
    }
}

@media screen and (min-width: 721px) {
    .width-lap--0 {
        display: none;
        -ms-flex: 0%;
        flex: 0%;
        max-width: 0 !important
    }

    .width-lap--1of1, .width-lap--2of2, .width-lap--3of3, .width-lap--4of4, .width-lap--5of5, .width-lap--6of6 {
        display: block;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100% !important
    }

    .width-lap--1of2, .width-lap--2of4, .width-lap--3of6, .width-lap--4of8, .width-lap--5of10, .width-lap--6of12 {
        display: block;
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50% !important
    }

    .width-lap--1of3, .width-lap--2of6, .width-lap--3of9, .width-lap--4of12 {
        display: block;
        -ms-flex: 33.33333%;
        flex: 33.33333%;
        max-width: 33.33333% !important
    }

    .width-lap--2of3, .width-lap--4of6, .width-lap--6of9, .width-lap--8of12 {
        display: block;
        -ms-flex: 66.66666%;
        flex: 66.66666%;
        max-width: 66.66666% !important
    }

    .width-lap--1of4, .width-lap--2of8, .width-lap--3of12 {
        display: block;
        -ms-flex: 25%;
        flex: 25%;
        max-width: 25% !important
    }

    .width-lap--3of4, .width-lap--6of8, .width-lap--9of12 {
        display: block;
        -ms-flex: 75%;
        flex: 75%;
        max-width: 75% !important
    }

    .width-lap--1of5, .width-lap--2of10 {
        display: block;
        -ms-flex: 20%;
        flex: 20%;
        max-width: 20% !important
    }

    .width-lap--2of5, .width-lap--4of10 {
        display: block;
        -ms-flex: 40%;
        flex: 40%;
        max-width: 40% !important
    }

    .width-lap--3of5, .width-lap--6of10 {
        display: block;
        -ms-flex: 60%;
        flex: 60%;
        max-width: 60% !important
    }

    .width-lap--4of5, .width-lap--8of10 {
        display: block;
        -ms-flex: 80%;
        flex: 80%;
        max-width: 80% !important
    }

    .width-lap--1of6, .width-lap--2of12 {
        display: block;
        -ms-flex: 16.66666%;
        flex: 16.66666%;
        max-width: 16.66666% !important
    }

    .width-lap--10of12, .width-lap--5of6 {
        display: block;
        -ms-flex: 83.33333%;
        flex: 83.33333%;
        max-width: 83.33333% !important
    }

    .width-lap--1of8 {
        display: block;
        -ms-flex: 12.5%;
        flex: 12.5%;
        max-width: 12.5% !important
    }

    .width-lap--3of8 {
        display: block;
        -ms-flex: 37.5%;
        flex: 37.5%;
        max-width: 37.5% !important
    }

    .width-lap--5of8 {
        display: block;
        -ms-flex: 62.5%;
        flex: 62.5%;
        max-width: 62.5% !important
    }

    .width-lap--7of8 {
        display: block;
        -ms-flex: 87.5%;
        flex: 87.5%;
        max-width: 87.5% !important
    }

    .width-lap--1of9 {
        display: block;
        -ms-flex: 11.1111111%;
        flex: 11.1111111%;
        max-width: 11.1111111% !important
    }

    .width-lap--2of9 {
        display: block;
        -ms-flex: 22.2222222%;
        flex: 22.2222222%;
        max-width: 22.2222222% !important
    }

    .width-lap--4of9 {
        display: block;
        -ms-flex: 44.4444444%;
        flex: 44.4444444%;
        max-width: 44.4444444% !important
    }

    .width-lap--5of9 {
        display: block;
        -ms-flex: 55.5555555%;
        flex: 55.5555555%;
        max-width: 55.5555555% !important
    }

    .width-lap--7of9 {
        display: block;
        -ms-flex: 77.7777777%;
        flex: 77.7777777%;
        max-width: 77.7777777% !important
    }

    .width-lap--8of9 {
        display: block;
        -ms-flex: 88.8888888%;
        flex: 88.8888888%;
        max-width: 88.8888888% !important
    }

    .width-lap--1of10 {
        display: block;
        -ms-flex: 10%;
        flex: 10%;
        max-width: 10% !important
    }

    .width-lap--3of10 {
        display: block;
        -ms-flex: 30%;
        flex: 30%;
        max-width: 30% !important
    }

    .width-lap--7of10 {
        display: block;
        -ms-flex: 70%;
        flex: 70%;
        max-width: 70% !important
    }

    .width-lap--9of10 {
        display: block;
        -ms-flex: 90%;
        flex: 90%;
        max-width: 90% !important
    }

    .width-lap--1of12 {
        display: block;
        -ms-flex: 8.3333333%;
        flex: 8.3333333%;
        max-width: 8.3333333% !important
    }

    .width-lap--5of12 {
        display: block;
        -ms-flex: 41.6666666%;
        flex: 41.6666666%;
        max-width: 41.6666666% !important
    }

    .width-lap--7of12 {
        display: block;
        -ms-flex: 58.3333333%;
        flex: 58.3333333%;
        max-width: 58.3333333% !important
    }

    .width-lap--11of12 {
        display: block;
        -ms-flex: 91.6666666%;
        flex: 91.6666666%;
        max-width: 91.6666666% !important
    }
}

@media screen and (min-width: 1024px) {
    .width-desk--0 {
        display: none;
        -ms-flex: 0%;
        flex: 0%;
        max-width: 0 !important
    }

    .width-desk--1of1, .width-desk--2of2, .width-desk--3of3, .width-desk--4of4, .width-desk--5of5, .width-desk--6of6 {
        display: block;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100% !important
    }

    .width-desk--1of2, .width-desk--2of4, .width-desk--3of6, .width-desk--4of8, .width-desk--5of10, .width-desk--6of12 {
        display: block;
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50% !important
    }

    .width-desk--1of3, .width-desk--2of6, .width-desk--3of9, .width-desk--4of12 {
        display: block;
        -ms-flex: 33.33333%;
        flex: 33.33333%;
        max-width: 33.33333% !important
    }

    .width-desk--2of3, .width-desk--4of6, .width-desk--6of9, .width-desk--8of12 {
        display: block;
        -ms-flex: 66.66666%;
        flex: 66.66666%;
        max-width: 66.66666% !important
    }

    .width-desk--1of4, .width-desk--2of8, .width-desk--3of12 {
        display: block;
        -ms-flex: 25%;
        flex: 25%;
        max-width: 25% !important
    }

    .width-desk--3of4, .width-desk--6of8, .width-desk--9of12 {
        display: block;
        -ms-flex: 75%;
        flex: 75%;
        max-width: 75% !important
    }

    .width-desk--1of5, .width-desk--2of10 {
        display: block;
        -ms-flex: 20%;
        flex: 20%;
        max-width: 20% !important
    }

    .width-desk--2of5, .width-desk--4of10 {
        display: block;
        -ms-flex: 40%;
        flex: 40%;
        max-width: 40% !important
    }

    .width-desk--3of5, .width-desk--6of10 {
        display: block;
        -ms-flex: 60%;
        flex: 60%;
        max-width: 60% !important
    }

    .width-desk--4of5, .width-desk--8of10 {
        display: block;
        -ms-flex: 80%;
        flex: 80%;
        max-width: 80% !important
    }

    .width-desk--1of6, .width-desk--2of12 {
        display: block;
        -ms-flex: 16.66666%;
        flex: 16.66666%;
        max-width: 16.66666% !important
    }

    .width-desk--10of12, .width-desk--5of6 {
        display: block;
        -ms-flex: 83.33333%;
        flex: 83.33333%;
        max-width: 83.33333% !important
    }

    .width-desk--1of8 {
        display: block;
        -ms-flex: 12.5%;
        flex: 12.5%;
        max-width: 12.5% !important
    }

    .width-desk--3of8 {
        display: block;
        -ms-flex: 37.5%;
        flex: 37.5%;
        max-width: 37.5% !important
    }

    .width-desk--5of8 {
        display: block;
        -ms-flex: 62.5%;
        flex: 62.5%;
        max-width: 62.5% !important
    }

    .width-desk--7of8 {
        display: block;
        -ms-flex: 87.5%;
        flex: 87.5%;
        max-width: 87.5% !important
    }

    .width-desk--1of9 {
        display: block;
        -ms-flex: 11.1111111%;
        flex: 11.1111111%;
        max-width: 11.1111111% !important
    }

    .width-desk--2of9 {
        display: block;
        -ms-flex: 22.2222222%;
        flex: 22.2222222%;
        max-width: 22.2222222% !important
    }

    .width-desk--4of9 {
        display: block;
        -ms-flex: 44.4444444%;
        flex: 44.4444444%;
        max-width: 44.4444444% !important
    }

    .width-desk--5of9 {
        display: block;
        -ms-flex: 55.5555555%;
        flex: 55.5555555%;
        max-width: 55.5555555% !important
    }

    .width-desk--7of9 {
        display: block;
        -ms-flex: 77.7777777%;
        flex: 77.7777777%;
        max-width: 77.7777777% !important
    }

    .width-desk--8of9 {
        display: block;
        -ms-flex: 88.8888888%;
        flex: 88.8888888%;
        max-width: 88.8888888% !important
    }

    .width-desk--1of10 {
        display: block;
        -ms-flex: 10%;
        flex: 10%;
        max-width: 10% !important
    }

    .width-desk--3of10 {
        display: block;
        -ms-flex: 30%;
        flex: 30%;
        max-width: 30% !important
    }

    .width-desk--7of10 {
        display: block;
        -ms-flex: 70%;
        flex: 70%;
        max-width: 70% !important
    }

    .width-desk--9of10 {
        display: block;
        -ms-flex: 90%;
        flex: 90%;
        max-width: 90% !important
    }

    .width-desk--1of12 {
        display: block;
        -ms-flex: 8.3333333%;
        flex: 8.3333333%;
        max-width: 8.3333333% !important
    }

    .width-desk--5of12 {
        display: block;
        -ms-flex: 41.6666666%;
        flex: 41.6666666%;
        max-width: 41.6666666% !important
    }

    .width-desk--7of12 {
        display: block;
        -ms-flex: 58.3333333%;
        flex: 58.3333333%;
        max-width: 58.3333333% !important
    }

    .width-desk--11of12 {
        display: block;
        -ms-flex: 91.6666666%;
        flex: 91.6666666%;
        max-width: 91.6666666% !important
    }
}

@media screen and (min-width: 1332px) {
    .width-desk-wide--0 {
        display: none;
        -ms-flex: 0%;
        flex: 0%;
        max-width: 0 !important
    }

    .width-desk-wide--1of1, .width-desk-wide--2of2, .width-desk-wide--3of3, .width-desk-wide--4of4, .width-desk-wide--5of5, .width-desk-wide--6of6 {
        display: block;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100% !important
    }

    .width-desk-wide--1of2, .width-desk-wide--2of4, .width-desk-wide--3of6, .width-desk-wide--4of8, .width-desk-wide--5of10, .width-desk-wide--6of12 {
        display: block;
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50% !important
    }

    .width-desk-wide--1of3, .width-desk-wide--2of6, .width-desk-wide--3of9, .width-desk-wide--4of12 {
        display: block;
        -ms-flex: 33.33333%;
        flex: 33.33333%;
        max-width: 33.33333% !important
    }

    .width-desk-wide--2of3, .width-desk-wide--4of6, .width-desk-wide--6of9, .width-desk-wide--8of12 {
        display: block;
        -ms-flex: 66.66666%;
        flex: 66.66666%;
        max-width: 66.66666% !important
    }

    .width-desk-wide--1of4, .width-desk-wide--2of8, .width-desk-wide--3of12 {
        display: block;
        -ms-flex: 25%;
        flex: 25%;
        max-width: 25% !important
    }

    .width-desk-wide--3of4, .width-desk-wide--6of8, .width-desk-wide--9of12 {
        display: block;
        -ms-flex: 75%;
        flex: 75%;
        max-width: 75% !important
    }

    .width-desk-wide--1of5, .width-desk-wide--2of10 {
        display: block;
        -ms-flex: 20%;
        flex: 20%;
        max-width: 20% !important
    }

    .width-desk-wide--2of5, .width-desk-wide--4of10 {
        display: block;
        -ms-flex: 40%;
        flex: 40%;
        max-width: 40% !important
    }

    .width-desk-wide--3of5, .width-desk-wide--6of10 {
        display: block;
        -ms-flex: 60%;
        flex: 60%;
        max-width: 60% !important
    }

    .width-desk-wide--4of5, .width-desk-wide--8of10 {
        display: block;
        -ms-flex: 80%;
        flex: 80%;
        max-width: 80% !important
    }

    .width-desk-wide--1of6, .width-desk-wide--2of12 {
        display: block;
        -ms-flex: 16.66666%;
        flex: 16.66666%;
        max-width: 16.66666% !important
    }

    .width-desk-wide--10of12, .width-desk-wide--5of6 {
        display: block;
        -ms-flex: 83.33333%;
        flex: 83.33333%;
        max-width: 83.33333% !important
    }

    .width-desk-wide--1of8 {
        display: block;
        -ms-flex: 12.5%;
        flex: 12.5%;
        max-width: 12.5% !important
    }

    .width-desk-wide--3of8 {
        display: block;
        -ms-flex: 37.5%;
        flex: 37.5%;
        max-width: 37.5% !important
    }

    .width-desk-wide--5of8 {
        display: block;
        -ms-flex: 62.5%;
        flex: 62.5%;
        max-width: 62.5% !important
    }

    .width-desk-wide--7of8 {
        display: block;
        -ms-flex: 87.5%;
        flex: 87.5%;
        max-width: 87.5% !important
    }

    .width-desk-wide--1of9 {
        display: block;
        -ms-flex: 11.1111111%;
        flex: 11.1111111%;
        max-width: 11.1111111% !important
    }

    .width-desk-wide--2of9 {
        display: block;
        -ms-flex: 22.2222222%;
        flex: 22.2222222%;
        max-width: 22.2222222% !important
    }

    .width-desk-wide--4of9 {
        display: block;
        -ms-flex: 44.4444444%;
        flex: 44.4444444%;
        max-width: 44.4444444% !important
    }

    .width-desk-wide--5of9 {
        display: block;
        -ms-flex: 55.5555555%;
        flex: 55.5555555%;
        max-width: 55.5555555% !important
    }

    .width-desk-wide--7of9 {
        display: block;
        -ms-flex: 77.7777777%;
        flex: 77.7777777%;
        max-width: 77.7777777% !important
    }

    .width-desk-wide--8of9 {
        display: block;
        -ms-flex: 88.8888888%;
        flex: 88.8888888%;
        max-width: 88.8888888% !important
    }

    .width-desk-wide--1of10 {
        display: block;
        -ms-flex: 10%;
        flex: 10%;
        max-width: 10% !important
    }

    .width-desk-wide--3of10 {
        display: block;
        -ms-flex: 30%;
        flex: 30%;
        max-width: 30% !important
    }

    .width-desk-wide--7of10 {
        display: block;
        -ms-flex: 70%;
        flex: 70%;
        max-width: 70% !important
    }

    .width-desk-wide--9of10 {
        display: block;
        -ms-flex: 90%;
        flex: 90%;
        max-width: 90% !important
    }

    .width-desk-wide--1of12 {
        display: block;
        -ms-flex: 8.3333333%;
        flex: 8.3333333%;
        max-width: 8.3333333% !important
    }

    .width-desk-wide--5of12 {
        display: block;
        -ms-flex: 41.6666666%;
        flex: 41.6666666%;
        max-width: 41.6666666% !important
    }

    .width-desk-wide--7of12 {
        display: block;
        -ms-flex: 58.3333333%;
        flex: 58.3333333%;
        max-width: 58.3333333% !important
    }

    .width-desk-wide--11of12 {
        display: block;
        -ms-flex: 91.6666666%;
        flex: 91.6666666%;
        max-width: 91.6666666% !important
    }
}

@media screen and (min-width: 1664px) {
    .width-desk-max--0 {
        display: none;
        -ms-flex: 0%;
        flex: 0%;
        max-width: 0 !important
    }

    .width-desk-max--1of1, .width-desk-max--2of2, .width-desk-max--3of3, .width-desk-max--4of4, .width-desk-max--5of5, .width-desk-max--6of6 {
        display: block;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100% !important
    }

    .width-desk-max--1of2, .width-desk-max--2of4, .width-desk-max--3of6, .width-desk-max--4of8, .width-desk-max--5of10, .width-desk-max--6of12 {
        display: block;
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50% !important
    }

    .width-desk-max--1of3, .width-desk-max--2of6, .width-desk-max--3of9, .width-desk-max--4of12 {
        display: block;
        -ms-flex: 33.33333%;
        flex: 33.33333%;
        max-width: 33.33333% !important
    }

    .width-desk-max--2of3, .width-desk-max--4of6, .width-desk-max--6of9, .width-desk-max--8of12 {
        display: block;
        -ms-flex: 66.66666%;
        flex: 66.66666%;
        max-width: 66.66666% !important
    }

    .width-desk-max--1of4, .width-desk-max--2of8, .width-desk-max--3of12 {
        display: block;
        -ms-flex: 25%;
        flex: 25%;
        max-width: 25% !important
    }

    .width-desk-max--3of4, .width-desk-max--6of8, .width-desk-max--9of12 {
        display: block;
        -ms-flex: 75%;
        flex: 75%;
        max-width: 75% !important
    }

    .width-desk-max--1of5, .width-desk-max--2of10 {
        display: block;
        -ms-flex: 20%;
        flex: 20%;
        max-width: 20% !important
    }

    .width-desk-max--2of5, .width-desk-max--4of10 {
        display: block;
        -ms-flex: 40%;
        flex: 40%;
        max-width: 40% !important
    }

    .width-desk-max--3of5, .width-desk-max--6of10 {
        display: block;
        -ms-flex: 60%;
        flex: 60%;
        max-width: 60% !important
    }

    .width-desk-max--4of5, .width-desk-max--8of10 {
        display: block;
        -ms-flex: 80%;
        flex: 80%;
        max-width: 80% !important
    }

    .width-desk-max--1of6, .width-desk-max--2of12 {
        display: block;
        -ms-flex: 16.66666%;
        flex: 16.66666%;
        max-width: 16.66666% !important
    }

    .width-desk-max--10of12, .width-desk-max--5of6 {
        display: block;
        -ms-flex: 83.33333%;
        flex: 83.33333%;
        max-width: 83.33333% !important
    }

    .width-desk-max--1of8 {
        display: block;
        -ms-flex: 12.5%;
        flex: 12.5%;
        max-width: 12.5% !important
    }

    .width-desk-max--3of8 {
        display: block;
        -ms-flex: 37.5%;
        flex: 37.5%;
        max-width: 37.5% !important
    }

    .width-desk-max--5of8 {
        display: block;
        -ms-flex: 62.5%;
        flex: 62.5%;
        max-width: 62.5% !important
    }

    .width-desk-max--7of8 {
        display: block;
        -ms-flex: 87.5%;
        flex: 87.5%;
        max-width: 87.5% !important
    }

    .width-desk-max--1of9 {
        display: block;
        -ms-flex: 11.1111111%;
        flex: 11.1111111%;
        max-width: 11.1111111% !important
    }

    .width-desk-max--2of9 {
        display: block;
        -ms-flex: 22.2222222%;
        flex: 22.2222222%;
        max-width: 22.2222222% !important
    }

    .width-desk-max--4of9 {
        display: block;
        -ms-flex: 44.4444444%;
        flex: 44.4444444%;
        max-width: 44.4444444% !important
    }

    .width-desk-max--5of9 {
        display: block;
        -ms-flex: 55.5555555%;
        flex: 55.5555555%;
        max-width: 55.5555555% !important
    }

    .width-desk-max--7of9 {
        display: block;
        -ms-flex: 77.7777777%;
        flex: 77.7777777%;
        max-width: 77.7777777% !important
    }

    .width-desk-max--8of9 {
        display: block;
        -ms-flex: 88.8888888%;
        flex: 88.8888888%;
        max-width: 88.8888888% !important
    }

    .width-desk-max--1of10 {
        display: block;
        -ms-flex: 10%;
        flex: 10%;
        max-width: 10% !important
    }

    .width-desk-max--3of10 {
        display: block;
        -ms-flex: 30%;
        flex: 30%;
        max-width: 30% !important
    }

    .width-desk-max--7of10 {
        display: block;
        -ms-flex: 70%;
        flex: 70%;
        max-width: 70% !important
    }

    .width-desk-max--9of10 {
        display: block;
        -ms-flex: 90%;
        flex: 90%;
        max-width: 90% !important
    }

    .width-desk-max--1of12 {
        display: block;
        -ms-flex: 8.3333333%;
        flex: 8.3333333%;
        max-width: 8.3333333% !important
    }

    .width-desk-max--5of12 {
        display: block;
        -ms-flex: 41.6666666%;
        flex: 41.6666666%;
        max-width: 41.6666666% !important
    }

    .width-desk-max--7of12 {
        display: block;
        -ms-flex: 58.3333333%;
        flex: 58.3333333%;
        max-width: 58.3333333% !important
    }

    .width-desk-max--11of12 {
        display: block;
        -ms-flex: 91.6666666%;
        flex: 91.6666666%;
        max-width: 91.6666666% !important
    }
}

.text--no-wrap {
    white-space: nowrap !important
}

.text--secondary {
    font-family: Georgia, serif !important
}

.text--large {
    font-size: 24px;
    font-size: 1.2rem;
    line-height: 1.5
}

.text--left {
    text-align: left
}

.text--right {
    text-align: right
}

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

@media screen and (min-width: 481px) {
    .text-tab--left {
        text-align: left
    }

    .text-tab--right {
        text-align: right
    }

    .text-tab--center {
        text-align: center
    }
}

@media screen and (min-width: 721px) {
    .text-lap--left {
        text-align: left
    }

    .text-lap--right {
        text-align: right
    }

    .text-lap--center {
        text-align: center
    }
}

@media screen and (min-width: 1024px) {
    .text-desk--left {
        text-align: left
    }

    .text-desk--right {
        text-align: right
    }

    .text-desk--center {
        text-align: center
    }
}

@media screen and (min-width: 1332px) {
    .text-desk-wide--left {
        text-align: left
    }

    .text-desk-wide--right {
        text-align: right
    }

    .text-desk-wide--center {
        text-align: center
    }
}

@media screen and (min-width: 1664px) {
    .text-desk-max--left {
        text-align: left
    }

    .text-desk-max--right {
        text-align: right
    }

    .text-desk-max--center {
        text-align: center
    }
}

.clearfix {
    *zoom: 1
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

:root {
    --primary: #00eaff;
    --primary25: #80f4ff;
    --primary10: #ccfbff;
    --secondary: #175582;
    --secondary75: #93c6ec;
    --secondary10: #d4e8f7;
    --accent: #ebc4ad;
    --accent20: #f5e4d6;
    --accent10: #f6f1ed;
    --primaryDark: #002540;
    --secondaryLight: #e9f3f5;
    --zaAccent: #ff711a;
    --pvAccent: #00d1ae;
    --black: #000;
    --grey100: #17191c;
    --grey25: #737d8c;
    --grey20: #a7acb2;
    --grey10: #d4d6d9;
    --white: #fff;
    --border: #d4d6d9
}

.c--primary {
    color: #00eaff
}

.bg--primary {
    background-color: #00eaff
}

.c--primary25 {
    color: #80f4ff
}

.bg--primary25 {
    background-color: #80f4ff
}

.c--primary10 {
    color: #ccfbff
}

.bg--primary10 {
    background-color: #ccfbff
}

.c--secondary {
    color: #175582
}

.bg--secondary {
    background-color: #175582
}

.c--secondary75 {
    color: #93c6ec
}

.bg--secondary75 {
    background-color: #93c6ec
}

.c--secondary10 {
    color: #d4e8f7
}

.bg--secondary10 {
    background-color: #d4e8f7
}

.c--accent {
    color: #ebc4ad
}

.bg--accent {
    background-color: #ebc4ad
}

.c--accent20 {
    color: #f5e4d6
}

.bg--accent20 {
    background-color: #f5e4d6
}

.c--accent10 {
    color: #f6f1ed
}

.bg--accent10 {
    background-color: #f6f1ed
}

.c--primaryDark {
    color: #002540
}

.bg--primaryDark {
    background-color: #002540
}

.c--secondaryLight {
    color: #e9f3f5
}

.bg--secondaryLight {
    background-color: #e9f3f5
}

.c--zaAccent {
    color: #ff711a
}

.bg--zaAccent {
    background-color: #ff711a
}

.c--pvAccent {
    color: #00d1ae
}

.bg--pvAccent {
    background-color: #00d1ae
}

.c--black {
    color: #000
}

.bg--black {
    background-color: #000
}

.c--grey100 {
    color: #17191c
}

.bg--grey100 {
    background-color: #17191c
}

.c--grey25 {
    color: #737d8c
}

.bg--grey25 {
    background-color: #737d8c
}

.c--grey20 {
    color: #a7acb2
}

.bg--grey20 {
    background-color: #a7acb2
}

.c--grey10 {
    color: #d4d6d9
}

.bg--grey10 {
    background-color: #d4d6d9
}

.c--white {
    color: #fff
}

.bg--white {
    background-color: #fff
}

.c--border {
    color: #d4d6d9
}

.bg--border {
    background-color: #d4d6d9
}

.c--inherit {
    color: inherit
}

.bg--inherit {
    background-color: inherit
}

@media screen and (min-width: 481px) {
    .c-tab--primary {
        color: #00eaff
    }

    .bg-tab--primary {
        background-color: #00eaff
    }

    .c-tab--primary25 {
        color: #80f4ff
    }

    .bg-tab--primary25 {
        background-color: #80f4ff
    }

    .c-tab--primary10 {
        color: #ccfbff
    }

    .bg-tab--primary10 {
        background-color: #ccfbff
    }

    .c-tab--secondary {
        color: #175582
    }

    .bg-tab--secondary {
        background-color: #175582
    }

    .c-tab--secondary75 {
        color: #93c6ec
    }

    .bg-tab--secondary75 {
        background-color: #93c6ec
    }

    .c-tab--secondary10 {
        color: #d4e8f7
    }

    .bg-tab--secondary10 {
        background-color: #d4e8f7
    }

    .c-tab--accent {
        color: #ebc4ad
    }

    .bg-tab--accent {
        background-color: #ebc4ad
    }

    .c-tab--accent20 {
        color: #f5e4d6
    }

    .bg-tab--accent20 {
        background-color: #f5e4d6
    }

    .c-tab--accent10 {
        color: #f6f1ed
    }

    .bg-tab--accent10 {
        background-color: #f6f1ed
    }

    .c-tab--primaryDark {
        color: #002540
    }

    .bg-tab--primaryDark {
        background-color: #002540
    }

    .c-tab--secondaryLight {
        color: #e9f3f5
    }

    .bg-tab--secondaryLight {
        background-color: #e9f3f5
    }

    .c-tab--zaAccent {
        color: #ff711a
    }

    .bg-tab--zaAccent {
        background-color: #ff711a
    }

    .c-tab--pvAccent {
        color: #00d1ae
    }

    .bg-tab--pvAccent {
        background-color: #00d1ae
    }

    .c-tab--black {
        color: #000
    }

    .bg-tab--black {
        background-color: #000
    }

    .c-tab--grey100 {
        color: #17191c
    }

    .bg-tab--grey100 {
        background-color: #17191c
    }

    .c-tab--grey25 {
        color: #737d8c
    }

    .bg-tab--grey25 {
        background-color: #737d8c
    }

    .c-tab--grey20 {
        color: #a7acb2
    }

    .bg-tab--grey20 {
        background-color: #a7acb2
    }

    .c-tab--grey10 {
        color: #d4d6d9
    }

    .bg-tab--grey10 {
        background-color: #d4d6d9
    }

    .c-tab--white {
        color: #fff
    }

    .bg-tab--white {
        background-color: #fff
    }

    .c-tab--border {
        color: #d4d6d9
    }

    .bg-tab--border {
        background-color: #d4d6d9
    }

    .c-tab--inherit {
        color: inherit
    }

    .bg-tab--inherit {
        background-color: inherit
    }
}

@media screen and (min-width: 721px) {
    .c-lap--primary {
        color: #00eaff
    }

    .bg-lap--primary {
        background-color: #00eaff
    }

    .c-lap--primary25 {
        color: #80f4ff
    }

    .bg-lap--primary25 {
        background-color: #80f4ff
    }

    .c-lap--primary10 {
        color: #ccfbff
    }

    .bg-lap--primary10 {
        background-color: #ccfbff
    }

    .c-lap--secondary {
        color: #175582
    }

    .bg-lap--secondary {
        background-color: #175582
    }

    .c-lap--secondary75 {
        color: #93c6ec
    }

    .bg-lap--secondary75 {
        background-color: #93c6ec
    }

    .c-lap--secondary10 {
        color: #d4e8f7
    }

    .bg-lap--secondary10 {
        background-color: #d4e8f7
    }

    .c-lap--accent {
        color: #ebc4ad
    }

    .bg-lap--accent {
        background-color: #ebc4ad
    }

    .c-lap--accent20 {
        color: #f5e4d6
    }

    .bg-lap--accent20 {
        background-color: #f5e4d6
    }

    .c-lap--accent10 {
        color: #f6f1ed
    }

    .bg-lap--accent10 {
        background-color: #f6f1ed
    }

    .c-lap--primaryDark {
        color: #002540
    }

    .bg-lap--primaryDark {
        background-color: #002540
    }

    .c-lap--secondaryLight {
        color: #e9f3f5
    }

    .bg-lap--secondaryLight {
        background-color: #e9f3f5
    }

    .c-lap--zaAccent {
        color: #ff711a
    }

    .bg-lap--zaAccent {
        background-color: #ff711a
    }

    .c-lap--pvAccent {
        color: #00d1ae
    }

    .bg-lap--pvAccent {
        background-color: #00d1ae
    }

    .c-lap--black {
        color: #000
    }

    .bg-lap--black {
        background-color: #000
    }

    .c-lap--grey100 {
        color: #17191c
    }

    .bg-lap--grey100 {
        background-color: #17191c
    }

    .c-lap--grey25 {
        color: #737d8c
    }

    .bg-lap--grey25 {
        background-color: #737d8c
    }

    .c-lap--grey20 {
        color: #a7acb2
    }

    .bg-lap--grey20 {
        background-color: #a7acb2
    }

    .c-lap--grey10 {
        color: #d4d6d9
    }

    .bg-lap--grey10 {
        background-color: #d4d6d9
    }

    .c-lap--white {
        color: #fff
    }

    .bg-lap--white {
        background-color: #fff
    }

    .c-lap--border {
        color: #d4d6d9
    }

    .bg-lap--border {
        background-color: #d4d6d9
    }

    .c-lap--inherit {
        color: inherit
    }

    .bg-lap--inherit {
        background-color: inherit
    }
}

@media screen and (min-width: 1024px) {
    .c-desk--primary {
        color: #00eaff
    }

    .bg-desk--primary {
        background-color: #00eaff
    }

    .c-desk--primary25 {
        color: #80f4ff
    }

    .bg-desk--primary25 {
        background-color: #80f4ff
    }

    .c-desk--primary10 {
        color: #ccfbff
    }

    .bg-desk--primary10 {
        background-color: #ccfbff
    }

    .c-desk--secondary {
        color: #175582
    }

    .bg-desk--secondary {
        background-color: #175582
    }

    .c-desk--secondary75 {
        color: #93c6ec
    }

    .bg-desk--secondary75 {
        background-color: #93c6ec
    }

    .c-desk--secondary10 {
        color: #d4e8f7
    }

    .bg-desk--secondary10 {
        background-color: #d4e8f7
    }

    .c-desk--accent {
        color: #ebc4ad
    }

    .bg-desk--accent {
        background-color: #ebc4ad
    }

    .c-desk--accent20 {
        color: #f5e4d6
    }

    .bg-desk--accent20 {
        background-color: #f5e4d6
    }

    .c-desk--accent10 {
        color: #f6f1ed
    }

    .bg-desk--accent10 {
        background-color: #f6f1ed
    }

    .c-desk--primaryDark {
        color: #002540
    }

    .bg-desk--primaryDark {
        background-color: #002540
    }

    .c-desk--secondaryLight {
        color: #e9f3f5
    }

    .bg-desk--secondaryLight {
        background-color: #e9f3f5
    }

    .c-desk--zaAccent {
        color: #ff711a
    }

    .bg-desk--zaAccent {
        background-color: #ff711a
    }

    .c-desk--pvAccent {
        color: #00d1ae
    }

    .bg-desk--pvAccent {
        background-color: #00d1ae
    }

    .c-desk--black {
        color: #000
    }

    .bg-desk--black {
        background-color: #000
    }

    .c-desk--grey100 {
        color: #17191c
    }

    .bg-desk--grey100 {
        background-color: #17191c
    }

    .c-desk--grey25 {
        color: #737d8c
    }

    .bg-desk--grey25 {
        background-color: #737d8c
    }

    .c-desk--grey20 {
        color: #a7acb2
    }

    .bg-desk--grey20 {
        background-color: #a7acb2
    }

    .c-desk--grey10 {
        color: #d4d6d9
    }

    .bg-desk--grey10 {
        background-color: #d4d6d9
    }

    .c-desk--white {
        color: #fff
    }

    .bg-desk--white {
        background-color: #fff
    }

    .c-desk--border {
        color: #d4d6d9
    }

    .bg-desk--border {
        background-color: #d4d6d9
    }

    .c-desk--inherit {
        color: inherit
    }

    .bg-desk--inherit {
        background-color: inherit
    }
}

@media screen and (min-width: 1332px) {
    .c-desk-wide--primary {
        color: #00eaff
    }

    .bg-desk-wide--primary {
        background-color: #00eaff
    }

    .c-desk-wide--primary25 {
        color: #80f4ff
    }

    .bg-desk-wide--primary25 {
        background-color: #80f4ff
    }

    .c-desk-wide--primary10 {
        color: #ccfbff
    }

    .bg-desk-wide--primary10 {
        background-color: #ccfbff
    }

    .c-desk-wide--secondary {
        color: #175582
    }

    .bg-desk-wide--secondary {
        background-color: #175582
    }

    .c-desk-wide--secondary75 {
        color: #93c6ec
    }

    .bg-desk-wide--secondary75 {
        background-color: #93c6ec
    }

    .c-desk-wide--secondary10 {
        color: #d4e8f7
    }

    .bg-desk-wide--secondary10 {
        background-color: #d4e8f7
    }

    .c-desk-wide--accent {
        color: #ebc4ad
    }

    .bg-desk-wide--accent {
        background-color: #ebc4ad
    }

    .c-desk-wide--accent20 {
        color: #f5e4d6
    }

    .bg-desk-wide--accent20 {
        background-color: #f5e4d6
    }

    .c-desk-wide--accent10 {
        color: #f6f1ed
    }

    .bg-desk-wide--accent10 {
        background-color: #f6f1ed
    }

    .c-desk-wide--primaryDark {
        color: #002540
    }

    .bg-desk-wide--primaryDark {
        background-color: #002540
    }

    .c-desk-wide--secondaryLight {
        color: #e9f3f5
    }

    .bg-desk-wide--secondaryLight {
        background-color: #e9f3f5
    }

    .c-desk-wide--zaAccent {
        color: #ff711a
    }

    .bg-desk-wide--zaAccent {
        background-color: #ff711a
    }

    .c-desk-wide--pvAccent {
        color: #00d1ae
    }

    .bg-desk-wide--pvAccent {
        background-color: #00d1ae
    }

    .c-desk-wide--black {
        color: #000
    }

    .bg-desk-wide--black {
        background-color: #000
    }

    .c-desk-wide--grey100 {
        color: #17191c
    }

    .bg-desk-wide--grey100 {
        background-color: #17191c
    }

    .c-desk-wide--grey25 {
        color: #737d8c
    }

    .bg-desk-wide--grey25 {
        background-color: #737d8c
    }

    .c-desk-wide--grey20 {
        color: #a7acb2
    }

    .bg-desk-wide--grey20 {
        background-color: #a7acb2
    }

    .c-desk-wide--grey10 {
        color: #d4d6d9
    }

    .bg-desk-wide--grey10 {
        background-color: #d4d6d9
    }

    .c-desk-wide--white {
        color: #fff
    }

    .bg-desk-wide--white {
        background-color: #fff
    }

    .c-desk-wide--border {
        color: #d4d6d9
    }

    .bg-desk-wide--border {
        background-color: #d4d6d9
    }

    .c-desk-wide--inherit {
        color: inherit
    }

    .bg-desk-wide--inherit {
        background-color: inherit
    }
}

@media screen and (min-width: 1664px) {
    .c-desk-max--primary {
        color: #00eaff
    }

    .bg-desk-max--primary {
        background-color: #00eaff
    }

    .c-desk-max--primary25 {
        color: #80f4ff
    }

    .bg-desk-max--primary25 {
        background-color: #80f4ff
    }

    .c-desk-max--primary10 {
        color: #ccfbff
    }

    .bg-desk-max--primary10 {
        background-color: #ccfbff
    }

    .c-desk-max--secondary {
        color: #175582
    }

    .bg-desk-max--secondary {
        background-color: #175582
    }

    .c-desk-max--secondary75 {
        color: #93c6ec
    }

    .bg-desk-max--secondary75 {
        background-color: #93c6ec
    }

    .c-desk-max--secondary10 {
        color: #d4e8f7
    }

    .bg-desk-max--secondary10 {
        background-color: #d4e8f7
    }

    .c-desk-max--accent {
        color: #ebc4ad
    }

    .bg-desk-max--accent {
        background-color: #ebc4ad
    }

    .c-desk-max--accent20 {
        color: #f5e4d6
    }

    .bg-desk-max--accent20 {
        background-color: #f5e4d6
    }

    .c-desk-max--accent10 {
        color: #f6f1ed
    }

    .bg-desk-max--accent10 {
        background-color: #f6f1ed
    }

    .c-desk-max--primaryDark {
        color: #002540
    }

    .bg-desk-max--primaryDark {
        background-color: #002540
    }

    .c-desk-max--secondaryLight {
        color: #e9f3f5
    }

    .bg-desk-max--secondaryLight {
        background-color: #e9f3f5
    }

    .c-desk-max--zaAccent {
        color: #ff711a
    }

    .bg-desk-max--zaAccent {
        background-color: #ff711a
    }

    .c-desk-max--pvAccent {
        color: #00d1ae
    }

    .bg-desk-max--pvAccent {
        background-color: #00d1ae
    }

    .c-desk-max--black {
        color: #000
    }

    .bg-desk-max--black {
        background-color: #000
    }

    .c-desk-max--grey100 {
        color: #17191c
    }

    .bg-desk-max--grey100 {
        background-color: #17191c
    }

    .c-desk-max--grey25 {
        color: #737d8c
    }

    .bg-desk-max--grey25 {
        background-color: #737d8c
    }

    .c-desk-max--grey20 {
        color: #a7acb2
    }

    .bg-desk-max--grey20 {
        background-color: #a7acb2
    }

    .c-desk-max--grey10 {
        color: #d4d6d9
    }

    .bg-desk-max--grey10 {
        background-color: #d4d6d9
    }

    .c-desk-max--white {
        color: #fff
    }

    .bg-desk-max--white {
        background-color: #fff
    }

    .c-desk-max--border {
        color: #d4d6d9
    }

    .bg-desk-max--border {
        background-color: #d4d6d9
    }

    .c-desk-max--inherit {
        color: inherit
    }

    .bg-desk-max--inherit {
        background-color: inherit
    }
}

.button, .header__main .navigation-primary ul.level_1 > li:last-child a, .header__main .navigation-primary ul.level_1 > li:last-child strong {
    align-items: center;
    background: #00eaff;
    border: 0;
    border-radius: 40px;
    color: #002540;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    font-size: 20px;
    font-weight: 500;
    gap: 18px;
    justify-content: center;
    letter-spacing: 0.0125rem;
    line-height: 28px;
    outline: 0;
    padding: 18px 32px;
    text-align: center;
    text-decoration: none;
    transition: .3s ease-in-out
}

@media screen and (min-width: 481px) {
    .button, .header__main .navigation-primary ul.level_1 > li:last-child a, .header__main .navigation-primary ul.level_1 > li:last-child strong {
        width: fit-content
    }
}

.button:hover, .header__main .navigation-primary ul.level_1 > li:last-child a:hover, .header__main .navigation-primary ul.level_1 > li:last-child strong:hover {
    color: #002540;
    filter: brightness(90%);
    text-decoration: none
}

.button--sm {
    border-radius: 32px;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 24px
}

@media screen and (max-width: 480px) {
    .button--responsive {
        border-radius: 32px;
        font-size: 16px;
        line-height: 24px;
        padding: 12px 24px;
        width: 100%
    }
}

.button--fit {
    width: fit-content
}

.button--full {
    width: 100%
}

.button--primary-dark {
    background: #002540;
    color: #fff
}

.button--primary-dark:hover {
    color: #fff
}

.button--accent, .header__main .navigation-primary ul.level_1 > li:last-child a, .header__main .navigation-primary ul.level_1 > li:last-child strong {
    background: #ebc4ad;
    color: #175582
}

.button--accent:hover, .header__main .navigation-primary ul.level_1 > li:last-child a:hover, .header__main .navigation-primary ul.level_1 > li:last-child strong:hover {
    color: #175582
}

.button--accent20 {
    background: #f5e4d6;
    color: #17191c
}

.button--accent20:hover {
    color: #17191c
}

.button--secondary {
    background: #175582;
    color: #fff
}

.button--secondary:hover {
    color: #fff
}

.button--outline {
    background: transparent;
    border: 1px solid #00eaff;
    color: #00eaff
}

.button--outline:hover {
    color: #00eaff
}

.button-block {
    margin-bottom: 16px
}

@media screen and (min-width: 721px) {
    .button-block {
        margin-bottom: 32px
    }
}

.text--lg {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.0125rem;
    line-height: 32px
}

.header__main .navigation-primary .navigation-secondary ul li a, .header__main .navigation-primary .navigation-secondary ul li strong, .text--sm {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.0125rem;
    line-height: 24px
}

@media screen and (max-width: 1023px) {
    .content-headline br {
        display: none
    }
}

@font-face {
    font-display: swap;
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/outfit-v14-latin-300.18ab078a.woff2) format("woff2"), url(../../fonts/outfit-v14-latin-300.4f4e7ed7.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Outfit;
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/outfit-v14-latin-regular.350fba22.woff2) format("woff2"), url(../../fonts/outfit-v14-latin-regular.967f8259.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/outfit-v14-latin-500.6afa3020.woff2) format("woff2"), url(../../fonts/outfit-v14-latin-500.320e5e6a.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/outfit-v14-latin-600.89745f3c.woff2) format("woff2"), url(../../fonts/outfit-v14-latin-600.45dc00c6.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Outfit;
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/outfit-v14-latin-700.e99f36ad.woff2) format("woff2"), url(../../fonts/outfit-v14-latin-700.dff9e486.ttf) format("truetype")
}

.header {
    background-color: #fff;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    display: block;
    left: 0;
    overflow: hidden;
    padding: 0 24px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

@media screen and (min-width: 1024px) {
    .header {
        border-radius: 0;
        overflow: initial
    }
}

.header:before {
    background-color: #fff;
    border-bottom: 1px solid #d4e8f7;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .header:before {
        display: none
    }
}

.header__main {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    padding: 64px 0 12px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .header__main {
        padding: 0
    }
}

.header__main .header-logo {
    aspect-ratio: 180/40;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 32px;
    position: relative;
    z-index: 1;
    background-image: url(../img/logo_new.svg);
}

@media screen and (min-width: 1024px) {
    .header__main .header-logo {
        height: 32px
    }
}

@media screen and (min-width: 1332px) {
    .header__main .header-logo {
        height: 36px
    }
}

@media screen and (min-width: 1664px) {
    .header__main .header-logo {
        height: 40px
    }
}

@media screen and (max-width: 1023px) {
    .header__main .navigation-primary {
        background-color: #f6f1ed;
        border: 1px solid #f5e4d6;
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 24px;
        left: 0;
        padding: 36px 24px 24px;
        position: fixed;
        top: 100px;
        transform: translateY(-100%);
        transition: transform .4s ease-in-out;
        width: 100%;
        z-index: -1
    }

    body.nav-active .header__main .navigation-primary {
        transform: translateY(0)
    }
}

.header__main .navigation-primary ul.level_1 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left
}

@media screen and (min-width: 1024px) {
    .header__main .navigation-primary ul.level_1 {
        align-items: center;
        border-bottom: 0;
        flex-direction: row;
        gap: 32px;
        gap: 4px;
        margin-top: 0;
        padding-bottom: 0;
        text-align: center
    }
}

@media screen and (min-width: 1200px) {
    .header__main .navigation-primary ul.level_1 {
        gap: 12px
    }
}

@media screen and (min-width: 1332px) {
    .header__main .navigation-primary ul.level_1 {
        gap: 24px
    }
}

@media screen and (min-width: 1664px) {
    .header__main .navigation-primary ul.level_1 {
        gap: 60px
    }
}

.header__main .navigation-primary ul.level_1 > li:last-child {
    margin-top: 8px
}

@media screen and (min-width: 1024px) {
    .header__main .navigation-primary ul.level_1 > li:last-child {
        margin-top: 0
    }
}

@media screen and (min-width: 1024px)and (max-width: 1200px) {
    .header__main .navigation-primary ul.level_1 > li:last-child a, .header__main .navigation-primary ul.level_1 > li:last-child strong {
        padding: 14px 16px
    }
}

.header__main .navigation-primary ul.level_1 > li:last-child a.active, .header__main .navigation-primary ul.level_1 > li:last-child strong.active {
    color: #175582
}

.header__main .navigation-primary ul.level_1 li.submenu.trail .subnavigation__title span {
    color: #00eaff
}

@media screen and (min-width: 1024px) {
    .header__main .navigation-primary ul.level_1 li.submenu:hover a.submenu {
        color: #00eaff
    }

    .header__main .navigation-primary ul.level_1 li.submenu:hover ul.level_2 {
        display: flex;
        opacity: 1;
        transition: opacity .3s ease 0s, visibility .3s ease 0s;
        visibility: visible
    }
}

.header__main .navigation-primary ul.level_1 li a, .header__main .navigation-primary ul.level_1 li strong {
    border-bottom: 1px solid #f5e4d6;
    color: #175582;
    display: block;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    padding: 0 0 8px
}

@media screen and (min-width: 1024px) {
    .header__main .navigation-primary ul.level_1 li a, .header__main .navigation-primary ul.level_1 li strong {
        border-bottom: 0;
        color: #175582;
        font-size: 20px;
        line-height: 74px;
        padding: 8px 10px
    }
}

@media screen and (min-width: 1332px) {
    .header__main .navigation-primary ul.level_1 li a, .header__main .navigation-primary ul.level_1 li strong {
        font-size: 24px;
        letter-spacing: 0.025rem;
        line-height: 106px;
        padding: 8px 12px
    }
}

@media screen and (min-width: 1664px) {
    .header__main .navigation-primary ul.level_1 li a, .header__main .navigation-primary ul.level_1 li strong {
        font-size: 26px;
        line-height: 128px;
        padding: 0
    }
}

.header__main .navigation-primary ul.level_1 li a:hover, .header__main .navigation-primary ul.level_1 li strong:hover {
    color: #00eaff;
    text-decoration: none
}

.header__main .navigation-primary ul.level_1 li a:focus, .header__main .navigation-primary ul.level_1 li strong:focus {
    outline: 0
}

.header__main .navigation-primary ul.level_1 li a.active, .header__main .navigation-primary ul.level_1 li a.forward, .header__main .navigation-primary ul.level_1 li a.trail, .header__main .navigation-primary ul.level_1 li strong.active, .header__main .navigation-primary ul.level_1 li strong.forward, .header__main .navigation-primary ul.level_1 li strong.trail {
    color: #00eaff;
    font-weight: 400
}

.header__main .navigation-primary ul.level_1 li ul.level_2 {
    display: none;
    list-style: none;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .header__main .navigation-primary ul.level_1 li ul.level_2 {
        background-color: #fff;
        border-bottom: 2px solid #e9f3f5;
        border-top: 2px solid #e9f3f5;
        display: none;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 32px;
        opacity: 0;
        padding: 20px;
        position: absolute;
        right: 0;
        top: calc(100% - 2px);
        transition: opacity .3s ease 3s, visibility .3s ease 1s;
        visibility: hidden;
        width: 100vw
    }
}

.header__main .navigation-primary ul.level_1 li ul.level_2 .subnavigation__title {
    display: none
}

@media screen and (min-width: 1024px) {
    .header__main .navigation-primary ul.level_1 li ul.level_2 .subnavigation__title {
        display: block;
        text-align: right;
        width: 50%
    }

    .header__main .navigation-primary ul.level_1 li ul.level_2 .subnavigation__content {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 6px 0;
        text-align: left;
        width: 50%
    }
}

.header__main .navigation-primary ul.level_1 li ul.level_2 .subnavigation__content li {
    padding: 0
}

.header__main .navigation-primary ul.level_1 li ul.level_2 .subnavigation__content li a, .header__main .navigation-primary ul.level_1 li ul.level_2 .subnavigation__content li strong {
    display: inline-block;
    line-height: normal
}

.header__main .navigation-primary ul.level_1 li ul.level_2 .subnavigation__content li a.active, .header__main .navigation-primary ul.level_1 li ul.level_2 .subnavigation__content li a:hover, .header__main .navigation-primary ul.level_1 li ul.level_2 .subnavigation__content li strong.active, .header__main .navigation-primary ul.level_1 li ul.level_2 .subnavigation__content li strong:hover {
    color: #00eaff
}

@media screen and (max-width: break("desk") -1) {
    .header__main .navigation-primary ul.level_1 li ul.level_2 .subnavigation__content li a, .header__main .navigation-primary ul.level_1 li ul.level_2 .subnavigation__content li strong {
        color: #e9f3f5;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px
    }
}

.header__main .navigation-primary .navigation-secondary {
    display: block
}

@media screen and (min-width: 1024px) {
    .header__main .navigation-primary .navigation-secondary {
        display: none
    }
}

.header__main .navigation-primary .navigation-secondary ul {
    border-bottom: 0;
    gap: 0
}

.header__main .navigation-primary .navigation-secondary ul li a, .header__main .navigation-primary .navigation-secondary ul li strong {
    color: #e9f3f5
}

.header__main .burger {
    align-items: center;
    background-color: #fff;
    border: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 48px;
    justify-content: center;
    min-width: 48px;
    outline: 0;
    position: relative;
    width: 48px
}

@media screen and (min-width: 1024px) {
    .header__main .burger {
        display: none
    }
}

.header__main .burger i {
    background-color: #175582;
    border-radius: 2px;
    display: block;
    height: 3px;
    width: 32px
}

body.nav-active .header__main .burger i:first-child {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg)
}

body.nav-active .header__main .burger i:nth-child(3) {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

body.nav-active .header__main .burger i:nth-child(2) {
    display: none
}

body {
    color: #17191c;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Das war vorher effektiv 16px (mobile) / 20px (>=721) durch die *-Regel
       -> jetzt sauber über rem: */
    font-size: 1rem;        /* 16px */
    line-height: 1.5;       /* 24px */
}

@media screen and (min-width: 721px) {
    body {
        font-size: 1.25rem;   /* 20px */
        line-height: 1.75;    /* 28px */
    }
}
* {
    scroll-behavior: smooth;
}

strong {
    font-weight: 500
}

.wrapper {
    padding: 0 24px
}

[height], img[width] {
    max-width: 100%
}

.main {
    padding-top: 128px
}


@media screen and (min-width: 1332px) {
    .main {
        margin-top: 72px;
    }
}

::selection {
    background-color: #175582;
    color: #fff
}

.disabled {
    opacity: .25;
    pointer-events: none
}

.inline-block {
    display: inline-block
}

@media screen and (min-width: 481px) {
    .inline-block--tab {
        display: inline-block
    }
}

@media screen and (min-width: 0) {
    .inline-block--lab {
        display: inline-block
    }
}

@media screen and (min-width: 1024px) {
    .inline-block--desk {
        display: inline-block
    }
}

.iphone-mockup {
    bottom: 0;
    display: block;
    left: 0;
    max-width: 74%;
    overflow: hidden;
    position: absolute;
    width: 100%
}

@media screen and (min-width: 481px) {
    .iphone-mockup {
        max-width: 64%;
        transform: translateX(-50%)
    }
}

@media screen and (min-width: 1024px) {
    .iphone-mockup {
        left: 55%;
        max-width: 520px
    }
}

@media screen and (min-width: 1664px) {
    .iphone-mockup {
        max-width: 770px
    }
}

.iphone-mockup figure {
    display: block;
    margin-bottom: 0
}

.iphone-mockup figure img {
    display: block;
    width: 100%
}

.content-image img {
    display: block
}

.space--bottom-none figure {
    margin-bottom: 0
}

.c--primary {
    color: #00eaff !important
}

.c--secondary {
    color: #175582 !important
}

.c--accent {
    color: #ebc4ad !important
}

.footer, .footer__pre {
    display: block
}

.footer__pre {
    padding: 24px 0
}

.footer__pre p {
    display: block;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.0125rem;
    line-height: 24px;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .footer__pre p {
        text-align: center
    }
}

.footer__main {
    background-color: #175582;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    padding: 48px 24px
}

@media screen and (min-width: 1024px) {
    .footer__main {
        border-top-left-radius: 64px;
        border-top-right-radius: 64px;
        padding: 64px 24px
    }
}

@media screen and (min-width: 1664px) {
    .footer__main {
        border-top-left-radius: 128px;
        border-top-right-radius: 128px;
        padding: 128px 24px
    }
}

.footer__main__inner {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 721px) {
    .footer__main__inner {
        display: grid;
        gap: 32px;
        grid-template-columns:1fr 1fr
    }
}

@media screen and (min-width: 1332px) {
    .footer__main__inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 32px;
        justify-content: space-between
    }
}

@media screen and (min-width: 721px) {
    .footer__main__inner__item {
        width: calc(50% - 21.33333px)
    }
}

@media screen and (min-width: 1024px) {
    .footer__main__inner__item {
        width: fit-content
    }
}

.footer__main__inner h3 {
    color: #fff;
    margin-bottom: 8px
}

.footer__main__inner p {
    color: #fff
}

.footer__main__inner p a {
    color: #00eaff
}

.footer__main__inner .footer-images {
    background-color: #00eaff;
    border-radius: 32px;
    display: grid;
    gap: 16px;
    grid-template-columns:1fr 1fr 1fr;
    height: fit-content;
    max-width: 420px;
    padding: 32px 24px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .footer__main__inner .footer-images {
        align-items: flex-end;
        border-radius: 48px;
        display: flex;
        flex-direction: row;
        gap: 24px;
        max-width: 675px;
        padding: 48px
    }
}

@media screen and (min-width: 1664px) {
    .footer__main__inner .footer-images {
        border-radius: 64px
    }
}

.footer__main__inner .footer-images .content-image.first img {
    max-height: 122px
}

@media screen and (min-width: 721px) {
    .footer__main__inner .footer-images .content-image.first img {
        max-height: 127px
    }
}

.footer__main__inner .footer-images .content-image figure {
    display: block;
    margin-bottom: 0
}

.footer__main__inner .footer-images .content-image a {
    display: block
}

.footer__main__inner .footer-images .content-image img {
    display: block;
    object-fit: contain
}

@media screen and (min-width: 721px) {
    .footer__main__inner .footer-images .content-image img {
        max-height: 64px;
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .footer__main__inner .footer-images .content-image img {
        max-height: 90px
    }
}

.footer__main__inner .mod_navigation {
    margin-bottom: 32px
}

.footer__main__inner .mod_navigation ul {
    list-style: none;
    line-height: 28px;
    margin: 0;
    padding: 0
}

.footer__main__inner .mod_navigation ul li a, .footer__main__inner .mod_navigation ul li strong {
    color: #fff
}

.footer__main__inner .mod_navigation ul li a.active, .footer__main__inner .mod_navigation ul li strong.active {
    color: #fff;
    font-weight: 400;
    text-decoration: underline
}

.footer__main__inner .mod_navigation.nav-social ul {
    display: flex;
    flex-direction: row;
    gap: 8px
}

.footer__main__inner .mod_navigation.nav-social ul li {
    background-image: none
}

.footer__main__inner .mod_navigation.nav-social ul li a {
    align-items: center;
    background-color: #00eaff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    text-indent: -9999px;
    width: 48px
}

.footer__main__inner .mod_navigation.nav-social ul li a svg {
    display: block;
    height: 21px
}

.footer__main__inner .mod_navigation.nav-social ul li a svg path {
    fill: #fff
}

.footer__copyright {
    background-color: #17191c;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.0125rem;
    line-height: 24px;
    padding: 16px
}

.footer__copyright__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 20px;
    line-height: 28px;
}

@media screen and (min-width: 721px) {
    .footer__copyright__inner {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between
    }
}

.footer__copyright span {
    color: #fff
}

.footer__copyright__info {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    text-decoration: none
}

.footer__copyright__info:hover {
    text-decoration: none
}

.footer__copyright__info .logo-arano {
    display: block;
    height: 16px;
    width: 32px
}