@font-face {
    font-family: "Oswald";
    src: url(/assets/fonts/Oswald-Light.woff2) format("woff2"), url(/assets/fonts/Oswald-Light.woff) format("woff"), url(/assets/fonts/Oswald-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

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

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

body,
html {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

*,
::after,
::before,
input[type=search] {
    box-sizing: inherit
}

body.is-hover-disabled {
    pointer-events: none
}

body.is-popup-opened {
    overflow: hidden
}

main {
    width: 100%
}

.l-wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

.l-wrapper--visible {
    overflow: visible
}

.l-wrapper.is-abs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width:1024px) {
    .l-wrapper[data-sticky] {
        overflow: unset
    }
}

.l-content {
    display: flex;
    flex: 1 0 auto
}

.l-content--100vh {
    min-height: 100vh
}

.l-header,
.l-footer {
    display: block;
    flex: none
}

.l-footer {
    overflow: visible
}

.l-container {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 90vw
}

@media only screen and (min-width:768px) {
    .l-container {
        width: 93.75vw
    }
}

@media only screen and (min-width:1024px) {
    .l-container {
        width: 88.89vw;
        max-width: 128rem
    }
}

.l-container-dynamic {
    margin: 0 auto;
    position: relative;
    max-width: 90vw
}

@media only screen and (min-width:768px) {
    .l-container-dynamic {
        max-width: 93.75vw
    }
}

@media only screen and (min-width:1024px) {
    .l-container-dynamic {
        max-width: 88.89vw
    }
}

.l-extra-container {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 95.63vw
}

@media only screen and (min-width:768px) {
    .l-extra-container {
        width: 98.18vw
    }
}

@media only screen and (min-width:1024px) {
    .l-extra-container {
        width: 98.61vw
    }
}

.l-padding-container {
    padding-right: 5.64vw;
    padding-left: 5.64vw
}

@media only screen and (min-width:768px) {
    .l-padding-container {
        padding-right: 2.35vw;
        padding-left: 2.35vw
    }
}

@media only screen and (min-width:1024px) {
    .l-padding-container {
        padding-right: 10.42vw;
        padding-left: 10.42vw
    }
}

.l-inner-container {
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    width: 90vw
}

@media only screen and (min-width:768px) {
    .l-inner-container {
        width: 93.75vw
    }
}

@media only screen and (min-width:1280px) {
    .l-inner-container {
        width: 0
    }
}

.l-outer-container {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media only screen and (min-width:1920px) {
    .l-outer-container {
        max-width: 1920px
    }
}

.l-footer-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    width: 90vw
}

@media only screen and (min-width:768px) {
    .l-footer-container {
        width: 93.75vw
    }
}

@media only screen and (min-width:1280px) {
    .l-footer-container {
        width: 88.89vw
    }
}

.l-text-container {
    margin: auto;
    padding: 1.5em 0
}

.g-hidden {
    display: none !important
}

.g-hidden--soft {
    display: none
}

.g-vam {
    display: inline-block;
    vertical-align: middle
}

.g-tac {
    text-align: center
}

.g-relative {
    position: relative
}

.g-nobr {
    white-space: nowrap
}

hr {
    margin: 2rem 0;
    border: 0;
    height: 1px;
    background-color: #ccc
}

.g-preparing {
    position: relative
}

.g-preparing.is-preparing>:not(.g-show-preparing) {
    opacity: 0;
    visibility: hidden
}

.g-preparing.is-preparing:after {
    content: ""
}

figure {
    margin: 1em 0;
    text-align: center
}

figcaption {
    margin-top: 1em;
    font-size: .9em
}

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

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

#svg-container {
    position: absolute;
    z-index: -1;
    visibility: hidden
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: none
}

.swiper-container:not(.swiper-container-initialized) {
    overflow: hidden
}

.swiper-wrapper {
    display: flex;
    box-sizing: border-box;
    height: auto
}

.swiper-wrapper .swiper-slide {
    flex-shrink: 0
}

.js-padding {
    padding-top: 12.8rem
}

@media only screen and (min-width:768px) {
    .js-padding {
        padding-top: 12.8rem
    }
}

@media only screen and (min-width:1024px) {
    .js-padding {
        padding-top: 14.8rem
    }
}

.bg-white-smoke {
    background-color: #f4f9ff
}

.c-main {
    color: #203a8f
}

.c-bg {
    color: #fafcfd
}

.fs-12 {
    font-size: 1.2rem
}

.fs-14 {
    font-size: 1.4rem
}

.fs-16 {
    font-size: 1.6rem
}

.fs-18 {
    font-size: 1.8rem
}

.fs-20 {
    font-size: 2rem
}

.fs-22 {
    font-size: 2.2rem
}

.fs-24 {
    font-size: 2.4rem
}

.fs-30 {
    font-size: 3rem
}

.fs-32 {
    font-size: 3.2rem
}

.fs-40 {
    font-size: 4rem
}

.fs-44 {
    font-size: 4.4rem
}

@media only screen and (max-width:1023px) {
    .fs-12-tablet {
        font-size: 1.2rem
    }
}

@media only screen and (max-width:1023px) {
    .fs-14-tablet {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:1023px) {
    .fs-16-tablet {
        font-size: 1.6rem
    }
}

@media only screen and (max-width:1023px) {
    .fs-18-tablet {
        font-size: 1.8rem
    }
}

@media only screen and (max-width:1023px) {
    .fs-24-tablet {
        font-size: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .fs-14-mob {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:767px) {
    .fs-18-mob {
        font-size: 1.8rem
    }
}

.pb-60 {
    padding-bottom: 6rem
}

.pb-120 {
    padding-bottom: 12rem
}

@media only screen and (max-width:1023px) {
    .pb-80-tablet {
        padding-bottom: 8rem
    }
}

.pt-40 {
    padding-top: 4rem
}

.m-0 {
    margin: 0
}

.mb-4 {
    margin-bottom: .4rem
}

.mb-8 {
    margin-bottom: .8rem
}

.mb-12 {
    margin-bottom: 1.2rem
}

.mb-16 {
    margin-bottom: 1.6rem
}

.mb-20 {
    margin-bottom: 2rem
}

.mb-24 {
    margin-bottom: 2.4rem
}

.mb-32 {
    margin-bottom: 3.2rem
}

.mb-40 {
    margin-bottom: 4rem
}

.mb-48 {
    margin-bottom: 4.8rem
}

.mb-60 {
    margin-bottom: 6rem
}

.mb-120 {
    margin-bottom: 12rem
}

@media only screen and (max-width:767px) {
    .mb-0-tablet {
        margin-bottom: 0
    }
}

@media only screen and (max-width:1023px) {
    .mb-16-tablet {
        margin-bottom: 1.6rem
    }
}

@media only screen and (max-width:1023px) {
    .mb-32-tablet {
        margin-bottom: 3.2rem
    }
}

@media only screen and (max-width:1023px) {
    .mb-80-tablet {
        margin-bottom: 8rem
    }
}

@media only screen and (max-width:767px) {
    .mb-24-mob {
        margin-bottom: 2.4rem
    }
}

.mt-4 {
    margin-top: .4rem
}

.mt-20 {
    margin-top: 2rem
}

.mt-40 {
    margin-top: 4rem
}

.mt-48 {
    margin-top: 4.8rem
}

@media only screen and (max-width:767px) {
    .mt-20-mob {
        margin-top: 2rem
    }
}

.bg-white-smoke-color {
    background-color: #f4f9ff
}

.opacity-05 {
    opacity: .5
}

.opacity-08 {
    opacity: .8
}

.flex {
    display: flex
}

.flex-column {
    display: flex;
    flex-direction: column
}

.flex-1-1-auto {
    flex: 1 1 auto
}

.w-100 {
    width: 100%
}

.item-response {
    flex-shrink: 0;
    position: relative
}

.item-response:before {
    content: '';
    display: block;
    padding-bottom: 100%
}

.item-response img,
.item-response svg,
.item-response video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.dots {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.dots--two-strokes {
    -webkit-line-clamp: 2
}

.dots--three-strokes {
    -webkit-line-clamp: 3
}

@media only screen and (min-width:1024px) {
    body._firefox .custom-scrollbar {
        scrollbar-width: thin;
        scrollbar-color: rgba(14, 28, 72, .353) transparent
    }
}

@media only screen and (min-width:1024px) {
    .custom-scrollbar::-webkit-scrollbar {
        width: 16px;
        height: 16px
    }

    .custom-scrollbar::-webkit-scrollbar-track {
        background: 0 0
    }

    .custom-scrollbar::-webkit-scrollbar-thumb {
        width: 24px;
        height: 24px;
        background-color: rgba(14, 28, 72, .353);
        background-clip: content-box;
        border-radius: 10em;
        border: 6px solid transparent;
        background-color: rgba(14, 28, 72, .541);
        background-color: rgba(14, 28, 72, .604)
    }

    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
        cursor: default
    }

    .custom-scrollbar::-webkit-scrollbar-thumb:active {
        cursor: default
    }
}

.first-screen {
    position: relative
}

.first-screen--blue-gradient:before {
    background: linear-gradient(180deg, #2b97db 0%, #1d70b7 100%), linear-gradient(355.73deg, #80c6e9 2.62%, #36a9e0 85.46%), linear-gradient(240deg, #dce5f5 38%, #c5d6f4 96.17%), linear-gradient(0deg, #dce5f5, #dce5f5), linear-gradient(180deg, #2b97db 0%, #1d70b7 100%), linear-gradient(180deg, #1263c7 0%, #203a8f 100%)
}

.first-screen:before {
    content: '';
    z-index: -1;
    position: absolute;
    display: block;
    top: -25rem;
    right: 0;
    bottom: 0;
    left: 0
}

h1,
.like-h1,
h2,
.like-h2,
h3,
.like-h3,
h4,
.like-h4,
h5,
.like-h5,
h6,
.like-h6 {
    font-size: 1.6rem;
    line-height: 1.4
}

h1,
.like-h1,
h2,
.like-h2,
h3,
.like-h3,
h4,
.like-h4,
h5,
.like-h5,
h6,
.like-h6 {
    line-height: 1
}

h1,
.like-h1,
h2,
.like-h2,
h3,
.like-h3,
h4,
.like-h4,
h5,
.like-h5,
h6,
.like-h6 {
    font-weight: 400
}

@media only screen and (max-width:479px) {
    html {
        font-size: 10px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    html {
        font-size: calc(10px + (100vw - 479px)*.007)
    }
}

@media only screen and (min-width:768px) {
    html {
        font-size: calc(12px + (100vw - 767px)*-.004)
    }
}

@media only screen and (min-width:1440px) {
    html {
        font-size: 10px !important
    }
}

@media only screen and (min-width:768px) and (max-width:479px) {
    html {
        font-size: 10px
    }
}

@media only screen and (min-width:768px) and (min-width:480px) and (max-width:767px) {
    html {
        font-size: calc(10px + (100vw - 479px)*0)
    }
}

@media only screen and (min-width:768px) and (min-width:768px) {
    html {
        font-size: calc(10px + (100vw - 767px)*.004)
    }
}

@media only screen and (min-width:1024px) and (max-width:479px) {
    html {
        font-size: 10px
    }
}

@media only screen and (min-width:1024px) and (min-width:480px) and (max-width:1023px) {
    html {
        font-size: calc(10px + (100vw - 479px)*-.004)
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    html {
        font-size: calc(8px + (100vw - 1023px)*.005)
    }
}

body {
    font-size: 1.4rem;
    line-height: 1.4;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility;
    color: #0e1c48;
    background-color: #fff;
    font-family: "GolosText-Regular", "Arial", sans-serif;
    -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 0;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 0
}

@media only screen and (min-width:768px) {
    body {
        font-size: 1.6rem;
        line-height: 1.4
    }
}

h1,
.like-h1 {
    margin: 1.5em 0 .8em
}

h2,
.like-h2 {
    margin: 1.5em 0 .8em
}

h3,
.like-h3 {
    margin: 1.5em 0 .8em
}

h4,
.like-h4 {
    font-size: 2rem;
    margin: 1.5em 0 .8em
}

h5,
.like-h5 {
    font-size: 1.6rem;
    margin: 1.5em 0 .8em
}

h6,
.like-h6 {
    font-size: 1.4rem;
    margin: 1.5em 0 .8em
}

#mocha a {
    text-decoration: none;
    -o-border-image: none;
    border-image: none;
    border-bottom: none
}

a {
    color: inherit;
    text-decoration: none;
    transition: all .3s;
    text-underline-position: under
}

a[role=button] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a:not([class]) {
    color: #fff
}

p {
    margin-top: 0
}

ol {
    list-style-type: none;
    margin: 1em 0 2em;
    padding: 0
}

ol li {
    margin: .3em 0
}

ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}

ul li {
    position: relative;
    padding-left: 2.4rem
}

ul li:last-child {
    margin-bottom: 0
}

ul li::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: .6em;
    width: .4rem;
    height: .4rem;
    font-size: inherit;
    border-radius: 50%;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    background-color: #0e1c48;
    opacity: .6
}

ul ol>li::before {
    display: inline;
    background: 0 0;
    -webkit-transform: none;
    transform: none
}

ol {
    counter-reset: ol-level-1
}

ol li {
    position: relative
}

ol>li {
    counter-increment: ol-level-1
}

ol>li::before {
    content: counter(ol-level-1) ". ";
    display: inline
}

ol>li>ol {
    counter-reset: ol-level-2
}

ol>li>ol>li {
    counter-increment: ol-level-2;
    margin-left: 1.8em
}

ol>li>ol>li::before {
    content: counter(ol-level-1) "." counter(ol-level-2) ". "
}

ol>li>ol>li>ol {
    counter-reset: ol-level-3
}

ol>li>ol>li>ol>li {
    counter-increment: ol-level-3;
    margin-left: 2.7em
}

ol>li>ol>li>ol>li::before {
    content: counter(ol-level-1) "." counter(ol-level-2) "." counter(ol-level-3) ". "
}

blockquote {
    margin: 1em 0;
    padding: .5em 0 .5em 2em;
    border-left: 2px solid currentColor
}

dl {
    margin: 1em 0
}

dt {
    margin-bottom: .5em
}

dd {
    margin-bottom: 1.2em;
    font-style: italic
}

pre {
    overflow: auto;
    white-space: pre-wrap
}

sup {
    display: inline-block;
    text-decoration: none
}

.some-text p:last-child,
.some-text ul:last-child,
.some-text ol:last-child {
    margin-bottom: 0
}

.burger {
    cursor: pointer
}

.burger__line {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: all .3s
}

.burger__line--1 {
    -webkit-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0)
}

.burger__line--3 {
    -webkit-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0)
}

@media only screen and (max-width:766px) {
    .burger__line--1 {
        -webkit-transform: rotate(0) translate(0, 0);
        transform: rotate(0) translate(0, 0)
    }

    .burger__line--3 {
        -webkit-transform: rotate(0) translate(0, 0);
        transform: rotate(0) translate(0, 0)
    }
}

.burger.is-active .burger__line--1 {
    -webkit-transform: translate(-29%, 29%) rotate(45deg);
    transform: translate(-29%, 29%) rotate(45deg)
}

.burger.is-active .burger__line--2 {
    opacity: 0
}

.burger.is-active .burger__line--3 {
    -webkit-transform: translate(-30%, -30%) rotate(-45deg);
    transform: translate(-30%, -30%) rotate(-45deg)
}

.button,
button {
    display: inline-block;
    background-color: transparent;
    transition: all .3s;
    box-sizing: border-box;
    position: relative
}

.button:hover,
button:hover {
    -o-border-image: none;
    border-image: none
}

.buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .8rem
}

@media only screen and (max-width:767px) {
    .buttons {
        flex-direction: column;
        align-items: flex-start
    }
}

@media only screen and (max-width:767px) {
    .buttons--row-mob {
        flex-direction: row;
        align-items: center
    }
}

@media only screen and (max-width:767px) {
    .buttons--full-mob .button {
        width: 100%
    }
}

.buttons--center {
    justify-content: center
}

@media (hover) {
    .hover-inner-btn:hover .button--lavander {
        color: #fafcfd;
        background-color: #0051ed
    }

    .hover-inner-btn:active .button--main {
        transition: none;
        color: #fafcfd;
        background: rgba(0, 81, 237, .8)
    }

    .hover-inner-btn:active .button--lavander {
        transition: none;
        color: #fafcfd;
        background: rgba(0, 81, 237, .8)
    }
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: .8rem;
    font: inherit;
    font-size: 1.8rem;
    line-height: 1;
    height: 5.2rem;
    background-color: transparent;
    padding: 0 2.4rem;
    border: 0;
    border-radius: 10em;
    transition: all .3s
}

@media only screen and (max-width:1023px) {
    .button {
        height: 5.2rem
    }
}

.button--no-effects {
    pointer-events: none
}

.button--height-35 {
    height: auto;
    min-height: 3.5rem;
    font-size: 1.6rem;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

@media only screen and (max-width:767px) {
    .button--height-35 {
        font-size: 1.4rem;
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }
}

.button--main {
    color: #fff;
    background-color: #203a8f
}

.button--main.button--stroke-blue {
    border-color: #203a8f;
    color: #203a8f
}

@media (hover) {
    .button--main.button--stroke-blue:hover:not([disabled]) {
        color: #fff;
        background-color: #203a8f
    }
}

@media (hover) {
    .button--main:hover:not([disabled]) {
        color: #fafcfd;
        background-color: #0051ed;
        border-color: #0051ed
    }
}

.button--main:active:not([disabled]) {
    transition: none;
    color: #fafcfd;
    background: rgba(0, 81, 237, .8)
}

.button--main-opacity {
    color: #203a8f;
    background-color: #f4f9ff
}

@media (hover) {
    .button--main-opacity:hover:not([disabled]) {
        color: #fff;
        background-color: #203a8f
    }
}

.button--main-opacity._active {
    color: #fff;
    background-color: #203a8f
}

.button--main-opacity:active:not([disabled]) {
    transition: none;
    color: #fff;
    background: rgba(32, 58, 143, .8)
}

.button--main-with-lavander {
    z-index: 0;
    color: #fff;
    background-color: #dce5f5
}

@media (hover) {
    .button--main-with-lavander:hover:not([disabled]):before {
        right: 0;
        border-radius: 10em
    }

    .button--main-with-lavander:hover:not([disabled]) .button__icon:last-child {
        color: #fff
    }
}

.button--main-with-lavander:active:not([disabled]):before {
    transition: none;
    right: 0;
    border-radius: 10em
}

.button--main-with-lavander:active:not([disabled]) .button__icon:last-child {
    color: #fff
}

.button--main-with-lavander:before {
    content: '';
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 5.2rem;
    height: 100%;
    background-color: #203a8f;
    border-radius: 10em 0 15em 10em;
    transition: all .3s
}

.button--main-with-lavander span:not([class]) {
    display: block;
    margin-right: 3.6rem
}

@media only screen and (max-width:767px) {
    .button--main-with-lavander span:not([class]) {
        margin-right: 1rem
    }
}

@media only screen and (max-width:767px) {
    .button--main-with-lavander .button__icon:first-child {
        margin-left: auto
    }
}

.button--main-with-lavander .button__icon:last-child {
    color: #0051ed;
    margin-left: auto;
    transition: color .3s
}

.button--lavander {
    color: #203a8f;
    border: solid 1px #203a8f
}

@media (hover) {
    .button--lavander:hover:not([disabled]) {
        color: #fafcfd;
        background-color: #203a8f
    }
}

.button--lavander:active:not([disabled]) {
    transition: none;
    color: #fafcfd;
    background: rgba(0, 81, 237, .8)
}

.button--blue-light {
    color: #203a8f;
    background-color: #f4f9ff;
    border-color: #f4f9ff
}

@media (hover) {
    .button--blue-light:hover:not([disabled]) {
        color: #fff;
        background-color: #203a8f
    }
}

.button--border-blue {
    border-color: #0051ed
}

.button--white {
    color: #203a8f;
    background-color: #fff
}

@media (hover) {
    .button--white:hover:not([disabled]) {
        color: #fafcfd;
        background-color: #0051ed
    }
}

.button--white:active:not([disabled]) {
    transition: none;
    color: #fafcfd;
    background: rgba(0, 81, 237, .8)
}

.button--stroke-white {
    color: #fafcfd;
    background-color: transparent;
    border: solid 1px #fafcfd
}

@media (hover) {
    .button--stroke-white:hover:not([disabled]) {
        color: #fafcfd;
        background-color: #0051ed;
        border-color: #0051ed
    }
}

.button--stroke-white:active:not([disabled]) {
    transition: none;
    color: #fafcfd;
    background: rgba(0, 81, 237, .8);
    border-color: rgba(0, 81, 237, .8)
}

.button--stroke-blue {
    color: #0051ed;
    background-color: transparent;
    border: solid 1px #0051ed
}

@media (hover) {
    .button--stroke-blue:hover:not([disabled]) {
        color: #fafcfd;
        background-color: #0051ed
    }
}

.button--stroke-blue:active:not([disabled]) {
    transition: none;
    color: #fafcfd;
    background: rgba(0, 81, 237, .8)
}

.button--stroke-dark {
    color: #203a8f;
    background-color: transparent;
    border: solid 1px #203a8f
}

@media (hover) {
    .button--stroke-dark:hover:not([disabled]) {
        color: #fff;
        background-color: #203a8f
    }
}

.button--stroke-dark:active:not([disabled]) {
    transition: none;
    color: #fff;
    background: rgba(32, 58, 143, .8)
}

.button--stroke-dark[disabled] {
    color: #fff;
    background-color: #203a8f
}

.button--small-radius {
    border-radius: .8rem
}

.button--circle {
    width: 5.6rem;
    height: 5.6rem;
    padding: 0
}

@media only screen and (max-width:767px) {
    .button--circle {
        width: 4rem;
        height: 4rem
    }
}

.button--circle .button__icon:first-child,
.button--circle .button__icon:last-child {
    margin: 0
}

.button--circle-48 {
    width: 4.8rem;
    height: 4.8rem
}

@media only screen and (max-width:767px) {
    .button--circle-48 {
        width: 4rem;
        height: 4rem
    }
}

.button--circle-28 {
    width: 2.8rem;
    height: 2.8rem
}

@media only screen and (max-width:767px) {
    .button--circle-28 {
        width: 2.8rem;
        height: 2.8rem
    }
}

.button--circle-28 .button__icon {
    width: 1.8rem;
    height: 1.8rem
}

.button--no-border {
    border: none
}

@media only screen and (max-width:767px) {
    .button--mob-circle {
        width: 4rem;
        height: 4rem;
        padding: 0
    }

    .button--mob-circle span:not([class]) {
        display: none
    }

    .button--mob-circle .button__icon:first-child,
    .button--mob-circle .button__icon:last-child {
        margin: 0
    }
}

@media only screen and (max-width:767px) {
    .button--blue-light-mob {
        background-color: #f4f9ff;
        border-color: #f4f9ff
    }
}

.button--full {
    width: 100%
}

@media only screen and (max-width:767px) {
    .button--full-mob {
        width: 100%
    }
}

.button--mini {
    width: 5.2rem;
    height: 3.2rem;
    padding: 0
}

.button--mini .button__icon {
    width: 1.6rem;
    height: 1.6rem;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.button--mini .button__icon:first-child {
    margin-left: 0
}

.button--full-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-right: 0;
    padding-left: 0
}

.button--right {
    justify-content: flex-end
}

.button__icon {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: -.8rem
}

.button__icon:first-child {
    margin-right: 0;
    margin-left: -.8rem
}

.button__icon img,
.button__icon svg {
    width: 100%;
    height: 100%
}

.button.swiper-button-lock {
    display: none
}

.button.js-prev-btn:active:not([disabled]) svg {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
}

.button.js-next-btn:active:not([disabled]) svg {
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
}

.button .swiper-pagination-current,
.button .swiper-pagination-total {
    font-size: 1.6rem;
    line-height: 1.5
}

.button .swiper-container-horizontal>.swiper-pagination-bullets,
.button .swiper-pagination-custom,
.button .swiper-pagination-fraction {
    bottom: 0
}

.swiper-button-disabled {
    opacity: .5
}

.swiper-pagination {
    position: static;
    display: flex;
    align-items: center
}

.swiper-pagination.swiper-pagination-lock {
    display: none
}

.swiper-pagination .swiper-pagination-bullet {
    flex: 1 1 auto;
    height: .4rem;
    margin-right: .4rem;
    background: #f4f9ff;
    border-radius: 0;
    opacity: 1;
    transition: background .3s
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #203a8f
}

.swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.swiper-pagination--dark .swiper-pagination-bullet {
    background: rgba(14, 28, 72, .2)
}

.swiper-pagination--dark .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0e1c48
}

.button-share._active {
    color: #203a8f;
    pointer-events: none
}

.button-share:not(._active) .button-share__icon {
    display: none
}

.button-share:not(._active) .button-share__text {
    display: none
}

.button-share._active .button-share__text+span {
    display: none
}

.button-share._active .button-share__icon+svg {
    display: none
}

.icon-wrapper {
    position: relative
}

.icon-wrapper-row {
    position: relative;
    margin-left: .8rem
}

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

.image-container {
    position: relative
}

.image-container .image-container {
    position: absolute
}

.image-container .image-wrapper {
    width: 100%
}

.image-wrapper-abs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.image-wrapper {
    position: relative
}

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

.aspect-ratio {
    flex-shrink: 0;
    position: relative
}

.aspect-ratio::before {
    content: '';
    display: block
}

.mb-8-mob {
    margin-bottom: .8rem
}

@media only screen and (min-width:768px) {
    .mb-8 {
        margin-bottom: .8rem
    }
}

@media only screen and (min-width:768px) {
    .mb-0 {
        margin-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .mb-0-desk {
        margin-bottom: 0
    }
}

@media only screen and (min-width:768px) {
    .mt-0 {
        margin-top: 0
    }
}

@media only screen and (min-width:1024px) {
    .mt-0-desk {
        margin-top: 0
    }
}

@media only screen and (min-width:768px) {
    .mb-auto {
        margin-bottom: auto
    }
}

@media only screen and (min-width:768px) {
    .mt-auto {
        margin-top: auto
    }
}

@media only screen and (max-width:767px) {
    .above-tablet-display {
        display: none !important
    }
}

@media only screen and (max-width:1023px) {
    .above-desktop-display {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .below-tablet-display {
        display: none !important
    }
}

@media only screen and (min-width:1024px) {
    .below-desktop-display {
        display: none !important
    }
}

@media only screen and (max-width:767px) {
    .above-tablet-hidden {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden
    }
}

@media only screen and (max-width:1023px) {
    .above-desktop-hidden {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden
    }
}

@media only screen and (min-width:768px) {
    .below-tablet-hidden {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden
    }
}

@media only screen and (min-width:1024px) {
    .below-desktop-hidden {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden
    }
}

.svg-icon,
.noscript-bar svg {
    fill: currentColor;
    stroke: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    overflow: visible !important;
    border: 0;
    outline: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: relative;
    box-sizing: border-box
}

.svg-icon--stroke {
    fill: none;
    stroke: currentColor;
    stroke-width: 16
}

.svg-icon--contain {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.svg-icon--border {
    border: .2em solid currentColor;
    border-radius: 100%;
    padding: .6em;
    width: 2.6em;
    height: 2.6em
}

.svg-icon--fill {
    border-radius: 100%;
    padding: .8em;
    background-color: #000;
    color: #fff;
    width: 2.6em;
    height: 2.6em
}

.svg-icon--rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.svg-icon--rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.svg-icon--rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.svg-icon--rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.svg-icon>svg {
    display: block
}

symbol {
    overflow: visible
}

.title {
    margin-top: 0
}

.title:not([class*=mb]) {
    margin-bottom: 0
}

.accordion .icon-top,
.accordion .icon-bottom {
    transition: all .3s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.accordion__list {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.accordion__item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: .8rem;
    padding: .8rem 1.6rem;
    background-color: #fff;
    border-radius: 1.6rem
}

.accordion__item::before {
    content: none
}

.accordion__item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .accordion__item {
        padding: 2.4rem;
        border-radius: 2.4rem
    }
}

.accordion__head {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-weight: 500
}

.accordion__item-button {
    position: static;
    flex-shrink: 0;
    margin-left: .8rem
}

.accordion__item-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width:768px) {
    .accordion__item-button {
        margin-left: 1.6rem
    }
}

.accordion__content {
    font-weight: 300
}

.accordion__content-wrapper {
    padding-top: .8rem
}

.form.js-submit-process {
    opacity: .5;
    pointer-events: none
}

.form__section {
    margin-bottom: 4.8rem
}

@media only screen and (max-width:1023px) {
    .form__section {
        margin-bottom: 3.2rem
    }
}

.form__section-name {
    margin-top: 0;
    margin-bottom: 2.4rem;
    font-size: 1.6rem;
    line-height: 1.1875;
    font-weight: 700
}

@media only screen and (min-width:768px) {
    .form__section-name {
        margin-bottom: 3.2rem;
        font-size: 2.4rem;
        line-height: 1.208333333333333;
        font-weight: 500
    }
}

.form__input-section {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

@media only screen and (max-width:1023px) {
    .form__input-section {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }
}

.form__input-section.js-hidden {
    display: none
}

.form__input-section:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:1023px) {
    .form__input-section--columns .form__input-block {
        margin-bottom: 1.2rem
    }
}

@media only screen and (min-width:1024px) {
    .form__input-section--columns {
        display: flex;
        flex-wrap: wrap;
        margin: -.8rem
    }

    .form__input-section--columns .form__input-block {
        width: 50%;
        padding: .8rem
    }
}

.form__input-block {
    border: 0;
    padding: 0
}

.form__input-label {
    display: inline-block;
    margin-left: 1.5rem;
    margin-bottom: .8rem;
    font-size: 1.4rem;
    cursor: pointer
}

.form__input-label--legend {
    margin-bottom: 1.4rem;
    cursor: default
}

@media only screen and (min-width:768px) {
    .form__input-label {
        margin-left: 2.3rem;
        margin-bottom: .9rem;
        font-size: 1.8rem
    }

    .form__input-label--legend {
        margin-bottom: 1.6rem
    }
}

.form__input-wrapper {
    position: relative
}

.form__input-wrapper-textarea {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding-right: 1rem;
    border-radius: 2.4rem
}

.form__input-count {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    font-size: 1.2rem;
    opacity: .5
}

.form__input-tumblers {
    display: flex
}

.form__input-tumblers .form__option-wrapper {
    flex: 1 1 auto;
    margin-right: 0;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .form__input-tumblers .form__option-wrapper {
        width: 50%
    }

    .form__input-tumblers .form__option-wrapper:last-child {
        margin-right: 0
    }
}

.form__input-invalid-msg {
    display: none;
    color: #e7031c;
    font-size: 1.4rem;
    margin-top: .4rem
}

@media only screen and (max-width:767px) {
    .form__input-invalid-msg {
        font-size: 1.2rem
    }
}

.form__input,
.form__textarea {
    display: block;
    width: 100%;
    padding: 0 2rem;
    font-size: 1.6rem;
    background-color: #fff;
    outline: 0;
    border: none;
    transition: border .3s
}

.form__input::-webkit-input-placeholder,
.form__textarea::-webkit-input-placeholder {
    font-size: 1.4rem;
    line-height: 1;
    color: #0e1c48;
    opacity: .6
}

.form__input::-moz-placeholder,
.form__textarea::-moz-placeholder {
    font-size: 1.4rem;
    line-height: 1;
    color: #0e1c48;
    opacity: .6
}

.form__input::-ms-input-placeholder,
.form__textarea::-ms-input-placeholder {
    font-size: 1.4rem;
    line-height: 1;
    color: #0e1c48;
    opacity: .6
}

.form__input::placeholder,
.form__textarea::placeholder {
    font-size: 1.4rem;
    line-height: 1;
    color: #0e1c48;
    opacity: .6
}

@media only screen and (min-width:768px) {

    .form__input::-webkit-input-placeholder,
    .form__textarea::-webkit-input-placeholder {
        font-size: 1.6rem;
        line-height: 1
    }

    .form__input::-moz-placeholder,
    .form__textarea::-moz-placeholder {
        font-size: 1.6rem;
        line-height: 1
    }

    .form__input::-ms-input-placeholder,
    .form__textarea::-ms-input-placeholder {
        font-size: 1.6rem;
        line-height: 1
    }

    .form__input::placeholder,
    .form__textarea::placeholder {
        font-size: 1.6rem;
        line-height: 1
    }
}

.form__input.js-error,
.form__textarea.js-error {
    border-color: #e7031c;
    color: #e7031c
}

.form__input.js-error~.form__input-invalid-msg,
.form__textarea.js-error~.form__input-invalid-msg {
    display: block
}

.form__input-wrapper-textarea.js-error-wrapper~.form__input-invalid-msg {
    display: block
}

.form__input {
    height: 5.6rem;
    border-radius: 2.4rem
}

.form__textarea {
    resize: none;
    height: 11rem;
    padding-top: 1.4rem;
    padding-right: 1rem;
    padding-bottom: 1.4rem;
    margin-bottom: 4rem
}

.form__status-wrapper {
    margin-top: 2.4rem
}

.form__error-msg,
.form__invalid-msg {
    display: none;
    color: #e7031c
}

.form__error-msg.is-active,
.form__invalid-msg.is-active {
    display: block
}

.form__invalid-msg {
    font-size: 1.2rem;
    letter-spacing: .01em
}

.form__success-msg {
    display: none;
    color: #4CAF50;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-weight: 700
}

.form__success-msg p {
    display: flex;
    align-items: center
}

.form__success-msg .success-icon {
    width: 1.3rem;
    height: .9rem;
    margin-left: 1rem
}

.form__success-msg.is-active {
    display: block
}

.form__error-msg {
    display: none;
    color: #e7031c;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-weight: 700
}

.form__success-msg,
.form__error-msg {
    font-size: 1.6rem
}

@media only screen and (min-width:1024px) {

    .form__success-msg,
    .form__error-msg {
        font-size: 2.4rem
    }
}

.form__input-tumblers .form__option-wrapper {
    margin-right: .8rem
}

@media only screen and (max-width:1023px) {
    .form__input-options--mob-row {
        display: flex
    }

    .form__input-options--mob-row .form__option-wrapper {
        margin-right: 5.9rem;
        margin-bottom: 0
    }

    .form__input-options--mob-row .form__option-wrapper:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width:1024px) {
    .form__input-options {
        display: flex
    }
}

.form__option-wrapper {
    margin-bottom: 1.8rem
}

.form__option-wrapper:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:1024px) {
    .form__option-wrapper {
        margin-right: 4.2rem;
        margin-bottom: 0
    }

    .form__option-wrapper:last-child {
        margin-right: 0
    }
}

.form__option-label {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    cursor: pointer
}

@media only screen and (min-width:768px) {
    .form__option-label {
        font-size: 1.6rem
    }
}

.form__option-text {
    font-size: 1.4rem;
    color: inherit;
}

.form__option-text a {
    color: #203a8f;
	text-decoration: underline;
}

@media (hover) {
    .form__option-text a:hover {
        text-decoration: underline
    }
}

.form__option-radio {
    position: relative;
    align-self: flex-start;
    width: 2.6rem;
    height: 2.6rem;
    flex-shrink: 0;
    margin-right: .8rem;
    border: 1px solid #cfcfcf;
    background-color: #fff;
    border-radius: 50%;
    pointer-events: none
}

.form__option-radio::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 1.1rem;
    height: 1.1rem;
    background-color: #203a8f;
    border-radius: 50%;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media only screen and (min-width:768px) {
    .form__option-radio {
        width: 3.2rem;
        height: 3.2rem;
        margin-right: 1.2rem
    }

    .form__option-radio::before {
        width: 1.4rem;
        height: 1.4rem
    }
}

.form__option-checkbox {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3rem;
	height: 3rem;
	background-color: #fff;
	margin-right: 1.2rem;
	border-radius: 50%;
	border: 1px solid transparent;
}

.form__option-checkbox svg {
    width: 1.3rem;
    height: 1.2rem;
    opacity: 0;
    transition: opacity .3s
}

.form__option-tumbler {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    padding: 1.7rem 1.2rem;
    border-radius: 2.4rem;
    border: 1px solid #203a8f;
    cursor: pointer;
    transition: background-color .3s
}

@media only screen and (max-width:767px) {
    .form__option-tumbler {
        height: 100%;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }
}

@media (hover) {
    .form__option-tumbler:hover {
        background-color: rgba(32, 58, 143, .05)
    }
}

.form__option-tumbler .form__option-text {
    font-size: 1.6rem;
    transition: color .3s
}

@media only screen and (max-width:767px) {
    .form__option-tumbler .form__option-text {
        font-size: 1.2rem
    }
}

.form__footer-wrapper {
    margin-top: 2.4rem
}

@media only screen and (min-width:1024px) {
    .form__footer-wrapper {
        display: flex;
        align-items: flex-start
    }
}

.form__notes {
    margin-top: 2.4rem;
    font-size: 1.2rem;
    line-height: 1.166666666666667
}

@media only screen and (min-width:1024px) {
    .form__notes {
        margin-top: 0
    }
}

.form__note {
    font-family: 'Century Gothic', 'Arial', sans-serif;
    margin-bottom: .8rem;
    font-size: 1.2rem;
    line-height: 1.166666666666667
}

.form__note small {
    font-size: 100%
}

.form__note:last-child {
    margin-bottom: 0
}

.form__note a {
    text-decoration: underline
}

@media (hover) {
    .form__note a:hover {
        text-decoration: none
    }
}

@media only screen and (min-width:1024px) {
    .form__buttons {
        flex-shrink: 0;
        margin-right: 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .form__buttons .button {
        font-size: 1.5rem
    }
}

.form__file-zone {
    display: block;
    height: 12rem;
    border-radius: 2.4rem;
    background-color: #fff;
    text-align: center;
    transition: border .3s
}

@media (hover) {
    .form__file-zone:hover {
        border-color: #203a8f
    }
}

.form .js-file-zone {
    display: block;
    height: 100%;
    cursor: pointer;
    padding: 2rem
}

.form .js-file-zone:not(.js-active)~.form__file-buttons {
    display: none
}

.form .js-file-zone.js-active {
    display: none
}

.form__file-text-wrapper {
    display: block;
    word-break: break-word
}

.form__file-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    height: 5.2rem;
    padding: 0 1.6rem 0 2.4rem;
    border-radius: 10em;
    font-size: 1.8rem;
    color: #203a8f;
    background-color: #f4f9ff;
    border: solid 1px #203a8f
}

@media only screen and (max-width:767px) {
    .form__file-text {
        font-size: 1.4rem
    }
}

.form__file-text svg {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem
}

.form__file-buttons {
    height: 100%;
    padding: 2rem
}

.form__trash-icon {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    border: none;
    padding: 0
}

.form__file-name-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    height: 5.2rem;
    padding: 0 1.6rem 0 2.4rem;
    border-radius: 10em;
    font-size: 1.8rem;
    color: #0051ed;
    border: solid 1px #0051ed
}

.form__file-name {
    margin-bottom: 0;
    font-size: 1.8rem
}

@media only screen and (max-width:767px) {
    .form__file-name {
        font-size: 1.4rem
    }
}

.form__file-more-text {
    display: block;
    font-size: 1.2rem;
    color: rgba(0, 81, 237, .5);
    color: rgba(32, 58, 143, .5);
    margin-top: 1.2rem
}

.form__captcha-badge {
    visibility: hidden;
    pointer-events: none;
    position: absolute
}

.form__select-container {
    position: relative;
    min-height: 4rem
}

.form__select-container:not(.js-inited)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    border-radius: .8rem
}

@media only screen and (min-width:768px) {
    .form__select-container {
        min-height: 6.6rem
    }
}

.form__select-wrapper {
    position: relative;
    min-height: 4rem
}

.form__select-wrapper.js-error .choices[data-type*=select-one] .choices__inner {
    border-color: #e7031c
}

.form__select-wrapper.js-error .choices[data-type*=select-one]:focus .choices__inner,
.form__select-wrapper.js-error .choices[data-type*=select-one].is-focused .choices__inner {
    border-color: #e7031c
}

.form__select-wrapper select {
    width: 98%
}

.form__select-wrapper .choices[data-type*=select-one] {
    margin-bottom: 0
}

.form__select-wrapper .choices[data-type*=select-one]:focus .choices__inner,
.form__select-wrapper .choices[data-type*=select-one].is-focused .choices__inner {
    border-color: #0e1c48
}

.form__select-wrapper .choices[data-type*=select-one]::after {
    z-index: 0;
    right: .8rem;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    border: 0;
    background-size: 2rem 2rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../../assets/svg/icon-arrow-down.svg);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.form__select-wrapper:not(.form__select-wrapper--search) .choices[data-type*=select-one].is-open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.form__select-wrapper .choices[data-type*=select-one] .choices__input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    height: 4rem;
    font-size: 1.6rem;
    border: 0
}

@media only screen and (min-width:768px) {
    .form__select-wrapper .choices[data-type*=select-one] .choices__input {
        height: 6.6rem
    }
}

.form__select-wrapper .choices[data-type*=select-one] .choices__input {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: .3rem 3.7rem .3rem 1.5rem;
    border: 3px solid transparent;
    background-color: #fff;
    background-clip: padding-box
}

.form__select-wrapper .choices[data-type*=select-one] .choices__inner {
    padding-top: .7rem;
    padding-bottom: .7rem;
    border: 1px solid #0e1c48;
    border-radius: .8rem
}

.form__select-wrapper .choices__inner {
    display: flex;
    align-items: center;
    min-height: 4rem;
    border: 0;
    padding: .7rem 3.7rem .7rem 1.3rem;
    transition: background-color .3s;
    background-color: #fff;
    border: 1px solid #0e1c48
}

.form__select-wrapper .choices__inner .choices__list {
    padding: 0
}

.form__select-wrapper .choices__inner .choices__item {
    color: #0e1c48;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: .005em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form__select-wrapper .choices__inner .choices__item.form__select-placeholder {
    font-size: 1.2rem;
    color: #f4f9ff
}

@media only screen and (min-width:768px) {
    .form__select-wrapper .choices__inner {
        min-height: 6.6rem
    }
}

.form__select-wrapper .choices__list--dropdown {
    border: 0;
    overflow: visible;
    word-break: break-word;
    border-bottom-left-radius: .8rem;
    border-bottom-right-radius: .8rem
}

.form__select-wrapper .choices__list--dropdown .choices__list {
    max-height: 14rem;
    padding-right: 2.2rem;
    padding-left: 2.2rem;
    overflow-y: auto
}

.form__select-wrapper .choices__list--dropdown .form__select-placeholder {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    color: #f4f9ff;
    overflow: hidden
}

.form__select-wrapper .choices__list--dropdown .choices__item {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    padding: .4rem .4rem;
    border-bottom: 1px solid rgba(32, 58, 143, .2);
    font-size: 1.6rem;
    line-height: 1.5
}

.form__select-wrapper .choices__list--dropdown .choices__item:last-child {
    border-bottom: 0
}

.form__select-wrapper .choices__list--dropdown .choices__item.has-no-results {
    padding: 0;
    border-top: 0
}

.form__select-wrapper .choices__list--dropdown .choices__item.is-selected,
.form__select-wrapper .choices__list--dropdown .choices__item.is-highlighted {
    color: #010101;
    background-color: transparent
}

.form__select-wrapper .choices__list--dropdown .choices__item--choice {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem
}

@media only screen and (min-width:768px) {
    .form__select-wrapper {
        min-height: 6.6rem
    }

    .form__select-wrapper .choices[data-type*=select-one] .choices__input {
        height: 6.6rem
    }

    .form__select-wrapper .choices__list--dropdown .choices__item,
    .form__select-wrapper .choices__inner .choices__item {
        font-size: 1.6rem
    }

    .form__select-wrapper .choices__inner {
        min-height: 6.6rem;
        padding-left: 2.2rem;
        padding-right: 5.6rem
    }

    .form__select-wrapper .choices__inner .choices__item.form__select-placeholder {
        font-size: 1.6rem
    }

    .form__select-wrapper .choices__list--dropdown .choices__list {
        max-height: 43rem
    }

    .form__select-wrapper .choices__list--dropdown .choices__item--choice {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .form__select-wrapper .choices[data-type*=select-one]::after {
        right: 3.2rem
    }
}

.form__calendar-wrapper .icon-input {
    pointer-events: none
}

input[type=radio]:checked+.form__option-label .form__option-radio {
    border: 1px solid #203a8f
}

input[type=radio]:checked+.form__option-label .form__option-radio::before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

input[type=radio]:checked+.form__option-tumbler {
    background-color: #203a8f;
    cursor: default
}

input[type=radio]:checked+.form__option-tumbler .form__option-text {
    color: #fafcfd
}

input[type=checkbox]:checked+.form__option-label .form__option-checkbox {
    background-color: #203a8f
}

input[type=checkbox]:checked+.form__option-label .form__option-checkbox svg {
    opacity: 1
}

.form__select-wrapper .choices__list--dropdown .choices__item.is-selected,
.form__select-wrapper .choices__list--dropdown .choices__item.is-highlighted {
    color: green
}

.flatpickr-wrapper {
    width: 100%
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    color: #0e1c48
}

.flatpickr-day {
    border-radius: .8rem
}

.flatpickr-day.today {
    border: 0
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background-color: green;
    border: 0;
    outline: 0;
    border-radius: .8rem
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    fill: #203a8f
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #203a8f
}

.upload-hint {
    display: none
}

.upload-hint_visible {
    display: block;
    pointer-events: none
}

@media only screen and (min-width:1024px) {
    .upload-hint--flex.upload-hint_visible {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.2rem;
        height: 100%
    }

    .upload-hint--flex.upload-hint_visible .form__file-more-text {
        margin-top: 0
    }
}

.upload-loader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.upload-loader_visible {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0051ed;
    border-radius: 2.4rem
}

.upload-loader__image {
    width: 150px;
    height: 150px
}

.popup {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    text-align: center;
    padding: 0;
    will-change: opacity;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    transition-delay: .3s;
    white-space: nowrap;
    font-size: 0;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    background-color: rgba(251, 243, 231, .302);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.popup--dark-bg {
    background-color: rgba(0, 0, 0, .6)
}

.popup::before {
    content: "";
    display: inline-block;
    height: 100%
}

.popup::before,
.popup__content {
    vertical-align: middle
}

.popup.is-opened {
    z-index: 10000;
    opacity: 1;
    pointer-events: all;
    transition-delay: 0s
}

.popup.is-opened .popup__content {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition-delay: .3s;
    opacity: 1
}

.popup__content {
    font-size: 1.4rem;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    white-space: normal;
    vertical-align: middle;
    position: relative;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
    margin: 2rem 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    will-change: transform;
    opacity: 0;
    transition: all .3s;
    display: inline-block;
    text-align: left;
    border-radius: 2rem;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .popup__content {
        min-width: 54.6rem;
        width: 71.095%;
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }
}

@media only screen and (min-width:1024px) {
    .popup__content {
        width: 37.924%;
        font-size: 1.6rem
    }
}

@media only screen and (max-width:767px) {
    .popup__content {
        margin: 0;
        vertical-align: bottom;
        border-radius: 0
    }
}

.popup__content--close-out {
    overflow: visible
}

.popup__content-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-image: blue-gradient;
    min-height: 55.6rem;
    padding: 3.2rem;
    border-top-left-radius: 3.2rem;
    border-top-right-radius: 3.2rem
}

@media only screen and (min-width:768px) {
    .popup__content-wrapper {
        min-height: 30.4rem;
        border-radius: 2.4rem
    }
}

@media only screen and (min-width:1024px) {
    .popup__content-wrapper {
        padding: 5.6rem
    }
}

.popup__close-button {
    position: absolute;
    z-index: 2;
    top: .8rem;
    right: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 3.2rem;
    height: 3.2rem;
    cursor: pointer;
    border: 0
}

@media only screen and (min-width:768px) {
    .popup__close-button {
        top: 1.6rem;
        right: 1.6rem
    }
}

@media (hover) {
    .popup__close-button:hover svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.popup__close-button svg {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media only screen and (max-width:1023px) {
    .popup__close-button--out {
        top: auto;
        bottom: 100%;
        margin-bottom: .4rem;
        right: 0;
        left: auto
    }
}

@media only screen and (min-width:1024px) {
    .popup__close-button--out {
        top: 0;
        left: 100%;
        margin-left: 2.4rem
    }
}

@media only screen and (max-width:1023px) {
    .popup__close-button--out svg {
        width: 1.6rem;
        height: 1.6rem
    }
}

@media only screen and (max-width:1279px) {
    .popup__text-break {
        display: none
    }
}

#video-box {
    position: absolute;
    z-index: -1
}

.form-popup {
    border-radius: 0
}

@media only screen and (min-width:1024px) {
    .form-popup {
        width: 105.5rem
    }
}

.form-popup .popup__item {
    background-color: #f4f9ff;
    padding: 3rem .8rem 2.4rem
}

@media only screen and (min-width:768px) {
    .form-popup .popup__item {
        padding: 3.2rem 3.2rem 2.4rem;
        border-radius: 3.2rem
    }
}

@media only screen and (min-width:1024px) {
    .form-popup .form__input-tumblers .form__option-wrapper {
        flex: none
    }
}

@media only screen and (min-width:1024px) {
    .form-popup .form__input-tumblers .form__option-tumbler {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }
}

@media only screen and (min-width:1024px) {
    body._firefox .ss-list {
        scrollbar-width: thin;
        scrollbar-color: rgba(14, 28, 72, .353) transparent
    }
}

@media only screen and (min-width:1024px) {
    .ss-list::-webkit-scrollbar {
        width: 16px;
        height: 16px
    }

    .ss-list::-webkit-scrollbar-track {
        background: 0 0
    }

    .ss-list::-webkit-scrollbar-thumb {
        width: 24px;
        height: 24px;
        background-color: rgba(14, 28, 72, .353);
        background-clip: content-box;
        border-radius: 10em;
        border: 6px solid transparent
    }

    .ss-list::-webkit-scrollbar-thumb:hover {
        background-color: rgba(14, 28, 72, .541)
    }

    .ss-list::-webkit-scrollbar-thumb:active {
        background-color: rgba(14, 28, 72, .604)
    }
}

select {
    overflow: hidden;
    width: 0;
    opacity: 0;
    min-height: 5.2rem
}

.select-wrapper {
    min-width: 0;
    max-width: 100%
}

.select-wrapper.js-error-wrapper .form__input-invalid-msg {
    display: block
}

.select {
    outline: none;
    min-height: 5.2rem;
    border-radius: 10em
}

.select.ss-main {
    color: #203a8f;
    border-color: #203a8f
}

.select.ss-main .ss-placeholder {
    color: rgba(14, 28, 72, .6)
}

.select.ss-main .ss-single {
    color: #203a8f
}

@media (hover) {
    .select.ss-main:hover {
        background-color: #203a8f;
        color: #fff
    }
}

.select.ss-main.ss-open-below {
    background-color: #203a8f
}

.select.ss-main.ss-open-below:after {
    background-color: #fff
}

.select.ss-main.ss-open-below .ss-single {
    color: #fff
}

.select.ss-main.ss-open-below .ss-placeholder {
    color: #fff
}

.select--short .ss-list {
    min-width: 0
}

.select--56 {
    min-height: 5.6rem
}

.select--list-auto-width .ss-list {
    min-width: 0
}

.select--auto-width-option .ss-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.select--white {
    border-radius: 2.4rem
}

.select--white.ss-main {
    background-color: #fff;
    border: none
}

@media only screen and (max-width:767px) {
    .select--white.ss-main {
        font-size: 1.4rem
    }
}

.select--white.ss-main .ss-placeholder {
    color: rgba(14, 28, 72, .6)
}

.select--white.ss-main .ss-single {
    color: #0e1c48
}

.select--white .ss-list {
    background: #fff
}

.select__item {
    display: flex;
    align-items: center;
    gap: 1.6rem
}

.select__item img {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem
}

.ss-main {
    position: relative;
    display: flex;
    font-size: 1.6rem;
    padding: 0 1.2rem;
    border: solid 1px #203a8f;
    transition: background-color .3s
}

@media only screen and (max-width:767px) {
    .ss-main {
        font-size: 1.8rem
    }
}

@media (hover) {
    .ss-main:hover {
        background-color: #203a8f
    }

    .ss-main:hover:after {
        background-color: #fafcfd
    }

    .ss-main:hover .ss-single,
    .ss-main:hover .ss-placeholder {
        color: #fafcfd
    }
}

.ss-main.ss-open-below:after,
.ss-main.ss-open-above:after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.ss-main:not(.ss-disabled) {
    cursor: pointer
}

.ss-main.ss-disabled {
    opacity: .5
}

.ss-main:after {
    content: '';
    display: block;
    position: absolute;
    align-self: center;
    right: 1.2rem;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #203a8f;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS44MjA2IDEzLjgzNDFMMTguOTM1NiA4LjEyMjA3TDIwLjA2MjUgOS41MjU3MUwxMS43OTExIDE2LjE2NjFMMy45MTgwOCA5LjUxMTIzTDUuMDgwMDcgOC4xMzY1NEwxMS44MjA2IDEzLjgzNDFaIiBmaWxsPSIjMDA1MUVEIi8+Cjwvc3ZnPgo=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS44MjA2IDEzLjgzNDFMMTguOTM1NiA4LjEyMjA3TDIwLjA2MjUgOS41MjU3MUwxMS43OTExIDE2LjE2NjFMMy45MTgwOCA5LjUxMTIzTDUuMDgwMDcgOC4xMzY1NEwxMS44MjA2IDEzLjgzNDFaIiBmaWxsPSIjMDA1MUVEIi8+Cjwvc3ZnPgo=);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: all .3s
}

.ss-main.select--multiple .ss-value {
    overflow: hidden
}

.ss-main.select--multiple .ss-value-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ss-content {
    position: absolute;
    display: flex;
    height: auto;
    flex-direction: column;
    width: auto;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    z-index: 10000
}

.ss-content.ss-open-above {
    flex-direction: column-reverse;
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.ss-content.ss-open-below {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.ss-values {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: .8rem;
    padding-bottom: .8rem;
    padding-left: .8rem;
    padding-right: 3.6rem
}

.ss-values .select__item {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ss-values .select__item img {
    display: none
}

.ss-value {
    display: flex;
    align-items: center
}

.ss-single,
.ss-placeholder {
    transition: color .3s
}

.ss-placeholder {
    color: #203a8f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ss-single {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #203a8f
}

.ss-arrow {
    display: none
}

.ss-list {
    flex: 1 1 auto;
    height: auto;
    min-width: 33.4rem;
    max-height: 33.4rem;
    color: rgba(14, 28, 72, .5);
    background: #fff;
    box-shadow: 0 4px 25px rgba(0, 0, 0, .05);
    padding: 0 .8rem;
    margin: .4rem 0;
    border-radius: .8rem;
    border: solid transparent;
    border-width: 1rem 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media only screen and (max-width:767px) {
    .ss-list {
        min-width: 25rem
    }
}

.ss-option {
    position: relative;
    display: flex;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #203a8f;
    background-color: #f4f9ff;
    padding: 1.6rem;
    border-radius: .8rem;
    margin-bottom: .4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s
}

@media only screen and (max-width:767px) {
    .ss-option {
        font-size: 1.4rem
    }
}

.ss-option:last-child {
    margin-bottom: 0
}

@media (hover) {
    .ss-option:hover:not(.ss-disabled) {
        background-color: #dce5f5
    }
}

.ss-option.ss-highlighted,
.ss-option:not(.ss-disabled).ss-selected {
    background-color: #dce5f5
}

.ss-option.ss-disabled {
    cursor: default;
    opacity: .5
}

.ss-hide {
    display: none
}

.ss-hide {
    display: none !important
}

.ss-option {
    color: #203a8f
}

@media only screen and (max-width:767px) {
    .select-wrapper:not(._show-spoller) .select-category-content-mob {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .select-wrapper._show-spoller .trigger-select-mob {
        color: #fff;
        background-color: #203a8f
    }

    .select-wrapper._show-spoller .trigger-select-mob svg {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1)
    }
}

@media only screen and (max-width:767px) {
    .select.js-select-mob-static.ss-main {
        display: none
    }
}

.select-category-content-mob .ss-content {
    position: static
}

.select-category-content-mob .ss-list {
    max-height: 100%;
    overflow: visible;
    background: 0 0;
    box-shadow: none;
    padding: 0;
    padding-top: 1.3rem;
    margin: 0;
    border: none;
    border-width: 0
}

.select-category-content-mob .ss-option {
    font-size: 1.6rem
}

.trigger-select-mob {
    font-size: 1.6rem
}

.trigger-select-mob * {
    pointer-events: none
}

.slider__nav {
    flex-shrink: 0;
    flex-wrap: nowrap;
    flex-direction: row
}

.slider__pag {
    height: .4rem;
    margin-top: 2.4rem
}

.swiper-navigation .button {
    background-color: #f4f9ff;
    border: none
}

table {
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0 2em
}

table td,
table th {
    padding: .8em 1.2em;
    border: 1px solid #b3b3b3;
    text-align: left
}

table th {
    font-weight: 700
}

table>tbody:first-child tr:first-child td {
    font-weight: 700
}

.tooltip {
    position: relative;
    z-index: 3;
    display: inline-block;
    max-width: 1.6rem;
    height: 1.6rem;
    width: 44.6rem;
    margin-right: .4rem;
    margin-left: .4rem
}

@media only screen and (max-width:1023px) {
    .tooltip {
        width: 27.5rem
    }
}

.tooltip:hover .tooltip__trigger {
    color: #fafcfd;
    background-color: #0051ed
}

.tooltip:hover .tooltip__wrapper {
    opacity: 1;
    pointer-events: auto
}

.tooltip__trigger {
    display: block;
    justify-content: center;
    text-align: center;
    width: 1.6rem;
    height: 1.6rem;
    color: #0051ed;
    background-color: #dce5f5;
    padding: 0;
    outline: none;
    border: none;
    border-radius: 50%
}

.tooltip__trigger svg {
    display: block;
    width: .6rem;
    height: 1rem;
    margin: auto
}

.tooltip__wrapper {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: inherit;
    padding-left: 2.1rem;
    opacity: 0;
    pointer-events: none;
    -webkit-filter: drop-shadow(0 4px 15px rgba(0, 0, 0, .05));
    filter: drop-shadow(0 4px 15px rgba(0, 0, 0, .05));
    transition: opacity .3s
}

@media only screen and (max-width:767px) {
    .tooltip__wrapper {
        top: auto;
        bottom: 100%;
        -webkit-transform: none;
        transform: none;
        left: -5.8rem;
        padding-left: 0;
        padding-bottom: 1.6rem
    }
}

.tooltip__corner {
    display: block;
    position: absolute;
    left: .6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2rem;
    height: 2.3rem
}

@media only screen and (max-width:767px) {
    .tooltip__corner {
        left: 5.6rem;
        top: auto;
        -webkit-transform: none;
        transform: none;
        bottom: .2rem;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

.tooltip__body {
    color: #203a8f;
    background-color: #dce5f5;
    padding: .8rem 1.6rem;
    border-radius: .8rem
}

.page--high {
    height: auto
}

.page__main {
    position: relative;
    display: flex;
    flex-direction: column
}

.page__section-grow {
    flex-grow: 1
}

.page__accordion-content {
    display: none;
    transition: height .3s ease-in;
    overflow: hidden
}

.page__icon-wrapper {
    flex-shrink: 0
}

.page__accordion-icon {
    transition: all .3s;
    flex-shrink: 0
}

.page .js-accordion-item--open-ready .page__accordion-content:not(.js-accordion-content--child),
.page .js-accordion-item--active .page__accordion-content:not(.js-accordion-content--child) {
    display: block
}

.page .js-accordion-item--open-ready .page__accordion-icon,
.page .js-accordion-item--active .page__accordion-icon,
.page .js-accordion-item--open-ready .page__accordion-alt-icon .icon-wrapper,
.page .js-accordion-item--active .page__accordion-alt-icon .icon-wrapper {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page .js-accordion-item--close-ready .page__accordion-icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.page .js-accordion-item--open-ready .page__accordion-content,
.page .js-accordion-item--close-ready .page__accordion-content,
.page .js-accordion-item--active .page__accordion-content {
    height: auto
}

.page .js-tab-content:not(.js-tab-content--active) {
    transition: all .5s;
    display: none
}

.page .js-tab-content:not(.js-tab-content--active).js-tab-content--active.js-content-show,
.page .js-tab-content:not(.js-tab-content--active).js-tab-content--active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.page .js-tab-content:not(.js-tab-content--active).js-content-hide {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.page .js-tab-content:not(.js-tab-content--active).js-content-show {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.fadeIn {
    opacity: 0
}

.fadeIn.fadeInShow {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeIn--d-02 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.fadeIn--d-04 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.fadeIn--d-06 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.fadeInUp {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.fadeInUp.fadeInShow {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInLeft {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fadeInLeft.fadeInShow {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInLeft--d-03 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.fadeInRight {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fadeInRight.fadeInShow {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeInRight--d-03 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.fadeInScale {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.fadeInScale.fadeInShow {
    -webkit-animation-name: fadeInScale;
    animation-name: fadeInScale
}

.fadeInScale--05 {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.fadeInScale--05.fadeInShow {
    -webkit-animation-name: fadeInScale--05;
    animation-name: fadeInScale--05
}

.fadeInShow {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.swiper-container {
    overflow: visible
}

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInScale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fadeInScale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fadeInScale--05 {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fadeInScale--05 {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.about-banner__row {
    overflow: hidden;
    display: flex;
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .about-banner__row {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .about-banner__row {
        flex-direction: column
    }
}

.about-banner__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    background-color: #f4f9ff;
    padding: 3.2rem
}

@media only screen and (max-width:1023px) {
    .about-banner__body {
        padding: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .about-banner__body {
        width: 100%
    }
}

.about-banner__text {
    flex: 1 1 auto;
    margin-bottom: 4.8rem
}

.about-banner__text p {
    opacity: .8
}

.about-banner__img {
    flex-shrink: 1;
    width: 50%
}

.about-banner__img:before {
    padding-bottom: 93.75%
}

@media only screen and (max-width:767px) {
    .about-banner__img {
        order: -1;
        width: 100%
    }

    .about-banner__img:before {
        padding-bottom: 64.299%
    }
}

.about-prod-banner__row {
    overflow: hidden;
    display: flex;
    gap: 2rem
}

@media only screen and (max-width:767px) {
    .about-prod-banner__row {
        flex-direction: column;
        gap: 2.4rem
    }
}

.about-prod-banner__img {
    align-self: flex-start;
    overflow: hidden;
    width: 40.555%;
    border-radius: 4.8rem 4.8rem 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .about-prod-banner__img {
        border-radius: 3.2rem 3.2rem 3.2rem 0
    }
}

@media only screen and (max-width:767px) {
    .about-prod-banner__img {
        order: -1;
        width: 100%
    }

    .about-prod-banner__img:before {
        padding-bottom: 64.299%
    }
}

@media only screen and (min-width:768px) {
    .about-prod-banner__img:before {
        padding-bottom: 122.937%
    }
}

.about-prod-banner__body {
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #f4f9ff;
    padding: 4.8rem;
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .about-prod-banner__body {
        padding: 2.4rem;
        border-radius: 3.2rem 0 3.2rem 0
    }
}

@media only screen and (max-width:767px) {
    .about-prod-banner__body {
        width: 100%
    }
}

.about-prod-banner__body .button {
    white-space: nowrap
}

.about-prod-banner__text {
    flex: 1 1 auto;
    margin-bottom: 4.8rem;
    line-height: 1.1
}

.achievements {
    overflow: hidden
}

.achievements__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.4rem
}

.achievements__slider .swiper-container {
    overflow: visible
}

.achievements__slider .swiper-slide {
    width: 51.9rem;
    height: auto;
    margin-right: 2.4rem
}

@media only screen and (max-width:1023px) {
    .achievements__slider .swiper-slide {
        width: 40rem
    }
}

@media only screen and (max-width:767px) {
    .achievements__slider .swiper-slide {
        width: 100%
    }
}

.achievements__slider .swiper-slide:last-child {
    margin-right: 0
}

.card-achievements {
    position: relative;
    overflow: hidden;
    height: 100%;
    background: linear-gradient(175.6deg, rgba(239, 242, 246, 0) 45.44%, #eff2f6 62.28%), #eff2f6;
    border-radius: 4.8rem 0 4.8rem 0
}

.card-achievements__bg {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #1263c7 0%, #203a8f 100%);
    border-radius: 4.8rem 0 4.8rem 0
}

.card-achievements__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card-achievements__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.4rem;
    height: 100%;
    padding: 2.4rem
}

.card-achievements__title {
    color: #fafcfd
}

.card-achievements__subtitle {
    padding-right: 7rem
}

@media only screen and (max-width:767px) {
    .card-achievements__subtitle {
        padding-right: 5rem
    }
}

.card-achievements__note {
    color: #fafcfd;
    background: rgba(255, 255, 255, .1);
    padding: 2.4rem;
    border-radius: 2.4rem;
    -webkit-backdrop-filter: blur(27px);
    backdrop-filter: blur(27px)
}

@media only screen and (max-width:1023px) {
    .card-achievements__note {
        padding: 1.6rem
    }
}

.card-achievements__tag {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 2.4rem;
    right: 3.2rem;
    color: rgba(14, 28, 72, .5);
    background-color: #fafcfd;
    padding: .4rem 1.2rem;
    border-radius: .8rem
}

@media only screen and (max-width:767px) {
    .card-achievements__tag {
        top: 2.4rem;
        right: 1.6rem
    }
}

.card-achievements__img {
    width: 100%;
    max-width: 45.5rem;
    margin-right: auto;
    margin-left: auto
}

.card-achievements__img:before {
    padding-bottom: 65.933%
}

.card-achievements__text p {
    opacity: .8
}

.away-block {
    position: absolute;
    left: 50%;
    top: 15%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    max-width: 640px;
    text-align: center;
    color: #173865;
    font-size: 20px;
    overflow-y: auto
}

.away-block a {
    color: #173865;
    font-weight: 700
}

.away-block h1 {
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    margin: 19px 0 17px;
    margin-top: 15px;
    line-height: 160%
}

.away-block__content {
    font-size: .75em;
    line-height: 160%
}

.away-block__browser-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
    margin: 20px 0 0;
    padding: 0
}

.away-block__browser-list li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    display: inline-block;
    border-radius: 10px;
    padding-bottom: 10px
}

.away-block__browser-list li::before {
    content: none
}

.away-block__good-browser {
    width: 110px;
    height: 120px;
    display: inline-block
}

.away-block__icon {
    background-image: url(/media/images/browsers.png);
    background-size: 80px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 20px;
    width: 80px;
    height: 80px
}

.away-block__icon--chrome {
    background-position: 0 -160px
}

.away-block__icon--yandex {
    background-position: 0 -320px
}

.away-block__icon--opera {
    background-position: 0 -240px
}

.away-block__icon--firefox {
    background-position: 0 -80px
}

.banner-career__row {
    display: flex;
    flex-wrap: wrap;
    margin: -1.2rem
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .banner-career__row {
        margin: -.6rem
    }
}

.banner-career__col {
    width: 50%;
    padding: 1.2rem
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .banner-career__col {
        padding: .6rem
    }
}

@media only screen and (max-width:767px) {
    .banner-career__col {
        width: 100%
    }
}

.banner-career__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    background-color: #f4f9ff;
    padding: 4.8rem;
    border-radius: 4.8rem 4.8rem 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .banner-career__body {
        padding: 2.4rem;
        border-radius: 3.2rem 3.2rem 3.2rem 0
    }
}

.banner-career__body .buttons {
    margin-top: 17.8rem
}

@media only screen and (max-width:1023px) {
    .banner-career__body .buttons {
        margin-top: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .banner-career__body .buttons {
        margin-top: 4.8rem
    }
}

.banner-career__img {
    overflow: hidden;
    height: 100%;
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .banner-career__img {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

.banner-career__img:before {
    padding-bottom: 95.546%
}

@media only screen and (max-width:767px) {
    .banner-career__img:before {
        padding-bottom: 64.299%
    }
}

@media only screen and (max-width:1023px) {
    .banner-career__slider {
        margin-top: 2.4rem;
        overflow: hidden
    }
}

@media only screen and (max-width:767px) {
    .banner-career__slider {
        margin-right: -5vw;
        margin-left: -5vw;
        padding: 0 5vw
    }
}

@media only screen and (min-width:1024px) {
    .banner-career__slider {
        position: relative;
        z-index: 2;
        height: 0;
        width: 85.3rem;
        padding-right: 4.8rem;
        padding-bottom: 4.8rem;
        margin-top: -6rem;
        margin-left: auto;
        pointer-events: none
    }
}

.banner-career__slider .swiper-container {
    overflow: visible
}

@media only screen and (min-width:1024px) {
    .banner-career__slider .swiper-container {
        overflow: hidden;
        margin: 0;
        width: 100%;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        pointer-events: none
    }
}

@media only screen and (min-width:1024px) {
    .banner-career__slider .swiper-wrapper {
        pointer-events: none
    }
}

.banner-career__slider .swiper-slide {
    width: 100%;
    height: auto;
    margin-right: .8rem
}

.banner-career__slider .swiper-slide:last-child {
    margin-right: 0
}

@media only screen and (min-width:768px) {
    .banner-career__slider .swiper-slide {
        width: 26.3rem
    }
}

@media only screen and (min-width:1024px) {
    .banner-career__slider .swiper-slide {
        width: 32.675%
    }
}

.card-banner-career-slider {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background-color: #fff;
    padding: 2.4rem;
    border-radius: 2.4rem;
    pointer-events: auto
}

@media only screen and (max-width:1023px) {
    .card-banner-career-slider {
        background-color: #f4f9ff
    }
}

.card-banner-career-slider__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 2.8rem
}

.card-banner-career-slider__tag {
    display: inline-block;
    font-size: 1.4rem;
    color: #203a8f;
    border: 1px solid #203a8f;
    padding: .4rem .8rem;
    border-radius: 1.2rem
}

.card-banner-career-slider .button--main-opacity.button--circle,
.card-banner-career-slider .button--lavander.button--circle {
    color: #203a8f;
    background-color: rgba(0, 81, 237, .1);
    border: 0
}

@media (hover) {

    .card-banner-career-slider.hover-inner-btn:hover .button--lavander,
    .card-banner-career-slider.hover-inner-btn:hover .button--main-opacity {
        color: #fff;
        background-color: #203a8f
    }

    .card-banner-career-slider.hover-inner-btn:active .button--lavander,
    .card-banner-career-slider.hover-inner-btn:active .button--main-opacity {
        transition: none;
        color: #fff;
        background: rgba(32, 58, 143, .8)
    }
}

.card-banner-career-slider__title {
    line-height: 1.333333333333333
}

.card-banner-career-slider__sum {
    opacity: .5
}

.card-banner-career-slider--big {
    background-color: #f4f9ff;
    border-radius: .8rem
}

@media only screen and (max-width:767px) {
    .card-banner-career-slider--big {
        box-shadow: 0 4px 14px rgba(182, 192, 203, .05)
    }
}

.card-banner-career-slider--big .card-banner-career-slider__title {
    line-height: 1.083333333333333
}

@media only screen and (max-width:767px) {
    .card-banner-career-slider--big .card-banner-career-slider {
        padding: 1.6rem
    }

    .card-banner-career-slider--big .card-banner-career-slider__head {
        margin-bottom: 1.6rem
    }
}

@media only screen and (min-width:768px) {
    .card-banner-career-slider--big {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        min-height: 13.2rem
    }

    .card-banner-career-slider--big .card-banner-career-slider__head {
        align-self: flex-start;
        margin-bottom: 0;
        margin-left: 2.4rem
    }

    .card-banner-career-slider--big .card-banner-career-slider__body {
        max-width: 40rem
    }
}

.benchmark {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: .8em;
    padding: .4em .8em;
    max-width: 30rem;
    z-index: 100
}

.benchmark__close {
    color: #000;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    padding: 0 .4em;
    display: inline;
    outline: 0;
    border: 0
}

.breadcrumbs ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem 0;
    margin-bottom: 1rem
}

.breadcrumbs li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0
}

.breadcrumbs li::before {
    content: none
}

.breadcrumbs li>* {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.2rem;
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(0, 81, 237, .102);
    text-decoration-color: rgba(0, 81, 237, .102);
    text-underline-offset: .4rem;
    text-underline-position: under
}

@media only screen and (max-width:767px) {
    .breadcrumbs li>* {
        text-underline-offset: .2rem
    }
}

.breadcrumbs li a {
    color: #203a8f
}

@media (hover) {
    .breadcrumbs li a:hover {
        -webkit-text-decoration-color: #203a8f;
        text-decoration-color: #203a8f
    }
}

.breadcrumbs li span {
    color: #838ba1;
    text-decoration: none
}

.breadcrumbs li svg {
    flex-shrink: 0;
    display: block;
    width: 1.6rem;
    height: 1.6rem
}

.breadcrumbs--white li>* {
    -webkit-text-decoration-color: rgba(255, 255, 255, .1);
    text-decoration-color: rgba(255, 255, 255, .1)
}

.breadcrumbs--white li a {
    color: rgba(255, 255, 255, .6)
}

@media (hover) {
    .breadcrumbs--white li a:hover {
        color: #fff;
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }
}

.breadcrumbs--white li span {
    color: #fff
}

@media only screen and (min-width:1024px) {
    .breadcrumbs--padding-right ul {
        padding-right: 16rem
    }
}

.card-news {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #f4f9ff;
    border-radius: 4.8rem 0 4.8rem 0
}

@media (hover) {
    .card-news:hover {
        background-color: #dce5f5
    }
}

.card-news__img:before {
    padding-bottom: 34.116%
}

@media only screen and (max-width:1023px) {
    .card-news__img:before {
        padding-bottom: 35.715%
    }
}

.card-news__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem 3.2rem 3.2rem
}

@media only screen and (max-width:1023px) {
    .card-news__body {
        padding: 2.4rem
    }
}

.card-news__content {
    flex: 1 1 auto
}

.card-news__title {
    line-height: 1.166666666666667;
    margin-bottom: .8rem;
    word-break: break-word
}

.card-news__date {
    display: inline-block;
    font-size: 1.4rem;
    color: #203a8f;
    background-color: #fff;
    padding: .7rem 1.2rem;
    margin-top: 2.4rem;
    border-radius: .8rem
}

.disclaimer {
    position: fixed;
    z-index: 3;
    bottom: 0;
    width: 100%;
    background-color: #fafcfd;
    transition: all .3s
}

@media only screen and (min-width:1024px) {
    .disclaimer {
        overflow: hidden
    }
}

@media only screen and (min-width:768px) {
    .disclaimer__br-mobile {
        display: none
    }
}

.disclaimer.js-ready {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.disclaimer.js-inactive {
    position: relative;
    background: 0 0
}

.disclaimer.js-inactive .disclaimer__text {
    color: #fff
}

.disclaimer.js-inactive .disclaimer__container {
    background-color: transparent;
    border-radius: 0
}

.disclaimer.js-inactive .disclaimer__close-button {
    display: none
}

.disclaimer__container {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    max-width: none
}

@media only screen and (max-width:767px) {
    .disclaimer__container {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

@media only screen and (min-width:768px) {
    .disclaimer__container {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 2.4rem;
        padding-bottom: 2.4rem
    }
}

.disclaimer__close-button {
    position: absolute;
    top: -1.8rem;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3.6rem;
    height: 3.6rem;
    padding: 0;
    border-radius: 50%;
    background-color: #fafcfd
}

.disclaimer__close-button.js-close-hide {
    display: none
}

@media only screen and (max-width:767px) {
    .disclaimer__close-button {
        background-color: #fff
    }
}

@media only screen and (min-width:768px) {
    .disclaimer__close-button {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -.6rem;
        width: 1.8rem;
        height: 1.8rem;
        border-radius: 0
    }
}

@media only screen and (min-width:1280px) {
    .disclaimer__close-button {
        position: static;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 2.6rem;
        height: 2.6rem;
        margin-left: 1.6rem
    }
}

.disclaimer__close-icon {
    stroke: #203a8f;
    margin-left: auto;
    margin-right: auto;
    width: 1.5rem;
    height: 1.4rem;
    opacity: .4
}

@media only screen and (min-width:768px) {
    .disclaimer__close-icon {
        width: 100%;
        height: 100%;
        opacity: 1
    }
}

.disclaimer__text {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Oswald", sans-serif;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(14, 28, 72, .5);
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 300
}

@media only screen and (max-width:767px) {
    .disclaimer__text {
        text-align: center
    }
}

@media only screen {
    .disclaimer__text {
        font-size: 2.3rem
    }
}

@media only screen and (min-width:768px) {
    .disclaimer__text {
        line-height: 1.1;
        text-align: center
    }
}

@media only screen and (min-width:1024px) {
    .disclaimer__text {
        font-size: 2.22vw
    }
}

@media only screen and (min-width:1920px) {
    .disclaimer__text {
        font-size: 3.2rem
    }
}

.disclaimer__confirm {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding: .2rem 1rem;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background-color: #203a8f;
    height: 100%;
    transition: all .3s
}

@media only screen and (min-width:768px) {
    .disclaimer__confirm {
        padding-top: 1rem;
        padding-bottom: .9rem;
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.disclaimer.js-hover .disclaimer__confirm {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.disclaimer__confirm-text {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff
}

.disclaimer__part {
    display: inline-block
}

.error-page__wrapper {
    overflow: hidden;
    background: linear-gradient(180deg, #1263c7 0%, #203a8f 100%);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .error-page__wrapper {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

.error-page__row {
    display: flex
}

@media only screen and (max-width:767px) {
    .error-page__row {
        flex-direction: column-reverse
    }
}

.error-page__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    color: #fafcfd;
    padding: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .error-page__body {
        padding: 2.4rem 0 2.4rem 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .error-page__body {
        padding: 3.4rem 2.4rem 2.4rem
    }
}

.error-page__body .button {
    margin-top: 6.4rem
}

@media only screen and (max-width:767px) {
    .error-page__body .button {
        font-size: 1.4rem
    }
}

.error-page__img {
    width: 68.525%
}

@media only screen and (max-width:1023px) {
    .error-page__img {
        width: 60%
    }
}

@media only screen and (max-width:767px) {
    .error-page__img {
        width: 100%
    }
}

.error-page__img:before {
    padding-bottom: 62.494%
}

.error-page__title {
    line-height: 1.090909090909091
}

.faq__row {
    display: flex;
    gap: 2.4rem
}

@media only screen and (max-width:767px) {
    .faq__row {
        display: block
    }
}

.faq__col {
    width: 50%
}

@media only screen and (max-width:767px) {
    .faq__col {
        width: 100%;
        margin-bottom: 2.4rem
    }

    .faq__col:last-child {
        margin-bottom: 0
    }
}

.faq__img {
    overflow: hidden;
    background: linear-gradient(180deg, #1263c7 0%, #203a8f 100%);
    margin-bottom: 1.6rem;
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:767px) {
    .faq__img {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

.faq__img:before {
    padding-bottom: 47.778%
}

@media only screen and (max-width:767px) {
    .faq__img:before {
        padding-bottom: 64.299%
    }
}

.faq__banner {
    background-color: #f4f9ff;
    padding: 4.8rem;
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .faq__banner {
        padding: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .faq__banner {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

.faq__item {
    margin-bottom: 1.6rem
}

.faq__item:last-child {
    margin-bottom: 0
}

.card-faq {
    background-color: #f4f9ff;
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:767px) {
    .card-faq {
        border-radius: 2.4rem 0 2.4rem 2.4rem
    }
}

.card-faq.js-accordion-item--active .card-faq__icon,
.card-faq.js-accordion-item--open-ready .card-faq__icon,
.card-faq.js-accordion-item--close-ready .card-faq__icon {
    color: #fff;
    background: #203a8f
}

.card-faq__head {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.4rem;
    padding: 4.8rem
}

@media only screen and (max-width:1023px) {
    .card-faq__head {
        padding: 2.4rem
    }
}

@media (hover) {
    .card-faq__head:hover .card-faq__icon {
        color: #fff;
        background: #203a8f
    }
}

.card-faq__head .js-accordion-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.card-faq__title {
    line-height: 1.33
}

.card-faq__icon {
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #203a8f;
    border-radius: 50%
}

.card-faq__icon svg {
    width: 1.6rem;
    height: 1.6rem
}

.card-faq__body {
    padding: 0 4.8rem 4.8rem
}

.card-faq__body ul li {
	margin-bottom: 0.8rem;
}

.card-faq__body.some-text ul {
	margin-bottom: 1.4rem;
}

.card-faq__body.some-text ul ul {
	padding-left: 2.4rem;
}

@media only screen and (max-width:1023px) {
    .card-faq__body {
        padding: 0 2.4rem 2.4rem
    }
}

.card-faq__subtitle {
    line-height: 1.4
}

@media only screen and (max-width:767px) {
    .features-career {
        overflow: hidden
    }
}

@media only screen and (min-width:1024px) {
    .features-career__content {
        position: relative;
        margin-right: -1.2rem;
        margin-left: -1.2rem;
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }
}

.features-career__row {
    display: flex;
    margin: -1.2rem
}

.features-career__slider {
    position: static;
    margin-top: 1.2rem
}

@media only screen and (max-width:767px) {
    .features-career__slider {
        margin-top: 2.4rem
    }
}

.features-career__slider .swiper-container {
    overflow: visible
}

@media only screen and (min-width:1024px) {
    .features-career__slider .swiper-container {
        position: static
    }
}

@media only screen and (min-width:768px) {
    .features-career__slider .swiper-wrapper {
        flex-wrap: wrap;
        width: auto;
        height: auto;
        min-width: 100%;
        margin: -1.2rem
    }
}

@media only screen and (min-width:1024px) {
    .features-career__slider .swiper-wrapper {
        position: static;
        -webkit-transform: none;
        transform: none
    }
}

.features-career__slider .swiper-slide {
    width: 100%;
    height: auto
}

@media only screen and (max-width:767px) {
    .features-career__slider .swiper-slide {
        margin-right: 2.4rem
    }

    .features-career__slider .swiper-slide:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width:768px) {
    .features-career__slider .swiper-slide {
        padding: 1.2rem;
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .features-career__slider .swiper-slide {
        width: 33.333%
    }

    .features-career__slider .swiper-slide:nth-child(2) .card-features-career__img {
        margin-top: -1.6rem
    }

    .features-career__slider .swiper-slide:nth-child(3) .card-features-career__img {
        margin-top: 3rem
    }
}

@media only screen and (min-width:1024px) {
    .features-career__slider .swiper-slide:first-child {
        position: absolute;
        top: 0;
        right: 0
    }
}

.features-career__slider .swiper-slide:nth-child(3) .card-features-career__content {
    align-items: flex-start
}

.banner-features-career {
    width: 100%;
    padding: 1.2rem
}

@media only screen and (min-width:1024px) {
    .banner-features-career {
        width: 66.666%
    }
}

.banner-features-career__wrapper {
    display: flex;
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #1263c7 0%, #203a8f 100%);
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:767px) {
    .banner-features-career__wrapper {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

.banner-features-career__wrapper:before {
    content: '';
    display: block;
    padding-bottom: 59.175%
}

@media only screen and (max-width:767px) {
    .banner-features-career__wrapper:before {
        padding-bottom: 100%
    }
}

@media only screen and (max-width:479px) {
    .banner-features-career__wrapper:before {
        padding-bottom: 145%
    }
}

.banner-features-career__bg {
    position: absolute;
    width: 55.744%;
    right: 0;
    bottom: 0
}

@media only screen and (max-width:767px) {
    .banner-features-career__bg {
        width: 100%
    }
}

.banner-features-career__bg:before {
    padding-bottom: 106.168%
}

.banner-features-career__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.4rem;
    width: 100%;
    padding: 3.2rem
}

@media only screen and (max-width:767px) {
    .banner-features-career__content {
        padding: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .banner-features-career__btns .button {
        white-space: nowrap
    }
}

.card-features-career {
    position: relative;
    overflow: hidden;
    display: flex;
    background-color: #f4f9ff;
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:767px) {
    .card-features-career {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

.card-features-career:before {
    content: '';
    display: block;
    padding-bottom: 121.952%
}

@media only screen and (max-width:767px) {
    .card-features-career:before {
        padding-bottom: 148.265%
    }
}

.card-features-career__content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end
}

.card-features-career__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width:768px) {
    .card-features-career__img:before {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .card-features-career__img {
        height: auto
    }

    .card-features-career__img img {
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center top;
        object-position: center top
    }

    .card-features-career__img::before {
        padding-bottom: 106%
    }
}

.card-features-career__body {
    padding: 3.2rem 2.4rem
}

@media only screen and (max-width:767px) {
    .card-features-career__body {
        padding: 1.6rem 1.6rem 2.4rem 1.6rem
    }
}

.swiper-slide:nth-child(1)>.card-features-career .card-features-career__img {
    top: 0
}

.swiper-slide:nth-child(2)>.card-features-career .card-features-career__img {
    top: 0
}

.swiper-slide:nth-child(3)>.card-features-career .card-features-career__img {
    top: auto;
    bottom: 0
}

.swiper-slide:nth-child(4)>.card-features-career .card-features-career__img {
    top: 0
}

.filter-catalog {
    background-color: #f4f9ff;
    padding: 2.4rem;
    margin-bottom: 4rem;
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:767px) {
    .filter-catalog {
        margin-left: -5.02vw;
        width: 100vw;
        padding-right: 1.6rem;
        padding-left: 1.6rem;
        border-radius: 2.4rem 0 2.4rem 0
    }
}

@media only screen and (min-width:1024px) {
    .filter-catalog .top-search__slider-wrapper {
        max-width: 53.4rem
    }
}

.filter-catalog__row {
    display: flex;
    gap: 1.2rem;
    margin-top: 2.4rem
}

.filter-catalog__row .ss-main .ss-placeholder {
    color: #203a8f
}

@media (hover) {
    .filter-catalog__row .ss-main:hover .ss-placeholder {
        color: #fff
    }
}

@media (hover) {
    .filter-catalog__row .ss-main:hover:after {
        background-color: #fff
    }
}

.filter-catalog__row .ss-main.ss-open-below:after,
.filter-catalog__row .ss-main.ss-open-above:after {
    background-color: #fff
}

@media only screen and (max-width:1023px) {
    .filter-catalog__row {
        flex-direction: column;
        align-items: flex-start
    }
}

@media only screen and (max-width:767px) {
    .filter-catalog__row {
        margin-bottom: 1.6rem
    }
}

.filter-catalog__radios {
    display: flex;
    gap: 1.2rem
}

@media only screen and (max-width:767px) {
    .filter-catalog__radios {
        flex-direction: column;
        align-items: flex-start
    }
}

.filter-catalog .select-wrapper {
    max-width: 35rem
}

@media only screen and (max-width:1023px) {
    .filter-catalog .select-wrapper {
        max-width: 100%
    }
}

.filter-catalog .filter-products-block {
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .filter-catalog__trigger {
        font-size: 1.6rem;
        margin-top: 1.6rem;
        margin-bottom: 0;
        border-radius: .8rem
    }
}

.filter-vacancies {
    margin-bottom: 4rem
}

@media only screen and (min-width:768px) {
    .filter-vacancies {
        background-color: #f4f9ff;
        padding: 2.4rem;
        border-radius: 4.8rem 0 4.8rem 0
    }
}

.filter-vacancies.js-filters {
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .filter-vacancies.js-filters {
        overflow: visible
    }
}

@media only screen and (max-width:767px) {
    .filter-vacancies .filter-products {
        margin-right: -5vw;
        margin-left: -5vw;
        padding: 0 5vw
    }
}

@media only screen and (max-width:1023px) {
    .filter-vacancies__row .filter-vacancies__search {
        order: -1;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .filter-vacancies__row {
        margin-right: -5vw;
        margin-left: -5vw
    }
}

@media only screen and (max-width:767px) {
    .filter-vacancies__row .filter-vacancies__search {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

.filter-vacancies__search {
    flex: 1 1 auto;
    display: flex;
    gap: 1.2rem;
    min-width: 40%
}

@media only screen and (max-width:767px) {
    .filter-vacancies__search {
        flex-wrap: wrap;
        background-color: #f4f9ff;
        padding: 2.4rem;
        border-radius: 2.4rem 0 2.4rem 0
    }
}

.filter-vacancies__btn-submit {
    min-width: 24.8rem
}

@media only screen and (max-width:767px) {
    .filter-vacancies__btn-submit {
        width: 100%;
        min-width: 0
    }
}

@media only screen and (max-width:767px) {
    .js-filters {
        overflow: auto
    }
}

@media only screen and (max-width:767px) {
    .js-filter-products._show .filter-products-wrapper {
        opacity: 1;
        pointer-events: auto
    }
}

.js-filter-products-trigger * {
    pointer-events: none
}

.filter__input:not(:checked)~.filter-products__item .filter-products__item-icon img:last-child {
    opacity: 0
}

.filter__input:not(:checked)~.filter-products__item-arrow svg {
    -webkit-transform: none;
    transform: none
}

.filter__input:not(:checked)~.filter-products__item-radio {
    cursor: pointer
}

.filter__input:checked~.filter-products__item {
    color: #fff;
    background-color: #203a8f;
    border-color: #203a8f;
    cursor: default
}

.filter__input:checked~.filter-products__item .filter-products__item-icon img:first-child {
    opacity: 0
}

.filter__input:checked~.filter-products__item-arrow svg {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.filter__input:checked~.top-search__slider-item {
    color: #fafcfd;
    background-color: #0051ed
}

.filter__input:checked~.filter-products__item-radio {
    color: #fff;
    background-color: #203a8f
}

.filter__reset {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    color: #94a3cc;
    padding: 0;
    border: none;
    margin-top: 1.2rem
}

@media only screen and (min-width:768px) {
    .filter__reset {
        margin-top: 0;
        margin-left: auto
    }
}

@media (hover) {
    .filter__reset:hover {
        color: #203a8f
    }
}

.filter-products-block {
    margin-bottom: 2.4rem
}

@media only screen and (max-width:767px) {
    .filter-products-block {
        margin-bottom: 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .filter-products-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        z-index: 301;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s
    }

    .filter-products-wrapper:before {
        content: '';
        display: block;
        flex: 1 1 auto;
        min-height: 4rem
    }
}

@media only screen and (max-width:767px) {
    .filter-products-curtain {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding: 2.4rem 1.6rem;
        border-radius: 2.4rem 2.4rem 0 0
    }
}

@media only screen and (max-width:767px) {
    .filter-products-curtain__head {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2.4rem
    }
}

.filter-products-curtain__close {
    display: block;
    padding: 0;
    border: none;
    font-size: 2.4rem;
    line-height: 1.1;
    opacity: .3
}

@media only screen and (max-width:767px) {
    .filter-products-curtain .filter-catalog__row {
        overflow: auto;
        margin-top: 0;
        margin-bottom: 0
    }
}

.filter-products {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: visible
}

.filter-products ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.filter-products li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    flex-shrink: 0;
    margin-right: .8rem
}

.filter-products li::before {
    content: none
}

@media only screen and (max-width:767px) {
    .filter-products li {
        margin-right: 0
    }
}

.filter-products li:last-child {
    margin-right: 0
}

.filter-products__row {
    display: flex
}

@media only screen and (max-width:767px) {
    .filter-products__row {
        flex-direction: column;
        gap: .8rem
    }
}

.filter-products__item {
    gap: 1.6rem;
    height: 5rem;
    color: #203a8f;
    font-size: 1.6rem;
    padding-right: 2.4rem;
    padding-left: 1.6rem;
    border-radius: .8rem;
    border: solid 1px #203a8f;
    cursor: pointer;
    transition: all .3s;
    text-align: left
}

@media (hover) {
    .filter-products__item:hover {
        color: #fff;
        background-color: #203a8f;
        border-color: #203a8f
    }

    .filter-products__item:hover .filter-products__item-icon img:first-child {
        opacity: 0
    }

    .filter-products__item:hover .filter-products__item-icon img:last-child {
        opacity: 1 !important
    }
}

.filter-products__item>svg {
    width: 2.4rem;
    height: 2.4rem
}

.filter-products__item-icon {
    flex-shrink: 0;
    position: relative;
    width: 2rem;
    height: 2rem
}

.filter-products__item-icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s
}

.filter-products__item-icon img:last-child:not(:first-child) {
    opacity: 0
}

.filter-products__item-arrow {
    cursor: pointer
}

.filter-products__item-arrow svg {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.filter-products__item-radio {
    font-size: 1.6rem
}

.join-banner__wrapper {
    overflow: hidden;
    background: rgba(244, 249, 255, .5);
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:767px) {
    .join-banner__wrapper {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

.join-banner__row {
    display: flex
}

@media only screen and (max-width:767px) {
    .join-banner__row {
        flex-direction: column-reverse
    }
}

.join-banner__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4.8rem;
    width: 49.065%;
    padding: 5.6rem
}

@media only screen and (max-width:1023px) {
    .join-banner__body {
        padding: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .join-banner__body {
        width: 100%
    }
}

.join-banner__img {
    width: 50.945%
}

@media only screen and (max-width:767px) {
    .join-banner__img {
        width: 100%
    }
}

.join-banner__img:before {
    padding-bottom: 75.465%
}

@media only screen and (max-width:767px) {
    .join-banner__img:before {
        padding-bottom: 64.299%
    }
}

.last-news {
    overflow: hidden
}

@media only screen and (max-width:2560px) {
    .last-news .swiper-container {
        overflow: visible
    }
}

.last-news .swiper-slide {
    width: 100%;
    height: auto
}

@media only screen and (min-width:768px) {
    .last-news .swiper-slide {
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .last-news .swiper-slide {
        width: 25%
    }
}

.last-news__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 2.4rem
}

@media only screen and (max-width:767px) {
    .last-vacancies {
        overflow: hidden
    }
}

@media only screen and (max-width:767px) {
    .last-vacancies .swiper-container {
        overflow: visible
    }
}

@media only screen and (min-width:768px) {
    .last-vacancies .swiper-wrapper {
        height: 60rem
    }
}

.last-vacancies .swiper-slide {
    width: 100%
}

@media only screen and (max-width:767px) {
    .last-vacancies .swiper-slide {
        height: auto;
        margin-top: 0 !important
    }
}

@media only screen and (min-width:768px) {
    .last-vacancies .swiper-slide {
        height: calc(25% - 18px)
    }
}

.last-vacancies__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.4rem
}

.last-viewed .swiper-container {
    overflow: visible
}

.last-viewed .swiper-slide {
    height: auto
}

@media only screen and (min-width:768px) {
    .last-viewed .swiper-slide {
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .last-viewed .swiper-slide {
        width: 25%
    }
}

.last-viewed__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 2.4rem
}

.main-menu__extra-list {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.main-menu__extra-item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0
}

.main-menu__extra-item::before {
    content: none
}

@media only screen and (max-width:1023px) {
    .main-menu {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding-top: 2.4rem;
        padding-bottom: 2.8rem;
        overflow-y: auto
    }

    .main-menu--extra {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .main-menu {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.main-menu__list {
    list-style: none;
    margin: 0;
    padding-left: 0
}

@media only screen and (max-width:1023px) {
    .main-menu__list {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
}

@media only screen and (min-width:1024px) {
    .main-menu__list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-left: -2.4rem
    }
}

.main-menu__item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0
}

.main-menu__item::before {
    content: none
}

@media only screen and (max-width:1023px) {
    .main-menu__item {
        margin-bottom: 2.4rem
    }

    .main-menu__item:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .main-menu__item {
        margin-left: 2.4rem
    }
}

.main-menu__item.is-current>.main-menu__link {
    color: #203a8f
}

@media only screen and (max-width:1023px) {
    .main-menu__item.is-current>.main-menu__link {
        color: rgba(255, 255, 255, .6)
    }
}

.main-menu__link {
    display: block;
    font-size: 1.2rem;
    color: #fff
}

@media only screen and (max-width:1023px) {
    .main-menu__link {
        font-size: 2.4rem
    }
}

.main-menu__link.button--link:not([href]),
.main-menu__link:not([href]) {
    pointer-events: none;
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}

@media only screen and (min-width:768px) {
    .map__container {
        display: grid
    }
}

.map__head {
    margin-bottom: 2.4rem
}

@media only screen and (min-width:768px) {
    .map__head {
        grid-column: 1/-1;
        grid-row: 1/-1
    }
}

.map__title {
    position: relative;
    z-index: 1
}

.map__buttons {
    position: relative;
    z-index: 1
}

.map__body {
    position: relative;
    width: 114.298%;
    margin-left: -7.142%
}

@media only screen and (min-width:768px) {
    .map__body {
        grid-column: 1/-1;
        grid-row: 1/-1
    }
}

@media only screen and (min-width:1024px) {
    .map__body {
        width: 112.5%;
        margin-left: -6.25%
    }
}

.map__img {
    position: relative
}

.map__img-box:before {
    padding-bottom: 58.336%
}

@media only screen and (max-width:767px) {
    .map__img-box:before {
        padding-bottom: 75%
    }
}

.map__dot-wrapper {
    position: absolute;
    width: 2.5%
}

@media only screen and (max-width:767px) {
    .map__dot-wrapper {
        width: 7.5%
    }
}

.map__dot-wrapper:nth-child(1) {
    top: 47%;
    left: 7.5%
}

@media only screen and (max-width:767px) {
    .map__dot-wrapper:nth-child(1) {
        top: 6%;
        left: 9%
    }
}

@media only screen and (min-width:768px) {
    .map__dot-wrapper:nth-child(1) .tooltip-map {
        bottom: auto;
        left: 110%;
        top: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateY(-50%)
    }
}

.map__dot-wrapper:nth-child(2) {
    top: 62.4%;
    left: 18.7%
}

@media only screen and (max-width:767px) {
    .map__dot-wrapper:nth-child(2) {
        top: 28%;
        left: 17%
    }
}

@media only screen and (min-width:768px) {
    .map__dot-wrapper:nth-child(2) .tooltip-map {
        bottom: auto;
        left: 50%;
        top: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.map__dot-wrapper:nth-child(3) {
    top: 57.5%;
    left: 27.8%
}

@media only screen and (max-width:767px) {
    .map__dot-wrapper:nth-child(3) {
        top: 23%;
        left: 41%
    }
}

@media only screen and (min-width:768px) {
    .map__dot-wrapper:nth-child(3) .tooltip-map {
        bottom: auto;
        left: 50%;
        top: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.map__dot-wrapper:nth-child(4) {
    top: 71.6%;
    left: 39.8%
}

@media only screen and (max-width:767px) {
    .map__dot-wrapper:nth-child(4) {
        top: 45%;
        left: 88%
    }
}

@media only screen and (min-width:768px) {
    .map__dot-wrapper:nth-child(4) .tooltip-map {
        bottom: auto;
        left: 110%;
        top: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (max-width:767px) {
    .map__dots {
        position: relative;
        display: flex
    }

    .map__dots .map__dot-wrapper {
        position: static;
        width: auto
    }

    .map__dots .map__dot {
        display: none
    }
}

.map__dot {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 0;
    border: none
}

@media only screen and (max-width:767px) {
    .map__dot._active {
        pointer-events: none
    }
}

.map__dot._active img:first-child {
    opacity: 0
}

.map__dot._active img:last-child {
    opacity: 1
}

.map__dot._active~.tooltip-map {
    z-index: 1;
    opacity: 1;
    pointer-events: auto
}

@media only screen and (max-width:767px) {
    .map__dot._active~.tooltip-map {
        display: block
    }
}

@media (hover) {
    .map__dot:hover img:first-child {
        opacity: 0
    }

    .map__dot:hover img:last-child {
        opacity: 1
    }
}

.map__dot * {
    pointer-events: none
}

.map__dot:before {
    padding-bottom: 141.679%
}

.map__dot img {
    transition: opacity .3s
}

.map__dot img:last-child {
    opacity: 0
}

.map__stroke-button._active {
    background-color: #203a8f;
    border-color: #203a8f;
    color: #fff
}

.map__buttons {
    gap: 1.2rem
}

.tooltip-map {
    margin: 1.4rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s
}

@media only screen and (max-width:767px) {
    .tooltip-map {
        margin: 0;
        display: none
    }
}

@media only screen and (min-width:768px) {
    .tooltip-map {
        position: absolute;
        left: 50%;
        bottom: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.tooltip-map__wrapper {
    display: block;
    min-width: 30rem;
    background: #fff;
    color: #000;
    padding: 2.4rem 3.2rem;
    border-radius: 0 4.8rem;
    box-shadow: 0 .4rem 15.46em 0 rgba(0, 0, 0, .25)
}

@media only screen and (max-width:767px) {
    .tooltip-map__wrapper {
        min-width: 0;
        border-radius: 3.2rem 0
    }
}

.tooltip-map__subtitle {
    color: rgba(244, 249, 255, .5)
}

.tooltip-map__items {
    color: rgba(0, 0, 0, .5)
}

.tooltip-map__items>* {
    margin-bottom: 2rem
}

.tooltip-map__items>:last-child {
    margin-bottom: 0
}

.mission__wrapper {
    overflow: hidden;
    background-color: #f4f9ff;
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .mission__wrapper {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

.mission__row {
    display: flex
}

@media only screen and (max-width:767px) {
    .mission__row {
        display: block
    }
}

@media only screen and (min-width:768px) {
    .mission__row:before {
        content: '';
        display: block;
        padding-bottom: 47.585%
    }
}

.mission__col {
    width: 52.819%;
    padding: 4.8rem
}

@media only screen and (max-width:1023px) {
    .mission__col {
        padding: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .mission__col {
        width: 100%;
        padding: 2.4rem 1.6rem
    }
}

.mission__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.mission__slider {
    margin-top: 6.4rem;
    position: relative
}

@media only screen and (max-width:1023px) {
    .mission__slider {
        margin-top: 2.4rem
    }
}

.mission__slider .swiper-slide {
    width: 100%;
    height: auto;
    margin-right: 2.4rem
}

.mission__slider .swiper-slide:last-child {
    margin-right: 0
}

.mission__slider .slider__nav {
    z-index: 2;
    position: absolute;
    bottom: 2.4rem;
    left: 2.4rem
}

.mission__img {
    overflow: hidden;
    width: 52.195%;
    border-radius: 0 0 3.2rem 0
}

@media only screen and (max-width:767px) {
    .mission__img {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .mission__img {
        position: absolute;
        right: 0;
        bottom: 0
    }
}

.mission__img:before {
    padding-bottom: 91.177%
}

@media only screen and (max-width:767px) {
    .mission__img:before {
        padding-bottom: 64.299%
    }
}

@media only screen and (min-width:1024px) {
    .mission__img {
        border-radius: 0 0 4.8rem 0
    }
}

.card-mission {
    height: 100%;
    background-color: #fff;
    padding: 2.4rem 2.4rem 10.4rem;
    border-radius: 2.4rem
}

@media only screen and (max-width:767px) {
    .card-mission {
        padding-bottom: 9rem
    }
}

.card-mission__text p {
    opacity: .8
}

.noscript-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: .7em
}

.noscript-bar__content {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #000;
    color: #fff;
    z-index: 100;
    padding: 1em 0
}

.noscript-bar__checkbox {
    display: none
}

.noscript-bar__checkbox:checked+.noscript-bar__content {
    display: none
}

.noscript-bar__cols {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.noscript-bar label {
    cursor: pointer
}

.other-vacancies {
    overflow: hidden
}

.other-vacancies .card-banner-career-slider {
    background-color: #f4f9ff;
    border-radius: 0 4.8rem 0 4.8rem
}

@media only screen and (max-width:1023px) {
    .other-vacancies .card-banner-career-slider {
        border-radius: 0 3.2rem 0 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .other-vacancies .card-banner-career-slider {
        padding-right: 1.6rem;
        padding-left: 1.6rem;
        border-radius: .8rem;
        box-shadow: 0 4px 14px rgba(182, 192, 203, .05)
    }
}

@media only screen and (min-width:768px) {
    .other-vacancies .card-banner-career-slider {
        display: flex;
        flex-direction: row-reverse
    }
}

.other-vacancies .card-banner-career-slider__head {
    margin-bottom: 0
}

.other-vacancies .card-banner-career-slider__head .button {
    display: none
}

.other-vacancies .card-banner-career-slider__body {
    display: flex;
    align-items: center;
    max-width: 53.2rem
}

.other-vacancies .card-banner-career-slider__title {
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .other-vacancies .swiper-container {
        overflow: visible
    }
}

@media only screen and (min-width:768px) {
    .other-vacancies .swiper-wrapper {
        height: 35rem
    }
}

.other-vacancies .swiper-slide {
    width: 100%
}

@media only screen and (max-width:767px) {
    .other-vacancies .swiper-slide {
        height: auto;
        margin-top: 0 !important
    }
}

@media only screen and (min-width:768px) {
    .other-vacancies .swiper-slide {
        height: calc(33.333% - 16px)
    }
}

.other-vacancies__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.4rem
}

.page-footer {
    background: linear-gradient(180deg, #2b97db 0%, #1d70b7 100%), linear-gradient(194.38deg, #80c6e9 -12.59%, #36a9e0 89.79%), linear-gradient(240deg, #dce5f5 38%, #c5d6f4 96.17%), #dce5f5;
    padding-top: 4rem
}

.page-footer--en .page-footer__nav ul {
    grid-template-columns: 1fr 1fr
}

@media only screen and (min-width:1024px) {
    .page-footer--en .page-footer__nav ul {
        max-width: 25rem
    }
}

.page-footer--en .page-footer__contacts li:nth-child(odd) p {
    min-width: 7.4rem
}

.page-footer__wrapper {
    color: rgba(255, 255, 255, .5);
    margin-top: 2.4rem
}

.page-footer__container {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 26.6rem 48.5rem 41.1rem;
    gap: 6.4rem 1.2rem;
    padding: 2.4rem 0 4rem;
    border-top: solid 1px rgba(255, 255, 255, .2)
}

@media only screen and (max-width:1023px) {
    .page-footer__container {
        grid-template-columns: 1fr;
        gap: 4.8rem 0
    }
}

.page-footer__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (max-width:1023px) {
    .page-footer__left {
        order: -1;
        margin-top: -2.4rem
    }

    .page-footer__left:first-child {
        margin-top: 0
    }
}

.page-footer__logo {
    display: block;
    width: 11.1rem;
    margin-bottom: 2.4rem
}

.page-footer__logo:before {
    padding-bottom: 63.966%
}

@media (hover) {
    .page-footer__logo:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.page-footer__nav ul {
    display: grid;
    grid-template-columns: 5fr 3fr 7fr;
    gap: 1.3rem 3rem
}

@media only screen and (max-width:1023px) {
    .page-footer__nav ul {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:767px) {
    .page-footer__nav ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.3rem 2rem
    }
}

@media only screen and (max-width:767px) {
    .page-footer__nav ul li:nth-child(3) {
        margin-top: .8rem
    }
}

@media only screen and (max-width:767px) {
    .page-footer__nav ul li:nth-child(3n+3) {
        grid-column: span 2;
        order: 1
    }
}

.page-footer__links {
    margin-top: 2rem
}

@media only screen and (max-width:1023px) {
    .page-footer__links {
        margin-top: 2.4rem
    }
}

.page-footer__links ul {
    display: grid;
    grid-template-columns: 3fr 7fr;
    gap: 1.3rem 3rem;
    list-style: none;
    margin: 0;
    padding-left: 0
}

@media only screen and (max-width:1023px) {
    .page-footer__links ul {
        grid-template-columns: 6fr 13fr
    }
}

@media only screen and (max-width:767px) {
    .page-footer__links ul {
        grid-template-columns: 1fr
    }
}

.page-footer__links li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0
}

.page-footer__links li::before {
    content: none
}

.page-footer__links a {
    color: rgba(255, 255, 255, .5)
}

@media (hover) {
    .page-footer__links a:hover {
        color: #fff
    }
}

.page-footer__contacts ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem 1.5rem
}

@media only screen and (max-width:1023px) {
    .page-footer__contacts ul {
        flex-direction: column
    }
}

.page-footer__contacts li {
    display: flex;
    gap: 1.2rem
}

@media only screen and (max-width:1023px) {
    .page-footer__contacts li {
        gap: 1.5rem
    }

    .page-footer__contacts li:first-child {
        order: -1
    }

    .page-footer__contacts li:nth-child(3) {
        order: -1
    }
}

.page-footer__contacts li:nth-child(odd) p {
    min-width: 6.3rem
}

.page-footer__contacts li p {
    margin: 0
}

@media only screen and (max-width:1023px) {
    .page-footer__contacts li p {
        min-width: 6.3rem
    }
}

@media only screen and (max-width:1023px) {
    .page-footer__address {
        margin-top: 2.4rem
    }
}

@media only screen and (min-width:1024px) {
    .page-footer__address {
        margin-right: -36rem
    }
}

.page-footer__copyright {
    margin-top: auto
}

@media only screen and (max-width:1023px) {
    .page-footer__lang {
        margin-top: -2.4rem
    }
}

@media only screen and (min-width:1024px) {
    .page-footer__lang {
        display: flex;
        justify-content: flex-end
    }
}

.page-footer__lang a {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: 1.2rem
}

@media only screen and (max-width:1023px) {
    .page-footer__lang a {
        font-size: 1.6rem;
        margin-top: 2rem
    }
}

@media (hover) {
    .page-footer__lang a:hover svg {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

.page-footer__lang a svg {
    flex-shrink: 0;
    width: 1.6rem;
    height: 1.6rem;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.page-footer ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.page-footer li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0
}

.page-footer li::before {
    content: none
}

.page-footer a:not([class]) {
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(255, 255, 255, .2);
    text-decoration-color: rgba(255, 255, 255, .2);
    text-underline-offset: .4rem
}

@media (hover) {
    .page-footer a:not([class]):hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }
}

.page-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%
}

@media only screen and (max-width:1023px) {
    .page-header.is-opened .page-header__nav {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .page-header.is-opened:before {
        opacity: 1;
        pointer-events: auto
    }

    .page-header.is-opened .page-header__burger-icon {
        display: none
    }

    .page-header.is-opened .page-header__close-icon {
        position: relative;
        display: block;
        width: 1.8rem;
        height: 1.3rem
    }
}

.page-header.js-fixed:after {
    opacity: 1
}

@media only screen and (max-width:767px) {
    .page-header .top-search__trigger {
        display: none
    }
}

.page-header a:not([class]),
.page-header .main-menu__link {
    text-decoration: underline;
    text-underline-offset: .4rem
}

@media only screen and (max-width:1023px) {
    .page-header:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, .5);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s
    }
}

.page-header:after {
    content: '';
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #2b97db 0%, #1d70b7 100%);
    opacity: 0;
    pointer-events: none
}

.page-header--main a:not([class]),
.page-header--main .main-menu__link {
    -webkit-text-decoration-color: rgba(255, 255, 255, .2);
    text-decoration-color: rgba(255, 255, 255, .2)
}

@media (hover) {

    .page-header--main a:not([class]):hover,
    .page-header--main .main-menu__link:hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }
}

.page-header--with-search a:not([class]),
.page-header--with-search .main-menu__link {
    -webkit-text-decoration-color: rgba(0, 81, 237, .1);
    text-decoration-color: rgba(0, 81, 237, .1)
}

@media only screen and (max-width:1023px) {

    .page-header--with-search a:not([class]),
    .page-header--with-search .main-menu__link {
        -webkit-text-decoration-color: rgba(255, 255, 255, .2);
        text-decoration-color: rgba(255, 255, 255, .2)
    }
}

@media (hover) {

    .page-header--with-search a:not([class]):hover,
    .page-header--with-search .main-menu__link:hover {
        -webkit-text-decoration-color: #203a8f;
        text-decoration-color: #203a8f
    }
}

.page-header--with-search:after {
    background: #f4f9ff
}

@media only screen and (min-width:1024px) {
    .page-header--with-search .page-header__content:first-child .page-header__left {
        margin-right: 0
    }
}

.page-header--with-search .page-header__logo {
    margin-right: 1.6rem
}

.page-header--with-search .page-header__logo img:last-child {
    /* display: none */
}

.page-header--with-search .page-header__lang a {
    color: #203a8f
}

@media only screen and (max-width:1023px) {
    .page-header--with-search .page-header__lang a {
        color: #fff
    }
}

.page-header--with-search .page-header__service-button {
    background-color: #fff
}

.page-header--with-search .page-header__burger {
    color: #203a8f
}

.page-header--with-search .page-header__search-button {
    color: #203a8f
}

.page-header--with-search .page-header__close-icon {
    color: #203a8f
}

.page-header--with-search .main-menu {
    justify-content: flex-start
}

.page-header--with-search .main-menu__link {
    color: #203a8f
}

@media only screen and (max-width:1023px) {
    .page-header--with-search .main-menu__link {
        color: #fff
    }
}

.page-header--with-search~.l-content .js-padding {
    padding-top: 7.3rem
}

@media only screen and (min-width:768px) {
    .page-header--with-search~.l-content .js-padding {
        padding-top: 12.8rem
    }
}

@media only screen and (min-width:1024px) {
    .page-header--with-search~.l-content .js-padding {
        padding-top: 14.8rem
    }
}

.page-header--with-search.is-opened .page-header__logo img:first-child {
    display: none
}

.page-header--with-search.is-opened .page-header__logo img:last-child {
    display: block
}

.page-header--with-search-white-bg:after {
    background-color: #fafcfd
}

.page-header--with-search-white-color:after {
    background: linear-gradient(180deg, #2b97db 0%, #1d70b7 100%)
}

@media only screen and (max-width:1023px) {
    .page-header--with-search-white-color .page-header__nav {
        background: linear-gradient(180deg, #2b97db 0%, #1d70b7 100%), linear-gradient(180deg, #80c6e9 0%, #36a9e0 100%)
    }
}

.page-header--with-search-white-color .page-header__lang a {
    color: #fff
}

.page-header--with-search-white-color .page-header__logo img:first-child:last-child {
    display: block
}

.page-header--with-search-white-color .page-header__burger {
    color: #203a8f
}

.page-header--with-search-white-color .page-header__search-button {
    color: #203a8f
}

.page-header--with-search-white-color .main-menu__link {
    color: #fff
}

.page-header--with-search-white-color .main-menu__item.is-current>.main-menu__link {
    color: rgba(255, 255, 255, .6)
}

.page-header--with-search-white-color a:not([class]),
.page-header--with-search-white-color .main-menu__link {
    -webkit-text-decoration-color: rgba(255, 255, 255, .2);
    text-decoration-color: rgba(255, 255, 255, .2)
}

@media (hover) {

    .page-header--with-search-white-color a:not([class]):hover,
    .page-header--with-search-white-color .main-menu__link:hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }
}

.page-header--color a:not([class]),
.page-header--color .main-menu__link {
    -webkit-text-decoration-color: rgba(32, 58, 143, .1);
    text-decoration-color: rgba(32, 58, 143, .1)
}

@media only screen and (max-width:1023px) {

    .page-header--color a:not([class]),
    .page-header--color .main-menu__link {
        -webkit-text-decoration-color: rgba(255, 255, 255, .2);
        text-decoration-color: rgba(255, 255, 255, .2)
    }
}

@media (hover) {

    .page-header--color a:not([class]):hover,
    .page-header--color .main-menu__link:hover {
        -webkit-text-decoration-color: #203a8f;
        text-decoration-color: #203a8f
    }
}

.page-header--color:after {
    background: #fff
}

@media only screen and (min-width:1024px) {
    .page-header--color .page-header__lang a {
        height: 5rem;
        color: #203a8f;
        background-color: #f4f9ff;
        padding: 0 2.4rem;
        border-radius: 10em
    }
}

.page-header--color .page-header__burger {
    color: #203a8f
}

.page-header--color .page-header__search-button {
    color: #203a8f
}

.page-header--color .page-header__close-icon {
    color: #203a8f
}

.page-header--color .page-header__logo img:last-child {
    display: none
}

@media only screen and (min-width:1024px) {
    .page-header--color .main-menu__list {
        background-color: #f4f9ff;
        min-height: 5rem;
        padding-right: 24px;
        border-radius: 10em
    }
}

.page-header--color .main-menu__link {
    color: rgba(14, 28, 72, .5)
}

@media only screen and (max-width:1023px) {
    .page-header--color .main-menu__link {
        color: #fff
    }
}

@media only screen and (min-width:1024px) {
    .page-header--color~.l-content .js-padding {
        padding-top: 7rem
    }
}

.page-header--color.is-opened .page-header__logo img:first-child {
    display: none
}

.page-header--color.is-opened .page-header__logo img:last-child {
    display: block
}

.page-header--en~.l-content .js-padding {
    padding-top: 7.2rem
}

@media only screen and (min-width:768px) {
    .page-header--en~.l-content .js-padding {
        padding-top: 6.2rem
    }
}

@media only screen and (min-width:1024px) {
    .page-header--en~.l-content .js-padding {
        padding-top: 6.8rem
    }
}

@media only screen and (min-width:1024px) {
    .page-header--en a:not([class]) {
        -webkit-text-decoration-color: rgba(255, 255, 255, .5);
        text-decoration-color: rgba(255, 255, 255, .5)
    }

    .page-header--en a:not([class]):hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }
}

.page-header--en:not(.page-header--en-color) .page-header__logo img:first-child {
    display: none
}

@media only screen and (min-width:1024px) {
    .page-header--en .page-header__nav {
        align-items: center
    }
}

@media only screen and (min-width:1024px) {
    .page-header--en .main-menu__item {
        margin-left: .8rem
    }
}

@media only screen and (min-width:1024px) {
    .page-header--en .main-menu__item.is-current .main-menu__link {
        color: #fff;
        background-color: transparent
    }
}

@media only screen and (min-width:1024px) {
    .page-header--en .main-menu__link {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 4.8rem;
        font-size: 1.6rem;
        color: #203a8f;
        background-color: #fff;
        padding-right: 1.9rem;
        padding-left: 1.9rem;
        border-radius: 10em;
        text-decoration: none;
        border: solid 1px #fff
    }
}

@media (hover) {
    .page-header--en .main-menu__link:hover {
        color: #fff;
        background-color: transparent
    }
}

.page-header--en-color.js-fixed:after {
    background: #f4f9ff
}

@media only screen and (max-width:1023px) {
    .page-header--en-color.is-opened .page-header__logo img:first-child {
        display: none
    }

    .page-header--en-color.is-opened .page-header__logo img:last-child {
        display: block
    }
}

@media only screen and (min-width:1024px) {
    .page-header--en-color a:not([class]) {
        -webkit-text-decoration-color: rgba(32, 58, 143, .5);
        text-decoration-color: rgba(32, 58, 143, .5)
    }

    .page-header--en-color a:not([class]):hover {
        -webkit-text-decoration-color: #203a8f;
        text-decoration-color: #203a8f
    }
}

.page-header--en-color .page-header__logo img:last-child {
    display: none
}

@media only screen and (min-width:1024px) {
    .page-header--en-color .page-header__lang a {
        color: #203a8f
    }
}

@media only screen and (min-width:1024px) {
    .page-header--en-color .main-menu__item.is-current .main-menu__link {
        color: #fff;
        background-color: #203a8f
    }
}

@media (hover) {
    .page-header--en-color .main-menu__link:hover {
        color: #fff;
        background-color: #203a8f
    }
}

@media only screen and (max-width:1023px) {
    .page-header__container {
        position: static
    }
}

.page-header__burger {
    position: relative;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.7rem;
    height: 3rem;
    color: #fff;
    padding: 0
}

@media only screen and (min-width:1024px) {
    .page-header__burger {
        display: none
    }
}

.page-header__burger-icon {
    display: block;
    width: 1.8rem;
    height: .6rem
}

.page-header__burger-icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.page-header__close-icon {
    display: none;
    margin-left: 0;
    width: 1.8rem;
    height: 1.3rem
}

.page-header__close-icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.page-header__service-button {
    margin-right: .4rem;
    padding: 0;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background-color: #fff;
    color: #203a8f
}

.page-header__service-button svg {
    display: block;
    width: 100%;
    height: 100%
}

.page-header__service-button:last-child {
    margin-right: 0
}

.page-header__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 7rem;
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media only screen and (min-width:768px) {
    .page-header__content {
        min-height: 6.2rem;
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

@media only screen and (min-width:1024px) {
    .page-header__content {
        min-height: 6.2rem
    }
}

.page-header__content+.page-header__content {
    padding-top: 0
}

.page-header__content+.page-header__content .page-header__right {
    flex: 1 1 auto
}

.page-header__content--search {
    min-height: 1px
}

@media only screen and (max-width:767px) {
    .page-header__content--search {
        padding-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .page-header__content--search {
        padding-bottom: 2rem
    }
}

.page-header__left {
    position: relative;
    z-index: 4;
    flex-shrink: 0
}

@media only screen and (min-width:1024px) {
    .page-header__left {
        margin-right: 1.6rem
    }
}

.page-header__logo {
    flex-shrink: 0;
    display: block;
    width: 7.6rem;
    height: 3.6rem
}

@media only screen and (max-width:767px) {
    .page-header__logo {
        width: 6.4rem;
        height: 3rem
    }
}

@media (hover) {
    .page-header__logo {
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .page-header__logo:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.page-header__logo img {
    width: 100%;
    height: 100%
}

.page-header__nav-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.page-header__nav {
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    padding-right: 5.02vw;
    padding-left: 5.02vw
}

@media only screen and (max-width:1023px) {
    .page-header__nav {
        position: fixed;
        z-index: 3;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        width: 100vw;
        right: 0;
        max-height: 100%;
        margin-top: 0;
        padding-top: 7rem;
        padding-bottom: 2rem;
        pointer-events: none;
        box-sizing: border-box;
        transition: all .3s;
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
        overflow: hidden;
        background: linear-gradient(180deg, #2b97db 0%, #1d70b7 100%), linear-gradient(180deg, #80c6e9 0%, #36a9e0 100%)
    }
}

@media only screen and (min-width:768px) {
    .page-header__nav {
        padding-right: 3.13vw;
        padding-left: 3.13vw
    }
}

@media only screen and (min-width:1024px) {
    .page-header__nav {
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }
}

.page-header__right {
    min-width: 0
}

@media only screen and (min-width:1024px) {
    .page-header__right {
        position: relative;
        display: flex;
        align-items: center;
        align-self: center;
        justify-content: space-between;
        flex-grow: 1
    }
}

.page-header__lang {
    line-height: 0
}

.page-header__lang a {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: 1.2rem
}

@media only screen and (max-width:1023px) {
    .page-header__lang a {
        font-size: 1.6rem;
        margin-top: 2rem
    }
}

@media (hover) {
    .page-header__lang a:hover svg {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

.page-header__lang a svg {
    flex-shrink: 0;
    width: 1.6rem;
    height: 1.6rem;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

@media only screen and (min-width:1024px) {
    .page-header__search-button {
        display: none
    }
}

.page-header__search-icon {
    width: 1.2rem;
    height: 1.2rem
}

.page-header__menu-icons {
    display: flex;
    align-items: center
}

.pages-cards--short .card-pages-cards__img:before {
    padding-bottom: 71.093%
}

@media only screen and (max-width:767px) {
    .pages-cards--short .card-pages-cards__img:before {
        padding-bottom: 64.299%
    }
}

@media only screen and (min-width:768px) {
    .pages-cards--short .card-pages-cards__body {
        gap: 1.8rem
    }
}

.pages-cards--short-type-second .pages-cards__col--big {
    width: 100%
}

@media only screen and (max-width:767px) {
    .pages-cards--short-type-second .card-pages-cards {
        border-radius: 0 3.2rem 3.2rem 3.2rem
    }
}

.pages-cards--short-type-second .card-pages-cards__img:before {
    padding-bottom: 54.695%
}

@media only screen and (max-width:767px) {
    .pages-cards--short-type-second .card-pages-cards__img:before {
        padding-bottom: 64.299%
    }
}

@media only screen and (min-width:768px) {
    .pages-cards--short-type-second .card-pages-cards__img-h-450:before {
        padding-bottom: 70.315%
    }
}

@media only screen and (min-width:768px) {
    .pages-cards--short-type-second .card-pages-cards__body {
        gap: 1.8rem
    }
}

@media only screen and (min-width:1024px) {
    .pages-cards__row {
        display: flex;
        gap: 2rem
    }
}

@media only screen and (max-width:1023px) {
    .pages-cards__col {
        margin-bottom: 2rem
    }

    .pages-cards__col:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .pages-cards__col {
        width: 34.375%;
        display: flex;
        flex-direction: column;
        gap: 2rem
    }
}

@media only screen and (min-width:1024px) {
    .pages-cards__col--big {
        width: 64.065%
    }
}

.pages-cards__col--big .card-pages-cards__title {
    margin-bottom: 1.6rem
}

.card-pages-cards {
    display: block;
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

.card-pages-cards:not(.card-pages-cards--no-hover):hover {
    background-color: #dce5f5
}

@media only screen and (max-width:767px) {
    .card-pages-cards {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

@media only screen and (max-width:1023px) {
    .card-pages-cards+.card-pages-cards {
        margin-top: 2rem
    }
}

@media only screen and (min-width:768px) {
    .card-pages-cards--reverse {
        border-radius: 0 4.8rem 0 4.8rem
    }

    .card-pages-cards--reverse .card-pages-cards__img {
        border-top-right-radius: 4.8rem;
        overflow: hidden
    }
}

.card-pages-cards__row {
    display: flex;
    height: 100%
}

@media only screen and (max-width:767px) {
    .card-pages-cards__row {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width:768px) {
    .card-pages-cards__row--reverse {
        flex-direction: row-reverse
    }
}

.card-pages-cards__col {
    width: 100%
}

@media only screen and (min-width:768px) {
    .card-pages-cards__col {
        flex-shrink: 0;
        width: 50%
    }
}

.card-pages-cards__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 3rem;
    height: 100%;
    padding: 3.2rem
}

@media only screen and (max-width:767px) {
    .card-pages-cards__body {
        gap: 4.8rem;
        padding: 2.4rem
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .card-pages-cards__body {
        padding: 2.4rem
    }
}

.card-pages-cards__body .button {
    flex-shrink: 0
}

@media only screen and (min-width:1024px) {
    .card-pages-cards__body-pl-48 {
        padding-left: 4.8rem
    }
}

.card-pages-cards__title {
    margin-bottom: .8rem
}

.card-pages-cards__img:before {
    padding-bottom: 121.952%
}

@media only screen and (max-width:767px) {
    .card-pages-cards__img:before {
        padding-bottom: 64.299%
    }
}

.card-pages-cards__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none
}

@media only screen and (max-width:767px) {
    .card-pages-cards__bg {
        right: 0;
        left: auto;
        width: 28rem
    }
}

.card-pages-cards__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right bottom;
    object-position: right bottom
}

.pg-list {
    display: none;
    position: fixed;
    left: 2.78px;
    bottom: 3rem;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    line-height: 3.8rem;
    border-radius: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center
}

.pg-list img {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: auto
}

.pg-list--2 {
    bottom: 8rem
}

.pg-list--3 {
    bottom: 13rem
}

@media only screen and (max-width:767px) {
    .top-banner-press-center {
        margin-bottom: .8rem
    }
}

.top-banner-press-center__wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 4.8rem 0 12.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .top-banner-press-center__wrapper {
        border-radius: 3.2rem 0 6.4rem 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .top-banner-press-center__wrapper {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

.top-banner-press-center__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #1263c7 0%, #203a8f 100%)
}

.top-banner-press-center__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.top-banner-press-center__row {
    display: flex
}

.top-banner-press-center__row:before {
    content: '';
    display: block;
    padding-bottom: 39.535%
}

@media only screen and (max-width:767px) {
    .top-banner-press-center__row:before {
        padding-bottom: 109.298%
    }
}

.top-banner-press-center__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fafcfd;
    padding: 4.8rem
}

@media only screen and (max-width:1023px) {
    .top-banner-press-center__body {
        padding: 2.4rem
    }
}

.top-banner-press-center__buttons {
    overflow-y: hidden;
    overflow-x: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 4rem
}

@media only screen and (max-width:767px) {
    .top-banner-press-center__buttons {
        margin-top: 2.4rem;
        margin-right: -5vw;
        margin-left: -5vw;
        padding: 0 5vw 1.6rem
    }
}

.top-banner-press-center__buttons .button {
    flex-shrink: 0
}

.slider-news .swiper-container {
    overflow: visible
}

@media only screen and (min-width:1024px) {
    .slider-news .swiper-wrapper {
        flex-wrap: wrap;
        width: auto;
        margin: -1.2rem
    }
}

.slider-news .swiper-slide {
    height: auto;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .slider-news .swiper-slide {
        width: 25%;
        padding: 1.2rem
    }
}

.slider-news__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 4rem
}

@media only screen and (max-width:767px) {
    .slider-news__head {
        gap: 1.2rem;
        margin-bottom: 2.4rem
    }
}

.slider-news__head-title {
    display: flex;
    align-items: center;
    gap: 1.6rem
}

@media only screen and (max-width:767px) {
    .slider-news__head-title {
        gap: 1.2rem
    }
}

.slider-news__tag {
    align-self: center;
    display: inline-block;
    font-size: 1.4rem;
    color: #203a8f;
    background-color: #f4f9ff;
    padding: .8rem 1.2rem;
    margin-top: .4rem;
    border-radius: .8rem
}

.banner-smi__wrapper {
    overflow: hidden;
    display: flex;
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .banner-smi__wrapper {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .banner-smi__wrapper {
        flex-direction: column-reverse;
        border-radius: 3.2rem 0 3.2rem 0
    }
}

.banner-smi__col {
    width: 50%;
    background-color: #f4f9ff
}

@media only screen and (max-width:767px) {
    .banner-smi__col {
        width: 100%
    }
}

.banner-smi__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 4.8rem
}

@media only screen and (max-width:1023px) {
    .banner-smi__body {
        padding: 2.4rem
    }
}

.banner-smi__btns {
    margin-top: 4.8rem
}

@media only screen and (max-width:1023px) {
    .banner-smi__btns {
        margin-top: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .banner-smi__btns {
        margin-top: 4.8rem
    }
}

@media only screen and (max-width:767px) {
    .banner-smi__btns .button {
        white-space: nowrap
    }
}

.banner-smi__note {
    background-color: #fff;
    padding: 2.4rem;
    border-radius: 2.4rem
}

@media only screen and (max-width:1023px) {
    .banner-smi__note {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

.banner-smi__note-item {
    margin-bottom: .8rem;
    color: #7d859b
}

.banner-smi__note-item:first-child {
    color: #121d44
}

.banner-smi__img {
    width: 50%
}

@media only screen and (max-width:767px) {
    .banner-smi__img {
        width: 100%
    }
}

.banner-smi__img:before {
    padding-bottom: 104.676%
}

@media only screen and (max-width:767px) {
    .banner-smi__img:before {
        padding-bottom: 64.299%
    }
}

.news__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 4rem
}

@media only screen and (max-width:767px) {
    .news__head {
        flex-direction: column;
        align-items: flex-start
    }
}

@media only screen and (max-width:767px) {
    .news__head {
        gap: 2.4rem;
        margin-bottom: 2.4rem
    }
}

.news__row {
    display: flex;
    flex-wrap: wrap;
    margin: -1.2rem
}

@media only screen and (max-width:767px) {
    .news__row {
        margin: -.8rem
    }
}

.news__col {
    width: 25%;
    padding: 1.2rem
}

@media only screen and (max-width:1023px) {
    .news__col {
        width: 33.333%
    }
}

@media only screen and (max-width:767px) {
    .news__col {
        width: 100%;
        padding: .8rem
    }
}

.top-card-news-detailed__wrapper {
    overflow: hidden;
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .top-card-news-detailed__wrapper {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

.top-card-news-detailed__row {
    display: flex
}

@media only screen and (max-width:767px) {
    .top-card-news-detailed__row {
        flex-direction: column-reverse
    }
}

.top-card-news-detailed__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3.2rem;
    width: 50%;
    background-color: #fff;
    padding: 4.8rem
}

@media only screen and (max-width:1023px) {
    .top-card-news-detailed__body {
        padding: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .top-card-news-detailed__body {
        width: 100%
    }
}

.top-card-news-detailed__date {
    display: inline-block;
    color: rgba(14, 28, 72, .5);
    background-color: #f4f9ff;
    padding: .4rem 1.2rem;
    border-radius: .8rem
}

.top-card-news-detailed__img {
    width: 50%;
    background: linear-gradient(180deg, #1263c7 0%, #203a8f 100%)
}

@media only screen and (max-width:767px) {
    .top-card-news-detailed__img {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .top-card-news-detailed__img:before {
        padding-bottom: 93.445%
    }
}

.product-forms .swiper-container {
    overflow: visible
}

.product-forms .swiper-slide {
    height: auto
}

@media only screen and (min-width:768px) {
    .product-forms .swiper-slide {
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .product-forms .swiper-slide {
        width: 25%
    }
}

.product-forms__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 2.4rem
}

.products__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 2.4rem
}

@media only screen and (max-width:767px) {
    .products__head {
        gap: 1rem
    }
}

.products__row {
    display: flex;
    flex-wrap: wrap;
    margin: -1.2rem
}

@media only screen and (max-width:1023px) {
    .products__row {
        margin: -.8rem
    }
}

@media only screen and (max-width:767px) {
    .products__row.swiper-wrapper {
        flex-wrap: nowrap;
        margin: 0
    }

    .products__row.swiper-wrapper .swiper-slide {
        height: auto;
        padding: 0;
        margin-right: 2rem
    }

    .products__row.swiper-wrapper .swiper-slide:last-child {
        margin-right: 0
    }
}

.products__col {
    width: 25%;
    padding: 1.2rem
}

@media only screen and (max-width:1023px) {
    .products__col {
        width: 33.333%;
        padding: .8rem
    }
}

@media only screen and (max-width:767px) {
    .products__col {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .products__col {
        height: auto
    }
}

.products__slide {
    width: auto
}

.card-product {
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%;
    background-color: #f4f9ff;
    padding: 2.4rem 2.4rem 0;
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .card-product {
        padding: 0 1.6rem
    }
}

@media (hover) {
    .card-product:hover {
        background-color: #eaf0fc
    }
}

.card-product__disclaimer {
    display: inline-block;
    z-index: 1;
    position: absolute;
    top: 2.4rem;
    left: 2.4rem;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: -.018em;
    color: #0e1c48;
    opacity: .23
}

@media only screen and (max-width:1023px) {
    .card-product__disclaimer {
        top: 1.6rem;
        font-size: 1.4rem
    }
}

.card-product__tags {
    display: flex;
    gap: .4rem
}

.card-product__tag {
    display: inline-block;
    z-index: 1;
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    color: #b60b0b;
    background-color: #f5dcdc;
    padding: .3rem 1.2rem;
    border-radius: .8rem
}

.card-product__img-wrapper {
    position: relative
}

@media only screen and (max-width:767px) {
    .card-product__img-wrapper {
        margin: 0 -.1rem
    }
}

@media only screen and (min-width:768px) {
    .card-product__img:before {
        padding-bottom: 99.216%
    }
}

.card-product__img img {
    -o-object-fit: contain;
    object-fit: contain
}

.card-product__types {
    z-index: 1;
    position: absolute;
    bottom: -2.4rem;
    left: 0;
    display: flex;
    gap: .4rem
}

@media only screen and (max-width:1023px) {
    .card-product__types {
        bottom: 0
    }
}

.card-product__type {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    background-color: #fff;
    border-radius: .8rem
}

@media only screen and (max-width:1023px) {
    .card-product__type {
        bottom: 0;
        left: .8rem
    }
}

@media only screen and (max-width:767px) {
    .card-product__type {
        bottom: 1.6rem
    }
}

.card-product__type--extra {
    background-color: #ceeccd
}

.card-product__type img,
.card-product__type svg {
    width: 2rem;
    height: 2.1rem
}

.card-product__body {
    min-height: 7.4rem;
    padding-bottom: 1.8rem;
    margin-top: 4rem
}

@media only screen and (max-width:1023px) {
    .card-product__body {
        min-height: 0;
        margin-top: 1.6rem;
        padding: 0 .8rem 1.6rem
    }
}

.card-product__title {
    color: #203a8f;
    line-height: 1.166666666666667
}

.projects__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.4rem
}

.projects__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.4rem;
    grid-template-areas: 'a b' 'd b' 'd c'
}

@media only screen and (max-width:1023px) {
    .projects__row {
        gap: 1.2rem
    }
}

@media only screen and (max-width:767px) {
    .projects__row {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .projects__col:nth-child(odd) {
        margin-bottom: 1.2rem
    }

    .projects__col:nth-child(even) {
        margin-bottom: 2.4rem
    }

    .projects__col:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .projects__col[data-col=b] .projects__card {
        padding-left: 3.6rem
    }
}

@media only screen and (min-width:768px) {
    .projects__col[data-col=b] {
        grid-area: b
    }

    .projects__col[data-col=b] {
        grid-area: b
    }

    .projects__col[data-col=c] {
        grid-area: c
    }

    .projects__col[data-col=d] {
        grid-area: d
    }
}

.projects__img {
    overflow: hidden;
    border-radius: 4.8rem 0 4.8rem 0
}

.projects__img:before {
    padding-bottom: 45.384%
}

@media only screen and (max-width:767px) {
    .projects__img:before {
        padding-bottom: 64.299%
    }
}

.projects__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background-color: #f4f9ff;
    padding: 4.8rem;
    border-radius: 0 4.8rem 0 4.8rem
}

@media only screen and (max-width:1023px) {
    .projects__card {
        padding: 2.4rem;
        border-radius: 0 3.2rem 0 3.2rem
    }
}

.projects__card .buttons {
    margin-top: 3.2rem
}

.projects__card .buttons .button {
    white-space: nowrap
}

.projects__text p {
    opacity: .8
}

.quality-control__row {
    overflow: hidden;
    display: flex;
    background-color: #f4f9ff;
    border-radius: 4.8rem 4.8rem 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .quality-control__row {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .quality-control__row {
        flex-direction: column;
        border-radius: 0 0 3.2rem 3.2rem
    }
}

.quality-control__col {
    width: 50%
}

@media only screen and (max-width:767px) {
    .quality-control__col {
        width: 100%
    }
}

.quality-control__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 3.2rem
}

@media only screen and (max-width:1023px) {
    .quality-control__body {
        padding: 2.4rem
    }
}

.quality-control__body .buttons {
    margin-top: 3.2rem
}

@media only screen and (max-width:767px) {
    .quality-control__body .buttons {
        margin-top: 4.8rem
    }
}

.quality-control__text {
    flex: 1 1 auto
}

.quality-control__text p {
    opacity: .8
}

.quality-control__text p.opacity-05 {
    opacity: .5
}

.quality-control__img {
    overflow: hidden;
    width: 50%;
    border-radius: 0 4.8rem 0 0
}

@media only screen and (max-width:767px) {
    .quality-control__img {
        order: -1;
        width: 100%;
        border-radius: 0 3.2rem 0 0
    }
}

.quality-control__img:before {
    padding-bottom: 70.315%
}

@media only screen and (max-width:767px) {
    .quality-control__img:before {
        padding-bottom: 64.299%
    }
}

@media only screen and (min-width:768px) {
    .quality-control__img--low::before {
        padding-bottom: 50%
    }
}

@media only screen and (min-width:1024px) {
    .quality-control__img+.quality-control__col .quality-control__body {
        padding-left: 4.8rem
    }
}

@media only screen and (max-width:767px) {
    .quality-control--type-second .quality-control__row {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

.quality-control--type-second .quality-control__img {
    border-radius: 0 4.8rem 0 0
}

@media only screen and (max-width:1023px) {
    .quality-control--type-second .quality-control__img {
        border-radius: 0 0 3.2rem 0
    }
}

@media only screen and (max-width:767px) {
    .quality-control--type-second .quality-control__img {
        border-radius: 3.2rem 0 0 0
    }
}

.quality-control--no-border-right-top .quality-control__row {
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .quality-control--no-border-right-top .quality-control__row {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .quality-control--no-border-right-top .quality-control__row {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

.quality-control--no-border-right-top .quality-control__img {
    border-radius: 0 0 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .quality-control--no-border-right-top .quality-control__img {
        border-radius: 0 0 3.2rem 0
    }
}

@media only screen and (max-width:767px) {
    .quality-control--no-border-right-top .quality-control__img {
        border-radius: 3.2rem 0 0 0
    }
}

@media only screen and (max-width:767px) {
    .request .l-container {
        width: 100%
    }
}

.request--blue-gradient {
    background: linear-gradient(180deg, #2b97db 0%, #1d70b7 100%), linear-gradient(180deg, #80c6e9 0%, #36a9e0 100%)
}

.request--form-white-bg .request__col {
    background-color: #fff
}

.request--form-white-bg .form__input,
.request--form-white-bg .form__textarea {
    background-color: #f4f9ff
}

.request--form-white-bg .form__file-zone {
    background-color: #f4f9ff
}

.request--form-white-bg .select--white.ss-main:not(:hover):not(.ss-open-below) {
    background-color: #f4f9ff
}

.request--form-white-bg .select--white.ss-main.ss-open-below.ss-main:after {
    background-color: #fff
}

.request--form-white-bg .form__option-checkbox {
    background-color: #f4f9ff
}

.request__wrapper {
    overflow: hidden;
    border-radius: 0 4.8rem 0 4.8rem
}

@media only screen and (max-width:1023px) {
    .request__wrapper {
        border-radius: 0 3.2rem 0 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .request__wrapper {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

.request__row {
    display: flex
}

@media only screen and (max-width:1023px) {
    .request__row {
        flex-direction: column-reverse
    }
}

.request__col {
    position: relative;
    z-index: 1;
    width: 50%;
    background-color: #f4f9ff;
    padding: 4.8rem
}

@media only screen and (max-width:1023px) {
    .request__col {
        width: 100%;
        padding: 2.4rem 1.6rem
    }
}

.request__img {
    position: relative;
    width: 50%;
    background: linear-gradient(180deg, #1263c7 0%, #203a8f 100%)
}

@media only screen and (max-width:1023px) {
    .request__img {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .request__img {
        height: 49rem
    }
}

.request__img:before {
    padding-bottom: 64.299%
}

@media only screen and (min-width:768px) {
    .request__img:before {
        padding-bottom: 128.75%
    }
}

@media only screen and (max-width:767px) {
    .request__img-box:before {
        padding-bottom: 161.078%
    }
}

@media only screen and (min-width:1024px) {
    .request__img-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .request--blue-gradient .request__img img {
        -o-object-position: center 53%;
        object-position: center 53%
    }
}

.request__info {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    color: #fafcfd;
    padding: 1.6rem;
	pointer-events: auto;
}

@media only screen and (min-width:1024px) {
    .request__info {
        position: relative;
        padding: 2.4rem 4.8rem 4.8rem
    }
}

.request__info a {
    display: inline-block;
    color: #71a1ff
}

@media (hover) {
    .request__info a:hover {
        text-decoration: underline
    }
}

.search-results__head {
    margin-bottom: 4rem
}

.search-results__head-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.4rem
}

@media only screen and (max-width:767px) {
    .search-results__head-row {
        flex-direction: column;
        align-items: flex-start
    }
}

.search-results__head-btns {
    overflow: auto;
    flex-wrap: nowrap
}

@media only screen and (max-width:767px) {
    .search-results__head-btns {
        margin-right: -5vw;
        margin-left: -5vw;
        padding: 0 5vw
    }
}

.search-results__head-btns .button {
    flex-shrink: 0
}

.search-results__body {
    margin: 2.4rem 0
}

.card-search-results {
    display: block;
    position: relative;
    background: #fff;
    box-shadow: 0 .4rem 1.4rem rgba(182, 192, 203, .05);
    padding: 2rem 2.4rem;
    margin-bottom: 2rem;
    border-radius: .8rem
}

@media only screen and (max-width:767px) {
    .card-search-results {
        padding: 3.6rem 2.4rem 2.4rem;
        margin-bottom: 3rem
    }
}

@media (hover) {
    .card-search-results:hover {
        box-shadow: 2px 7px 34px rgba(105, 121, 163, .3)
    }
}

.card-search-results:last-child {
    margin-bottom: 0
}

.card-search-results__row {
    display: flex;
    align-items: center;
    gap: 1.6rem
}

@media only screen and (max-width:767px) {
    .card-search-results__row {
        display: block
    }
}

.card-search-results__img {
    overflow: hidden;
    width: 25rem;
    border-radius: .8rem
}

@media only screen and (max-width:767px) {
    .card-search-results__img {
        margin-bottom: 1.6rem
    }
}

@media only screen and (min-width:768px) {
    .card-search-results__img {
        width: 16rem
    }
}

.card-search-results__img img {
    -o-object-fit: contain;
    object-fit: contain
}

.card-search-results__body {
    flex: 1 1 auto
}

.card-search-results__title {
    margin-bottom: 1.2rem
}

.card-search-results__text {
    opacity: .5;
    max-width: 70rem
}

.card-search-results__tag {
    display: inline-block;
    color: #203a8f;
    border: 1px solid #203a8f;
    padding: .4rem .8rem;
    border-radius: .8rem
}

@media only screen and (max-width:767px) {
    .card-search-results__tag {
        position: absolute;
        top: 0;
        right: 0
    }
}

@media only screen and (min-width:1024px) {
    .share {
        position: relative;
        z-index: 2
    }
}

.share__row {
    display: flex;
    justify-content: flex-end
}

.share__link {
    gap: .4rem;
    height: auto;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #0051ed;
    padding: 0;
    margin-bottom: 2rem;
    text-decoration: underline;
    text-underline-offset: .6rem;
    -webkit-text-decoration-color: rgba(0, 81, 237, .1);
    text-decoration-color: rgba(0, 81, 237, .1)
}

@media only screen and (min-width:1024px) {
    .share__link {
        position: absolute;
        bottom: 100%
    }
}

@media (hover) {
    .share__link:hover {
        -webkit-text-decoration-color: #0051ed;
        text-decoration-color: #0051ed
    }

    .share__link:hover svg:not(.button-share__icon) {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

.share__link svg {
    flex-shrink: 0;
    width: 1.6rem;
    height: 1.6rem
}

.share__link svg:not(.button-share__icon) {
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.sitemap-page {
    color: #0e1c48;
    margin-bottom: 8rem
}

.sitemap>li {
    margin-bottom: 1.6rem
}

.sitemap>li:last-child {
    margin-bottom: 0
}

.sitemap li a {
    color: #203a8f;
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(0, 81, 237, .102);
    text-decoration-color: rgba(0, 81, 237, .102);
    text-underline-offset: .2rem;
    text-underline-position: under
}

.sitemap li a:not([class]) {
    color: #203a8f;
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(0, 81, 237, .102);
    text-decoration-color: rgba(0, 81, 237, .102);
    text-underline-offset: .2rem;
    text-underline-position: under
}

.sitemap li a:hover {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.sitemap li a:not([class]):hover {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.slider-brands__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 2.4rem
}

.slider-brands__item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #f4f9ff;
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media (hover) {
    .slider-brands__item:hover {
        background-color: #dce5f5
    }

    .slider-brands__item:hover img {
        opacity: 1
    }
}

.slider-brands__item img {
    width: 15.8rem;
    opacity: .4;
    transition: opacity .3s
}

@media only screen and (max-width:767px) {
    .slider-brands__item img {
        width: 11.5rem
    }
}

.slider-brands .swiper-container {
    overflow: visible
}

.slider-brands .swiper-slide {
    width: 20.6rem;
    height: 10rem;
    margin-right: .8rem
}

@media only screen and (max-width:767px) {
    .slider-brands .swiper-slide {
        width: 13.6rem;
        height: 6.6rem
    }
}

.slider-brands .swiper-slide:last-child {
    margin-right: 0
}

.slider-buy__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 2.4rem
}

.slider-buy__item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #f4f9ff;
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media (hover) {
    .slider-buy__item:hover {
        background-color: #fafcfd;
        box-shadow: 2px 7px 34px rgba(105, 121, 163, .3)
    }

    .slider-buy__item:hover img {
        opacity: 1;
        -webkit-filter: none;
        filter: none
    }
}

.slider-buy__item img {
    width: 21rem;
    opacity: .3;
    transition: all .3s
}

@media only screen and (max-width:767px) {
    .slider-buy__item img {
        opacity: 1;
        width: 12rem
    }
}

@media only screen and (min-width:768px) {
    .slider-buy__item img {
        -webkit-filter: grayscale(1);
        filter: grayscale(1)
    }
}

.slider-buy .swiper-container {
    overflow: visible
}

.slider-buy .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: .8rem
}

@media only screen and (min-width:768px) {
    .slider-buy .swiper-wrapper {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media only screen and (min-width:1024px) {
    .slider-buy .swiper-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }
}

.slider-buy .swiper-slide {
    width: 100%;
    height: 9.1rem;
    margin-right: 0
}

@media only screen and (max-width:767px) {
    .slider-buy .swiper-slide {
        height: 6.6rem
    }
}

.sources {
    background-color: #f4f9ff
}

@media only screen and (min-width:1024px) {
    .sources--en .sources__extra-list._one li {
        width: 100%;
        padding-right: 0
    }
}

@media only screen and (min-width:1024px) {
    .sources--en .sources__extra-list:not(._one) {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .sources--en .sources__extra-list:not(._one) li {
        display: inline-block;
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        float: left
    }
}

@media only screen and (min-width:1024px) {
    .sources--en .sources__extra-list li {
        width: 100%
    }
}

.sources a {
    color: inherit;
    word-break: break-word
}

@media (hover) {
    .sources a:hover {
        text-decoration: underline
    }
}

.sources__wrapper,
.sources__header {
    position: relative
}

.sources__header {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.sources__title-wrapper {
    display: flex;
    align-items: center;
    gap: 1.6rem
}

.sources__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    opacity: .6
}

.sources__icon {
    width: 2.4rem;
    height: 2.4rem
}

.sources__list-wrapper {
    padding-top: 0
}

.sources__list {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width:1024px) {
    .sources__list:not(._one) {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .sources__list:not(._one) li {
        display: inline-block;
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        float: left
    }
}

.sources__list li {
    margin: 2.4rem 0;
    opacity: .6
}

@media only screen and (min-width:1024px) {
    .sources__list li {
        padding-left: 2.4rem
    }
}

@media only screen and (min-width:1024px) {
    .sources__list li {
        margin: .8rem 0
    }
}

@media only screen and (max-width:1023px) {
    .sources__list li:first-child {
        margin-top: 0
    }
}

.sources__list li::before {
    min-width: 1.6rem;
    margin-right: .4rem
}

@media only screen and (min-width:1024px) {
    .sources__list li::before {
        position: absolute;
        left: 0
    }
}

.sources__list li small {
    font-size: 100%
}

.sources__extra-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
    margin-top: .8rem;
    margin-bottom: 3.2rem
}

@media only screen and (max-width:1023px) {
    .sources__extra-list {
        margin-top: 1.6rem
    }
}

.sources__extra-list li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: .8rem;
    opacity: .6
}

.sources__extra-list li::before {
    content: none
}

@media only screen and (min-width:1024px) {
    .sources__extra-list li {
        width: 50%;
        padding-right: 1.2rem
    }
}

.sources__extra-list li:last-child {
    margin-bottom: 0
}

.sources__extra-list small {
    font-size: 100%
}

.top-advantages .swiper-slide {
    height: auto
}

@media only screen and (min-width:768px) {
    .top-advantages .swiper-slide {
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .top-advantages .swiper-slide {
        width: 25%
    }
}

@media only screen and (max-width:767px) {
    .top-advantages .l-container {
        width: 100vw
    }
}

.top-advantages__wrapper {
    overflow: hidden;
    background-color: #fff;
    padding: 4.8rem;
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .top-advantages__wrapper {
        padding: 2.4rem
    }
}

.top-advantages__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 2.4rem
}

.card-top-advantages {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 21.6rem;
    background-color: #f4f9ff;
    padding: 2.4rem;
    border-radius: .8rem
}

@media (hover) {
    .card-top-advantages:hover .card-top-advantages__bg {
        opacity: 1
    }

    .card-top-advantages:hover .card-top-advantages__body {
        color: #fff
    }
}

.card-top-advantages__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #203a8f;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s
}

.card-top-advantages__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card-top-advantages__body {
    position: relative;
    z-index: 1;
    color: #121d44;
    transition: color .3s
}

.top-banner-projects__wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .top-banner-projects__wrapper {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .top-banner-projects__wrapper {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .top-banner-projects__bg {
        position: relative
    }

    .top-banner-projects__bg:before {
        content: '';
        display: block;
        padding-bottom: 100%
    }
}

@media only screen and (min-width:768px) {
    .top-banner-projects__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

.top-banner-projects__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width:767px) {
    .top-banner-projects__bg img {
        position: absolute;
        top: 0;
        left: 0
    }
}

.top-banner-projects__row {
    display: flex
}

.top-banner-projects__row:before {
    content: '';
    display: block
}

@media only screen and (min-width:768px) {
    .top-banner-projects__row:before {
        padding-bottom: 46.725%
    }
}

.top-banner-projects__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fafcfd;
    padding: 4.8rem
}

@media only screen and (max-width:1023px) {
    .top-banner-projects__body {
        padding: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .top-banner-projects__body {
        width: 100%;
        color: #0e1c48;
        background-color: #fafcfd
    }
}

.top-banner {
    background: linear-gradient(180deg, #2b97db 0%, #1d70b7 100%), linear-gradient(355.73deg, #80c6e9 2.62%, #36a9e0 85.46%), linear-gradient(240deg, #dce5f5 38%, #c5d6f4 96.17%), linear-gradient(0deg, #dce5f5, #dce5f5), linear-gradient(180deg, #1263c7 0%, #203a8f 100%);
    mix-blend-mode: normal;
    padding-bottom: 4rem
}

@media only screen and (max-width:767px) {
    .top-banner .l-container {
        width: auto;
        max-width: none;
        width: 100vw;
        margin: 0
    }
}

.top-banner__wrapper {
    overflow: hidden;
    color: #f4f9ff;
    background: linear-gradient(169.46deg, #1e67b0 26.1%, #1d5da7 91.17%), rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    border-radius: 4.8rem 0 4.8rem 0;
    margin-top: 1rem;
    margin-bottom: 2rem
}

@media only screen and (max-width:767px) {
    .top-banner__wrapper {
        background: linear-gradient(262.25deg, #204698 3.96%, #1f5aa5 82.55%), rgba(255, 255, 255, .1);
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px);
        border-bottom-left-radius: 4.8rem;
        margin-top: 0
    }
}

.top-banner__row {
    display: flex
}

@media only screen and (max-width:767px) {
    .top-banner__row {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width:768px) {
    .top-banner__col {
        flex-shrink: 0;
        width: 50%
    }
}

.top-banner__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5rem;
    padding: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .top-banner__body {
        padding: 3.2rem 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .top-banner__body {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem
    }
}

.top-banner__title {
    line-height: 1.1
}

.top-banner__img:before {
    padding-bottom: 80.945%
}

@media only screen and (max-width:767px) {
    .top-card-factory--no-reverse-mob .top-card-factory__row {
        flex-direction: column
    }
}

@media only screen and (max-width:767px) {
    .top-card-factory .l-container {
        width: 100vw
    }
}

.top-card-factory__row {
    overflow: hidden;
    display: flex;
    background-color: #fff;
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .top-card-factory__row {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .top-card-factory__row {
        flex-direction: column-reverse;
        border-radius: 3.2rem 0 3.2rem 0
    }

    .top-card-factory__row--control {
        border-top-left-radius: 0
    }
}

.top-card-factory__body {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 4.8rem
}

@media only screen and (max-width:1023px) {
    .top-card-factory__body {
        padding: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .top-card-factory__body {
        width: 100%
    }
}

.top-card-factory__text {
    margin-bottom: 3.2rem
}

@media only screen and (max-width:1023px) {
    .top-card-factory__text {
        margin-bottom: 2.4rem
    }
}

.top-card-factory__text:last-child {
    margin-bottom: 0
}

.top-card-factory__text p {
    opacity: .8
}

.top-card-factory__text a {
    color: inherit
}

@media (hover) {
    .top-card-factory__text a:hover {
        text-decoration: underline
    }
}

.top-card-factory__title {
    margin-bottom: 3.2rem
}

@media only screen and (max-width:1023px) {
    .top-card-factory__title {
        margin-bottom: 2.4rem
    }
}

.top-card-factory__list {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    margin: -1.6rem
}

@media only screen and (max-width:1023px) {
    .top-card-factory__list {
        margin: -1.2rem
    }
}

.top-card-factory__list--row {
    flex-direction: column;
    flex-wrap: nowrap
}

@media only screen and (min-width:1024px) {
    .top-card-factory__list--row {
        margin: -.8rem
    }
}

.top-card-factory__list--row .top-card-factory__list-col {
    width: 100%
}

@media only screen and (min-width:1024px) {
    .top-card-factory__list--row .top-card-factory__list-col {
        padding: .8rem
    }
}

.top-card-factory__list--row .top-card-factory__tag {
    flex-shrink: 0
}

.top-card-factory__list-col {
    width: 50%;
    padding: 1.6rem
}

@media only screen and (max-width:1023px) {
    .top-card-factory__list-col {
        width: 100%;
        padding: 1.2rem
    }
}

.top-card-factory__tags {
    flex: 1 1 auto
}

.top-card-factory__tags-row {
    display: flex;
    flex-wrap: wrap;
    max-width: 51.1rem;
    margin: -.6rem
}

@media only screen and (min-width:1024px) {
    .top-card-factory__tags-row {
        max-width: none
    }
}

.top-card-factory__tags-col {
    padding: .6rem
}

@media only screen and (min-width:1024px) {
    .top-card-factory__tags-col {
        width: 43.71%
    }

    .top-card-factory__tags-col:nth-child(2n) {
        order: 1
    }

    .top-card-factory__tags-col:nth-child(3),
    .top-card-factory__tags-col:nth-child(4) {
        width: 50.366%
    }
}

.top-card-factory__contacts {
    padding-top: 3.2rem
}

@media only screen and (max-width:1023px) {
    .top-card-factory__contacts {
        padding-top: .8rem
    }
}

.top-card-factory__contacts-item {
    padding-bottom: 0;
    margin-bottom: 2.4rem;
    border-bottom: solid 1px rgba(0, 0, 0, .1)
}

@media only screen and (max-width:1023px) {
    .top-card-factory__contacts-item {
        margin-bottom: 1.6rem
    }
}

.top-card-factory__contacts-item:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.top-card-factory__contacts-item a {
    color: inherit
}

@media (hover) {
    .top-card-factory__contacts-item a {
        text-underline-offset: .2rem
    }

    .top-card-factory__contacts-item a:hover {
        text-decoration: underline
    }
}

.top-card-factory__tag-row {
    display: flex;
    align-items: center;
    gap: 1.6rem
}

@media only screen and (max-width:1023px) {
    .top-card-factory__tag-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.2rem
    }
}

.top-card-factory__tag {
    display: inline-flex;
    align-items: center;
    gap: 1.2rem;
    background-color: #f4f9ff;
    padding: .8rem 1.6rem .8rem .8rem;
    border-radius: .8rem
}

@media only screen and (min-width:768px) {
    .top-card-factory__tag {
        padding: .8rem .8rem .8rem .8rem
    }
}

.top-card-factory__tag-icon {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    background: linear-gradient(180deg, rgba(18, 99, 199, .1) 0%, rgba(32, 58, 143, .1) 100%);
    border-radius: .8rem
}

.top-card-factory__tag-icon img,
.top-card-factory__tag-icon svg {
    width: 2.4rem;
    height: 2.4rem
}

.top-card-factory__btns {
    margin-top: 3.2rem
}

@media only screen and (max-width:767px) {
    .top-card-factory__btns .button {
        white-space: nowrap
    }

    .top-card-factory__btns .button span:first-letter {
        text-transform: uppercase
    }
}

.top-card-factory__img {
    position: relative;
    width: 50%
}

@media only screen and (max-width:767px) {
    .top-card-factory__img {
        width: 100%
    }
}

.top-card-factory__img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none
}

.top-card-factory__img-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom right;
    object-position: bottom right
}

.top-card-factory__img-box {
    height: 100%
}

.top-card-factory__img-box:before {
    padding-bottom: 90.315%
}

@media only screen and (max-width:767px) {
    .top-card-factory__img-box:before {
        padding-bottom: 64.299%
    }
}

@media only screen and (max-width:767px) {
    .top-card .l-container {
        width: 100vw
    }
}

.top-card__wrapper {
    background-color: #fff;
    padding: 4.8rem;
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .top-card__wrapper {
        padding: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .top-card__wrapper {
        padding: 1.6rem;
        border-radius: 3.2rem 0 3.2rem 0
    }
}

.top-card__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'img head' 'img body';
    align-items: start;
    gap: 0 9.6rem
}

@media only screen and (max-width:1023px) {
    .top-card__row {
        gap: 0 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .top-card__row {
        display: flex;
        flex-direction: column
    }
}

.top-card__head {
    grid-area: head;
    margin-bottom: 4.2rem
}

@media only screen and (max-width:1023px) {
    .top-card__head {
        margin-bottom: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .top-card__head {
        margin-bottom: 4rem
    }
}

.top-card__head-row {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem
}

@media only screen and (max-width:767px) {
    .top-card__head-row {
        gap: 1.2rem
    }
}

.top-card__tags {
    display: flex;
    flex-wrap: wrap
}

.top-card__tag {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    color: #68728d;
    background-color: #f4f9ff;
    padding: 1.4rem 1.6rem 1.4rem 1.4rem;
    border-radius: .8rem
}

@media only screen and (max-width:1023px) {
    .top-card__tag {
        font-size: 1.4rem;
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.top-card__tag img,
.top-card__tag svg {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem
}

.top-card__img {
    grid-area: img;
    position: relative;
    overflow: hidden;
    border-radius: 2.4rem
}

@media only screen and (max-width:767px) {
    .top-card__img {
        order: -1;
        width: 100%;
        margin-bottom: 1.2rem
    }
}

.top-card__img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f9ff
}

.top-card__img-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.top-card__img-box img {
    -o-object-fit: contain;
    object-fit: contain
}

.top-card__img-box:before {
    padding-bottom: 100%
}

@media only screen and (max-width:767px) {
    .top-card__img-box:before {
        padding-bottom: 97.182%
    }
}

.top-card__body {
    grid-area: body
}

@media only screen and (max-width:767px) {
    .top-card__body {
        padding: 0 0 .8rem
    }
}

.top-card__text {
    max-width: 43rem
}

@media only screen and (max-width:767px) {
    .top-card__text {
        max-width: 100%
    }
}

@media only screen and (min-width:768px) {
    .top-card__text {
        font-size: 1.8rem
    }
}

.top-card__notes {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-bottom: 3.2rem
}

.top-card__note {
    display: flex;
    align-items: center;
    gap: .8rem;
    color: rgba(14, 28, 72, .6);
    background-color: #f4f9ff;
    padding: .9rem 1.6rem;
    border-radius: .8rem
}

@media only screen and (max-width:1023px) {
    .top-card__note {
        font-size: 1.4rem
    }
}

.top-card__note img,
.top-card__note svg {
    flex-shrink: 0;
    width: 1.6rem;
    height: 1.6rem
}

.top-card__note._age {
    color: red;
    background-color: rgba(255, 0, 0, .102);
    padding-right: 1.2rem;
    padding-left: 1.2rem
}

.top-card__list {
    margin-bottom: 4.2rem
}

@media only screen and (max-width:1023px) {
    .top-card__list {
        margin-bottom: 3.2rem
    }
}

.top-card__list-row {
    display: flex;
    align-items: center;
    margin-bottom: .8rem
}

.top-card__list-row:last-child {
    margin-bottom: 0
}

.top-card__list-col:first-child {
    min-width: 9.6rem;
    margin-right: 2.4rem
}

@media only screen and (max-width:767px) {
    .top-card__list-col:first-child {
        margin-right: 1.2rem
    }
}

.top-card__list-item {
    display: flex;
    align-items: center
}

.top-card__list-subtitle {
    font-size: 1.2rem;
    color: rgba(14, 28, 72, .5)
}

.top-card__btns .button {
    font-size: 1.6rem
}

@media only screen and (max-width:767px) {
    .top-card__btns .button {
        font-size: 1.8rem
    }

    .top-card__btns .button--main-with-lavander {
        padding-left: 1.9rem
    }

    .top-card__btns .button--main-with-lavander span:not([class]) {
        margin-left: auto;
        margin-right: 2rem
    }

    .top-card__btns .button--main-with-lavander .button__icon:first-child {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .top-card__btns {
        align-items: flex-start
    }
}

._open-search .dropdown-top-search {
    opacity: 1;
    pointer-events: auto
}

.top-search {
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 0
}

.top-search--white .top-search__form {
    background-color: #fff
}

.top-search--white .top-search__slider:before {
    background: linear-gradient(to right, #fff 5%, transparent 100%)
}

.top-search--white .top-search__slider:after {
    background: linear-gradient(to left, #fff 5%, transparent 100%)
}

.top-search--with-filters .top-search__row {
    gap: 2.4rem
}

.top-search--with-filters .filter-products {
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .top-search--with-filters .filter-products {
        overflow: visible
    }
}

.top-search--with-filters .filter-products__row {
    height: 100%
}

@media only screen and (max-width:767px) {
    .top-search--with-filters .filter-products__row {
        flex-direction: row;
        gap: 0
    }
}

@media only screen and (max-width:767px) {
    .top-search--with-filters .filter-products__row .swiper-slide {
        margin-right: .8rem
    }

    .top-search--with-filters .filter-products__row .swiper-slide:last-child {
        margin-right: 0
    }
}

.top-search--with-filters .filter-products__item {
    min-height: 100%;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    border-radius: 10em
}

.top-search--with-filters .filter-products li {
    width: auto
}

.top-search__row {
    display: flex;
    gap: .8rem
}

@media only screen and (max-width:767px) {
    .top-search__row {
        flex-direction: column
    }
}

.top-search__row>.button {
    flex-shrink: 0;
    height: 5.6rem;
    font-size: 1.6rem
}

.top-search__row>.button--white {
    background-color: #f4f9ff
}

.top-search__form {
    flex: 1 1 auto;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 10em;
    background-color: #f4f9ff
}

.top-search__trigger {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    padding: 0;
    border: none;
    text-align: left;
    color: rgba(32, 58, 143, .5)
}

.top-search__trigger * {
    pointer-events: none
}

.top-search__trigger .top-search__input {
    display: flex;
    align-items: center
}

.top-search__icon {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
    margin-left: 1.5rem;
    margin-right: 1.1rem;
    border: none
}

.top-search__icon svg {
    width: 2rem;
    height: 2rem
}

@media (hover) {
    .top-search [type=submit].top-search__icon:hover:not([disabled]) {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.top-search__input {
    flex: 1 1 auto;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: transparent;
    border: none;
    height: 5.6rem;
    padding: 0;
    margin-right: 1.6rem
}

@media only screen and (max-width:767px) {
    .top-search__input {
        font-size: 1.6rem
    }
}

.top-search__input:focus-visible {
    outline: none
}

.top-search__input::-webkit-input-placeholder {
    color: rgba(32, 58, 143, .5)
}

.top-search__input::-moz-placeholder {
    color: rgba(32, 58, 143, .5)
}

.top-search__input::-ms-input-placeholder {
    color: rgba(32, 58, 143, .5)
}

.top-search__input::placeholder {
    color: rgba(32, 58, 143, .5)
}

.top-search__close {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    margin-right: 2rem;
    padding: 0;
    border: none
}

@media only screen and (max-width:1023px) {
    .top-search__close {
        margin-right: .8rem
    }
}

@media (hover) {
    .top-search__close:hover:not([disabled]) {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.top-search__close img,
.top-search__close svg {
    width: 2.4rem;
    height: 2.4rem
}

.top-search__slider-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 54.8%
}

.top-search__slider-wrapper._show-shadow-start .top-search__slider::before {
    opacity: 1
}

.top-search__slider-wrapper._show-shadow-end .top-search__slider::after {
    opacity: 1
}

@media only screen and (max-width:767px) {
    .top-search__slider-wrapper {
        display: none
    }
}

.top-search__slider {
    margin-right: -.2rem;
    margin-left: -.2rem
}

.top-search__slider:before,
.top-search__slider:after {
    content: '';
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    height: 100%;
    width: 5rem;
    opacity: 0;
    pointer-events: none
}

@media only screen and (max-width:1023px) {

    .top-search__slider:before,
    .top-search__slider:after {
        width: 10rem
    }
}

.top-search__slider:before {
    left: 0;
    background: linear-gradient(to right, #f4f9ff 5%, transparent 100%)
}

.top-search__slider:after {
    right: 0;
    background: linear-gradient(to left, #f4f9ff 5%, transparent 100%)
}

.top-search__slider .swiper-container {
    overflow: visible
}

.top-search__slider .swiper-slide {
    width: 4.4rem;
    height: 4.4rem;
    margin-right: .2rem;
    margin-left: .2rem
}

.top-search__slider-item {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    font: inherit;
    color: #203a8f;
    background-color: #e3ecfa;
    padding: 0;
    border-radius: 50%;
    cursor: pointer
}

@media (hover) {
    .top-search__slider-item:hover:not([disabled]) {
        color: #fafcfd;
        background-color: #203a8f
    }
}

.top-search__slider-item:active:not([disabled]) {
    transition: none;
    color: #fafcfd;
    background: rgba(32, 58, 143, .8)
}

.top-search__slider-item._active {
    color: #fafcfd;
    background-color: #0051ed
}

.top-search__btn-submit {
    min-width: 15.2rem
}

@media only screen and (min-width:1024px) {
    .top-search__slider-wrapper {
        display: flex;
        align-items: center;
        overflow: visible
    }
}

.top-search__slider {
    width: 100%;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:1023px) {
    .top-search__nav {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .top-search__nav {
        position: relative;
        z-index: 3;
        flex-shrink: 0;
        margin-left: .2rem;
        margin-right: .6rem
    }

    .top-search__nav .button--circle {
        width: 4.4rem;
        height: 4.4rem;
        background-color: #e3ecfa
    }
}

.dropdown-top-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: rgba(0, 0, 0, .6);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s
}

.dropdown-top-search__wrapper {
    background-color: #f4f9ff;
    padding: 1.6rem 0 1.2rem;
    border-radius: 0 0 2.4rem 2.4rem
}

@media only screen and (max-width:767px) {
    .dropdown-top-search__wrapper {
        padding-bottom: 1.6rem
    }
}

.dropdown-top-search__row {
    display: flex;
    align-items: center;
    gap: 1.2rem
}

.dropdown-top-search__list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 1.6rem
}

.dropdown-top-search__list-wrapper {
    margin-top: 1.6rem;
    border-radius: 3.2rem;
    padding: 3.2rem;
    background-color: #fff
}

@media only screen and (max-width:767px) {
    .dropdown-top-search__list-wrapper {
        padding: 2.4rem;
        border-radius: 2.4rem
    }
}

.dropdown-top-search__list-links {
    display: flex;
    flex-direction: column;
    overflow: auto;
    max-height: 38.6rem
}

@media only screen and (max-width:1023px) {
    .dropdown-top-search__list-links {
        max-height: 28rem
    }
}

.dropdown-top-search__list-links a {
    display: flex;
    align-items: center;
    gap: .8rem;
    color: #203a8f;
    padding: 1.2rem 0;
    border-radius: .8rem
}

.dropdown-top-search__list-links a:not([class]) {
    text-decoration: none
}

@media only screen and (max-width:767px) {
    .dropdown-top-search__list-links a {
        padding-top: .8rem;
        padding-bottom: .8rem
    }
}

@media (hover) {
    .dropdown-top-search__list-links a:hover {
        background: rgba(0, 81, 237, .1);
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

.dropdown-top-search__list-links a img,
.dropdown-top-search__list-links a svg {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem
}

@media only screen and (max-width:767px) {

    .dropdown-top-search__list-links a img,
    .dropdown-top-search__list-links a svg {
        width: 2rem;
        height: 2rem
    }
}

.dropdown-top-search .page-header__logo img:first-child:last-child {
    display: block
}

.dropdown-top-search .button {
    min-width: 15.2rem
}

.dropdown-top-search .top-search__form {
    overflow: visible;
    background-color: #fff
}

.dropdown-top-search .top-search__input {
    height: 4.8rem
}

@media only screen and (max-width:767px) {
    .slider-top-search-mob:not(._show-spoller) .top-search__slider-wrapper {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .slider-top-search-mob._show-spoller .trigger-top-search-slider-mob {
        color: #fff;
        background-color: #203a8f
    }

    .slider-top-search-mob._show-spoller .trigger-top-search-slider-mob svg {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1)
    }
}

.slider-top-search-mob .top-search__slider-wrapper {
    display: block;
    max-width: 100%;
    margin-top: 1.2rem
}

.slider-top-search-mob .top-search__slider-wrapper .swiper-wrapper {
    flex-wrap: wrap
}

.slider-top-search-mob .top-search__slider-wrapper .swiper-slide {
    margin-top: .2rem;
    margin-bottom: .2rem
}

.slider-top-search-mob .top-search__slider:before,
.slider-top-search-mob .top-search__slider:after {
    display: none
}

@media only screen and (max-width:767px) {
    .trigger-top-search-slider-mob {
        font-size: 1.6rem
    }
}

.tpg--white-bg .tpg__wrapper {
    background-color: #fff;
    border-radius: 4.8rem 4.8rem 4.8rem 0
}

.tpg--white-bg .tpg__body {
    max-width: 88.1rem
}

@media only screen and (max-width:767px) {
    .tpg--other .tpg__body {
        width: auto;
        min-width: 100%;
        margin-right: -5vw;
        margin-left: -5vw
    }
}

.tpg__wrapper {
    position: relative
}

@media only screen and (max-width:1023px) {
    .tpg__sticky {
        margin-bottom: 2rem
    }
}

@media only screen and (min-width:1024px) {
    .tpg__sticky {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 4.8rem
    }
}

@media only screen and (min-width:1024px) {
    .tpg__sticky--right {
        top: 4.8rem;
        right: 4.8rem;
        left: auto
    }
}

@media only screen and (min-width:1024px) {
    .tpg__sticky-box {
        position: -webkit-sticky;
        position: sticky;
        top: 15rem;
        left: 0;
        width: 100%
    }
}

.tpg__body {
    width: 100%;
    max-width: 84.6rem;
    background-color: #fff;
    border-radius: 0 4.8rem 0 4.8rem;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (max-width:1023px) {
    .tpg__body {
        border-radius: 0 2.4rem 0 2.4rem
    }
}

.tpg__content {
    padding: 4.8rem
}

@media only screen and (max-width:1023px) {
    .tpg__content {
        padding: 2.4rem 1.6rem
    }
}

.tpg__note {
    background-color: #f4f9ff;
    padding: 2.4rem;
    margin: 2rem 0;
    border-radius: 2.4rem
}

@media only screen and (max-width:1023px) {
    .tpg__note {
        padding: 2.4rem 1.6rem
    }
}

@media only screen and (min-width:768px) {
    .tpg__note--big-outer-bottom {
        margin-bottom: 6rem
    }
}

.tpg__slider {
    position: relative;
    overflow: hidden;
    margin-top: 2.4rem;
    margin-bottom: 6.4rem
}

.tpg__slider .slider__pag {
    position: absolute;
    z-index: 2;
    left: 2.4rem;
    right: 2.4rem;
    bottom: 2.4rem
}

.tpg__slider .swiper-slide {
    margin-right: 2.4rem
}

.tpg__slider .swiper-slide:last-child {
    margin-right: 0
}

.tpg__slider-card {
    overflow: hidden;
    border-radius: 4.8rem 0 4.8rem 0
}

.tpg__slider-img:before {
    padding-bottom: 44.535%
}

@media only screen and (max-width:767px) {
    .tpg__slider-img:before {
        padding-bottom: 81.059%
    }
}

.tpg__slider-img ul {
    color: rgba(14, 28, 72, .6)
}

.tpg h1 {
    font-size: 4.4rem;
    line-height: 1.045454545454545;
    margin-bottom: 4.8rem
}

.tpg h1:first-child {
    margin-top: 0
}

@media only screen and (max-width:1023px) {
    .tpg h1 {
        font-size: 2.8rem;
        line-height: 1.33
    }
}

@media only screen and (max-width:767px) {
    .tpg h1 {
        font-size: 1.8rem
    }
}

@media only screen and (max-width:767px) {
    .tpg h1.tpg__title-24-mob {
        font-size: 2.4rem;
        margin-bottom: 2.4rem
    }
}

.tpg h2 {
    font-size: 1.8rem;
    line-height: 1.33;
    font-weight: 600;
    margin: 4.8rem 0 2rem 0
}

.tpg h2:first-child {
    margin-top: 0
}

@media only screen and (max-width:1023px) {
    .tpg h2 {
        font-size: 1.6rem
    }
}

.tpg p:last-child {
    margin-bottom: 0
}

.tpg ul,
.tpg ol {
    margin: 2rem 0
}

.tpg ul:last-child,
.tpg ol:last-child {
    margin: 0
}

.tpg ul li,
.tpg ol li {
    margin-bottom: 2rem
}

.tpg ul li:last-child,
.tpg ol li:last-child {
    margin-bottom: 0
}

.tpg ol li {
    display: flex
}

.tpg ol li:before {
    min-width: 2rem
}

.tpg a:not([class]) {
    color: #203a8f;
    text-decoration: underline
}

@media (hover) {
    .tpg a:not([class]):hover {
        color: #0e1c48
    }
}

.tpg__note--vacancy {
    border-radius: .8rem;
    margin-top: 4.8rem
}

.tpg__note--vacancy+.tpg__note--vacancy {
    margin-top: 2.4rem
}

.tpg__note--vacancy ul li {
    padding-left: 2rem;
    margin-bottom: 1.2rem;
    color: rgba(14, 28, 72, .5)
}

.tpg__note--vacancy ul li:before {
    top: .5em;
    left: 0;
    width: .5em;
    height: .5em;
    background-color: #203a8f;
    border-radius: .2rem;
    opacity: 1
}

.tpg__table {
    font-size: 1.2rem;
    line-height: 1.4
}

@media only screen and (max-width:767px) {
    .tpg__table {
        overflow-y: hidden;
        overflow-x: auto;
        padding-right: 1.6rem;
        padding-left: 1.6rem;
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }
}

.tpg__table table {
    table-layout: fixed;
    margin-top: 2rem;
    margin-bottom: 2rem
}

@media only screen and (max-width:767px) {
    .tpg__table table {
        min-width: 75rem
    }
}

.tpg__table tbody {
    color: rgba(14, 28, 72, .8)
}

.tpg__table tbody td {
    vertical-align: top
}

.tpg__table td,
.tpg__table th {
    padding: 1.6rem 1.2rem;
    border-color: #203a8f
}

.tpg__table td>div {
    border-top: solid 1px #203a8f;
    padding-top: 1.6rem;
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    margin-right: -1.2rem;
    margin-left: -1.2rem
}

.tpg__table td>div:first-child {
    min-height: 6.6rem;
    padding-top: 0;
    padding-bottom: 1.6rem;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    border-top: none
}

.tpg__table a:not([class]) {
    color: inherit
}

.two-blocks__row {
    display: flex;
    margin: -1.2rem
}

@media only screen and (max-width:1023px) {
    .two-blocks__row {
        margin: -.6rem
    }
}

@media only screen and (max-width:767px) {
    .two-blocks__row {
        overflow: hidden;
        flex-direction: column;
        background-color: #f4f9ff;
        margin: 0;
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

.two-blocks__col {
    width: 50%;
    padding: 1.2rem
}

@media only screen and (max-width:1023px) {
    .two-blocks__col {
        padding: .6rem
    }
}

@media only screen and (max-width:767px) {
    .two-blocks__col {
        width: 100%;
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    .two-blocks__col--img {
        order: -1
    }
}

@media only screen and (min-width:1024px) {
    .two-blocks__col--img+.two-blocks__col .two-blocks__body {
        padding-left: 3.6rem
    }
}

.two-blocks__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    background-color: #f4f9ff;
    padding: 4.8rem;
    border-radius: 0 4.8rem 0 4.8rem
}

@media only screen and (max-width:1023px) {
    .two-blocks__body {
        padding: 2.4rem;
        border-radius: 0 3.2rem 0 3.2rem
    }
}

.two-blocks__text {
    flex: 1 1 auto
}

.two-blocks__text p {
    opacity: .8;
    margin-bottom: 2.4rem
}

@media only screen and (max-width:1023px) {
    .two-blocks__text p {
        margin-bottom: 1.6rem
    }
}

.two-blocks__btns {
    margin-top: 4.8rem
}

@media only screen and (max-width:767px) {
    .two-blocks__btns .button {
        white-space: nowrap
    }
}

.two-blocks__img {
    overflow: hidden;
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .two-blocks__img {
        border-radius: 3.2rem 3.2rem 0 4.8rem
    }
}

@media only screen and (min-width:768px) {
    .two-blocks__img {
        height: 100%
    }
}

.two-blocks__img:before {
    padding-bottom: 95.546%
}

@media only screen and (max-width:767px) {
    .two-blocks__img:before {
        padding-bottom: 64.299%
    }
}

@media only screen and (min-width:768px) {
    .types-banner--short .types-banner__img-box::before {
        padding-bottom: 56.37%
    }
}

@media only screen and (min-width:768px) {
    .types-banner--high .types-banner__img {
        height: 100%
    }
}

@media only screen and (min-width:768px) {
    .types-banner--high .types-banner__img-box {
        height: 100%
    }

    .types-banner--high .types-banner__img-box::before {
        padding-bottom: 79.377%
    }
}

@media only screen and (max-width:767px) {
    .types-banner--img-first .types-banner__row {
        border-radius: 0 2.4rem 2.4rem 2.4rem
    }
}

.types-banner--img-first .types-banner__img {
    border-radius: 0 4.8rem 0 4.8rem
}

@media only screen and (max-width:1023px) {
    .types-banner--img-first .types-banner__img {
        border-radius: 0 3.2rem 0 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .types-banner--img-first .types-banner__img {
        border-radius: 0 2.4rem 0 2.4rem
    }
}

.types-banner--img-first .types-banner__body {
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .types-banner--img-first .types-banner__body {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

@media only screen and (max-width:767px) {
    .types-banner--img-first .types-banner__body {
        border-radius: 0 0 2.4rem 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .types-banner--img-first-extra-radius .types-banner__row {
        border-radius: 0 2.4rem 2.4rem 2.4rem
    }
}

.types-banner--img-first-extra-radius .types-banner__img {
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .types-banner--img-first-extra-radius .types-banner__img {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

@media only screen and (max-width:767px) {
    .types-banner--img-first-extra-radius .types-banner__img {
        border-radius: 0 2.4rem 0 0
    }
}

.types-banner--img-first-extra-radius .types-banner__body {
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .types-banner--img-first-extra-radius .types-banner__body {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

@media only screen and (max-width:767px) {
    .types-banner--img-first-extra-radius .types-banner__body {
        border-radius: 0 0 2.4rem 2.4rem
    }
}

.types-banner__row {
    display: flex;
    margin: -1.2rem
}

@media only screen and (max-width:1023px) {
    .types-banner__row {
        margin: -.6rem
    }
}

@media only screen and (max-width:767px) {
    .types-banner__row {
        overflow: hidden;
        display: block;
        background-color: #f4f9ff;
        border-radius: 3.2rem;
        margin: 0
    }
}

@media only screen and (min-width:768px) {
    .types-banner__row--reverse {
        flex-direction: row-reverse
    }
}

.types-banner__col {
    width: 50%;
    padding: 1.2rem
}

@media only screen and (max-width:1023px) {
    .types-banner__col {
        padding: .6rem
    }
}

@media only screen and (max-width:767px) {
    .types-banner__col {
        width: 100%;
        padding: 0
    }
}

.types-banner__img {
    overflow: hidden;
    position: relative;
    background: rgba(38, 89, 166, .1);
    border-radius: 4.8rem 0 4.8rem 4.8rem
}

@media only screen and (max-width:1023px) {
    .types-banner__img {
        border-radius: 3.2rem 0 3.2rem 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .types-banner__img {
        border-radius: 0 3.2rem 0 4.8rem
    }
}

@media only screen and (min-width:768px) {
    .types-banner__img {
        height: 100%
    }
}

.types-banner__img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.types-banner__img-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.types-banner__img-box:before {
    padding-bottom: 71.664%
}

@media only screen and (max-width:767px) {
    .types-banner__img-box:before {
        padding-bottom: 64.299%
    }
}

@media only screen and (min-width:768px) {
    .types-banner__img-box {
        height: 100%
    }
}

.types-banner__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #f4f9ff;
    padding: 4.8rem;
    border-radius: 4.8rem 4.8rem 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .types-banner__body {
        padding: 2.4rem;
        border-radius: 3.2rem 3.2rem 3.2rem 0
    }
}

.types-banner__text {
    flex: 1 1 auto
}

.types-banner__text p {
    opacity: .8
}

.types-banner__text+.types-banner__text {
    margin-top: 3.2rem
}

.types-banner__btns {
    margin-top: 2.4rem
}

@media only screen and (max-width:767px) {
    .types-banner__btns {
        margin-top: 4.8rem
    }
}

@media only screen and (max-width:767px) {
    .types-banner__btns .button span:first-letter {
        text-transform: uppercase
    }
}

.types-banner__contacts {
    padding-top: 2.4rem
}

@media only screen and (max-width:1023px) {
    .types-banner__contacts {
        padding-top: .8rem
    }
}

.types-banner__contacts a {
    color: inherit
}

@media (hover) {
    .types-banner__contacts a:hover {
        text-decoration: underline;
        text-underline-offset: .2rem
    }
}

.types-banner__contacts-item {
    padding-bottom: 0;
    margin-bottom: 2.4rem;
    border-bottom: solid 1px rgba(0, 0, 0, .1)
}

@media only screen and (max-width:1023px) {
    .types-banner__contacts-item {
        margin-bottom: 1.6rem
    }
}

.types-banner__contacts-item:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.cards-vacancies__col {
    margin-bottom: 2rem
}

.cards-vacancies__col:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:2560px) {
    .vote .swiper-container {
        overflow: visible
    }
}

.vote .swiper-slide {
    width: 95.4rem;
    height: auto;
    margin-right: 2.4rem
}

@media only screen and (max-width:1023px) {
    .vote .swiper-slide {
        width: 57rem
    }
}

@media only screen and (max-width:767px) {
    .vote .swiper-slide {
        width: 100%;
        margin-right: 1.2rem
    }
}

.vote .swiper-slide:last-child {
    margin-right: 0
}

.vote .button.swiper-button-lock {
    display: inline-flex;
    visibility: hidden
}

.vote__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 2.4rem
}

.card-vote {
    overflow: hidden;
    background-color: #f4f9ff;
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:767px) {
    .card-vote {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

@media only screen and (max-width:767px) {
    .card-vote .buttons {
        position: absolute;
        bottom: 2.4rem;
        left: 1.6rem;
        width: calc(100% - 3.2rem);
        justify-content: center
    }
}

@media only screen and (max-width:767px) {
    .card-vote .buttons .button {
        padding-right: 2.2rem;
        padding-left: 2.2rem
    }
}

.card-vote__row {
    position: relative;
    display: flex;
    padding: 4rem
}

@media only screen and (max-width:1023px) {
    .card-vote__row {
        padding: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .card-vote__row {
        display: block;
        padding: 0 0 12.4rem 0
    }
}

.card-vote__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
    width: 48.866%
}

@media only screen and (max-width:767px) {
    .card-vote__body {
        width: 100%;
        padding: 2.4rem 2.4rem 4.8rem
    }
}

.card-vote__link {
    margin-bottom: 2.4rem
}

.card-vote__img {
    width: 47.66%;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .card-vote__img {
        width: 100%
    }
}

.card-vote__img:before {
    padding-bottom: 78.371%
}

@media only screen and (max-width:767px) {
    .card-vote__img:before {
        padding-bottom: 78.577%
    }
}

.card-vote__img img {
    -o-object-fit: contain;
    object-fit: contain
}

.card-vote__label {
    cursor: pointer
}

.card-vote__label input {
    display: none
}

.banner-vote__row {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    background-color: #f4f9ff;
    border-radius: 4.8rem 0 4.8rem 0
}

@media only screen and (max-width:767px) {
    .banner-vote__row {
        flex-direction: column-reverse;
        border-radius: 3.2rem 0 3.2rem 0
    }
}

.banner-vote__col {
    padding: 4rem
}

@media only screen and (max-width:1023px) {
    .banner-vote__col {
        padding: 2.4rem
    }
}

.banner-vote__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    max-width: 55.2rem
}

.banner-vote__img {
    align-self: flex-start;
    width: 100%
}

@media only screen and (min-width:768px) {
    .banner-vote__img {
        width: 43.25%
    }
}

.banner-vote__img:before {
    padding-bottom: 82.144%
}

@media only screen and (min-width:768px) {
    .banner-vote__img:before {
        padding-bottom: 72.337%
    }
}

.warning {
    border-radius: 1.6rem;
    vertical-align: middle;
    color: #0e1c48;
    background-color: #fff;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1)
}

@media only screen and (min-width:768px) {
    .warning {
        width: 67.4rem;
        border-radius: 2.4rem
    }
}

@media only screen and (min-width:1024px) {
    .warning {
        width: 67.4rem
    }
}

.warning__wrapper {
    padding: 1.8rem
}

@media only screen and (min-width:768px) {
    .warning__wrapper {
        padding: 4rem
    }
}

.warning__title {
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    line-height: 1.33
}

@media only screen and (min-width:768px) {
    .warning__title {
        margin-bottom: 2.4rem;
        font-size: 3rem;
        line-height: 1.1
    }
}

.warning__text {
    font-size: 1.4rem;
    line-height: 1.571428571428571
}

@media only screen and (min-width:768px) {
    .warning__text {
        font-size: 1.8rem;
        line-height: 1.555555555555556
    }
}

@media only screen and (max-width:767px) {
    .warning__buttons-container .button {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .warning__buttons-container .button {
        flex-grow: 1
    }
}

@media only screen and (min-width:1024px) {
    .warning__buttons-container {
        gap: .4rem;
        flex-wrap: nowrap
    }

    .warning__buttons-container .button {
        padding-right: 2.6rem;
        padding-left: 2.6rem
    }
}

@media only screen and (min-width:768px) {
    .warning__button--no {
        order: -1
    }
}

#bufer {
    position: absolute;
    top: -5000px
}

.filter__input:checked~.filter-products__item {
    cursor: pointer
}

.career-mob {
    display: none
}

.disclaimer__text {
    font-size: 2.49vw !important
}

.swiper-factories,
.swiper-wrapper {
    height: 100%
}

.swiper-factories {
    overflow: hidden
}

.top-card-factory__img-box {
    width: 100%
}

.types-banner .types-banner__text.types-banner__text-contacts {
    flex: initial
}

.types-banner .types-banner__text.types-banner__text-contacts h3 {
    padding-bottom: 1rem
}

.quality-control-safety .quality-control__col:first-child {
    order: 2
}

.quality-control-safety.quality-control--type-second .quality-control__img {
    border-radius: 4.8rem 0 4.8rem 0
}

.quality-control-safety .quality-control__body .buttons {
    margin-top: 4rem
}

.quality-control-safety .quality-control__body .button {
    background-color: #203a8f;
    color: #fff
}

.quality-control-safety .quality-control__body .button:hover {
    background-color: #0051ed
}

.quality-control-safety .quality-control__text {
    flex: initial
}

.top-card-factory__tags-col .top-card-factory__tag {
    min-height: 6.7rem
}

.buttons-vacs div:first-child {
    color: #fff;
    background-color: #203a8f
}

#popup-away .warning__buttons-container {
    justify-content: flex-start
}

#popup-away .warning__button {
    margin-right: 1.5rem
}

.mission__body .card-mission {
    padding: 2.4rem 2.4rem 3rem 2.4rem
}

.fake-slider,
.swiper-pagination-fake,
.swiper-navigation-fake {
    display: none
}

.fake-slider .swiper-slide {
    margin-right: 0 !important
}

.types-banner__row-contacts .types-banner__img-box:before {
    padding-bottom: 63.664%
}

.types-banner__row-contacts .types-banner__contacts-item:first-child {
    padding-bottom: 2rem
}

.banner-smi__mail {
    text-decoration: underline
}

@media only screen and (max-width:1023px) {
    .two-blocks__img.item-response-plane {
        border-radius: 3.2rem 0 0 0 !important
    }

    .two-blocks__row.two-blocks__row-contacts {
        border-radius: 3.2rem 0 3.2rem 0
    }
}

@media only screen and (min-width:768px) {
    .mission__row:before {
        padding-bottom: 37.585%
    }

    .mission__row .mission__img:before {
        padding-bottom: 72.177%
    }
}

@media (min-width:768px) {
    .quality-control-safety .quality-control__text.some-text p {
        max-width: 75%
    }

    .mission__body {
        justify-content: flex-start
    }
}

@media (min-width:768px) {
    .quality-control__img:before {
        padding-bottom: 47%
    }

    .quality-control-vacs .quality-control__img:before {
        padding-bottom: 50%
    }

    .quality-control-vacs .quality-control--type-second .quality-control__img {
        border-radius: 0 0 4.8rem 0 !important
    }

    .quality-control-vacs .quality-control__row {
        border-radius: 4.8rem 0 4.8rem 4.8rem !important
    }

    .quality-control-vacs.quality-control--type-second .quality-control__img {
        border-radius: 0 0 4.8rem 0 !important
    }

    .pages-cards-robot .card-pages-cards__col:first-child {
        order: 2
    }

    .pages-cards-robot .card-pages-cards__col:last-child {
        border-radius: 0 4.8rem 0 4.8rem;
        order: 1
    }

    .pages-cards-robot .card-pages-cards {
        border-radius: 0 0 0 4.8rem
    }

    .pages-cards-robot img {
        border-radius: 0 4.8rem 0 4.8rem
    }

    .pages-cards-robot .card-pages-cards__body {
        padding-left: 4.8rem
    }

    .pages-cards-robot.pages-cards--short-type-second .card-pages-cards__img:before {
        padding-bottom: 70.35%
    }

    .quality-control__onfact .quality-control__img:before,
    .quality-control__row-fac .quality-control__img:before {
        padding-bottom: 70.2%
    }

    .quality-control__onfact {
        border-radius: 0 4.8rem 4.8rem 4.8rem
    }

    .quality-control__row-fac {
        border-radius: 0 4.8rem 0 4.8rem
    }
}

@media (max-width:767px) {

    .quality-control__onfact.quality-control__row,
    .quality-control__row-fac.quality-control__row {
        border-radius: 0 3.2rem 3.2rem 3.2rem
    }

    .disclaimer__text {
        font-size: 1.6rem !important
    }

    .swiper-container-filters .products__col {
        width: 100% !important
    }

    .top-card-factory-career .top-card-factory__img {
        height: 88vw
    }

    .quality-control-safety.quality-control--type-second .quality-control__img {
        border-radius: 4.8rem 0 0 0
    }

    .filter-products__item {
        padding-bottom: .5rem;
        height: initial;
        padding-top: .5rem;
        min-height: 5rem
    }

    .banner-career__col:last-child {
        order: 1
    }

    .banner-career__col:first-child {
        order: 2
    }

    .career-mob {
        display: block
    }

    .career-desk {
        display: none
    }

    .two-blocks__row {
        border-radius: 3.2rem 3.2rem 3.2rem 3.2rem
    }

    .quality-control__row {
        border-radius: 3.2rem 3.2rem 3.2rem 3.2rem
    }
}

.map__img-box:before {
    padding-bottom: 65%
}

.map__dot-wrapper:nth-child(1) {
    top: 6%;
    left: 18.5%
}

.map__dot-wrapper:nth-child(2) {
    top: 31.4%;
    left: 19.7%
}

.map__dot-wrapper:nth-child(3) {
    top: 28.5%;
    left: 36.8%
}

.map__dot-wrapper:nth-child(4) {
    top: 64.6%;
    left: 61.8%
}

.map__head {
    margin-bottom: 3rem
}

.button--map .button__icon {
    display: none
}

.button--map {
    cursor: pointer !important;
    margin-right: .8rem;
    font-size: 1.6rem
}

.button--map.button--lavander:hover,
.button--map.button--lavander.active {
    background-color: #203a8f !important;
    border-color: #203a8f;
    color: #fff
}

.map__swich {
    display: flex
}

.map__head-arrs {
    display: none
}

@media (max-width:1023px) {
    .button--map {
        font-size: 1.2rem;
        padding: 1rem;
        height: initial
    }
}

.tooltip-map__subtitle {
    display: none
}

.tooltip--title {
    font-weight: 700
}

.tooltip-map__items>* {
    margin-bottom: 0
}

.tooltip-map__items .button {
    margin-top: 2rem
}

@media only screen and (min-width:768px) {
    .map__dot-wrapper:nth-child(1) .tooltip-map {
        bottom: auto;
        left: 50%;
        top: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width:767px) {
    .button--map {
        display: none
    }

    .map__head {
        margin-bottom: 10vw
    }

    .map__img-box:before {
        padding-bottom: 76%
    }

    .map__dot-wrapper:nth-child(1) {
        top: -4%;
        left: 16.5%
    }

    .map__dot-wrapper:nth-child(2) {
        top: 23.4%;
        left: 17.7%
    }

    .map__dot-wrapper:nth-child(3) {
        top: 20.5%;
        left: 35.8%
    }

    .map__dot-wrapper:nth-child(4) {
        top: 56.6%;
        left: 57.8%
    }

    .tooltip-map__wrapper {
        max-width: 88%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1rem
    }

    .map__head-arrs {
        display: flex
    }

    .map-arr {
        width: 5.6rem;
        height: 5.6rem
    }

    .map-arr-forw {
        margin-left: 1rem;
        -webkit-transform: scale(-1);
        transform: scale(-1)
    }

    .map__head {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

@media only screen and (min-width:1920px) {
    .disclaimer__text {
        font-size: 3.5rem !important
    }
}

@media print {

    *,
    :before,
    :after {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

#mocha {
    margin: 0 !important;
    padding: 1em;
    border-top: .1em solid #000;
    line-height: 1;
    color: #000;
    background: #fff;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    flex: none
}

#mocha a {
    text-decoration: none
}