:root {
    /* --accent-color: #f60; оригинал*/
    /* --accent-color: #00A988; */
    --accent-color: #2C6AE4;
    /* --accent-hover-color: #f25800; оригинал*/
    /* --accent-hover-color: #0cdfb5; */
    --accent-hover-color: #4e84f1;
    /* --title-color: #78909c; оригинал*/
    /* --title-color: #11D99B; */
    --title-color: #447AEA;
    /* --btn-bg: #607d8b;  оригинал*/
    /* --btn-bg: #126754; */
    --btn-bg: #083CA3;
    --btn-hover-bg: #455a64;
    --services-color: #607d8b;
    --wpforms-button-size-height: 56px !important;
}

.btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    outline: 0;
    border: 0;
    border-radius: 16px 16px 16px 0;
    padding: 1.2rem 3rem;
    width: -moz-max-content;
    width: max-content;
    font-family: inherit;
    text-decoration: none;
}

.btn:disabled {
    opacity: 0.3;
    pointer-events: none;
}

.btn_orange {
    background: var(--accent-color);
}

.btn_orange:hover {
    background: var(--accent-hover-color);
}

.btn_grey {
    background: var(--btn-bg);
}

.btn_grey:hover {
    background: var(--btn-hover-bg);
}

.btn_slateBlue {
    background: #37474f;
}

.btn_slateBlue .btn__text {
    color: #fff;
}

.btn_white {
    background: #fff;
}

.btn_white .btn__icon,
.btn_white .btn__text {
    color: #37474f;
}

.btn_lightGrey,
.btn_white:disabled,
.btn_white:hover {
    background: #eceff1;
}

.btn_lightGrey .btn__icon,
.btn_lightGrey .btn__text {
    color: var(--accent-color);
}

.btn_lightGrey:hover {
    background: #fff0e6;
}

.btn_lightGrey:disabled {
    background: #eceff1;
}

.btn_bigIcon,
.btn_btnMini {
    padding: 0.8rem;
    width: 100%;
    max-width: 5.6rem;
}

.btn_btnMini {
    align-items: center;
    padding: 1.2rem 1.6rem;
}

.btn_btnMini .btn__icon {
    margin-right: 0;
}

.btn_marginTop {
    margin-top: 4rem;
}

.btn__text {
    color: #fff;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: Rubik, sans-serif;
}

.btn__icon {
    display: flex;
    align-items: center;
    margin-right: 0.6rem;
    width: 3.2rem;
    height: 3.2rem;
    color: #fff;
}

.btn__icon_bigIcon {
    margin-right: 0;
    width: 4rem;
    height: 4rem;
}

.btn__icon_iconL {
    width: 8rem;
    height: 4.8rem;
}

.btn__icon_iconS {
    width: 6rem;
    height: 3.7rem;
}

.btn__icon_iconXS {
    width: 6rem;
    height: 3.2rem;
}

.btn__icon_iconUniversal {
    width: 6rem;
    height: 3.7rem;
}

.btn__icon.reverse {
    margin-right: unset;
    margin-left: 0.8rem;
}

.btn_iconSvg {
    width: inherit;
    height: inherit;
}

.btn__revertIcon {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    gap: 1.6rem;
    background: var(--accent-color);
    padding: 4rem 4.8rem;
}

.btn__revertIcon .btn__text {
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 4.8rem;
    white-space: nowrap;
}

.btn__revertIcon_greyBtn {
    background: var(--btn-bg);
}

.btn__revertIcon_greyBtn:hover {
    background: linear-gradient(119deg, var(--btn-hover-bg) 0, var(--title-color) 131.43%);
}

.btn__revertIcon_L,
.btn__revertIcon_M {
    border-radius: 0 32px 32px;
    padding: 4rem 4.8rem;
}

.btn__revertIcon_M {
    padding: 3.2rem 3.2rem 3.2rem 4.8rem;
}

.btn__revertIcon_S {
    border-radius: 0 24px 24px;
    padding: 1.6rem 1.6rem 1.6rem 3.2rem;
}

.btn__revertIcon_S .btn__text {
    font-size: 2.4rem;
}

.btn__revertIcon_XS,
.btn__revertIcon_universalBtn {
    border-radius: 0 16px 16px;
    padding: 1.6rem 1.6rem 1.6rem 3.2rem;
}

.btn__revertIcon_XS .btn__text {
    font-size: 1.8rem;
    line-height: 2.6rem;
}

.btn__revertIcon_universalBtn {
    border-radius: 0 24px 24px;
}

.btn__revertIcon_universalBtn .btn__text {
    font-size: 2.4rem;
}

.btn__revertIcon_showOnMobile {
    display: none;
}

.btn__revertIcon_fullWidhth {
    width: 100%;
}

.btn__revertIcon:hover {
    background: linear-gradient(180deg, var(--accent-color) 0, #f44336 100%);
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    vertical-align: baseline;
    margin: 0;
    border: 0;
    padding: 0;
}

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

a,
body {
    color: #263238;
}

body {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    width: 100%;
    height: 100%;
    font-size: 1.6rem;
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

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

*,
html {
    box-sizing: border-box;
}

* {
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

html {
    height: 100%;
    font-size: 62.5%;
    font-family: Rubik, sans-serif;
}

button,
input,
select,
textarea {
    color: #263238;
    font-size: 1.6rem;
    line-height: 1;
}

a {
    text-decoration: none;
}

button {
    border: 0;
    background: 0 0;
    padding: 0;
}

button,
button:hover {
    cursor: pointer;
}

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

h1 {
    font-size: 4rem;
}

h2 {
    font-size: 3.2rem;
    line-height: 4rem;
}

h3 {
    font-size: 1.8rem;
}

.svg {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
}

.svg-bold {
    stroke-width: 2;
}

.hidden,
.hide {
    display: none !important;
}

.commonBoxShadow {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 24px rgba(0, 0, 0, 0.16);
}

.lazyload,
.lazyload.loaded {
    transition: opacity 0.2s ease-in-out, bottom 0.2s ease-in-out;
}

.lazyload {
    position: relative;
    bottom: -2rem;
    opacity: 0.1;
    border-radius: 10px;
}

.lazyload.loaded {
    bottom: 0;
    opacity: 1;
    border-radius: 0;
    background-color: transparent;
}

.lazyload.error {
    bottom: 0;
    opacity: 0.5;
    border-radius: 0;
    background: url(../images/components/lazyload/image.svg) center center/80% no-repeat;
    width: 100%;
    height: 100%;
}

.headerUpper__item:hover .headerAverage__content_flowing,
.showOnDesktop {
    display: block;
}

.hideOnDesktop,
.radio input,
.showOnPhones,
.showOnTablets {
    display: none;
}

.wrapper {
    overflow: hidden;
}

.container {
    margin: 0 auto;
    width: 99%;
    max-width: 120rem;
}

.breadcrumbs,
.breadcrumbs__item {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.breadcrumbs {
    margin-bottom: 2.4rem;
    overflow: hidden;
}

.breadcrumbs__item {
    position: relative;
    color: #b0bec5;
    white-space: nowrap;
}

.breadcrumbs__item:not(:last-child) {
    margin-right: 4.8rem;
}

.breadcrumbs__item.active {
    color: var(--accent-color);
}

.breadcrumbs__item a {
    color: var(--btn-hover-bg);
    font-size: inherit;
    line-height: inherit;
}

.breadcrumbs__devider {
    position: absolute;
    top: 50%;
    left: calc(100% + 1.3rem);
    transform: translateY(-50%);
    background: currentColor;
    width: 2.2rem;
    height: 0.2rem;
}

@font-face {
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Rubik-Black.woff2) format("woff2"), url(../fonts/Rubik-Black.woff) format("woff");
    font-family: Rubik;
    font-display: swap;
}

@font-face {
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/Rubik-Black.woff2) format("woff2"), url(../fonts/Rubik-Black.woff) format("woff");
    font-family: Rubik;
    font-display: swap;
}

@font-face {
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Rubik-Bold.woff2) format("woff2"), url(../fonts/Rubik-Bold.woff) format("woff");
    font-family: Rubik;
    font-display: swap;
}

@font-face {
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Rubik-Bold.woff2) format("woff2"), url(../fonts/Rubik-Bold.woff) format("woff");
    font-family: Rubik;
    font-display: swap;
}

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

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

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

.footer {
    margin: 0 auto;
    border-radius: 24px 24px 0 0;
    background: linear-gradient(108deg, #eceff1 0, rgba(236, 239, 241, 0) 160.05%);
    width: 99%;
    max-width: 120rem;
}

.footer__upperBlock {
    display: grid;
    grid-template-columns: 23.6rem 1fr 1fr 1fr;
    grid-template-areas: "contacts services company support";
    gap: 2.4rem;
    padding: 4rem 10.2rem;
}

.footer__logo {
    margin-bottom: 2.4rem;
}

.footer__menuItem {
    display: block;
    margin-bottom: 1.6rem;
    color: #37474f;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.footer__menuItem_title {
    margin-bottom: 2.4rem;
    font-weight: 700;
}

.footer__menuItem_bigText {
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 2.6rem;
}

.footer__menuItem_mediumMargin {
    margin-bottom: 2rem;
}

.footer__menuItem_bigMargin {
    margin-bottom: 2.6rem;
}

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

.footer__content {
    padding-top: 1.3rem;
}

.footer__content_contacts {
    padding-top: 0;
}

.footer__services {
    grid-area: services;
}

.footer__contacts {
    grid-area: contacts;
    padding-top: 0;
}

.footer__company {
    grid-area: company;
}

.footer__support {
    display: flex;
    grid-area: support;
    flex-direction: column;
}

.footer__support .footer__menuItem_title {
    margin-bottom: 2.1rem;
}

.footer_contentWrapper {
    display: flex;
}

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

.footer__menuBtnWrap {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    width: 12.8rem;
}

.footer__menuBtnWrap_bigSize {
    width: 100%;
}

.footer__sitemap {
    display: block;
    margin-bottom: 1.6rem;
    color: #37474f;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.header {
    position: relative;
    margin-bottom: 4rem;
    padding: 0 4rem;
}

.header__container {
    border-bottom: 2px solid #cfd8dc;
    height: 9rem;
}

.header__container,
.header__content {
    display: flex;
    align-items: center;
}

.header__logo,
.header__nav {
    margin-right: 6.4rem;
}

.headerUpper__button_flowing {
    display: flex;
    justify-content: center;

    &::after {
        flex-shrink: 0;
        background: url(../images/icons/down-arrow-accent.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        content: '';
    }

    & a {
        margin-right: 10px;
    }
}

.headerUpper__buttonText,
.headerUpper__item a {
    display: block;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
    white-space: nowrap;
}

.headerUpper__item a:hover {
    color: var(--accent-hover-color);
}

.headerUpper__buttonText:hover {
    color: var(--accent-color);
}

.header__icon {
    margin-left: 0.8rem;
    width: 2.4rem;
    height: 2.4rem;
    color: var(--accent-color);
}

.headerUpper__item,
.headerUpper__list {
    display: flex;
    align-items: center;
    height: 9rem;
}

.headerUpper__item {
    margin-right: 3.2rem;
}

.headerUpper__item:hover {
    cursor: pointer;
}

.headerUpper__item:last-child {
    margin-right: 0;
}

.headerAverage__content {
    display: none;
}

.headerAverage__content_flowing {
    display: none;
    position: absolute;
    top: 98%;
    left: 0;
    z-index: 999;
    background: #fff;
    width: 100%;
}

.headerAverage__content_flowing:hover {
    display: block;
}

.headerAverage__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 4rem;
    border-top: 2px solid #cfd8dc;
    padding: 2.4rem 0 4rem;
    height: 22.6rem;
}

.sub-menu {
    display: none;
    position: absolute;
    top: 98%;
    left: 0;
    flex-direction: column;
    flex-wrap: wrap;
    z-index: 999;
    margin: 0 4rem;
    border-top: 2px solid #cfd8dc;
    background: #fff;
    padding: 2.4rem 0 4rem;
    width: 100%;
    height: 40.6rem;
}

.sub-menu>li>a {
    display: flex;
    padding: .8rem 0;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.sub-menu>li>ul {
    position: relative;
    top: 0;
    margin: 0 !important;
    border: 0 !important;
    height: auto;
}

.sub-menu>li>ul>li>a {
    font-style: 1.6rem;
    font-weight: 400;
}

.headerUpper__button_flowing:hover .sub-menu {
    display: flex;
}

.headerAverage__item {
    margin-right: 1.6rem;
    margin-left: 1.6rem;
}

.headerAverage__item:first-child {
    margin-bottom: 0.4rem;
}

.headerAverage__buttonText:hover,
.headerAverage__item:hover {
    color: var(--accent-color);
}

.headerAverage__button {
    display: flex;
    padding: 0.8rem 0;
}

.headerAverage__buttonText {
    display: block;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.headerBottom__list {
    margin-top: 0.4rem;
}

.headerBottom__item {
    margin-bottom: 0.8rem;
    padding: 0.4rem 0 0.4rem 2.4rem;
    white-space: nowrap;
}

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

.headerBottom__item:hover {
    border-radius: 4px;
    background: #eceff1;
}

.headerBottom__link {
    display: block;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.header__contactInfo {
    display: flex;
    flex-wrap: wrap;
    margin-right: 4rem;
    margin-left: auto;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    justify-content: flex-end;
}

.header__contact {
    display: inline-block;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.header__phone {
    font-weight: 500;
}

.header__contactBtn {
    display: block;
}

.header__burgerButton,
.header__contactBtn_hidden,
.header__hamburger {
    display: none;
}

.header__burgerNav {
    margin-bottom: 6.8rem;
}

.header__burger {
    display: none;
}

.header__burger_open {
    display: block;
    position: absolute;
    left: 0;
    flex-direction: column;
    z-index: 999;
    background: #fff;
    padding: 2.4rem 4rem 4rem;
    width: 100%;
}

.headerUpperBurger__item {
    margin-bottom: 3rem;
    padding: 0 0.6rem;
}

.headerAverageBurger__item:last-child,
.headerBottomBurger__item:last-child,
.headerUpperBurger__item:last-child {
    margin-bottom: 0;
}

.headerUpperBurger__button {
    padding: 1.6rem 0;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.headerUpperBurger__button_flowing {
    /* display: none; */

    & .sub-menu {
        display: flex;
        position: relative;
        top: 0;
        flex-wrap: nowrap;
        margin: 0;
        border: 0 !important;
        padding: 0;
        height: auto;
    }
}

.headerUpperBurger__item {
    margin-bottom: 1.6rem;
}

.headerAverageBurger__button,
.headerUpperBurger__item>a {
    margin-bottom: 0.4rem;
    padding: 0.8rem 0;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.headerBottomBurger__item {
    margin-bottom: 0.8rem;
    padding: 0 2rem;
}

.headerBottomBurger__item:hover {
    border-radius: 4px;
    background: #eceff1;
}

.headerUpperBurger__item li>.sub-menu {
    margin-top: 1.2rem;
}

.headerBottomBurger__item>a {
    font-weight: 400 !important;
}

.headerBottomBurger__link {
    line-height: 2.4rem;
}

.header__burgerContacts {
    display: flex;
    position: relative;
    justify-content: space-between;
}

.header__burgerLine {
    position: absolute;
    top: -2.4rem;
    opacity: 0.3;
    border-bottom: 2px solid #37474f;
    width: 100%;
}

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

.header__burgerEmail,
.header__burgerPhone {
    font-weight: 500;
    line-height: 2.4rem;
}

.header__burgerEmail {
    margin-bottom: 0.8rem;
}

.inputWrapper {
    position: relative;
    margin-bottom: 2.4rem;
}

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

.inputDefault {
    outline: 0;
    border: 1px solid #b0bec5;
    border-radius: 16px 16px 16px 0;
    background: #fff;
    padding: 1.6rem 3.2rem;
    width: 100%;
    color: #263238;
    font-size: 1.6rem;
    line-height: 2.4rem;
    -moz-appearance: textfield;
}

.inputDefault::-webkit-inner-spin-button,
.inputDefault::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.inputDefault::-moz-placeholder {
    color: #b0bec5;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.inputDefault::placeholder {
    color: #b0bec5;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.inputDefault.errorValue {
    border: 1px solid #ba000d;
}

.topPlaceholderInput {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    z-index: 99;
    margin-left: 1rem;
    background: #fff;
    padding: 0 1rem;
    width: auto;
    color: #ba000d;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.02em;
    text-align: left;
    text-transform: uppercase;
}

.fieldPhone {
    position: relative;
}

.fieldPhone__regionsList {
    display: none;
    position: absolute;
    top: 4.5rem;
    left: -3rem;
    z-index: 1;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background-color: #fff;
    padding: 2.4rem;
}

.fieldPhone__regionsList.active {
    display: block;
    max-width: 21rem;
}

.fieldPhone__regionItem {
    margin-bottom: 2rem;
    margin-left: 1.3rem;
    min-width: 18.2rem;
    text-align: left;
}

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

.fieldPhone__regionLink {
    display: block;
    position: relative;
    margin-left: 3rem;
}

.fieldPhone__regionLink:before {
    display: inline-block;
    position: absolute;
    top: -0.3rem;
    left: -3.5rem;
    width: 2rem;
    height: 1.5rem;
}

.fieldPhone__regionLink_ru:before {
    content: url(../images/phoneMask/ru.svg);
}

.fieldPhone__regionLink_kz:before {
    content: url(../images/phoneMask/kz.svg);
}

.fieldPhone__regionLink_ua:before {
    content: url(../images/phoneMask/ua.svg);
}

.fieldPhone__regionLink_by:before {
    content: url(../images/phoneMask/by.svg);
}

.fieldPhone__regionLink_other:before {
    content: url(../images/phoneMask/other.svg);
}

.fieldPhone__currentRegion,
.fieldPhone__regionText {
    display: flex;
    align-items: center;
}

.fieldPhone__regionText:before {
    display: inline-block;
    top: -0.3rem;
    left: -1rem;
    background: center center/contain no-repeat;
    width: 2.8rem;
    height: 2.3rem;
    content: "";
}

.fieldPhone__regionText[data-phone-country="RU"]:before {
    background-image: url(../images/phoneMask/ru.svg);
}

.fieldPhone__regionText[data-phone-country="KZ"]:before {
    background-image: url(../images/phoneMask/kz.svg);
}

.fieldPhone__regionText[data-phone-country="UA"]:before {
    background-image: url(../images/phoneMask/ua.svg);
}

.fieldPhone__regionText[data-phone-country="BY"]:before {
    background-image: url(../images/phoneMask/by.svg);
}

.fieldPhone__regionText[data-phone-country="other"]:before {
    background-image: url(../images/phoneMask/other.svg);
}

.fieldPhone__currentRegion {
    position: absolute;
    top: 37%;
    left: 3.2rem;
    transform: translateY(-50%);
    z-index: 101;
}

.fieldPhone__currentRegion.fa {
    margin-left: 7px;
    font-size: 1rem;
}

.fieldPhone__regionName {
    display: flex;
    align-items: center;
    color: #f44336;
    text-decoration: none;
}

.fieldPhone__regionName .svg {
    transition: transform 0.3s;
    margin-left: 0.5rem;
    width: 2.4rem;
    height: 2.4rem;
}

.fieldPhone__regionName.active .svg {
    transform: rotate(180deg);
}

.field {
    position: relative;
}

.phoneInput {
    margin-bottom: 2.4rem;
    outline: 0;
    border: 1px solid #b0bec5;
    border-radius: 16px 16px 16px 0;
    padding: 1.6rem 1.6rem 1.6rem 9.4rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.phoneInput.errorValue {
    border: 1px solid #ba000d;
}

.phoneInput::-moz-placeholder {
    color: #b0bec5;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.phoneInput::placeholder {
    color: #b0bec5;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.topPlaceholderInputPhone {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    z-index: 99;
    margin-left: 1rem;
    background: #fff;
    padding: 0 1rem;
    width: auto;
    color: #ba000d;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.02em;
    text-align: left;
    text-transform: uppercase;
}

.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(69, 90, 100, 0.8);
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.show {
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup__wrapper {
    position: relative;
    border-radius: 24px 24px 24px 0;
    background: #fff;
    padding: 4.8rem;
    width: 100%;
    max-width: 58.8rem;
}

.popup__wrapper:has(.popup__copyright) {
    padding-bottom: 3.2rem;
}

.popup__close {
    position: absolute;
    top: 3.2rem;
    right: 3.2rem;
    cursor: pointer;
    width: 2.4rem;
    height: 2.4rem;
    color: var(--btn-bg);
}

.popup__title {
    margin-bottom: 3.2rem;
    color: var(--accent-color);
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 5.6rem;
    text-align: center;
}

.popup__description {
    margin-bottom: 2.4rem;
    color: #37474f;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
}

.popup__button {
    justify-content: center;
    cursor: pointer;
    margin-top: 2.4rem !important;
    border: 0;
    border-radius: 16px 16px 16px 0 !important;
    background: var(--btn-bg) !important;
    padding: 1.6rem 3.2rem !important;
    width: 100% !important;
    font-family: inherit;
}

.popup__oferta {
    margin-top: 2.4rem;
    color: var(--btn-bg);
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
}

.popup__ofertaLink {
    color: #f44336;
    text-decoration: underline;
}

.captcha,
.popup__copyright {
    display: flex;
    justify-content: center;
}

.popup__copyright {
    margin-top: 1.6rem;
}

.popup__copyrightLink {
    color: var(--btn-bg);
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.024rem;
    text-decoration: none;
}

.smart-captcha {
    height: 0;
}

.popupOne__wrapper {
    position: relative;
    border-radius: 24px 24px 24px 0;
    background: #fff;
    padding: 4.8rem;
    width: 100%;
    max-width: 58.8rem;
}

.popupSuccess__remark {
    margin-top: 2.4rem;
    color: var(--btn-bg);
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
}

.section {
    margin-bottom: 16rem;
}

.section_medium {
    margin-bottom: 8rem;
}

.section_small {
    margin-bottom: 4rem;
}

.section_mediumMini {
    margin-bottom: 6.4rem;
}

.section_mini {
    margin-bottom: 4.8rem;
}

.section_ultraSmall {
    margin-bottom: 2.4rem;
}

.section_miniToSmall {
    margin-bottom: 4.8rem;
}

.sitemap {
    margin-left: 10.2rem;
}

.sitemap__item:not(:last-child) {
    margin-bottom: 2.4rem;
}

.sitemap__link {
    display: block;
    color: var(--btn-hover-bg);
    font-size: 1.8rem;
    line-height: 2.6rem;
}

.sitemap__link:hover {
    color: var(--accent-color);
}

.inner {
    margin-top: 2.4rem;
    margin-left: 2.4rem;
    list-style: disc;
}

.swiper {
    position: relative;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    overflow: visible;
    list-style: none;
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column;
}

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

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide,
.swiper-wrapper {
    position: relative;
    transition-property: transform;
    width: 100%;
    height: 100%;
}

.swiper-wrapper {
    display: flex;
    transform: translate3d(0, 0, 0);
    z-index: 1;
    box-sizing: content-box;
}

.js-swiperOnBigTablets .swiper-slide {
    opacity: 1;
}

.js-swiperOnBigTablets .swiper-pagination,
.js-swiperOnBigTablets .swiper__button {
    display: none;
}

.js-swiperOnSmallTablets .swiper-slide {
    opacity: 1;
}

.js-swiperOnSmallTablets .swiper-pagination,
.js-swiperOnSmallTablets .swiper__button {
    display: none;
}

.js-swiperOnPhones .swiper-slide {
    opacity: 1;
}

.js-swiperOnPhones .swiper-pagination,
.js-swiperOnPhones .swiper__button {
    display: none;
}

.swiper-slide {
    flex-shrink: 0;
    opacity: 0;
}

.swiper-slide-active,
.swiper-slide-next {
    opacity: 1;
}

.swiper__button {
    position: absolute;
    top: 40%;
    z-index: 2;
    cursor: pointer;
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
    color: #f44336;
}

.swiper__button:hover {
    color: #f44336;
}

.swiper__button.swiper-button-disabled {
    cursor: default;
    color: #b0bec5;
}

.swiper__button_prev {
    left: -3rem;
    margin-right: 2rem;
}

.swiper__button_next {
    right: -3rem;
    margin-left: 2rem;
}

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

.swiper-pagination {
    display: flex;
    position: relative;
    justify-content: center;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    transition: opacity 0.3s;
    margin-top: 2.4rem;
    padding: 0.8rem 0;
    text-align: center;
}

.swiper-pagination-bullet {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
}

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

.swiper-pagination-bullet-active.swiper__paginationBullet {
    background: #f44336;
}

.swiper__paginationBullet {
    display: block;
    border-radius: 2px 2px 2px 0;
    background: #b0bec5;
    width: 0.8rem;
    height: 0.8rem;
}

.commonTitle {
    margin-bottom: 1.6rem;
    color: #263238;
    font-weight: 700;
    font-size: 4rem;
    line-height: 5rem;
}

.commonTitle_medium {
    margin-bottom: 4rem;
    font-size: 3.2rem;
    line-height: 4rem;
}

.commonTitle_noMargin {
    margin-bottom: 0;
}

.commonTitle_wrap {
    word-wrap: break-word;
}

.commonTitle__sitemap {
    margin-bottom: 4.8rem;
}

.commonText {
    margin-bottom: 2.4rem;
    color: var(--btn-hover-bg);
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 2.6rem;
}

.commonText_normal {
    font-weight: 400;
}

.commonText_bold {
    font-weight: 700;
}

.commonText_big,
.commonText_bigToSmall,
.commonText_veryBig {
    margin-bottom: 4rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
}

.commonText_mediumMargin {
    margin-bottom: 2.4rem;
}

.commonText_noMargin {
    margin-bottom: 0;
}

.commonText.orange {
    color: var(--accent-color);
}

.commonText.darkBlue {
    color: #37474f;
}

.sectionTitle {
    margin-bottom: 4rem;
    color: var(--title-color);
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 5.6rem;
}

.sectionTitle_blueTitle {
    color: var(--title-color);
    font-weight: 700;
    font-size: 4rem;
    line-height: 5rem;
}

.sectionTitle_orange {
    color: var(--accent-color);
}

.sectionTitle_black {
    color: #263238;
}

.textColor_darkBlue {
    color: #37474f;
}

@media screen and (max-width: 1522px) {
    .headerUpper__button_flowing {
        display: flex;
        justify-content: center;
    }

    .headerAverage__icon {
        display: none;
    }
}

@media screen and (max-width: 1366px) {
    .showOnLaptops {
        display: block;
    }

    .hideOnLaptops {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .btn_orange:hover {
        background: var(--accent-color);
    }

    .btn_grey:hover {
        background: var(--btn-bg);
    }

    .btn_white:hover {
        background: #fff;
    }

    .btn_lightGrey:hover {
        background: #eceff1;
    }

    .btn_marginTop {
        margin-top: 4rem;
    }

    .hideOnTablets {
        display: none;
    }

    .showOnTablets {
        display: block;
    }

    .container,
    .footer {
        position: relative;
        width: 98%;
        max-width: 94.4rem;
    }

    .footer__upperBlock {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "contacts services" "company support";
        gap: 2.4rem;
        padding: 4rem;
    }

    .footer__menuItem_bigText {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .footer__content_noPadding {
        padding-top: 0;
    }

    .footer__menuBtnWrap .btn {
        padding: 1.2rem 2.4rem;
    }

    .footer__menuBtnWrap .btn .btn__icon {
        width: 2.2rem;
        height: 2.2rem;
    }

    .footer__menuBtnWrap .btn,
    .footer__menuBtnWrap .btn .btn__text {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .header {
        margin-bottom: 3.2rem;
    }

    .header__contactInfo,
    .header__nav {
        display: none;
    }

    .header__contactBtn {
        margin-left: auto;
    }

    .header__burgerButton {
        display: block;
        position: relative;
        margin-right: 2.4rem;
    }

    .header__hamburger {
        display: block;
        margin: auto 0;
        width: 2.7rem;
        height: 3.6rem;
    }

    .header__hamburger::after,
    .header__hamburger::before {
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        background: #263238;
        width: 100%;
        height: 0.3rem;
        content: "";
    }

    .header__hamburger::before {
        top: 1.2rem;
    }

    .header__hamburger::after {
        top: 2.2rem;
    }

    .header__hamburger_close::before {
        top: 1.5rem;
        transform: rotate(45deg) translateY(1px);
        width: 2.3rem;
    }

    .header__hamburger_close::after {
        top: 1.5rem;
        transform: rotate(-45deg) translateX(-1px);
        transition-delay: 0s, 0.3s;
        width: 2.3rem;
    }

    .fieldPhone__regionsList {
        padding: 1.5rem;
    }

    .popup__wrapper {
        max-height: 100%;
        overflow-y: scroll;
    }

    .section {
        margin-bottom: 12rem;
    }

    .section_medium {
        margin-bottom: 6.4rem;
    }

    .section_small {
        margin-bottom: 4rem;
    }

    .section_mediumMini {
        margin-bottom: 4.8rem;
    }

    .section_mini {
        margin-bottom: 3.2rem;
    }

    .section_ultraSmall {
        margin-bottom: 4rem;
    }

    .section_miniToSmall {
        margin-bottom: 4.8rem;
    }

    .sitemap {
        margin-left: 8.1rem;
    }

    .sitemap__link:hover {
        color: var(--btn-hover-bg);
    }

    .js-swiperOnBigTablets .swiper-slide {
        opacity: 0;
    }

    .js-swiperOnBigTablets .swiper-slide-active,
    .js-swiperOnBigTablets .swiper-slide-next {
        opacity: 1;
    }

    .js-swiperOnBigTablets .swiper-pagination {
        display: flex;
    }

    .js-swiperOnBigTablets .swiper__button {
        display: block;
    }

    .commonTitle_medium {
        margin-bottom: 2.4rem;
    }

    .commonText_bigToSmall {
        margin-bottom: 3.2rem;
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .commonText_mediumMargin {
        margin-bottom: 2.4rem;
    }

    .sectionTitle_blueTitle {
        font-size: 4rem;
        line-height: 5rem;
    }
}

@media screen and (max-width: 1024px) and (max-width: 1024px) {
    .header__hamburger_close {
        width: 3.6rem;
        height: 3.6rem;
    }
}

@media screen and (max-width: 768px) {
    .btn__revertIcon_greyBtn:hover {
        background: var(--btn-bg);
    }

    .btn__revertIcon:hover {
        background: var(--accent-color);
    }

    .container,
    .footer {
        position: relative;
        width: 98%;
        max-width: 68.8rem;
    }

    .footer__upperBlock {
        gap: 4rem 2.4rem;
    }

    .footer__content {
        padding-top: 0;
    }

    .footer__services {
        padding-top: 1.3rem;
    }

    .footer_contentWrapper {
        justify-content: space-between;
        margin-bottom: 4rem;
    }

    .section_ultraSmall {
        margin-bottom: 3.2rem;
    }

    .sitemap {
        margin-left: 0;
    }

    .commonText,
    .sitemap__link {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .js-swiperOnSmallTablets .swiper-slide {
        opacity: 0;
    }

    .js-swiperOnSmallTablets .swiper-slide-active,
    .js-swiperOnSmallTablets .swiper-slide-next {
        opacity: 1;
    }

    .js-swiperOnSmallTablets .swiper-pagination {
        display: flex;
    }

    .js-swiperOnSmallTablets .swiper__button {
        display: block;
    }

    .commonText_veryBig {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }

    .commonText_big {
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .commonText_bigToSmall {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .commonText_bigMargin,
    .sectionTitle {
        margin-bottom: 3.2rem;
    }

    .sectionTitle {
        font-size: 4.2rem;
        line-height: 5rem;
    }

    .sectionTitle_blueTitle {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

@media screen and (max-width: 640px) {
    .btn_maxSizePhones {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .btn_marginTop {
        margin-top: 2.4rem;
    }

    .btn__icon_iconUniversal {
        height: 3.2rem;
    }

    .btn__revertIcon_universalBtn {
        border-radius: 0 16px 16px;
        width: 100%;
    }

    .btn__revertIcon_universalBtn .btn__text {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .btn__revertIcon_showOnMobile {
        display: flex;
    }

    .btn__revertIcon_hideOnMobile,
    .hideOnPhones {
        display: none;
    }

    .showOnPhones {
        display: block;
    }

    .container {
        padding: 0 1.6rem;
        width: initial;
    }

    .breadcrumbs {
        overflow-x: scroll;
    }

    .breadcrumbs::-webkit-scrollbar {
        display: none;
    }

    .breadcrumbs::-webkit-scrollbar-thumb {
        background-color: transparent;
    }

    .breadcrumbs::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .footer {
        width: 100%;
    }

    .footer__upperBlock {
        grid-template-columns: repeat(1, 1fr);
        grid-template-areas: "contacts" "services" "company" "support";
        gap: 4rem;
        padding: 2.4rem 1.6rem;
    }

    .footer__menuItem_bigText,
    .footer__support .footer__menuItem_title {
        margin-bottom: 2.6rem;
    }

    .footer__services {
        padding-top: 0;
    }

    .footer_contentWrapper {
        flex-direction: column;
    }

    .header {
        padding: 0 1.6rem;
    }

    .header__container {
        height: 7.4rem;
    }

    .header__btn {
        padding: 1.2rem 1.6rem;
    }

    .header__btn .btn__icon {
        margin-right: 0;
    }

    .header__btn .btn__text {
        display: none;
    }

    .header__burger_open {
        padding: 2.4rem 1.6rem;
    }

    .header__burgerContacts {
        flex-direction: column;
        padding-bottom: 5.6rem;
    }

    .header__burgerContactInfo,
    .header__burgerEmail {
        margin-bottom: 2.4rem;
    }

    .popup__wrapper {
        position: unset;
        padding: 3.2rem 2.4rem;
        min-width: 100%;
    }

    .popup__close {
        top: 1.6rem;
        right: 1.6rem;
        color: #fff;
    }

    .popup__title {
        margin-bottom: 1.6rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .popup__copyrightLink,
    .popup__oferta {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .popupOne__wrapper {
        padding: 2rem;
        min-width: 100%;
    }

    .section {
        margin-bottom: 8rem;
    }

    .section_medium {
        margin-bottom: 4.8rem;
    }

    .section_smallPhones {
        margin-bottom: 4rem;
    }

    .section_small {
        margin-bottom: 2.4rem;
    }

    .section_mediumMini {
        margin-bottom: 3.2rem;
    }

    .section_mini,
    .section_ultraSmall {
        margin-bottom: 2.4rem;
    }

    .section_miniToSmall {
        margin-bottom: 4rem;
    }

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

    .sitemap__link {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .js-swiperOnPhones .swiper-slide,
    .swiper-slide-next {
        opacity: 0;
    }

    .js-swiperOnPhones .swiper-slide-active {
        opacity: 1;
    }

    .js-swiperOnPhones .swiper-pagination {
        display: flex;
    }

    .js-swiperOnPhones .swiper__button {
        display: block;
    }

    .commonTitle_medium {
        margin-bottom: 1.6rem;
        font-size: 2.4rem;
        line-height: 3.2rem;
    }

    .commonTitle_wrap {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .commonTitle__sitemap {
        margin-bottom: 3.2rem;
    }

    .commonText {
        margin-bottom: 1.6rem;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .commonText_veryBig {
        margin-bottom: 2.4rem;
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .commonText_big,
    .commonText_bigToSmall {
        margin-bottom: 2.4rem;
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .commonText_bigMargin,
    .sectionTitle {
        margin-bottom: 2.4rem;
    }

    .sectionTitle {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .sectionTitle_blueTitle {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }
}