@font-face {
    font-family: "Geometria";
    src: url("../fonts/Geometria-Narrow.eot");
    src: local("☺"), url("../fonts/Geometria-Narrow.woff") format("woff"), url("../fonts/Geometria-Narrow.ttf") format("truetype");
    font-weight: 400;
    font-style:normal
}

@font-face {
    font-family: "Geometria";
    src: url("../fonts/Geometria-NarrowBold.eot");
    src: local("☺"), url("../fonts/Geometria-NarrowBold.woff") format("woff"), url("../fonts/Geometria-NarrowBold.ttf") format("truetype");
    font-weight: 700;
    font-style:normal
}

@font-face {
    font-family: "Canela";
    src: local("☺"), url("../fonts/Canela Condensed-Light-Desktop.woff") format("woff");
    font-weight: 300;
    font-style:normal
}

* {
    padding: 0;
    margin: 0;
    border:0
}

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

:focus, :active {
    outline:none
}

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

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

html, body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust:100%
}

input, button, textarea {
    font-family:inherit
}

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

button {
    cursor:pointer
}

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

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

a:hover {
    text-decoration:none
}

ul li {
    list-style:none
}

img {
    vertical-align:top
}

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

button {
    background:unset
}

html, body {
    height: 100%;
    background: #fcbe0c;
    font-family: "Geometria"
}

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

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

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex:0 0 auto
}

.container {
    max-width: 1720px;
    margin: 0 auto;
    padding: 0 35px;
    padding-left: 35px;
    padding-right: 35px;
    padding-left: 20px;
    padding-right:20px
}

@media (max-width: 1280px) {
    .container {
        padding-left:calc(20px + 15 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .container {
        padding-right:calc(20px + 15 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .container {
        padding-left:calc(15px + 5 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .container {
        padding-left:15px
    }
}

@media (max-width: 768px) {
    .container {
        padding-right:calc(15px + 5 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .container {
        padding-right:15px
    }
}

.big-container {
    max-width: 1420px;
    margin: 0 auto;
    padding:0 15px
}

.logo {
    width: 340px;
    height: 67px;
    display: block;
    width: 340px;
    width: 340px;
    width: 240px;
    height: 67px;
    height: 67px;
    height:48px
}

@media (max-width: 1650px) {
    .logo {
        width:calc(340px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .logo {
        width:340px
    }
}

@media (max-width: 1280px) {
    .logo {
        width:calc(240px + 100 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .logo {
        width:calc(220px + 20 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .logo {
        width:220px
    }
}

@media (max-width: 1650px) {
    .logo {
        height:calc(67px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .logo {
        height:67px
    }
}

@media (max-width: 1280px) {
    .logo {
        height:calc(48px + 19 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .logo {
        height:calc(42px + 6 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .logo {
        height:42px
    }
}

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

.header {
    padding: 20px 20px 40px 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin-bottom: 55px;
    background: #fcbe0c;
    -webkit-box-shadow: 0px 20px 21px 0px #fcbe0c;
    box-shadow: 0px 20px 21px 0px #fcbe0c;
    z-index:100
}

.header__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%)
}

.header__wrapper {
    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
}

.header__burger {
    display:none
}

.menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap:10px
}

.menu__list-link {
    color: #313131;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.2px;
    padding: 11px 32px;
    border-radius: 16px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    font-size: 20px;
    font-size: 20px;
    font-size: 16px;
    line-height: 32px;
    line-height: 32px;
    line-height: 28px;
    letter-spacing: -0.2px;
    letter-spacing: -0.2px;
    letter-spacing:-0.16px
}

.menu__list-link:hover {
    background:rgba(255, 255, 255, .4)
}

@media (max-width: 1650px) {
    .menu__list-link {
        font-size:calc(20px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .menu__list-link {
        font-size:20px
    }
}

@media (max-width: 1280px) {
    .menu__list-link {
        font-size:calc(16px + 4 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .menu__list-link {
        font-size:calc(16px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .menu__list-link {
        font-size:16px
    }
}

@media (max-width: 1650px) {
    .menu__list-link {
        line-height:calc(32px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .menu__list-link {
        line-height:32px
    }
}

@media (max-width: 1280px) {
    .menu__list-link {
        line-height:calc(28px + 4 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .menu__list-link {
        line-height:calc(28px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .menu__list-link {
        line-height:28px
    }
}

@media (max-width: 1650px) {
    .menu__list-link {
        letter-spacing:calc(-0.2px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .menu__list-link {
        letter-spacing:-0.2px
    }
}

@media (max-width: 1280px) {
    .menu__list-link {
        letter-spacing:calc(-0.16px + -0.04 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .menu__list-link {
        letter-spacing:calc(-0.16px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .menu__list-link {
        letter-spacing:-0.16px
    }
}

.cnt__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap:10px
}

.cnt__list-item {
    width: 56px;
    height: 48px;
    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;
    border-radius: 16px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    cursor:pointer
}

.cnt__list-item:hover {
    background:rgba(255, 255, 255, .4)
}

.cnt__list-item:hover:nth-child(1) {
    background:rgba(0, 0, 0, 0)
}

.cnt__list-item:hover:nth-child(1) a {
    background:rgba(255, 255, 255, .4)
}

.cnt__list-item:nth-child(1) {
    width: unset;
    height:unset
}

.cnt__list-item:nth-child(1) .cnt__list-link {
    color: #313131;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.2px;
    padding: 11px 32px;
    border-radius: 16px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    font-size: 20px;
    font-size: 20px;
    font-size: 16px;
    line-height: 32px;
    line-height: 32px;
    line-height: 28px;
    letter-spacing: -0.2px;
    letter-spacing: -0.2px;
    letter-spacing:-0.16px
}

@media (max-width: 1650px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        font-size:calc(20px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        font-size:20px
    }
}

@media (max-width: 1280px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        font-size:calc(16px + 4 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        font-size:calc(16px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        font-size:16px
    }
}

@media (max-width: 1650px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        line-height:calc(32px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        line-height:32px
    }
}

@media (max-width: 1280px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        line-height:calc(28px + 4 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        line-height:calc(28px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        line-height:28px
    }
}

@media (max-width: 1650px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        letter-spacing:calc(-0.2px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        letter-spacing:-0.2px
    }
}

@media (max-width: 1280px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        letter-spacing:calc(-0.16px + -0.04 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        letter-spacing:calc(-0.16px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .cnt__list-item:nth-child(1) .cnt__list-link {
        letter-spacing:-0.16px
    }
}

.heading {
    padding-top: 160px;
    margin-bottom: 95px;
    padding-top: 160px;
    padding-top: 160px;
    padding-top: 140px;
    margin-bottom: 95px;
    margin-bottom: 95px;
    margin-bottom:50px
}

@media (max-width: 1650px) {
    .heading {
        padding-top:calc(160px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .heading {
        padding-top:160px
    }
}

@media (max-width: 1280px) {
    .heading {
        padding-top:calc(140px + 20 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .heading {
        padding-top:calc(105px + 35 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .heading {
        padding-top:105px
    }
}

@media (max-width: 1650px) {
    .heading {
        margin-bottom:calc(95px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .heading {
        margin-bottom:95px
    }
}

@media (max-width: 1280px) {
    .heading {
        margin-bottom:calc(50px + 45 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .heading {
        margin-bottom:calc(40px + 10 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .heading {
        margin-bottom:40px
    }
}

.heading__title {
    margin-bottom: 30px;
    color: #000;
    font-size: 128px;
    font-weight: 300;
    line-height: 110px;
    font-family: "Canela";
    font-size: 128px;
    font-size: 120px;
    font-size: 100px;
    line-height: 134px;
    line-height: 126px;
    line-height: 106px;
    margin-bottom:30px
}

@media (max-width: 1650px) {
    .heading__title {
        font-size:calc(120px + 8 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .heading__title {
        font-size:128px
    }
}

@media (max-width: 1280px) {
    .heading__title {
        font-size:calc(100px + 20 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .heading__title {
        font-size:calc(64px + 36 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .heading__title {
        font-size:64px
    }
}

@media (max-width: 1650px) {
    .heading__title {
        line-height:calc(126px + 8 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .heading__title {
        line-height:134px
    }
}

@media (max-width: 1280px) {
    .heading__title {
        line-height:calc(106px + 20 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .heading__title {
        line-height:calc(70px + 36 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .heading__title {
        line-height:70px
    }
}

@media (max-width: 768px) {
    .heading__title {
        margin-bottom:calc(20px + 10 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .heading__title {
        margin-bottom:20px
    }
}

.heading__title span {
    display:none
}

.heading__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap:30px
}

.heading__body {
    max-width:700px
}

.heading__body-title {
    font-family: "Canela";
    color: #000;
    font-size: 128px;
    font-weight: 300;
    line-height: 110px;
    margin-bottom: 30px;
    font-size: 128px;
    font-size: 120px;
    font-size: 100px;
    line-height: 134px;
    line-height: 126px;
    line-height:106px
}

@media (max-width: 1650px) {
    .heading__body-title {
        font-size:calc(120px + 8 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .heading__body-title {
        font-size:128px
    }
}

@media (max-width: 1280px) {
    .heading__body-title {
        font-size:calc(100px + 20 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .heading__body-title {
        font-size:calc(64px + 36 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .heading__body-title {
        font-size:64px
    }
}

@media (max-width: 1650px) {
    .heading__body-title {
        line-height:calc(126px + 8 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .heading__body-title {
        line-height:134px
    }
}

@media (max-width: 1280px) {
    .heading__body-title {
        line-height:calc(106px + 20 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .heading__body-title {
        line-height:calc(70px + 36 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .heading__body-title {
        line-height:70px
    }
}

.heading__body-text {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 26;
    letter-spacing: -0.24px;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.24px;
    font-size: 20px;
    line-height: 22px;
    letter-spacing:-0.2px
}

@media (max-width: 1280px) {
    .heading__body-text {
        font-size:calc(20px + 4 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .heading__body-text {
        line-height:calc(22px + 4 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .heading__body-text {
        letter-spacing:calc(-0.2px + -0.04 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .heading__body-text {
        font-size:calc(20px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .heading__body-text {
        font-size:20px
    }
}

@media (max-width: 768px) {
    .heading__body-text {
        line-height:calc(22px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .heading__body-text {
        line-height:22px
    }
}

@media (max-width: 768px) {
    .heading__body-text {
        letter-spacing:calc(-0.2px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .heading__body-text {
        letter-spacing:-0.2px
    }
}

.heading__img {
    width: 100%;
    max-width: 916px;
    height: 500px;
    min-width: 916px;
    max-width: 916px;
    max-width: 622px;
    min-width: 916px;
    min-width: 622px;
    height: 500px;
    height: 380px;
    height:380px
}

@media (max-width: 1650px) {
    .heading__img {
        max-width:calc(622px + 294 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .heading__img {
        max-width:916px
    }
}

@media (max-width: 1280px) {
    .heading__img {
        max-width:calc(622px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1650px) {
    .heading__img {
        min-width:calc(622px + 294 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .heading__img {
        min-width:916px
    }
}

@media (max-width: 1280px) {
    .heading__img {
        min-width:calc(622px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1650px) {
    .heading__img {
        height:calc(380px + 120 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .heading__img {
        height:500px
    }
}

@media (max-width: 1280px) {
    .heading__img {
        height:calc(380px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .heading__img {
        height:calc(250px + 130 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .heading__img {
        height:170px
    }
}

.heading__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius:20px
}

.catalog {
    margin-bottom: 120px;
    margin-bottom: 120px;
    margin-bottom: 80px;
    margin-bottom:35px
}

@media (max-width: 1650px) {
    .catalog {
        margin-bottom:calc(80px + 40 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .catalog {
        margin-bottom:120px
    }
}

@media (max-width: 1280px) {
    .catalog {
        margin-bottom:calc(35px + 45 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .catalog {
        margin-bottom:calc(55px + -20 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .catalog {
        margin-bottom:55px
    }
}

.catalog__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 32px;
    -webkit-column-gap: 26px;
    -moz-column-gap: 26px;
    column-gap: 26px;
    column-gap: 26px;
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap:30px
}

@media (max-width: 1650px) {
    .catalog__inner {
        -webkit-column-gap: calc(18px + 8 *((100vw - 1280px) / 370));
        -moz-column-gap: calc(18px + 8 *((100vw - 1280px) / 370));
        column-gap:calc(18px + 8 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .catalog__inner {
        -webkit-column-gap: 26px;
        -moz-column-gap: 26px;
        column-gap:26px
    }
}

@media (max-width: 1280px) {
    .catalog__inner {
        -webkit-column-gap: calc(30px + -12 *((100vw - 768px) / 512));
        -moz-column-gap: calc(30px + -12 *((100vw - 768px) / 512));
        column-gap:calc(30px + -12 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .catalog__inner {
        -webkit-column-gap: calc(30px + 0 *((100vw - 375px) / 393));
        -moz-column-gap: calc(30px + 0 *((100vw - 375px) / 393));
        column-gap:calc(30px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .catalog__inner {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap:30px
    }
}

.card {
    padding: 20px;
    border-radius: 16px;
    background: #fed153;
    height: 500px;
    min-height: 500px;
    max-width: 500px;
    overflow: hidden;
    position: relative;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    height: 500px;
    min-height: 500px;
    height: 500px;
    min-height: 500px;
    height: 440px;
    min-height:440px
}

@media (max-width: 1650px) {
    .card {
        height:calc(500px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card {
        height:500px
    }
}

@media (max-width: 1650px) {
    .card {
        min-height:calc(500px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card {
        min-height:500px
    }
}

@media (max-width: 1280px) {
    .card {
        height:calc(440px + 60 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .card {
        min-height:calc(440px + 60 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .card {
        height:calc(440px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card {
        height:440px
    }
}

@media (max-width: 768px) {
    .card {
        min-height:calc(440px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card {
        min-height:440px
    }
}

.card:nth-child(1) .card__img {
    height: 380px;
    height: 380px;
    height: 305px;
    height:305px
}

@media (max-width: 1650px) {
    .card:nth-child(1) .card__img {
        height:calc(305px + 75 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card:nth-child(1) .card__img {
        height:380px
    }
}

@media (max-width: 1280px) {
    .card:nth-child(1) .card__img {
        height:calc(305px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .card:nth-child(1) .card__img {
        height:calc(305px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card:nth-child(1) .card__img {
        height:305px
    }
}

.card:hover {
    background:#fff
}

.card:hover .card__wrapper {
    opacity:1
}

.card:hover .card__images {
    opacity:0
}

.card:hover .card__suptext {
    opacity:0
}

.card__wrapper {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition:opacity .3s
}

.card__top {
    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;
    gap:10px
}

.card__top-title {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.32px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.32px;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.32px;
    font-size: 28px;
    line-height: 30px;
    letter-spacing:-0.28px
}

@media (max-width: 1650px) {
    .card__top-title {
        font-size:calc(32px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__top-title {
        font-size:32px
    }
}

@media (max-width: 1650px) {
    .card__top-title {
        line-height:calc(34px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__top-title {
        line-height:34px
    }
}

@media (max-width: 1650px) {
    .card__top-title {
        letter-spacing:calc(-0.32px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__top-title {
        letter-spacing:-0.32px
    }
}

@media (max-width: 1280px) {
    .card__top-title {
        font-size:calc(28px + 4 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .card__top-title {
        line-height:calc(30px + 4 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .card__top-title {
        letter-spacing:calc(-0.28px + -0.04 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .card__top-title {
        font-size:calc(28px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__top-title {
        font-size:28px
    }
}

@media (max-width: 768px) {
    .card__top-title {
        line-height:calc(30px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__top-title {
        line-height:30px
    }
}

@media (max-width: 768px) {
    .card__top-title {
        letter-spacing:calc(-0.28px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__top-title {
        letter-spacing:-0.28px
    }
}

.card__top-info {
    width: 48px;
    height: 42px;
    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;
    border-radius: 12px;
    background:rgba(255, 255, 255, .4)
}

.card__suptext {
    color: #000;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.6px;
    padding-top: 10px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.6px;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.6px;
    font-size: 16px;
    line-height: 18px;
    letter-spacing:-0.16px
}

@media (max-width: 1650px) {
    .card__suptext {
        font-size:calc(20px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__suptext {
        font-size:20px
    }
}

@media (max-width: 1650px) {
    .card__suptext {
        line-height:calc(22px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__suptext {
        line-height:22px
    }
}

@media (max-width: 1650px) {
    .card__suptext {
        letter-spacing:calc(-0.6px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__suptext {
        letter-spacing:-0.6px
    }
}

@media (max-width: 1280px) {
    .card__suptext {
        font-size:calc(16px + 4 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .card__suptext {
        line-height:calc(18px + 4 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .card__suptext {
        letter-spacing:calc(-0.16px + -0.44 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .card__suptext {
        font-size:calc(16px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__suptext {
        font-size:16px
    }
}

@media (max-width: 768px) {
    .card__suptext {
        line-height:calc(18px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__suptext {
        line-height:18px
    }
}

@media (max-width: 768px) {
    .card__suptext {
        letter-spacing:calc(-0.16px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__suptext {
        letter-spacing:-0.16px
    }
}

.card__img {
    padding-top: 20px;
    height: 220px;
    min-height: 220px;
    padding-top: 20px;
    height: 220px;
    min-height: 220px;
    padding-top: 20px;
    height: 220px;
    min-height: 220px;
    padding-top: 15px;
    height: 195px;
    min-height:195px
}

@media (max-width: 1650px) {
    .card__img {
        padding-top:calc(20px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__img {
        padding-top:20px
    }
}

@media (max-width: 1650px) {
    .card__img {
        height:calc(220px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__img {
        height:220px
    }
}

@media (max-width: 1650px) {
    .card__img {
        min-height:calc(220px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__img {
        min-height:220px
    }
}

@media (max-width: 1280px) {
    .card__img {
        padding-top:calc(15px + 5 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .card__img {
        height:calc(195px + 25 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .card__img {
        min-height:calc(195px + 25 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .card__img {
        padding-top:calc(15px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__img {
        padding-top:15px
    }
}

@media (max-width: 768px) {
    .card__img {
        height:calc(195px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__img {
        height:195px
    }
}

@media (max-width: 768px) {
    .card__img {
        min-height:calc(195px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__img {
        min-height:195px
    }
}

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

.card__size {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.2px;
    padding-top: 20px;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.2px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.18px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing:-0.18px
}

@media (max-width: 1650px) {
    .card__size {
        font-size:calc(18px + 2 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__size {
        font-size:20px
    }
}

@media (max-width: 1650px) {
    .card__size {
        line-height:calc(20px + 2 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__size {
        line-height:22px
    }
}

@media (max-width: 1650px) {
    .card__size {
        letter-spacing:calc(-0.18px + -0.02 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__size {
        letter-spacing:-0.2px
    }
}

@media (max-width: 1280px) {
    .card__size {
        font-size:calc(18px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .card__size {
        line-height:calc(20px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .card__size {
        letter-spacing:calc(-0.18px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .card__size {
        font-size:calc(18px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__size {
        font-size:18px
    }
}

@media (max-width: 768px) {
    .card__size {
        line-height:calc(20px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__size {
        line-height:20px
    }
}

@media (max-width: 768px) {
    .card__size {
        letter-spacing:calc(-0.18px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__size {
        letter-spacing:-0.18px
    }
}

.card__text {
    color: #000;
    font-size: 20px;
    padding-top: 20px;
    line-height: 20px;
    letter-spacing: -0.2px;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.2px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.18px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing:-0.18px
}

@media (max-width: 1650px) {
    .card__text {
        font-size:calc(18px + 2 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__text {
        font-size:20px
    }
}

@media (max-width: 1650px) {
    .card__text {
        line-height:calc(18px + 4 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__text {
        line-height:22px
    }
}

@media (max-width: 1650px) {
    .card__text {
        letter-spacing:calc(-0.18px + -0.02 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__text {
        letter-spacing:-0.2px
    }
}

@media (max-width: 1280px) {
    .card__text {
        font-size:calc(18px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .card__text {
        line-height:calc(20px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) {
    .card__text {
        letter-spacing:calc(-0.18px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .card__text {
        font-size:calc(18px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__text {
        font-size:18px
    }
}

@media (max-width: 768px) {
    .card__text {
        line-height:calc(20px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__text {
        line-height:20px
    }
}

@media (max-width: 768px) {
    .card__text {
        letter-spacing:calc(-0.18px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__text {
        letter-spacing:-0.18px
    }
}

.card__images {
    padding-top: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition:opacity .3s
}

.card__images-image {
    width: 100%;
    height: 150px;
    -o-object-fit: contain;
    object-fit: contain;
    height: 150px;
    height: 150px;
    height:120px
}

@media (max-width: 1650px) {
    .card__images-image {
        height:calc(150px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .card__images-image {
        height:150px
    }
}

@media (max-width: 1280px) {
    .card__images-image {
        height:calc(120px + 30 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .card__images-image {
        height:calc(120px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .card__images-image {
        height:120px
    }
}

.about {
    margin-bottom: 140px;
    margin-bottom: 140px;
    margin-bottom: 140px;
    margin-bottom:120px
}

@media (max-width: 1650px) {
    .about {
        margin-bottom:calc(140px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .about {
        margin-bottom:140px
    }
}

@media (max-width: 1280px) {
    .about {
        margin-bottom:calc(120px + 20 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .about {
        margin-bottom:calc(55px + 65 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .about {
        margin-bottom:55px
    }
}

.about__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    gap: 40px;
    gap: 40px;
    gap:30px
}

@media (max-width: 1650px) {
    .about__inner {
        gap:calc(40px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .about__inner {
        gap:40px
    }
}

@media (max-width: 1280px) {
    .about__inner {
        gap:calc(30px + 10 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .about__inner {
        gap:calc(30px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .about__inner {
        gap:30px
    }
}

.about__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    max-width: 800px;
    gap:40px
}

.about__body-text {
    color: #000;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.24px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 24px;
    font-size: 24px;
    font-size: 20px;
    line-height: 26px;
    line-height: 26px;
    line-height: 22px;
    letter-spacing: -0.24px;
    letter-spacing: -0.24px;
    letter-spacing:-0.2px
}

@media (max-width: 1650px) {
    .about__body-text {
        font-size:calc(24px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .about__body-text {
        font-size:24px
    }
}

@media (max-width: 1280px) {
    .about__body-text {
        font-size:calc(20px + 4 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .about__body-text {
        font-size:calc(20px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .about__body-text {
        font-size:20px
    }
}

@media (max-width: 1650px) {
    .about__body-text {
        line-height:calc(26px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .about__body-text {
        line-height: 30px;
    }
}

@media (max-width: 1280px) {
    .about__body-text {
        line-height:calc(22px + 4 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .about__body-text {
        line-height:calc(22px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .about__body-text {
        line-height:22px
    }
}

@media (max-width: 1650px) {
    .about__body-text {
        letter-spacing:calc(-0.24px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .about__body-text {
        letter-spacing:-0.24px
    }
}

@media (max-width: 1280px) {
    .about__body-text {
        letter-spacing:calc(-0.2px + -0.04 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .about__body-text {
        letter-spacing:calc(-0.2px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .about__body-text {
        letter-spacing:-0.2px
    }
}

.about__body-text:last-child {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow:unset
}

.about__body-text span {
    font-weight:700
}

.about__img {
    width: 100%;
    max-width: 808px;
    border-radius: 10px;
    height: 434px;
    height: 434px;
    height: 434px;
    height:340px
}

@media (max-width: 1650px) {
    .about__img {
        height:calc(434px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .about__img {
        height:434px
    }
}

@media (max-width: 1280px) {
    .about__img {
        height:calc(340px + 94 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .about__img {
        height:calc(250px + 90 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .about__img {
        height:250px
    }
}

.about__img-image {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit:cover
}

.contact {
    margin-bottom: 140px;
    margin-bottom: 140px;
    margin-bottom: 120px;
    margin-bottom:66px
}

@media (max-width: 1650px) {
    .contact {
        margin-bottom:calc(120px + 20 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contact {
        margin-bottom:140px
    }
}

@media (max-width: 1280px) {
    .contact {
        margin-bottom:calc(65px + 55 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contact {
        margin-bottom:calc(65px + 1 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contact {
        margin-bottom:65px
    }
}

.contact__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    gap: 40px;
    gap: 40px;
    gap:30px
}

@media (max-width: 1650px) {
    .contact__inner {
        gap:calc(40px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contact__inner {
        gap:40px
    }
}

@media (max-width: 1280px) {
    .contact__inner {
        gap:calc(30px + 10 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contact__inner {
        gap:calc(30px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contact__inner {
        gap:30px
    }
}

.contact__img {
    width: 100%;
    height: 500px;
    height: 500px;
    height: 500px;
    height:340px
}

@media (max-width: 1650px) {
    .contact__img {
        height:calc(500px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contact__img {
        height:500px
    }
}

@media (max-width: 1280px) {
    .contact__img {
        height:calc(340px + 160 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contact__img {
        height:calc(250px + 90 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contact__img {
        height:250px
    }
}

.contact__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius:20px
}

.contact__wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column
}

.contact__title {
    color: #000;
    font-size: 64px;
    font-weight: 700;
    line-height: 69px;
    letter-spacing: -1.92px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 64px;
    font-size: 64px;
    font-size: 64px;
    line-height: 69px;
    line-height: 69px;
    line-height: 69px;
    letter-spacing: -1.92px;
    letter-spacing: -1.92px;
    letter-spacing: -1.92px;
    margin-bottom: 60px;
    margin-bottom: 60px;
    margin-bottom:30px
}

@media (max-width: 1650px) {
    .contact__title {
        font-size:calc(64px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contact__title {
        font-size:64px
    }
}

@media (max-width: 1280px) {
    .contact__title {
        font-size:calc(64px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contact__title {
        font-size:calc(48px + 16 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contact__title {
        font-size:48px
    }
}

@media (max-width: 1650px) {
    .contact__title {
        line-height:calc(69px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contact__title {
        line-height:69px
    }
}

@media (max-width: 1280px) {
    .contact__title {
        line-height:calc(69px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contact__title {
        line-height:calc(51px + 18 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contact__title {
        line-height:51px
    }
}

@media (max-width: 1650px) {
    .contact__title {
        letter-spacing:calc(-1.92px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contact__title {
        letter-spacing:-1.92px
    }
}

@media (max-width: 1280px) {
    .contact__title {
        letter-spacing:calc(-1.92px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contact__title {
        letter-spacing:calc(-1.44px + -0.48 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contact__title {
        letter-spacing:-1.44px
    }
}

@media (max-width: 1650px) {
    .contact__title {
        margin-bottom:calc(60px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contact__title {
        margin-bottom:60px
    }
}

@media (max-width: 1280px) {
    .contact__title {
        margin-bottom:calc(30px + 30 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contact__title {
        margin-bottom:calc(30px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contact__title {
        margin-bottom:30px
    }
}

.contact-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width:100%
}

.contact-form__input {
    padding: 8px 16px;
    color: #313131;
    font-size: 24px;
    line-height: 38px;
    border-radius: 8px;
    background: #ffe497;
    border: 2px solid #ffe497;
    -webkit-transition: border .3s, background .3s;
    -o-transition: border .3s, background .3s;
    transition: border .3s, background .3s;
    width:100%
}

.contact-form__input::-webkit-input-placeholder {
    color:#858585
}

.contact-form__input::-moz-placeholder {
    color:#858585
}

.contact-form__input:-ms-input-placeholder {
    color:#858585
}

.contact-form__input::-ms-input-placeholder {
    color:#858585
}

.contact-form__input::placeholder {
    color:#858585
}

.contact-form__input:hover {
    background:#fff
}

.contact-form__input:focus {
    border:2px solid #fc8e0c
}

.contact-form__button {
    border-radius: 8px;
    background: rgba(255, 228, 151, .5);
    color: #fcbe0c;
    font-size: 24px;
    font-weight: 700;
    line-height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 16px;
    -webkit-transition: color .3s, background .3s;
    -o-transition: color .3s, background .3s;
    transition:color .3s, background .3s
}

.contact-form__button span {
    width: 340px;
    text-align:left
}

.contact-form__button svg path {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition:fill .3s
}

.contact-form__button:hover {
    background: #fff;
    color:#000
}

.contact-form__button:hover svg path {
    fill:#000
}

.contact-form__button.active {
    background: #fff;
    color:#000
}

.recalls {
    margin-bottom: 140px;
    margin-bottom: 140px;
    margin-bottom: 140px;
    margin-bottom:65px
}

@media (max-width: 1650px) {
    .recalls {
        margin-bottom:calc(140px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .recalls {
        margin-bottom:140px
    }
}

@media (max-width: 1280px) {
    .recalls {
        margin-bottom:calc(65px + 75 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .recalls {
        margin-bottom:calc(65px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .recalls {
        margin-bottom:65px
    }
}

.recalls__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    background: #fed153;
    border-radius: 20px;
    padding: 40px;
    padding: 40px;
    padding:40px
}

@media (max-width: 1650px) {
    .recalls__inner {
        padding:calc(40px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .recalls__inner {
        padding:40px
    }
}

@media (max-width: 1280px) {
    .recalls__inner {
        padding:calc(40px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .recalls__inner {
        padding:calc(20px + 20 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .recalls__inner {
        padding:20px
    }
}

.recalls-item {
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    background: #fed153;
    border-radius: 10px;
    padding:20px
}

.recalls-item:hover {
    background:#fcbe0c
}

.recalls-item__top {
    margin-bottom: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.recalls-item__top-read {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #313131;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.16px;
    gap: 16px;
    padding: 9px 29px;
    border-radius: 12px;
    background:rgba(255, 255, 255, .4)
}

.recalls-item__text {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.24px;
    font-size: 24px;
    font-size: 24px;
    font-size: 24px;
    line-height: 26px;
    line-height: 26px;
    line-height: 26px;
    letter-spacing: -0.24px;
    letter-spacing: -0.24px;
    letter-spacing:-0.24px
}

@media (max-width: 1650px) {
    .recalls-item__text {
        font-size:calc(24px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .recalls-item__text {
        font-size:24px
    }
}

@media (max-width: 1280px) {
    .recalls-item__text {
        font-size:calc(24px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .recalls-item__text {
        font-size:calc(20px + 4 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .recalls-item__text {
        font-size:20px
    }
}

@media (max-width: 1650px) {
    .recalls-item__text {
        line-height:calc(26px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .recalls-item__text {
        line-height:26px
    }
}

@media (max-width: 1280px) {
    .recalls-item__text {
        line-height:calc(26px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .recalls-item__text {
        line-height:calc(22px + 4 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .recalls-item__text {
        line-height:22px
    }
}

@media (max-width: 1650px) {
    .recalls-item__text {
        letter-spacing:calc(-0.24px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .recalls-item__text {
        letter-spacing:-0.24px
    }
}

@media (max-width: 1280px) {
    .recalls-item__text {
        letter-spacing:calc(-0.24px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .recalls-item__text {
        letter-spacing:calc(-1.2px + 0.96 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .recalls-item__text {
        letter-spacing:-1.2px
    }
}

.contacts {
    margin-bottom: 155px;
    margin-bottom: 155px;
    margin-bottom: 155px;
    margin-bottom:160px
}

@media (max-width: 1650px) {
    .contacts {
        margin-bottom:calc(155px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contacts {
        margin-bottom:155px
    }
}

@media (max-width: 1280px) {
    .contacts {
        margin-bottom:calc(160px + -5 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contacts {
        margin-bottom:calc(120px + 40 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contacts {
        margin-bottom:120px
    }
}

.contacts__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 665px;
    grid-template-columns: 1fr 665px;
    gap: 40px;
    gap: 40px;
    gap: 40px;
    gap:30px
}

@media (max-width: 1650px) {
    .contacts__inner {
        gap:calc(40px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contacts__inner {
        gap:40px
    }
}

@media (max-width: 1280px) {
    .contacts__inner {
        gap:calc(30px + 10 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contacts__inner {
        gap:calc(30px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contacts__inner {
        gap:30px
    }
}

.contacts iframe {
    height: 600px;
    width: 100%;
    border-radius: 20px;
    height: 600px;
    height: 600px;
    height:600px
}

@media (max-width: 1650px) {
    .contacts iframe {
        height:calc(600px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contacts iframe {
        height:600px
    }
}

@media (max-width: 1280px) {
    .contacts iframe {
        height:calc(600px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contacts iframe {
        height:calc(350px + 250 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contacts iframe {
        height:350px
    }
}

.contacts-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.contacts-body__box {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items:flex-start
}

.contacts-body__box:last-child {
    margin-bottom:0
}

.contacts-body__box-title {
    color: #000;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.36px;
    margin-bottom: 40px;
    font-size: 36px;
    font-size: 36px;
    font-size: 36px;
    line-height: 40px;
    line-height: 40px;
    line-height: 40px;
    letter-spacing: -0.36px;
    letter-spacing: -0.36px;
    letter-spacing: -0.36px;
    margin-bottom: 40px;
    margin-bottom: 40px;
    margin-bottom:40px
}

@media (max-width: 1650px) {
    .contacts-body__box-title {
        font-size:calc(36px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contacts-body__box-title {
        font-size:36px
    }
}

@media (max-width: 1280px) {
    .contacts-body__box-title {
        font-size:calc(36px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contacts-body__box-title {
        font-size:calc(28px + 8 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contacts-body__box-title {
        font-size:28px
    }
}

@media (max-width: 1650px) {
    .contacts-body__box-title {
        line-height:calc(40px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contacts-body__box-title {
        line-height:40px
    }
}

@media (max-width: 1280px) {
    .contacts-body__box-title {
        line-height:calc(40px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contacts-body__box-title {
        line-height:calc(32px + 8 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contacts-body__box-title {
        line-height:32px
    }
}

@media (max-width: 1650px) {
    .contacts-body__box-title {
        letter-spacing:calc(-0.36px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contacts-body__box-title {
        letter-spacing:-0.36px
    }
}

@media (max-width: 1280px) {
    .contacts-body__box-title {
        letter-spacing:calc(-0.36px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contacts-body__box-title {
        letter-spacing:calc(-0.28px + -0.08 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contacts-body__box-title {
        letter-spacing:-0.28px
    }
}

@media (max-width: 1650px) {
    .contacts-body__box-title {
        margin-bottom:calc(40px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contacts-body__box-title {
        margin-bottom:40px
    }
}

@media (max-width: 1280px) {
    .contacts-body__box-title {
        margin-bottom:calc(40px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contacts-body__box-title {
        margin-bottom:calc(30px + 10 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contacts-body__box-title {
        margin-bottom:30px
    }
}

.contacts-body__box-text {
    color: #000;
    font-size: 24px;
    line-height: 26px;
    font-size: 24px;
    font-size: 24px;
    font-size: 24px;
    line-height: 26px;
    line-height: 26px;
    line-height:26px
}

@media (max-width: 1650px) {
    .contacts-body__box-text {
        font-size:calc(24px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contacts-body__box-text {
        font-size:24px
    }
}

@media (max-width: 1280px) {
    .contacts-body__box-text {
        font-size:calc(24px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contacts-body__box-text {
        font-size:calc(20px + 4 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contacts-body__box-text {
        font-size:20px
    }
}

@media (max-width: 1650px) {
    .contacts-body__box-text {
        line-height:calc(26px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contacts-body__box-text {
        line-height:26px
    }
}

@media (max-width: 1280px) {
    .contacts-body__box-text {
        line-height:calc(26px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contacts-body__box-text {
        line-height:calc(22px + 4 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contacts-body__box-text {
        line-height:22px
    }
}

.contacts-body__box-link {
    color: #000;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
    font-size: 24px;
    font-size: 24px;
    font-size: 24px;
    line-height: 26px;
    line-height: 26px;
    line-height:26px
}

@media (max-width: 1650px) {
    .contacts-body__box-link {
        font-size:calc(24px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contacts-body__box-link {
        font-size:24px
    }
}

@media (max-width: 1280px) {
    .contacts-body__box-link {
        font-size:calc(24px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contacts-body__box-link {
        font-size:calc(20px + 4 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contacts-body__box-link {
        font-size:20px
    }
}

@media (max-width: 1650px) {
    .contacts-body__box-link {
        line-height:calc(26px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .contacts-body__box-link {
        line-height:26px
    }
}

@media (max-width: 1280px) {
    .contacts-body__box-link {
        line-height:calc(26px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .contacts-body__box-link {
        line-height:calc(22px + 4 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .contacts-body__box-link {
        line-height:22px
    }
}

.contacts-body__box-link:last-child {
    margin-bottom:0
}

.footer {
    margin-bottom: 65px;
    margin-bottom: 65px;
    margin-bottom: 65px;
    margin-bottom:75px
}

@media (max-width: 1650px) {
    .footer {
        margin-bottom:calc(65px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .footer {
        margin-bottom:65px
    }
}

@media (max-width: 1280px) {
    .footer {
        margin-bottom:calc(75px + -10 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .footer {
        margin-bottom:calc(0px + 75 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .footer {
        margin-bottom:0px
    }
}

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

@media (max-width: 1650px) {
    .footer__inner {
        gap:calc(30px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .footer__inner {
        gap:30px
    }
}

@media (max-width: 1280px) {
    .footer__inner {
        gap:calc(30px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .footer__inner {
        gap:calc(65px + -35 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .footer__inner {
        gap:65px
    }
}

.footer__logo {
    width: 120px;
    height: 120px;
    min-width: 120px;
    min-height:120px
}

.navigation__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    gap: 40px;
    gap: 40px;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

@media (max-width: 1650px) {
    .navigation__list {
        gap:calc(40px + 0 *((100vw - 1280px) / 370))
    }
}

@media (min-width: 1650px) {
    .navigation__list {
        gap:40px
    }
}

@media (max-width: 1280px) {
    .navigation__list {
        gap:calc(30px + 10 *((100vw - 768px) / 512))
    }
}

@media (max-width: 768px) {
    .navigation__list {
        gap:calc(30px + 0 *((100vw - 375px) / 393))
    }
}

@media (max-width: 375px) {
    .navigation__list {
        gap:30px
    }
}

.navigation__list-link {
    color: #313131;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.16px;
    padding: 11px 32px;
    border-radius: 12px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition:background .3s
}

.navigation__list-link:hover {
    background:rgba(255, 255, 255, .4)
}

@media (max-width: 1500px) {
    .catalog__inner {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (max-width: 1400px) {
    .contacts__inner {
        -ms-grid-columns: 1fr 460px;
        grid-template-columns:1fr 460px
    }
}

@media (max-width: 1280px) {
    .contact__img {
        height:100%
    }

    .heading__body-title {
        font-size: 128px;
        font-size: 115px;
        font-size:100px
    }
}

@media (max-width: 1280px) and(max-width: 1650px) {
    .heading__body-title {
        font-size:calc(115px + 13 *((100vw - 1280px) / 370))
    }
}

@media (max-width: 1280px) and(min-width: 1650px) {
    .heading__body-title {
        font-size:128px
    }
}

@media (max-width: 1280px) and(max-width: 1280px) {
    .heading__body-title {
        font-size:calc(100px + 15 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1280px) and(max-width: 768px) {
    .heading__body-title {
        font-size:calc(64px + 36 *((100vw - 375px) / 393))
    }
}

@media (max-width: 1280px) and(max-width: 375px) {
    .heading__body-title {
        font-size:64px
    }
}

@media (max-width: 1279px) {
    .heading__body-title {
        font-size: 128px;
        font-size: 105px;
        font-size:90px
    }
}

@media (max-width: 1279px) and(max-width: 1650px) {
    .heading__body-title {
        font-size:calc(120px + 8 *((100vw - 1280px) / 370))
    }
}

@media (max-width: 1279px) and(min-width: 1650px) {
    .heading__body-title {
        font-size:128px
    }
}

@media (max-width: 1279px) and(max-width: 1280px) {
    .heading__body-title {
        font-size:calc(90px + 15 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1279px) and(max-width: 768px) {
    .heading__body-title {
        font-size:calc(64px + 26 *((100vw - 375px) / 393))
    }
}

@media (max-width: 1279px) and(max-width: 375px) {
    .heading__body-title {
        font-size:64px
    }
}

@media (max-width: 1200px) {
    .heading__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }

    .heading__img {
        width: 100%;
        max-width: 100%;
        min-width:unset
    }

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

    .cnt__list-item {
        display:none
    }

    .cnt__list-item:first-child {
        display:block
    }

    .header {
        padding-bottom:20px
    }

    .header__logo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        position: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform:unset
    }

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

    .menu__list-item:nth-child(1) {
        display:none
    }

    .heading__body-title {
        display:none
    }

    .heading__title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order:1
    }

    .heading__title span {
        display:inline-block
    }

    .heading__img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order:1
    }

    .heading__body {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order:2
    }

    .heading__body-text br {
        display:none
    }

    .heading__body {
        max-width:unset
    }
}

@media (max-width: 1100px) {
    .catalog__inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }

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

    .about__img {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        max-width:100%
    }

    .about__body {
        max-width:100%
    }

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

    .contact__img {
        height: 500px;
        height:340px
    }
}

@media (max-width: 1100px) and(max-width: 1280px) {
    .contact__img {
        height:calc(340px + 160 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1100px) and(max-width: 768px) {
    .contact__img {
        height:calc(250px + 90 *((100vw - 375px) / 393))
    }
}

@media (max-width: 1100px) and(max-width: 375px) {
    .contact__img {
        height:250px
    }
}

@media (max-width: 1000px) {
    .contacts__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .contacts-body {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        row-gap: 65px;
        row-gap:65px
    }
}

@media (max-width: 1000px) and(max-width: 1280px) {
    .contacts-body {
        row-gap:calc(65px + 0 *((100vw - 768px) / 512))
    }
}

@media (max-width: 1000px) and(max-width: 768px) {
    .contacts-body {
        row-gap:calc(55px + 10 *((100vw - 375px) / 393))
    }
}

@media (max-width: 1000px) and(max-width: 375px) {
    .contacts-body {
        row-gap:55px
    }
}

@media (max-width: 1000px) {
    .contacts-body__box:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area:1/1/2/3
    }
}

@media (max-width: 750px) {
    .menu {
        display:none
    }

    .cnt {
        display:none
    }

    .header__burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 48px;
        height: 42px;
        border-radius: 12px;
        background: rgba(255, 255, 255, .4);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    .header__burger svg:nth-child(2) {
        display:none
    }

    .header--active .header__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap:25px
    }

    .header--active .menu {
        display:block
    }

    .header--active .cnt {
        display:block
    }

    .header--active .header__burger {
        position: absolute;
        right: 20px;
        top:20px
    }

    .header--active .header__burger svg:nth-child(1) {
        display:none
    }

    .header--active .header__burger svg:nth-child(2) {
        display:block
    }

    .header--active .menu__list-item:nth-child(1) {
        display:block
    }

    .header--active .menu__list-link {
        background:rgba(255, 255, 255, .4)
    }

    .header--active .header__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap:15px
    }

    .header--active .cnt__list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background:rgba(255, 255, 255, .4)
    }

    .header--active .cnt__list-item:nth-child(1) .cnt__list-link {
        line-height:20px
    }

    .header--active .cnt__list-item:nth-child(2) {
        width: 48px;
        height:42px
    }

    .header--active .cnt__list-item:nth-child(2) .cnt__list-link svg {
        width: 16px;
        height:12px
    }

    .header--active .cnt__list-item:nth-child(3) {
        width: 48px;
        height:42px
    }

    .header--active .cnt__list-item:nth-child(3) .cnt__list-link svg {
        width: 16px;
        height:16px
    }
}

@media (max-width: 700px) {
    .footer__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items:flex-start
    }

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

    .navigation__list-link {
        padding-left: 0;
        padding-right:0
    }

    .footer__logo {
        margin-left:-32px
    }
}

@media (max-width: 650px) {
    .catalog__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

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

@media (max-width: 600px) {
    .contacts-body {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .contacts-body__box:nth-child(1) {
        grid-area:unset
    }
}

@media (max-width: 550px) {
    .contact-form__button {
        width:100%
    }

    .contact-form__button span {
        width:100%
    }

    .recalls-item .recalls-item__top-img {
        width: 200px;
    }
}

@media (max-width: 550px) and(max-width: 768px) {
    .recalls-item .recalls-item__top-img {
        width:calc(180px + 76 *((100vw - 375px) / 393))
    }
}

@media (max-width: 550px) and(max-width: 375px) {
    .recalls-item .recalls-item__top-img {
        width:180px
    }
}

@media (max-width: 550px) and(max-width: 768px) {
    .recalls-item .recalls-item__top-img {
        height:calc(30px + 12 *((100vw - 375px) / 393))
    }
}

@media (max-width: 550px) and(max-width: 375px) {
    .recalls-item .recalls-item__top-img {
        height:30px
    }
}

@media (max-width: 550px) {
    .recalls-item:nth-child(2) .recalls-item__top-img {
        width: 200px;
    }
}

@media (max-width: 550px) and(max-width: 768px) {
    .recalls-item:nth-child(2) .recalls-item__top-img {
        width:calc(180px + 76 *((100vw - 375px) / 393))
    }
}

@media (max-width: 550px) and(max-width: 375px) {
    .recalls-item:nth-child(2) .recalls-item__top-img {
        width:180px
    }
}

@media (max-width: 550px) and(max-width: 768px) {
    .recalls-item:nth-child(2) .recalls-item__top-img {
        height:calc(40px + 14 *((100vw - 375px) / 393))
    }
}

@media (max-width: 550px) and(max-width: 375px) {
    .recalls-item:nth-child(2) .recalls-item__top-img {
        height:40px
    }
}

@media (max-width: 550px) {
    .recalls-item__top-read {
        width: 48px;
        height: 42px;
        padding: 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
    }

    .recalls-item__top-read span {
        display:none
    }
}

@media (max-width: 450px) {
    .header--active .menu__list-link {
        padding:11px 25px
    }

    .header--active .header__wrapper {
        width:100%
    }

    .header--active .menu {
        width:100%
    }

    .header--active .header--active .cnt__list-item:nth-child(1) .cnt__list-link {
        padding:11px 25px
    }

    .header--active .menu__list {
        width:100%
    }

    .header--active .menu__list-item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow:1
    }

    .header--active .menu__list-link {
        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;
        width: 100%;
        line-height:20px
    }
}

@media (max-width: 400px) {
    .about__body-text span {
        display: block;
        max-width: 300px
    }
}

@media (max-width: 650px) {
    .map-tablet {
        display: none;
    }
}

@media (min-width: 651px) {
    .map-mobile {
        display: none;
    }
}

.success {
    font-size: 24px;
    color: green;
}

.error {
    font-size: 24px;
    color: #e41919;
}