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

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

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

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

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

body {
  font-family: Montserrat,sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.1;
  background: url(../images/content/first-screen/bg-craft.png),#161515;
  color: #fff;
}

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

li,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Montserrat,sans-serif;
  font-weight: 700;
  margin: 0;
}

h1 {
  font-size: 90px;
  line-height: 1;
}

h2 {
  font-size: 48px;
  line-height: 1.1;
}

h3 {
  font-size: 24px;
  line-height: 1.2;
}

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

button {
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  color: inherit;
  cursor: pointer;
}

input {
  background-color: #fff;
}

.body-lock {
  overflow: hidden;
}

.container {
  margin: 0 auto;
  padding: 0 10px;
}

.wrapper {
  overflow: hidden;
}

.button-type-one {
  padding: 14px 40px 16px;
  color: #fff;
  background-color: #683115;
  box-shadow: 0 0 80px rgba(0,0,0,.3);
  border-radius: 6px;
  display: inline-block;
  font-family: Montserrat,sans-serif;
  font-weight: 700;
}

.buttton-type-two {
  padding: 11px 30px;
  border-radius: 6px;
  border: 1px solid #fff7b2;
  color: #fff7b2;
  transition: .3s ease all;
}

.buttton-type-two:hover {
  color: #d29545;
  border-color: #d29545;
}

.title__h2 {
  text-transform: uppercase;
}

.text__item {
  line-height: 1.6;
}

.title__brown {
  color: #d29545;
}

.read-next {
  display: block;
  font-size: 13px;
  font-family: Montserrat,sans-serif;
  font-weight: 400;
  color: #d29545;
  text-decoration: underline;
  margin: 21px 0 0;
  display: none;
}

.read-next-type-two {
  font-size: 14px;
  color: rgba(255,255,255,.7);
  font-family: Montserrat,sans-serif;
  font-weight: 500;
}

.hided__text {
  display: block;
}

.link-in-text {
  color: #d29545;
  transition: .3s ease all;
}

.link-in-text:hover {
  color: #fff7b2;
}

.production-button {
  font-family: Montserrat,sans-serif;
  font-weight: 500;
  display: flex;
  color: #231f20;
  background-color: #b1b1b1;
  border-radius: 5px;
  padding: 7px 10px;
  justify-content: center;
  font-size: 14px;
  transition: .3s ease all;
}

.production-button:hover {
  color: #fff;
  background-color: #d29545;
}

.production-button__fixed {
  min-width: 126px;
}

.production-button__small {
  min-width: 54px;
}

.name__not-break {
  white-space: nowrap;
}

.production-button--active {
  appearance: none;
  background-color: #d29545!important;
  color: #fff!important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.title_h3 {
  color: #d29545;
  text-transform: uppercase;
}

.underline-btn {
  font-size: 20px;
  text-decoration: underline;
  text-transform: uppercase;
  transition: .3s ease all;
  font-family: Montserrat,sans-serif;
  font-weight: 700;
}

.underline-btn--active {
  color: #d29545;
}

.underline-btn:hover {
  color: #d29545;
}

.header {
  transition: all .5s ease;
  background-color: #231f20;
  padding: 20px 0;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  position: fixed;
  z-index: 9;
}

.header__container {
  max-width: 1094px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__logo {
  max-width: 184px;
}

.header__logo a {
  display: block;
  width: 100%;
}

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

.header__list {
  display: flex;
  font-size: 20px;
  font-family: Montserrat,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.header__list__item {
  transition: .3s ease all;
  margin-right: 71px;
}

.header__list__item__link {
  display: block;
  width: 100%;
}

.header__list__item:hover {
  color: #d29545;
}

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

.header__list__products {
  display: none;
}

.header__mobile-btn {
  width: 41.5px;
  height: 29.2px;
  position: absolute;
  top: 0;
  margin: auto 0;
  bottom: 0;
  right: 10px;
  display: none;
}

.header__mobile-btn__line {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #fff;
  margin-bottom: 4px;
  transition: .3s ease all;
}

.header__mobile-btn__line:last-child {
  margin-bottom: 0;
}

.header__mobile-btn:hover .header__mobile-btn__line {
  transition: .3s ease all;
  background: #d29545;
}

.header--hided {
  transform: translateY(-100%);
}

.header__menu__active .header__nav {
  transform: translateX(0);
}

.first-screen {
  padding: 70px 0;
  height: 1080px;
  position: relative;
}

.first-screen__container {
  max-width: 1260px;
  margin-top: 83px;
  display: flex;
}

.first-screen__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  margin: 0 auto;
  z-index: -1;
}

.first-screen__bg img {
  top: -60px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
}

.first-screen__text {
  color: #231f20;
  max-width: 656px;
}

.first-screen__text__description {
  font-family: Montserrat,sans-serif;
  font-weight: 600;
  font-size: 30px;
  max-width: 448px;
  margin: 15px 0 28px;
  line-height: 1.2;
}

.first-screen__img {
  position: relative;
  height: 656px;
  width: 600px;
}

.first-screen__img__items {
  position: absolute;
  left: -113px;
  top: 20%;
}

.first-screen__img__items img {
  width: 100%;
  height: auto;
}

.first-screen__img__medal {
  position: absolute;
  top: 130px;
  right: 0;
}

.quality {
  margin-top: 60px;
}

.quality__container {
  max-width: 1327px;
}

.quality__text {
  margin: 0 0 75px;
}

.quality__text__description {
  margin: 30px 0 0 0;
}

.quality__demonstration__btns {
  display: flex;
  align-items: center;
  margin: 0 0 21px;
}

.quality__demonstration__btns__btn {
  margin: 0 58px 0 0;
}

.quality__demonstration__btns__btn:last-child {
  margin: 0;
}

.quality__slider {
  position: relative;
}

.quality__slider__item__img {
  margin: 0 0 7px;
}

.quality__slider__item__img img {
  width: 100%;
  height: auto;
  max-width: 1326px;
}

.quality__slider__item__btns {
  display: flex;
  margin: 0 auto 26px 0;
  padding: 0 127px 0 0;
  justify-content: flex-end;
}

.quality__slider__item__text {
  max-width: 1278px;
  color: rgba(255,255,255,.7);
}

.quality__slider__item__text__read-next {
  display: none;
}

.quality__slider__btn {
  display: block;
  width: 11px;
  height: 11px;
  border: 1px solid #d29545;
  margin: 0 11px 0 0;
}

.quality__slider__btn:last-child {
  margin: 0;
}

.quality__slider__btn--active {
  background-color: #d29545;
}

.production {
  margin: 174px 0 0;
  position: relative;
}

.production__bg {
  width: 100%;
  max-width: 1286px;
  height: 100%;
  max-height: 406px;
  display: block;
  position: absolute;
  top: 0;
  mix-blend-mode: screen;
  right: 30%;
  transform: translate(-10%,-20%);
  z-index: -1;
  opacity: .6;
}

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

.production__description {
  max-width: 1318px;
  margin: 0 auto;
}

.production__description__text {
  margin: 32px 0 0;
}

.production__choose {
  display: flex;
  align-items: center;
  max-width: 900px;
  justify-content: space-between;
  margin: 60px auto 0;
}

.production__choose__choose-block {
  padding: 5px;
  background-color: #d29545;
  display: flex;
  align-items: center;
  border-radius: 6px;
}

.production__choose__choose-block img {
  margin: 0 10px;
}

.production__choose__button__cat img {
  max-width: 221px;
}

.production__choose__button__dog img {
  max-width: 331px;
}

.production__block {
  max-width: 1601px;
  margin-left: 280px;
}

.production__block__dogs {
  margin: 100px 0 0 auto!important;
}

.production__block__dogs__figure-1 {
  content: "";
  position: absolute;
  top: 35%;
  left: 0;
  opacity: .1;
  z-index: -1;
}

.production__block__dogs__figure-2 {
  content: "";
  width: 887px;
  height: 1555px;
  position: absolute;
  right: 0;
  top: 30%;
  opacity: .1;
  z-index: -1;
}

.production__block__wrapper {
  max-width: 1920px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 83px auto 0;
}

.production__block__description {
  display: flex;
  align-items: center;
}

.production__block__description__title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 20px;
  color: #d29545;
  font-family: Montserrat,sans-serif;
  font-weight: 700;
}

.production__block__description__title img {
  margin-right: 18px;
}

.production__block__description__title__text {
  position: relative;
}

.production__block__description__title__text:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #d29545;
}

.production__block__description__btn {
  margin-left: 71px;
}

.production__products {
  display: flex;
  flex-wrap: wrap;
  margin: 38px 0 0;
}

.production__products__row {
  width: 100%;
}

.production__products__row__cans {
  display: flex;
  flex-wrap: wrap;
}

.production__products__row .swiper-slide {
  width: initial;
  height: initial;
}

.production__products__row .swiper-wrapper {
  /*flex-wrap: wrap;*/
  /*align-items: flex-end;*/
}

/*.production__item {*/
/*  max-width: 360px;*/
/*}*/
.production__item {
  margin: 20px;
  max-width: 260px;
  min-height: 550px;
  height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.production__item__title,
.production__item__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.production__item__link {
  width: 125px;
}
.production__item__img img:not(.lakomstvo-img) {
  max-height: 300px;
}
.production__item__img img {
  width: auto;
  height: auto;
  max-width: 300px;
  max-height: 400px;
}

.production__item__two .swiper {
  max-width: 300px;
  margin-left: 0;
}

.production__item__two .swiper-wrapper {
  align-items: flex-end;
  flex-wrap: nowrap;
}

.production__item__two__img img {
  max-width: 230px;
}

.production__item__two__img__big {
  max-width: 250px;
}

.production__item__two__img__big img {
  max-width: initial;
  width: 100%;
  height: auto;
}

.production__item__three {
  max-width: 311px;
}

.production__item__three__can .production__item__img {
  transform: none;
  display: flex;
  justify-content: center;
  margin: 0 0 32px;
}

.production__item__img {
  max-width: 308px;
  overflow: hidden;
}

.production__item__img__three {
  transform: translateX(-50px) rotate(-5deg);
}

.production__item__title {
  margin: 27px 0 18px;
}

.production__item__title__three {
  margin: 0;
}

.production__item__text {
  color: rgba(255,255,255,.7);
  font-family: Montserrat,sans-serif;
  font-weight: 500;
}

.production__item__btns {
  display: flex;
  margin: 14px 0 26px;
}

.production__item__btns__btn {
  margin: 0 7px 0 0;
}

.production__item__btns__btn:last-child {
  margin: 0;
}

.production__item__link {
  display: inline-block;
}

.production__item__link__three {
  margin: 36px 0 0;
}

.benefit {
  margin: 144px 0 0;
  position: relative;
}

.benefit__popup {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,.7);
  position: fixed;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}

.benefit__popup__body {
  transition: all .5s ease;
  width: 100%;
  max-width: 309px;
  border-radius: 20px;
  border: 5px solid #d29545;
  background-color: #231f20;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 55px 13px 0;
  min-height: 289px;
}

.benefit__popup__body__img {
  position: absolute;
  width: 100%;
  height: auto;
  max-width: 77px;
  left: 0;
  top: 20px;
}

.benefit__popup__body__text {
  font-size: 16px;
  letter-spacing: -.01em;
  min-height: 80px;
}

.benefit__popup--left .benefit__popup__body {
  transform: translateX(-60vw);
}

.benefit__popup--right .benefit__popup__body {
  transform: translateX(60vw);
}

.benefit__popup__2 .benefit__popup__body__text {
  min-height: 110px;
}

.benefit__popup__7 .benefit__popup__body__text {
  min-height: 110px;
}

.benefit__bg-cloud {
  width: 100%;
  max-width: 1193px;
  height: 100%;
  max-height: 306px;
  display: block;
  position: absolute;
  top: -10%;
  mix-blend-mode: screen;
  left: 0;
  transform: translateX(-20%);
  z-index: -1;
}

.benefit__bg-cloud img {
  width: 100%;
  height: auto;
}

.benefit__bg-figure {
  width: 100%;
  height: 100%;
  max-height: 242px;
  display: block;
  position: absolute;
  top: 85%;
  mix-blend-mode: screen;
  z-index: -1;
  display: none;
}

.benefit__bg-figure img {
  width: 100%;
  height: auto;
}

.benefit__container {
  max-width: 1327px;
}

.benefit__about {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1144px;
  margin: 204px auto 0;
  position: relative;
  padding: 0 280px;
}

.benefit__about__adaptive {
  display: none;
}

.benefit__about img {
  width: 100%;
  height: auto;
  max-width: 516px;
}

.benefit__item {
  display: block;
  max-width: 160px;
  font-size: 16px;
  font-family: Montserrat,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #d29545;
  position: absolute;
  line-height: 1.4;
}

.benefit__item__popup-text {
  display: none;
}

.benefit__item img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.benefit__item__first {
  left: 9.965034965%;
  bottom: 7.9457364341%;
}

.benefit__item__first img {
  margin: 0 auto 20px;
}

.benefit__item__second {
  max-width: 227px;
  bottom: 47.7329974811%;
  left: 0;
}

.benefit__item__third {
  max-width: 174px;
  left: 9.965034965%;
  top: 0;
}

.benefit__item__four {
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 104.9370277078%;
  max-width: 174px;
}

.benefit__item__five {
  right: 9.965034965%;
  top: 0;
}

.benefit__item__five img {
  margin: 0 auto 7px;
}

.benefit__item__six {
  right: 2%;
  bottom: 47.7329974811%;
}

.benefit__item__six img {
  margin: 0 auto 13px;
}

.benefit__item__seven {
  max-width: 132px;
  right: 9.965034965%;
  bottom: 7.9457364341%;
}

.benefit__item__seven img {
  margin: 0 auto 20px;
}

.benefit__item .benefit__item__gray {
  display: none;
}

.benefit__popup__body__text {
  line-height: 160%;
}

.popup--active {
  opacity: 1;
  visibility: visible;
}

.popup--active .benefit__popup__body {
  transform: translateX(0);
}

.promocode {
  margin: 269px 0 0;
  position: relative;
}

.promocode__bg {
  width: 100%;
  max-width: 1286px;
  height: 100%;
  max-height: 406px;
  display: block;
  position: absolute;
  top: 4%;
  mix-blend-mode: screen;
  right: 33%;
  z-index: -1;
  display: none;
  border: none;
}

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

.promocode__container {
  max-width: 1327px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.promocode__text {
  width: 50%;
  max-width: 543px;
}

.promocode__text__title {
  font-family: Montserrat,sans-serif;
  font-weight: 800;
  font-size: 60px;
  text-transform: uppercase;
  line-height: 1;
}

.promocode__text__title__x3 {
  text-transform: lowercase;
  font-size: 150px;
}

.promocode__text__description {
  margin: 42px 0 36px;
}

.promocode__text__description span {
  white-space: nowrap;
}

.promocode__text__addition {
  font-size: 13px;
  line-height: 1.5;
  font-family: Montserrat,sans-serif;
  font-weight: 500;
}

.promocode__promotion {
  width: 50%;
  max-width: 577px;
}

.promocode__promotion__item {
  display: flex;
  justify-content: flex-end;
  position: relative;
  min-height: 249px;
}

.promocode__promotion__item__second {
  justify-content: flex-start;
  min-height: initial;
  max-width: 595px;
}

.promocode__promotion__item__img {
  position: absolute;
  left: -14%;
  top: -6%;
}

.promocode__promotion__item__img__second {
  left: initial;
  right: -30px;
  top: -60%;
}

.promocode__promotion__item__num {
  display: block;
  font-size: 60px;
  max-height: 75px;
}

.promocode__promotion__item__text {
  max-width: 393px;
  font-family: Montserrat,sans-serif;
  font-weight: 700;
}

.how {
  margin: 199px 0 0;
  width: 100%;
  position: relative;
}

.how__popup {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,.7);
  position: fixed;
  z-index: 8;
  transition: all .5s ease;
  opacity: 0;
  visibility: hidden;
}

.how__popup__body {
  width: 100%;
  max-width: 1278px;
  height: 531px;
  max-height: calc(100vh - 210px);
  overflow: auto;
  position: relative;
  background: url(../images/content/how-we-do-it/open-1.png);
}

.how__popup__body__second {
  background: url(../images/content/how-we-do-it/open-2.png);
}

.how__popup__body__third {
  background: url(../images/content/how-we-do-it/open-3.png);
}

.how__popup__body__four {
  background: url(../images/content/how-we-do-it/open-4.png);
}

.how__popup__second__list {
  list-style: decimal;
}

.how__popup__second__item {
  list-style: decimal;
  margin: 7px 0 0 17px;
}

.how__popup__four__list {
  list-style: inside;
}

.how__popup__four__item {
  list-style: initial;
  margin: 0 0 0 17px;
}

.how__popup__text {
  color: rgba(0,0,0,.7);
  font-size: 16px;
  font-family: Montserrat,sans-serif;
  font-weight: 500;
  max-width: 526px;
  margin: 58px 33px;
}

.how__popup__text__third {
  margin: 103px 0 0 43px;
}

.how__popup__text__four {
  max-width: 600px;
}

.how__popup__text__item__title {
  font-family: Montserrat,sans-serif;
  font-weight: 600;
}

.how__popup__img {
  display: none;
}

.how__popup__active {
  opacity: 1;
  visibility: visible;
}

.how__container {
  max-width: 1327px;
  margin: 0 auto;
}

.how__title {
  padding: 0 10px;
}

.how__bg {
  width: 100%;
  max-width: 898px;
  height: 100%;
  max-height: 329px;
  position: absolute;
  top: -5%;
  left: 0;
  transform: translateX(-56%);
  z-index: -1;
  mix-blend-mode: overlay;
}

.how__bg img {
  display: block;
  width: 100%;
  height: auto;
}

.how__bg-cloud {
  width: 100%;
  max-width: 898px;
  height: 100%;
  position: absolute;
  top: -2%;
  left: 0;
  z-index: -1;
  mix-blend-mode: screen;
  display: none;
}

.how__bg-cloud img {
  display: block;
  width: 100%;
  height: auto;
}

.how__items {
  margin: 72px 0 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.how__item {
  width: 100%;
  margin: 20px 10px;
  max-width: 626px;
}

.how__item__title {
  display: flex;
  font-family: Montserrat,sans-serif;
  font-weight: 700;
  align-items: flex-start;
  font-size: 24px;
  line-height: 1.6;
  margin: 0 0 20px;
}

.how__item__title__num {
  margin: 0 13px 0 0;
  padding: 8px;
  min-height: 50px;
  min-width: 50px;
  background-color: #d29545;
  border-radius: 50%;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Montserrat,sans-serif;
  font-weight: 700;
}

.how__item__img {
  margin: 0 0 23px;
}

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

.how__item__text {
  margin: 0 0 25px;
}

.footer {
  padding: 116px 0 78px;
  position: relative;
}

.footer__bg {
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: -10px;
}

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

.footer__container {
  max-width: 1327px;
  margin: 0 auto;
}

.footer__content {
  max-width: 265px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
}

.footer__content__logo {
  width: 100%;
  max-width: 240px;
}

.footer__to-start {
  display: block;
  margin-left: auto;
}

.footer__to-start__icon {
  display: block;
  margin: 0 0 16px;
}

.footer__mail {
  font-family: Montserrat,sans-serif;
  font-weight: 500;
  font-size: 21px;
  margin: 10px 0 0;
  display: block;
  text-align: right;
}

@media (max-width:1899px) {
  .production__block {
    max-width: 1318px;
    margin: 0;
  }
}

@media (max-width:1320px) {
  .how__item {
    max-width: 550px;
  }
}

@media (max-width:1236px) {
  .promocode__promotion {
    margin: 0 0 0 20px;
  }

  .promocode__promotion__item__img {
    width: 100%;
    max-width: 220px;
    height: auto;
    left: -5%;
  }

  .promocode__promotion__item__img__second {
    top: initial;
    bottom: 0;
    left: initial;
    max-width: 300px;
  }

  .promocode__promotion__item__text {
    margin: 0 0 0 220px;
  }

  .promocode__promotion__item__text__second {
    margin: 0 300px 0 0;
  }
}

@media (max-width:1200px) {
  .production__block__dogs__figure-1 {
    max-width: 200px;
  }

  .production__block__dogs__figure-1 img {
    width: 100%;
    height: auto;
  }

  .production__block__dogs__figure-2 {
    max-width: 500px;
    bottom: 300px;
  }

  .production__block__dogs__figure-2 img {
    width: 100%;
    height: auto;
  }
}

@media (max-width:1164px) {
  .how__bg {
    top: -20%;
    max-width: 598px;
    transform: translateX(-20%);
  }

  .how__items {
    margin: 30px 0 0;
  }

  .how__title {
    font-size: 32px;
  }

  .how__item {
    max-width: 450px;
  }

  .how__item__title {
    font-size: 16px;
  }

  .how__item__title__num {
    font-size: 16px;
    min-width: 28px;
    min-height: 28px;
    padding: 1px;
  }

  .how__item__img {
    margin: 0 0 16px;
  }

  .how__item__text {
    font-size: 14px;
  }
}

@media (max-width:1150px) {
  .benefit__item__first {
    bottom: 0;
  }

  .benefit__item__second {
    bottom: 42.732997%;
  }

  .benefit__item__third {
    top: -9%;
  }

  .benefit__item__five {
    top: -9%;
  }

  .benefit__item__six {
    bottom: 42.732997%;
  }

  .benefit__item__seven {
    bottom: 0;
  }
}

@media (max-width:1110px) {
  .first-screen {
    height: 620px;
  }

  .first-screen__container {
    max-width: 900px;
  }

  .first-screen__container {
    margin-top: 60px;
    justify-content: space-between;
  }

  .first-screen__bg img {
    width: 100%;
    min-width: 1100px;
  }

  .first-screen__text__title {
    max-width: 336px;
    font-size: 48px;
  }

  .first-screen__text__description {
    max-width: 336px;
    font-size: 16px;
  }

  .first-screen__img {
    max-width: 343px;
    max-height: 390px;
  }

  .first-screen__img__items {
    top: -10%;
    max-width: 343px;
  }

  .first-screen__img__medal {
    top: 0;
  }

  .first-screen .button-type-one {
    padding: 10px 20px;
    font-size: 12px;
  }
}

@media (max-width:1092px) {
  .promocode {
    margin: 125px 0 0;
  }

  .promocode__text {
    max-width: 434px;
  }

  .promocode__text__title {
    font-size: 32px;
  }

  .promocode__text__title__x3 {
    font-size: 100px;
  }

  .promocode__text__title__x3__x {
    font-size: 50px;
  }

  .promocode__text__description {
    margin: 14px 0 16px;
    font-size: 14px;
  }

  .promocode__text__addition {
    font-size: 11px;
    line-height: 1.55;
    color: #d29545;
  }

  .promocode__promotion {
    max-width: 490px;
  }

  .promocode__promotion__item {
    min-height: 162px;
    margin: 0 0 40px;
  }

  .promocode__promotion__item__second {
    min-height: initial;
    margin: 0;
  }

  .promocode__promotion__item__img {
    width: 100%;
    max-width: 125px;
    height: auto;
    left: -4%;
    top: 11%;
  }

  .promocode__promotion__item__img__second {
    top: initial;
    bottom: -20%;
    right: 0;
    left: initial;
    max-width: 184px;
  }

  .promocode__promotion__item__num {
    color: #d29545;
  }

  .promocode__promotion__item__num__second {
    display: flex;
    align-items: center;
    margin: 0 10px 0 0;
  }

  .promocode__promotion__item__text {
    margin: 0 0 0 125px;
    font-size: 14px;
  }

  .promocode__promotion__item__text__second {
    margin: 0 150px 0 0;
    display: flex;
    align-items: center;
  }
}

@media (max-width:1044px) {
  .header__list__item {
    margin-right: 50px;
  }

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

@media (max-width:960px) {
  .how__item {
    max-width: 433px;
    margin: 15px 5px;
  }
}

@media (max-width:900px) {
  .buttton-type-two {
    font-size: 14px;
  }

  .production__item__link {
    width: auto;
    margin: 0;
  }

  .production-button {
    font-size: 12px;
  }

  body {
    font-size: 14px;
  }

  h2 {
    font-size: 32px;
    line-height: 1.3;
  }

  h3 {
    font-size: 16px;
  }

  .underline-btn {
    font-size: 14px;
  }

  .header {
    padding: 10px 0;
  }

  .header__logo {
    max-width: 89px;
  }

  .header__list {
    font-size: 14px;
  }

  .header__list__item {
    margin-right: 68px;
  }

  .first-screen {
    height: 575px;
    padding: 20px 0;
  }

  .first-screen__container {
    margin: 80px 0;
  }

  .first-screen__bg img {
    top: -10px;
    min-width: 1000px;
  }

  .first-screen__img {
    max-width: 531px;
    max-height: 390px;
  }

  .first-screen__img__items {
    top: 0;
    max-width: 343px;
    left: 5%;
  }

  .first-screen__img__medal {
    max-width: 100px;
    top: 0;
  }

  .first-screen__img__medal img {
    width: 100%;
    height: auto;
  }

  .quality {
    margin-top: 10px;
  }

  .quality__text {
    margin: 0 0 26px;
  }

  .production__block__dogs__figure-1 {
    display: none;
  }

  .production__block__dogs__figure-2 {
    display: none;
  }

  .production {
    margin: 43px 0 0;
  }

  .production__bg {
    top: -1%;
    transform: translate(10%,0);
  }

  .production__description__text {
    margin: 5px 0 0;
  }

  .production__choose {
    margin: 30px auto 0;
    max-width: 562px;
  }

  .production__choose__button {
    max-width: 122px;
  }

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

  .production__choose__button__dog {
    max-width: 174px;
  }

  .production__choose__choose-block {
    font-size: 12px;
  }

  .production__block__wrapper {
    margin: 53px auto 0;
  }

  .production__block__description {
    justify-content: space-between;
  }

  .production__block__description__btn {
    margin: 0;
  }

  .production__block__description__title {
    font-size: 14px;
  }

  .production__item {
    max-width: 200px;
    height: 400px;
    min-height: auto;
  }

  .production__item__img img {
    max-height: 300px;
    object-fit: contain;
  }

  .production__item .swiper {
    max-width: 145px;
    margin-left: 0;
  }

  .production__item__three__can .production__item__img img {
    max-width: 100px;
  }

  .production__item__two__img {
    margin: 0 5px;
    max-width: 135px;
  }

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

  .production__item__two__img__big {
    max-width: 160px;
  }

  .production__item__img {
    max-width: 170px;
  }

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

  .production__item__img__three {
    transform: translateX(-20px) rotate(-5deg);
  }

  .production__item__title {
    margin: 19px 0 13px;
  }

  .production__item__text {
    font-size: 12px;
  }

  .production__item__btns {
    margin: 16px 0;
  }

  .production__item__btns__btn {
    font-size: 11px;
  }

  .benefit {
    margin: 73px 0;
  }

  .benefit__bg-figure {
    display: block;
  }

  .benefit__item {
    font-size: 14px;
  }

  .benefit__item__first {
    max-width: 128px;
    bottom: 0;
  }

  .benefit__item__first img {
    max-width: 85px;
  }

  .benefit__item__second {
    max-width: 190px;
    bottom: 44%;
  }

  .benefit__item__second img {
    max-width: 134px;
  }

  .benefit__item__third {
    max-width: 133px;
  }

  .benefit__item__third img {
    max-width: 109px;
  }

  .benefit__item__four {
    max-width: 116px;
  }

  .benefit__item__four img {
    max-width: 101px;
  }

  .benefit__item__five {
    max-width: 160px;
  }

  .benefit__item__five img {
    max-width: 122px;
  }

  .benefit__item__six {
    max-width: 134px;
    bottom: 44%;
  }

  .benefit__item__six img {
    margin: 0 auto 7px;
    max-width: 94px;
  }

  .benefit__item__seven {
    max-width: 118px;
  }

  .benefit__item__seven img {
    margin: 0 auto 7px;
    max-width: 84px;
  }
}

@media (max-width:880px) {
  .how__item {
    max-width: 360px;
  }
}

@media (max-width:780px) {
  .benefit {
    margin: 55px 0 0;
  }

  .benefit__bg-figure {
    display: none;
  }

  .benefit__bg-cloud {
    top: -4%;
  }

  .benefit::after {
    content: "";
    width: 100%;
    max-width: 148px;
    height: 100%;
    max-height: 896px;
    position: absolute;
    right: 0;
    top: 140px;
    mix-blend-mode: overlay;
    background: url(../images/content/benefits/mobile-right.png);
  }

  .benefit::before {
    content: "";
    width: 100%;
    max-width: 130px;
    height: 100%;
    max-height: 799px;
    position: absolute;
    left: 0;
    top: 240px;
    mix-blend-mode: overlay;
    background: url(../images/content/benefits/mobile-left.png);
  }

  .benefit__about {
    padding: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px auto 0;
  }

  .benefit__about__adaptive {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .benefit__about__non-adaptive {
    display: none;
  }

  .benefit__about__products {
    display: none;
  }

  .benefit__item {
    font-size: 16px;
    position: static;
    margin: 0 0 33px;
  }

  .benefit__item__gray {
    color: #a2a2a2;
  }

  .benefit__item__first {
    max-width: 158px;
  }

  .benefit__item__first img {
    max-width: 100px;
    margin: 0 auto 10px;
  }

  .benefit__item__third {
    max-width: 203px;
  }

  .benefit__item__third img {
    max-width: 134px;
  }

  .benefit__item__seven {
    max-width: 149px;
  }

  .benefit__item__seven img {
    max-width: 89px;
  }

  .benefit__item__four {
    max-width: 170px;
  }

  .benefit__item__four img {
    max-width: 125px;
  }

  .benefit__item__five {
    max-width: 189px;
  }

  .benefit__item__five img {
    max-width: 144px;
  }

  .benefit__item__six {
    max-width: 156px;
  }

  .benefit__item__six img {
    max-width: 115px;
  }

  .benefit__item__second {
    max-width: 223px;
  }

  .benefit__item__second img {
    max-width: 187px;
  }

  .benefit__item:last-child {
    margin: 0;
  }

  .promocode {
    margin: 24px 0 0;
  }

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

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

  .promocode__text {
    max-width: initial;
    width: 100%;
  }

  .promocode__promotion {
    max-width: 600px;
    width: 100%;
  }

  .promocode__promotion__item__text {
    display: flex;
    align-items: center;
  }

  .promocode__promotion__item__num {
    display: flex;
    align-items: center;
    margin: 0 10px 0 0;
  }
}

@media (max-width:766px) {
  .first-screen__img {
    max-width: 531px;
    max-height: 390px;
  }

  .first-screen__img__items {
    top: 0;
    max-width: 343px;
    left: 5%;
  }

  .first-screen__img__medal {
    display: none;
  }
}

@media (max-width:739px) {
  .how__bg {
    top: -10%;
  }

  .footer__bg img {
    /*width: 135%;*/
  }

  .footer__to-start {
    max-width: 99px;
  }

  .footer__to-start img {
    width: 100%;
    height: auto;
  }

  .footer__mail {
    font-size: 14px;
  }

  .footer__content {
    max-width: 155px;
  }
}

@media (max-width:720px) {
  .header__list__item {
    margin-right: 40px;
  }

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

@media (max-width:700px) {
  .production__block__wrapper {
    display: block;
  }

  .production__products__row .swiper-wrapper {
    align-items: initial;
    flex-wrap: nowrap;
    align-items: flex-end;
  }

  .how__popup__body {
    background: #231f20;
    min-height: initial;
    height: initial;
    max-height: calc(100vh - 100px);
  }

  .how__popup__text {
    position: static;
    color: #a6a6a6;
    font-size: 14px;
    max-width: 100%;
    margin: 19px 16px;
  }

  .how__popup__text__four {
    max-width: 100%;
  }

  .how__popup__text__item__title {
    font-family: Montserrat,sans-serif;
    font-weight: 500;
  }

  .how__popup__second__list {
    list-style: outside;
  }

  .how__popup__second__item {
    list-style: outside;
    margin: 0 0 0 17px;
  }

  .how__popup__four__list {
    list-style: none;
  }

  .how__popup__four__item {
    list-style: none;
    margin: 15px 0;
  }

  .how__popup__img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 471px;
  }
}

@media (max-width:656px) {
  .header {
    margin: 0;
    padding: 20px 0;
  }

  .header__container {
    justify-content: center;
  }

  .header__nav {
    transition: all .5s ease;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    padding: 46px 0 10px 29px;
    background-color: #231f20;
    height: 100vh;
    overflow: auto;
    z-index: 10;
  }

  .header__logo {
    max-width: 160px;
  }

  .header__mobile-btn {
    display: block;
  }

  .header__list {
    display: block;
  }

  .header__list__item {
    margin-bottom: 25px;
    position: relative;
  }

  .header__list__item::after {
    content: "";
    display: block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: -20px;
    top: -1px;
    background: url(../icons/chevron-right.svg);
  }

  .header__list__products {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
  }

  .header__list__products__item {
    color: #d29545;
  }

  .header__list__products__item__witout::after {
    display: none;
  }
}

@media (max-width:655px) {
  .production-button {
    font-size: 12px;
  }

  .production-button__fixed {
    min-width: 109px;
  }

  .hided__text {
    display: none;
  }

  .underline-btn {
    font-size: 12px;
  }

  .read-next {
    display: block;
  }

  h3 {
    font-size: 19px;
  }

  .first-screen {
    margin: 65px 0 0;
    height: 800px;
  }

  .first-screen__container {
    margin-top: 30px;
    flex-direction: column;
    align-items: center;
  }

  .first-screen__text__description {
    margin: 15px 0 20px;
    max-width: 300px;
    line-height: 1.3;
  }

  .first-screen__bg {
    height: 800px;
  }

  .first-screen__bg img {
    width: 100%;
    min-height: 800px;
  }

  .first-screen__img {
    width: 100%;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .first-screen__img__items {
    position: static;
  }

  .quality {
    margin-top: 30px;
  }

  .quality__demonstration__btns {
    justify-content: space-between;
  }

  .quality__demonstration__btns__btn {
    margin-right: 0;
  }

  .quality__slider__item__btns {
    padding: 0;
    margin: 0 0 16px;
    justify-content: center;
  }

  .quality__slider__item__text__read-next {
    display: block;
  }

  .production__block__description {
    flex-wrap: wrap;
  }

  .production__block__description__title {
    width: 100%;
    margin: 0 0 20px;
  }

  .production__item {
    max-width: 225px;
  }

  .production__item__img {
    max-width: 148px;
  }

  .production__item__text {
    font-size: 16px;
  }
}

@media (max-width:560px) {
  .production__bg {
    top: -1%;
  }

  .production__choose {
    max-width: 325px;
  }

  .production__choose__button {
    max-width: 54px;
  }

  .production__choose__button__dog {
    max-width: 66px;
  }

  .production__choose__choose-block {
    padding: 10px 15px;
  }

  .production__choose__choose-block img {
    display: none;
  }

  .production__block__description__title img {
    display: none;
  }
}

@media (max-width:500px) {
  .first-screen__bg img {
    min-width: 0;
  }

  .promocode__text {
    margin: 0 0 24px;
  }

  .promocode__text__title {
    font-size: 23px;
    margin: 0 0 21px;
  }

  .promocode__text__addition {
    font-size: 13px;
  }

  .promocode__promotion__item {
    margin: 0;
  }

  .promocode__promotion__item__img {
    max-width: 113px;
  }

  .promocode__promotion__item__img__second {
    max-width: 140px;
  }

  .promocode__promotion__item__text {
    margin: 0 0 0 113px;
  }

  .promocode__promotion__item__text__second {
    margin: 0 134px 0 0;
  }
}

@media (max-width:480px) {
  .footer {
    padding: 30px 0 38px;
  }

  .footer__bg img {
    /*width: 120%;*/
  }

  .footer__mail {
    font-size: 9px;
  }

  .footer__content {
    max-width: 105px;
  }
}

@media (max-width:460px) {
  h2 {
    font-size: 23px;
  }

  body {
    font-size: 16px;
  }

  .how__bg {
    transform: translateX(-20%) rotate(15deg);
    top: -14%;
  }

  .how__bg img {
    /*width: 130%;*/
  }

  .how__bg-cloud {
    display: block;
  }

  .how__title {
    font-size: 23px;
  }

  .how__item__title {
    margin: 0 0 9px;
  }

  .how__item__img {
    margin: 0 0 13px;
  }

  .how__item__text {
    margin: 0 0 8px;
  }

  .how__item__btn {
    font-size: 11px;
  }
}

@media (max-width:400px) {
  .production-button {
    font-size: 12px;
  }

  .container {
    padding: 0 20px;
  }

  .how__title {
    padding: 0 20px;
  }

  .production__item__two {
    width: 100%;
    margin: 30px 0;
    padding: 0 10px;
  }

  .production__item__two .swiper-wrapper {
    align-items: flex-end;
  }

  .production__item__two__img {
    margin: 0;
    max-width: 160px;
  }

  .production__item__two__img img {
    max-width: 130px;
  }

  .production__item__two__img__big img {
    max-width: 141px;
  }

  .production__item__two__btns {
    justify-content: center;
  }

  .production__item__two__link {
    display: flex;
    /*margin: 0 auto;*/
    max-width: 126px;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width:380px) {
  .production-button__fixed {
    min-width: 90px;
    padding: 6px 5px;
  }
}