/*
1. Reset CSS
2. Main Setting
3. Basic elements
4. Header
5. Footer
6. Content
7. Popup
8. Animation
9. Media
    9.1 Wide screens
    9.2 Tablets
    9.3 Mobiles
*/

/**************************************/
/************ 1. Reset Css ************/
/**************************************/

html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
*,*::before,*::after{box-sizing:border-box}

/*****************************************/
/************ 2. Main Setting ************/
/*****************************************/

:root {
    --color-blue-25: 243 250 255;       /* #F3FAFF */
    --color-blue-50: 231 245 255;       /* #E7F5FF */
    --color-blue-100: 208 235 255;      /* #D0EBFF */
    --color-blue-200: 165 216 255;      /* #A5D8FF */
    --color-blue-400: 77 171 247;       /* #4DABF7 */
    --color-blue-500: 51 154 240;       /* #339AF0 */
    --color-blue-600: 34 139 230;       /* #228BE6 */
    --color-blue-700: 28 126 214;       /* #1C7ED6 */
    --color-blue-800: 25 113 194;       /* #1971C2 */
    --color-blue-gray-25: 250 251 251;  /* #FAFBFB */
    --color-blue-gray-200: 176 190 197; /* #B0BEC5 */
    --color-blue-gray-400: 120 144 156; /* #78909C */
    --color-blue-gray-800: 55 71 79;    /* #37474F */
    --color-blue-gray-900: 38 50 56;    /* #263238 */
    --color-green-600: 67 160 71;       /* #43A047 */
    --color-green-700: 56 142 60;       /* #388E3C */
    --color-orange-300: 255 192 120;    /* #FFC078 */
    --color-orange-500: 255 146 43;     /* #FF922B */
    --color-orange-600: 253 126 20;     /* #FD7E14 */
    --color-orange-700: 247 103 7;      /* #F76707 */
    --color-red-600: 250 82 82;         /* #FA5252 */
    --color-red-700: 240 62 62;         /* #F03E3E */
    --color-white: 255 255 255;         /* #FFFFFF */

    --color-main: var(--color-blue-700);
    --color-text: var(--color-blue-gray-900);
    --color-text-secondary: var(--color-blue-gray-400);
    --color-bg: var(--color-white);
    --color-bg-light: var(--color-blue-25);
    --color-bg-btn-cta: #FF912A;
    --color-success: var(--color-green-600);
    --color-warning: var(--color-orange-600);
    --color-error: var(--color-red-600);

    --color-vk: #627DA1;
    --color-telegram: #1BABEA;
    --color-odnoklassniki: #F7931E;
    --color-tiktok: #010101;
    --color-instagram: #b729a8;
    --color-youtube: #FB021D;
    --color-facebook: #0D7EC4;
    --color-whatsapp: #25D366;
    --color-twitter: #1DA1F2;
    --color-reddit: #FF4500;
    --color-twitch: #9147FE;
    --color-discord: #7289DA;
    --color-clubhouse: #FFE450;
    --color-likee: linear-gradient(217.66deg, #DC46E1 5.81%, #BE3CFA 56.44%, #964BFF 101.11%);
    --color-linkedin: #0A66C2;
    --color-snapchat: #FFFC00;
    --color-dzen: #000;
    --color-rutube: #202020;
    --color-trovo: #1CAD77;
    --color-spotify: #1ED760;
    --color-app-store: linear-gradient(180deg, #18BFFB 0%, #2072F3 100%);
    --color-google-play: #fff;
    --color-yappy: #00e2b7;

    --gradient: linear-gradient(180deg, rgb(var(--color-orange-700)) 0%, rgb(var(--color-orange-500)) 100%);
    --gradient-second: linear-gradient(180deg, #FF912A -135.94%, #F96E0D 100%);

    --shadow-blue-blur-xs: 0 2px 6px rgb(var(--color-blue-400) / .25);
    --shadow-blue-blur-small: 0 4px 10px rgb(var(--color-blue-400) / .32);
    --shadow-blue-blur: 0 8px 16px rgb(var(--color-blue-400) / .32);
    --shadow-blue-blur-large: 0 12px 24px rgb(var(--color-blue-400) / .32);
    --shadow-blue-xs: 4px 4px 0px rgb(var(--color-blue-400) / .32);;

    --font-main: 'Open Sans', sans-serif;
    --font-second: 'Montserrat', sans-serif;
    --font-third: 'Roboto', sans-serif;
}

::placeholder {
    color: rgb(var(--color-blue-gray-900));
}

html {
    font-size: 62.5%;
}

body {
    font-family: var(--font-main);
    font-size: 1.6rem;
    line-height: normal;
    color: rgb(var(--color-text));
    background: rgb(var(--color-bg));
}

#page {
    position: relative;
    overflow: hidden;
}

.wrap {
    width: 1110px;
    margin: 0 auto;
}

/*******************************************/
/************ 3. Basic elements ************/
/*******************************************/

a,
button {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a:not([class]),
.link {
    color: rgb(var(--color-main));
    text-decoration: none;
    line-height: 150%;
    padding: 2px 2px 3px;
    border-radius: 4px;
    background: none;
    border: none;
    outline: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    cursor: pointer;
}

a:not([class]):hover,
.link:hover,
a:not([class]):focus,
.link:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(var(--color-main))), to(rgb(var(--color-main)))) no-repeat left 2px bottom 2px / calc(100% - 4px) 1px;
    background: -o-linear-gradient(rgb(var(--color-main)), rgb(var(--color-main))) no-repeat left 2px bottom 2px / calc(100% - 4px) 1px;
    background: linear-gradient(rgb(var(--color-main)), rgb(var(--color-main))) no-repeat left 2px bottom 2px / calc(100% - 4px) 1px;
}

a:not([class]):active,
.link:active {
    background: none;
    -webkit-box-shadow: inset 0 0 0 1px rgb(var(--color-main));
            box-shadow: inset 0 0 0 1px rgb(var(--color-main));
}

a:not([class])[disabled],
.link[disabled] {
    color: rgb(var(--color-blue-gray-400));
}

.field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: rgb(var(--color-blue-gray-400));
    font-size: 1.2rem;
    line-height: 133%;
}

.field__title {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 150%;
    color: rgb(var(--color-text));
    fill: rgb(var(--color-text));
    margin-bottom: .8rem;
}

.field__title--highlight {
    color: rgb(var(--color-main));
    fill: rgb(var(--color-main));
}

.field__help {
    width: 2.4rem;
    height: 2.4rem;
    vertical-align: top;
    margin-left: .8rem;
}

.field__inner {
    position: relative;
    width: 100%;
}

.field__checkbox-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
}

.field__checkbox {
    margin-bottom: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 1.2rem .8rem;
    cursor: pointer;
    width: calc(50% - .8rem);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.field__checkbox:last-child {
    margin-bottom: 0;
}

.field__checkbox-row > *:last-child {
    margin-left: .8rem;
    margin-bottom: .8rem;
}

.field__checkbox-row:last-child {
    margin-bottom: -.8rem;
}

.field__checkbox-input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.field__checkbox-icon {
    width: 3.4rem;
    height: 2.4rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    fill: rgb(var(--color-main));
}

.field__checkbox-name {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: rgb(var(--color-text));
    margin: 0 .8rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.field__checkbox-custom {
    fill: rgb(var(--color-main));
    stroke: rgb(var(--color-main));
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
}

.field__checkbox-custom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgb(var(--color-blue-gray-400));
    border-radius: .4rem;
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.field__checkbox-custom-icon {
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.field__checkbox:hover .field__checkbox-custom::before,
.field__checkbox-input:checked ~ .field__checkbox-custom::before {
    border-color: rgb(var(--color-main));
}

.field__checkbox-input:checked ~ .field__checkbox-custom .field__checkbox-custom-icon {
    opacity: 1;
    visibility: visible;
}

.field__label {
    position: relative;
    width: 100%;
    font-size: 1.6rem;
    line-height: 150%;
    display: block;
}

.field__input,
.field__select {
    padding: 1.6rem 2rem;
    width: 100%;
    border: 1px solid rgb(var(--color-blue-gray-400));
    border-radius: 4px;
    line-height: 2.2rem;
    cursor: text;
    outline: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: block;
    height: 5.6rem;
    color: rgb(var(--color-text));
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
}

.select-value {
    width: 100%;
    margin: -1.2rem 0;
    padding: 1.2rem 0;
    overflow: hidden;
    display: block;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.select-value__labels {
    position: relative;
}

.field__select .select-value__labels-inner {
    position: absolute;
    top: 0;
    left: 0;
}

.select-value__label {
    padding: 0.4rem 0.8rem;
    background: rgb(var(--color-white));
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
    border-radius: 2px;
    margin-left: 0.8rem;
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
    color: rgb(var(--color-main));
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.select-value__label-icon {
    font-size: 1.6rem;
    line-height: 1;
    margin-right: 0.4rem;
}

.field__input--textarea {
    height: 12.2rem;
    min-height: 5.6rem;
    resize: vertical;
    padding: .8rem 2rem;
    -webkit-transition: resize 0s;
    -o-transition: resize 0s;
    transition: resize 0s;
    overflow: auto;
}

.field__input--textarea::placeholder {
    color: rgb(var(--color-blue-gray-400));
}

.field--has-icon .field__input,
.field--has-icon .field__select {
    padding-right: 6rem;
}

.field--has-placeholder .field__input,
.field--has-placeholder .field__select {
    padding-top: 2.4rem;
    padding-bottom: .8rem;
}

.field__icon {
    position: absolute;
    top: 50%;
    right: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    fill: rgb(var(--color-blue-gray-900));
    stroke: rgb(var(--color-blue-gray-900));
    margin-top: -1.2rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: text;
}

.field__icon::before {
    content: '';
    width: 1px;
    height: calc(100% + 0.8rem * 2);
    position: absolute;
    top: 50%;
    right: 3.2rem;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    background: rgb(var(--color-blue-gray-900) / .25);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.field__icon svg {
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.field__icon ~ .field__placeholder {
    padding-right: 4rem;
}

.field__placeholder {
    position: absolute;
    top: 1.6rem;
    left: 2rem;
    color: rgb(var(--color-blue-gray-400));
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 4rem);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: text;
}

.field__select,
.field__select ~ .field__placeholder,
.field__select ~ .field__icon {
    cursor: pointer;
}

.field--error .field__input,
.field--error .field__select {
    border-color: rgb(var(--color-error));
}

.field--error .field__description-icon {
    stroke: rgb(var(--color-error));
    fill: rgb(var(--color-error));
}

.field--warning .field__input,
.field--warning .field__select {
    border-color: rgb(var(--color-warning));
}

.field--warning .field__description-icon {
    stroke: rgb(var(--color-warning));
    fill: rgb(var(--color-warning));
}

.field--success .field__input,
.field--success .field__select {
    border-color: rgb(var(--color-main));
}

.field--success .field__icon {
    stroke: rgb(var(--color-main));
    fill: rgb(var(--color-main));
}

.field--success .field__icon::before {
    background: rgb(var(--color-main) / .25);
}

.field--success .field__description-icon {
    stroke: rgb(var(--color-main));
    fill: rgb(var(--color-main));
}

.field__label:hover .field__input,
.field__label:hover .field__select {
    border-color: rgb(var(--color-main));
}

.field__label:hover .field__icon {
    stroke: rgb(var(--color-main));
    fill: rgb(var(--color-main));
}

.field__label:hover .field__icon::before {
    background: rgb(var(--color-main) / .25);
}

.field__input:focus,
.field--open .field__select {
    border-color: rgb(var(--color-main));
}

.field__input:focus ~ .field__placeholder,
.field--open .field__select ~ .field__placeholder {
    color: rgb(var(--color-main));
}

.field__input:focus ~ .field__icon,
.field--open .field__select ~ .field__icon {
    stroke: rgb(var(--color-main));
    fill: rgb(var(--color-main));
}

.field__input:focus ~ .field__icon::before,
.field--open .field__select ~ .field__icon::before {
    background: rgb(var(--color-main) / .25);
}

.field--open .field__select ~ .field__icon svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.field--filled .field__placeholder,
.field__input:focus ~ .field__placeholder,
.field--open .field__select ~ .field__placeholder {
    top: .8rem;
    font-size: 1.2rem;
    line-height: 133%;
}

.field--disabled {
    pointer-events: none;
}

.field--disabled .field__input,
.field--disabled .field__select {
    background: rgb(var(--color-blue-gray-25));
    border-color: rgb(var(--color-blue-gray-200));
    color: rgb(var(--color-blue-gray-400));
}

.field--disabled .field__icon {
    stroke: rgb(var(--color-blue-gray-400));
    fill: rgb(var(--color-blue-gray-400));
}

.field--disabled .field__icon::before {
    background: transparent;
}

.field--disabled .field__description-icon {
    stroke: rgb(var(--color-blue-gray-400));
    fill: rgb(var(--color-blue-gray-400));
}

.field__list {
    display: none;
    position: absolute;
    top: calc(100% + .4rem);
    left: 0;
    width: 100%;
    border-radius: 4px;
    border: 1px solid rgb(var(--color-main));
    z-index: 4;
    background: rgb(var(--color-white));
    overflow: hidden;
    -webkit-box-shadow: var(--shadow-blue-xs);
            box-shadow: var(--shadow-blue-xs);
}

.field__list-inner {
    max-height: 28.8rem;
}

.field__list-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.field__list-item {
    padding: 1.2rem 1.6rem;
    color: rgb(var(--color-text));
    font-size: 1.6rem;
    line-height: 150%;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.field__list-item-icon {
    width: 3.4rem;
    height: 2.4rem;
    vertical-align: top;
    margin-right: 1.6rem;
    fill: rgb(var(--color-main));
}

.field__list-item:hover {
    background: rgb(var(--color-blue-100));
}

.field__list-item.active,
.field__list-item.active:hover {
    color: rgb(var(--color-main));
    background: rgb(var(--color-white));
}

.field__description {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: calc(50% - 1.1rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: .8rem;
}

.field__description-icon {
    width: 1.6rem;
    height: 1.6rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: .8rem;
    fill: rgb(var(--color-blue-gray-900));
    stroke: rgb(var(--color-blue-gray-900));
}

.field__note {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    text-align: right;
    margin-top: .8rem;
}

.field__description + .field__note {
    width: calc(50% - 1.1rem);
    margin-left: 22px;
}

.field__alert {
    margin: 0;
    color: rgb(var(--color-text));
    display: none;
}

.btn {
    padding: 1.5rem 3.1rem;
    border: 0;
    background: rgb(var(--color-blue-500));
    border: 1px solid rgb(var(--color-blue-500));
    color: rgb(var(--color-white));
    fill: rgb(var(--color-white));
    stroke: rgb(var(--color-white));
    cursor: pointer;
    border-radius: 4px;
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 2rem;
    line-height: 120%;
    outline: none;
}

.btn:hover {
    background: rgb(var(--color-blue-700));
    border-color: rgb(var(--color-blue-700));
}

.btn:focus {
    background: rgb(var(--color-blue-800));
    border-color: rgb(var(--color-blue-800));
    -webkit-box-shadow: var(--shadow-blue-blur);
            box-shadow: var(--shadow-blue-blur);
}

.btn:active {
    background: rgb(var(--color-blue-500));
    border-color: rgb(var(--color-blue-500));
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn[disabled] {
    background: rgb(var(--color-blue-gray-25));
    border-color: rgb(var(--color-blue-gray-25));
    -webkit-box-shadow: none;
            box-shadow: none;
    color: rgb(var(--color-blue-gray-400));
    fill: rgb(var(--color-blue-gray-400));
    stroke: rgb(var(--color-blue-gray-400));
    cursor: default;
}

.btn--block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.btn--str {
    border: 1px solid rgb(var(--color-main));
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: rgb(var(--color-main));
    fill: rgb(var(--color-main));
    stroke: rgb(var(--color-main));
}

.btn--str:hover {
    background: none;
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
}

.btn--str:focus {
    background: none;
    border-color: rgb(var(--color-blue-800));
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
}

.btn--str:active {
    background: none;
    border-color: rgb(var(--color-main));
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn--simple {
    color: rgb(var(--color-blue-gray-900));
    fill: rgb(var(--color-blue-gray-900));
    stroke: rgb(var(--color-blue-gray-900));
    background: none;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn--simple:hover {
    color: rgb(var(--color-blue-700));
    fill: rgb(var(--color-blue-700));
    stroke: rgb(var(--color-blue-700));
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: transparent;
}

.btn--simple:focus,
.btn--simple:active {
    background: none;
    color: rgb(var(--color-blue-700));
    fill: rgb(var(--color-blue-700));
    stroke: rgb(var(--color-blue-700));
    border-color: rgb(var(--color-blue-700));
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn--simple[disabled] {
    background: transparent;
    border-color: rgb(var(--color-blue-gray-200));
}

.btn > * {
    position: relative;
    z-index: 2;
}

.btn__icon {
    width: 2.4rem;
    height: 2.4rem;
}

.btn__icon + .btn__text,
.btn__text + .btn__icon {
    margin-left: .8rem;
}

.btn--large {
    font-size: 2.4rem;
    line-height: 100%;
    padding: 1.9rem 3.1rem;
}

.btn--small {
    font-size: 1.6rem;
    line-height: 100%;
}

.btn--small .btn__icon {
    width: 1.6rem;
    height: 1.6rem;
}

.btn--xs {
    font-size: 1.4rem;
    line-height: 114%;
    padding: 1.1rem 2.3rem;
}

.btn--xs .btn__icon {
    width: 1.6rem;
    height: 1.6rem;
}

.btn--icon {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 1.5rem;
}

.btn--icon:hover {
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
}

.btn--icon:focus {
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
}

.btn--icon.btn--simple {
    fill: rgb(var(--color-blue-700));
    stroke: rgb(var(--color-blue-700));
}

.btn--icon.btn--simple:hover {
    background: rgb(var(--color-white));
}

.btn--icon.btn--simple:focus {
    border-color: transparent;
    background: rgb(var(--color-white));
}

.btn--icon.btn--simple:active {
    border-color: transparent;
    background: rgb(var(--color-white) / .6);
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn--icon.btn--simple[disabled] {
    background: rgb(var(--color-blue-gray-25));
    border-color: rgb(var(--color-blue-gray-25));
    fill: rgb(var(--color-blue-gray-400));
    stroke: rgb(var(--color-blue-gray-400));
}

.btn--icon.btn--large {
    padding: 1.9rem;
}

.btn--icon.btn--xs {
    padding: 1.1rem;
}

.btn--icon.btn--xxs {
    padding: .5rem;
}

.btn-cta {
    background: var(--color-bg-btn-cta);
    position: relative;
    z-index: 2;
    cursor: pointer;
    padding: 2rem 4.8rem;
    border-radius: 5rem;
    border: 0;
    color: rgb(var(--color-white));
    text-decoration: none;
    font-size: 2rem;
    line-height: 120%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 4px 10px rgb(248 108 11 / .25);
            box-shadow: 0 4px 10px rgb(248 108 11 / .25);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    outline: none;
}

.btn-cta::before {
    content: '';
    background: var(--gradient-second);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5rem;
    z-index: -1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 4px 10px rgb(248 108 11 / .4);
            box-shadow: 0 4px 10px rgb(248 108 11 / .4);
}

.btn-cta__icon {
    margin-left: .8rem;
    width: 2.4rem;
    height: 2.4rem;
    fill: rgb(var(--color-white));
    stroke: rgb(var(--color-white));
}

.btn-cta:hover::before {
    opacity: 0;
    visibility: hidden;
}

.checkbox,
.radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.checkbox__pointer,
.radio__pointer {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.checkbox__input,
.radio__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
}

.checkbox__custom,
.radio__custom {
    width: 24px;
    height: 24px;
    border: 1px solid rgb(var(--color-blue-gray-400));
    border-radius: 2px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    stroke: none;
    cursor: pointer;
    display: block;
    position: relative;
}

.radio__custom {
    border-radius: 50%;
}

.radio__custom::before {
    content: '';
    width: 12px;
    height: 12px;
    background: rgb(var(--color-main));
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.checkbox__input.error + .checkbox__custom,
.radio__input.error + .radio__custom {
    border-color: rgb(var(--color-error));
}

.checkbox__custom:hover,
.radio__custom:hover {
    border-color: rgb(var(--color-main));
    -webkit-box-shadow: var(--shadow-blue-blur-xs);
            box-shadow: var(--shadow-blue-blur-xs);
}

.checkbox__input:focus + .checkbox__custom,
.radio__input:focus + .radio__custom {
    border-color: rgb(var(--color-main));
    background: rgb(var(--color-blue-100));
    -webkit-box-shadow: none;
            box-shadow: none;
}

.checkbox__input:checked + .checkbox__custom {
    background: rgb(var(--color-main));
    stroke: rgb(var(--color-white));
    border-color: rgb(var(--color-main));
    -webkit-box-shadow: none;
            box-shadow: none;
}

.radio__input:checked + .radio__custom {
    background: transparent;
    border-color: rgb(var(--color-main));
    -webkit-box-shadow: none;
            box-shadow: none;
}

.radio__input:checked + .radio__custom::before {
    opacity: 1;
    visibility: visible;
}

.checkbox__input[disabled] + .checkbox__custom,
.radio__input[disabled] + .radio__custom {
    background: rgb(var(--color-blue-gray-25));
    border-color: rgb(var(--color-blue-gray-200));
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: default;
}

.checkbox__input[disabled]:checked + .checkbox__custom {
    stroke: rgb(var(--color-blue-gray-400));
    border-color: transparent;
}

.radio__input[disabled]:checked + .radio__custom::before {
    background: rgb(var(--color-blue-gray-200));
}

.checkbox__text,
.radio__text {
    margin-left: .8rem;
    font-size: 1.2rem;
    line-height: 133%;
    color: rgb(var(--color-blue-gray-400));
    padding: 2px;
}

.checklist {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 2rem;
    line-height: 130%;
    text-align: left;
}

.checklist__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.checklist__item:not(:last-child) {
    margin-bottom: .8rem;
}

.checklist__item-icon {
    width: 3.2rem;
    height: 3.2rem;
    margin-right: 1.6rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    stroke: rgb(var(--color-green-600));
}

.checklist--small {
    font-size: 1.6rem;
    line-height: 125%;
}

.checklist--small .checklist__item-icon {
    width: 2.4rem;
    height: 2.4rem;
}

.tooltip {
    position: absolute;
    padding: .8rem;
    background: rgb(var(--color-blue-gray-800));
    color: rgb(var(--color-white));
    border-radius: .8rem;
    font-size: 1.2rem;
    line-height: 133%;
    max-width: 21.6rem;
    -webkit-transform: translate(-50%, 8px);
        -ms-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
    pointer-events: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    z-index: 99995;
}

.tooltip--visible {
    opacity: 1;
    visibility: visible;
}

.tooltip::after {
    content: '';
    position: absolute;
    top: -16px;
    left: calc(50% - 8px);
    border: 8px solid transparent;
    border-bottom: 8px solid rgb(var(--color-blue-gray-800));
    display: block;
}

.tooltip--top {
    -webkit-transform: translate(-50%, calc(-100% - 8px));
        -ms-transform: translate(-50%, calc(-100% - 8px));
            transform: translate(-50%, calc(-100% - 8px));
}

.tooltip--top::after {
    top: auto;
    bottom: -16px;
    border-bottom-color: transparent;
    border-top-color: rgb(var(--color-blue-gray-800));
}

.tooltip--left {
    -webkit-transform: translate(calc(-100% - 8px), -50%);
        -ms-transform: translate(calc(-100% - 8px), -50%);
            transform: translate(calc(-100% - 8px), -50%);
}

.tooltip--left::after {
    top: calc(50% - 8px);
    left: calc(100% - 1px);
    border-bottom-color: transparent;
    border-left-color: rgb(var(--color-blue-gray-800));
}

.tooltip--right {
    -webkit-transform: translate(8px, -50%);
        -ms-transform: translate(8px, -50%);
            transform: translate(8px, -50%);
}

.tooltip--right::after {
    top: calc(50% - 8px);
    left: -16px;
    border-bottom-color: transparent;
    border-right-color: rgb(var(--color-blue-gray-800));
}

.logo-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 27rem;
    padding: .8rem .8rem 1.6rem;
    background: var(--gradient);
    border-radius: .8rem;
    position: relative;
    z-index: 2;
    color: rgb(var(--color-white));
    fill: rgb(var(--color-white));
    stroke: rgb(var(--color-white));
}

.logo-stats::before {
    content: '';
    background: -o-linear-gradient(273.35deg, rgb(var(--color-orange-700)) -227.78%, rgb(var(--color-orange-500)) 96.18%);
    background: linear-gradient(176.65deg, rgb(var(--color-orange-700)) -227.78%, rgb(var(--color-orange-500)) 96.18%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: .8rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: -1;
}

.logo-stats::after {
    content: '';
    width: 2rem;
    height: 1.2rem;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L8.30606 11.3066C8.47951 11.522 8.70394 11.6967 8.96168 11.817C9.21943 11.9373 9.50346 12 9.79142 12C10.0794 12 10.3634 11.9373 10.6212 11.817C10.8789 11.6967 11.1033 11.522 11.2768 11.3066L20 0H0Z' fill='%23FF922B'/%3E%3C/svg%3E");
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -1rem;
}

.logo-stats:hover::before {
    opacity: 1;
    visibility: visible;
}

.logo-stats__icon {
    width: 3.6rem;
    height: 3.6rem;
}

.logo-stats__name {
    font-size: 3.2rem;
    line-height: 125%;
    margin-left: .8rem;
    font-family: var(--font-second);
    font-weight: 700;
}

.logo-stats__name b {
    font-size: 3.6rem;
    font-weight: 800;
    line-height: 122%;
}

.logo-stats__list {
    width: 100%;
    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;
}

.logo-stats__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.logo-stats__item:not(:last-child) {
    margin-right: .8rem;
}

.logo-stats__item-icon {
    width: 1.2rem;
    height: 1.2rem;
}

.logo-stats__item-link {
    font-size: 1.6rem;
    line-height: 150%;
    color: rgb(var(--color-white));
}

.logo-stats__item-link:hover,
.logo-stats__item-link:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(var(--color-white))), to(rgb(var(--color-white)))) no-repeat left 2px bottom 2px / calc(100% - 4px) 1px;
    background: -o-linear-gradient(rgb(var(--color-white)), rgb(var(--color-white))) no-repeat left 2px bottom 2px / calc(100% - 4px) 1px;
    background: linear-gradient(rgb(var(--color-white)), rgb(var(--color-white))) no-repeat left 2px bottom 2px / calc(100% - 4px) 1px;
}

.logo-stats__item-link:active {
    -webkit-box-shadow: inset 0 0 0 1px rgb(var(--color-white));
            box-shadow: inset 0 0 0 1px rgb(var(--color-white));
}

.soc-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    --color-default: rgb(var(--color-blue-50));
}

.soc-icon__item {
    width: 3.2rem;
    height: 3.2rem;
    -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
            transform: scale(.75);
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    fill: var(--color-default);
    -webkit-animation: soc-icon 12s linear infinite;
            animation: soc-icon 12s linear infinite;
}

.soc-icon__item--orange {
    --color-active: rgb(var(--color-orange-700));
}

.soc-icon__item--green {
    --color-active: rgb(var(--color-green-700));
}

.soc-icon__item--blue {
    --color-active: rgb(var(--color-blue-700));
}

.soc-icon__item--red {
    --color-active: rgb(var(--color-red-700));
}

.soc-icon__item:not(:last-child) {
    margin-right: 2rem;
}

.soc-icon__item:nth-child(2) {
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
}

.soc-icon__item:nth-child(3) {
    -webkit-animation-delay: 6s;
            animation-delay: 6s;
}

.soc-icon__item:nth-child(4) {
    -webkit-animation-delay: 9s;
            animation-delay: 9s;
}

/***********************************/
/************ 4. Header ************/
/***********************************/

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgb(var(--color-bg));
    z-index: 7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 3.2rem;
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
    min-height:72px;
}

.header > * {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.header > *:not(:last-child) {
    border-right: 1px solid rgb(var(--color-blue-100) / .5);
}

.header > *:first-child {
    padding-left: 0;
}

.header > *:last-child {
    padding-right: 0;
}

.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.logo__name {
    color: rgb(var(--color-orange-600));
    font-size: 3.2rem;
    line-height: 125%;
    font-family: var(--font-second);
    font-weight: 700;
    text-decoration: none;
}

.logo__name b {
    font-size: 3.6rem;
    line-height: 122%;
    font-weight: 800;
    color: rgb(var(--color-blue-700));
}

.logo__slogan {
    font-size: 1.2rem;
    line-height: 133%;
    width: 18rem;
    margin-left: 1.6rem;
}

.header__logo {
    padding: 1.6rem;
}

.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.menu__btn {
    display: none;
}

.menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu__item:not(:last-child) {
    margin-right: 3.6rem;
}

.menu__link {
    color: rgb(var(--color-text));
    line-height: 100%;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 2.9rem 0;
}

.menu__link:hover {
    color: rgb(var(--color-main));
    border-color: rgb(var(--color-main));
}

.header__menu {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 1.6rem;
}

.menu-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-icon__item {
    position: relative;
    --color-item: rgb(var(--color-main));
    cursor: pointer;
}

.menu-icon__item:not(:last-child) {
    margin-right: 2.4rem;
}

.menu-icon__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgb(var(--color-text));
    text-decoration: none;
    border-top: 6px solid transparent;
    padding: .2rem 0 .8rem;
    line-height: 100%;
    min-width: 6.4rem;
    height: 100%;
}

.menu-icon__link-icon {
    width: 3.2rem;
    height: 3.2rem;
    margin-bottom: .8rem;
}

.menu-icon__link-icon--socials {
    width: 9.3rem;
    height: 4rem;
}

.menu-icon__link-name {
    margin-bottom: .8rem;
}

.menu-icon__link-dropdown {
    width: 1.6rem;
    height: 1.6rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.menu-icon__item:hover .menu-icon__link {
    border-color: rgb(var(--color-main));
    color: rgb(var(--color-main));
}

.menu-icon__item:hover .menu-icon__link-dropdown {
    fill: rgb(var(--color-main));
}

.menu-icon__item:hover .menu-icon__dropdown {
    opacity: 1;
    visibility: visible;
}

.menu-icon__dropdown {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(100% + 6px);
    right: calc(50% - 37px);
    width: 27rem;
    background: rgb(var(--color-white));
    border-radius: .8rem;
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 3;
}

.menu-icon__dropdown--wide {
    width: 30rem;
}

.menu-icon__dropdown-title {
    padding: 1.6rem 2.4rem;
    font-size: 2rem;
    line-height: 2.4rem;
    color: rgb(var(--color-white));
    fill: rgb(var(--color-white));
    background: var(--color-item);
    border-radius: .8rem .8rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.menu-icon__dropdown-title::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid var(--color-item);
    position: absolute;
    top: -6px;
    right: 32px;
}

.menu-icon__dropdown-title-icon {
    width: 3rem;
    height: 3rem;
    margin-right: .8rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.menu-icon__dropdown-list-container {
    max-height: 30rem;
}

.menu-icon__dropdown-list-container .os-content {
    visibility: hidden;
}

.menu-icon__item:hover .os-content {
    visibility: visible;
}

.menu-icon__dropdown-list {
    list-style: none;
    margin: 0;
    padding: 1.6rem 0;
}

.menu-icon__dropdown-link {
    color: rgb(var(--color-text-secondary));
    fill: rgb(var(--color-text-secondary));
    stroke: rgb(var(--color-text-secondary));
    text-align: left;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.6rem 2.4rem;
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
}

.menu-icon__dropdown-link:hover {
    background: rgb(var(--color-bg-light));
    color: rgb(var(--color-main));
    fill: rgb(var(--color-main));
    stroke: rgb(var(--color-main));
}

.menu-icon__dropdown-link-icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .8rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.header__menu-icon {
    padding: 0 2.4rem;
    height: 100%;
}

.header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/***********************************/
/************ 5. Footer ************/
/***********************************/

.footer__top {
    padding: 3.2rem 0 2.4rem;
    background: rgb(var(--color-main));
}

.footer__inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 3.2rem;
}

.footer__info {
    flex-shrink: 0;
}

.footer__title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2rem;
    color: rgb(var(--color-white));
    margin-bottom: 1.2rem;
    font-family: var(--font-third);
}

.footer-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-nav__item:not(:last-child) {
    margin-bottom: .2rem;
}

.footer-nav__link {
    padding: 0 2px 1px;
    font-family: var(--font-third);
    color: rgb(var(--color-white) / .7);
    font-size: 1.2rem;
    line-height: 1.5rem;
    display: block;
    transition: .3s;
}

.footer-nav__link:hover {
    color: rgb(var(--color-white));
}

.footer__categories {
    flex-grow: 1;
}

.footer-menus {
    display: flex;
    gap: 0 1.6rem;
}

.footer-menu {
    font-family: var(--font-third);
}

.footer-menu__sub-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: var(--font-third);
}

.footer-menu__sub-list {
    margin: .2rem 0 0 1.2rem;
    display: none;
}

.footer-menu__item:not(:last-child) {
    margin-bottom: .2rem;
}

.footer-menu__link,
.footer-menu__sub-link {
    color: rgb(var(--color-white) / .7);
    fill: rgb(var(--color-white) / .7);
    text-decoration: none;
    font-size: 1.2rem;
    line-height: 1.6rem;
    display: flex;
    align-items: center;
}

.footer-menu__link:hover,
.footer-menu__sub-link:hover {
    color: rgb(var(--color-white));
    fill: rgb(var(--color-white));
}

.footer-menu__link-icon {
    width: 1rem;
    height: 1rem;
    margin-left: 0.6rem;
    transition: .3s;
}

.footer-menu__link.active {
    color: rgb(var(--color-white));
}

.footer-menu__link.active .footer-menu__link-icon {
    transform: rotate(180deg);
}

.footer__icons {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.footer__icons-item:not(:last-child) {
    margin-right: 2.4rem;
}

.footer__icons-link {
    background: rgb(var(--color-white) / .7);
}

.footer__bottom {
    padding: .8rem 0;
    background: rgb(var(--color-blue-gray-900));
    color: rgb(var(--color-white));
    font-size: 1.2rem;
    line-height: 133%;
}

/************************************/
/************ 6. Content ************/
/************************************/

[disabled] {
    pointer-events: none;
}

.hidden {
    display: none !important;
}

.color-main {
    color: rgb(var(--color-main));
}

.color-success {
    color: rgb(var(--color-success));
}

.color-warning {
    color: rgb(var(--color-warning));
}

.color-error {
    color: rgb(var(--color-error));
}

.color-vk {
    color: var(--color-vk);
}

.color-tg {
    color: var(--color-telegram);
}

.color-ok {
    color: var(--color-odnoklassniki);
}

.color-tiktok {
    color: var(--color-tiktok);
}

.color-ig {
    color: var(--color-instagram);
}

.color-youtube {
    color: var(--color-youtube);
}

.color-fb {
    color: var(--color-facebook);
}

.color-whatsapp {
    color: var(--color-whatsapp);
}

.color-twitter {
    color: var(--color-twitter);
}

.color-reddit {
    color: var(--color-reddit);
}

.color-twitch {
    color: var(--color-twitch);
}

.color-discord {
    color: var(--color-discord);
}

.color-clubhouse {
    color: var(--color-clubhouse);
}

.color-likee {
    background: var(--color-likee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.color-linkedin {
    color: var(--color-linkedin);
}

.color-snapchat {
    color: var(--color-snapchat);
}

.color-dzen {
    color: var(--color-dzen);
}

.color-rutube {
    color: var(--color-rutube);
}

.color-trovo {
    color: var(--color-trovo);
}

.color-spotify {
    color: var(--color-spotify);
}

.color-yappy {
    color: var(--color-yappy);
}

.bg-light {
    background: rgb(var(--color-bg-light));
}

.field-list > *:not(:last-child) {
    margin-bottom: 3rem;
}

.field-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.field-row > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 50%;
}

.field-row > *:not(:first-child) {
    margin-left: 3rem;
}

.loading {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    -webkit-perspective: 80rem;
            perspective: 80rem;
}

.loading__line {
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.loading__line:nth-child(1) {
    left: 0%;
    top: 0%;
    -webkit-animation: loading-line 1s linear infinite;
            animation: loading-line 1s linear infinite;
    border-bottom: 3px solid rgb(var(--color-main));
}

.loading__line:nth-child(2) {
    right: 0%;
    top: 0%;
    -webkit-animation: loading-line-2 1s linear infinite;
            animation: loading-line-2 1s linear infinite;
    border-right: 3px solid rgb(var(--color-main));
}

.loading__line:nth-child(3) {
    right: 0%;
    bottom: 0%;
    -webkit-animation: loading-line-3 1s linear infinite;
            animation: loading-line-3 1s linear infinite;
    border-top: 3px solid rgb(var(--color-main));
}

.main {
    background: url(../img/bg/wave-top-right.svg) no-repeat top right / 1110px 564px;
    padding: 6rem 0;
    position: relative;
}

.main::after {
    content: '';
    display: block;
    width: 1110px;
    height: 1px;
    margin: 6rem auto -6rem;
    background: rgb(var(--color-blue-100));
}

.main__inner {
    width: 54rem;
    max-width: 100%;
    position: relative;
    z-index: 2;
}

.main__inner > *:not(:last-child) {
    margin-bottom: 3.2rem;
}

.main__title {
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 112%;
    font-family: var(--font-second);
}

.main__img-container {
    position: absolute;
    left: calc(50% - 8rem);
    bottom: 1px;
    font-size: 0;
}

.main__img {
    position: relative;
    z-index: 2;
}

.pulse {
    position: absolute;
    width: 16rem;
    height: 16rem;
    margin: -8rem 0 0 -8rem;
    -webkit-animation: pulse 4s ease-in infinite;
            animation: pulse 4s ease-in infinite;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    border-radius: 50%;
    background: rgb(var(--color-orange-300));
}

.main__pulse {
    top: 27.1%;
    left: 18.52%;
}

.main__logo-stats {
    position: absolute;
    left: 67.5%;
    bottom: 59.3%;
    z-index: 3;
}

.main__like {
    position: absolute;
    left: calc(50% - 96rem);
    bottom: -22.5rem;
    width: 40rem;
    height: 40rem;
    fill: rgb(var(--color-bg-light));
    -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-animation: like 7s ease-in-out 2s infinite;
            animation: like 7s ease-in-out 2s infinite;
}

.section {
    padding: 8rem 0;
    position: relative;
}

.benefit-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -1.5rem -3rem;
}

.benefit-card {
    width: calc(33.33333% - 3rem);
    margin: 0 1.5rem 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.6rem;
    border-radius: 1.6rem;
    background: rgb(var(--color-bg));
}

.benefit-card__icon-container {
    padding: 1.2rem;
    background: rgb(var(--color-main));
    border-radius: 0.8rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 0;
}

.benefit-card__icon {
    width: 4.8rem;
    height: 4.8rem;
    opacity: 0.8;
    fill: rgb(var(--color-white));
}

.benefit-card__info {
    margin-left: 1.6rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.benefit-card__title {
    font-size: 2rem;
    line-height: 1.2;
    font-family: var(--font-second);
    font-weight: 700;
}

.benefit-card__text {
    margin: 0.8rem 0 0;
    font-size: 1.2rem;
    line-height: 1.33;
    color: rgb(var(--color-blue-gray-400));
}

.whom {
    background: url(../img/bg/wave-top-right-2.svg) no-repeat top right / 656px 666px, url(../img/bg/wave-left-bottom.svg) no-repeat left bottom / 850px 257px rgb(var(--color-bg-light));
    padding: 6.5rem 0;
}

.whom__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 2;
}

.section-header {
    width: 70rem;
    max-width: 100%;
    margin: 0 auto 4.8rem;
}

.section-header > *:first-child {
    margin-top: 0;
}

.section-header > *:last-child {
    margin-bottom: 0;
}

.section-header__sub-title {
    font-size: 1.4rem;
    line-height: 143%;
    letter-spacing: .06em;
    color: rgb(var(--color-main));
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: .8rem;
}

.section-header__title {
    font-size: 3.6rem;
    font-weight: 800;
    line-height: 122%;
    font-family: var(--font-second);
    margin-bottom: 2.4rem;
}

.section-header__hr {
    width: 16rem;
    height: 2px;
    background: rgb(var(--color-blue-100));
    margin-left: 0;
    border: none;
    margin-bottom: 2.4rem;
}

.section-header__description {
    line-height: 125%;
    color: rgb(var(--color-text-secondary));
    margin-top: 0;
    margin-bottom: 2.4rem;
    font-family: var(--font-second);
}

.section-header--center {
    text-align: center;
}

.section-header--center .section-header__hr {
    margin-left: auto;
}

.whom__header {
    width: 44.5rem;
    margin: 0;
}

.whom__list {
    width: calc(57rem + 3rem);
}

.alert {
    background: rgb(var(--color-bg-light));
    border: 1px solid rgb(var(--color-main));
    border-radius: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.5rem;
    line-height: 125%;
    text-align: left;
}

.alert__icon {
    width: 3.2rem;
    height: 3.2rem;
    margin-right: 1.6rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 -1.5rem -3rem;
}

.card-list--align-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.card-list .card {
    width: calc(50% - 3rem);
    margin: 0 1.5rem 3rem;
}

.card-list--col-3 .card {
    width: calc(33.33333% - 3rem);
}

.card {
    width: 100%;
    background: rgb(var(--color-white));
    border-radius: 1.6rem;
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
    text-align: center;
    padding: 3.2rem 1.6rem;
    position: relative;
    overflow: hidden;
}

.card--no-shadow {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.card > *:not(:last-child) {
    margin-bottom: 1.6rem;
}

.card > *:last-child {
    margin-bottom: 0;
}

.card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.card__icon-container {
    width: 7.2rem;
    height: 7.2rem;
    background: rgb(var(--color-main));
    border-radius: .8rem;
    margin: 0 auto;
    padding: 1.2rem;
    fill: rgb(var(--color-white));
    stroke: rgb(var(--color-white));
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
}

.card__icon {
    width: 100%;
    height: 100%;
}

.card__title {
    font-family: var(--font-second);
    font-size: 2rem;
    line-height: 120%;
    font-weight: 700;
}

.card__decription {
    color: rgb(var(--color-text-secondary));
    font-size: 1.4rem;
    line-height: 129%;
    margin-top: 0;
}

.card__checklist {
    font-family: var(--font-second);
}

.card__alert {
    font-family: var(--font-second);
}

.card__note {
    line-height: 125%;
    text-align: left;
    font-family: var(--font-second);
}

.card--big {
    padding: 4rem 3.2rem;
}

.card--big > *:not(:last-child) {
    margin-bottom: 2.4rem;
}

.card--v2 {
    padding: 3.2rem 2.4rem 3.2rem 3.2rem;
    border-radius: .8rem 1.6rem 1.6rem .8rem;
    text-align: left;
}

.card--v2::before {
    content: '';
    width: .8rem;
    height: 100%;
    background: rgb(var(--color-blue-200));
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.card--v2 .card__icon-container {
    width: 3.2rem;
    height: 3.2rem;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    margin: 0 1.6rem 0 0;
    fill: rgb(var(--color-main));
    stroke: rgb(var(--color-main));
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0;
}

.slick-list {
    overflow: visible;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    right: calc(100% + 1.5rem);
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    z-index: 2;
}

.slick-next {
    right: auto;
    left: calc(100% + 1.5rem);
}

.slick-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.slick-active {
    opacity: 1;
    visibility: visible;
}

.review {
    background: url(../img/bg/wave-left-bottom-2.svg) no-repeat left bottom / 1325px 418px rgb(var(--color-bg-light));
    text-align: center;
}

.review__header {
    margin-bottom: 4.8rem;
}

.review__header .section-header__title {
    margin-bottom: 4.8rem;
}

.review-list {
    margin: 0 -1.5rem 4.8rem;
}

.review-card {
    margin: 5rem 1.5rem 0;
    background: #fff;
    position: relative;
    padding: 8rem 3.2rem 4rem;
    border-radius: 1.6rem;
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
    text-align: left;
}

.review-card::before {
    content: '';
    width: 8rem;
    height: 8rem;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M66 29.9999V46.6666C66 52.1894 61.5228 56.6666 56 56.6666H52.6667C50.8257 56.6666 49.3333 55.1742 49.3333 53.3333C49.3333 51.4923 50.8257 49.9999 52.6667 49.9999H56C57.841 49.9999 59.3333 48.5075 59.3333 46.6666H49.3333C45.6514 46.6666 42.6667 43.6818 42.6667 39.9999V29.9999C42.6667 26.318 45.6514 23.3333 49.3333 23.3333H59.3333C63.0152 23.3333 66 26.318 66 29.9999ZM36.6667 29.9999V46.6666C36.6667 52.1894 32.1895 56.6666 26.6667 56.6666H23.3333C21.4924 56.6666 20 55.1742 20 53.3333C20 51.4923 21.4924 49.9999 23.3333 49.9999H26.6667C28.5076 49.9999 30 48.5075 30 46.6666H20C16.3181 46.6666 13.3333 43.6818 13.3333 39.9999V29.9999C13.3333 26.318 16.3181 23.3333 20 23.3333H30C33.6819 23.3333 36.6667 26.318 36.6667 29.9999Z' fill='%23A5D8FF'/%3E%3C/svg%3E");
}

.review-card > *:not(:last-child) {
    margin-bottom: 2.4rem;
}

.review-card > *:last-child {
    margin-bottom: 0;
}

.review-card__img {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    position: absolute;
    top: -5rem;
    left: 0;
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
}

.review-card__title {
    text-align: center;
    font-size: 2rem;
    line-height: 120%;
    font-weight: 700;
    font-family: var(--font-second);
}

.review-card__text {
    color: rgb(var(--color-text-secondary));
    line-height: 125%;
    font-family: var(--font-second);
}

.review-card__link {
    display: inline-block;
}

.faq__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.faq__header {
    width: 35rem;
    margin: 0;
}

.faq__list {
    margin-left: 3rem;
    width: calc(100% - 35rem - 3rem);
}

.accordion-list > *:not(:last-child) {
    margin-bottom: .4rem;
}

.accordion {
    background: rgb(var(--color-white));
    -webkit-box-shadow: var(--shadow-blue-blur-xs);
            box-shadow: var(--shadow-blue-blur-xs);
    border-radius: .8rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.accordion__title {
    padding: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 2rem;
    line-height: 120%;
    font-weight: 700;
    font-family: var(--font-second);
    stroke: rgb(var(--color-text));
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

.accordion__title-text {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.accordion__title-icon {
    width: 3.2rem;
    height: 3.2rem;
    margin-left: .8rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.accordion__content {
    padding: 0 6.4rem 2.4rem 2.4rem;
    display: none;
    margin-top: -33px;
}

.accordion__text {
    opacity: .8;
    line-height: 125%;
    font-family: var(--font-second);
}

.accordion:not(.active):hover {
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
}

.accordion:not(.active):hover .accordion__title {
    color: rgb(var(--color-main));
    stroke: rgb(var(--color-main));
}

.accordion.active {
    background: rgb(var(--color-bg-light));
    -webkit-box-shadow: none;
            box-shadow: none;
}

.accordion.active .accordion__title {
    color: rgb(var(--color-main));
    stroke: rgb(var(--color-main));
}

.accordion.active .accordion__title-icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.notice {
    border-radius: .8rem;
    padding: 3.2rem 3.2rem 3.2rem 22.8rem;
    background: url(../img/notification.svg) no-repeat top 3.2rem left 3.2rem / 18rem 18rem #fffaf3;
}

.notice > *:not(:last-child) {
    margin-bottom: 1.6rem;
}

.notice__info {
    flex-grow: 1;
}

.notice__title {
    font-size: 3.6rem;
    line-height: 122%;
    font-weight: 800;
    font-family: var(--font-second);
    margin: 0;
}

.notice__description {
    font-family: var(--font-second);
    line-height: 1.25;
    margin: 0;
    color: rgb(var(--color-blue-gray-900));
}

.notice__btn {
    flex-shrink: 0;
}

.notice--horizontal {
    display: flex;
    align-items: center;
}

.notice--horizontal > *:not(:last-child) {
    margin-right: 1.6rem;
    margin-bottom: 0;
}

.buy__notice {
    margin-top: 8rem;
    padding-left: 34.8rem;
    background: url(../img/choose.svg) no-repeat center left 3.2rem / 30rem 20rem #fffaf3;
}

.faq__notice {
    margin-top: 8rem;
}

.benefit__notice {
    background-color: rgb(var(--color-bg));
    margin-top: 4rem;
}

.partnership {
    background: url(../img/bg/wave-left-bottom-3.svg) no-repeat left bottom / 1515px 1034px rgb(var(--color-bg-light));
}

.partnership__header {
    width: 50rem;
    max-width: 100%;
    margin: 0 auto 4.8rem;
}

.partnership__like {
    position: absolute;
    top: -20rem;
    left: calc(50% + 63rem);
    width: 40rem;
    height: 40rem;
    fill: rgb(var(--color-blue-100));
    -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-animation: like-reverse 7s ease-in-out 2s infinite;
            animation: like-reverse 7s ease-in-out 2s infinite;
}

.partnership__heart {
    left: calc(50% - 87.4rem);
    bottom: 8.4rem;
}

.heart {
    position: absolute;
    fill: rgb(var(--color-bg-light));
    width: 27.3rem;
    height: 41.6rem;
}

.heart__item {
    position: absolute;
    -webkit-animation: heartbeat 12s ease-in-out infinite;
            animation: heartbeat 12s ease-in-out infinite;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

.heart__item:nth-child(1) {
    width: 4rem;
    height: 4rem;
    top: 4.1rem;
    left: 6.9rem;
    -webkit-animation-delay: 6s;
            animation-delay: 6s;
}

.heart__item:nth-child(2) {
    width: 4rem;
    height: 4rem;
    top: 1.2rem;
    left: 16.7rem;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}

.heart__item:nth-child(3) {
    width: 6rem;
    height: 6rem;
    top: 7.8rem;
    left: 18.7rem;
    -webkit-animation-delay: 10s;
            animation-delay: 10s;
}

.heart__item:nth-child(4) {
    width: 8rem;
    height: 8rem;
    top: 10.8rem;
    left: .9rem;
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
}

.heart__item:nth-child(5) {
    width: 10rem;
    height: 10rem;
    top: 20.8rem;
    left: 12.7rem;
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
}

.heart__item:nth-child(6) {
    width: 10rem;
    height: 10rem;
    top: 31.6rem;
    left: 0;
}

.content {
    margin-top: 73px;
}

.buy {
    min-height:785px;
}

.buy--bg {
    background: url(../img/bg/wave-top-right-3.svg) no-repeat top right / 1325px 418px;
}

.buy:not(.section) {
    padding: 4rem 0;
}

.buy__header .section-header__title {
    margin-bottom: 0.8rem;
}

.tab__select {
    display: none;
}

.tab__nav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-bottom: 3.2rem;
}

.tab__nav-container.os-host-scrollbar-horizontal-hidden .os-viewport {
    overflow: visible;
}

.tab__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tab__nav-item:not(:last-child) {
    margin-right: .8rem;
}

.tab__nav-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 100%;
    padding: 1.6rem;
    border: 0;
    cursor: pointer;
    background: rgb(var(--color-main));
    color: rgb(var(--color-white));
    fill: rgb(var(--color-white));
    stroke: rgb(var(--color-white));
    border-radius: .8rem;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.tab__nav-btn--vk {
    background: var(--color-vk);
}

.tab__nav-btn--tg {
    background: var(--color-telegram);
}

.tab__nav-btn--ig {
    background: var(--color-instagram);
}

.tab__nav-btn--ok {
    background: var(--color-odnoklassniki);
}

.tab__nav-btn--tiktok {
    background: var(--color-tiktok);
}

.tab__nav-btn--youtube {
    background: var(--color-youtube);
}

.tab__nav-btn--fb {
    background: var(--color-facebook);
}

.tab__nav-btn--whatsapp {
    background: var(--color-whatsapp);
}

.tab__nav-btn--twitter {
    background: var(--color-twitter);
}

.tab__nav-btn--reddit {
    background: var(--color-reddit);
}

.tab__nav-btn--twitch {
    background: var(--color-twitch);
}

.tab__nav-btn--discord {
    background: var(--color-discord);
}

.tab__nav-btn--clubhouse {
    background: var(--color-clubhouse);
}

.tab__nav-btn--likee {
    background: var(--color-likee);
}

.tab__nav-btn--linkedin {
    background: var(--color-linkedin);
}

.tab__nav-btn--snapchat {
    background: var(--color-snapchat);
}

.tab__nav-btn--rutube {
    background: var(--color-rutube);
}

.tab__nav-btn--dzen {
    background: var(--color-dzen);
}

.tab__nav-btn--trovo {
    background: var(--color-trovo);
}

.tab__nav-btn--spotify {
    background: var(--color-spotify);
}

.tab__nav-btn--app_store {
    background: var(--color-app-store);
}

.tab__nav-btn--google_play {
    background: var(--color-google-play);
}

.tab__nav-btn--google_play .tab__nav-btn-text {
    color: rgb(var(--color-main));
}

.tab__nav-btn--yappy {
    background: var(--color-yappy);
}

.tab__nav-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    border: 2px solid rgb(var(--color-white));
    border-radius: 0.8rem;
    z-index: 2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.tab__nav-btn > * {
    position: relative;
    z-index: 3;
}

.tab__nav-btn-icon {
    width: 2.4rem;
    height: 2.4rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.tab__nav-btn-text {
    font-size: 0;
    transition: .3s;
    white-space: nowrap;
}

.tab__nav-btn:hover {
    -webkit-box-shadow: var(--shadow-blue-blur);
            box-shadow: var(--shadow-blue-blur);
}

.tab__nav-btn:hover::before {
    opacity: 0;
    visibility: hidden;
}

.tab__nav-btn.active {
    -webkit-box-shadow: var(--shadow-blue-blur);
            box-shadow: var(--shadow-blue-blur);
    font-size: 1.6rem;
    line-height: 1;
    padding: 1.6rem 3.2rem;
}

.tab__nav-btn.active::after {
    opacity: 1;
    visibility: visible;
}

.tab__nav-btn.active .tab__nav-btn-text {
    font-size: 1.6rem;
    margin-left: .8rem;
}

.tab__nav-btn[disabled] {
    background: rgb(var(--color-blue-gray-200));
    color: rgb(var(--color-blue-gray-400));
}

.tab__nav-btn[disabled] .tab__nav-btn-icon {
    background: rgb(var(--color-blue-gray-400));
}

.tab__content {
    display: none;
}

.tab__content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tab__sub-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 35rem;
}

.tab__sub-btn {
    color: rgb(var(--color-blue-gray-400));
    fill: rgb(var(--color-blue-gray-400));
    stroke: rgb(var(--color-blue-gray-400));
    background: none;
    border: none;
    padding: 2.4rem 2.4rem 2.4rem 3.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    cursor: pointer;
    border-radius: 2px 4px 4px 2px;
    position: relative;
}

.tab__sub-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: .5rem;
    height: 100%;
    display: block;
    border-radius: 2px 0 0 2px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.tab__sub-btn-icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.6rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.tab__sub-btn-text {
    font-size: 2rem;
    line-height: 130%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: left;
}

.tab__sub-btn:hover {
    color: rgb(var(--color-text));
    fill: rgb(var(--color-text));
    stroke: rgb(var(--color-text));
}

.tab__sub-btn:hover::before {
    background: rgb(var(--color-blue-200));
}

.tab__sub-btn.active {
    color: rgb(var(--color-main));
    fill: rgb(var(--color-main));
    stroke: rgb(var(--color-main));
    -webkit-box-shadow: var(--shadow-blue-blur-xs);
            box-shadow: var(--shadow-blue-blur-xs);
}

.tab__sub-btn.active::before {
    background: rgb(var(--color-main));
}

.tab__sub-container {
    width: calc(100% - 35rem - 3rem);
    margin-left: 3rem;
}

.tab__sub-content {
    display: none;
}

.buy__total {
    display: none;
}

.buy__btns {
    text-align: right;
    margin-top: 4.8rem;
}

.buy__like {
    position: absolute;
    left: calc(50% - 96rem);
    bottom: 18rem;
    width: 40rem;
    height: 40rem;
    fill: rgb(var(--color-bg-light));
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-animation: like 7s ease-in-out 2s infinite;
    animation: like 7s ease-in-out 2s infinite;
}

.buy__heart {
    top: calc(50% + 2.9rem);
    left: calc(50% + 57rem);
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.buy__loading {
    margin: 0 auto;
}

.mCS_arrow:not(:last-child) {
    margin-bottom: 1.6rem;
}

.mCS_arrow:not(:first-child) {
    margin-top: 1.6rem;
}

.mCSB_arrow_horizontal:not(:last-child) {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 1.6rem;
}

.mCSB_arrow_horizontal:not(:first-child) {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1.6rem;
}

.calculator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.calculator__box {
    border: 1px solid rgb(var(--color-blue-gray-400));
    border-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: .7rem 2rem;
}

.calculator__action {
    background: none;
    border: none;
    padding: 0;
    width: 2.4rem;
    height: 2.4rem;
    stroke: rgb(var(--color-blue-gray-900));
    cursor: pointer;
}

.calculator__action:hover {
    stroke: rgb(var(--color-main));
}

.calculator__action-icon {
    width: 100%;
    height: 100%;
}

.calculator__input {
    padding: 0 .8rem;
    margin: 0 .8rem;
    border: none;
    outline: none;
    text-align: center;
    height: 4rem;
    border-left: 1px solid rgb(var(--color-blue-gray-900) / .25);
    border-right: 1px solid rgb(var(--color-blue-gray-900) / .25);
    font-size: 1.6rem;
    color: rgb(var(--color-text));
    width: calc(8.2rem + .8rem * 2);
}

.calculator__result {
    font-size: 1.6rem;
    line-height: 150%;
    color: rgb(var(--color-text));
    margin-left: 1.6rem;
}

.order {
    padding-top: 6rem;
}

.order__loading {
    margin: 0 auto;
}

.order__header {
    margin-bottom: 6rem;
}

.order__notice {
    margin-top: 6rem;
    padding: 2.4rem 2.4rem 2.4rem 18.4rem;
    background: url(../img/robot.svg) no-repeat top 2.4rem left 2.4rem / 16rem 16rem rgb(var(--color-bg-light));
    min-height: 20.8rem;
}

.order__notice .notice__title {
    font-size: 2.8rem;
    line-height: 114%;
}

.order__notice .notice__description {
    font-size: 1.8rem;
    line-height: 1.33;
    color: rgb(var(--color-text-secondary));
}

.task-list > *:not(:last-child) {
    margin-bottom: 6rem;
}

.task {
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
    border-radius: 1.6rem;
    padding: 3.2rem;
}

.task > *:not(:last-child) {
    margin-bottom: 2.4rem;
}

.task > *:last-child {
    margin-bottom: 0;
}

.task__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.task__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.task__avatar {
    background: rgb(var(--color-main));
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    padding: .8rem;
    fill: rgb(var(--color-white));
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.task__avatar-icon {
    width: 100%;
    height: 100%;
}

.task__link {
    margin-left: 2.4rem;
}

.task__result {
    line-height: 150%;
    font-weight: 700;
}

.task__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: -1.6rem -1.6rem 1.6rem;
}

.task__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 1.6rem 1.6rem 0;
    position: relative;
}

.task__card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: .8rem;
    border: 1px solid rgb(var(--color-main));
}

.task__card-icon-container {
    width: 5.6rem;
    height: 5.6rem;
    padding: 1.2rem;
    fill: rgb(var(--color-white));
    background: rgb(var(--color-main));
    border-radius: .8rem;
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
}

.task__card-icon {
    width: 100%;
    height: 100%;
}

.task__card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1rem 2.4rem 1rem 1.6rem;
}

.task__card-title {
    font-weight: 700;
    line-height: 150%;
    margin-right: 1.6rem;
}

.task__card-value {
    font-size: 1.4rem;
    line-height: 129%;
    color: rgb(var(--color-blue-gray-400));
}

.task__card--success::before {
    border-color: rgb(var(--color-success));
}

.task__card--success .task__card-icon-container {
    background: rgb(var(--color-success));
}

.task__card--warning::before {
    border-color: rgb(var(--color-warning));
}

.task__card--warning .task__card-icon-container {
    background: rgb(var(--color-warning));
}

.task__card--error::before {
    border-color: rgb(var(--color-error));
}

.task__card--error .task__card-icon-container {
    background: rgb(var(--color-error));
}

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

.infolist__item {
    line-height: 125%;
    font-family: var(--font-second);
}

.infolist__item--one-line {
    display: flex;
    align-items: center;
}

.infolist__item:not(:last-child) {
    margin-bottom: 1.6rem;
}

.infolist__item-title {
    font-weight: 700;
}

.infolist__item-link {
    text-overflow: ellipsis;
    overflow: hidden;
}

.infolist__item-value,
.infolist__item-link {
    margin-left: 1.3rem;
}

.infolist__item-value-icon {
    width: 2rem;
    height: 2rem;
    fill: rgb(var(--color-text));
    stroke: rgb(var(--color-text));
    margin-right: 0.8rem;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
}

.infolist__item-help {
    width: 2rem;
    height: 2rem;
    vertical-align: top;
    margin-left: 4px;
}

.task__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem;
}

.full-screen {
    min-height: 100vh;
    padding: 2.4rem 1rem;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    z-index: 2;
}

.full-screen::before,
.full-screen::after {
    content: '';
    position: absolute;
    top: calc(50% - 80.4rem);
    left: calc(50% - 154.7rem);
    width: 120.4rem;
    height: 139.7rem;
    background: url(../img/bg/wave.svg) no-repeat center;
    z-index: -1;
}

.full-screen::after {
    top: calc(50% - 62rem);
    left: auto;
    right: calc(50% - 148.8rem);
    width: 114.7rem;
    height: 134.9rem;
    background: url(../img/bg/wave-2.svg) no-repeat center;
}

.error-block {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 64rem;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.error-block::before {
    content: '';
    width: 45.6rem;
    height: 42rem;
    position: absolute;
    right: 68px;
    bottom: 144px;
    background: url(../img/smiley.svg) no-repeat center / contain;
    -webkit-animation: swing 6s ease-in-out infinite;
            animation: swing 6s ease-in-out infinite;
    z-index: 2;
}

.error-block::after {
    content: '';
    width: 44.8rem;
    height: 5.7rem;
    background: rgb(var(--color-blue-400));
    border-radius: 50%;
    position: absolute;
    right: 54px;
    bottom: 64px;
    -webkit-animation: pulse-2 6s ease-in-out infinite;
            animation: pulse-2 6s ease-in-out infinite;
}

.error-block__logo {
    margin-bottom: 2.4rem;
}

.error-block__number {
    font-size: 12.8rem;
    line-height: 12.8rem;
    font-weight: 800;
    font-family: var(--font-second);
    color: rgb(var(--color-main));
    margin-bottom: 2.4rem;
}

.error-block__title {
    font-size: 3.6rem;
    line-height: 4.4rem;
    font-weight: 800;
    font-family: var(--font-second);
    margin-bottom: 2.4rem;
}

.error-block__description {
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 3.2rem;
    margin: 0 0 4.8rem;
}

.error-block__decorations {
    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;
    margin: 1.6rem 0 6.4rem;
    -webkit-transform: translateX(-.8rem);
        -ms-transform: translateX(-.8rem);
            transform: translateX(-.8rem);
    position: relative;
}

.error-block__decorations::before,
.error-block__decorations::after {
    content: '';
    width: 9999rem;
    height: 1.6rem;
    display: block;
    background: rgb(var(--color-blue-600));
    position: absolute;
    top: calc(50% - .8rem);
    right: calc(50% + 21rem);
}

.error-block__decorations::after {
    right: auto;
    left: calc(50% + 22rem);
}

.error-block__decoration-left {
    width: 18.8rem;
    height: 12.4rem;
    max-height: 100%;
}

.error-block__decoration-right {
    width: 13.5rem;
    height: 12.4rem;
    max-height: 100%;
    margin-left: 14.8rem;
}

.error-block__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: -2.4rem;
}

.error-block__btn {
    margin: 0 1.2rem 2.4rem;
}

.os-host-overflow {
    overflow: visible !important;
}

.os-theme-dark>.os-scrollbar {
    padding: 3px;
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: rgb(var(--color-main));
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
    padding: 0;
    height: 4px;
    background: rgb(var(--color-blue-100));
    border-radius: 1rem;
}

.os-arrow {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.os-arrow-next {
    left: auto;
    right: 0;
}

.os-host:not(.os-host-scrollbar-horizontal-hidden) {
    padding-bottom: 1.2rem;
}

.os-host:not(.os-host-scrollbar-horizontal-hidden) .os-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.os-host:not(.os-host-scrollbar-horizontal-hidden) .os-padding {
    margin: 0 5.6rem;
}

.os-host:not(.os-host-scrollbar-horizontal-hidden) .os-scrollbar-horizontal {
    left: 5.6rem;
    right: 5.6rem;
}

.info {
    line-height: 1.25;
    font-family: var(--font-second);
}

.info * {
    margin: 2.4rem auto;
}

.info *:first-child {
    margin-top: 0;
}

.info *:last-child {
    margin-bottom: 0;
}

.info h2,
.info h3,
.info h4,
.info h5,
.info h6 {
    font-family: var(--font-second);
    font-size: 3.2rem;
    line-height: 1;
}

.info h3 {
    font-size: 2.8rem;
}

.info h4 {
    font-size: 2.4rem;
}

.info h5 {
    font-size: 2rem;
}

.info h6 {
    font-size: 1.8rem;
}

.info img {
    display: block;
    max-width: 100%;
    margin-top: 2.4rem;
}

.info ul,
.info ol {
    counter-reset: list;
    padding: 0;
    list-style: none;
}

.info ul li,
.info ol li {
    display: flex;
}

.info ul li::before,
.info ol li::before {
    content: '—';
    font-weight: 700;
    color: rgb(var(--color-main));
    flex-shrink: 0;
    margin-right: .8rem;
}

.info ol li::before {
    counter-increment: list;
    content: counter(list) ".";
}

.info ul li > *,
.info ol li > * {
    flex-grow: 1;
}

.review-slider {
    width: 305.4rem;
    margin: 0 0 4.8rem -97.2rem;
}

.review-slide {
    width: 90.6rem;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: var(--shadow-blue-blur);
    opacity: .5;
    transition: .3s;
}

.slick-current + * .review-slide {
    opacity: 1;
}

.review-slide img {
    max-width: 100%;
}

.review-slider__btn {
    position: absolute;
    top: 0;
    left: calc(50% - 54.1rem);
    right: auto;
    transform: none;
}

.review-slider__btn--next {
    left: auto;
    right: calc(50% - 54.1rem);
}

.cookie {
    position: fixed;
    left: 2.4rem;
    bottom: 2.4rem;
    background: rgb(var(--color-white));
    border-radius: .8rem;
    -webkit-box-shadow: var(--shadow-blue-blur-small);
    box-shadow: var(--shadow-blue-blur-small);
    max-width: calc(100vw - 4.8rem);
    width: 43.2rem;
    padding: 1.6rem 1.6rem 1.6rem 2rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: rgb(var(--color-text-secondary));
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 9999;
}

.cookie::before {
    content: '';
    width: .4rem;
    height: 100%;
    background: rgb(var(--color-blue-200));
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.cookie__btn {
    flex-shrink: 0;
    margin-left: .8rem;
}

.cookie.active {
    opacity: 1;
    visibility: visible;
}

/**********************************/
/************ 7. Popup ************/
/**********************************/

.modal {
    display: none;
    width: 64rem;
    padding: 0;
    -webkit-box-shadow: var(--shadow-blue-blur-small);
            box-shadow: var(--shadow-blue-blur-small);
    border-radius: 0.8rem;
}

.modal--big {
    width: 111rem;
}

.modal__close {
    position: absolute;
    top: .8rem;
    right: .8rem;
}

.modal__inner > *:first-child {
    padding-top: 5.6rem;
}

.modal__inner > *:last-child {
    padding-bottom: 2.4rem;
}

.modal__header {
    padding: 2.4rem 4.8rem;
    font-family: var(--font-second);
}

.modal__header > *:not(:last-child) {
    margin-bottom: .8rem;
}

.modal__header > *:last-child {
    margin-bottom: 0;
}

.modal__title {
    font-size: 3.2rem;
    line-height: 125%;
    font-weight: 700;
}

.modal__description {
    margin: 0;
    line-height: 125%;
    color: rgb(var(--color-text-secondary));
}

.modal__order {
    background: rgb(var(--color-blue-gray-25));
    padding: 2.4rem;
}

.modal__order-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.modal__order-title {
    font-family: var(--font-second);
    font-size: 2rem;
    line-height: 120%;
    color: rgb(var(--color-main));
    font-weight: 700;
    margin-bottom: 2.4rem;
}

.modal__order-edit {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.modal__box {
    padding: 1.6rem 2.4rem 2.4rem;
}

.modal__box > *:not(:last-child) {
    margin-bottom: 2.4rem;
}

.modal__box > *:last-child {
    margin-bottom: 0;
}

.modal__header + .modal__box {
    padding-top: 0;
}

.modal__notification {
    font-size: 1.2rem;
    line-height: 133%;
    color: rgb(var(--color-blue-gray-400));
    margin: 0;
}

/**************************************/
/************ 8. Animation ************/
/**************************************/

@-webkit-keyframes soc-icon {   
    0% {
        fill: var(--color-default);
        -webkit-transform: scale(.75);
                transform: scale(.75);
    }
    2.5% {
        fill: var(--color-active);
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    25% {
        fill: var(--color-active);
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    27.5% {
        fill: var(--color-default);
        -webkit-transform: scale(.75);
                transform: scale(.75);
    }
}

@keyframes soc-icon {   
    0% {
        fill: var(--color-default);
        -webkit-transform: scale(.75);
                transform: scale(.75);
    }
    2.5% {
        fill: var(--color-active);
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    25% {
        fill: var(--color-active);
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    27.5% {
        fill: var(--color-default);
        -webkit-transform: scale(.75);
                transform: scale(.75);
    }
}

@-webkit-keyframes like {   
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    18% {
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg);
    }
    33% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    39% {
        -webkit-transform: rotate(-7deg);
                transform: rotate(-7deg);
    }
    45% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    51% {
        -webkit-transform: rotate(-3deg);
                transform: rotate(-3deg);
    }
    57% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    63% {
        -webkit-transform: rotate(-1.5deg);
                transform: rotate(-1.5deg);
    }
    69% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@keyframes like {   
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    18% {
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg);
    }
    33% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    39% {
        -webkit-transform: rotate(-7deg);
                transform: rotate(-7deg);
    }
    45% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    51% {
        -webkit-transform: rotate(-3deg);
                transform: rotate(-3deg);
    }
    57% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    63% {
        -webkit-transform: rotate(-1.5deg);
                transform: rotate(-1.5deg);
    }
    69% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@-webkit-keyframes like-reverse {   
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    18% {
        -webkit-transform: rotate(15deg);
                transform: rotate(15deg);
    }
    33% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    39% {
        -webkit-transform: rotate(7deg);
                transform: rotate(7deg);
    }
    45% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    51% {
        -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
    }
    57% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    63% {
        -webkit-transform: rotate(1.5deg);
                transform: rotate(1.5deg);
    }
    69% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@keyframes like-reverse {   
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    18% {
        -webkit-transform: rotate(15deg);
                transform: rotate(15deg);
    }
    33% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    39% {
        -webkit-transform: rotate(7deg);
                transform: rotate(7deg);
    }
    45% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    51% {
        -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
    }
    57% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    63% {
        -webkit-transform: rotate(1.5deg);
                transform: rotate(1.5deg);
    }
    69% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@-webkit-keyframes heartbeat {   
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    12% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    15% {
        -webkit-transform: scale(.75);
                transform: scale(.75);
    }
    18% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    22% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    100% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
}

@keyframes heartbeat {   
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    12% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    15% {
        -webkit-transform: scale(.75);
                transform: scale(.75);
    }
    18% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    22% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    100% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
}

@-webkit-keyframes pulse {   
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    15% {
        opacity: 1;
    }
    30% {
        opacity: 0;
    }
    37.5% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes pulse {   
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    15% {
        opacity: 1;
    }
    30% {
        opacity: 0;
    }
    37.5% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-webkit-keyframes pulse-2 {   
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50% {
        -webkit-transform: scale(.8);
                transform: scale(.8);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes pulse-2 {   
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50% {
        -webkit-transform: scale(.8);
                transform: scale(.8);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-webkit-keyframes swing {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-2rem);
                transform: translateY(-2rem);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes swing {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-2rem);
                transform: translateY(-2rem);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes loading-line {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
                transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
                transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes loading-line {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
                transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
                transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-webkit-keyframes loading-line-2 {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
                transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
                transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes loading-line-2 {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
                transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
                transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-webkit-keyframes loading-line-3 {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
                transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
                transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@keyframes loading-line-3 {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
                transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
                transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

/**********************************/
/************ 9. Media ************/
/**********************************/

/******************************************/
/************ 9.1 Wide screens ************/
/******************************************/

@media screen and (max-height: 780px) {
    .error-block::before {
        width: 30.4rem;
        height: 28rem;
        bottom: 12.6rem;
    }
    
    .error-block::after {
        width: 30rem;
        height: 3.8rem;
    }

    .error-block__number {
        font-size: 9.6rem;
        line-height: 9.6rem;
    }
    
    .error-block__title {
        font-size: 3.2rem;
        line-height: 4rem;
    }
    
    .error-block__description {
        font-size: 2rem;
        line-height: 2.8rem;
        margin-bottom: 4rem;
    }
    
    .error-block__decorations {
        margin: 0 0 4rem;
        height: 10rem;
    }
    
    .error-block__decorations::before {
        right: calc(50% + 17rem);
    }
    
    .error-block__decorations::after {
        left: calc(50% + 17rem);
    }
    
    .error-block__decoration-right {
        margin-left: 6.4rem;
    }
}

@media screen and (max-width: 1900px) {
    .header__logo .logo__slogan {
        display: none;
    }

    .main {
        background-position: top right calc(50% - 1110px + 704px);
    }

    .whom {
        background: url(../img/bg/wave-top-right-2.svg) no-repeat top right calc(50% - 656px + 24px) / 656px 666px, url(../img/bg/wave-left-bottom.svg) no-repeat left calc(50% - 850px + 315px) bottom / 850px 257px rgb(var(--color-bg-light));
    }

    .review {
        background-position: left calc(50% - 1325px + 1028px) bottom;
    }

    .partnership {
        background-position: left calc(50% - 1515px + 1312px) bottom;
    }
    
    .error-block::before {
        width: 30.4rem;
        height: 28rem;
        bottom: 12.6rem;
    }
    
    .error-block::after {
        width: 30rem;
        height: 3.8rem;
    }
}

@media screen and (max-width: 1540px) {
    .header {
        padding: 0 1.6rem;
    }

    .menu__item:not(:last-child) {
        margin-right: 2rem;
    }
}

@media screen and (max-width: 1420px) {
    .header__menu {
        -ms-flex-negative: 1;
            flex-shrink: 1;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0 3.2rem;
    }

    .menu__list {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .menu__item {
        width: calc(33.33333% - 2rem);
    }

    .menu__link {
        padding: 1rem 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    
    .error-block::before,
    .error-block::after {
        display: none;
    }
}

@media screen and (max-width: 1300px) {
    .main__like,
    .buy__like,
    .buy__heart,
    .partnership__like,
    .partnership__heart {
        display: none;
    }

    .review-list {
        margin: 0 4rem 4.8rem;
    }

    .slick-arrow {
        right: calc(100% + .8rem);
    }

    .slick-next {
        right: auto;
        left: calc(100% + .8rem);
    }

    .review-slider {
        width: 90.6rem;
        max-width: 100%;
        margin: 0 auto 4.8rem;
        padding-bottom: 8.8rem;
    }
    
    .review-slider__btn {
        top: auto;
        bottom: 0;
        left: 0;
        right: auto;
    }
    
    .review-slider__btn--next {
        left: auto;
        right: 0;
    }
    
    .review-slide {
        opacity: 1;
    }
}

@media screen and (max-width: 1200px) {
    .wrap {
        width: auto;
        padding: 0 1rem;
    }

    .header__menu {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .main__logo-stats {
        left: 57%;
        bottom: 58%;
    }

    .buy--bg {
        background-position: top left;
    }

    .tab__nav-btn.active {
        padding: 1.6rem 2.4rem;
    }

    .tab__sub-list {
        width: 30rem;
    }

    .tab__sub-btn {
        padding-left: 2.9rem;
    }

    .tab__sub-btn-text {
        font-size: 1.8rem;
    }

    .tab__sub-container {
        width: calc(100% - 30rem - 3rem);
    }

    .whom__header {
        width: 40%;
    }

    .whom__list {
        width: calc(60% + 3rem);
        max-width: calc(57rem + 3rem);
    }

    .review-list {
        margin: 0 6rem 4.8rem;
    }

    .review-card {
        width: 38rem;
        max-width: calc(100% - 3rem);
        margin-left: auto;
        margin-right: auto;
    }

    .card__alert {
        font-size: 1.4rem;
    }

    .card__note {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 1201px) {
    .hide-xl {
        display: none !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .hide-lg {
        display: none !important;
    }
}

/*************************************/
/************ 9.2 Tablets ************/
/*************************************/

@media screen and (max-width: 1024px) and (min-width: 769px) {
    .hide-md {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .menu__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: none;
        border: none;
        color: rgb(var(--color-text));
        cursor: pointer;
        padding: 1rem 3.2rem;
        width: 100%;
        height: 100%;
    }

    .menu__btn-icon {
        width: 24px;
        height: 2px;
        border-radius: 2px;
        background: rgb(var(--color-text));
        position: relative;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .menu__btn-icon::before,
    .menu__btn-icon::after {
        content: '';
        width: 100%;
        height: 100%;
        border-radius: 2px;
        background: rgb(var(--color-text));
        position: absolute;
        top: -6px;
        left: 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .menu__btn-icon::after {
        top: auto;
        bottom: -6px;
    }

    .menu__btn-text {
        margin-left: .8rem;
    }

    .menu__list {
        display: none;
        position: absolute;
        top: calc(100% + 0.4rem);
        left: 0;
        width: 100%;
        border-radius: 4px;
        border: 1px solid rgb(var(--color-main));
        z-index: 4;
        background: rgb(var(--color-white));
        overflow: hidden;
        -webkit-box-shadow: var(--shadow-blue-xs);
                box-shadow: var(--shadow-blue-xs);
    }

    .header__menu {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        position: relative;
        padding: 0;
    }

    .menu__btn:hover {
        color: rgb(var(--color-main));
    }

    .menu__btn:hover .menu__btn-icon,
    .menu__btn:hover .menu__btn-icon::before,
    .menu__btn:hover .menu__btn-icon::after {
        background: rgb(var(--color-main));
    }

    .menu__item {
        width: 100%;
    }

    .menu__link {
        padding: 1.2rem 1.6rem;
        color: rgb(var(--color-text));
        font-size: 1.6rem;
        line-height: 150%;
        cursor: pointer;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        display: block;
        border: 0;
    }

    .menu__link:hover {
        background: rgb(var(--color-blue-100));
        color: rgb(var(--color-text));
    }

    .menu-icon__dropdown {
        display: none;
        opacity: 1;
        visibility: visible;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .menu-icon__dropdown-list-container .os-content {
        visibility: visible;
    }

    .main__logo-stats {
        display: none;
    }

    .main__img-container {
        left: calc(50% + 6rem);
    }

    .benefit-card {
        width: calc(50% - 3rem);
    }

    .tab__sub-list {
        width: 27rem;
    }

    .calculator {
        width: 100%;
    }

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

    .field-row > * {
        width: 100%;
    }

    .field-row > *:not(:first-child) {
        margin: 1.6rem 0 0;
    }

    .tab__sub-btn-text {
        font-size: 1.6rem;
    }

    .tab__sub-btn {
        padding: 1.8rem 1.8rem 1.8rem 2.4rem;
    }

    .field-list > *:not(:last-child) {
        margin-bottom: 1.6rem;
    }

    .buy__btns {
        margin-top: 3.2rem;
    }

    .section-header {
        text-align: center;
        width: 70rem;
        margin: 0 auto 4.8rem;
    }

    .whom__inner {
        display: block;
    }

    .section-header__hr {
        margin-left: auto;
    }

    .card-list {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }

    .whom__list {
        width: 100%;
        margin: 0 auto -3rem;
    }

    .faq__inner {
        display: block;
    }

    .faq__list {
        width: 100%;
        margin: 0;
    }

    .card-list--col-3 .card {
        width: calc(50% - 3rem);
    }

    .card {
        max-width: 40rem;
    }

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

    .footer__inner > *:not(:last-child) {
        margin-bottom: 1.6rem;
    }

    .info * {
        margin: 0 auto 2.4rem;
    }
}

/*************************************/
/************ 9.3 Mobiles ************/
/*************************************/

@media screen and (max-width: 768px) and (min-width: 481px) {
    .hide-sm {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .field__title {
        font-size: 1.4rem;
        line-height: 114%;
    }

    .field__help {
        width: 1.6rem;
        height: 1.6rem;
    }

    .field__input,
    .field__select {
        height: 4rem;
        font-size: 1.2rem;
        line-height: 1.6rem;
        padding: 1.1rem 1.2rem;
    }

    .field__label {
        font-size: 1.2rem;
        line-height: 133%;
    }

    .field__icon {
        width: 1.6rem;
        height: 1.6rem;
        margin-top: -0.8rem;
        right: 1.2rem;
    }

    .field__icon::before {
        height: calc(100% + 0.4rem * 2);
        right: 2.4rem;
    }

    .field--has-icon .field__input,
    .field--has-icon .field__select {
        padding-right: 4.4rem;
    }

    .field__placeholder {
        top: 1.2rem;
        left: 1.2rem;
        width: calc(100% - 2.4rem);
    }

    .field__icon ~ .field__placeholder {
        padding-right: 3.2rem;
    }

    .field--filled .field__placeholder,
    .field__input:focus ~ .field__placeholder,
    .field--open .field__select ~ .field__placeholder {
        top: 0.4rem;
    }

    .field--has-placeholder .field__input,
    .field--has-placeholder .field__select {
        padding-top: 1.7rem;
        padding-bottom: 0.5rem;
    }

    .field__alert {
        margin-top: .8rem;
    }

    .section {
        padding: 4rem 0;
    }

    .calculator__box {
        padding: 0.7rem 1.2rem;
    }

    .calculator__action {
        width: 1.6rem;
        height: 1.6rem;
    }

    .calculator__input {
        height: 2.4rem;
        font-size: 1.2rem;
    }

    .field__input--textarea {
        height: 8rem;
    }
    
    .menu-icon__link {
        min-width: auto;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .menu-icon__link-icon {
        margin: 0;
    }

    .menu-icon__link-name {
        display: none;
    }

    .menu-icon__link-dropdown {
        display: none;
    }

    .section-header__title {
        font-size: 3.2rem;
    }
    
    .main__title {
        font-size: 3.2rem;
    }

    .main__img-container {
        display: none;
    }

    .benefit-list {
        margin-bottom: -1.5rem;
    }

    .benefit-card {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .tab__select {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        border: none;
        padding: 1.6rem 1.2rem 1.6rem 1.6rem;
        color: rgb(var(--color-main));
        fill: rgb(var(--color-main));
        stroke: rgb(var(--color-main));
        background: rgb(var(--color-white));
        border-radius: .4rem;
        -webkit-box-shadow: var(--shadow-blue-blur-small);
                box-shadow: var(--shadow-blue-blur-small);
        cursor: pointer;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        border-left: .5rem solid rgb(var(--color-main));
    }

    .tab__select--vk,
    .tab__select--tg,
    .tab__select--ig,
    .tab__select--ok,
    .tab__select--tiktok,
    .tab__select--youtube,
    .tab__select--fb,
    .tab__select--whatsapp,
    .tab__select--twitter,
    .tab__select--reddit,
    .tab__select--twitch,
    .tab__select--discord,
    .tab__select--clubhouse,
    .tab__select--likee,
    .tab__select--linkedin,
    .tab__select--snapchat,
    .tab__select--dzen,
    .tab__select--rutube,
    .tab__select--trovo,
    .tab__select--spotify,
    .tab__select--app_store,
    .tab__select--google_play,
    .tab__select--yappy {
        color: rgb(var(--color-white));
        fill: rgb(var(--color-white));
        stroke: rgb(var(--color-white));
    }

    .tab__select--vk {
        background: var(--color-vk);
        border-color: var(--color-vk);
    }

    .tab__select--tg {
        background: var(--color-telegram);
        border-color: var(--color-telegram);
    }

    .tab__select--ig {
        background: var(--color-instagram);
        border-color: var(--color-instagram);
    }

    .tab__select--ok {
        background: var(--color-odnoklassniki);
        border-color: var(--color-odnoklassniki);
    }

    .tab__select--tiktok {
        background: var(--color-tiktok);
        border-color: var(--color-tiktok);
    }

    .tab__select--youtube {
        background: var(--color-youtube);
        border-color: var(--color-youtube);
    }

    .tab__select--fb {
        background: var(--color-facebook);
        border-color: var(--color-facebook);
    }

    .tab__select--whatsapp {
        background: var(--color-whatsapp);
        border-color: var(--color-whatsapp);
    }

    .tab__select--twitter {
        background: var(--color-twitter);
        border-color: var(--color-twitter);
    }

    .tab__select--reddit {
        background: var(--color-reddit);
        border-color: var(--color-reddit);
    }

    .tab__select--twitch {
        background: var(--color-twitch);
        border-color: var(--color-twitch);
    }

    .tab__select--discord {
        background: var(--color-discord);
        border-color: var(--color-discord);
    }

    .tab__select--clubhouse {
        background: var(--color-clubhouse);
        border-color: var(--color-clubhouse);
    }

    .tab__select--likee {
        background: var(--color-likee);
        border-color: var(--color-likee);
    }

    .tab__select--linkedin {
        background: var(--color-linkedin);
        border-color: var(--color-linkedin);
    }

    .tab__select--snapchat {
        background: var(--color-snapchat);
        border-color: var(--color-snapchat);
    }

    .tab__select--dzen {
        background: var(--color-dzen);
        border-color: var(--color-dzen);
    }

    .tab__select--rutube {
        background: var(--color-rutube);
        border-color: var(--color-rutube);
    }

    .tab__select--trovo {
        background: var(--color-trovo);
        border-color: var(--color-trovo);
    }

    .tab__select--spotify {
        background: var(--color-spotify);
        border-color: var(--color-spotify);
    }

    .tab__select--app_store {
        background: var(--color-app-store);
        border-color: var(--color-app-store);
    }

    .tab__select--google_play {
        background: var(--color-google-play);
        border-color: var(--color-google-play);
        color: rgb(var(--color-main));
    }

    .tab__select--yappy {
        background: var(--color-yappy);
        border-color: var(--color-yappy);
    }

    .tab__select--vk .tab__select-dropdown,
    .tab__select--tg .tab__select-dropdown,
    .tab__select--ig .tab__select-dropdown,
    .tab__select--ok .tab__select-dropdown,
    .tab__select--tiktok .tab__select-dropdown,
    .tab__select--youtube .tab__select-dropdown,
    .tab__select--fb .tab__select-dropdown,
    .tab__select--whatsapp .tab__select-dropdown,
    .tab__select--twitter .tab__select-dropdown,
    .tab__select--reddit .tab__select-dropdown,
    .tab__select--twitch .tab__select-dropdown,
    .tab__select--discord .tab__select-dropdown,
    .tab__select--clubhouse .tab__select-dropdown,
    .tab__select--likee .tab__select-dropdown,
    .tab__select--linkedin .tab__select-dropdown,
    .tab__select--snapchat .tab__select-dropdown,
    .tab__select--dzen .tab__select-dropdown,
    .tab__select--rutube .tab__select-dropdown,
    .tab__select--trovo .tab__select-dropdown,
    .tab__select--spotify .tab__select-dropdown,
    .tab__select--app_store .tab__select-dropdown,
    .tab__select--google_play .tab__select-dropdown,
    .tab__select--yappy .tab__select-dropdown {
        fill: rgb(var(--color-white));
        stroke: rgb(var(--color-white));
    }

    .tab__select-text {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        text-align: left;
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    .tab__select-icon,
    .tab__select-dropdown {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 1.6rem;
        height: 1.6rem;
        margin-right: 1.6rem;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .tab__select-dropdown {
        margin: 0 0 0 1.6rem;
        fill: rgb(var(--color-blue-gray-900));
        stroke: rgb(var(--color-blue-gray-900));
    }

    .tab__select-dropdown svg {
        width: 100%;
        height: 100%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .tab__select--open .tab__select-dropdown {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .tab__nav-container {
        margin-bottom: 1.6rem;
        position: relative;
    }

    .tab__nav,
    .tab__sub-list {
        display: none;
        position: absolute;
        top: calc(100% + 0.4rem);
        left: 0;
        width: 100%;
        border-radius: 4px;
        border: 1px solid rgb(var(--color-main));
        z-index: 4;
        background: rgb(var(--color-white));
        overflow: hidden;
        -webkit-box-shadow: var(--shadow-blue-xs);
        box-shadow: var(--shadow-blue-xs);
    }

    .tab__nav-item:not(:last-child) {
        margin: 0;
    }

    .tab__nav-btn,
    .tab__sub-btn {
        padding: 1.2rem 1.6rem;
        width: 100%;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        line-height: 150%;
        color: rgb(var(--color-text));
        background: rgb(var(--color-white));
        fill: rgb(var(--color-blue-gray-400));
        stroke: rgb(var(--color-blue-gray-400));
    }

    .tab__nav-btn--google_play .tab__nav-btn-text {
        color: rgb(var(--color-text));
    }

    .tab__nav-btn::before,
    .tab__nav-btn::after,
    .tab__sub-btn::before,
    .tab__sub-btn::after {
        display: none;
    }

    .tab__nav-btn-text,
    .tab__nav-btn.active .tab__nav-btn-text {
        font-size: 1.6rem;
        margin-left: 1.6rem;
    }

    .tab__nav-btn:hover,
    .tab__sub-btn:hover {
        -webkit-box-shadow: none;
                box-shadow: none;
        background: rgb(var(--color-blue-100));
    }

    .tab__nav-btn.active,
    .tab__nav-btn.active:hover,
    .tab__sub-btn.active,
    .tab__sub-btn.active:hover {
        color: rgb(var(--color-main));
        background: rgb(var(--color-white));
        -webkit-box-shadow: none;
        box-shadow: none;
        line-height: 150%;
        padding: 1.2rem 1.6rem;
        fill: rgb(var(--color-main));
        stroke: rgb(var(--color-main));
    }

    .tab__nav-btn--google_play.active .tab__nav-btn-text {
        color: rgb(var(--color-main));
    }

    .tab__content-inner {
        display: block;
    }

    .tab__sub-list {
        width: 100%;
    }

    .tab__sub-container {
        width: 100%;
        margin: 1.6rem 0 0;
    }

    .buy__total {
        display: block;
        margin-top: 1.6rem;
    }

    .total__item {
        font-size: 1.2rem;
        line-height: 1.6rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .total__item-value {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .total__item-name {
        width: 12.1rem;
        padding-right: .5rem;
    }

    .total__result {
        margin-top: .8rem;
        font-family: var(--font-second);
        font-weight: 700;
        line-height: 125%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .total__result-value {
        margin-left: 1.6rem;
    }

    .buy__btns {
        text-align: center;
        margin-top: 1.6rem;
    }

    .btn-cta {
        font-size: 1.8rem;
    }

    .calculator__box {
        width: 100%;
    }

    .calculator__result {
        display: none;
    }

    .calculator__input {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }

    .calculator__action {
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }

    .card-list .card {
        width: calc(50% - 1.6rem);
        margin: 0 .8rem 1.6rem;
    }

    .card-list--col-3 .card {
        width: 100%;
    }

    .card {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .card--v2 {
        padding: 3.2rem 2.4rem 3.2rem 3.2rem;
    }

    .card--big {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }

    .whom__list {
        margin-left: -0.8rem;
        margin-right: -0.8rem;
        max-width: calc(100% + 1.6rem);
        width: calc(100% + 1.6rem);
    }

    .review-card {
        max-width: 100%;
    }

    .edge__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .edge__list .card {
        width: 100%;
    }

    .accordion__title {
        font-size: 1.8rem;
    }

    .order__header {
        margin-bottom: 4rem;
    }

    .modal__header,
    .modal__order {
        padding: 1.6rem 2.4rem;
    }

    .modal__title {
        font-size: 2.8rem;
    }

    .modal__order-title {
        margin-bottom: 1.6rem;
    }
    
    .error-block__number {
        font-size: 9.6rem;
        line-height: 9.6rem;
    }
    
    .error-block__title {
        font-size: 3.2rem;
        line-height: 4rem;
    }
    
    .error-block__description {
        font-size: 2rem;
        line-height: 2.8rem;
        margin-bottom: 4rem;
    }
    
    .error-block__decorations {
        margin: 0 0 4rem;
        height: 10rem;
    }
    
    .error-block__decorations::before {
        right: calc(50% + 17rem);
    }
    
    .error-block__decorations::after {
        left: calc(50% + 17rem);
    }
    
    .error-block__decoration-right {
        margin-left: 6.4rem;
    }

    .select-value__label {
        padding: 0;
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-radius: 0;
    }

    .select-value__label-icon {
        margin-right: 0;
    }

    .select-value__label-text {
        display: none;
    }

    .modal__description {
        display: none;
    }
    
    .buy__notice {
        margin-top: 4.8rem;
    }
    
    .faq__notice {
        margin-top: 4.8rem;
    }

    .notice {
        padding: 3.2rem;
        background-image: none;
        text-align: center;
    }

    .notice--horizontal {
        display: block;
    }
    
    .notice--horizontal > *:not(:last-child) {
        margin-right: 0;
        margin-bottom: 1.6rem;
    }
    
    .notice__title {
        font-size: 3.2rem;
    }
    
    .order__notice {
        padding: 2.4rem;
    }
    
    .cookie {
        left: 1.2rem;
        bottom: 10rem;
        width: calc(100% - 2.4rem);
        max-width: 100%;
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 480px) {
    .hide-xs {
        display: none !important;
    }

    .header {
        padding: 0 1rem;
    }

    .logo__name {
        font-size: 2.4rem;
    }

    .logo__name b {
        font-size: 2.8rem;
    }

    .header__logo {
        padding: 1.6rem;
    }

    .menu__btn {
        padding: 1rem 1.6rem;
    }

    .header__menu-icon {
        padding: 0 1.6rem;
    }

    .menu__list {
        min-width: 200px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }

    .main {
        padding-top: 4rem;
    }

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

    .main__title {
        font-size: 2.4rem;
        text-align: center;
    }

    .checklist {
        font-size: 1.6rem;
    }

    .checklist__item-icon {
        margin-right: .8rem;
        width: 2.4rem;
        height: 2.4rem;
    }

    .btn-cta {
        font-size: 1.6rem;
    }

    .main__inner > *:not(:last-child) {
        margin-bottom: 2.4rem;
    }

    .main__inner {
        text-align: center;
    }

    .benefit-list {
        margin: 0;
    }

    .benefit-card {
        margin: 0;
    }

    .benefit-card__icon {
        width: 3.6rem;
        height: 3.6rem;
    }

    .benefit-card__title {
        font-size: 1.8rem;
    }

    .section-header__title {
        font-size: 2.4rem;
    }

    .section-header__sub-title {
        font-size: 1.2rem;
    }

    .section-header__hr {
        width: 12rem;
    }

    .section-header__description {
        font-size: 1.4rem;
    }

    .buy__header {
        margin-bottom: 3.2rem;
    }

    .tab__nav-btn {
        font-size: 1.4rem;
    }

    .tab__nav-btn.active {
        font-size: 1.4rem;
    }

    .tab__sub-btn-text {
        font-size: 1.4rem;
    }

    .tab__sub-btn-icon {
        margin-right: 1.2rem;
    }

    .card-list .card {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .card__title {
        font-size: 1.8rem;
    }

    .whom__list {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        width: 100%;
    }

    .review-list {
        margin: 0 0 8rem;
    }

    .slick-arrow {
        top: calc(100% + 1rem);
        right: calc(50% + 2rem);
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .slick-next {
        right: auto;
        left: calc(50% + 2rem);
    }

    .accordion__title {
        font-size: 1.6rem;
    }

    .accordion__text {
        font-size: 1.4rem;
    }

    .task {
        padding: 2rem;
    }

    .task__header {
        display: block;
    }

    .task__link {
        margin-left: 1.6rem;
    }

    .task__result {
        margin-top: .8rem;
    }

    .task__cards {
        margin: -1.6rem -.8rem 1.6rem;
    }

    .task__card {
        margin: 1.6rem .8rem 0;
    }

    .task__card-content {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: .4rem 2.4rem .4rem 1.6rem;
    }

    .infolist__item-value,
    .infolist__item-link {
        margin-left: .4rem;
    }

    .modal__header {
        padding: 1.6rem 2.4rem;
    }

    .modal__title {
        font-size: 2.4rem;
    }

    .modal__order {
        padding: 1.6rem 2.4rem;
    }

    .field__checkbox-row {
        display: block;
        margin-bottom: 1.6rem;
    }

    .field__checkbox-row:last-child {
        margin-bottom: 0;
    }

    .field__checkbox {
        width: 100%;
    }

    .field__checkbox-row > *:last-child {
        margin-left: 0;
    }
    
    .error-block__decoration-right {
        margin-left: 2.4rem;
    }
    
    .error-block__decorations::before {
        right: calc(50% + 14rem);
    }
    
    .error-block__decorations::after {
        left: calc(50% + 14rem);
    }

    .notice__title,
    .order__notice .notice__title {
        font-size: 2.4rem;
    }
    
    .notice__description,
    .order__notice .notice__description {
        font-size: 1.4rem;
    }

    .info {
        font-size: 1.4rem;
    }
    
    .info h2 {
        font-size: 2.2rem;
    }

    .info h3 {
        font-size: 2rem;
    }

    .info h4 {
        font-size: 1.8rem;
    }

    .info h5 {
        font-size: 1.6rem;
    }

    .info h6 {
        font-size: 1.5rem;
    }

    .review-slider__btn {
        top: auto;
        left: 0;
        right: auto;
    }
    
    .review-slider__btn--next {
        left: auto;
        right: 0;
    }

    .footer-menus {
        flex-wrap: wrap;
    }
    
    .footer-menu {
        flex: 0 0 calc(50% - .8rem);
    }
}

@media screen and (max-width: 380px) {
    .hide-xxs {
        display: none !important;
    }

    .logo__name,
    .logo__name b {
        font-size: 3.2rem;
    }

    .menu-icon__dropdown {
        width: 27rem;
    }
}