blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

button,
input,
select,
textarea {
    margin: 0
}

html {
    box-sizing: border-box
}

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

img,
video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

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

td,
th {
    padding: 0
}

td:not([align]),
th:not([align]) {
    text-align: left
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

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

fieldset,
input {
    border: unset
}

fieldset {
    margin: 0
}

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

body {
    min-height: 100vh
}

body,
main {
    display: flex;
    flex-direction: column
}

:focus {
    outline: unset
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

a,
button,
div,
input,
label,
select,
span,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

address {
    font-style: normal
}

#yandex-pixel {
    position: absolute;
    left: -9999px
}

@font-face {
    font-family: Fira Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Fira Sans Regular"), local("FiraSans-Regular"), url("fira-sans-v10-latin_cyrillic-regular.8dcfa272.woff2") format("woff2")
}

@font-face {
    font-family: Fira Sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Fira Sans Medium"), local("FiraSans-Medium"), url("fira-sans-v10-latin_cyrillic-500.8c702ac7.woff2") format("woff2")
}

:root {
    --header-h: 90px;
    --title-gap-top: -108px;
    --padding-top: 128px
}

body {
    font-family: Fira Sans, sans-serif;
    font-weight: 400;
    color: #fff
}

.main,
body {
    overflow-x: hidden
}

.main {
    flex-grow: 1
}

.wrapper {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding: 0 20px;
    width: 100%
}

.close {
    flex-shrink: 0;
    position: absolute
}

.close,
.rotateControl {
    width: 48px;
    height: 48px;
    cursor: pointer
}

.rotateControl {
    background-size: 36%;
    background-position: 50%;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 6' fill='%2358c6ff'%3E%3Cpath d='M8.2.2c-.3-.3-.7-.3-1 0s-.3.7 0 1l3.4 3.4H.7c-.4 0-.7.3-.7.7 0 .4.3.7.7.7H14L8.2.2z'/%3E%3C/svg%3E")
}

.rotateControl_mirror {
    transform: translateY(-50%) scaleX(-1)
}

.gradient-noisy {
    background: linear-gradient(215deg, #041329 12%, #00518c 102%);
    z-index: -1;
    position: relative
}

.gradient-noisy:after {
    content: "";
    z-index: -2;
    left: 0;
    mix-blend-mode: multiply;
    background-image: url(data:image/png;base64,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)
}

.bg-with-gradient,
.gradient-noisy:after {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.bg-with-gradient {
    z-index: -1
}

.img {
    -o-object-fit: cover;
    object-fit: cover
}

.img,
.img-contain {
    width: 100%;
    height: 100%
}

.img-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.description {
    text-align: center;
    line-height: 1.55;
    padding: 0 20px;
    font-size: 14px
}

.description:not(:last-of-type) {
    margin-bottom: 1.7em
}

.red-lined:before {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    margin-bottom: 32px;
    border-radius: 4px;
    background-color: #e45739
}

.shadowed {
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    background-color: #fff
}

.text-transition {
    transition: color .2s ease-in-out
}

.transitions-common {
    transition-property: var(--transition-property);
    transition-duration: var(--transition-duration, .1s);
    transition-timing-function: var(--transition-timing-function, ease-in-out)
}

@media screen and (min-width:600px) {
    :root {
        --header-h: 120px;
        --title-gap-top: -62px;
        --padding-top: 162px
    }

    .wrapper {
        padding: 0;
        width: 540px
    }

    .description {
        padding: unset;
        font-size: 18px
    }
}

@media screen and (min-width:1024px) {
    :root {
        --title-gap-top: -86px;
        --padding-top: 182px
    }

    .wrapper {
        width: 820px
    }

    .description {
        text-align: left;
        font-size: 14px
    }
}

@media screen and (min-width:1440px) {
    :root {
        --title-gap-top: -64px;
        --padding-top: 212px
    }

    .wrapper {
        width: 1240px
    }

    .description {
        font-size: 18px
    }
}

@media (hover:hover) {
    .input-diff .touch {
        display: none
    }

    .input-diff .mouse {
        display: block
    }

    .rotateControl:hover {
        content: "";
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 6' fill='%23d33b3b'%3E%3Cpath d='M8.2.2c-.3-.3-.7-.3-1 0s-.3.7 0 1l3.4 3.4H.7c-.4 0-.7.3-.7.7 0 .4.3.7.7.7H14L8.2.2z'/%3E%3C/svg%3E")
    }
}

@media (hover:none) {
    .input-diff .touch {
        display: block
    }

    .input-diff .mouse {
        display: none
    }
}

.btn {
    --transition-property: background-color, background, background-image, box-shadow, visibility;
    --transition-duration: 0.1s;
    display: flex;
    line-height: 1;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 180px;
    height: 58px;
    border-radius: 15px;
    flex-shrink: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #d33b3b
}

.btn:active {
    background-color: #9e2323
}

.btn--load {
    background: rgba(1, 114, 199, .6);
    width: 200px
}

.btn--load:active {
    background: linear-gradient(215deg, #041329 12%, #00518c 102%)
}

.btn__content {
    display: flex;
    align-items: center;
    pointer-events: none;
    font-size: 16px
}

.btn__content:after {
    content: "";
    display: block;
    width: 14px;
    height: 6px;
    margin-left: 12px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 6' fill='%23fff'%3E%3Cpath d='M8.2.2c-.3-.3-.7-.3-1 0s-.3.7 0 1l3.4 3.4H.7c-.4 0-.7.3-.7.7 0 .4.3.7.7.7H14L8.2.2z'/%3E%3C/svg%3E")
}

.btn__content--3d:after {
    width: 23px;
    height: 20px;
    margin-left: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 20' fill='%23fff'%3E%3Cpath d='M23 10c0-5.5-4.5-10-10-10C8.2 0 4 3.3 2.9 7.8L1.4 5.2c-.2-.3-.6-.5-1-.3s-.5.7-.3 1l4 6.8V10c0-4.7 4.2-8.5 8.9-8.5s8.6 3.8 8.6 8.5-3.8 8.5-8.6 8.5c-.4 0-.7.3-.7.7s.3.8.7.8c5.5 0 10-4.5 10-10z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.btn-transition {
    transition-property: background-color, background, background-image, box-shadow, visibility;
    transition-duration: .1s;
    transition-timing-function: ease-in-out
}

@media (hover:hover) {
    .btn:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .35)
    }
}

.form {
    display: flex;
    background-color: #fff;
    flex-direction: column;
    z-index: 105;
    position: relative;
    z-index: 110;
    top: 50%;
    left: 50%;
    display: none;
    position: fixed;
    visibility: hidden;
    transform: translate(calc(-50% - 7.5px*var(--has-scrollbar)), -50%);
    transition: visibility .5s, 1s linear;
    width: calc(100vw - 24px);
    max-height: 95vh;
    overflow-y: auto;
    padding: 78px 28px 28px;
    max-width: 420px
}

.form-close {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23bcbcbc'%3E%3Cpath d='M16 1.2L14.8 0 8 6.8 1.2 0 0 1.2 6.8 8 0 14.8 1.2 16 8 9.2l6.8 6.8 1.2-1.2L9.2 8z'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: 60%;
    right: 16px;
    top: 16px
}

.formTitle {
    font-weight: 500;
    font-size: 18px;
    margin: 28px auto 16px
}

.formDescr,
.formTitle {
    text-align: center;
    color: #000
}

.formDescr {
    font-size: 16px;
    margin-bottom: 16px
}

.formBtn {
    width: 100%;
    height: 56px
}

.formMail {
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px
}

.formPhone {
    text-align: center;
    align-self: center;
    font-size: 14px
}

.formPhone.formPhoneMob {
    display: flex
}

.formPhone.formPhoneDesktop {
    display: none
}

.formInput {
    margin-bottom: 16px
}

.response {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    text-align: center;
    padding: 36px !important;
    z-index: 110;
    top: 50%;
    left: 50%;
    display: none;
    position: fixed;
    visibility: hidden;
    transform: translate(calc(-50% - 7.5px*var(--has-scrollbar)), -50%);
    transition: visibility .5s, 1s linear
}

.response .formTitle {
    margin: 0
}

.formSign {
    align-self: center;
    width: 220px;
    height: 136px;
    background-size: cover;
    background-repeat: no-repeat
}

.formResponseText {
    font-size: 14px;
    text-align: center
}

.form-loader {
    position: fixed
}

@media screen and (min-width:600px) {
    .form {
        width: 492px;
        padding: 88px 58px 58px;
        max-width: unset
    }

    .formTitle {
        margin: 38px auto;
        font-size: 24px
    }

    .formPhone.formPhoneMob {
        display: none
    }

    .formPhone.formPhoneDesktop {
        display: flex
    }

    .formInput {
        margin-bottom: 24px
    }
}

@media screen and (min-width:1024px) {
    .formDescr {
        font-size: 18px
    }

    .formMail {
        font-size: 22px
    }

    .formPhone {
        font-size: 16px
    }
}

.loader {
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 111
}

.fade {
    display: flex;
    visibility: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    height: 200vh;
    background-color: rgba(0, 0, 0, .65);
    z-index: 108
}

.field {
    display: flex;
    flex-direction: column;
    width: 100%
}

.field .label {
    font-size: 15px;
    margin-bottom: 4px;
    color: #000
}

.field .input {
    height: 40px;
    padding: 12px 16px 13px;
    outline: none;
    font-size: 14px;
    border-radius: 10px;
    color: #000;
    background-color: unset;
    font-family: inherit;
    border: 1px solid #dbdbdb;
    opacity: .6
}

.field .input.textarea {
    border: 1px solid #dbdbdb;
    resize: none;
    height: 80px
}

.field .input::-moz-placeholder {
    font-size: inherit;
    color: rgba(0, 0, 0, .45)
}

.field .input::-ms-input-placeholder {
    font-size: inherit;
    color: rgba(0, 0, 0, .45)
}

.field .input::placeholder {
    font-size: inherit;
    color: rgba(0, 0, 0, .45)
}

@media screen and (min-width:600px) {
    .field .input {
        height: 56px;
        padding-top: 20px;
        padding-bottom: 21px
    }

    .field .input.textarea {
        height: 98px
    }
}

.nav {
    display: flex;
    font-size: 16px
}

.nav--bottom {
    width: 100%
}

.nav__content {
    display: grid;
    width: 100%
}

.nav__item {
    display: flex;
    height: 48px
}

.nav__item--active {
    color: #e45739;
    pointer-events: none
}

.nav__link {
    --transition-property: color;
    --transition-duration: 0.2s;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    line-height: 1;
    justify-content: center;
    position: relative
}

@media screen and (min-width:600px) {
    .nav__content--bottom {
        grid-auto-columns: -webkit-min-content;
        grid-auto-columns: min-content;
        grid-column-gap: 42px;
        grid-template-columns: repeat(2, auto)
    }

    .nav__link {
        justify-content: unset
    }
}

@media screen and (min-width:1024px) {
    .nav__content--bottom {
        grid-column-gap: 50px;
        grid-template-columns: repeat(3, auto)
    }
}

@media screen and (min-width:1440px) {
    .nav__content--top {
        grid-auto-columns: -webkit-min-content;
        grid-auto-columns: min-content;
        grid-column-gap: 50px
    }

    .nav__content--bottom,
    .nav__content--top {
        grid-template-columns: repeat(5, auto)
    }
}

@media (hover:hover) {
    .nav__link:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: 8px;
        left: 0;
        background-color: #e45739;
        visibility: hidden;
        transform: scaleX(0);
        transition: all .2s ease-in-out 0s
    }

    .nav__link:hover {
        color: #e45739
    }

    .nav__link:hover:before {
        visibility: visible;
        transform: scaleX(1)
    }
}

.logo {
    display: flex
}

.logo__img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.title {
    width: 100%;
    flex-direction: column
}

.title,
.title--shady {
    display: flex;
    position: relative
}

.title--shady {
    justify-content: center
}

.title--shady:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-width='1' stroke-dasharray='2.2% 1%' stroke-linecap='butt'%3e%3ccircle opacity='0.05' stroke-dashoffset='-3%' cx='50%' cy='50%' r='50%'/%3e%3ccircle opacity='0.15' stroke-dashoffset='-3%' cx='50%' cy='50%' r='30%'/%3e%3ccircle opacity='0.3' stroke-dashoffset='-3%' cx='50%' cy='50%' r='15%'/%3e%3c/svg%3e");
    width: 286px;
    height: 286px
}

.title__text {
    font-weight: 500;
    text-align: center;
    line-height: 1.25;
    font-size: 30px
}

.breadcrumbs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    padding: 0 16px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    bottom: 14.5em
}

.breadcrumbs__item {
    display: flex;
    align-items: center;
    color: #607e9a;
    transition: color .1s ease-in-out
}

.breadcrumbs__item:first-child:after {
    content: "";
    width: 14px;
    height: 6px;
    margin-left: 12px;
    margin-right: 10px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 6' fill='%23607e9a'%3E%3Cpath d='M8.2.2c-.3-.3-.7-.3-1 0s-.3.7 0 1l3.4 3.4H.7c-.4 0-.7.3-.7.7 0 .4.3.7.7.7H14L8.2.2z'/%3E%3C/svg%3E")
}

.breadcrumbs__item:first-child:active {
    color: #ce3b1c
}

@media screen and (min-width:600px) {
    .title--shady:before {
        width: 340px;
        height: 340px
    }

    .title__text {
        font-size: 48px
    }

    .breadcrumbs {
        bottom: 13em;
        width: unset;
        padding: unset
    }
}

@media screen and (min-width:1024px) {
    .title__text {
        font-size: 36px
    }

    .breadcrumbs {
        font-size: 14px
    }
}

@media screen and (min-width:1440px) {
    .title--shady:before {
        width: 544px;
        height: 544px
    }

    .title__text {
        font-size: 52px
    }
}

@media (hover:hover) {
    .breadcrumbs__item:first-child:hover {
        color: #e45739
    }
}

.text {
    line-height: 1.55
}

.text:not(:last-of-type) {
    margin-bottom: 1.7em
}

.text--sm {
    font-size: 12px
}

.text--lg,
.text--md {
    font-size: 14px
}

.text--black {
    color: #000
}

.text--bold {
    font-weight: 500
}

@media screen and (min-width:600px) {
    .text--lg {
        font-size: 16px
    }
}

.header {
    display: flex;
    height: var(--header-h);
    transition: background-color .2s ease-in-out;
    position: fixed;
    width: 100%;
    z-index: 3
}

.onscroll {
    background-color: #032140
}

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

.header__mainSection {
    width: 100%;
    justify-content: space-between
}

.header__logo {
    width: 134px;
    height: 58px
}

.header__menu {
    display: none;
    flex-direction: column;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 480px;
    height: 100vh;
    z-index: 109;
    min-width: 320px;
    padding: 96px 48px 0
}

.menu-visible {
    display: flex
}

.header__btn {
    width: 100%;
    margin: 32px 0
}

.header__burger {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(6px)
}

.burger {
    width: 28px;
    height: 20px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 30' fill='%23fff'%3E%3Cpath d='M1 25.9h38c.6 0 1 .5 1 1V29c0 .6-.5 1-1 1H1a1 1 0 01-1-1v-2.1c0-.6.5-1 1-1zm0-13.5h38c.6 0 1 .5 1 1v3.1c0 .6-.5 1-1 1H1a1 1 0 01-1-1v-3.1c0-.5.5-1 1-1z'/%3E%3Cpath d='M1 0h38c.6 0 1 .5 1 1v2.1c0 .6-.5 1-1 1H1a1 1 0 01-1-1V1c0-.5.5-1 1-1z' fill='%2358c6ff'/%3E%3C/svg%3E") 50% no-repeat
}

.header__close {
    display: flex;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M16 1.2L14.8 0 8 6.8 1.2 0 0 1.2 6.8 8 0 14.8 1.2 16 8 9.2l6.8 6.8 1.2-1.2L9.2 8z'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: 48%;
    right: 6px;
    top: 22px
}

@media screen and (min-width:600px) {
    .header__logo {
        margin-right: auto
    }

    .header__menu {
        max-width: 500px;
        padding-left: 64px
    }

    .burger {
        width: 40px;
        height: 30px
    }

    .header__close {
        right: 16px;
        top: 37px
    }
}

@media screen and (min-width:1024px) {
    .header__logo {
        width: 212px;
        height: 92px
    }
}

@media screen and (min-width:1440px) {
    .header__mainSection {
        width: unset;
        margin-right: auto
    }

    .header__menu {
        background: unset;
        padding: unset;
        width: unset;
        flex-direction: row;
        display: flex;
        max-width: unset;
        position: static;
        background-color: unset;
        height: unset
    }

    .header__menu:after {
        content: none
    }

    .header__btn,
    .header__burger,
    .header__close {
        display: none
    }

    .header__switcher {
        margin-left: 64px
    }
}

.switcher {
    --transition-property: color;
    --transition-duration: 0.2s;
    display: flex;
    align-items: center;
    height: 48px;
    width: 100%;
    justify-content: center
}

.switcher__icon {
    width: 18px;
    height: 18px;
    background-position: 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-right: 16px
}

.switcher__icon_uk {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle fill='%23fff' cx='9' cy='9' r='9'/%3E%3Cpath fill='%230052B4' d='M1.9 3.5c-.7.9-1.2 2-1.6 3.1H5L1.9 3.5zm15.8 3.2a7 7 0 00-1.6-3.1L13 6.7h4.7zM.3 11.3a7 7 0 001.6 3.1L5 11.3H.3zm14.2-9.4c-.9-.7-2-1.2-3.1-1.6V5l3.1-3.1zm-11 14.2c.9.7 2 1.2 3.1 1.6V13l-3.1 3.1zM6.7.3c-1.2.3-2.3.9-3.2 1.6L6.7 5V.3zm4.6 17.4a7 7 0 003.1-1.6L11.3 13v4.7zm1.7-6.4l3.1 3.1c.7-.9 1.2-2 1.6-3.1H13z'/%3E%3Cpath fill='%23D80027' d='M17.9 7.8h-7.7V.1L9 0 7.8.1v7.7H.1L0 9l.1 1.2h7.7v7.7L9 18l1.2-.1v-7.7h7.7L18 9l-.1-1.2z'/%3E%3Cpath fill='%23D80027' d='M11.3 11.3l4 4 .5-.6-3.4-3.4h-1.1zm-4.6 0l-4 4 .6.5 3.4-3.4v-1.1zm0-4.6l-4-4-.6.5 3.4 3.4 1.2.1zm4.6 0l4-4-.6-.5-3.4 3.4v1.1z'/%3E%3C/svg%3E")
}

.switcher__icon_ru {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23fff' d='M.5 6h17C16.2 2.5 12.9 0 9 0S1.8 2.5.5 6z'/%3E%3Cpath fill='%23D52B1E' d='M17.5 12H.5a9 9 0 0017 0z'/%3E%3Cpath fill='%230039A6' d='M17.5 6H.5a9.4 9.4 0 000 6h17a9.4 9.4 0 000-6z'/%3E%3C/svg%3E")
}

.switcher__text {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.35
}

@media screen and (min-width:1440px) {
    .switcher {
        justify-content: space-between;
        width: 54px
    }

    .switcher__icon {
        margin-right: unset
    }
}

@media (hover:hover) {
    .switcher:hover {
        color: #e45739
    }
}

.footer {
    display: flex;
    background-color: #032140;
    padding: 42px 0 36px
}

.footer__content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.footer__logo {
    display: flex;
    width: 180px;
    height: 100px;
    margin-bottom: 36px
}

.footer__menu {
    display: flex;
    align-self: center;
    width: 100%
}

@media screen and (min-width:600px) {
    .footer {
        padding: unset;
        height: 250px
    }

    .footer__content {
        flex-direction: row;
        align-items: unset
    }

    .footer__logo {
        margin: 48px auto 0 0;
        width: 150px;
        height: 80px
    }

    .footer__menu {
        width: unset
    }
}

@media screen and (min-width:1024px) {
    .footer__logo {
        width: 220px;
        height: 108px
    }
}

@media screen and (min-width:1440px) {
    .footer {
        height: 250px
    }
}

.spec {
    padding-top: var(--padding-top)
}

.spec,
.spec__content {
    display: flex;
    position: relative;
    flex-direction: column
}

.spec__content {
    padding-bottom: 270px
}

.spec__bandwidth {
    display: grid;
    grid-gap: 48px;
    margin-bottom: 64px
}

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

.spec__title {
    font-weight: 500;
    letter-spacing: .01em;
    font-size: 24px;
    margin-bottom: 16px;
    line-height: 1.45
}

.spec__download {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-left: 64px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 30px
}

.spec__download:before {
    content: "";
    display: block;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    width: 44px;
    height: 50px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 50' fill='%23fff'%3E%3Cpath d='M9.6 0C7.9 0 6.5 1.4 6.5 3.1v43.8c0 1.7 1.4 3.1 3.1 3.1h31c1.7 0 3.1-1.4 3.1-3.1V12.5L31.3 0H9.6z'/%3E%3Cpath fill='%23B0B7BD' d='M34.4 12.5h9.3L31.3 0v9.4c0 1.7 1.4 3.1 3.1 3.1z'/%3E%3Cpath fill='%23E45739' d='M37.5 40.6c0 .9-.7 1.6-1.6 1.6H1.8c-.9 0-1.6-.7-1.6-1.6V25c0-.9.7-1.6 1.6-1.6H36c.9 0 1.6.7 1.6 1.6v15.6z'/%3E%3Cpath d='M8.7 30.3v3.1h2.1c.8 0 1.5-.7 1.5-1.5 0-.9-.7-1.6-1.5-1.6H8.7zm-1.6-.7c0-.4.3-.9.8-.9h2.9c1.6 0 3.1 1.1 3.1 3.2 0 2-1.5 3.1-3.1 3.1H8.7v1.7c0 .5-.3.9-.8.9-.4 0-.8-.3-.8-.9v-7.1zm9.9.8V36h2.1c3.3 0 3.5-5.6 0-5.6H17zm-.8 7.1c-.4 0-.9-.2-.9-.8v-7.1c0-.4.4-.8.9-.8H19c5.7 0 5.5 8.6.1 8.6h-2.9zm10.4-7v2h3.2c.4 0 .9.5.9.9s-.4.8-.9.8h-3.2v2.6c0 .4-.3.8-.7.8-.5 0-.9-.3-.9-.8v-7.1c0-.4.3-.8.9-.8h4.4c.5 0 .9.3.9.8 0 .4-.3.9-.9.9l-3.7-.1z'/%3E%3C/svg%3E") 50% no-repeat
}

.spec__download .spec__first {
    margin-bottom: 2px
}

.spec__download .spec__second {
    color: #58c6ff;
    display: flex;
    align-items: center;
    transition: color .2s ease-in-out
}

.spec__download .spec__second:after {
    content: "";
    width: 8px;
    height: 10px;
    margin-left: 8px;
    display: block;
    transition: background-image .2s ease-in-out;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 10' fill='%2358C6FF'%3E%3Cpath d='M7.3 3.8c-.3-.3-.7-.4-1-.1L4.4 5.2V.7c0-.4-.3-.7-.7-.7S3 .3 3 .7v7.5l4.1-3.5c.4-.2.4-.7.2-.9zm0 4.8H.7c-.4 0-.7.3-.7.7s.3.7.7.7h6.6c.4 0 .7-.3.7-.7s-.3-.7-.7-.7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.spec__download:hover .spec__second {
    color: #d33b3b
}

.spec__download:hover .spec__second:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 10' fill='%23d33b3b'%3E%3Cpath d='M7.3 3.8c-.3-.3-.7-.4-1-.1L4.4 5.2V.7c0-.4-.3-.7-.7-.7S3 .3 3 .7v7.5l4.1-3.5c.4-.2.4-.7.2-.9zm0 4.8H.7c-.4 0-.7.3-.7.7s.3.7.7.7h6.6c.4 0 .7-.3.7-.7s-.3-.7-.7-.7z'/%3E%3C/svg%3E")
}

.spec__graphHolder {
    padding: 0 0 48px 64px;
    height: 260px
}

.spec__graph {
    display: grid;
    grid-template-rows: .5fr repeat(7, 1fr) .5fr;
    height: 100%;
    position: relative
}

.spec__graph .spec__graphCaptions {
    font-size: 12px;
    position: absolute
}

.spec__graph .spec__graphCaptions.spec__x {
    left: 0;
    width: 100%;
    text-align: center;
    bottom: -50px
}

.spec__graph .spec__graphCaptions.spec__y {
    left: -58px;
    top: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(-90deg)
}

.spec__graph .spec__line {
    position: absolute;
    left: 3.7%;
    width: 92.2%;
    z-index: 1;
    height: 190px;
    top: 10px;
    -o-object-fit: unset;
    object-fit: unset
}

.spec__graph .spec__line>svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.spec__graph .spec__raw {
    display: grid;
    grid-template-columns: .5fr repeat(10, 1fr) .5fr;
    position: relative
}

.spec__graph .spec__raw:before {
    position: absolute;
    content: attr(data-info);
    left: -36px;
    bottom: -8px;
    font-size: 13px
}

.spec__graph .spec__raw:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.spec__graph .spec__raw:last-child .spec__cell {
    position: relative
}

.spec__graph .spec__raw:last-child .spec__cell:before {
    position: absolute;
    content: attr(data-info);
    transform: translateX(50%);
    right: -1px;
    bottom: -22px;
    font-size: 13px
}

.spec__graph .spec__cell:not(:last-child) {
    border-right: 1px solid hsla(0, 0%, 100%, .2)
}

.spec__comparison {
    display: grid;
    grid-gap: 42px
}

.spec__table {
    display: grid;
    font-size: 14px;
    font-weight: 500;
    grid-gap: 20px;
    order: 1
}

.spec__table .spec__raw {
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

.spec__table .spec__cell,
.spec__table .spec__raw {
    display: flex;
    flex-direction: column
}

.spec__table .spec__cell:before {
    content: attr(data-name);
    font-size: 12px;
    opacity: .7;
    font-weight: 400;
    margin: 20px 0 12px
}

.spec__table .spec__subcells {
    display: flex;
    height: 100%
}

.spec__table .spec__subcell {
    display: flex;
    align-items: center;
    height: 100%
}

.spec__table .spec__subcell:not(:last-child) {
    padding-right: 16px;
    margin-right: 16px;
    border-right: 1px solid hsla(0, 0%, 100%, .2)
}

.spec__table .spec__head {
    font-weight: 500;
    height: 66px;
    font-size: 12px;
    display: none
}

.spec__table .spec__head .spec__cell {
    padding-top: 0;
    align-items: flex-end;
    padding-bottom: 14px
}

.spec__tableCaption {
    flex-direction: column;
    display: flex;
    justify-content: center
}

.spec__graphCurve {
    width: 428px;
    height: 268px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 428 268'%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='25.17' y1='-18.17' x2='437.31' y2='249.94' gradientTransform='matrix(1 0 0 -1 0 270)'%3E%3Cstop offset='0' stop-color='%23006bcd'/%3E%3Cstop offset='1' stop-color='%2358d7ff'/%3E%3C/linearGradient%3E%3Cpath class='st0' fill='url("https: //regul-tech.ru/%23a")' d='M3 268a2.99 2.99 0 01-.6-5.9c113.9-23.4 188.5-49.6 249.5-87.5C312.7 136.8 363.7 85 422.5 1.3c1-1.4 2.8-1.7 4.2-.7 1.4 1 1.7 2.8.7 4.2-59.3 84.4-110.9 136.7-172.3 174.9-61.7 38.3-136.9 64.7-251.5 88.2-.2.1-.4.1-.6.1z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.spec__videoContent{margin:-214px 0 72px}.spec__videos{display:grid;grid-gap:20px}.spec__videoBlock{display:flex;flex-direction:column;overflow:hidden;justify-self:center;max-width:320px}.spec__videoPoster{height:214px;position:relative;cursor:pointer}.spec__videoPoster:after{left:0;width:42px;height:42px;top:50%;left:50%;transform:translate(-50%,-50%);transition:background-image .1s ease-in-out;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42' fill='%23fff'%3E%3Cpath d='M21 0a21 21 0 100 42 21 21 0 000-42zm11.5 21.9L16 31.4c-.7.4-1.5-.1-1.5-.8V11.5c0-.8.8-1.3 1.5-.9l16.5 9.6c.7.4.7 1.3 0 1.7z'/%3E%3C/svg%3E");background-size:100%;background-repeat:no-repeat}.spec__videoPoster:after,.spec__videoPoster:before{content:"";position:absolute;z-index:1;pointer-events:none}.spec__videoPoster:before{background:rgba(22,110,192,.36);transition:background .2s ease-in-out;left:0;width:100%;height:100%}.spec__videoPoster:active:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42' fill='%23d33b3b'%3E%3Cpath d='M21 0a21 21 0 100 42 21 21 0 000-42zm11.5 21.9L16 31.4c-.7.4-1.5-.1-1.5-.8V11.5c0-.8.8-1.3 1.5-.9l16.5 9.6c.7.4.7 1.3 0 1.7z'/%3E%3C/svg%3E")}.spec__videoTexts{padding:20px 16px 30px}.spec__videoTitle{font-weight:500;font-size:18px;margin-bottom:20px;color:#000}.spec__other{display:grid;margin-top:36px}.spec__btn{margin-top:30px;justify-self:center}@media screen and (min-width:600px){.spec__bandwidth{margin-bottom:90px;grid-gap:64px}.spec__title{margin-bottom:32px;font-size:36px}.spec__download{margin-top:48px}.spec__graphHolder{height:360px}.spec__graph .spec__line{top:16px;height:280px}.spec__table{grid-gap:0;font-size:12px;font-weight:400}.spec__table .spec__raw{border-top:unset;min-height:46px;flex-direction:row}.spec__table .spec__raw:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.2)}.spec__table .spec__cell{flex-direction:row;align-items:center;padding:10px 12px}.spec__table .spec__cell:before{content:none}.spec__table .spec__cell:first-child{flex:0 0 auto;border-right:1px solid hsla(0,0%,100%,.2);width:280px}.spec__table .spec__cell:nth-child(2){border-right:1px solid hsla(0,0%,100%,.2);flex:0 0 150px}.spec__table .spec__cell:nth-child(3){flex:0 0 108px}.spec__table .spec__head{display:flex}.spec__videoBlock{max-width:400px}.spec__other{margin-top:64px}}@media screen and (min-width:600px) and (min-width:1024px){.spec__table .spec__cell:first-child{min-width:320px}}@media screen and (min-width:600px) and (min-width:1440px){.spec__table .spec__cell:nth-child(2){flex:0 0 159px}.spec__table .spec__cell:nth-child(3){flex:0 0 116px}}@media screen and (min-width:1024px){.spec__content{padding-bottom:335px}.spec__bandwidth{grid-gap:72px;grid-template-columns:auto 420px}.spec__comparison{grid-template-columns:580px auto;grid-gap:72px}.spec__table{order:0}.spec__videos{grid-template-columns:auto auto auto}.spec__videoBlock{justify-self:unset}.spec__btn{justify-self:start}}@media screen and (min-width:1440px){.spec__bandwidth{grid-template-columns:auto 570px;grid-gap:130px}.spec__comparison{grid-template-columns:600px auto;grid-gap:144px}.spec__table .spec__head{font-size:13px}.spec__videoTexts{padding:30px 30px 40px}}@media (hover:hover){.spec__videoPoster:hover:before{background:rgba(22,110,192,.66)}}.gallery{display:flex}