/* HTML styles */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
p,
a,
abbr,
address,
code,
img,
q,
s,
small,
strong,
var,
b,
u,
i,
center,
dl,
ol,
ul,
li,
form,
label,
table,
caption,
tbody,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
section,
summary,
time,
video {
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%
}

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

ol,
ul {
    list-style: none
}

q {
    quotes: none
}

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

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

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

a {
    color: inherit;
    text-decoration: none
}

button {
    padding: 0;
    border: 0;
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

span,
p,
h1,
h2,
h3,
a,
b,
strong,
i,
button,
input,
select,
textarea {
    font-variant-numeric: inherit
}

@font-face {
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    font-family: Golos Text;
    src: url(/assets/fonts/GolosText-SemiBold.woff2) format("woff2"), url(/assets/fonts/GolosText-SemiBold.woff) format("woff")
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-family: Golos Text;
    src: url(/assets/fonts/GolosText-Regular.woff2) format("woff2"), url(/assets/fonts/GolosText-Regular.woff) format("woff")
}

.-clrp100 {
    color: #020347
}

.-bgp100 {
    --color: #020347;
    background-color: #020347
}

.-clrp60 {
    color: #0f1039
}

.-bgp60 {
    --color: #0f1039;
    background-color: #0f1039
}

.-clrp35 {
    color: #99a2b9
}

.-bgp35 {
    --color: #99a2b9;
    background-color: #99a2b9
}

.-bgs100 {
    --color: var(--nBlue);
    background-color: var(--nBlue)
}

.-bgs75 {
    --color: #afe2fb;
    background-color: #afe2fb
}

.-bgs60 {
    --color: #c1e8fc;
    background-color: #c1e8fc
}

.-bgs50 {
    --color: #d3effd;
    background-color: #d3effd
}

.-bgs35 {
    --color: #e5f5fe;
    background-color: #e5f5fe
}

.-bgt100 {
    --color: var(--nBlue50);
    background-color: var(--nBlue50);
}

.-bgt60 {
    --color: rgba(193, 232, 252, 0.6);
    background-color: #c1e8fc99
}

.-bgt35 {
    --color: rgba(229, 245, 254, 0.6);
    background-color: #c1e8fc59
}

.-clrw100 {
    color: var(--nWhite);
}

.-bgw100 {
    --color: var(--nWhite);
    background-color: var(--nWhite);
}

.-bgw60 {
    --color: rgba(245, 251, 250, .6);
    background-color: #f7fcff99
}

.-bgw35 {
    --color: rgba(245, 251, 250, .3490196078);
    background-color: #f7fcff59
}

.-bggwst {
    --color: linear-gradient(180deg, #f7fcff 0%, #d9f2ff 50%, #d8f1ee 100%);
    background: linear-gradient(180deg, #f7fcff, #d9f2ff, #d8f1ee)
}

.-bggws {
    --color: linear-gradient(180deg, #f7fcff 0%, #d9f2ff 100%);
    background: linear-gradient(180deg, #f7fcff, #d9f2ff)
}

.-bggwt {
    --color: linear-gradient(180deg, #f7fcff 0%, #d8f1ee 100%);
    background: linear-gradient(180deg, #f7fcff, #d8f1ee)
}

.-bggts {
    --color: linear-gradient(180deg, #d3effd 0%, #d3effd 100%);
    background: linear-gradient(180deg, var(--nBlue50), var(--nBlue50));
}

.-bggst {
    --color: linear-gradient(180deg, var(--nBlue50), var(--nBlue60) 100%);
    background: linear-gradient(180deg, var(--nBlue50), var(--nBlue60));
}

.-bgwhite {
    --color: var(--nWhite);
    background-color: var(--nWhite)
}

.-txupp {
    text-transform: uppercase
}

.-tx600 {
    font-weight: 600
}

.-tx400 {
    font-weight: 400
}

.-tx-sm {
    font-size: 1.1rem;
}

.-txcenter {
    text-align: center
}

.tx-xxl {
    font-weight: 600;
    font-size: 7rem;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: .9;
    letter-spacing: -.04em
}

.tx-xl {
    font-weight: 600;
    font-size: 4.4rem;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1;
    letter-spacing: -.04em
}

.tx-lg {
    font-weight: 600;
    font-size: 3.6rem;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1;
    letter-spacing: -.04em
}

.tx-md {
    font-weight: 600;
    font-size: 3rem;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1;
    letter-spacing: -.04em
}

.tx-sm {
    font-weight: 600;
    font-size: 2.2rem;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.4;
    letter-spacing: -.04em
}

.tx-xs {
    font-weight: 600;
    font-size: 1.8rem;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.4;
    letter-spacing: -.04em
}

.tx-plg {
    font-size: 1.6rem;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    letter-spacing: -.01em
}

.tx-p {
    font-size: 1.4rem;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    letter-spacing: -.01em
}

.tx-labmd {
    font-size: 1.4rem;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.4;
    letter-spacing: -.04em
}

.tx-labsm {
    font-size: 1.2rem;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.4;
    letter-spacing: -.04em
}

.tx-labxs {
    font-size: 1rem;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.4;
    letter-spacing: -.04em
}

.tx-input {
    font-size: 1.6rem;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.4;
    letter-spacing: -.04em
}

[class^=tx-] strong,
[class^=tx-] b {
    font-weight: 600
}

[class^=tx-] i {
    font-style: italic
}

.row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    max-width: 144rem;
    margin: 0 auto;
    padding: 0 0rem
}

.row.-xl {
    max-width: 100%
}

[class*=column-] {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

[class*=column-],
[class*=column-]:not(.no-width)>* {
    width: 100%;
    max-width: 100%
}

body.-isGridVisible:after {
    content: "";
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 800;
    display: block;
    width: 100%;
    width: calc(100% + -0rem);
    max-width: 144rem;
    height: 100%;
    margin: 0 auto;
    background-size: calc(100% + 0rem) 100%;
    pointer-events: none;
    transform: translate(-50%);
    background: repeating-linear-gradient(90deg, rgba(255, 0, 0, .15), rgba(255, 0, 0, .15) calc(4.1666666667% - 0rem), transparent calc(4.1666666667% - 0rem), transparent 4.1666666667%, rgba(255, 0, 0, .05) 4.1666666667%, rgba(255, 0, 0, .05) calc(4.1666666667% * 2 - 0rem), transparent calc(4.1666666667% * 2 - 0rem), transparent calc(4.1666666667% * 2))
}

html {
    width: 100%;
    background-color: var(--nWhiteLow);
    color: var(--nTextDark);
    font-weight: 400;
    font-size: 62.5%;
    font-family: Golos Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    scroll-behavior: initial;
    font-variant-numeric: lining-nums;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

html.is-loading {
    cursor: progress;
    pointer-events: none
}

body {
    position: relative;
    overflow-x: hidden;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricprecision
}

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

img[data-lazy] {
    opacity: 0
}

img[data-lazy].-loaded {
    opacity: 1;
    transition: opacity .15s ease-in-out, transform 2.6s ease
}


hr {
    margin: 0;
    border-width: .1rem;
    border-style: solid;
    border-color: #000;
    border-top: 0
}

address {
    font-style: normal
}

.u-visuallyHidden {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    white-space: nowrap !important
}

.tp-dfwv {
    position: fixed !important;
    z-index: 1000000 !important
}

.-rounded {
    border-radius: 1.5rem
}

::-moz-selection {
    background: #020347;
    color: #f7fcff
}

::selection {
    background: #020347;
    color: #f7fcff
}

.m-warning {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    padding: 2rem;
    background-color: #d9f2ff;
    color: #020347;
    text-align: center;
    text-wrap: balance
}

@supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .m-warning {
        display: flex !important
    }
}

.m-textContent {
    display: grid;
    gap: 1.5rem;
    place-items: flex-start start;
    height: -moz-fit-content;
    height: fit-content
}

.m-textContent strong,
.m-textContent b {
    font-weight: 600
}

.m-textContent strong>span,
.m-textContent b>span {
    font-weight: 600
}

.m-textContent p a {
    font-weight: 600;
    text-decoration: underline;
    transition: color .25s ease-in-out
}

.m-textContent ul,
.m-textContent ol {
    display: grid;
    gap: .5rem;
    padding-left: 2.4rem
}

.m-textContent ul li {
    position: relative
}

.m-textContent ul li:before {
    content: "";
    position: absolute;
    top: .9rem;
    right: calc(100% + 1.2rem);
    display: block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: currentcolor
}

.m-textContent ol {
    counter-reset: listCounter
}

.m-textContent ol li {
    position: relative;
    counter-increment: listCounter
}

.m-textContent ol li:before {
    content: counter(listCounter) ".";
    position: absolute;
    top: 0;
    right: calc(100% + 1rem);
    font-size: 1em
}

.m-textContent ol li::marker {
    font-size: inherit
}

.m-textContent h1:has(span),
.m-textContent h2:has(span),
.m-textContent h3:has(span) {
    font-size: initial;
    line-height: initial
}

.m-textContent p.tx-p+p.tx-p {
    margin-top: -.5rem
}

@media only screen and (min-width: 0) {
    .offset-1 {
        margin-left: 4.1666666667%
    }

    .offset-2 {
        margin-left: 8.3333333333%
    }

    .offset-7 {
        margin-left: 29.1666666667%
    }

    .column-16 {
        flex: 0 0 66.6666666667%;
        width: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .column-20 {
        flex: 0 0 83.3333333333%;
        width: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .column-22 {
        flex: 0 0 91.6666666667%;
        width: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .column-23 {
        flex: 0 0 95.8333333333%;
        width: 95.8333333333%;
        max-width: 95.8333333333%
    }

    .column-24 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%
    }
}

@media only screen and (min-width: 1025px) {
    .tx-xxl {
        font-size: clamp(7rem, 11.1111111111vw, 16rem)
    }

    .tx-xl {
        font-size: 9rem
    }

    .tx-lg {
        font-size: 6rem
    }

    .tx-md {
        font-size: 5rem
    }

    .tx-sm {
        font-size: 3.8rem
    }

    .tx-xs {
        font-size: 2.8rem
    }

    .tx-plg {
        font-size: 2rem
    }

    .tx-p,
    .tx-labmd {
        font-size: 1.6rem
    }

    .tx-labsm {
        font-size: 1.4rem
    }

    .tx-labxs {
        font-size: 1.2rem
    }

    .lg-offset-0 {
        margin-left: 0%
    }

    .lg-offset-2 {
        margin-left: 8.3333333333%
    }

    .lg-column-6 {
        flex: 0 0 25%;
        width: 25%;
        max-width: 25%
    }

    .lg-offset-7 {
        margin-left: 29.1666666667%
    }

    .lg-column-8 {
        flex: 0 0 33.3333333333%;
        width: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .lg-offset-8 {
        margin-left: 33.3333333333%
    }

    .lg-column-10 {
        flex: 0 0 41.6666666667%;
        width: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .lg-column-11 {
        flex: 0 0 45.8333333333%;
        width: 45.8333333333%;
        max-width: 45.8333333333%
    }

    .lg-column-13 {
        flex: 0 0 54.1666666667%;
        width: 54.1666666667%;
        max-width: 54.1666666667%
    }

    .lg-offset-13 {
        margin-left: 54.1666666667%
    }

    .lg-column-14 {
        flex: 0 0 58.3333333333%;
        width: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .lg-column-15 {
        flex: 0 0 62.5%;
        width: 62.5%;
        max-width: 62.5%
    }

    .lg-column-20 {
        flex: 0 0 83.3333333333%;
        width: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .lg-column-21 {
        flex: 0 0 87.5%;
        width: 87.5%;
        max-width: 87.5%
    }

    .lg-column-23 {
        flex: 0 0 95.8333333333%;
        width: 95.8333333333%;
        max-width: 95.8333333333%
    }

    .m-textContent ul,
    .m-textContent ol {
        padding-left: 6rem
    }

    .m-textContent ul li:before {
        top: 1rem
    }

    .m-textContent p.tx-p+p.tx-p {
        margin-top: -1.5rem
    }

    .m-textContent {
        gap: 3rem
    }
}

@media only screen and (min-width: 1367px) {
    .xlg-column-11 {
        flex: 0 0 45.8333333333%;
        width: 45.8333333333%;
        max-width: 45.8333333333%
    }
}

@media (hover: hover) and (any-pointer: fine) {
    .m-textContent p a:hover {
        color: #0f1039
    }
}