/*==========================================================================================================================================================================*/
/* Подключение шрифтов */
@font-face {
    font-family: "Mail Sans Roman";
    src: url("../fonts/MailSansRoman-Regular.woff2") format("woff2"),
        url("../fonts/MailSansRoman-Regular.woff") format("woff"),
        url("../fonts/MailSansRoman-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mail Sans Roman";
    src: url("../fonts/MailSansRoman-Medium.woff2") format("woff2"),
        url("../fonts/MailSansRoman-Medium.woff") format("woff"),
        url("../fonts/MailSansRoman-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



/*==========================================================================================================================================================================*/
/* Обнуление */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

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

html {
    scroll-behavior: smooth;
}

html,
body {
    width: 100%;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

input,
button,
textarea {
    font-family: inherit;
    outline: none;
    border: none;
}

input,
button,
textarea {
    font-family: "Mail Sans Roman", sans-serif;
    font-size: inherit;
}

input::-ms-clear {
    display: none;
}

a,
button {
    color: inherit;
    cursor: pointer;
    border: none;
}

button {
    background: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
    border: 0;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

:focus,
:active,
a:focus,
a:active {
    outline: none;
}

a,
a:visited,
a:hover {
    text-decoration: none;
}



/*==========================================================================================================================================================================*/
/* Общие стили */
:root {
    --light-text-color: #fff;
    --text-color: #ccc;
    --ellipse-color: #1A356E;
    --bullets-color: #292A2B;
    --bullets-active-color: #666767;
    --background-color: #000;
    --background-color-setting: #005FF9;
}

html,
body {
    height: 100%;
    font-family: "Mail Sans Roman", sans-serif;
    font-weight: 400;
    line-height: 1;
    color: var(--text-color, #ccc);
    background-color: var(--background-color, #000);
}

body {
    height: 100%;
    -webkit-animation: body_show 0.5s forwards ease-in-out;
            animation: body_show 0.5s forwards ease-in-out;
}

@-webkit-keyframes body_show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes body_show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
}

.wrapper > * {
    min-width: 0;
}

[class*=__container] {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 73rem;
    margin: 0 auto;
    padding: 0 5rem;
}

.content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}


/*=====================================================================================*/
/* Media Queries */
@media (max-width: 61.9988em) {
    [class*=__container] {
        padding: 0 2rem;
    }
}

@media (max-width: 47.9988rem) {
    [class*=__container] {
        padding: 0 1rem;
    }
}



/*==========================================================================================================================================================================*/
/* Модификаторы */
._title {
    color: var(--light-text-color, #fff);
    font-size: 2.75rem;
    font-weight: 500;
    line-height: 136.4%;
    text-align: center;
}

._text {
    margin: 0 auto;
    font-size: 1.125rem;
    line-height: 144.444444%;
    text-align: center;
}


/*=====================================================================================*/
/* Media Queries */
@media (max-width: 73em) {
    ._title {
        font-size: 2.5rem;
        line-height: 115%;
    }

    ._text {
        font-size: 1rem;
        line-height: 150%;
    }
}

@media (max-width: 61.9988em) {
    ._title {
        font-size: 2rem;
        line-height: 125%;
    }
}



/*===================================================================================   SWIPER   ===========================================================================*/
/* Slider Swiper */
.swiper {
    position: relative;
    overflow: hidden;
    list-style: none;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
}

.swiper-slide {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}


/*=====================================================================================*/
/* Bullets */
[data-bullets] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
}

[data-bullets] .swiper-pagination-bullet {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.25rem 0.25rem;
    cursor: pointer;
    border-radius: 50%;
}

[data-bullets] .swiper-pagination-bullet span {
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--bullets-color, #292A2B);
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

[data-bullets] .swiper-pagination-bullet-active span {
    background-color: var(--bullets-active-color, #666767);
}



/*==========================================================================================================================================================================*/
/* Header */
.header {
    width: 100%;
}

.header__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2.5rem 0 0 0;
}

.header__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 2.1875rem;
       -moz-column-gap: 2.1875rem;
            column-gap: 2.1875rem;
    row-gap: 1rem;
}

.logo:first-child .logo__image {
    width: 6.0625rem;
}

.logo:nth-child(2) .logo__image {
    width: 8.125rem;
}


/*=====================================================================================*/
/* Media Queries */
@media (max-width: 61.9988em) {
    .header__body {
        padding: 1.5rem 0 0 0;
    }

    .logo:first-child .logo__image {
        width: 5.5rem;
    }

    .logo:nth-child(2) .logo__image {
        width: 7.375rem;
    }
}

@media (max-width: 29.9988em) {
    .header__body {
        padding: 1rem 0 0 0;
    }
}



/*==========================================================================================================================================================================*/
/* Main */
.main__body {
    position: relative;
    padding: 5rem 0 7.5rem;
}

.main__ellipse {
    position: absolute;
    top: -21rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 53rem;
    height: 53rem;
    border-radius: 50%;
    background-color: var(--ellipse-color, #1A356E);
    -webkit-filter: blur(15.625rem);
            filter: blur(15.625rem);
    z-index: -1;
}

.main__title {
    max-width: 50rem;
    margin: 0 auto 1.5rem;
    font-size: 3.25rem;
    font-weight: 500;
    line-height: 107.7%;
    text-align: center;
    color: var(--light-text-color, #fff);
}

.main__text {
    max-width: 50rem;
}

.main__video {
    position: relative;
    margin: 5.75rem 0 0;
    width: 100%;
    padding: 0 0 61.645% 0;
}

.main__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 2.5rem;
}


/*=====================================================================================*/
/* Media Queries */
@media (max-width: 73em) {
    .main__body {
        padding: 5rem 0 6.25rem;
    }

    .main__ellipse {
        top: -15.4375rem;
        width: 43.625rem;
        height: 43.625rem;
        -webkit-filter: blur(12.8125rem);
                filter: blur(12.8125rem);
    }

    .main__title {
        font-size: 2.75rem;
        line-height: 113.6%;
    }

    .main__video {
        margin: 6.25rem 0 0;
        padding: 0 0 61.645% 0;
    }

    .main__video video {
        border-radius: 1.875rem;
    }
}

@media (max-width: 61.9988em) {
    .main__body {
        padding: 3.75rem 0 5rem;
    }

    .main__ellipse {
        top: -7.375rem;
        width: 34.5rem;
        height: 34.5rem;
        -webkit-filter: blur(10.1875rem);
                filter: blur(10.1875rem);
    }

    .main__title {
        font-size: 2.5rem;
    }

    .main__video {
        margin: 5.75rem 0 0;
    }

    .main__video video {
        border-radius: 1.5rem;
    }
}

@media (max-width: 47.9988em) {
    .main__ellipse {
        top: -5.9375rem;
        width: 26rem;
        height: 26rem;
    }

    .main__title {
        margin: 0 0 1rem 0;
        font-size: 2rem;
    }

    .main__video {
        margin: 3.75rem 0 0;
    }

    .main__video video {
        border-radius: 1.25rem;
    }
}

@media (max-width: 29.9988em) {
    .main__ellipse {
        top: -5.9375rem;
        width: 21.1875rem;
        height: 21.1875rem;
        background-color: #212C67;
        -webkit-filter: blur(6.8125rem);
                filter: blur(6.8125rem);
    }
}



/*==========================================================================================================================================================================*/
/* Protection */
.protection__body {
    padding: 0 0 7.25rem 0;
}

.protection__title {
    margin: 0 0 1rem 0;
}

.protection__text {
    max-width: 48.75rem;
}

.protection__slider {
    position: relative;
    margin: 3.75rem 0 0 0;
}

.slider-protection {
    overflow: visible;
    padding: 2.5rem 0 2.25rem 0;
}

.slide-protection {
    position: relative;
    width: 23rem;
    min-height: 20rem;
    border-radius: 2.5rem;
    background-color: #2A2A2A;
    -webkit-box-shadow: 0 0.15rem 0.3312rem 0 rgba(11, 44, 88, 0.03), 
                0 0.5rem 1.1187rem 0 rgba(11, 44, 88, 0.04), 
                0 2.25rem 5rem 0 rgba(11, 44, 88, 0.07);
            box-shadow: 0 0.15rem 0.3312rem 0 rgba(11, 44, 88, 0.03), 
                0 0.5rem 1.1187rem 0 rgba(11, 44, 88, 0.04), 
                0 2.25rem 5rem 0 rgba(11, 44, 88, 0.07);
}

.slide-protection__setting {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 9.6875rem;
    max-width: 12.5rem;
    height: 2.5rem;
    padding: 0 1.5rem;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 133.333333%;
    color: var(--light-text-color, #fff);
    background-color: var(--background-color-setting, #005FF9);
    border-radius: 0 2.5rem;
}

.slide-protection__image {
    position: absolute;
    top: -2.5rem;
    left: 2.5rem;
    width: 5rem;
    height: 5rem;
}

.slide-protection__image img {
    width: 100%;
}

.slide-protection__body {
    padding: 5rem 2.5rem 2.5rem;
}

.slide-protection__title {
    color: var(--light-text-color, #fff);
    margin: 0 0 0.75rem 0;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 121.4%;
}

.slide-protection__text {
    color: #ccc;
    font-size: 1rem;
    line-height: 150%;
}


/*=====================================================================================*/
/* Media Queries */
@media (max-width: 73em) {
    .protection__body {
        padding: 0 0 6rem 0;
    }

    .protection__title {
        margin: 0 0 0.75rem 0;
    }

    .protection__text {
        max-width: 45rem;
    }

    .slide-protection {
        min-height: 18.75rem;
    }

    .slide-protection__title {
        font-size: 1.5rem;
        line-height: 133.333333%;
    }
}

@media (max-width: 61.9988em) {
    .protection__body {
        padding: 0 0 4.75rem 0;
    }

    .slider-protection {
        padding: 2.5rem 0 2.625rem 0;
    }
}

@media (max-width: 47.9988em) {
    .protection__title {
        margin: 0 0 1rem 0;
    }

    .protection__slider {
        margin: 2rem 0 0 0;
    }

    .slider-protection {
        padding: 1.875rem 0 1.75rem 0;
    }

    .slide-protection {
        width: 20rem;
        min-height: 17.5rem;
        border-radius: 1.25rem;
    }

    .slide-protection__body {
        padding: 3.125rem 1.25rem;
    }

    .slide-protection__image {
        top: -1.875rem;
        left: 1.25rem;
        width: 3.75rem;
        height: 3.75rem;
    }

    .slide-protection__setting {
        min-width: 7.5rem;
        height: 2.125rem;
        padding: 0 1rem;
        font-size: 0.875rem;
        line-height: 128.571429%;
        border-radius: 0 1.25rem;
    }
}



/*==========================================================================================================================================================================*/
/* Promo Activate */
.promo-activate {
    margin: 0 0 7.5rem 0;
}

.promo-activate__body {
    position: relative;
    padding: 5rem 2rem 6.5rem;
    border-radius: 2.5rem;
    overflow: hidden;
    background: -o-linear-gradient(309deg, rgba(24, 85, 242, 0.60) 0%, rgba(223, 226, 255, 0.60) 100%), #005DF4;
    background: linear-gradient(141deg, rgba(24, 85, 242, 0.60) 0%, rgba(223, 226, 255, 0.60) 100%), #005DF4;
}

.promo-activate__gift,
.promo-activate__size {
    position: absolute;
}

.promo-activate__gift {
    bottom: 0;
    right: 0;
}

.promo-activate__size {
    bottom: 10rem;
    right: 3rem;
    width: 9.875rem;
}

.promo-activate__gift img,
.promo-activate__size img {
    width: 100%;
}

.promo-activate__title {
    max-width: 50rem;
    margin: 0 auto 1rem;
}

.promo-activate__text {
    max-width: 38.75rem;
    color: #CFDEFD;
}

.promo-activate__text span {
    white-space: nowrap;
}

.promo-activate__action {
    position: relative;
    margin: 2.5rem 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.75rem;
}

.promo-activate__action > *:not(.promo-activate__validity) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 3.75rem;
    padding: 0.5rem 2.25rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 130%;
    color: var(--light-text-color, #fff);
    border-radius: 0.75rem;
}

.promo-activate__code {
    min-width: 13.75rem;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.10);
    border: 1px dashed rgba(255, 255, 255, 0.40);
}

.promo-activate__validity {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: calc(50% - 6.5625rem);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 8.75rem;
    width: 100%;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 133.333333%;
    color: rgba(255, 255, 255, 0.6);
    text-transform: none;
}

.promo-activate__activate {
    background-color: #1D1D1D;
    -webkit-transition: background-color 0.3s ease, color 0.3s ease;
    -o-transition: background-color 0.3s ease, color 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease;
}


/*=====================================================================================*/
/* Media Queries */
@media (any-hover: hover) {
    .promo-activate__activate:hover {
        color: #1D1D1D;
        background-color: var(--light-text-color, #fff);
    }
}

@media (max-width: 73em) {
    .promo-activate {
        margin: 0 0 6.25rem 0;
    }

    .promo-activate__gift {
        zoom: 0.82;
    }

    .promo-activate__size {
        bottom: 8.4375rem;
        right: 1.875rem;
        width: 7.5rem;
    }
}

@media (max-width: 61.9988em) {
    .promo-activate {
        margin: 0 0 5rem 0;
    }

    .promo-activate__gift {
        right: -1.5625rem;
        bottom: -2.8125rem;
        zoom: 0.68;
    }

    .promo-activate__size {
        bottom: 4.9375rem;
        right: 0.8125rem;
        width: 6.5rem;
    }

    .promo-activate__title {
        margin: 0 auto 0.75rem;
    }
}

@media (max-width: 47.9988em) {
    .promo-activate__body {
        padding: 3.75rem 1rem 10rem;
        border-radius: 1.25rem;
    }

    .promo-activate__gift {
        right: 0;
        bottom: -4.2rem;
        zoom: 0.72;
        width: 34.125rem;
    }

    .promo-activate__size {
        bottom: 3.875rem;
        right: 1.875rem;
        width: 7rem;
    }

    .promo-activate__title {
        margin: 0 auto 1rem;
    }
}

@media (max-width: 29.9988em) {
    .promo-activate__action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .promo-activate__action > * {
        height: 3rem;
    }

    .promo-activate__activate {
        font-size: 0.9375rem;
    }

    .promo-activate__validity {
        top: calc(100% + 0.75rem);
        left: 50%;
    }
}



/*==========================================================================================================================================================================*/
/* Promo Advantages */
.promo-advantages {
    margin: 0 0 12.5rem 0;
}

.promo-advantages__body {
    padding: 5rem 2.5rem;
    border-radius: 2.5rem;
    border: 1px solid #5B585E;
}

.promo-advantages__title {
    margin: 0 0 1rem 0;
}

.promo-advantages__text {
    max-width: 45rem;
    margin: 0 auto;
}

.promo-advantages__row {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-columns: 19.625rem 7.5rem 1fr;
    grid-template-columns: 19.625rem 1fr;
    -webkit-column-gap: 7.5rem;
       -moz-column-gap: 7.5rem;
            column-gap: 7.5rem;
    row-gap: 3.375rem;
    max-width: 62.5rem;
    padding: 0 0 0 3.75rem;
    width: 100%;
    margin: 3.75rem auto 0;
}


/*=====================================================================================*/
/* Structure */
.structure-promo {
    position: relative;
    border-radius: 1.0625rem;
    border: 2px solid #394450;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 56, 68, 0.70)), to(rgba(43, 56, 68, 0.60)));
    background: -o-linear-gradient(top, rgba(43, 56, 68, 0.70) 0%, rgba(43, 56, 68, 0.60) 100%);
    background: linear-gradient(180deg, rgba(43, 56, 68, 0.70) 0%, rgba(43, 56, 68, 0.60) 100%);
    -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(7, 13, 34, 0.10), 
                0 0.4375rem 0.5rem 0 rgba(7, 13, 34, 0.15), 
                0 0.875rem 1rem 0 rgba(7, 13, 34, 0.19), 
                0 1.5625rem 1.8125rem 0 rgba(7, 13, 34, 0.22), 
                0 2.875rem 3.375rem 0 rgba(7, 13, 34, 0.27), 
                0 6.9375rem 8.125rem 0 rgba(7, 13, 34, 0.37);
            box-shadow: 0 0.1875rem 0.1875rem 0 rgba(7, 13, 34, 0.10), 
                0 0.4375rem 0.5rem 0 rgba(7, 13, 34, 0.15), 
                0 0.875rem 1rem 0 rgba(7, 13, 34, 0.19), 
                0 1.5625rem 1.8125rem 0 rgba(7, 13, 34, 0.22), 
                0 2.875rem 3.375rem 0 rgba(7, 13, 34, 0.27), 
                0 6.9375rem 8.125rem 0 rgba(7, 13, 34, 0.37);
}

.structure-promo__image {
    position: absolute;
    top: -2.75rem;
    right: 0.5rem;
    width: 6.6875rem;
}

.structure-promo__image img {
    width: 100%;
}

.structure-promo__top {
    padding: 0.625rem 1.375rem 0.6875rem;
    border-radius: 0.9375rem 0.9375rem 0 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 56, 68, 0.70)), to(rgba(43, 56, 68, 0.60)));
    background: -o-linear-gradient(top, rgba(43, 56, 68, 0.70) 0%, rgba(43, 56, 68, 0.60) 100%);
    background: linear-gradient(180deg, rgba(43, 56, 68, 0.70) 0%, rgba(43, 56, 68, 0.60) 100%);
    -webkit-box-shadow: 0 0 0.6875rem 0 rgba(2, 13, 41, 0.35);
            box-shadow: 0 0 0.6875rem 0 rgba(2, 13, 41, 0.35);
}

.structure-promo__top img {
    width: 4.5rem;
}

.structure-promo__content {
    padding: 0.9375rem 1.1875rem 1rem 1.125rem;
}

.structure-promo__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
}

.structure-promo__column:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.875rem;
            flex: 0 0 4.875rem;
    margin: 0.3125rem 0 0 0;
}

.structure-promo__column:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.structure-promo__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 0.4375rem;
       -moz-column-gap: 0.4375rem;
            column-gap: 0.4375rem;
    row-gap: 1.125rem;
}

.structure-promo__item:not(:last-child) {
    margin: 0 0 1.125rem 0;   
}

.structure-promo__item._mail {
    margin: -0.1875rem 0 0 -2.25rem;
    min-width: 7rem;
    padding: 0.5625rem 0.75rem;
    border-radius: 0.625rem;
    border: 2px solid #394450;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 56, 68, 0.70)), to(rgba(43, 56, 68, 0.60)));
    background: -o-linear-gradient(top, rgba(43, 56, 68, 0.70) 0%, rgba(43, 56, 68, 0.60) 100%);
    background: linear-gradient(180deg, rgba(43, 56, 68, 0.70) 0%, rgba(43, 56, 68, 0.60) 100%);
    -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(7, 13, 34, 0.10), 
                0 0.375rem 0.4375rem 0 rgba(7, 13, 34, 0.15), 
                0 0.75rem 0.875rem 0 rgba(7, 13, 34, 0.19), 
                0 1.3125rem 1.5625rem 0 rgba(7, 13, 34, 0.22),
                0 2.5rem 2.875rem 0 rgba(7, 13, 34, 0.27), 
                0 5.9375rem 7rem 0 rgba(7, 13, 34, 0.37);
            box-shadow: 0 0.1875rem 0.1875rem 0 rgba(7, 13, 34, 0.10), 
                0 0.375rem 0.4375rem 0 rgba(7, 13, 34, 0.15), 
                0 0.75rem 0.875rem 0 rgba(7, 13, 34, 0.19), 
                0 1.3125rem 1.5625rem 0 rgba(7, 13, 34, 0.22),
                0 2.5rem 2.875rem 0 rgba(7, 13, 34, 0.27), 
                0 5.9375rem 7rem 0 rgba(7, 13, 34, 0.37);
}

@supports ((-webkit-backdrop-filter: blur(1.3125rem)) or (backdrop-filter: blur(1.3125rem))) {
    .structure-promo__item._mail {
        -webkit-backdrop-filter: blur(1.3125rem);
                backdrop-filter: blur(1.3125rem);
    }
}

@supports not ((-webkit-backdrop-filter: blur(1.3125rem)) or (backdrop-filter: blur(1.3125rem))) {
    .structure-promo__item._mail {
        background-color: rgba(0, 0, 0, 0.8);
    }
}

.structure-promo__folder {
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1;
    color: var(--light-text-color, #fff);
}

._mail .structure-promo__folder {
    font-size: 0.8125rem;
}

.structure-promo__item img {
    width: 0.9375rem;
}

._mail .structure-promo__item img {
    width: 1.125rem;
}

._notification {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0.3438rem 0.4375rem;
    background-color: #204896;
    border-radius: 0.4375rem;
}

._notification p {
    margin: 2px 0 0 0;
    font-size: 0.4375rem;
    color: #C1E0FB;
}

._notification img {
    width: 0.5rem;
}

.structure-promo__list {
    width: 100%;
}

.structure-promo__list .structure-promo__item:not(:last-child) {
    margin: 0 0 0.5625rem 0;   
}

.structure-promo__marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1.0625rem;
            flex: 0 0 1.0625rem;
    height: 1.0625rem;
    font-size: 0.5625rem;
    font-weight: 500;
    line-height: 77.777778%;
    border-radius: 50%;
}

._present {
    color: #D42148;
    background-color: #DD8094;
}

._record {
    color: #00656A;
    background-color: #3CB1B6;
}

._speaker {
    color: #0029AF;
    background-color: #678DF3;
}

.structure-promo__text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-size: 0.6875rem;
    color: var(--light-text-color, #FFF);
}

.structure-promo__size {
    font-size: 0.5rem;
    color: #707993;
    white-space: nowrap;
}


/*=====================================================================================*/
/* Advantages */
.promo-advantages__list {
    display: -ms-grid;
    display: grid;
    row-gap: 0.75rem;
}

.promo-advantages__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
}

.promo-advantages__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2.25rem;
            flex: 0 0 2.25rem;
    height: 2.25rem;
    border-radius: 0.875rem;
    background-color: rgba(78, 116, 201, 0.36);
}

.promo-advantages__check img {
    width: 1.3125rem;
    height: 1.3125rem;
}

.promo-advantages__item ._text {
    margin: 0.375rem 0 0 0;
    text-align: left;
}

.promo-advantages__item a {
    color: #3C82FD;
}

.promo-advantages__item span {
    white-space: nowrap;
}


/*=====================================================================================*/
/* Media Queries */
@media (any-hover: hover) {
    .promo-advantages__item a:hover {
        text-decoration: underline;
    }
}

@media (max-width: 78.75rem) {
    .promo-advantages__row {
        -webkit-column-gap: 4rem;
           -moz-column-gap: 4rem;
                column-gap: 4rem;
    }
}

@media (max-width: 73em) {
    .promo-advantages {
        margin: 0 0 10rem 0;
    }

    .promo-advantages__title {
        margin: 0 0 0.75rem 0;
    }

    .promo-advantages__row {
        padding: 0 0 0 2rem;
    }

    .structure-promo__image {
        top: -2.5625rem;
        width: 6.25rem;
    }

    .structure-promo__top img {
        width: 4.25rem;
    }
}

@media (max-width: 61.9988em) {
    .promo-advantages {
        margin: 0 0 8.75rem 0;
    }

    .promo-advantages__body {
        padding: 3.75rem 2.5rem;
    }

    .promo-advantages__row {
        margin: 2.5rem auto 0;
        padding: 0;
        -webkit-column-gap: 3rem;
           -moz-column-gap: 3rem;
                column-gap: 3rem;
    }

    .structure-promo__image {
        top: -2.1875rem;
        width: 5.3125rem;
    }

    .structure-promo__top {
        border-radius: 0.875rem 0.875rem 0 0;
    }

    .structure-promo__top img {
        width: 3.625rem;
    }
}

@media (max-width: 47.9988em) {
    .promo-advantages {
        margin: 0 0 5rem 0;
    }

    .promo-advantages__title {
        margin: 0 0 1rem 0;
    }

    .promo-advantages__row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .structure-promo__top {
        padding: 0.5rem 1.125rem 0.5625rem;
        border-radius: 0.75rem 0.75rem 0 0;
    }

    .structure-promo {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        width: 19.625rem;
        margin: 0 auto;
    }
}

@media (max-width: 29.9988em) {
    .promo-advantages {
        margin: 0 0 3rem 0;
    }

    .promo-advantages__body {
        padding: 3.75rem 1rem;
        border-radius: 1.25rem;
    }

    .promo-advantages__check {
        flex: 0 0 2rem;
        height: 2rem;
        border-radius: 0.75rem;
    }

    .promo-advantages__check img {
        width: 1.125rem;
        height: 1.125rem;
    }

    ._mail .structure-promo__folder {
        font-size: 0.75rem;
    }

    .promo-advantages__item ._text {
        margin: 0.3125rem 0 0 0;
    }
}

@media (max-width: 25rem) {
    .structure-promo {
        zoom: 0.9;
    }
}

@media (max-width: 22.5rem) {
    .structure-promo {
        zoom: 0.8;
    }
}



/*==========================================================================================================================================================================*/
/* Mobile App */
.mobile-app {
    margin: 0 0 5.75rem 0;
}

.mobile-app__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 3.75rem;
       -moz-column-gap: 3.75rem;
            column-gap: 3.75rem;
    row-gap: 6.25rem;
}

.mobile-app__confidence {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 54.36%;
            flex: 0 1 54.36%;
}

.mobile-app__title {
    margin: 0 0 2rem 0;
    line-height: 118.181818%;
    text-align: left;
}

.mobile-app__ratings {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 3.125rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 3.125rem;
       -moz-column-gap: 3.125rem;
            column-gap: 3.125rem;
    row-gap: 1.5rem;
    width: 26.875rem;
}

.mobile-app__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
}

.mobile-app__image {
    width: 2.375rem;
}

._google-play .mobile-app__image {
    width: 2.1875rem;
}

.mobile-app__image img {
    width: 100%;
}

.stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 0.875rem;
       -moz-column-gap: 0.875rem;
            column-gap: 0.875rem;
}

._google-play .stars {
    margin: 0 0 0 0.1875rem;
}

.star__rating {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2rem;
            flex: 0 0 2rem;
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 142.857143%;
    color: var(--light-text-color, #fff);
}

.star {
    display: inline-block;
    margin: 0 -0.5rem;
    fill: lightgrey;
}

.star.active {
    fill: #fed94b;
}

.mobile-app__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29.5625rem;
            flex: 0 0 29.5625rem;
}


/*=====================================================================================*/
/* Qr-Code */
.qr-code {
    max-width: 29.5625rem;
    width: 100%;
    margin: 1.5rem 0 2.5rem 0;
}

.qr-code__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
    padding: 1.5rem;
    border-radius: 1.25rem;
    background-color: rgba(43, 43, 43, 0.90);
}

.qr-code__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 6.25rem;
            flex: 0 0 6.25rem;
    border-radius: 0.5rem;
}

.qr-code__image img {
    width: 100%;
}

.qr-code__text {
    font-size: 0.9375rem;
    line-height: 133.333333%;
    color: var(--light-text-color, #fff);
}

.mobile-app__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.75rem;
}

.mobile-app__links img {
    height: 3rem;
}


/*=====================================================================================*/
/* Media Queries */
@media (max-width: 73em) {
    .mobile-app {
        margin: 0 0 6.25rem 0;
    }

    .mobile-app__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .mobile-app__title {
        font-size: 2rem;
        line-height: 125%;
    }

    .qr-code {
        margin: 0 0 2.5rem 0;
    }

    .qr-code__text {
        font-size: 1rem;
        line-height: 137.5%;
    }

    .mobile-app__right {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
    }
}

@media (max-width: 61.9988em) {
    .mobile-app__title {
        font-size: 2.125rem;
        line-height: 129.411765%;
    }

    .qr-code__text {
        font-size: 0.9375rem;
        line-height: 133.333333%;
    }
}

@media (max-width: 47.9988em) {
    .mobile-app__row {
        row-gap: 3.75rem;
    }

    .mobile-app__title {
        font-size: 1.75rem;
        line-height: 121.428571%;
        text-align: center;
    }
}

@media (max-width: 29.9988em) {
    .mobile-app {
        margin: 0 0 3rem 0;
    }

    .mobile-app__ratings {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        -webkit-column-gap: 2rem;
           -moz-column-gap: 2rem;
                column-gap: 2rem;
        row-gap: 1.25rem;
    }

    .mobile-app__rating {
        -webkit-column-gap: 0.75rem;
           -moz-column-gap: 0.75rem;
                column-gap: 0.75rem;
    }
    
    .mobile-app__image {
        width: 1.5rem;
    }

    ._google-play .mobile-app__image {
        width: 1.375rem;
    }

    ._google-play .stars {
        margin: 0 0 0 0.125rem;
    }

    .star__rating {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 1.5rem;
                flex: 0 0 1.5rem;
        font-size: 1rem;
        line-height: 137.5%;
    }

    .star {
        zoom: 0.75;
        margin: 0 -0.625rem;
    }

    .mobile-app__right {
        display: none;
    }
}

@media (max-width: 22.5rem) {
    .mobile-app__ratings {
        -webkit-column-gap: 1.25rem;
           -moz-column-gap: 1.25rem;
                column-gap: 1.25rem;
    }

    .mobile-app__rating {
        -webkit-column-gap: 0.5rem;
           -moz-column-gap: 0.5rem;
                column-gap: 0.5rem;
    }
}



/*==========================================================================================================================================================================*/
/* Footer */
.footer__body {
    padding: 0 0 5rem 0;
}

.footer__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 3.75rem;
       -moz-column-gap: 3.75rem;
            column-gap: 3.75rem;
    row-gap: 1.25rem;
}

.footer__logo {
    width: 10.3125rem;
}

.footer__logo img {
    width: 100%;
}

.menu-footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 1.75rem;
       -moz-column-gap: 1.75rem;
            column-gap: 1.75rem;
}

.menu-footer__item {
    padding: 0.5rem 0;
}

.menu-footer__link {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 133.333333%;
    color: #87898F;
    transition: color 0.2s ease;
}

.download-cloud {
    display: none;
}


/*=====================================================================================*/
/* Media Queries */
@media (any-hover: hover) {
    .menu-footer__link:hover {
        color: #fff;
    }    
}

@media (max-width: 73em) {
    .footer__body {
        padding: 0 0 3.75rem 0;
    }
}

@media (max-width: 61.9988em) {
    .footer__body {
        padding: 0 0 5rem 0;
    }

    .footer__main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

@media (max-width: 47.9988em) {
    .footer__body {
        padding: 0 0 3rem 0;
    }

    .footer__logo,
    .menu-footer {
        display: none;
    }

    .download-cloud {
        display: block;
    }

    .download-cloud__text {
        max-width: 17rem;
        margin: 0 auto 1.25rem;
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 133.333333%;
        color: var(--light-text-color, #fff);
        text-align: center;
    }

    .download-cloud__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    
    .download-cloud__button a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-column-gap: 0.625rem;
           -moz-column-gap: 0.625rem;
                column-gap: 0.625rem;
        min-width: 17.5rem;
        height: 3rem;
        padding: 0.5rem 2rem;
        font-size: 0.9375rem;
        font-weight: 500;
        line-height: 133.333333%;
        border-radius: 0.75rem;
        background-color: #333;
    }

    .download-cloud__button img {
        width: 1.375rem;
    }
}

@media (max-width: 29.9988em) {
    .download-cloud__button a {
        width: 100%;
    }
}


/*=================================================================================================================================================*/
/* Notification */
.notification {
    position: fixed;
    bottom: -1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 2rem;
    color: #b0b0b0;
	background-color: #000000b5;
    z-index: 1000;
}

.notification__text {
    font-size: 1rem;
    line-height: 116.666667%;
}

.notification__text a {
    color: #ddd;
    white-space: nowrap;
    /* box-shadow: inset 0 -1px #9380e1; */
    box-shadow: inset 0 -1px #fff;
}

.notification__close {
    padding: 0;
    margin: 0 0.6875rem 0 1.875rem;
    color: #fff;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    appearance: none;
}

@media (any-hover: hover) {
    .notification__text a:hover {
        box-shadow: none;
    }
}

@media (max-width: 29.9988em) {
    .notification__text {
        font-size: 0.75rem;
    }

    .notification__close {
        margin: 0 0 0 1rem;
    }
}