@media(min-width:1170px) {
    .awards__img {
        cursor: pointer
    }
}

.checkbox__label a {
    color: inherit
}

.advantages__item:before {
    content: '';
    display: block;
    margin: 0 auto 10px
}

.strengths__item:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #000
}

@media(min-width:544px) {
    .points__item {
        width: 50%;
        padding-right: 8%
    }

    .points__item:last-of-type {
        padding-right: 2%
    }
}

.points__item:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 489.6'%3E%3Cstyle%3E.st0%7Bclip-path:url%28%23SVGID_2_%29%3Bfill:%23FFC80A%3B%7D%3C/style%3E%3Cdefs%3E%3Cpath id='SVGID_1_' d='M0 0h512v489.6H0z'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath class='st0' d='M244.8 489.6h-.1c-65.4 0-126.8-25.5-173.1-71.8C25.4 371.5 0 310 0 244.7c0-65.4 25.5-126.8 71.8-173.1C118 25.4 179.5 0 244.8 0h.1c34.5 0 68 7.1 99.5 21.2 10.4 4.6 15.1 16.9 10.5 27.3-4.6 10.4-16.9 15.1-27.3 10.5-26.2-11.7-54-17.6-82.7-17.6h-.1c-54.3 0-105.3 21.1-143.8 59.5-38.4 38.4-59.6 89.5-59.7 143.8-.1 112.2 91.1 203.5 203.3 203.5h.1c54.3 0 105.3-21.1 143.8-59.5 38.4-38.4 59.6-89.5 59.7-143.8v-20.8c0-11.4 9.3-20.7 20.7-20.7s20.7 9.3 20.7 20.7v20.8c0 65.4-25.5 126.9-71.8 173.1-46.2 46.2-107.7 71.6-173 71.6'/%3E%3Cpath class='st0' d='M244.8 310.4c-5.3 0-10.6-2-14.6-6.1L163 237.1c-8.1-8.1-8.1-21.2 0-29.2 8.1-8.1 21.2-8.1 29.2 0l52.6 52.6L476.7 28.6c8.1-8.1 21.2-8.1 29.2 0 8.1 8.1 8.1 21.2 0 29.2L259.4 304.4c-4 4-9.3 6-14.6 6'/%3E%3C/svg%3E") center / contain no-repeat
}

@font-face {
    font-family: GothamPro;
    src: url(../fonts/GothamPro-Black.html) format('woff'), url(../fonts/GothamPro-Black-2.html) format('woff2');
    font-weight: 900
}

@font-face {
    font-family: GothamPro;
    src: url(../fonts/GothamPro-Bold.html) format('woff'), url(../fonts/GothamPro-Bold-2.html) format('woff2');
    font-weight: 700
}

@font-face {
    font-family: GothamPro;
    src: url(../fonts/GothamPro-Medium.html) format('woff'), url(../fonts/GothamPro-Medium-2.html) format('woff2');
    font-weight: 500
}

@font-face {
    font-family: GothamPro;
    src: url(../fonts/GothamPro.html) format('woff'), url(../fonts/GothamPro-2.html) format('woff2')
}

*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font: inherit
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

html {
    cursor: default;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0)
}

body {
    font-size: 100%;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

a {
    background: transparent
}

:active,
:focus,
:hover {
    outline: none
}

hr {
    box-sizing: content-box;
    height: 0
}

ol,
ul {
    list-style: none
}

pre {
    white-space: pre-wrap;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

q {
    quotes: '\201C' '\201D' '\2018' '\2019'
}

b {
    font-weight: 700
}

img {
    border: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button {
    overflow: visible
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

button,
input,
select[multiple],
textarea {
    background-image: none
}

input,
select,
textarea {
    border-radius: 0;
    box-shadow: none
}

input,
textarea {
    resize: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

[placeholder]:focus::-webkit-input-placeholder {
    color: transparent
}

[placeholder]:focus:-ms-input-placeholder {
    color: transparent
}

[placeholder]:focus::-moz-placeholder {
    color: transparent
}

[placeholder]:focus::placeholder {
    color: transparent
}

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

html {
    height: 100%;
    overflow: auto
}

body {
    position: relative;
    width: auto;
    min-width: 320px;
    max-width: 1920px;
    min-height: 100%;
    margin: 0 auto;
    text-align: center;
    font-family: GothamPro, Arial, Verdana, sans-serif;
    font-weight: 400;
    color: #000
}

.header {
    position: relative;
    width: 100%;
    min-height: 688px;
    margin-bottom: 60px;
    color: #fff;
    background: #eee url(../img/header-bg-xs.png) center bottom / cover no-repeat
}

@media(min-width:544px) {
    .header {
        margin-bottom: 100px;
        background: #eee url(../img/header-bg-sm.png) center bottom / cover no-repeat
    }
}

.header__wrap {
    padding: 128px 10px 70px
}

@media(min-width:544px) {
    .header__wrap {
        padding: 173px 15px 130px
    }
}

@media(min-width:768px) {
    .header__wrap {
        padding: 197px 15px 122px
    }
}

@media(min-width:1170px) {
    .header__wrap {
        position: relative;
        max-width: 1170px;
        text-align: left;
        margin: 0 auto;
        padding: 218px 15px 115px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.header__address {
    display: none
}

@media(min-width:760px) {
    .header__address {
        position: absolute;
        display: block;
        top: 30px;
        left: 50%;
        width: 100%;
        padding-left: 20px;
        max-width: 230px;
        color: #fff;
        font-size: 14px;
        line-height: 1.4;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: left;
        background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 491.582 491.582' fill='%23ffc80a'%3E%3Cpath d='M245.79 0C153.8 0 78.958 74.84 78.958 166.833c0 36.967 21.764 93.187 68.493 176.926 31.887 57.137 63.627 105.4 64.966 107.432l22.94 34.773c2.314 3.507 6.233 5.617 10.435 5.617s8.122-2.11 10.435-5.617l22.94-34.77c1.326-2.01 32.835-49.856 64.967-107.436 46.73-83.736 68.493-139.956 68.493-176.927C412.625 74.84 337.783 0 245.79 0zm76.512 331.576c-31.685 56.775-62.696 103.87-64.003 105.848l-12.51 18.96-12.503-18.955c-1.314-1.996-32.563-49.512-64.007-105.854-43.345-77.676-65.323-133.104-65.323-164.743C103.957 88.626 167.583 25 245.79 25s141.835 63.626 141.835 141.833c0 31.643-21.978 87.07-65.323 164.743z'/%3E%3Cpath d='M245.79 73.29c-51.004 0-92.5 41.497-92.5 92.5s41.496 92.5 92.5 92.5 92.5-41.495 92.5-92.5-41.494-92.5-92.5-92.5zm0 160c-37.22 0-67.5-30.28-67.5-67.5s30.28-67.5 67.5-67.5c37.222 0 67.5 30.28 67.5 67.5s-30.278 67.5-67.5 67.5z'/%3E%3C/svg%3E") left top / 16px no-repeat
    }
}

@media(min-width:1170px) {
    .header__address {
        width: auto;
        max-width: inherit
    }
}

.header__heading {
    position: relative;
    margin: 0 auto 22px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.4
}

@media(min-width:544px) {
    .header__heading {
        max-width: 420px;
        font-size: 40px
    }
}

@media(min-width:1170px) {
    .header__heading {
        font-size: 55px;
        text-align: left;
        max-width: 575px;
        margin-bottom: 45px
    }
}

.header__heading:after {
    content: '';
    display: block;
    width: 100px;
    height: 5px;
    margin: 16px auto 0;
    background-color: #ffc80a
}

@media(min-width:1170px) {
    .header__heading:after {
        margin: 20px 0 0
    }
}

.header__headline {
    margin-bottom: 32px;
    padding: 0 5px;
    font-size: 18px;
    line-height: 1.38
}

.header__headline_2 {
    margin-bottom: 24px;
    padding: 0 5px;
    font-size: 18px;
    line-height: 1.38
}

@media(min-width:544px) {
    .header__headline {
        margin-bottom: 45px
    }
}

.header__btn {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    height: 60px;
    font-size: 14px;
    font-weight: 700;
    line-height: 60px;
    border: none;
    border-radius: 30px;
    outline: none;
    background-image: -webkit-linear-gradient(left, #ffc80a 0, #ffa203 100%);
    background-image: linear-gradient(to right, #ffc80a 0, #ffa203 100%);
    box-shadow: 0 15px 25px 3px rgba(255, 177, 17, .24)
}

.logo {
    position: absolute;
    top: 30px;
    left: 16px
}

@media(min-width:544px) {
    .logo {
        left: 15px
    }
}

.phone {
    position: absolute;
    top: 36px;
    right: 15px;
    text-align: right
}

.phone__number {
    display: block;
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

@media(min-width:544px) {
    .phone__number {
        font-size: 18px
    }
}

.phone__btn {
    padding-bottom: 2px;
    font-size: 12px;
    color: #fff;
    border: none;
    border-bottom: 1px dashed rgba(255, 255, 255, .7);
    background-color: transparent
}

@media(min-width:1170px) {
    .phone__btn {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .phone__btn:hover {
        color: #ffc80a
    }
}

.points {
    margin: 0 auto 35px;
    padding: 0 30px;
    text-align: left
}

@media(min-width:544px) {
    .points {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 55px;
        max-width: 475px;
        padding: 0
    }
}

@media(min-width:1170px) {
    .points {
        margin: 0
    }
}

.points__item {
    position: relative;
    margin-bottom: 24px;
    padding-left: 33px;
    font-size: 14px;
    line-height: 1.4;
    color: #ccc
}

.points__item:last-of-type {
    margin-bottom: 0
}

.btn {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    max-width: 279px;
    height: 50px;
    font-size: 14px;
    font-weight: 700;
    line-height: 50px;
    border: none;
    border-radius: 30px;
    outline: none;
    background-image: -webkit-linear-gradient(left, #ffc80a 0, #ffa203 100%);
    background-image: linear-gradient(to right, #ffc80a 0, #ffa203 100%);
    box-shadow: 0 15px 25px 3px rgba(255, 177, 17, .24)
}

@media(min-width:1170px) {
    .btn {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .btn:hover {
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
    }
}

.btn--header {
    max-width: 299px;
    height: 60px;
    line-height: 60px
}

@media(min-width:1170px) {
    .btn--header {
        display: none
    }
}

.btn--strengths {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.btn--callback {
    display: block;
    max-width: 235px;
    margin: 0 auto;
    margin-bottom: 20px
}

@media(min-width:544px) {
    .btn--callback {
        margin-bottom: 25px
    }
}

.btn--full {
    max-width: 100%
}

.main {
    width: 100%;
    overflow: hidden;
    background-color: #fff
}

.main__container {
    width: 100%;
    max-width: 770px;
    margin: 0 auto;
    padding: 0 15px
}

@media(min-width:117px) {
    .main__container {
        max-width: 1170px
    }
}

.main__container--callback {
    max-width: 650px
}

@media(min-width:760px) {
    .main__container--callback {
        text-align: left
    }
}

@media(min-width:1170px) {
    .main__container--callback {
        max-width: 1170px
    }
}

.heading {
    margin: 0 auto 30px;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    font-weight: 900
}

@media(min-width:544px) {
    .heading {
        font-size: 30px;
        margin-bottom: 50px
    }
}

@media(min-width:760px) {
    .heading {
        font-size: 36px
    }
}

@media(min-width:1170px) {
    .heading {
        text-align: left;
        margin-bottom: 75px
    }
}

.heading--contacts {
    margin-bottom: 22px
}

.strengths {
    width: 100%;
    margin-bottom: 50px
}

@media(min-width:544px) {
    .strengths {
        margin-bottom: 100px
    }
}

.strengths__wrap {
    width: 100%
}

@media(min-width:760px) {
    .strengths__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.strengths__card {
    position: relative;
    width: 100%;
    max-width: 400px;
    min-height: 700px;
    margin: 0 auto 30px;
    padding-bottom: 110px;
    background-color: #fff;
    box-shadow: 0 0 22px rgba(0, 0, 0, .05)
}

@media(min-width:760px) {
    .strengths__card {
        width: auto;
        -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
        max-width: none;
        max-width: initial
    }

    .strengths__card:nth-last-of-type(2) {
        margin-bottom: 0
    }
}

@media(min-width:1170px) {
    .strengths__card {
        -ms-flex-preferred-size: calc(33.3% - 15px);
        flex-basis: calc(33.3% - 15px);
        margin: 0
    }
}

.strengths__card:last-of-type {
    margin-bottom: 0
}

@media(min-width:1170px) {
    .strengths__card:first-of-type {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        min-height: 0;
        min-height: initial;
        padding: 0;
        margin-bottom: 30px;
        padding-left: 750px
    }

    .strengths__card:first-of-type .strengths__head {
        position: absolute;
        left: 0;
        top: 0;
        width: 750px;
        height: 100%;
        margin-bottom: 0
    }

    .strengths__card:first-of-type .strengths__content {
        padding: 45px 0
    }

    .strengths__card:first-of-type .strengths__list {
        margin-bottom: 20px
    }

    .strengths__card:first-of-type .btn--strengths {
        position: static;
        left: 0;
        bottom: 0;
        -webkit-transform: none;
        transform: none
    }
}

.strengths__head {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 240px;
    margin-bottom: 32px
}

.strengths__img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover
}

.strengths__price {
    position: absolute;
    top: 25px;
    left: 20px;
    font-size: 24px;
    color: #fff
}

@media(min-width:544px) {
    .strengths__price {
        left: 60px
    }
}

@media(min-width:760px) {
    .strengths__price {
        left: 40px
    }
}

.strengths__price:after {
    content: '';
    display: block;
    width: 83px;
    height: 5px;
    margin-top: 5px;
    background-color: #ffc80a
}

.strengths__content {
    padding: 0 15px;
    text-align: left;
    max-width: 275px;
    margin: 0 auto
}

@media(min-width:544px) {
    .strengths__content {
        padding: 0
    }
}

.strengths__heading {
    margin-bottom: 17px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.38
}

.strengths__item {
    position: relative;
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.5
}

.strengths__item:last-of-type {
    margin-bottom: 0
}

.advantages {
    width: 100%;
    margin-bottom: 45px
}

@media(min-width:544px) {
    .advantages {
        margin-bottom: 75px
    }
}

@media(min-width:760px) {
    .advantages {
        margin-bottom: 100px
    }
}

.advantages__wrap {
    max-width: 510px;
    margin: 0 auto
}

@media(min-width:544px) {
    .advantages__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 0
    }
}

@media(min-width:760px) {
    .advantages__wrap {
        max-width: 730px
    }
}

@media(min-width:1170px) {
    .advantages__wrap {
        max-width: 100%
    }
}

.advantages__item {
    margin-bottom: 26px
}

.advantages__item:last-of-type {
    margin-bottom: 0
}

@media(min-width:544px) {
    .advantages__item:nth-last-of-type(-n+2) {
        border-bottom: none
    }

    .advantages__item {
        width: 50%;
        margin-bottom: 0;
        padding-top: 32px;
        height: 162px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .advantages__item:nth-of-type(even) {
        border-right: none
    }
}

@media(min-width:760px) {
    .advantages__item:nth-last-of-type(3) {
        border-bottom: none
    }

    .advantages__item:nth-of-type(3n) {
        border-right: none !important
    }

    .advantages__item {
        width: 33.3%;
        border-right: 1px solid rgba(0, 0, 0, .1)
    }

    .advantages__item:nth-of-type(even) {
        border-right: 1px solid rgba(0, 0, 0, .1)
    }
}

@media(min-width:1170px) {
    .advantages__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 111px;
        padding-top: 0
    }

    .advantages__item:before {
        margin: 0 30px 0 0
    }
}

.advantages__item--clock:before {
    width: 48px;
    height: 48px;
    background-image: url(../img/sprite.png);
    background-position: 0 -56px;
    background-size: 151px 104px
}

.advantages__item--umbrella:before {
    width: 58px;
    height: 56px;
    background-image: url(../img/sprite.png);
    background-position: 0 0;
    background-size: 151px 104px
}

.advantages__item--timer:before {
    width: 46px;
    height: 46px;
    background-image: url(../img/sprite.png);
    background-position: -96px -56px;
    background-size: 151px 104px
}

.advantages__item--wallet:before {
    width: 48px;
    height: 48px;
    background-image: url(../img/sprite.png);
    background-position: -48px -56px;
    background-size: 151px 104px
}

.advantages__item--phone:before {
    width: 48px;
    height: 54px;
    background-image: url(../img/sprite.png);
    background-position: -58px 0;
    background-size: 151px 104px
}

.advantages__item--note:before {
    width: 45px;
    height: 55px;
    background-image: url(../img/sprite.png);
    background-position: -106px 0;
    background-size: 151px 104px
}

.advantages__text {
    font-size: 14px;
    line-height: 1.4
}

@media(min-width:1170px) {
    .advantages__text {
        text-align: left;
        width: 180px
    }
}

.callback {
    width: 100%;
    margin-bottom: 50px;
    padding: 55px 0;
    text-align: left;
    color: #fff;
    background: url(../img/callback-bg-xs.png) center / cover no-repeat
}

@media(min-width:544px) {
    .callback {
        margin-bottom: 100px
    }
}

.callback--page {
    position: relative
}

@media(min-width:544px) {
    .callback--page {
        text-align: center;
        padding: 70px 0
    }
}

@media(min-width:1170px) {
    .callback--page {
        padding: 85px 0 100px
    }
}

@media(min-width:760px) {
    .callback--page-top {
        position: relative
    }
}

.callback--page-top-send:before {
    z-index: 10
}

@media(min-width:760px) {
    .callback--page-top:before {
        content: '';
        position: absolute;
        right: 0;
        top: 115px;
        width: 395px;
        height: 375px;
        background: url(../img/callback-img-sm.png) center / contain no-repeat
    }
}

@media(min-width:1170px) {
    .callback--page-top:before {
        top: -40px;
        right: auto;
        right: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: 425px;
        width: 796px;
        height: 491px;
        background: url(../img/callback-img.png) center / contain no-repeat
    }
}

@media(min-width:1680px) {
    .callback--page-top:before {
        left: auto;
        left: initial;
        right: 0;
        margin-left: 0;
        -webkit-transform: none;
        transform: none
    }
}

.callback--modal {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 30px);
    max-width: 415px;
    margin-bottom: 0;
    padding: 56px 15px 38px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #000;
    border-radius: 5px;
    background: #fff
}

@media(min-width:760px) {
    .callback--modal {
        padding: 56px 45px 60px
    }
}

.callback--modal:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .1)
}

.callback--header {
    display: none
}

@media(min-width:1170px) {
    .callback--header {
        position: relative;
        z-index: 0;
        display: block;
        width: 100%;
        max-width: 390px;
        margin-bottom: 0;
        padding: 56px 45px 38px;
        color: #000;
        border-radius: 5px;
        background: #fff;
        height: fit-content;
    }
}

@media(min-width:1170px) {
    .callback--header:before {
        content: '';
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        width: calc(100% + 14px);
        height: calc(100% + 14px);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 5px;
        background-color: rgba(255, 255, 255, .1)
    }
}

@media(min-width:1170px) {
    .callback--header .callback__heading {
        margin-bottom: 18px
    }
}

.callback__heading {
    margin-bottom: 28px;
    line-height: 1.4
}

@media(min-width:760px) {
    .callback__heading {
        font-size: 24px
    }
}

.callback__heading--modal {
    font-weight: 500
}

.callback__heading--second {
    max-width: 260px;
    margin: 0 auto 38px;
    text-align: center
}

@media(min-width:760px) {
    .callback__heading--second {
        max-width: 100%
    }
}

@media(min-width:1170px) {
    .callback__heading--second {
        text-align: left
    }
}

.callback__heading--second b {
    padding-bottom: 5px;
    border-bottom: 5px solid #ffc80a
}

.callback__text {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.3;
    color: #757575
}

@media(min-width:1170px) {
    .callback__wrap--top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media(min-width:760px) {
    .callback__wrap--bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 760px;
        margin: 0 auto
    }
}

@media(min-width:1170px) {
    .callback__wrap--bottom {
        max-width: 1170px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }
}

@media(min-width:1170px) {
    .callback__wrap--bottom .list {
        -ms-flex-preferred-size: 525px;
        flex-basis: 525px
    }
}

@media(min-width:544px) {
    .callback__form--page {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 490px;
        margin: 0 auto
    }
}

@media(min-width:760px) {
    .callback__form--page-top {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0;
        max-width: 100%
    }
}

@media(min-width:1170px) {
    .callback__form--page-top {
        padding-left: 55px;
        margin-left: 65px;
        border-left: 1px solid rgba(255, 255, 255, .1)
    }
}

@media(min-width:760px) {
    .callback__form--page-top .btn--callback {
        margin: 0 0 25px 27px
    }
}

@media(min-width:760px) {
    .callback__form--page-top .checkbox {
        max-width: 100%
    }
}

@media(min-width:760px) {
    .callback__form--page-bottom {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
        max-width: 360px;
        margin: 0;
        padding-top: 11px;
        padding-left: 40px;
        border-left: 1px solid #fff
    }
}

@media(min-width:1170px) {
    .callback__form--page-bottom {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: 100%;
        padding: 50px 0 50px 125px
    }
}

@media(min-width:1170px) {
    .callback__form--page-bottom .input {
        margin: 0 0 25px
    }
}

@media(min-width:760px) {
    .callback__form--page-bottom .btn--callback {
        margin: 0 0 25px
    }
}

@media(min-width:1170px) {
    .callback__form--page-bottom .btn--callback {
        margin-left: 30px
    }
}

@media(min-width:1170px) {
    .callback__form--page-bottom .checkbox {
        max-width: 100%
    }
}

.callback__response {
    position: absolute;
    top: 0;
    left: 0;
    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;
    text-align: center;
    color: #757575;
    width: 100%;
    height: 100%;
    font-size: 20px;
    padding: 20px;
    z-index: 5;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    background: -webkit-linear-gradient(left, #ffc80a 0, #ffa203 100%);
    background: linear-gradient(to right, #ffc80a 0, #ffa203 100%);
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

.callback__response--visible {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible
}

.list {
    display: inline-block;
    margin-bottom: 35px;
    text-align: left
}

@media(min-width:760px) {
    .list {
        margin-bottom: 42px
    }
}

@media(min-width:1170px) {
    .list {
        margin-bottom: 0
    }
}

.list__item {
    position: relative;
    margin-bottom: 15px;
    padding-left: 30px;
    line-height: 1.2;
    font-size: 14px
}

@media(min-width:1170px) {
    .list__item {
        margin-bottom: 20px
    }
}

.list__item:last-of-type {
    margin-bottom: 0
}

.list__num {
    position: absolute;
    top: -4px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    border-radius: 50%;
    background-color: #ffc80a
}

.input {
    margin-bottom: 10px;
    text-align: center
}

@media(min-width:760px) {
    .input {
        margin-bottom: 15px
    }
}

.input__element {
    width: 235px;
    height: 50px;
    padding: 0 30px;
    font-size: 14px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 24px;
    outline: none;
    background-color: transparent;
    box-shadow: 0 12px 46px rgba(0, 0, 0, .31)
}

.input__element:focus {
    border-color: #ffc80a
}

.input__element--noshadow {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .31);
    color: #333
}

.input__element--full {
    width: 100%
}

.input__label {
    position: absolute;
    z-index: -99;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.checkbox {
    width: 100%;
    max-width: 235px;
    margin: 0 auto;
    text-align: left
}

@media(min-width:544px) {
    .checkbox {
        margin: 0;
        max-width: 310px
    }
}

.checkbox--header {
    margin-bottom: 22px
}

.checkbox__element {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.checkbox__element:checked~.checkbox__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='596 -596 1792 1792' fill='%23ffc80a'%3E%3Cpath d='M2239-130l-136-136c-18.7-18.7-41.3-28-68-28-26.7 0-49.3 9.3-68 28l-656 657-294-295c-18.7-18.7-41.3-28-68-28-26.7 0-49.3 9.3-68 28L745 232c-18.7 18.7-28 41.3-28 68s9.3 49.3 28 68l362 362 136 136c18.7 18.7 41.3 28 68 28 26.7 0 49.3-9.3 68-28l136-136L2239 6c18.7-18.7 28-41.3 28-68s-9.3-49.3-28-68z'/%3E%3C/svg%3E") center / contain no-repeat
}

.checkbox__label {
    position: relative;
    display: inline-block;
    padding-left: 29px;
    font-size: 10px;
    line-height: 1.4;
    cursor: pointer;
    color: rgba(255, 255, 255, .5)
}

.checkbox__label:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 16px;
    height: 16px;
    opacity: .46;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=46)";
    border: 1px solid #fff;
    border-radius: 3px
}

@media(min-width:1170px) {
    .checkbox__label a {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .checkbox__label a:hover {
        color: #ffc80a
    }
}

.checkbox__label--modal {
    color: #757575
}

.checkbox__label--modal:before {
    content: '';
    border-color: #757575
}

.compare {
    width: 100%;
    max-width: 365px;
    margin: 0 auto 50px
}

@media(min-width:544px) {
    .compare {
        max-width: 570px;
        margin-bottom: 100px
    }
}

@media(min-width:760px) {
    .compare {
        max-width: 710px
    }
}

@media(min-width:1170px) {
    .compare {
        max-width: 100%
    }
}

.compare__slider {
    width: 100%;
    height: 240px;
    margin-bottom: 25px
}

@media(min-width:544px) {
    .compare__slider {
        height: 360px
    }
}

@media(min-width:760px) {
    .compare__slider {
        height: 437px
    }
}

@media(min-width:1170px) {
    .compare__slider {
        height: 680px
    }
}

.compare__slider-item {
    overflow: hidden;
    width: 100%;
    padding-bottom: 14px
}

.compare__slider-wrap {
    position: relative;
    width: 100%;
    height: 200px;
    margin-bottom: 23px
}

@media(min-width:544px) {
    .compare__slider-wrap {
        height: 320px
    }
}

@media(min-width:760px) {
    .compare__slider-wrap {
        height: 397px
    }
}

@media(min-width:1170px) {
    .compare__slider-wrap {
        height: 640px
    }
}

.compare__img {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.compare__img img {
    height: 100%
}

.compare__img--after {
    width: 50%
}

.compare__scrollbar {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .15)
}

.compare__thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 74px;
    height: 25px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: auto;
    border-radius: 12px;
    background-color: #ffc80a
}

@media(min-width:1170px) {
    .compare__thumb {
        height: 10px;
        width: 150px;
        cursor: pointer;
        border-radius: 5px
    }
}

.compare__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.compare__btn {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0 15px;
    border: none;
    border-radius: 50%;
    outline: none;
    background-color: #ffc80a
}

.compare__btn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: hidden;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 1px solid #ffc80a;
    border-radius: 50%
}

.compare__btn--active:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.features {
    width: 100%;
    margin-bottom: 45px
}

@media(min-width:544px) {
    .features {
        margin-bottom: 100px
    }
}

@media(min-width:760px) {
    .features__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.features__column {
    max-width: 360px;
    width: 100%;
    margin: 0 auto 45px
}

@media(min-width:760px) {
    .features__column {
        width: calc(50% - 10px);
        max-width: 100%
    }
}

@media(min-width:1170px) {
    .features__column {
        width: calc(50% - 65px);
        margin: 0
    }
}

.features__column:last-of-type {
    margin-bottom: 0
}

.features__heading {
    margin-bottom: 26px;
    font-size: 18px;
    font-weight: 700
}

@media(min-width:544px) {
    .features__heading {
        margin-bottom: 32px
    }
}

.features__card {
    width: 100%;
    margin-bottom: 35px;
    text-align: left
}

@media(min-width:760px) {
    .features__card {
        min-height: 330px
    }
}

.features__card:last-of-type {
    margin-bottom: 0
}

.features__img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 217px;
    margin-bottom: 20px
}

.features__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.features__name {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.2
}

.features__text {
    position: relative;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.4;
    color: #757575
}

.features__text--minus:before {
    content: '-';
    position: absolute;
    top: 0;
    left: 0
}

.features__text--plus:before {
    content: '+';
    position: absolute;
    top: 0;
    left: 0
}

.features__count {
    display: none
}

@media(min-width:1170px) {
    .features__count-num:after {
        content: '';
        display: block;
        margin: 12px auto;
        width: 1px;
        height: 317px;
        background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="0" y2="330" stroke="%23757575" stroke-dasharray="4,4" /></svg>') center no-repeat
    }

    .features__count {
        display: block;
        padding-top: 148px
    }

    .features__count-num {
        position: relative;
        z-index: 1;
        display: inline;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        line-height: 24px;
        font-size: 12px;
        margin-top: 25px
    }

    .features__count-num:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 50px;
        height: 50px;
        z-index: -1;
        background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><circle cx="25" cy="25" r="25" fill="%23ffc80a" fill-opacity=".2" /><circle cx="25" cy="25" r="12" fill="%23ffc80a" /></svg>') center no-repeat;
        border-radius: 50%
    }

    .features__count-num:last-of-type:after {
        display: none
    }
}

.warranty {
    width: 100%;
    margin-bottom: 50px
}

@media(min-width:544px) {
    .warranty {
        margin-bottom: 100px
    }
}

.warranty__list {
    margin-bottom: 20px;
    padding: 36px 12px;
    text-align: left;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 22px rgba(0, 0, 0, .05)
}

@media(min-width:544px) {
    .warranty__list {
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        margin-bottom: 40px
    }
}

.warranty__list:last-of-type {
    margin-bottom: 0
}

@media(min-width:760px) {
    .warranty__list--small {
        display: none
    }
}

.warranty__list--full {
    display: none
}

@media(min-width:760px) {
    .warranty__list--full {
        display: block
    }
}

.warranty__item {
    margin-bottom: 27px
}

@media(min-width:544px) {
    .warranty__item {
        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;
        height: 78px;
        padding: 0 15px;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .warranty__item:last-of-type {
        border-bottom: none
    }
}

@media(min-width:1170px) {
    .warranty__item {
        -webkit-transition: background-color .3s;
        transition: background-color .3s;
        cursor: pointer
    }

    .warranty__item:hover {
        background-color: #ffc80a
    }
}

.warranty__item:last-of-type {
    margin-bottom: 0
}

.warranty__key {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.4;
    color: #000
}

@media(min-width:544px) {
    .warranty__key {
        margin-bottom: 0
    }
}

.warranty__value {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 500
}

@media(min-width:544px) {
    .warranty__value {
        width: auto;
        -ms-flex-preferred-size: 125px;
        flex-basis: 125px;
        text-align: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media(min-width:760px) {
    .warranty__value {
        -ms-flex-preferred-size: 180px;
        flex-basis: 180px
    }
}

@media(min-width:760px) {
    .warranty__value--name {
        font-size: 18px;
        font-weight: 500
    }
}

.warranty__value--no:before {
    content: 'не предусмотрено'
}

@media(min-width:544px) {
    .warranty__value--no:before {
        display: none
    }
}

@media(min-width:544px) {
    .warranty__value--no:after {
        content: '';
        display: inline-block;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        box-shadow: 0 3px 7px rgba(0, 0, 0, .15);
        background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.001 512.001'%3E%3Cpath d='M505.922 476.567L285.355 256 505.92 35.435c8.106-8.105 8.106-21.248 0-29.354-8.105-8.105-21.248-8.105-29.354 0L256 226.647 35.435 6.08c-8.105-8.105-21.248-8.105-29.354 0-8.106 8.106-8.106 21.25 0 29.355L226.646 256 6.08 476.567c-8.106 8.106-8.106 21.248 0 29.354 8.105 8.106 21.248 8.107 29.354 0L256 285.355 476.57 505.92c8.105 8.106 21.248 8.107 29.354 0s8.106-21.247 0-29.353z'/%3E%3C/svg%3E") center / 11px no-repeat
    }
}

.warranty__value--yes:before {
    content: 'предусмотрено'
}

@media(min-width:544px) {
    .warranty__value--yes:before {
        display: none
    }
}

@media(min-width:544px) {
    .warranty__value--yes:after {
        content: '';
        display: inline-block;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        box-shadow: 0 3px 7px rgba(0, 0, 0, .15);
        background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M504.502 75.496c-9.997-9.998-26.205-9.998-36.204 0L161.594 382.203 43.702 264.31c-9.997-9.997-26.205-9.996-36.204 0-9.998 9.998-9.998 26.206 0 36.204l135.994 135.992c9.994 9.997 26.214 9.99 36.204 0L504.502 111.7c9.998-9.997 9.997-26.206 0-36.204z'/%3E%3C/svg%3E") center / 16px no-repeat
    }
}

.map {
    width: 100%;
    margin-bottom: 50px
}

@media(min-width:544px) {
    .map {
        margin-bottom: 100px
    }
}

.map__text {
    max-width: 300px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.4
}

@media(min-width:1170px) {
    .map__text {
        display: none
    }
}

.map__wrap {
    display: none
}

@media(min-width:544px) {
    .map__wrap {
        display: block
    }
}

@media(min-width:1170px) {
    .map__wrap {
        position: relative
    }
}

.map__legend {
    display: none
}

@media(min-width:1170px) {
    .map__legend {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media(min-width:1170px) {
    .map__pin {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><circle cx="8" cy="8" r="4" fill="%23ffffff" fill-opacity=".5" /><circle cx="8" cy="8" r="2" fill="%23ffffff" /></svg>') center no-repeat
    }

    .map__pin--chelyabinsk {
        left: 303px;
        bottom: 212px
    }
}

.awards {
    width: 100%;
    margin-bottom: 24px
}

@media(min-width:544px) {
    .awards {
        margin-bottom: 100px
    }
}

@media(min-width:544px) {
    .awards__wrap {
        max-width: 495px;
        margin: 0 auto
    }
}

@media(min-width:760px) {
    .awards__wrap {
        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;
        max-width: 100%
    }
}

.awards__item {
    width: 232px;
    margin: 0 auto 26px
}

@media(min-width:544px) {
    .awards__item {
        display: inline-block;
        vertical-align: top
    }

    .awards__item:first-of-type {
        margin-right: 30px
    }
}

@media(min-width:760px) {
    .awards__item {
        margin: 0 30px 0 0;
        width: calc(33.3% - 20px)
    }

    .awards__item:nth-of-type(3n) {
        margin-right: 0
    }
}

@media(min-width:1170px) {
    .awards__item {
        position: relative
    }
}

.awards__item:last-of-type {
    margin-bottom: 0
}

.awards__img {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 7px
}

.awards__img img {
    width: 100%;
    height: auto
}

@media(min-width:1170px) {
    .awards__img:before {
        content: '';
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
        transition: opacity .5s, visibility .5s, -webkit-transform .5s;
        -webkit-transition: opacity .5s, visibility .5s, -webkit-transform .5s;
        transition: opacity .5s, visibility .5s, transform .5s;
        transition: opacity .5s, visibility .5s, transform .5s, -webkit-transform .5s;
        background: rgba(0, 0, 0, .8) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 620.692 620.692'%3E%3Cpath d='M605.232 555.85L479.167 429.787c35.49-45.192 56.852-102.025 56.852-163.947C536.02 119.02 417 0 270.18 0S4.34 119.02 4.34 265.84c0 146.818 119.02 265.838 265.84 265.838 57.477 0 110.53-18.42 154.015-49.428l127.317 127.318c14.83 14.83 38.87 14.83 53.7 0 14.85-14.83 14.85-38.887.02-53.717zM417.778 399.558c-5.07 1.842-9.894 4.538-13.957 8.62-3.74 3.74-6.512 8.07-8.373 12.685-34.236 27.704-77.796 44.357-125.267 44.357-110.115 0-199.38-89.266-199.38-199.38S160.066 66.46 270.18 66.46s199.38 89.265 199.38 199.38c0 51.515-19.71 98.322-51.782 133.717z'/%3E%3C/svg%3E") center / 30px no-repeat
    }

    .awards__img:hover:before {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        visibility: visible;
        -webkit-transform: none;
        transform: none
    }
}

.awards__descr {
    text-align: left;
    font-size: 14px;
    line-height: 1.4
}

.contacts {
    position: relative;
    width: 100%;
    height: 412px
}

@media(min-width:544px) {
    .contacts {
        height: 566px
    }
}

@media(min-width:760px) {
    .contacts {
        height: 666px
    }
}

.contacts__map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eee
}

.contacts__marker {
    position: absolute;
    top: 50%;
    left: 80%;
    width: calc(100% - 30px);
    max-width: 458px;
    padding: 57px 28px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    background-color: #fff;
    box-shadow: 0 22px 46px 5px rgba(0, 0, 0, .16)
}

@media(min-width:760px) {
    .contacts__marker {
        top: 150px;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media(min-width:760px) {
    .contacts__marker {
        top: 180px
    }
}

.contacts__marker:after {
    /* content: ''; */
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 62px;
    height: 20px;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><polygon fill="%23ffffff" points="0,0 62,0 31,20" /></svg>') center no-repeat
}

.contacts__text {
    position: relative;
    margin-bottom: 7px;
    padding-left: 1px;
    font-size: 17px;
    line-height: 1.2
}

.contacts__text:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 14px;
    height: 14px
}

.contacts__text--address:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 491.582 491.582' fill='%23ffc80a'%3E%3Cpath d='M245.79 0C153.8 0 78.958 74.84 78.958 166.833c0 36.967 21.764 93.187 68.493 176.926 31.887 57.137 63.627 105.4 64.966 107.432l22.94 34.773c2.314 3.507 6.233 5.617 10.435 5.617s8.122-2.11 10.435-5.617l22.94-34.77c1.326-2.01 32.835-49.856 64.967-107.436 46.73-83.736 68.493-139.956 68.493-176.927C412.625 74.84 337.783 0 245.79 0zm76.512 331.576c-31.685 56.775-62.696 103.87-64.003 105.848l-12.51 18.96-12.503-18.955c-1.314-1.996-32.563-49.512-64.007-105.854-43.345-77.676-65.323-133.104-65.323-164.743C103.957 88.626 167.583 25 245.79 25s141.835 63.626 141.835 141.833c0 31.643-21.978 87.07-65.323 164.743z'/%3E%3Cpath d='M245.79 73.29c-51.004 0-92.5 41.497-92.5 92.5s41.496 92.5 92.5 92.5 92.5-41.495 92.5-92.5-41.494-92.5-92.5-92.5zm0 160c-37.22 0-67.5-30.28-67.5-67.5s30.28-67.5 67.5-67.5c37.222 0 67.5 30.28 67.5 67.5s-30.278 67.5-67.5 67.5z'/%3E%3C/svg%3E") center / contain no-repeat
}

.contacts__text--phone:before {
    top: 0;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffc80a' viewBox='0 0 29.731 29.731'%3E%3Cpath d='M23.895 29.73c-1.237 0-2.73-.31-4.374-.93-3.6-1.357-7.52-4.04-11.034-7.555C4.97 17.73 2.286 13.81.928 10.208-.307 6.933-.31 4.245.92 3.015c.178-.177.358-.367.544-.563 1.123-1.18 2.392-2.51 4.074-2.45C6.698.05 7.82.77 8.97 2.202c3.398 4.225 1.866 5.73.093 7.477l-.313.31c-.29.29-.838 1.632 4.26 6.73 1.664 1.664 3.083 2.882 4.217 3.62.714.463 1.99 1.165 2.515.64l.315-.317c1.744-1.77 3.25-3.296 7.473.1 1.43 1.15 2.15 2.27 2.198 3.432.07 1.68-1.27 2.953-2.452 4.075-.195.186-.385.366-.562.542-.61.612-1.588.92-2.82.92zM5.418 1c-1.195 0-2.274 1.136-3.23 2.14-.19.203-.377.4-.56.582-.917.916-.824 3.323.236 6.134 1.31 3.472 3.913 7.266 7.33 10.683 3.416 3.414 7.208 6.017 10.68 7.326 2.812 1.062 5.22 1.152 6.134.237.183-.183.38-.37.58-.56 1.028-.976 2.193-2.082 2.142-3.31-.035-.842-.65-1.75-1.825-2.694-3.52-2.83-4.503-1.832-6.135-.177l-.32.323c-.78.78-2.047.608-3.767-.51-1.193-.776-2.667-2.038-4.38-3.75-4.23-4.23-5.583-6.82-4.26-8.147l.32-.316c1.66-1.632 2.66-2.617-.17-6.138C7.244 1.65 6.338 1.036 5.495 1h-.078z'/%3E%3C/svg%3E") center / contain no-repeat
}

.modal {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    padding: 50px 15px;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background-color: rgba(0, 0, 0, .7)
}

.modal--visible {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.modal__close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    border: none;
    outline: none;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffc80a' viewBox='0 0 611.979 611.979'%3E%3Cpath d='M356.78 305.982l244.673-244.67c14.033-14.034 14.033-36.772 0-50.775-14.004-14.033-36.74-14.033-50.774 0l-244.673 244.67-244.73-244.67c-14.004-14.034-36.77-14.034-50.774 0C-3.5 24.54-3.5 47.276 10.503 61.31l244.7 244.672-244.7 244.702c-14.004 14.004-14.004 36.77 0 50.774 7.016 7.017 16.216 10.51 25.387 10.51 9.2 0 18.37-3.493 25.387-10.51l244.7-244.7 244.672 244.7c7.016 7.017 16.216 10.51 25.387 10.51 9.2 0 18.4-3.493 25.387-10.51 14.033-14.033 14.033-36.77 0-50.774L356.78 305.982z'/%3E%3C/svg%3E") center / contain no-repeat
}

.lightbox {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 80px 0;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background-color: rgba(0, 0, 0, .7)
}

@media(min-height:550px) {
    .lightbox {
        padding: 0
    }
}

.lightbox--visible {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.lightbox__wrap {
    width: 100%
}

@media(min-height:550px) {
    .lightbox__wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.lightbox__img {
    max-width: calc(100% - 30px);
    max-height: 75vh;
    height: auto;
    margin-bottom: 10px
}

.lightbox__text {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: left;
    font-size: 14px;
    color: #fff
}

.video {
    width: 100%;
    margin-bottom: 50px
}

.video__wrap {
    position: relative;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 56.25%
}

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

@media(min-width:544px) {
    .video {
        margin-bottom: 100px
    }
}

@media(min-width:1170px) {
    .video {
        margin-bottom: 145px
    }
}

.footer {
    padding: 30px 0 30px;
    background-color: #252525
}

@media(min-width:544px) {
    .footer {
        position: relative;
        padding: 35px 0
    }
}

.footer__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    text-align: left;
    font-size: 12px;
    color: #fff
}

@media(min-width:544px) {
    .footer__wrap {
        /* max-width: 285px; */
        margin: 0
    }
}

@media(min-width:1170px) {
    .footer__wrap {
        position: relative;
        /* max-width: 1170px; */
        margin: 0 auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.footer__logo {
    display: block;
    margin-bottom: 0;
    margin-top: 0;
}

@media(min-width:544px) {
    .footer__logo {
        margin-bottom: 0
    }
}

@media(min-width:1170px) {
    .footer__logo {
        margin-right: 10px
    }
}

@media(min-width:544px) {
    .footer__copy {
        position: static;
        right: 15px;
        top: 35px;
        width: 135px;
        text-align: center;
    }
}

@media(min-width:1170px) {
    .footer__copy {
        position: static;
        top: 50%;
        left: 50%;
        right: auto;
        right: initial;
        text-align: center;
        /* -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%) */
    }
}

.footer__right {
    padding-top: 14px
}

@media(min-width:544px) {
    .footer__right {
        padding: 0
    }
}

.footer__code {
    display: block;
    margin-bottom: 10px
}

@media(min-width:544px) {
    .footer__code {
        margin-bottom: 6px
    }
}

.footer__code:last-of-type {
    margin-bottom: 0
}

.footer__dev {
    position: absolute;
    bottom: 28px;
    left: 0;
    width: 100%;
    padding-left: 15px
}

@media(min-width:544px) {
    .footer__dev {
        bottom: auto;
        bottom: initial;
        left: auto;
        left: initial;
        right: 15px;
        top: 50px;
        width: 135px;
        padding: 0;
        line-height: 1.4
    }
}

@media(min-width:1170px) {
    .footer__dev {
        position: absolute;
        top: 50%;
        width: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.loader {
    display: none;
}

.footer__left {
    display: flex;
    width: 100%;
    justify-content: space-between;
    /* flex-direction: column; */
    align-items: center;
    gap: 24px;
}