@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;700;800&family=Russo+One&display=swap');
@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url(../fonts/Gilroy-Medium.woff2) format("woff2"), url(../fonts/Gilroy-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

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

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

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

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

body,
html {
    height: 100%;
    min-width: 320px
}

body {
    color: #1d1d1d;
    line-height: 1;
    font-family: "Russo One";
    font-size: 1rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    font-family: "Russo One";
    font-size: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit
}

a {
    color: inherit
}

a:link,
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-weight: inherit;
    font-size: inherit
}

.lock body {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.wrapper {
    min-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;
    overflow: hidden;
    padding: 116px 0 0 0
}

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

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    max-width: 90rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0 .9375rem
}

[class*=-ibg] {
    position: relative
}

[class*=-ibg] img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

[class*=-ibg_contain] img {
    -o-object-fit: contain;
    object-fit: contain
}

.main-btn {
    font-family: Raleway;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 16px;
    background-color: #e63d26;
    border-radius: 12px;
    display: inline-block;
    -webkit-transition: background-color .15s ease 0s;
    -o-transition: background-color .15s ease 0s;
    transition: background-color .15s ease 0s
}

.breadcrumbs {
    padding: 16px 0
}

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

.breadcrumbs__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
    color: #6c6c6c
}

.breadcrumbs__list li svg {
    margin: 0 16px 0 0
}

.breadcrumbs__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6c6c6c
}

.breadcrumbs__list li a svg {
    margin: 0 16px 0 0
}

.breadcrumbs__list li:last-child {
    color: #e63d26
}

.breadcrumbs__list li:last-child a {
    color: #e63d26
}

.breadcrumbs__list li:not(:last-child) {
    margin: 0 16px 0 0
}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    -webkit-transition: background-color .3s ease 0s;
    -o-transition: background-color .3s ease 0s;
    transition: background-color .3s ease 0s
}

.header__content {
    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-top: 30px;
    padding-bottom: 30px;
    -webkit-transition: padding .3s ease 0s;
    -o-transition: padding .3s ease 0s;
    transition: padding .3s ease 0s
}

.header__logo {
    width: 115px;
    display: block;
    z-index: 5;
    position: relative
}

.header__logo .blue {
    display: none
}

.menu-open .header__logo img:not(.blue) {
    display: none
}

.menu-open .header__logo .blue {
    display: block
}

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

.header__menu:not(:last-child) {
    margin: 0 32px 0 0
}

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

.header__socials:not(:last-child) {
    margin: 0 24px 0 0
}

.header__socials li:not(:last-child) {
    margin: 0 16px 0 0
}

.header__socials li a {
    width: 36px;
    height: 36px;
    display: block
}

.header__phone {
    line-height: 24px;
    color: #fff
}

.header.header--white {
    border: none
}

.header.header--white .menu__list>li>a {
    color: #1d1d1d
}

.header.header--white .menu__list>li.parent>a::after {
    background: url(../img/icons/more-parent_black.svg) center center no-repeat
}

.header.header--white .header__phone {
    color: #e63d26
}

.header.header--white .header__logo img:not(.blue) {
    display: none
}

.header.header--white .header__logo .blue {
    display: block
}

.header.header--white .header__socials svg rect {
    fill: #e63d26
}

.header.header--white .header__socials svg path.tg-path {
    fill: #fff
}

.header.header--white .header__socials svg path.tg-path-two {
    fill: #e63d26 !important
}

.header.header--white .header__socials svg path:last-child {
    fill: #fff
}

.header.header--white .icon-menu span,
.header.header--white .icon-menu::after,
.header.header--white .icon-menu::before {
    background-color: #1d1d1d
}

.header.header--white .header__content {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.header._header-scroll {
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.header._header-scroll .header__content {
    border: none;
    padding-top: 10px;
    padding-bottom: 10px
}

.header._header-scroll .menu__list>li>a {
    color: #1d1d1d
}

.header._header-scroll .menu__list>li.parent>a::after {
    background: url(../img/icons/more-parent_black.svg) center center no-repeat
}

.header._header-scroll .header__phone {
    color: #1d1d1d
}

.header._header-scroll .header__logo img:not(.blue) {
    display: none
}

.header._header-scroll .header__logo .blue {
    display: block
}

.header._header-scroll .header__socials svg rect {
    fill: #45a30a
}

.header._header-scroll .header__socials svg path.tg-path {
    fill: #fff
}

.header._header-scroll .header__socials svg path.tg-path-two {
    fill: #e63d26 !important
}

.header._header-scroll .header__socials svg path:last-child {
    fill: #fff
}

.header._header-scroll .icon-menu span,
.header._header-scroll .icon-menu::after,
.header._header-scroll .icon-menu::before {
    background-color: #1d1d1d
}

.menu-open .menu__body {
    right: 0
}

.menu__bottom {
    display: none
}

.menu__bottom .header__phone {
    display: block;
    color: #e63d26;
    font-size: 20px;
    line-height: 28px
}

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

.menu__list li:not(:last-child) {
    margin: 0 32px 0 0
}

.menu__list li.parent {
    position: relative
}

.menu__list li.parent>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__list li.parent>a::after {
    content: "";
    width: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 24px;
    background: url(../img/icons/more-parent.svg) center center no-repeat;
    margin: 0 0 0 8px;
    display: block;
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    -o-transition: transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s
}

.menu__list li.parent .sub-body {
    display: none;
    position: absolute;
    border-radius: 8px;
    overflow: hidden;
    top: 100%;
    right: 40px;
    padding: 5px
}

.menu__list li.parent ul {
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    margin: 15px 0 0 0
}

.menu__list li.parent ul>li:not(:last-child) {
    border-bottom: 1px solid #d8d8d8;
    margin: 0
}

.menu__list li.parent ul>li>a {
    font-size: 14px;
    line-height: 22px;
    color: #1d1d1d;
    padding: 10px 24px;
    background: #fff;
    display: block;
    white-space: nowrap;
    text-align: center
}

.menu__list li.parent._active .sub-body {
    display: block
}

.menu__list li.parent._active a::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.menu__list li>a {
    line-height: 24px;
    text-transform: capitalize;
    color: #fff
}

.icon-menu {
    display: none
}

.footer {
    margin: 25px 0 0 0;
}

.footer__logo {
    display: block;
    width: 115px;
    margin: 0 0 24px 0
}

.footer__logo img {
    width: 100%
}

.footer__phone {
    font-size: 16px;
    line-height: 24px;
    color: #1d1d1d;
    position: relative;
    padding: 0 0 0 40px;
    display: block
}

.footer__phone:not(:last-child) {
    margin: 0 0 16px 0
}

.footer__phone::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    background: url(../img/icons/phone-bl.svg) center center no-repeat
}

.footer__mail {
    font-size: 16px;
    line-height: 24px;
    color: #1d1d1d;
    position: relative;
    padding: 0 0 0 40px;
    display: block
}

.footer__mail:not(:last-child) {
    margin: 0 0 16px 0
}

.footer__mail::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    background: url(../img/icons/mail-bl.svg) center center no-repeat
}

.footer__bottom {
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #111;
    padding: 20px 0
}

.top-footer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding-top: 30px;
    padding-bottom: 30px
}

.top-footer__left {
    width: 30%;
    position: relative
}

.top-footer__left::after {
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(29, 29, 29, .12);
    position: absolute;
    right: 0;
    top: 0
}

.top-footer__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 32px
}

.top-footer__right {
    width: 28%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.top-footer__right::after {
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(29, 29, 29, .12);
    position: absolute;
    left: 0;
    top: 0
}

.menu-footer {
    min-width: 22.2%
}

.menu-footer__title {
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #111;
    margin: 0 0 16px 0
}

.menu-footer__list li:not(:last-child) {
    margin: 0 0 16px 0
}

.menu-footer__list li a {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #111
}

.info-footer__title {
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #111;
    margin: 0 0 16px 0
}

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

.info-footer__socials:not(:last-child) {
    margin: 0 0 16px 0
}

.info-footer__socials li:not(:last-child) {
    margin: 0 16px 0 0
}

.info-footer__socials li a {
    width: 36px;
    height: 36px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px
}

.info-footer__address {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #111;
    max-width: 230px
}

.hero {
    height: 820px;
    position: relative;
    padding: 164px 0 60px 0;
    background: url(../img/hero/hero_bg.jpg) center center/cover no-repeat;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: -116px 0 0 0
}

.hero__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none
}

.hero__bg img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.hero__container {
    height: 100%
}

.hero__content {
    position: relative;
    z-index: 1;
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.hero__title {
    font-size: 43px;
    line-height: 47px;
    color: #e3e3e3;
    margin: 0 0 16px 0;
    font-weight: 700;
}

.hero__subttle {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin: 0 0 32px 0
}

.hero__bottom {
    margin-top: auto
}

.hero.hero--zero {
    height: 550px
}

.bottom-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 145px;
    width: 100%
}

.bottom-hero__features {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.track-hero__label {
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    margin: 0 0 16px 0
}

.track-hero-input {
    width: 295px;
    position: relative
}

.track-hero-input::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 16px;
    left: 16px;
    background: url(../img/icons/search.svg) center center no-repeat;
    pointer-events: none
}

.track-hero-input input {
    width: 100%;
    height: 56px;
    font-family: Gilroy;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding: 0 16px 0 52px;
    border: 2px solid #6c6c6c;
    border-radius: 12px;
    outline: 0;
    background: 0 0
}

.track-hero-input input::-webkit-input-placeholder {
    color: #fff
}

.track-hero-input input::-moz-placeholder {
    color: #fff
}

.track-hero-input input:-ms-input-placeholder {
    color: #fff
}

.track-hero-input input::-ms-input-placeholder {
    color: #fff
}

.track-hero-input input::placeholder {
    color: #fff
}

.features-hero {
    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
}

.item-features-hero {
    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: center;
    -ms-flex-align: center;
    align-items: center
}

.item-features-hero__img {
    width: 80px;
    height: 80px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 0 16px 0
}

.item-features-hero__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.item-features-hero__title {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #e3e3e3
}

.services {
    padding: 60px 0
}

.services__title {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #1d1d1d;
    max-width: 750px;
    margin: 0 auto
}

.services__subtitle {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #6c6c6c;
    max-width: 800px;
    margin: 16px auto 0 auto
}

.services__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 60px 0 0 0;
}
.item-services {
    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: center;
    -ms-flex-align: center;
    align-items: center
}

.item-services__img {
    margin: 0 0 24px 0
}

.item-services__title {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    color: #1d1d1d;
    margin: 0 0 8px 0
}

.item-services__price {
    font-family: Gilroy;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #6c6c6c
}

.item-services__price span {
    font-family: "Russo One";
    font-size: 20px;
    line-height: 28px;
    color: #e63d26
}

.to-do {
    padding: 60px 0
}

.to-do__title {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #1d1d1d;
    max-width: 850px;
    margin: 0 auto 60px auto
}

.to-do__content {
    max-width: 580px;
    margin: 0 auto
}

.to-do__item:not(:last-child) {
    margin: 0 0 32px 0
}

.item-todo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item-todo__img {
    width: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    height: 50px;
    margin: 0 32px 0 0;
    position: relative
}

.item-todo__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.item-todo__title {
    font-size: 22px;
    line-height: 40px;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 4px 0
}

.item-todo__subtitle {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #6c6c6c
}

.cat-delivery {
    padding: 60px 0;
    overflow: hidden
}

.cat-delivery__title {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #1d1d1d;
    max-width: 836px;
    margin: 0 auto
}

.cat-delivery__subtitle {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 24px;
    text-align: center;
    color: #6c6c6c;
    max-width: 594px;
    margin: 16px auto 0 auto
}

.cat-delivery__content {
    width: 100%
}

.cat-delivery__list {
    margin: 60px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px;
    width: 100%
}

.cat-delivery__list li {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    padding: 12px 22px;
    border: 2px solid rgba(29, 29, 29, .12);
    border-radius: 43px;
    white-space: normal
}

.offers {
    padding: 70px 0;
    background: #e63d26
}

.offers__container {
    max-width: 1270px
}

.offers__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

.offers__title {
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 60px 0
}

.offers__img {
    max-width: 720px;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    position: relative
}

.offers__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.offers__item:not(:last-child) {
    margin: 0 0 30px 0
}

.offers__item label {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    display: block;
    margin: 0 0 16px 0
}

.offers__submit {
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #e63d26;
    width: 100%;
    height: 52px;
    background: #fff;
    border-radius: 12px;
    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
}

.offers-input {
    width: 400px;
    position: relative
}

.offers-input::before {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 16px;
    top: 14px
}
.offers-input select {
    width: 100%;
    font-family: Raleway;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 0 50px;
    height: 52px;
    background: #fff;
    border: 1.5px solid #d8d8d8;
    border-radius: 8px;
    outline: 0
}
.offers-input input {
    width: 100%;
    font-family: Raleway;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 0 50px;
    height: 52px;
    background: #fff;
    border: 1.5px solid #d8d8d8;
    border-radius: 8px;
    outline: 0
}

.offers-input input::-webkit-input-placeholder {
    color: #6c6c6c
}

.offers-input input::-moz-placeholder {
    color: #6c6c6c
}

.offers-input input:-ms-input-placeholder {
    color: #6c6c6c
}

.offers-input input::-ms-input-placeholder {
    color: #6c6c6c
}

.offers-input input::placeholder {
    color: #6c6c6c
}

.offers-input--user::before {
    content: "";
    background: url(../img/icons/user.svg) center center no-repeat
}

.offers-input--phone::before {
    content: "";
    background: url(../img/icons/phone-gray.svg) center center no-repeat
}

.offers-textarea {
    width: 400px
}

.offers-textarea textarea {
    width: 100%;
    font-family: Raleway;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px;
    height: 165px;
    background: #fff;
    border: 1.5px solid #d8d8d8;
    border-radius: 8px;
    outline: 0;
    resize: none
}

.offers-textarea textarea::-webkit-input-placeholder {
    color: #6c6c6c
}

.offers-textarea textarea::-moz-placeholder {
    color: #6c6c6c
}

.offers-textarea textarea:-ms-input-placeholder {
    color: #6c6c6c
}

.offers-textarea textarea::-ms-input-placeholder {
    color: #6c6c6c
}

.offers-textarea textarea::placeholder {
    color: #6c6c6c
}

.text-section {
    padding: 80px 0
}

.text-section__container h2 {
    font-size: 40px;
    line-height: 48px;
    color: #181818;
    margin: 32px 0
}

.text-section__container h2:first-child {
    margin-top: 0
}

.text-section__container h3 {
    font-size: 24px;
    line-height: 32px;
    color: #1d1d1d;
    margin: 32px 0
}

.text-section__container p {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    color: rgba(29, 29, 29, .55);
    margin: 0 0 24px 0
}

.text-section__container p+ol,
.text-section__container p+ul {
    margin-top: -24px
}

.text-section__container ul {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    color: rgba(29, 29, 29, .55);
    margin: 0 0 24px 0
}

.text-section__container ul li {
    position: relative;
    padding: 0 0 0 12px
}

.text-section__container ul li::before {
    content: "-";
    position: absolute;
    top: 1px;
    left: 0
}

.text-section__container ol {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    color: rgba(29, 29, 29, .55);
    margin: 0 0 24px 0;
    padding: 0 0 0 19px
}

.text-section__container a {
    color: #e63d26;
    text-decoration: underline
}

.top-info__content {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 24px;
    overflow: hidden;
    padding: 5px
}

.top-info__title {
    font-size: 50px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    margin: 0 auto 24px auto
}

.top-info__subtitle {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    max-width: 695px;
    margin: 0 auto 32px auto
}

.top-info__subtitle p {
    margin: 0
}

.top-info__subtitle p:not(:last-child) {
    margin: 0 0 24px 0
}

.top-info__link {
    max-width: 295px;
    width: 100%;
    margin: 0 auto
}

.contacts-top-info {
    max-width: 400px;
    width: 100%;
    margin: 32px auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contacts-top-info__item .title {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin: 0 0 15px 0
}

.contacts-top-info__item a {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    display: block
}

.contacts-top-info__item .phone {
    position: relative;
    padding: 0 0 0 40px
}

.contacts-top-info__item .phone::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../img/icons/phone-wh.svg) center center no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

.contacts-top-info__item .email {
    position: relative;
    padding: 0 0 0 40px
}

.contacts-top-info__item .email::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../img/icons/mail-wh.svg) center center no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

.delivery-table {
    padding: 60px 0
}

.delivery-table__title {
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #1d1d1d;
    max-width: 1070px;
    margin: 0 auto
}

.delivery-table__content {
    margin: 50px 0 0 0
}

.table-delivery {
    max-width: 1030px;
    margin: 0 auto
}

.table-delivery__top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 0 0 60px 0
}

.table-delivery__top .head {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #1d1d1d
}

.table-delivery__top .head:last-child {
    padding: 0 0 0 50px
}

.table-delivery__item:not(:last-child) {
    margin: 0 0 60px 0
}

.item-table-delivery {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 85px
}

.item-table-delivery .img {
    height: 50px;
    position: relative;
    text-align: left
}

.item-table-delivery .img img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.item-table-delivery .time {
    font-family: Gilroy;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #6c6c6c
}

.item-table-delivery .time span {
    font-family: "Russo One";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #e63d26
}

.item-table-delivery .weight {
    font-family: Gilroy;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #6c6c6c
}

.item-table-delivery .weight span {
    font-family: "Russo One";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #e63d26
}

.item-table-delivery .price {
    font-family: Gilroy;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #6c6c6c
}

.item-table-delivery .price span {
    font-family: "Russo One";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #e63d26
}

.services-blocks {
    padding: 60px 0
}

.services-blocks__title {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #1d1d1d;
    margin: 0 auto 70px auto
}

.services-blocks__item:not(:last-child) {
    margin: 0 0 60px 0
}

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

.item-blocks__img {
    width: 54%;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    height: 375px
}

.item-blocks__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.item-blocks__text {
    width: 46%;
    padding: 0 0 0 120px
}

.item-blocks__title {
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
    color: #e63d26;
    margin: 0 0 32px 0
}

.item-blocks__subtitle {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #6c6c6c;
    margin: 0 0 24px 0
}

.item-blocks:nth-child(even) .item-blocks__img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.item-blocks:nth-child(even) .item-blocks__text {
    padding: 0 120px 0 0
}

.bottom-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bottom-blocks__item {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #6c6c6c
}

.bottom-blocks__item:not(:last-child) {
    margin: 0 43px 0 0
}

.bottom-blocks__item span {
    font-family: "Russo One";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #e63d26
}

.blog {
    padding: 40px 0 110px 0
}

.blog__title {
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #1d1d1d;
    max-width: 735px;
    margin: 0 auto 100px auto
}

.blog__item:not(:last-child) {
    margin: 0 0 32px 0
}

.item-blog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    border: 1px solid rgba(29, 29, 29, .12)
}

.item-blog__img {
    width: 50%;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    min-height: 290px
}

.item-blog__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.item-blog__right {
    width: 50%;
    padding: 32px 0
}

.item-blog__date {
    font-family: Arial;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: rgba(0, 0, 0, .6);
    margin: 0 0 4px 0
}

.item-blog__title {
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    color: #1d1d1d;
    margin: 0 0 9px 0
}

.item-blog__title a {
    color: #1d1d1d
}

.item-blog__desc {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #6c6c6c
}

.blog-page {
    padding: 0 0 130px 0
}

.blog-page__img {
    width: 100%;
    height: 550px;
    position: relative;
    margin: 0 0 32px 0
}

.blog-page__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-page__title {
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #1d1d1d;
    margin: 0 0 4px 0
}

.blog-page__date {
    font-family: Arial;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: rgba(0, 0, 0, .6)
}

.blog-page__content {
    max-width: 875px;
    margin: 32px auto 0 auto
}

.blog-page__text {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    color: #6c6c6c
}

.blog-page__text p {
    margin: 0
}

.blog-page__text p:not(:last-child) {
    margin: 0 0 32px 0
}

.blog-page__text h2 {
    font-size: 40px;
    line-height: 48px;
    color: #181818;
    margin: 32px 0
}

.blog-page__text h2:first-child {
    margin-top: 0
}

.blog-page__text h3 {
    font-size: 24px;
    line-height: 32px;
    color: #1d1d1d;
    margin: 32px 0
}

.blog-page__text ul {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    color: rgba(29, 29, 29, .55);
    margin: 0 0 24px 0
}

.blog-page__text ul li {
    position: relative;
    padding: 0 0 0 12px
}

.blog-page__text ul li::before {
    content: "-";
    position: absolute;
    top: 1px;
    left: 0
}

.blog-page__text ol {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    color: rgba(29, 29, 29, .55);
    margin: 0 0 24px 0;
    padding: 0 0 0 19px
}

.nav-blog {
    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: 32px 0
}

.nav-blog a {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
    color: #6c6c6c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-blog a span {
    margin: 0 0 0 4px
}

.nav-blog__prev svg {
    margin: 0 8px 0 0
}

.nav-blog__next svg {
    margin: 0 0 0 8px
}

.faq {
    padding: 100px 0
}

.faq__content {
    max-width: 1240px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.faq__title {
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
    color: #1d1d1d;
    max-width: 400px
}

.faq__right {
    width: 55%
}

.item-faq {
    padding: 24px 0;
    border-bottom: 2px solid #d7d7d7
}

.item-faq__title {
    font-size: 16px;
    line-height: 24px;
    color: #1d1d1d;
    text-align: left;
    position: relative;
    width: 100%;
    padding: 0 30px 0 0;
    display: block
}

.item-faq__title::after {
    content: "";
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    background: url(../img/icons/arrow_top.svg) center center no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    -o-transition: transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
    display: block
}

.item-faq__title._spoller-active::after {
    -webkit-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0)
}

.item-faq__body {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #6c6c6c;
    padding: 24px 0 0 0
}

.item-faq__body p {
    margin: 0
}

.item-faq__body p:not(:last-child) {
    margin: 0 0 24px 0
}

.contacts {
    padding: 65px 0
}

.contacts__title {
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
    color: #1d1d1d;
    margin: 0 0 60px 0
}

.info-contacts {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px
}

.item-contacts .title {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 0 0 8px 0
}

.item-contacts .text {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.item-contacts .text a.phone {
    position: relative;
    padding: 0 0 0 40px;
    display: block
}

.item-contacts .text a.phone::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/icons/phone-bl.svg) center center no-repeat
}

.order-work {
    padding: 60px 0
}

.order-work__title {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #1d1d1d;
    max-width: 675px;
    margin: 0 auto
}

.order-work__content {
    margin: 60px auto 0 auto;
    max-width: 1240px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 20px
}

.item-order-work__number {
    font-size: 76px;
    line-height: 104px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #e63d26;
    border-radius: 67.3381px;
    width: 104px;
    height: 104px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 104px;
    flex: 0 0 104px;
    margin: 0 0 16px 0
}

.item-order-work__title {
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
    color: #1d1d1d;
    margin: 0 0 16px 0
}

.item-order-work__text {
    font-family: Gilroy;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #6c6c6c
}

.packaging {
    padding: 30px 0 100px 0
}

.packaging__title {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #1d1d1d;
    margin: 0 0 80px 0
}

.packaging__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
}

.item-packaging__img {
    width: 100%;
    height: 265px;
    position: relative;
    margin: 0 0 24px 0
}

.item-packaging__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.item-packaging__title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #1d1d1d;
    margin: 0 0 8px 0
}

.item-packaging__price {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #6c6c6c
}

.item-packaging__price span {
    font-family: "Russo One";
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #e63d26
}

@media (max-width:91.875em) {
    [class*=__container] {
        padding: 0 5rem
    }
    .header__content {
        padding-top: 29px;
        padding-bottom: 29px
    }
    .header__menu:not(:last-child) {
        margin: 0 0 0 24px
    }
    .header {
        border: none
    }
    .menu__body {
      position: fixed;
right: -110%;
top: 0;
-webkit-transition: right .3s ease 0s;
-o-transition: right .3s ease 0s;
transition: right .3s ease 0s;
width: 100%;
height: 49%;
background-color: #fff;
padding: 170px 80px 30px 80px;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: auto;
border-bottom: solid 2px red;
    }
    .menu__bottom .header__socials li:not(:last-child) {
        margin: 0 20px 0 0
    }
    .menu__bottom .header__socials li a {
        width: 45px;
        height: 45px
    }
    .menu__bottom .header__socials svg rect {
        fill: #e63d26
    }
    .menu__bottom .header__socials svg path.tg-path {
        fill: #fff
    }
    .menu__bottom .header__socials svg path.tg-path-two {
        fill: #e63d26 !important
    }
    .menu__bottom .header__socials svg path:last-child {
        fill: #fff
    }
    .menu__bottom {
        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;
        margin-top: auto
    }
    .menu__list li:not(:last-child) {
        margin: 0 0 11px 0
    }
    .menu__list li.parent>a::after {
        width: 32px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px;
        height: 32px;
        background: url(../img/icons/more-parent_black.svg) center center/100% no-repeat
    }
    .menu__list li.parent .sub-body {
        position: static;
        display: block;
        height: auto;
        overflow: hidden;
        visibility: hidden;
        -webkit-transition: height .3s ease 0s;
        -o-transition: height .3s ease 0s;
        transition: height .3s ease 0s;
        padding: 0
    }
    .menu__list li.parent ul>li:not(:last-child) {
        border: none;
        margin: 0 0 8px 0
    }
    .menu__list li.parent ul>li>a {
        background: #e63d26;
        font-size: 16px;
        line-height: 22px;
        color: #fff;
        border-radius: 8px;
        padding: 16px;
        width: 100%
    }
    .menu__list li.parent ul {
        -webkit-box-shadow: unset;
        box-shadow: unset;
        background: 0 0
    }
    .menu__list li.parent._active .sub-body {
        visibility: visible
    }
    .menu__list li.parent {
        width: 100%
    }
    .menu__list li>a {
        font-size: 24px;
        line-height: 32px;
        color: #181818
    }
    .menu__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
    }
    .menu {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .icon-menu {
        display: block;
        position: relative;
        width: 1.875rem;
        height: .875rem;
        cursor: pointer;
        z-index: 5
    }
    .icon-menu span,
    .icon-menu::after,
    .icon-menu::before {
        content: "";
        -webkit-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        right: 0;
        position: absolute;
        width: 18px;
        height: .125rem;
        background-color: #fff;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .icon-menu::before {
        top: 0
    }
    .icon-menu::after {
        bottom: 0
    }
    .icon-menu span {
        top: calc(50% - .0625rem)
    }
    .menu-open .icon-menu span {
        width: 0
    }
    .menu-open .icon-menu::after,
    .menu-open .icon-menu::before {
        background-color: #181818
    }
    .menu-open .icon-menu::before {
        top: calc(50% - .0625rem);
        -webkit-transform: translateX(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) rotate(-45deg);
        transform: translateX(-50%) rotate(-45deg)
    }
    .menu-open .icon-menu::after {
        bottom: calc(50% - .0625rem);
        -webkit-transform: translateX(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg)
    }
    .footer {
        margin: 60px 0 0 0
    }
    .top-footer__content {
        gap: 40px
    }
    .top-footer__left {
        width: 25%
    }
    .top-footer__right {
        width: 20%
    }
    .menu-footer {
        min-width: 40%
    }
    .info-footer__address {
        max-width: 135px
    }
    .hero__title {
        font-size: 31px
    }
    .hero {
        background: url(../img/hero/hero_bg.jpg) 16% center/cover no-repeat;
        background-position: 16% center
    }
    .bottom-hero {
        gap: 40px
    }
    .item-services__img {
        width: 100px;
        height: 60px;
        position: relative
    }
    .item-services__img img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: contain;
        object-fit: contain
    }
    .item-services__title {
        font-size: 16px
    }
    .cat-delivery__list li {
        font-size: 16px;
        padding: 12px 18px
    }
    .cat-delivery__list {
        gap: 30px
    }
    .offers-input {
        width: 350px
    }
    .offers-textarea {
        width: 350px
    }
    .top-info__title {
        font-size: 40px;
        line-height: 48px
    }
    .item-blocks__img {
        height: 250px
    }
    .item-blocks__text {
        padding: 0 0 0 20px
    }
    .item-blocks:nth-child(even) .item-blocks__text {
        padding: 0 20px 0 0
    }
    .bottom-blocks__item:not(:last-child) {
        margin: 0 25px 0 0
    }
    .blog__title {
        font-size: 32px;
        line-height: 40px;
        margin: 0 auto 90px auto
    }
    .faq__title {
        font-size: 24px;
        line-height: 32px
    }
    .faq__right {
        width: 47%
    }
    .info-contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .order-work__content {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 60px
    }
    .packaging__title {
        margin: 0 0 60px 0
    }
    .item-packaging__img {
        height: 170px
    }
}

@media (max-width:61.99875em) {
    [class*=__container] {
        padding: 0 .9375rem
    }
    .menu__body {
        padding: 165px 15px 24px 15px
    }
    .top-footer__content {
        gap: 20px
    }
    .top-footer__left::after {
        content: none
    }
    .top-footer__left {
        width: unset
    }
    .top-footer__right::after {
        content: none
    }
    .top-footer__right {
        width: unset
    }
    .item-blocks__title {
        font-size: 24px;
        line-height: 32px
    }
    .bottom-blocks__item:not(:last-child) {
        margin: 0 10px 0 0
    }
    .bottom-blocks__item span {
        font-size: 22px;
        line-height: 30px
    }
    .bottom-blocks__item {
        font-size: 18px;
        line-height: 26px
    }
    .faq__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .faq__left {
        width: 100%
    }
    .faq__right {
        width: 100%
    }
    .order-work__content {
        gap: 32px 40px
    }
    .packaging__content {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:47.99875em) {
    .wrapper {
        padding: 98px 0 0 0
    }
    .main-btn {
        width: 100%
    }
    .header__content {
        padding-top: 21px;
        padding-bottom: 21px
    }
    .header__socials {
        display: none
    }
    .header__phone {
        display: none
    }
    .menu__bottom .header__socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 24px 0 0 0
    }
    .menu__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .footer {
        margin: 40px 0 0 0
    }
    .top-footer__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
        gap: 0
    }
    .top-footer__left {
        padding: 30px 0
    }
    .top-footer__center {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 32px 0;
        border-top: 1px solid rgba(29, 29, 29, .12);
        border-bottom: 1px solid rgba(29, 29, 29, .12)
    }
    .top-footer__right {
        padding: 30px 0
    }
    .info-footer__address {
        max-width: 230px
    }
    .hero__title {
        font-size: 32px;
        line-height: 40px
    }
    .hero__bottom {
        margin: 80px 0 0 0
    }
    .hero {
        height: auto;
        background: url(../img/hero/hero_bg.jpg) 32% center/cover no-repeat;
        background-position: 32% center;
        padding: 180px 0 60px 0;
        margin: -98px 0 0 0
    }
    .bottom-hero {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .track-hero {
        width: 100%
    }
    .track-hero-input {
        width: 100%
    }
    .features-hero {
        width: 100%
    }
    .item-features-hero__img {
        margin: 0
    }
    .item-features-hero__title {
        display: block;
        font-size: 15px;
    }
    .services__content {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        margin: 45px 0 0 0
    }
    .cat-delivery__title {
        font-size: 24px;
        line-height: 32px
    }
    .cat-delivery__subtitle {
        font-size: 20px;
        line-height: 28px
    }
    .cat-delivery__list li {
        font-size: 14px;
        padding: 8px 14px
    }
    .cat-delivery__list {
        gap: 15px;
        margin: 40px 0 0 0
    }
    .offers__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .offers__title {
        font-size: 20px;
        line-height: 29px
    }
    .offers__img {
        width: 100%;
        height: 530px
    }
    .offers__form {
        width: 100%
    }
    .offers {
        padding: 40px 0
    }
    .offers-input {
        width: 100%
    }
    .offers-textarea {
        width: 100%
    }
    .text-section__container h2 {
        font-size: 32px;
        line-height: 40px
    }
    .text-section__container h3 {
        font-size: 20px;
        line-height: 28px
    }
    .text-section {
        padding: 40px 0
    }
    .top-info__title {
        font-size: 24px;
        line-height: 32px
    }
    .contacts-top-info__item:not(:last-child) {
        margin: 0 0 24px 0
    }
    .contacts-top-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: auto
    }
    .delivery-table__title {
        font-size: 24px;
        line-height: 32px
    }
    .table-delivery__top {
        display: none
    }
    .item-table-delivery .img img {
        width: 100%
    }
    .item-table-delivery .img {
        width: 100%;
        height: 80px
    }
    .item-table-delivery .time {
        width: 30%
    }
    .item-table-delivery .weight {
        width: 24%
    }
    .item-table-delivery .price {
        width: 24%
    }
    .item-table-delivery {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 32px
    }
    .services-blocks__title {
        font-size: 24px;
        line-height: 32px;
        margin: 0 auto 40px auto
    }
    .services-blocks__item:not(:last-child) {
        margin: 0 0 55px 0
    }
    .item-blocks__img {
        width: 100%;
        margin: 0 0 32px 0
    }
    .item-blocks__text {
        width: 100%;
        padding: 0
    }
    .item-blocks:nth-child(even) .item-blocks__img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .item-blocks:nth-child(even) .item-blocks__text {
        padding: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .item-blocks {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .blog__title {
        font-size: 24px;
        line-height: 32px;
        margin: 0 auto 60px auto
    }
    .blog {
        padding: 40px 0 70px 0
    }
    .item-blog__img {
        width: 100%;
        height: 290px
    }
    .item-blog__right {
        width: 100%;
        padding: 20px
    }
    .item-blog {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: unset;
        border-radius: 4px 4px 0 0;
        overflow: hidden
    }
    .blog-page__img {
        height: 600px
    }
    .blog-page__title {
        font-size: 24px;
        line-height: 32px
    }
    .blog-page__text h2 {
        font-size: 32px;
        line-height: 40px
    }
    .blog-page__text h3 {
        font-size: 20px;
        line-height: 28px
    }
    .blog-page {
        padding: 0 0 40px 0
    }
    .nav-blog a span {
        display: none
    }
    .item-faq__title {
        font-size: 14px;
        line-height: 24px
    }
    .info-contacts__item:not(:last-child) {
        margin: 0 0 32px 0
    }
    .info-contacts {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: unset
    }
    .order-work__title {
        font-size: 24px;
        line-height: 32px
    }
    .order-work__content {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        gap: 32px
    }
    .packaging__title {
        font-size: 24px;
        line-height: 32px
    }
    .packaging__content {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        gap: 32px
    }
    .item-packaging__img {
        height: 250px
    }
}

@media (max-width:29.99875em) {
    .cat-delivery__list li {
        font-size: 12px
    }
}

@media (any-hover:hover) {
    .main-btn:hover {
        background-color: #113ca8
    }
    .breadcrumbs__list li a:hover {
        color: #e63d26
    }
    .header__socials li a:hover {
        opacity: .7
    }
    .header__phone:hover {
        opacity: .7
    }
    .header.header--white .menu__list>li>a:hover {
        color: #e63d26
    }
    .header.header--white .menu__list>li.parent._active a:hover::after {
        background: url(../img/icons/more-parent-bl.svg) center center no-repeat
    }
    .header._header-scroll .menu__list>li>a:hover {
        color: #e63d26
    }
    .header._header-scroll .menu__list>li.parent._active a:hover::after {
        background: url(../img/icons/more-parent-bl.svg) center center no-repeat
    }
    .menu__list li.parent ul>li>a:hover {
        opacity: 1;
        color: #e63d26
    }
    .menu__list li.parent._active a:hover::after {
        background: url(../img/icons/more-parent-bl.svg) center center no-repeat
    }
    .menu__list li>a:hover {
        color: #e63d26
    }
    .footer__phone:hover {
        opacity: .7
    }
    .footer__mail:hover {
        opacity: .7
    }
    .menu-footer__list li a:hover {
        opacity: .7
    }
    .info-footer__socials li a:hover {
        opacity: .7
    }
    .item-services:hover {
        opacity: .7
    }
    .offers__submit:hover {
        opacity: .7
    }
    .text-section__container a:hover {
        text-decoration: none
    }
    .contacts-top-info__item a:hover {
        opacity: .7
    }
    .item-blog__title a:hover {
        color: #e63d26
    }
    .nav-blog a:hover {
        color: #e63d26
    }
    .nav-blog a:hover svg path {
        fill: #e63d26
    }
    .item-contacts .text a.phone:hover {
        color: #e63d26
    }
}