@keyframes a{
  0%{
    transform:translatey(-100%)
  }

  to{
    transform:translatey(0)
  }
}

.container,
body{
  position:relative
}

.container{
  margin:0 auto;
  max-width:100%;
  width:430px;
  padding:0 30px
}

body{
  margin:0;
  overflow-x:hidden;
}

.main{
	max-width:1440px;
	margin:0 auto;
}

main{
	font-family:SFProDisplay-Regular;
	color:#555
}

body.no-scroll{
  overflow-y:hidden
}

*{
  box-sizing:border-box
}

*,
:focus{
  outline:0
}

a,
button,
input,
li,
textarea{
  border:0;
  text-decoration:none;
  color:inherit;
  background:0 0
}

a,
button,
li{
  padding:0;
  margin:0;
  cursor:pointer;
  font-family:inherit
}

a:active,
button:active,
input:active,
li:active,
textarea:active{
  outline:0
}

ul li{
  list-style:none;
  cursor:default
}

input,
textarea{
  outline:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  font-family:SFProDisplay-Regular
}

input:-ms-input-placeholder,
input::-ms-input-placeholder,
textarea:-ms-input-placeholder,
textarea::-ms-input-placeholder{
  color:inherit;
  font-size:inherit;
  font-family:SFProDisplay-Regular;
  transition:all .3s
}

input::placeholder,
textarea::placeholder{
  color:inherit;
  font-size:inherit;
  font-family:SFProDisplay-Regular;
  transition:all .3s
}

textarea{
  resize:none;
  max-height:100%;
  padding-right:9px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-color:#e76868 #ededed;
  scrollbar-width:thin
}

textarea::-webkit-scrollbar{
  width:4px
}

textarea::-webkit-scrollbar-track{
  background:#ededed
}

textarea::-webkit-scrollbar-thumb{
  background:#e76868
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button{
  -webkit-appearance:none
}

.logo{
  display:flex
}

html{
  display:grid
}

.wrapper-auto{
	margin:0 auto
}

.wrapper{
  display:grid;
  grid-template-rows:auto 1fr auto;
  grid-template-columns:100%;
  overflow-x:hidden
}

.wrapper>*{
  width:100%
}

h1,
h2,
ul{
  margin:0;
  padding:0;
  font-weight:400;
  font-size:inherit
}

img{
  max-width:100%;
  border:0
}

.input-wrapper{
  display:grid
}

input[type=submit]{
  cursor:pointer
}

.button,
.menu li,
.submit,
.tel,
a,
svg{
  transition:all .3s
}

.menu li a{
  transition:none
}

[hidden]{
  display:none!important
}

.ibg{
  position:relative
}

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

.hide-md{
  display:inline-block
}

.swiper-pagination{
  display:grid;
  gap:10px;
  width:100%;
  grid-auto-flow:column;
  justify-content:center
}

.swiper-pagination-bullet{
  border-radius:50%;
  background:#ededed;
  cursor:pointer;
  transition:all .3s
}

.swiper-pagination-bullet-active{
  background:#e03c3c
}

.swiper-wrapper{
  display:grid;
  grid-auto-flow:column
}

.swiper-slide{
  display:grid
}

.wrapper{
  max-width:1440px;
  overflow:hidden
}

.title{
  line-height:1.1111111111;
  letter-spacing:-.3px;
  font-family:SFProDisplay-Bold
}

.title_big{
  font-family:SFProDisplay-Medium;
  line-height:1.2;
  letter-spacing:-.5px
}

.button,
.city{
  font-family:SFProDisplay-Bold
}

.button{
  padding:.6666666667em 2.7111111111em;
  color:#555;
  letter-spacing:-.3px;
  background:#dadada;
  border-radius:10px
}

.city{
  display:flex;
  gap:8px;
  align-items:center
}

.city svg{
  width:10px;
  height:15px
}

.whatsapp svg{
  width:23px;
  height:23px
}

.tel{
  white-space:nowrap
}

.cart,
.tel{
  line-height:1.25;
  font-family:SFProDisplay-Bold
}

.cart{
  align-items:center;
  gap:7px;
  transition:all .3s;
  cursor:pointer
}

.cart svg{
  width:22px;
  height:22px
}

.cart,
.wishlist{
  display:flex
}

.wishlist svg{
  width:22px;
  height:18px
}

.catalog__button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:.3125em .625em;
  border-radius:3px;
  background:#ededed;
  cursor:pointer;
  transition:all .3s
}

.catalog__button svg{
  width:11px;
  height:11px
}

.catalog__button span,
.catalog__menu{
  font-family:SFProDisplay-Bold;
  letter-spacing:-.3px
}

.catalog__menu{
  display:flex;
  line-height:1.3157894737
}

.main{
  display:grid;
  grid-template-columns:100%;
  width:100%;
  align-content:start
}

.main__item:first-child{
  order:1
}

.main__item:nth-child(2){
  order:2
}

.main__item:nth-child(3){
  order:3
}

.main__item:nth-child(4){
  order:4
}

.main__item:nth-child(5){
  order:5
}

.main__item:nth-child(6){
  order:6
}

.main__item:nth-child(7){
  order:7
}

.main__item:nth-child(8){
  order:8
}

.main__item:nth-child(9){
  order:9
}

.main__item:nth-child(10){
  order:10
}

.main__item:nth-child(11){
  order:11
}

.main__item:nth-child(12){
  order:12
}
.main__item:nth-child(13){
  order:13
}

.header-fixed{
  position:fixed;
  left:0;
  top:0;
  z-index:10;
  width:100%;
  padding:10px 0;
  animation:a .4s ease-in-out;
  background:#fff
}

.header__top{
  display:flex;
  align-items:center;
  justify-content:space-between
}

.header__top-wrapper{
  padding:15px 0
}

.header__call,
.header__right,
.header__top-wrapper{
  display:flex;
  align-items:center
}

.header__mobile,
.header__nav,
.header__right{
  flex:1 1 auto
}

.header__bottom{
  position:relative;
  justify-content:space-between;
  padding:10px 0;
  border-top:2px solid #dadada
}

.header__bottom,
.header__bottom-left,
.header__bottom-right{
  display:flex;
  align-items:center
}

.top__order{
  position:relative
}

.top__order-left{
  background:#555;
  color:#fff
}

.top__order-col{
  display:grid;
  justify-items:start
}

.top__title{
  line-height:1.2;
  font-family:SFProDisplay-Medium;
  letter-spacing:-.5px
}

.top__subtitle{
	max-width:190px;
    font-size:16px;
}

.analys:after,
.header__img{
  position:absolute;
  right:0;
  height:100%
}

.header__img{
  top:50%;
  transform:translatey(-50%);
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:right;
  object-position:right
}

.analys{
  position:relative;
  z-index:1;
  color:#dadada
}

.analys:after{
  content:"";
  top:0;
  z-index:-1;
  width:100%;
  max-width:1147px;
  background:#203256
}

.analys__img{
  position:absolute;
  left:0;
  top:50%;
  transform:translatey(-50%);
  -o-object-fit:cover;
  object-fit:cover
}

.analys__right{
  margin-left:auto
}

.analys__subtitle{
  line-height:1.4375
}

.faq-wrapper{
  display:grid;
  color:#a4a4a4
}

.faq__item-title{
  padding-bottom:14px;
  border-bottom:1px solid #a4a4a4;
  line-height:1.25;
  font-family:SFProDisplay-Bold;
  letter-spacing:-.2px;
  font-size:16px
}

.faq__item-text{
  max-width:683px;
  line-height:1.3076923077;
  font-family:SFProDisplay-Medium
}

.brands-wrapper{
  display:grid;
  grid-auto-flow:column;
  align-items:center;
  justify-items:center;
  gap:20px
}

.brands__content{
  border-top:1px solid #dadada;
  border-bottom:1px solid #dadada;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-color:#e76868 #ededed;
  scrollbar-width:thin;
  cursor:pointer
}

.brands__content::-webkit-scrollbar{
  display:none
}

.brands__content::-webkit-scrollbar-track{
  background:#ededed
}

.brands__content::-webkit-scrollbar-thumb{
  background:#e76868
}

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

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

.froze{
  position:relative;
  z-index:1
}

.froze:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
  width:100%;
  height:100%;
  max-width:1145px;
  background:#262524
}

.froze__left{
  color:#dadada
}

.froze__subtitle{
  line-height:1.4375
}

.froze__img_1,
.froze__img_2{
  position:absolute;
  -o-object-fit:cover;
  object-fit:cover
}

.froze__img_1{
  transform:translatey(-50%);
  top:0
}

.froze__img_2{
  right:0;
  top:100px
}

.news-wrapper{
  display:grid;
  grid-template-columns:repeat(3, 1fr)
}

.news__item{
  display:grid;
  align-content:start
}

.news__item-video{
  aspect-ratio:16/9
}

.news__item-title{
  max-width:350px;
  font-family:SFProDisplay-Bold;
  letter-spacing:-.3px;
  line-height:1.0526315789
}

.portfolio{
  overflow:hidden
}

.portfolio .container{
  padding-right:0
}

.portfolio__title{
    padding-bottom:10px;
    border-bottom:1px solid #555;
}
.portfolio__title,
.price__title,
.offer__title,
.brands__title,
.news__title,
.faq__title{
	text-align:left;
    text-transform:initial;
    margin:0;
	color:#555;
}
.faq__title{
  margin-bottom:30px
}

.portfolio__header{
  display:flex;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-color:#e76868 #ededed;
  scrollbar-width:thin;
  cursor:pointer
}

.portfolio__header::-webkit-scrollbar{
  display:none
}

.portfolio__header::-webkit-scrollbar-track{
  background:#ededed
}

.portfolio__header::-webkit-scrollbar-thumb{
  background:#e76868
}

.portfolio__header-link{
  padding-right:clamp(10px, 2.7184466019px + 1.9417475728vw, 40px);
  padding-top:8px;
  padding-bottom:8px;
  line-height:1.4375;
  color:#a4a4a4;
  font-family:SFProDisplay-Medium
}

.portfolio__header-link.active{
  color:#555
}

.portfolio__header-item{
  display:inline-block
}

.portfolio__content{
  overflow-x:auto;
  max-width:none;
  cursor:grab
}

.portfolio__content::-webkit-scrollbar{
  display:none
}

.portfolio__images{
  grid-auto-flow:column
}

.portfolio__images,
.portfolio__item{
  display:grid;
  grid-template-columns:1fr 1fr
}

.portfolio__item-img{
  padding-top:128.6666666667%
}

.portfolio__item:nth-child(2n) .portfolio__item-img:last-child,
.portfolio__item:nth-child(odd) .portfolio__item-img:first-child{
  grid-column:span 2;
  padding-top:52.380952381%
}

.price-wrapper{
  display:grid;
  grid-template-columns:1fr 1fr 1fr
}

.price__item{
  display:grid;
  grid-template-rows:1fr auto;
  border-bottom:1px solid #a4a4a4;
  transition:all .3s;
  cursor:pointer
}

.price__item:nth-child(2n){
  background:#ededed
}

.price__item-title{
  font-family:SFProDisplay-Bold;
  line-height:1.1111111111;
  letter-spacing:-.2px
}

.price__item-list{
  display:grid;
  margin-bottom:34px;
  line-height:1.4375
}

.price__item-list li{
  position:relative;
  list-style-type:disc
}

.price__item-content{
  border-bottom:1px solid #a4a4a4
}

.price__item-text{
  position:relative;
  line-height:1.25;
  font-family:SFProDisplay-Bold;
  letter-spacing:-.2px
}

.price__item-text:after{
  content:"";
  position:absolute;
  top:50%;
  transform:translatey(-50%);
  background:url(../img/arrow-2.svg) 50%/contain no-repeat
}

.video__title{
  color:#fff;
  font-family:SFProDisplay-Bold;
  line-height:1.1692307692;
  letter-spacing:-.5px
}

.video__wide-content{
  position:relative;
  z-index:1;
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat
}

.video__wide-content:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
  background:linear-gradient(180deg, #000, transparent);
  opacity:.5
}

.video__wide-content:after{
  width:100%;
  height:100%
}

.video__wide .video__content{
  position:absolute;
  left:50%;
  transform:translatex(-50%);
  width:100%;
  height:100%;
  align-items:start;
  align-content:start;
  display:grid;
  justify-items:center
}

.video__wide .video__link{
  z-index:-1
}

.video__wide .video__button{
  position:static;
  transform:none
}

.offer{
  background:#323231;
  border-radius:5px
}

.offer__left{
  display:grid;
  justify-items:start
}

.offer__title{
  margin-bottom:6px;
  color:#ededed
}

.offer__subtitle{
  width:100%;
  margin-top:-36px;
  font-size:13px;
  line-height:1.3076923077;
  color:#a4a4a4;
  pointer-events:none
}

.offer__form{
  width:100%;
  max-width:564px;
  justify-self:end
}

.offer__form .input-wrapper{
  gap:48px
}

.offer__form input:not([type=submit]),
.offer__form textarea{
  width:100%;
  padding-bottom:4px;
  border:0;
  border-bottom:1.5px solid #a4a4a4;
  font-size:13px;
  color:#dadada
}

.offer__form textarea{
  padding:7px;
  height:75px;
  border:1.5px solid #a4a4a4
}

.offer__form .input-item span{
  margin-bottom:3px;
  font-size:13px;
  color:#dadada
}

.offer__form .submit{
  justify-self:start;
  border-radius:10px;
  background:#555;
  color:#dadada
}

.step-wrapper{
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  row-gap:36px
}

.step__item{
  display:grid;
  justify-items:center;
  letter-spacing:-.3px;
  color:#a4a4a4;
  line-height:1.5625
}

.tab-arrow{
  position:relative;
  background:#ccc;
  transition:all .3s
}

.tab-arrow:before,
[data-spoller]:before{
  content:"";
  position:absolute;
  right:0;
  transition:all .3s
}

.tab-arrow:before{
  top:50%;
  transform:translatey(-50%);
  width:20px;
  height:20px;
  background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjgzIDE2LjQybDkuMTcgOS4xNyA5LjE3LTkuMTcgMi44MyAyLjgzLTEyIDEyLTEyLTEyeiIvPjxwYXRoIGQ9Ik0wLS43NWg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+) 100%/contain no-repeat
}

.tab-arrow.rotate:before{
  transform:translatey(-50%) rotate(-180deg)
}

.video,
[data-spoller]{
  position:relative;
  cursor:pointer
}

[data-spoller]:before{
  bottom:12px;
  width:24px;
  height:24px;
  background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDE3LjQgMjI0SDI4OFY5NC42YzAtMTYuOS0xNC4zLTMwLjYtMzItMzAuNnMtMzIgMTMuNy0zMiAzMC42VjIyNEg5NC42Qzc3LjcgMjI0IDY0IDIzOC4zIDY0IDI1NnMxMy43IDMyIDMwLjYgMzJIMjI0djEyOS40YzAgMTYuOSAxNC4zIDMwLjYgMzIgMzAuNnMzMi0xMy43IDMyLTMwLjZWMjg4aDEyOS40YzE2LjkgMCAzMC42LTE0LjMgMzAuNi0zMnMtMTMuNy0zMi0zMC42LTMyeiIgZmlsbD0iI2E0YTRhNCIgY2xhc3M9ImZpbGwtMDAwMDAwIj48L3BhdGg+PC9zdmc+) 100%/contain no-repeat
}

[data-spoller].active:before{
  background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNjQgMjI0aDM4NHY2NEg2NHoiIGZpbGw9IiNhNGE0YTQiIGNsYXNzPSJmaWxsLTAwMDAwMCI+PC9wYXRoPjwvc3ZnPg==) 100%/contain no-repeat
}

[data-spoller] span{
  display:block
}

.video{
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:16/9
}

.video,
.video-wrapper{
  width:100%
}

.video__link,
.video__media{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}

.video__media{
  border:0
}

.video__button,
.video__icon{
  display:flex;
  justify-content:center;
  align-items:center
}

.video__button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:100%;
  height:100%
}

.video__icon{
  fill:none;
  stroke:#fff;
  stroke-width:3px
}

.direct-icon{
    width:clamp(100px, 91.2621359223px + 2.3300970874vw, 136px);
    height:clamp(100px, 91.2621359223px + 2.3300970874vw, 136px);
    background:url(../img/production-play.svg) 50%/contain no-repeat;
	stroke:initial
}

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

.services-wrapper{
  display:grid;
  grid-template-columns:repeat(3, 1fr)
}

.services__item{
  position:relative;
  display:grid;
  align-items:end;
  background:#323231;
  color:#fff;
  border-radius:3px;
  overflow:hidden
}

.production:after,
.services__item-img{
  position:absolute;
  right:0;
  top:0;
  height:100%
}

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

.services__item-title{
  max-width:50%;
  font-family:SFProDisplay-Bold;
  line-height:1.25;
  font-size:16px;
}

.production{
  position:relative;
  z-index:1;
  padding:46px 0
}

.production:after{
  content:"";
  z-index:-1;
  width:100%;
  max-width:1147px;
  background:#a4a4a4
}

.production__video{
  position:absolute;
  left:0;
  top:50%;
  transform:translatey(-50%)
}

.production__video img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}

.production__video .video,
.production__video .video-wrapper{
  height:100%
}

.production__right{
  margin-left:auto;
  color:#fff
}

.production__subtitle{
  line-height:1.4375
}

.shtory-form .v-form__input label{
	display:none
}
.shtory-form .v-form__col{
	padding-bottom:0;
    padding-left:0;
    padding-right:0;
}
.shtory-form .v-form__input{
    border-bottom:0
}
.shtory-form .v-form__input input{
    padding:0;
}
.offer__form .notice-text{
	color:#fff;
    margin-bottom:20px;
}

@media (min-width:576px){
  .container{
    width:520px;
    padding:0
  }

  .froze{
    margin-top:clamp(100px, 78.8834951456px + 5.6310679612vw, 187px)
  }

  .portfolio__header-link{
    white-space:nowrap
  }

  .portfolio__header-item:not(:last-child){
    border-right:1px solid #dadada
  }

  .portfolio__header-item:not(:first-child) .portfolio__header-link{
    padding-left:clamp(10px, 2.7184466019px + 1.9417475728vw, 40px)
  }

  .price{
    margin-top:40px
  }
}

section.price{
	margin-bottom:0
}

@media (min-width:768px){
  .container{
    width:720px
  }

  .offer__left{
    padding-right:clamp(20px, 8.3495145631px + 3.1067961165vw, 68px)
  }

  .production__video .video__icon{
    width:clamp(100px, 91.2621359223px + 2.3300970874vw, 136px);
    height:clamp(100px, 91.2621359223px + 2.3300970874vw, 136px);
    background:url(../img/production-play.svg) 50%/contain no-repeat;
	stroke:initial
  }
}

@media (min-width:992px){
  .container{
    width:940px
  }

  .header__bottom{
    padding-right:14px
  }
}

@media (min-width:1401px){
  .container{
    width:1290px
  }

  .main{
    padding-top:40px;
    padding-bottom:40px
  }

  .swiper-pagination{
    margin-top:30px
  }

  .swiper-pagination-bullet{
    width:12px;
    height:12px
  }

  .section{
    padding-bottom:40px;
    padding-top:40px
  }

  .section-bg{
    margin-bottom:40px;
    margin-top:40px
  }

  .title{
    font-size:22.5px
  }

  .title_big{
    font-size:50px
  }

  .button{
    font-size:22.5px
  }

  .catalog__button span{
    font-size:19px
  }

  .catalog__menu{
    gap:30px;
    font-size:19px
  }

  .header__call,
  .header__right,
  .header__top{
    gap:30px
  }

  .header__bottom{
    gap:30px
  }

  .header__bottom-left,
  .header__bottom-right{
    gap:25px
  }

  .top__order{
    padding-bottom:37px;
    padding-top:37px;
	margin-bottom:40px
  }

  .top__order-left{
    padding:100px 75px
  }

  .top__order-col{
    max-width:360px;
    gap:22px
  }

  .top__title{
    font-size:50px
  }

  .analys{
    padding-top:151px;
    padding-bottom:170px
  }

  .analys__img{
    width:483px;
    height:528px
  }

  .analys__right{
    max-width:430px;
    margin-right:195px
  }

  .analys__title{
    margin-bottom:48px
  }

  .analys__subtitle{
    margin-bottom:139px;
    max-width:300px;
    font-size:16px
  }

  .faq-wrapper{
    gap:30px
  }

  .faq__item-text{
    padding-top:30px;
    padding-left:40px;
    padding-right:40px;
    font-size:13px
  }

  .brands__title{
    margin-bottom:33px
  }

  .brands__content{
    padding-bottom:55px;
    padding-top:55px
  }

  .brands__item{
    min-width:290px
  }

  .brands__item img{
    height:44px
  }

  .froze__left{
    padding-top:198px;
    padding-bottom:137px;
    max-width:510px;
    padding-left:110px
  }

  .froze__title{
    margin-bottom:38px
  }

  .froze__subtitle{
    max-width:300px;
    margin-bottom:135px;
    font-size:16px
  }

  .froze__img_1{
    left:295px;
    width:300px;
    height:238px
  }

  .froze__img_2{
    width:485px;
    height:528px
  }

  .news__title{
    margin-bottom:30px
  }

  .news-wrapper{
    gap:33px
  }

  .news__item{
    gap:20px
  }

  .news__item-title{
    font-size:19px
  }

  .portfolio__header{
    margin-bottom:24px;
    padding-top:10px
  }

  .portfolio__header-link{
    font-size:16px
  }

  .portfolio__images{
    gap:30px
  }

  .portfolio__item{
    row-gap:20px;
    column-gap:30px;
    min-width:630px
  }

  .price__title{
    margin-bottom:30px
  }

  .price__item-title{
    margin-bottom:27px;
    font-size:22.5px
  }

  .price__item-list{
    gap:20px;
    font-size:16px
  }

  .price__item-content{
    padding-top:38px;
    padding-left:93px;
    padding-right:93px
  }

  .price__item-text{
    padding:25px 93px;
    font-size:16px
  }

  .price__item-text:after{
    right:42px;
    width:15px;
    height:22px
  }

  .video__title{
    font-size:32.5px
  }

  .video__wide .video{
    height:658px
  }

  .video__wide .video__content{
    padding-top:209px;
    gap:25px
  }

  .offer{
    margin-top:80px
  }

  .search input,
  .step__item,
  .step__item-title{
    font-size:16px
  }

  .step__item img{
    width:95px;
    height:95px
  }

  [data-spoller] span{
    padding-right:45px
  }

  .video__icon{
    width:90px;
    height:90px
  }

  .services-wrapper{
    row-gap:30px;
    column-gap:30px
  }

  .services__item{
    min-height:242px;
    padding:32px 26px
  }

  .production{
    min-height:630px
  }

  .production__video{
    width:806px;
    height:539px
  }

  .production__right{
    max-width:350px;
    margin-right:76px
  }

  .production__title{
    margin-bottom:26px
  }

  .production__subtitle{
    max-width:170px;
    font-size:16px
  }
}

@media (max-width:1400px){
  .main{
    padding-top:clamp(20px, 15.145631068px + 1.2944983819vw, 40px);
    padding-bottom:clamp(20px, 15.145631068px + 1.2944983819vw, 40px)
  }

  .swiper-pagination{
    margin-top:clamp(20px, 17.572815534px + .6472491909vw, 30px)
  }

  .swiper-pagination-bullet{
    width:clamp(8px, 7.0291262136px + .2588996764vw, 12px);
    height:clamp(8px, 7.0291262136px + .2588996764vw, 12px)
  }

  .section{
    padding-bottom:clamp(20px, 15.145631068px + 1.2944983819vw, 40px);
    padding-top:clamp(20px, 15.145631068px + 1.2944983819vw, 40px)
  }

  .section-bg{
    margin-bottom:clamp(20px, 15.145631068px + 1.2944983819vw, 40px);
    margin-top:clamp(20px, 15.145631068px + 1.2944983819vw, 40px)
  }

  .title{
    font-size:clamp(19px, 18.1504854369px + .2265372168vw, 22.5px)
  }

  .title_big{
    font-size:clamp(22.5px, 15.8252427184px + 1.7799352751vw, 50px)
  }

  .button{
    font-size:clamp(16px, 14.4223300971px + .4207119741vw, 22.5px)
  }

  .catalog__button span{
    font-size:clamp(16px, 15.2718446602px + .1941747573vw, 19px)
  }

  .catalog__menu{
    font-size:clamp(15px, 14.0291262136px + .2588996764vw, 19px)
  }

  .catalog__menu,
  .header__call,
  .header__right,
  .header__top{
    gap:clamp(10px, 5.145631068px + 1.2944983819vw, 30px)
  }

  .header__bottom{
    gap:clamp(10px, 5.145631068px + 1.2944983819vw, 30px)
  }

  .header__bottom-left,
  .header__bottom-right{
    gap:clamp(10px, 6.359223301px + .9708737864vw, 25px)
  }

  .top__order{
    margin-top:clamp(10px, 1.9902912621px + 2.1359223301vw, 43px);
    padding-bottom:clamp(20px, 15.8737864078px + 1.1003236246vw, 37px);
    padding-top:clamp(20px, 15.8737864078px + 1.1003236246vw, 37px)
  }

  .top__order-left{
    padding:clamp(38px, 22.9514563107px + 4.0129449838vw, 100px) clamp(30px, 19.0776699029px + 2.9126213592vw, 75px)
  }

  .top__order-col{
    max-width:clamp(300px, 285.4368932039px + 3.8834951456vw, 360px);
    gap:clamp(10px, 7.0873786408px + .7766990291vw, 22px)
  }

  .top__title{
    font-size:clamp(33px, 28.8737864078px + 1.1003236246vw, 50px)
  }

  .analys{
    padding-top:clamp(100px, 87.6213592233px + 3.3009708738vw, 151px);
    padding-bottom:clamp(100px, 83.0097087379px + 4.5307443366vw, 170px)
  }

  .analys__img{
    width:clamp(193.2px, 122.8601941748px + 18.7572815534vw, 483px);
    height:clamp(211.2px, 134.3067961165px + 20.5048543689vw, 528px)
  }

  .analys__right{
    max-width:clamp(200px, 144.1747572816px + 14.8867313916vw, 430px);
    margin-right:clamp(.01px, -47.3300970874px + 12.6213592233vw, 195px)
  }

  .analys__title{
    margin-bottom:clamp(23px, 16.932038835px + 1.6181229773vw, 48px)
  }

  .analys__subtitle{
    margin-bottom:clamp(95px, 84.3203883495px + 2.8478964401vw, 139px);
    max-width:clamp(150px, 113.5922330097px + 9.7087378641vw, 300px);
    font-size:clamp(10px, 8.5436893204px + .3883495146vw, 16px)
  }

  .faq-wrapper{
    gap:clamp(10px, 5.145631068px + 1.2944983819vw, 30px)
  }

  .faq__item-text{
    padding-top:clamp(15px, 11.359223301px + .9708737864vw, 30px);
    padding-left:clamp(.01px, -9.7087378641px + 2.5889967638vw, 40px);
    padding-right:clamp(.01px, -9.7087378641px + 2.5889967638vw, 40px);
    font-size:clamp(10px, 9.2718446602px + .1941747573vw, 13px)
  }

  .brands__title{
    margin-bottom:clamp(10px, 4.4174757282px + 1.4886731392vw, 33px)
  }

  .brands__content{
    padding-bottom:clamp(50px, 48.786407767px + .3236245955vw, 55px);
    padding-top:clamp(50px, 48.786407767px + .3236245955vw, 55px)
  }

  .brands__item{
    min-width:clamp(160px, 128.4466019417px + 8.4142394822vw, 290px)
  }

  .brands__item img{
    height:clamp(33px, 30.3300970874px + .71197411vw, 44px)
  }

  .froze__left{
    padding-top:clamp(100px, 76.213592233px + 6.3430420712vw, 198px);
    padding-bottom:clamp(100px, 91.0194174757px + 2.3948220065vw, 137px);
    max-width:clamp(250px, 186.8932038835px + 16.8284789644vw, 510px);
    padding-left:clamp(.01px, -26.6990291262px + 7.1197411003vw, 110px)
  }

  .froze__title{
    margin-bottom:clamp(23px, 19.359223301px + .9708737864vw, 38px)
  }

  .froze__subtitle{
    max-width:clamp(160px, 126.0194174757px + 9.0614886731vw, 300px);
    margin-bottom:clamp(95px, 85.2912621359px + 2.5889967638vw, 135px);
    font-size:clamp(10px, 8.5436893204px + .3883495146vw, 16px)
  }

  .froze__img_1{
    left:clamp(.01px, -71.6019417476px + 19.0938511327vw, 295px);
    width:clamp(180px, 150.8737864078px + 7.7669902913vw, 300px);
    height:clamp(142.8px, 119.6932038835px + 6.1618122977vw, 238px)
  }

  .froze__img_2{
    width:clamp(194px, 123.3689320388px + 18.8349514563vw, 485px);
    height:clamp(211.2px, 134.3067961165px + 20.5048543689vw, 528px)
  }

  .news__title{
    margin-bottom:clamp(20px, 17.572815534px + .6472491909vw, 30px)
  }

  .news-wrapper{
    gap:clamp(24px, 21.8155339806px + .5825242718vw, 33px)
  }

  .news__item{
    gap:clamp(10px, 7.572815534px + .6472491909vw, 20px)
  }

  .news__item-title{
    font-size:clamp(16px, 15.2718446602px + .1941747573vw, 19px)
  }

  .portfolio__header{
    margin-bottom:clamp(24px, 31.4563106796px + -.3883495146vw, 30px);
    padding-top:clamp(10px, 22.427184466px + -.6472491909vw, 20px)
  }

  .portfolio__header-link,
  .search input{
    font-size:clamp(13px, 12.2718446602px + .1941747573vw, 16px)
  }

  .portfolio__images{
    gap:clamp(8px, 2.6601941748px + 1.4239482201vw, 30px)
  }

  .portfolio__item{
    row-gap:clamp(13px, 11.3009708738px + .4530744337vw, 20px);
    column-gap:clamp(13px, 8.8737864078px + 1.1003236246vw, 30px);
    min-width:clamp(315px, 238.5436893204px + 20.3883495146vw, 630px)
  }

  .price__title{
    margin-bottom:clamp(30px, 34.9708737864px + -.2588996764vw, 34px)
  }

  .price__item-title{
    margin-bottom:clamp(15px, 12.0873786408px + .7766990291vw, 27px);
    font-size:clamp(16px, 14.4223300971px + .4207119741vw, 22.5px)
  }

  .price__item-list{
    gap:clamp(13px, 11.3009708738px + .4530744337vw, 20px);
    font-size:clamp(13px, 12.2718446602px + .1941747573vw, 16px)
  }

  .price__item-content{
    padding-top:clamp(14px, 8.1747572816px + 1.5533980583vw, 38px);
    padding-right:clamp(-20px, -47.427184466px + 7.3139158576vw, 93px);
    padding-left:clamp(-20px, -47.427184466px + 7.3139158576vw, 93px)
  }

  .price__item-text{
    padding:clamp(11px, 7.6019417476px + .9061488673vw, 25px) clamp(-20px, -47.427184466px + 7.3139158576vw, 93px);
    font-size:clamp(13px, 12.2718446602px + .1941747573vw, 16px)
  }

  .price__item-text:after{
    right:clamp(10px, 2.2330097087px + 2.071197411vw, 42px);
    width:clamp(10px, 8.786407767px + .3236245955vw, 15px);
    height:clamp(17px, 15.786407767px + .3236245955vw, 22px)
  }

  .video__title{
    font-size:clamp(16px, 11.9951456311px + 1.067961165vw, 32.5px)
  }

  .video__wide .video{
    height:clamp(211px, 102.5048543689px + 28.932038835vw, 658px)
  }

  .video__wide .video__content{
    padding-top:clamp(68px, 33.7766990291px + 9.1262135922vw, 209px);
    gap:clamp(15px, 12.572815534px + .6472491909vw, 25px)
  }

  .offer{
    margin-top:clamp(40px, 30.2912621359px + 2.5889967638vw, 80px)
  }

  .step__item{
    font-size:clamp(15px, 14.7572815534px + .0647249191vw, 16px)
  }

  .step__item-title{
    font-size:clamp(14px, 13.5145631068px + .1294498382vw, 16px)
  }

  .step__item img{
    width:clamp(65px, 57.7184466019px + 1.9417475728vw, 95px);
    height:clamp(65px, 57.7184466019px + 1.9417475728vw, 95px)
  }

  [data-spoller] span{
    padding-right:clamp(25px, 20.145631068px + 1.2944983819vw, 45px)
  }

  .video__icon{
    width:clamp(40px, 27.8640776699px + 3.2362459547vw, 90px);
    height:clamp(40px, 27.8640776699px + 3.2362459547vw, 90px)
  }

  .services-wrapper{
    row-gap:clamp(14px, 10.1165048544px + 1.0355987055vw, 30px);
    column-gap:clamp(20px, 17.572815534px + .6472491909vw, 30px)
  }

  .services__item{
    min-height:clamp(100px, 65.5339805825px + 9.1909385113vw, 242px);
    padding:clamp(12px, 7.145631068px + 1.2944983819vw, 32px) clamp(14px, 11.0873786408px + .7766990291vw, 26px)
  }

  .production{
    min-height:clamp(400px, 344.1747572816px + 14.8867313916vw, 630px)
  }

  .production__video{
    width:clamp(282.1px, 154.9398058252px + 33.9093851133vw, 806px);
    height:clamp(188.65px, 103.613592233px + 22.6763754045vw, 539px)
  }

  .production__right{
    max-width:clamp(250px, 225.7281553398px + 6.4724919094vw, 350px);
    margin-right:clamp(-50px, -80.5825242718px + 8.1553398058vw, 76px)
  }

  .production__title{
    margin-bottom:clamp(14px, 11.0873786408px + .7766990291vw, 26px)
  }

  .production__subtitle{
    max-width:clamp(120px, 107.8640776699px + 3.2362459547vw, 170px);
    font-size:clamp(10px, 8.5436893204px + .3883495146vw, 16px)
  }
}

@media (max-width:991px){
  .hide-md{
    display:none
  }

  .menu-link{
    display:block
  }

  .header-fixed{
    min-height:133.5px
  }

  .header__mobile{
    max-height:calc(100vh - 133.5px)
  }

  .header-fixed{
    padding:10px 0
  }

  .header__top-wrapper{
    position:relative;
    padding:10px 0
  }

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

  .header__right{
    justify-content:flex-end
  }

  .header__mobile{
    position:fixed;
    right:-100vw;
    top:0;
    z-index:5;
    display:grid;
    align-content:start;
    justify-content:center;
    width:100vw;
    gap:15px;
    height:100%;
    padding:30px 10px;
    overflow:auto;
    background:#fff;
    transition:right .3s;
    text-align:center
  }

  .header__mobile_active{
    right:0
  }

  .top__order{
    padding:0;
    margin:0
  }

  .header__img{
    width:60%
  }

  .price-wrapper{
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-color:#e76868 #ededed;
    scrollbar-width:thin;
    cursor:pointer;
    padding-bottom:0
  }

  .price-wrapper::-webkit-scrollbar{
    height:4px
  }

  .price-wrapper::-webkit-scrollbar-track{
    background:#ededed
  }

  .price-wrapper::-webkit-scrollbar-thumb{
    background:#e76868
  }

  .price-wrapper::-webkit-scrollbar{
    display:none
  }

  .price__item{
    min-width:300px;
    min-width:clamp(168px, 87.6428571429px + 21.4285714286vw, 300px)
  }

  .price__item-content{
    padding-top:clamp(14px, -1.8279220779px + 4.2207792208vw, 40px)
  }

  .price__item-content,
  .price__item-text{
    padding-left:clamp(14px, -1.8279220779px + 4.2207792208vw, 40px);
    padding-right:clamp(14px, -1.8279220779px + 4.2207792208vw, 40px)
  }

  .price__item-text:after{
    right:clamp(14px, -1.8279220779px + 4.2207792208vw, 40px)
  }

  .offer{
    padding:35px 0
  }

  .offer__title{
    margin-bottom:42px
  }

  .offer__subtitle{
    margin-top:23px
  }

  .offer__form{
    justify-self:start
  }

  .step-wrapper{
    grid-template-columns:repeat(3, 1fr)
  }

  .services-wrapper{
    grid-template-columns:1fr 1fr
  }
}

@media (max-width:767px){

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

  .catalog__button{
    display:none
  }

  .catalog__menu{
    display:grid;
    justify-items:center;
    gap:15px;
    font-size:19px
  }

  .header-fixed{
    min-height:72.53px
  }

  .header__mobile{
    max-height:calc(100vh - 72.53px)
  }

  .header__img{
    width:50%
  }

  .header__bottom-wrapper{
    display:none
  }

  .news-wrapper{
    grid-template-columns:repeat(2, 1fr)
  }

  .services__item{
    min-height:200px
  }

  .services__item-img{
    max-width:150px;
    max-height:190px
  }

  .production{
    min-height:auto;
    padding:0 0 50px
  }

  .production__video{
    position:static;
    transform:none;
    width:100%;
    height:clamp(228px, 159.1224489796px + 18.3673469388vw, 300px)
  }

  .production__right{
    max-width:100%;
    padding:0;
    margin:18px 0 0
  }
}

@media (max-width:575px){

  .title_big{
    letter-spacing:.7px
  }

  .header-fixed{
    min-height:70px
  }

  .header__mobile{
    max-height:calc(100vh - 70px)
  }

  .header__img{
    position:static;
    width:100%;
    height:clamp(167px, 11.375px + 41.5vw, 250px);
    transform:none;
    margin-bottom:-5px;
    -o-object-position:center;
    object-position:center
  }

  .top__order{
    background:#555
  }

  .top__order-left{
    padding:0
  }

  .top__order-col{
    display:block;
    padding:38px 0
  }

  .top__title{
    margin-bottom:6px
  }

  .top__subtitle{
    margin-bottom:30px
  }

  .header__button{
    padding:5px 20px;
    border-radius:3px;
    background:#fff
  }

  .header__call{
    flex-wrap:wrap;
    justify-content:center
  }

  .header__bottom-right,
  .header__call,
  .header__right{
    gap:clamp(14px, -4.75px + 5vw, 24px)
  }

  .header .cart{
    position:relative;
    order:3
  }

  .analys{
    padding:0
  }

  .analys__right{
    margin:0;
    padding:29px 0 40px
  }

  .analys__img{
    left:auto;
    right:0;
    bottom:-80px;
    top:auto;
    transform:none
  }

  .analys__button{
    padding:5px 20px;
    border-radius:3px;
    background:#fff
  }

  .faq__title:after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    margin-top:10px;
    background:#555
  }

  .brands.section{
    order:13
  }

  .froze{
    margin:20px 0
  }

  .froze:before,
  .froze__img_1{
    display:none
  }

  .froze__left{
    position:relative;
    padding:29px 0 40px;
    max-width:clamp(159px, -11.625px + 45.5vw, 250px)
  }

  .froze__left:before{
    content:"";
    position:absolute;
    left:-100px;
    top:0;
    z-index:-1;
    width:100vw;
    height:100%;
    background:#262524
  }

  .froze__img_2{
    top:auto;
    bottom:-75px;
    width:clamp(177px, 40.125px + 36.5vw, 250px);
    height:clamp(240px, 127.5px + 30vw, 300px)
  }

  .froze__button{
    padding:5px 20px;
    border-radius:3px;
    background:#fff
  }

  .news__title:after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    margin-top:10px;
    background:#555
  }

  .news-wrapper{
    grid-template-columns:100%
  }

  .portfolio__header{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px
  }

  .portfolio__item{
    grid-template-rows:231px 267px
  }

  .price{
    padding-top:36px
  }

  .price-wrapper{
    gap:15px
  }

  .price__item{
    background:#ededed;
    border-radius:3px;
    border:0
  }

  .price__item-list li{
    list-style-type:none
  }

  .price__item-content{
    border:0
  }

  .price__item-text:after{
    display:none
  }

  .offer.section{
    margin-top:88px;
    order:6
  }

  .step-wrapper{
    grid-template-columns:repeat(2, 1fr)
  }

  .services__item{
    min-height:170px
  }

  .services__item-title{
    white-space:nowrap
  }

  .services__item-img{
    right:-45px;
    top:-40px
  }

  .production{
    margin-top:100px
  }

  .production .video__icon{
    width:60px;
    height:60px
  }
}
@media (max-width:450px){
.offer__left .v-form{
	background: transparent;
    border-radius: 0;
    padding: 0;
}
}
@media (max-width:430px){
  .analys .container{
    width:100%;
    padding:0 0 0 30px
  }

  .portfolio__title{
    margin-right:30px
  }

  .price .container{
    width:100%;
    padding-right:0
  }
}

@media (max-width:350px){
  .analys__img{
    right:-30px
  }

  .services__item{
    padding:12px 9px;
    font-size:14.5px
  }
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:.001dpcm){
  input{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-size:16px
  }
}

@media (any-hover:hover){
  .button:hover{
    background:#caa263;
    color:#fff
  }

  .catalog__button:hover{
    background:#e03c3c;
    color:#fff
  }

  .catalog__button:hover svg{
    fill:#fff
  }

  .portfolio__header-link:hover{
    color:#e03c3c
  }

  .price__item:hover{
    background:#caa263;
    color:#fff;
    border-color:#fff
  }

  .price__item:hover .price__item-content{
    border-color:#fff
  }

  .price__item:hover .price__item-text:after{
    background:url(../img/arrow-3.svg) 50%/contain no-repeat
  }

  .offer__form .submit:hover{
    background:#caa263
  }

  .video-wrapper:hover .video__icon{
    stroke:#caa263
  }
}