:root{
	--color: #191919;
	--color-2: #FC2B13;
	--color-3: #F6F6F6;
	--grey-ui: #CBD4DD;
	--font-size-1: 1rem;
	--font-size-2: 1.125rem;
	--font-title: 3.5rem;
	--font-minititle: 2.125rem;
	--font-subtitle: 1.625rem;
	--font-blocktitle: 1.5rem;
	--font-22: 1.375rem;
}
@font-face {
font-family: 'Hauora';
src: url('../font/web/Hauora-Regular.woff') format('woff'),
url('../font/web/Hauora-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Hauora';
src: url('../font/web/Hauora-Medium.woff') format('woff'),
url('../font/web/Hauora-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Hauora';
src: url('../font/web/Hauora-SemiBold.woff') format('woff'),
url('../font/web/Hauora-SemiBold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Hauora';
src: url('../font/web/Hauora-Bold.woff') format('woff'),
url('../font/web/Hauora-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
}
html{
	font-size: 16px;
}
body{
	font-family: Hauora, sans-serif;
	background: var(--color-3);
	font-size: var(--font-size-1);	
	color: var(--color);
	line-height: 1.5;
	position: relative;
	max-width: 120rem;
	margin-left: auto;
	margin-right: auto;
}
.section{
	padding: 7.5rem 0;
}
.container{
	/*width: clamp(1200px, 62.5vw, 1600px);
	max-width: 1600px;*/
	width: 100%;
	max-width: 75rem;
	margin: auto;
}
.flex{
	display: flex;
}
.center{
	text-align: center;
}
input.input{
	height: 6rem;
	border-radius: 3.125rem;
	border: none;
	color: rgb(25 25 25 / 50%);
	margin-bottom: 0.625rem;
	width: 100%;
	padding: 0 2.8125rem;
	outline: #E8E9EB;
}
input.input.wh{
	background: #ffffff;
}
input.input.gr{
	
	background: #f1f1f1;
}
button.btn{
	border: none;
	cursor: pointer;
	transition: .4s;
}
a{
	color: var(--color-2);
}
h1{
	font-size: 4rem;
	line-height: 1.125;
	font-weight: 400;
	margin-bottom: 1.875rem;
}
h1 span.red{
	font-weight: 600;
	border-bottom: 1px solid rgb(25 25 25 / 20%);
	position: relative;
	cursor: pointer;
}
h1 span.info{
	position: absolute;
	top: 6rem;
   	left: 16.125rem;
   	width: 4.125rem;
	height: 3.438rem;
	line-height: 1;
	cursor: pointer;
}
h1 span.info svg{
	width: 100%;
    height: 100%;
}
h1 span.info:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 4.125rem;
	height: 3.438rem;
	background: url(../img/icons/icon-i.svg) center no-repeat;
	background-size: .625rem;
}
.section-title{
	margin-bottom: 3.125rem;
}
.section-title h2{
	font-size: var(--font-title);
	font-weight: 400;
	line-height: 1.43;
	margin-bottom: 0;
}
.section-subtitle{
	margin-top: 1.25rem;
	font-size: var(--font-subtitle);
}
.block-title{
	font-size: var(--font-blocktitle);
	font-weight: 600;
	margin-bottom: .938rem;
	line-height: 1.33;
}
.block-subtitle{
	font-size: var(--font-size-2);
	margin-bottom: 0.625rem;
}
.small-title{
	font-size: var(--font-minititle);
	font-weight: 600;
	line-height: 1.235;
	margin-bottom: .938rem;
}
main ul li,
.modal-body-u ul li{
	list-style: none;
	position: relative;
	padding-left: .938rem;
	margin-bottom: .438rem;
}
main ul li:before,
.modal-body-u ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0.625rem;
	width: .313rem;
	height: .313rem;
	border-radius: 50%;
	background: var(--color-2);
}
.red{
	color: var(--color-2);
}
.bg-grey{
	background: #f1f1f1;
}
.input.bg-grey,
.btn.bg-grey{
	border: 1px solid #E8E9EB;
}
.semibold{
	font-weight: 600;
}
.btn-red{
	background: var(--color-2);
	color: #fff;
	font-weight: 700;
	border-radius: 3.125rem;
}
.btn-red:disabled{
	background: #ff5743;
	cursor: not-allowed
}
.btn-wite{
	background: #ffffff;
	color: var(--color);
	font-weight: 700;
	border-radius: 3.125rem;
}
.btn-grey-ui{
	background: transparent;
	color: var(--grey-ui);
	border: 1px solid var(--grey-ui);
}
.btn-large{
	height: 6rem;
	padding: 0 2.875rem;
}
.btn-clear{
	background: none;
	color: var(--color);
	text-decoration: underline;
	font-weight: 700;
}
.btn-def{
	height: 4.75rem;
	padding: 0 2.375rem;
}

.img.ovh{
	overflow: hidden;
	border-radius: 1.25rem;
	position: relative;
}
.img.ovh img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

header.header{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4.375rem;
	border-bottom: 1px solid rgb(25 25 25 / 20%);
}
header.header nav,
header.header .container,
header.header ul{
	height: inherit;
	flex: auto;
}
header.header ul{
	align-items: center;
	list-style: none;
	padding-right: 1.188rem;
	gap: 1.625rem;
}
header.header ul li{
	position: relative;
}
header.header ul li:not(:first-child):before{
	content: '';
	position: absolute;
	width: .25rem;
	height: .25rem;
	border-radius: 50%;
	background: var(--color-2);
	left: -.938rem;
	top: calc(50% - .125rem);
}
header.header ul li a{
	font-size: .875rem;
	text-transform: uppercase;
	color: var(--color);
	font-weight: 700;
	transition: .4s;
}
header.header .btn-red{
	border-radius: 0;
	height: inherit;
	padding: 0 2.75rem;
}
.logo-mob,
.mob-menu-btn{
	display: none;
}
.logo{
	width: 18.75rem;
}
.logo img{
	width: 100%;
}
.hero-header .ya-rating{
	margin-left: 10.375rem;
	cursor: pointer;
}
.hero-header .ya-rating .marker{
	margin-right: 0.625rem;
	width: 2.125rem;
}
.hero-header .ya-rating .marker img{
	width: 100%;
}
.hero-header .mark .cifer{
	font-size: 2rem;
	line-height: 1.25;
	padding-right: 0.5625rem;
}
.hero-header .mark .stars img{
	width: .625rem;
	margin-right: 2px;
}
.hero-header .ya-rating .descr{
	margin-top: -.313rem;
}
.header-contacts{
	margin-left: auto;
}
.header-contacts .messengers{
	gap: .5rem;
	margin-right: 1.875rem;
}
.header-contacts .messengers a{
	display: inline-flex;
	width: 3.125rem;
	height: 3.125rem;
	/*border-radius: .75rem;*/
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}
.messengers a img{
	width: 1.375rem;
}
.messengers a.watsapp,
.messengers a.WhatsApp{
	background-color: #25D366;
	transition: .4s;
}
.messengers a.telegram,
.messengers a.Telegram{
	background-color: #35A9E5;
	transition: .4s;
}
.messengers a.telegram img{
	width: 1.25rem;
}
.messengers a.Max img{
	width: 100%;
}
.header-phone{
	color: var(--color);
	font-size: 1.75rem;
	line-height: 1.285;
}
.recall a{
	border-bottom: 1px solid #fc2b1370;
}
.hero{
	padding: 5.688rem 0 8.125rem;
	background: url(../img/bg-main.jpg) center top no-repeat;
	background-size: 120rem;
}
.hero-main{
	padding-top: 4.063rem;
	padding-bottom: 1.063rem;
}
.hero-main .cont{
	width: 42.875rem;
}
.hero-sub{
	font-size: 2.25rem;
	line-height: 1.222;
	margin-bottom: 1.875rem;
}
.hero-main .bullets{
	padding-left: .75rem;
}
.hero-main .bullet{
	margin-bottom: 1.938rem;
	font-size: var(--font-22);
}
.hero-main .bullet .icon img{
	width: 1.375rem;
}
.icon{
	display: inline-block;
	margin-right: 1.688rem;
	position: relative;
}
.icon:before{
	content: '';
	position: absolute;
	width: 2.875rem;
	height: 2.438rem;
	background: url(../img/icons/ellipse-red-1.svg) center no-repeat;
	background-size: contain;
	top: -1px;
	left: -.75rem;
}
.hero-footer{
	max-width: 42.875rem;
	width: 100%;
	flex-wrap: wrap;
	gap: 1rem;
}
.hero-footer .messengers{
	margin-left: .875rem;
	gap: .5rem;
	align-items: center;
}
.hero-footer .messengers .text{
	font-size: var(--font-size-2);
	width: 9.625rem;
	padding-right: .125rem;
}
.hero-footer .messengers a{
	width: 3.25rem;
	height: 3.25rem;
	flex: 0 0 3.25rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.block-slider__header{
	position: relative;
}
.block-slider__header .arrows{
	position: absolute;
	right: 0;
	bottom: 3.125rem;
	gap: 0.625rem;
}
.block-slider__header .arrow{
	width: 3.875rem;
	height: 3.875rem;
	border-radius: 50%;
	border: none;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	background-size: 1.313rem;
	transition: .4s;
}
.arrow_left{
	background-image: url(../img/icons/arrow-l.svg);
}
.arrow_right{
	background-image: url(../img/icons/arrow-r.svg);
}
.block-slider__header .arrow.swiper-button-disabled{
	cursor: not-allowed;
}
.block-slider__header .arrow:not(.swiper-button-disabled):hover{
	background-color: var(--color-2);
}
.arrow_left:not(.swiper-button-disabled):hover{
	background-image: url(../img/icons/arrow-l-w.svg);
}
.arrow_right:not(.swiper-button-disabled):hover{
	background-image: url(../img/icons/arrow-r-w.svg);
}
.arrow_left.swiper-button-disabled{
	background-image: url(../img/icons/arrow-l-grey.svg);
}
.arrow_right.swiper-button-disabled{
	background-image: url(../img/icons/arrow-r-grey.svg);
}


.section.allprod{
	padding-bottom: 0;
	overflow: hidden
}
.allprod .container{
	width: 73.125rem;
	margin: auto;
}
.products-r__header{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.allprod .swiper{
	position: relative;
  	margin-left: 0;
}
.product-r-card{
	width: 35.625rem;
	height: 46.875rem;
	flex: 0 0 35.625rem;
	overflow: hidden;
	border-radius: 1.625rem;
	background: url(../img/bg-prod.jpg) center no-repeat;
	background-size: cover;
	padding: 2.5rem 2.5rem 0 2.5rem;
	position: relative;
}
.product-r-card .title{
	font-size: var(--font-22);
}
.product-r-card .logos{
	margin-top: 0.625rem;
	gap: 1.25rem;
}
.product-r-card .block-subtitle{
	padding-top: .938rem;
}
.product-r-card .img-prod{
	position: absolute;
	left: 2.5rem;
	right: 2.5rem;
	bottom: 0;
	height: 19.938rem;
	overflow: hidden;
}
.product-r-card .btn-block{
	position: absolute;
	left: 2.5rem;
	right: 2.5rem;
	bottom: 21.25rem;
	justify-content: space-between;
}
.product-r-card .img-prod img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}


/* Преимущества */
.advantage-row{
	justify-content: space-between;
}
.advantage-row .img:before{
	content: '';
	position: absolute;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%;
	right: 1.25rem;
}
.advantage-row.first{
	margin-bottom: 1.875rem;
}
.advantage-row.first .col-1{
	width: 24.25rem;
}
.advantage-row.first .col-1 .img{
	height: 37.5rem;
}
.advantage-row.first .col-2{
	width: 28.438rem;
}
.advantage-row.first .col-2 .img{
	height: 23.125rem;
	margin-top: 1.875rem;
}
.advantage-row.first .col-1 .img:before{
	top: 1.25rem;
	background: var(--color-2) url(../img/icons/dinamic-w.svg) center no-repeat;
}
.advantage-row.first .col-2 .img:before{
	bottom: 1.25rem;
	background: var(--color-2) url(../img/icons/thermometer-warm.svg) center no-repeat;
}
.advantage-row.first .col-3{
	width: 18.563rem;
	padding-top: 14.375rem;
}
.advantage-row.second .col-1{
	width: 16.625rem;
  flex-direction: column;
  justify-content: flex-end;
}
.advantage-row.second .col-2{
	width: 56.5rem;
}
.advantage-row.second .col-2 .img{
	height: 26.875rem;
}
.advantage-row.second .col-2 .img:before{
	bottom: 1.25rem;
	background: #ffffff url(../img/icons/flag.svg) center no-repeat;
}


.akcii-m{
	background: url(../img/bg-akcii.webp) center no-repeat;
	background-size: cover;
	overflow: hidden;
}
.akcii-m .section-title{
	color: #fff;
}
.akcii-m__slider{
	/*width: 81.25rem;*/
}
.akcii-m-card{
	/*width: 800px;*/
	height: 29.438rem;
	border-radius: 1.25rem;
	position: relative;
	padding: 2.5rem 0 2.5rem 2.5rem;
	cursor: grab;
}
.akcii-m-card:active{
	cursor: grabbing;
}
.akcii-m__slider .swiper{
	/*overflow: visible;*/
}
.akcii-m-card .img{
	position: absolute;
	left: 0;
	top: 0;
	width: inherit;
	height: inherit;
	z-index: 0;
}
.akcii-m-card .img.ovh img{
	object-position: left center;
}
.akcii-m-card .cont{
	width: 21.875rem;
	height: 100%;
	position: relative;
}
.akcii-m-card__head{
	position: relative;
}
.akcii-m-card__head .shild{
	position: absolute;
	background: var(--color-2);
	color: #fff;
	border-radius: 1.875rem;
	padding: 0 1.875rem;
	font-size: 1.75rem;
	height: 3.5rem;
	left: -1.125rem;
	display: inline-flex;
	align-items: center;
	transform: rotate(-3deg);
}
.akcii-m-card__head.sh-up{
	padding-top: 3.625rem;
}
.akcii-m-card__head.sh-btm{
	padding-bottom: 2.5rem;
	margin-bottom: .938rem;
}
.akcii-m-card__head.sh-up .shild{
	top: 0;
}
.akcii-m-card__head.sh-btm .shild{
	bottom: 0;
}
.akcii-m-card .cont p{
	font-size: var(--font-size-2);
	margin-bottom: 0.625rem;
}
.akcii-m-card .btn-block{
	margin-top: 1.875rem;
	position: absolute;
	left: 0;
	bottom: 0;
}


.works-map{
	overflow: hidden;
}
.works-map .map img{
	width: 100%;
}
.examples-tabs-wrap{
	overflow: auto;
	margin: 3.75rem auto 1.875rem;
	padding-bottom: .5rem;
}
.examples-tabs-wrap::-webkit-scrollbar {
  height: .7rem; 
}
.examples-tabs-wrap::-webkit-scrollbar-track {
  background: #fff;
  border-radius: .7rem;
}
.examples-tabs-wrap::-webkit-scrollbar-thumb {
  background-color: var(--color-2);
  border-radius: .7rem;
  border: 0;
}
.examples-tabs{
	list-style: none;
	gap: 0.625rem;	
	width: fit-content;
    margin: auto;
/* 	justify-content: center; */
/* 	flex-wrap: wrap; */
}
.examples-tabs li{
	display: inline-flex;
/* 	width: 12.5rem; */
	min-width: 10rem;
	height: 4.375rem;
	border: 1px solid var(--grey-ui);
	border-radius: 2.5rem;
	padding: 0 1.5rem;
	align-items: center;
	justify-content: center;
	transition: .4s;
	cursor: pointer;
	white-space: nowrap;
}
.examples-tabs li:before{
	display: none;
}
.examples-tabs li.active,
.examples-tabs li:hover{
	background: var(--color-2);
	color: #ffffff;
	border-color: var(--color-2);
}
.examples-tab{
	display: none;
}
.examples-tab.active{
	display: block;
}
.tab-wrap{
	align-items: flex-start;
	flex-wrap: wrap;
}
.tab-sidebar{
	width: 18.75rem;
	flex: 0 0 18.75rem;
	background: #ffffff;
	border-radius: 1.25rem;
	margin-right: 2.5rem;
}
.sidebar-tabs{
	padding: .313rem;
}
.sidebar-tabs li{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: var(--font-size-2);
	padding: 1.25rem 2.5rem;
	color: rgb(25, 25, 25 / .5);
	width: 100%;
	margin-bottom: 0;
	cursor: pointer;
	transition: .3s;
	font-size: 1rem;
}
.sidebar-tabs li:before{
	display: none;
}
.sidebar-tabs li:not(:last-child){
	border-bottom: 1px solid var(--grey-ui);
}
.sidebar-tabs li.active,
.sidebar-tabs li:hover{
	background: var(--color);
	color: #ffffff;
	border-radius: .938rem;
}
.examples-tab-cont{
	display: none;
}
.examples-tab-cont.active{
	display: block;
	max-width: 53.5rem;
}
.examples-tab-cont .text-cont-wrap{
/* 	max-width: 26.875rem; */
	margin-bottom: 1.25rem;
	font-size: var(--font-size-2);
}
.examples-tab-cont .text-cont-wrap p{
	margin-bottom: 1rem
}
.examples-tab-cont .text-cont-wrap ul{
	margin-bottom: 1.25rem;
}
.examples-tab-cont .text-cont-wrap .wrap-dop{
	overflow: auto;
	max-height: 15rem;
	padding-right: 1rem;
}
.examples-tab-cont .text-cont-wrap .wrap-dop::-webkit-scrollbar {
  width: .7rem; 
}
.examples-tab-cont .text-cont-wrap .wrap-dop::-webkit-scrollbar-track {
  background: #fff;
  border-radius: .7rem;
}
.examples-tab-cont .text-cont-wrap .wrap-dop::-webkit-scrollbar-thumb {
  background-color: var(--color-2);
  border-radius: .7rem;
  border: 0;
}
.examples-tab-cont .imgs-wrap{
	display: grid;
	gap: 0.625rem;
	grid-template-columns: 28.75rem 24.375rem;
	grid-template-rows: 14.063rem 14.063rem;
}
.examples-tab-cont .imgs-wrap .lg{
	grid-row: span 2;
}
.comparison-title{
	text-align: center;
	font-size: var(--font-minititle);
	font-weight: 600;
    line-height: 1.235;
	margin-top: 3rem;
    margin-bottom: .938rem;
}
.tab-wrap .comparison{
	width: 100%;
	justify-content: space-between;
	margin-top: 2.5rem;
	gap: .8rem;
}
.tab-wrap .comparison-item{
	width: 24.25rem;
	flex: 0 0 24.25rem;
	border-radius: 1.25rem;
	padding: 1.875rem;
	position: relative;
}
.tab-wrap .comparison-item p{
	font-size: var(--font-size-2);
	line-height: 1.41;
}
.tab-wrap .comparison-item p:not(:last-child){
	margin-bottom: .438rem;
}
.tab-wrap .comparison-item p .issue{
	color: var(--color-2);
	font-size: .875rem;
	border-bottom: 1px solid;
	margin-left: .313rem;
}
.wite-bg{
	background: #fff;
}
.grey-bg{
	border: 1px solid var(--grey-ui);
}
.tab-wrap .comparison .shild{
	position: absolute;
	right: 0.625rem;
	top: -0.625rem;
	background: var(--color-2);
	color: #ffffff;
	padding: .75rem 1.063rem;
	font-size: .875rem;
	border-radius: .875rem;
	text-align: center;
	line-height: 1.4;
}


.twomin{
	background: url(../img/quiz-bg.jpg) center no-repeat;
	background-size: cover;
}
.twomin-wrap{
	background: #fff;
	border-radius: 1.625rem;
	padding: 3.75rem 5rem;
	width: 85rem;
	margin: auto;
	min-height: 31.25rem;
	transition: height .5s;
}
.twomin .section-title{
	color: #fff;
}
.quiz-progress{
	max-width: 37.5rem;
	width: 100%;
	height: 1.75rem;
	background: var(--color-3);
	border-radius: .938rem;
	margin: auto;
	position: relative;
	margin-bottom: 2.5rem;
}
.quiz-progress .title{
	font-size: .875rem;
	position: absolute;
	height: 1.25rem;
	background: #ffffff;
	border-radius: 0.625rem;
	padding: 0 1.063rem;
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	left: 50%;
	transform: translateX(-50%);
	top: .25rem;
	white-space: nowrap;
}
.quiz-progress .dots{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.quiz-progress .dots:before{
	content: '';
	position: absolute;
	height: inherit;
	width: 20%;
	background: var(--color-2);
	border-radius: .938rem;
}
.quiz-progress .dots span{
	display: inline-block;
	width: 20%;
	height: inherit;	
	background: transparent;
	border-radius: .938rem;	
	background: var(--color-2);
	transition: 1s;
	position: relative;
}
/*.quiz-progress .dots span:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: inherit;
	border-radius: .938rem;
	background: url(../img/bg-progress.png) left center repeat-x;
	opacity: .8;
}*/
.twomin-quiz{
	justify-content: flex-end;
	position: relative;
}
.quiz-form{
	width: 100%;
}
.quiz-form .step{
	display: none;
	transition: height 1s;
}
.quiz-form .step[data-step="1"],
.quiz-form .step[data-step="3"]{
	padding: 0 3.125rem;
}
.quiz-form .step .small-title{
	margin-bottom: 1.25rem;
}
/*.step-inputs{
	margin-bottom: 2.5rem;
}*/
.step-inputs-col{
	flex-wrap: wrap;
	justify-content: center;
}
.step-inputs-col.with-img{	
	gap: 1.25rem;	
}
.step-inputs-col.not-img{
	gap: 0.625rem;
}
.step-inputs-col .input{
	display: flex;
	align-items: center;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.step-inputs-col .input input{
	display: none;
}
.step-inputs-col .input .check{
	display: inline-block;
	width: 2.313rem;
	height: 2.313rem;
	border-radius: 50%;
	background: #E3E8EC;
	position: absolute;
	left: calc(50% - 1.125rem);
	top: 11.438rem;
}
.step-inputs-col .input .check:before{
	content: '';
	position: absolute;
	width: 2.313rem;
	height: 2.313rem;
	border-radius: 50%;
	background: url(../img/icons/check-grey.svg) center no-repeat;
	left: 0;
	top: 0;
}
.step-inputs-col .input input:checked + .check:before{
	background: var(--color-2) url(../img/icons/check-w.svg) center no-repeat;
}
.step-inputs-col.with-img .input{
	width: 17.813rem;
	text-align: center;
	flex-direction: column;
}
.step-inputs-col.with-img .input .img{
	height: 12.5rem;
	margin-bottom: 1.75rem;
}
.step-inputs-col.not-img .input{
	width: 14.375rem;
	height: 8.125rem;	
	background: #F7F8F9;
	border-radius: 1.25rem;
	justify-content: center;
	padding: 0 1.25rem;
	transition: .3s;
}
.step-inputs-col.not-img .input .check{
	top: 7rem;
}
.step-inputs-col.not-img .input.active{
	background: var(--color);
	color: #fff;
}
.twomin-quiz-bottom{
	justify-content: space-between;
	align-items: center;
	margin-top: 2.5rem;
}
.quiz-buttons{
	justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: auto;
}
button.quiz-prev{
	border: none;
	background: transparent;
	color: #999;
	margin-right: 5rem;
}
button.quiz-prev:hover{
	cursor: pointer;
	color: var(--color);
}
button.quiz-prev svg{
	margin-right: 0.625rem;
}
.next-step{
	padding: 0 3.938rem;
}
.next-step:disabled{
	background: #ff5743;
	cursor: not-allowed;
}
.next-step svg{
	margin-left: 0.625rem;
}
.window[data-step="1"] .quiz-prev{
	display: none;
}
.window[data-step="end"] .twomin-quiz-bottom,
.window[data-step="end"] .quiz-progress{
	display: none;
}
.step[data-step="end"]:after{
	content: '';
	position: absolute;
	width: 55.375rem;
	height: 46.813rem;
	background: url(../img/doc--new.webp) center no-repeat;
	background-size: contain;
	right: -4.375rem;
	bottom: -3.75rem;
}
.step-end-list{
	padding: .938rem 0 ;
}
.step-end-col{
	position: relative;
	z-index: 1
}
.step-end-list-item{
	font-size: var(--font-size-2);
	margin-bottom: 1.875rem;
}
.step-end-list-item .icon{
	margin-right: 1.5rem;
	position: relative;
}
.step-end-list-item .icon img{
	width: 1.375rem
}
.step-end-list-item .icon:before{
	content: '';
	position: absolute;
	width: 2.875rem;
   height: 2.438rem;
   background: url(../img/icons/ellipse-red-1.svg) center no-repeat;
   background-size: contain;
   top: -.188rem;
   left: -.75rem;
}


.best-choice{
	background: #fff;
}
.best-choice-grid{
	gap: 1.125rem;
	flex-wrap: wrap;
}
.best-choice-item{
	width: 24.25rem;
	flex: 0 0 24.25rem;
	height: 46.875rem;
	overflow: hidden;
	position: relative;
	border-radius: 1.25rem;
	padding: 2.188rem 2.188rem 0 1.875rem;
}
.best-choice-item .btn-large{
	padding: 0 2.5rem;
	position: absolute;
	bottom: 21.625rem;
	left: 1.875rem;
	right: 2.188rem;
}
.best-choice-item:nth-of-type(4) .btn-large,
.best-choice-item:nth-of-type(5) .btn-large,
.best-choice-item:nth-of-type(6) .btn-large{
	bottom: 16.938rem;
}


.section.varianty{
	padding-bottom: 41%;
	background: #ececec url(../img/im-150.webp) center bottom no-repeat;
	background-size: contain;
}
.varianty-grid{
	width: 62.5rem;
	margin: auto;
	border-bottom: 1px solid var(--grey-ui);
}
.varianty-item{
	padding: .813rem 3.125rem 3.125rem;
	position: relative;
	width: 19.688rem;
}
.varianty-item.first{
	width: 23.375rem;
	padding-left: 4.063rem;
}
.varianty-item.last{
	width: 19.313rem;
	padding-right: 2.5rem;
}
.varianty-item.first:before,
.varianty-item.last:before{
	content: '';
	position: absolute;
	width: 1px;
	height: 9.375rem;
	background: var(--grey-ui);
	bottom: 0;
}
.varianty-item.first:before{
	right: 0;
}
.varianty-item.last:before{
	left: 0;
}
.varianty-item .text{
	font-size: var(--font-size-2);
}
.varianty-item .icon{
	margin-bottom: 2.25rem;
	margin-left: .813rem;
}
.varianty-item .icon:before{
	width: 5.313rem;
    height: 4.438rem;
    top: -1.25rem;
    left: -1.563rem;
}
.varianty-item .icon img{
	width: 2.125rem;
}


.additional-row{
	justify-content: space-between;
	padding: 0 .313rem;
}
.additional-item{
	width: 21.875rem;
	flex: 0 0 21.875rem;
}
.additional-item .img{
	height: 14.375rem;
	margin-bottom: 1.875rem;
}
.additional-item .img .birka{
	position: absolute;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%;
	background: var(--color-2);
	align-items: center;
	justify-content: center;
	left: 0.625rem;
	bottom: 0.625rem;
}
.additional-item .img .birka img{
	width: 1.875rem;
	height: 1.875rem;
}
.additional-item .block-subtitle{
	margin-bottom: 0;
	padding-left: 1.563rem;
}

 
.ya-otzyvy{
	background: #ffffff;
	padding-bottom: 5rem;
}
.ya-otzyvy-head_wrap{
	overflow: auto
}
.ya-otzyvy-head{
	justify-content: space-between;
	align-items: center;
}
.ya-otzyvy-head .col_3{
	gap: .438rem;
/* 	flex-wrap: wrap; */
}
.ya-otzyvy-head .col_1 img{
	width: 11.688rem;
}
.ya-otzyvy-head .col_3 img,
.ya-otzyvy-head .col_2 img{
	height: 5.125rem;
}
.ya-otzyvy .block-slider__header{
	margin: 1.25rem 0 .938rem;
	height: 3.875rem;
}
.ya-otzyvy .block-slider__header .arrows{
	bottom: 0;
}
.ya-otzyvy .arrow_left{
	background-image: url(../img/icons/arrow-l-w.svg);
}
.ya-otzyvy .arrow_right{
	background-image: url(../img/icons/arrow-r-w.svg);
}
.block-slider__header .arrow.swiper-button-disabled{
	cursor: not-allowed;
}
.ya-otzyvy .block-slider__header .arrow:not(.swiper-button-disabled):hover{
	background-color: var(--color);
}
.arrow_left.swiper-button-disabled,
.arrow_right.swiper-button-disabled{
	opacity: .7;
}
.ya-otzyvy .block-slider__header .arrow{
	background-color: var(--color-2);
}
.ya-otzyvy-card{
	border: 1px solid var(--grey-ui);
	border-radius: 1rem;
}
.ya-otzyvy-card .ovh{
	border-radius: 1rem;
}


.section.any-types{
	padding-bottom: 5rem;
}
.any-types .img.big{
	height: 43.75rem;
	border-radius: 0;
	margin-bottom: 5rem;
}
.any-types-grid{
	gap: 0.625rem;
	flex-wrap: wrap;
}
.any-types-grid .dop-row{
	gap: 0.625rem
}
.any-types-item{
	position: relative;
	border-radius: 1.25rem;
}
.any-types-item .fav{
	position: absolute;
	width: 2.313rem;
	height: 2.5rem;
	left: 1.563rem;
	top: 1.563rem;
}
.any-types-item .fav img{
	width: 100%;
}
.any-types-item.sm,
.any-types-item.mix:nth-of-type(2),
.any-types-item.mix:nth-of-type(3),
.any-types-item.mix:nth-of-type(6){
	width: 33.125rem;
	flex: 0 0 33.125rem;
	height: 23.75rem;
}
.any-types-item.lg,
.any-types-item.mix:first-child,
.any-types-item.mix:nth-of-type(4),
.any-types-item.mix:nth-of-type(5){
	width: 41.25rem;
	flex: 0 0 41.25rem;
	height: 23.75rem;
}
.any-types-item .block-subtitle{
	margin-bottom: 1.25rem;
}
.any-types-item.text-only{
	width: 35rem;
	height: 30.625rem;
	flex: 0 0 35rem;
	background: #ffffff;
	padding: 4.375rem 5rem;
}
.any-types-item.text-only .text{
	font-size: 1.25rem;
	line-height: 1.4;
	margin-bottom: 1.875rem;
}
.any-types-item.img-only{
	width: 39.375rem;
	flex: 0 0 39.375rem;
	height: 30.625rem;
}
.any-types-item .cont{
	position: absolute;
	left: 1.875rem;
	bottom: 1.875rem;
	width: 19.375rem;
	z-index: 22;
}
.any-types-item .img{
	height: inherit;
	position: relative;
	z-index: 0;
}
@media(min-width: 1071px){
	.any-types-grid_wrap.scrollbar{
		overflow: visible
	}
}

.free-vyezd-wrap{
	width: 97.5rem;
	height: 60.25rem;
	margin: auto;
	border-radius: 2.5rem;
	overflow: hidden;
	background: url(../img/im-33.jpg) center no-repeat;
	background-size: cover;
	justify-content: flex-end;
}
.free-vyezd-cont{
	width: 50%;
	padding: 7.5rem 11.25rem 0 2.5rem;
}
.free-vyezd-cont .section-title{
	margin-bottom: 1.875rem;
}
.free-vyezd-cont .block-title{
	margin-bottom:1.25rem;
}
.free-vyezd-cont ul.list li{
	font-size: var(--font-size-2);
	margin-bottom: .75rem;
	padding-left: 2.5625rem;
}
.free-vyezd-cont ul.list li:before{
	width: 1.625rem;
	height: 1.75rem;
	background: url(../img/icons/favicon.svg) center no-repeat;
	background-size: contain;
	border-radius: 0;
	top: 0;
}
.free-vyezd-cont form{
	padding-top: 1.125rem;
}
.sposob-sv .title,
.block-input .title{
	font-size: .875rem;
	text-transform: uppercase;
	font-weight: bold;
	color: #939393;
	margin-bottom: 0.625rem;
}
.sposob-sv .mess{
	gap: .313rem;
	margin-bottom: .313rem;
}
.sposob-sv input{
	/*display: none;*/
	appearance: none;
}
.sposob-sv label{
	display: inline-flex;
	height: 2.625rem;
	align-items: center;
	padding: 0 1.25rem;
	border: 1px solid #939393;
	color: #939393;
	border-radius: 1.375rem;
	font-size: .875rem;
	font-weight: 600;
	cursor: pointer;
	position: relative;
	transition: .3s;
}
/*.sposob-sv label:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 1.375rem;
	border: 1px solid #939393;
	transition: .3s;
}
.sposob-sv :checked + label:before{
	border-color: red;
}*/
.sposob-sv label img{
	margin-left: .438rem;
}
.sposob-sv.def label.active{
	color: #fff;
}
.sposob-sv.def label.active img{
	filter: brightness(2);
}
.sposob-sv label.phone.active{
	border-color: var(--color-2);
	background: var(--color-2);
}
.sposob-sv label.watsapp.active{
	border-color: #25D366;
	background: #25D366;
}
.sposob-sv label.max.active{
	border-color: #52A3F2;
	background: #52A3F2;
}
.sposob-sv.def label.max.active img{
	filter: brightness(1);
}
.sposob-sv label.telegram.active{
	border-color: #35A9E5;
	background: #35A9E5;
}
.sposob-sv label.phone img,
.sposob-sv label.watsapp img,
.sposob-sv label.max img{
	height: 1.25rem;
}
.sposob-sv label.telegram img{
	width: 1.125rem;
}
.block-input{
	width: 100%;
	max-width: 24.75rem;
}
.block-input .btn{
	width: 100%
}
.agree-wrap{	
	margin-top: .938rem;	
	padding-left: 2.375rem;
}
.checkbox{
	display: none;
}
.agree-wrap .check{
	display: inline-flex;
	width: 1rem;
	height: 1rem;
	border-radius: .125rem;
	border: 1px solid rgb(0 0 0 / 20%);
	margin-right: .5rem;
	position: relative;
}
.agree-wrap label{
	color: #939393;
	font-size: .75rem;
	margin-bottom: 0;
	cursor: pointer;
}
.checkbox:checked + .check{
	background: url(../img/icons/check-red.svg) center no-repeat;
}
.agree-wrap label a{
	text-decoration: underline;
}


.produce .img.big {
    height: 43.75rem;
    border-radius: 0;
    margin-bottom: 5rem;
}
.portaly-wrap{
	overflow: auto;
	padding-bottom: 2.5rem;
}
.scrollbar{
	overflow: auto
}
.scrollbar.vert::-webkit-scrollbar{
	width: 0.625rem;
}
.scrollbar.hor::-webkit-scrollbar,
.portaly-wrap::-webkit-scrollbar {
  height: 0.625rem;
}
.scrollbar::-webkit-scrollbar-track,
.portaly-wrap::-webkit-scrollbar-track {
  background: #fff; /* Цвет дорожки */
  border-radius: 0.625rem;
}
.scrollbar::-webkit-scrollbar-thumb,
.portaly-wrap::-webkit-scrollbar-thumb {
  background-color: var(--color-2); /* Цвет бегунка */
  border-radius: 0.625rem; /* Округление бегунка */
  border: 0; /* Оформление границ бегунка */
}
.portaly-row{
	gap: 1.25rem;
}
.portaly-item{
	width: 60.625rem;
	height: 30.25rem;
	flex: 0 0 60.625rem;
	position: relative;
	overflow: hidden;
	border-radius: 1.25rem;
}
.portaly-item .img{
	height: inherit;
}
.portaly-item .cont{
	position: absolute;
	width: 26.25rem;
	left: 2.5rem;
	top: 2.5rem;
}
.portaly-item .block-subtitle{
	margin-bottom: 0.625rem;
}
.portaly-item .btn-block{
	position: absolute;
	left: 2.5rem;
	bottom: 2.5rem;
	gap: 0.625rem;
}


.any-doors{
	background: #ffffff;
}
.any-doors-item{
	width: 24.25rem;
	height: 44.875rem;
	flex: 0 0 24.25rem;
	overflow: hidden;
	border-radius: 1.25rem;
	position: relative;
	padding: 1.875rem;
}
.any-doors-item .img{
	height: inherit;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.any-doors-item .cont{
	position: relative;
}
.any-doors-item .btn-block{
	position: absolute;
	left: 1.875rem;
	right: 1.875rem;
	bottom: 16.688rem;
	text-align: center;
}
.any-doors-item .btn-block .btn-large{
	margin-bottom: .938rem;
}
.any-doors-item .btn-block .btn-clear{	
	font-size: 1.25rem;
}


.section.garanti{
	position: relative;
	padding-bottom: 4.75rem;
	overflow: hidden;
}
.garanti:after{
	content: '';
	position: absolute;
	width: 19.313rem;
	height: 19.313rem;
	background: url(../img/pen.png) center no-repeat;
	background-size: contain;
	left: calc(50% - 3.75rem);
	bottom: 27.063rem;
}
.garanti:before{
	content: '';
	position: absolute;
	width: 55.938rem;
	height: 55.563rem;
	background: url(../img/doc-new-1.webp) center no-repeat;
	background-size: contain;
	left: calc(50% - 0.625rem);
	bottom: 0;
}
.garanti-list{
	max-width: 38.125rem;
	width: 98%;
}
.garanti-list .section-title{
	margin-bottom: 4.25rem;
}
.garanti-list .section-title h2{
	line-height: 1.142;
}
.garanti-list-item{
	margin-bottom: 2.75rem;
	padding-left: 7.813rem;
	position: relative;
	font-size: var(--font-size-2);
}
.garanti-list-item .block-title .icon{
	position: absolute;
	left: 2.438rem;
}
.garanti-list-item .block-title .icon:before{
	width: 5.313rem;
	height: 4.438rem;
	top: -1rem;
   left: -1.5rem;
}
.garanti-list-item .block-title .icon img{
	width: 2.125rem;
}
.garanti-list-item .text{
	margin-bottom: 0.625rem;
}


.free-raschet{
	max-width: 97.5rem;
	height: 65.563rem;
	padding: 7.5rem 11.25rem;
	margin: auto;
	border-radius: 2.5rem;
	overflow: hidden;
	background: url(../img/bg-raschet.webp) center no-repeat;
	background-size: cover;
}
.free-raschet h2{
	line-height: 1.14;
}
.free-raschet-cont{
	width: 25rem;
}
.interest-inputs{
	flex-wrap: wrap;
	gap: 0.625rem;
}
.interest-inputs label{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 12.063rem;
	height: 3.75rem;
	border-radius: 1.938rem;
	cursor: pointer;
	position: relative;
	margin-bottom: 0;
}
.interest-inputs label:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 1.938rem;
	background: #ffffff;
	z-index: 1;
	transition: .4s;
}
input[name="interest"]{
	display: none;
}
.interest-inputs span{
	position: relative;
	font-weight: 500;
	z-index: 2;
}
.interest-inputs label:hover,
.interest-inputs input:checked + label{
	color: #fff;
}
.interest-inputs label:hover:before,
.interest-inputs input:checked + label:before{
	background: var(--color-2);
}
.interest-solo-input{
	margin: .938rem 0 1.875rem;
}
.interest-solo-input label{
	margin-bottom: 0;
	cursor: pointer;
}
.interest-solo-input span{
	font-weight: 600;
	font-size: 1.25rem;
	border-bottom: 1px solid;
}
.interest-solo-input label:hover,
.interest-solo-input input:checked + label{
	color: var(--color-2);
}

.section.own-prod{
	padding-top: 5.938rem;
}
.own-prod-video{
	margin-bottom: 5.125rem;
}
.own-prod-video .img{
	height: 42.188rem;
}
.own-prod-cols{
	justify-content: space-between;
	margin-bottom: 2.5rem;
}
.own-prod-col{
	flex-direction: column;
	width: 23.75%;
}
.own-prod-col .icon{
	margin-bottom: 2.375rem;
	margin-left: .813rem;
}
.own-prod-col .icon:before{
	width: 5.313rem;
	height: 4.438rem;
	top: -1.063rem;
   left: -1.625rem;
}
.own-prod-col .icon img{
	height: 2.125rem;
}


.section.deliveri{
	padding-bottom: 0;
	border-top: 1px solid var(--grey-ui);
}
.deliveri-big-block{
	background: url(../img/bg-deliveri.jpg) center -13.75rem no-repeat;
	background-size: 120rem;
}
.deliveri-big-block .container{
	height: 50rem;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 1.125rem;
}
.big-block-col{
	width: 24.25rem;
	border-radius: 1.25rem;
	background: rgb(0 0 0 / 25%);
	backdrop-filter: blur(.938rem);
	color: #ffffff;
	font-size: var(--font-size-2);
	padding: 1.875rem 2.188rem;
}
.icon-cl{
	margin-bottom: .938rem;
}
.icon-cl img{
	width: 2.5rem;
}


.section.montazh{
	padding-bottom: 0;
}
.montazh-info{
	justify-content: center;
	gap: 1.25rem;
}
.montazh-info-sidebar{
	width: 44.375rem;
	flex: 0 0 44.375rem;
}
.montazh-info-img{
	width: 42.5rem;
	flex: 0 0 42.5rem;
	height: 53.5rem;
	overflow: hidden
}
.montazh-info-img .img{
	height: 53.5rem;
	display: none;
}
.montazh-info-img .img:first-child{
	display: block;
}
.montazh-info-link{
	padding: 2.625rem 8.125rem 2.625rem 1.875rem;
	position: relative;
	border-radius: 1.25rem;
	transition: .4s;
}
.montazh-info-link .numb{
	position: absolute;
	top: 1.375rem;
	right: 1.875rem;
	font-size: var(--font-size-2);
	font-weight: bold;
}
.montazh-info-link:after{
	content: '';
	position: absolute;
	height: 1px;
	width: 40.625rem;
	bottom: 0;
	right: 1.875rem;
	background: var(--grey-ui);
}
.montazh-info-link.active{
	background: #fff;
}
.montazh-info-link.active:after,
.montazh-info-link.before-active:after{
	display: none;
}


.showroom{
	overflow: hidden
}
.showroom-wrap{
	justify-content: space-between;
	margin-top: 1.875rem;
}
.showroom-item{
	width: 13.75rem;
}
.showroom-item .img{
	height: 18.125rem;
	margin-bottom: 1.25rem;
}
.showroom-item .title{
	font-size: var(--font-22);
	margin-bottom: 0.625rem;
	line-height: 1.363;
}
.showroom-tabs{
	list-style: none;
	gap: 0.625rem;
	margin: 3.75rem auto 0;
	justify-content: center;
}
.showroom-tabs li{
	display: inline-flex;
	padding: 0;
	width: 12.5rem;
	height: 4.375rem;
	border: 1px solid var(--grey-ui);
	border-radius: 2.5rem;
	align-items: center;
	justify-content: center;
	transition: .4s;
	cursor: pointer;
}
.showroom-tabs li:before{
	display: none;
}
.showroom-tabs li.active,
.showroom-tabs li:hover{
	background: var(--color-2);
	color: #ffffff;
	border-color: var(--color-2);
}
.showroom-tabs li.active{
	cursor: default;
}
.showroom__slider{
	width: 96.88%;
	margin: auto;
	margin-top: 2rem;;
}
.showroom__slider .swiper{
	overflow: visible;
}
.showroom-tab{
	display: none;
}
.showroom-tab.active{
	display: block;
}
.showroom-card{
	width: 28.125rem;
	cursor: grab;
}
.showroom-card:active{
	cursor: grabbing;
}
.showroom-btm{
	margin-top: 2.5rem;
}
.showroom-btm .btn-red{
	font-size: var(--font-size-2);
	padding: 0 4.125rem;
}


.showroom-addr{
	position: relative;
	height: 44.75rem;
	overflow: hidden;
	background: #fff;
}
.showroom-addr-map{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	justify-content: flex-end;
}
.showroom-addr-map .img{
	width: 55%;
	height: inherit;
}
.showroom-addr-cont{
	width: 28.125rem;
	padding-top: 6.25rem;
	position: relative;

}
.conact-item{
	margin-bottom: 1.875rem;
}
.conact-title{
	font-size: .875rem;
	color: #939393;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0.625rem;
}
.conact-item a{
	color: var(--color);
}
.conact-item a.phone{
	font-size: var(--font-title);	
}
.conact-item a.email{
	font-size: 2.25rem;	
}
.conact-row .conact-item:first-child{
	flex: 0 0 15rem;
	margin-right: 1.875rem;
}


footer.footer{
	padding-top: 1.875rem;
}
.footer-col{
	width: 33%;
	margin-bottom: 1.875rem;
}
.footer-logo-img img{
	width: 18.75rem;
}
footer.footer a{
	border-bottom: 1px solid;
	font-size: .875rem;
	color: var(--color);
	transition: .3s;
}
footer.footer a:hover{
	text-decoration: none;
	color: var(--color-2);
}
.footer-links{
	flex-direction: column;
	gap: .438rem;
	align-items: center;
}
.footer-links a{
	display: inline-block;
	width: fit-content;
}
.footer-contacts{
	justify-content: flex-end;
}
.footer-phone{
	flex-direction: column;
	align-items: flex-start;
}
.footer-phone .tel{
	font-size: 1.75rem;
	font-weight: 600;
	border-bottom: none;
}
.footer-phone .btn-clear{
	color: var(--color-2);
	text-decoration: none;
	border-bottom: 1px solid;
	padding: 0;
	font-weight: 600;
}
.footer-phone .btn-clear:hover{
	color: var(--color);
}
.footer-btm{
	border-top: 1px solid var(--grey-ui);
}
.footer-btm .container{
	justify-content: space-between;
	align-items: center;
	height: 4rem;
}
.footer-btm .dev{
	color: #bbb;
	font-weight: 600;
	font-size: 1rem;
}


.modal{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	overflow: auto;
	z-index: 1001;
}
.modal-body{
	width: 60.375rem;
	height: 42.063rem;
	border-radius: 1.625rem;
	/*overflow: hidden;*/
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.modal-body-lg{
	position: relative;
	top: 50%;
    transform: translateY(-50%);
}
.modal-body-lg:after{
	content: '';
    position: absolute;
    width: 55.375rem;
    height: 46.813rem;
    background: url(../img/doc--new.webp) center no-repeat;
    background-size: contain;
    right: 0;
    bottom: 0
}
.modal-close{
	position: absolute;
	top: 0;
	right: -1.688rem;
	width: 1.063rem;
	height: 1.063rem;
	cursor: pointer;
	z-index: 10;
}
.modal-body-row{
	height: inherit;
}
.modal-body .col-1{
	width: 28.25rem;
	flex: 0 0 28.25rem;
	color: #fff;
	position: relative;
	align-items: flex-end;
	height: inherit;
	padding: 3.125rem 5.313rem 3.125rem 3.125rem;
}
.modal-body .col-1 .img.ovh{
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 1.625rem 0 0 1.625rem;
}
.modal-body .col-1 .cont{
	position: relative;
}
.modal-body .col-1 .cont .text{
	font-size: 1.25rem;
}
.modal-body .col-2{
	background: #ffffff;
	width: 32.125rem;
	flex: 0 0 32.125rem;
	height: inherit;
	padding: 3.125rem 4.25rem 0 3.125rem;
	border-radius: 0 1.625rem 1.625rem 0;
}
.modal-body input[type="tel"],
.modal-body input[type="text"]{
	background: #FaFbFc;
	border: 1px solid #f1f1f1;
}
.modal-body input:disabled{
	background: #f1f1f1;
	cursor: not-allowed;
}
.modal-body input:disabled::placeholder {
  color: rgb(25 25 25 / 30%);
  opacity: 1;
}
/* Вендорные префиксы для старых браузеров */
.modal-body input:disabled::-webkit-input-placeholder { color: rgb(25 25 25 / 30%); } /* Chrome, Safari, Edge */
.modal-body input:disabled::-moz-placeholder { color: rgb(25 25 25 / 30%); opacity: 1; } /* Firefox 19+ */
.modal-body input:disabled:-ms-input-placeholder { color: rgb(25 25 25 / 30%); } /* Internet Explorer 10+ */
.modal-body .col-2 .block-input.mb{
	margin-bottom: 1.25rem;
}
.modal-body .col-2 .sposob-sv{
	margin-bottom: .75rem;
}
.choose-time label{
	width: 8.375rem;
	justify-content: center;
}
.choose-time label:hover,
.choose-time label.active{
	background: var(--color-2);
	color: #fff;
}
.choose-time label:hover,
.choose-time label.active{
	border-color: var(--color-2);
}
.modal-body .col-2 button{
	width: 100%;
}
.modal-body-u{
	position: relative;
	border-radius: 1.625rem;
	width: fit-content;
	max-width: 96%;
/*     padding: 0 2rem; */
    margin: 2rem auto;
}
.modal-body-u.white{
	background: #fff;
}	
.modal .section{
	padding: 3rem 2rem;
	border-radius: 1.625rem;
}
.modal-content{
	padding: 3rem
}
.modal-content li,
.modal-content h3{
	margin-bottom: 1rem
}
.modal-body-u.white .step-end-col{
	padding: 3.5rem 3rem
}
.totop{
	position: fixed;
	width: 4rem;
	height: 4rem;
	border-radius: 1rem;
	cursor: pointer;
	opacity: .7;
	transition: .4s;
	background: #DCD5CB;
	right: 2rem;
	bottom: 2rem;
	font-size: 2.6rem;
	line-height: .6;
	text-align: center;
	padding: 1.2rem 0;
	transform: rotate(-90deg);
	display: none;
	z-index: 1000;
}
.totop:hover{
	opacity: 1;
}
.hdn{
	overflow: hidden
}

/* thanks page */
.thanks-page .hero{
	background: url(../img/main-bg-thanks.jpg) center no-repeat;
	background-size: cover;
	padding-top: 1.25rem;
	padding-bottom: 7.5rem;
}
.thanks-page .header-contacts{
	align-items: center;
}
.thanks-page .hero-main{
	padding-top: 6.25rem;
}
.thanks-page .hero-main .cont{
	width: 30rem;
}
.thanks-page .hero-sub{
	font-size: var(--font-subtitle);
}
.hero-main .notific{
	font-size: var(--font-size-2);
	width: 23.125rem;
	padding-left: 2.125rem;
	position: relative;
}
.hero-main .notific:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../img/icons/message-square-alert.svg) center no-repeat;
	background-size: contain;
}
.thanks-page .hero-footer form{
	width: 23.125rem;
}
.thanks-page .hero-footer .block-input{
	width: 100%;
}
.thanks-page .hero-footer .btn-large{
	padding: 0 5rem;
}
.notwait{
	padding: 7.5rem 0;
	border-bottom: 1px solid var(--grey-ui);
}
.container.mini{
	max-width: 40rem;
}
.mess-types{
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	flex-wrap: wrap;
} 
.mess-types .messenger{
	width: 20rem;
	height: 6rem;
	border-radius: 3rem;
	color: #fff;
	font-size: var(--font-size-2);
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: 0.625rem;
}
.mess-types .messenger.watsapp{
	background: #25D366;
}
.mess-types .messenger.watsapp:hover{
	background: #2DE873;
}
.mess-types .messenger.telegram{
	background: #35A9E5;
}
.mess-types .messenger.telegram:hover{
	background: #54C0F8;
}
.mess-types .messenger.max{
	background: #52A3F2;
}
.mess-types .messenger.max:hover{
	background: #73b1ef;
}
.mess-types .messenger.watsapp:after{
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	background: url(../img/icons/wa-wite.svg) center no-repeat;
	background-size: contain;
}
.mess-types .messenger.telegram:after{
	content: '';
	width: 1.375rem;
	height: 1.125rem;
	background: url(../img/icons/tg-wite.svg) center no-repeat;
	background-size: contain;
}
.mess-types .messenger.max:after{
	content: '';
	width: 1.95rem;
	height: 1.95rem;
	background: url(/wp-content/themes/oknafabrika/assets/img/icons/max-66.png) center no-repeat;
	background-size: contain;
}
.mess-types .tel{
	width: 20.625rem;
	font-size: 2.125rem;
	color: var(--color);
	display: flex;
	align-items: center;
	gap: 0.9375rem;
}

.mess-types .tel:before{
	content: '';
	width: 1.125rem;
	height: 1.75rem;
	background: url(../img/icons/mob-2.svg) center no-repeat;
	background-size: contain;
}
.thanks-page .showroom__slider{
	padding-top: 7.5rem;
}

@media (hover: hover){
	a:hover{
		color: var(--color);
	}
	.btn-red:hover{
		background: #FF5743;
	}
	.btn-wite:hover{
		background: var(--color);
		color: #ffffff;
	}
	.btn-grey-ui:hover{
		background: var(--color);
		border-color: var(--color);
		color: #ffffff;
	}
	.btn-clear:hover{
		color: var(--color-2);
	}
	header.header ul li a:hover{
		color: var(--color-2);
		text-decoration: none;
	}
	a.watsapp:hover{
		background: #2DE873;
	}
	a.telegram:hover{
		background: #54C0F8;
	}
	.header-phone:hover{
		color: var(--color-2);
		text-decoration: none;
	}
	.recall a:hover{
		text-decoration: none;
		color: var(--color);
		border-color: var(--color);
	}
	.mess-types a:hover{
		text-decoration: none;
		transition: .3s;
	}
	.mess-types .tel:hover{
		color: #FC2B13;
	}
}

@media (min-width: 1921px){
	html{
		font-size: 17.6px;
	}
}
@media (min-width: 2100px){
	html{
		font-size: 21.28px;
	}
}

@media (max-width: 1570px){
	html{
		font-size: 12.96px;
	}
}

@media (max-width: 1300px){
	html{
		font-size: 10.72px;
	}
}

@media (max-width: 1070px){
	html{
		font-size: 12.96px;
	}
	.container{
		width: 100%;
		padding: 0 1rem;
	}
	.advantage-wrap{
		display: flex;
		justify-content: space-between;
	}
	.advantage-row{
		justify-content: flex-start;
	}
	.advantage-row.first,
	.advantage-row.second{
		width: 48%;
		flex-direction: column;
	}
	.advantage-row.first .col-1,
	.advantage-row.first .col-2,
	.advantage-row.first .col-3,
	.advantage-row.second .col-2,
	.advantage-row.second .col-1 {
	    width: 100%;
	}
	.advantage-row.first .col-1 .img,
	.advantage-row.first .col-2 .img {
	    height: 23rem;
	}
	.advantage-row.first .col-2 .img{
		margin-top: 2.5rem;
	}
	.advantage-row.first .col-2,
	.advantage-row.first .col-3{
		padding-top: 2rem;
	}
	.advantage-row.second .col-1{
		margin-bottom: 2rem;
	}
	.advantage-row.second .col-2 .img {
	    height: 43.875rem;
	}
	.akcii-m .container{
		max-width: 50rem;
	}
	.product-r-card{
		width: 100%;
	}
	.twomin-wrap,
	.free-vyezd-wrap,
	.free-raschet{
		width: 98%;
	}
	.montazh{
		padding: 7.5rem 1rem 0;
	}
	.montazh-info{
		gap: 2%;
	}
	.montazh-info-sidebar,
	.montazh-info-img{
		flex: 0 0 49%;
	}
	.montazh-info-link:after{
		width: 95%;
	}
	.own-prod-cols{
		flex-wrap: wrap;
	}
	.own-prod-col{
		width: 48%;
		margin-bottom: 4rem;
	}
	.best-choice-grid_wrap{
		padding-bottom: 1.5rem
	}
	.best-choice-grid{
		flex-wrap: nowrap
	}
	.best-choice-item .btn-large, .best-choice-item:nth-of-type(4) .btn-large, .best-choice-item:nth-of-type(5) .btn-large, .best-choice-item:nth-of-type(6) .btn-large {
		bottom: 18.625rem;
	}
	.any-types-grid{
		flex-wrap: nowrap
	}
	.additional-row_wrap{
		padding-bottom: 1rem
	}
	.additional-row{
		gap: 1.5rem;
	}
	.free-vyezd-wrap{
		background-position: right center;
	}
	.free-vyezd-cont{
		width: 42rem;
    	padding: 7.5rem 1.25rem 0 2.5rem;
	}
	.ya-otzyvy-head_wrap{
		padding-bottom: 1rem
	}
	.ya-otzyvy-head{
		justify-content: flex-start;
		gap: 1.5rem;
	}
	.any-types-grid_wrap{
		padding-bottom: 1.5rem
	}
	.any-types-item.text-only,
	.any-types-item.img-only{
		height: 23.75rem
	}
	.any-types-item.text-only{
		flex: 0 0 37rem;
		padding: 3.375rem 2rem 2rem 5rem;
	}
	.any-types-item.img-only{
		flex: 0 0 37rem;
	}
	.showroom-scroll{
		overflow: auto;
		padding-bottom: 1.5rem;
	}
	.showroom-wrap{
		width: 946px;
		width: 73rem;
	}
	.showroom-scroll::-webkit-scrollbar {
  		height: 0.625rem;
	}
	.showroom-scroll::-webkit-scrollbar-track{
	  background: #fff;
	  border-radius: 0.625rem;
	}
	.showroom-scroll::-webkit-scrollbar-thumb{
	  background-color: var(--color-2);
	  border-radius: 0.625rem;
	  border: 0;
	}
	.container.portaly-wrap{
		padding: 0 0 2rem;
	}
	.examples-tab-cont{
		zoom: .9;
	}
	.comparison-wrap{
		padding-bottom: 1.5rem
	}
	.any-types-item.lg{
		width: 53.5%;
	}
	.modal-body-u .modal-close{
		right: 1.5rem;
		top: 1rem
	}
	.modal-body-u.white .modal-close,
	.modal-body-lg .modal-close{
		filter: brightness(0.5);
		right: 1.5rem;
		top: 1rem
	}
	.step[data-step="end"]:after{
		width: 70%;
    	height: 100%;
		background-position-y: bottom
	}
}

@media (max-width: 991px){
	.logo-mob{
		display: block;
		width: 18rem;
	}
	header.header .container{
		align-items: center;
	}
	.logo-desktop,
	header.header nav{
		display: none;
	}
	header.header nav{
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: auto;
		z-index: 1001;
	}
	header.header ul{
		/*flex-direction: column;*/
		background: #DCD5CB;
		padding: 2rem;
		padding-right: 5rem;
		flex-wrap: wrap;
		position: relative;
	}
	header.header ul li::before {
	    content: '';
	    position: absolute;
	    width: .25rem;
	    height: .25rem;
	    border-radius: 50%;
	    background: var(--color-2);
	    left: -.938rem;
	    top: calc(50% - .125rem);
	}
	.mob-btn-close{
		position: absolute;
		right: 1.5rem;
		top: 1.5rem;
		height: 1.5rem;
		font-size: 3rem;
		line-height: .6;
		cursor: pointer;
		opacity: .7;
		transition: .4s;
	}
	.mob-btn-close:hover{
		opacity: 1;
	}
	header.header .btn-red{
		margin-left: auto;
	}
	.mob-menu-btn{
		display: flex;
		width: 2.5rem;
		height: 2.5rem;
		margin-left: 1rem;
		cursor: pointer;
		align-items: center;
        justify-content: center;
        font-size: 2.6rem;
	}
	.hero-header{
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.hero-header .ya-rating,
	.header-contacts{
	    margin-left: 0;
	}
	/*.header-phone{
		font-size: 1.5rem;
	}*/

	.allprod .container{
		width: 100%;
	}
	.allprod .section-subtitle{
		padding-right: 10rem;
	}
	.products-r__slider{
		width: 98%;
		max-width: 35.625rem;
		margin: auto;
	}

	.akcii-m .section-title{
		padding-right: 10rem;
	}

	.garanti:before{
		left: 37rem;
	}
	.garanti:after{
		left: 34.722rem;
	}

	.free-raschet{
		padding-left: 0;
		padding-right: 0;
	}
	.free-raschet .container{
		max-width: 54rem;
	}
	.deliveri-big-block .container{
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
    	gap: 1rem;
	}
	.big-block-col{
		max-width: 44.25rem;
		width: 98%;
		display: flex;
    	gap: 2rem;
	}

	.varianty-grid{
		flex-direction: column;
		width: 98%;
		max-width: 40rem;
		margin: auto;
		border-bottom: none;
	}
	.varianty-item,
	.varianty-item.first,
	.varianty-item.last{
		width: 100%;
		display: flex;
		align-items: center;
		gap: 2rem;
	}
	.varianty-item.first,
	.varianty-item{
		padding: 3rem 2rem;
	}
	.varianty-item .icon{
		margin-bottom: 0;
	}
	.varianty-item.first:before, 
	.varianty-item.last:before{
		width: 100%;
		height: 1px;
	}
	.varianty-item.last:before{
		bottom: 100%;
	}
	.tab-sidebar{
		width: 100%;
    	flex: auto;
    	margin-right: 0;
		overflow: auto;
		background: transparent
	}
	.tab-sidebar::-webkit-scrollbar {
	  height: .7rem; 
	  margin-top: .5rem
	}
	.tab-sidebar::-webkit-scrollbar-track {
	  background: #fff;
	  border-radius: .7rem;
	}
	.tab-sidebar::-webkit-scrollbar-thumb {
	  background-color: var(--color-2);
	  border-radius: .7rem;
	  border: 0;
	}
	.sidebar-tabs{
		display: flex;
/* 		flex-wrap: wrap; */
		gap: .5rem;
		width: fit-content;
        margin: auto;
	}
	.sidebar-tabs li{
		width: 50%;
		flex: 0 0 15rem;
		background: #fff;
		border-radius: .938rem;
		padding: 1.25rem;
	}
	.examples-tab-cont{
		zoom: 1;
	}
	.examples-tab-cont.active{
		margin: 2rem auto 0;
	}
	.tab-wrap .comparison .shild{
		top: -1.7rem;
	}
	.any-types-item.lg,
	.any-types-item.sm,
	.any-types-item.mix:first-child,
	.any-types-item.mix:nth-of-type(2),
	.any-types-item.mix:nth-of-type(3),
	.any-types-item.mix:nth-of-type(4),
	.any-types-item.mix:nth-of-type(5),
	.any-types-item.mix:nth-of-type(6){
		width: 49%;
	}
	.any-types-item.text-only{
		flex: 0 0 35rem;
	}
	.any-types-item.img-only{
		width: auto;
		flex: auto;
	}
	.modal-body{
		zoom: .9;
	}
	.mess-types .tel{
		width: 100%;
		justify-content: center;
		margin-bottom: 1rem;
	}
	.modal-body-lg:after{
		width: 57vw;
		height: 47vw
	}
}

@media (max-width: 767px){
	.hero-header{
		flex-wrap: wrap;
		gap: 1.5rem;
	}
	/*.hero-header .ya-rating{
		order: 2;
	}*/
	.hero-main .cont{
		max-width: 32.875rem;
		width: 100%;
	}
	h1{
		font-size: 3rem;
	}
	.hero-sub{
		font-size: 1.65rem;
	}
	h1 span.info{
		top: 4.5rem;
    	left: 6.125rem;
    	width: 3.5rem;
    	height: 3.0rem;
	}
	h1 span.info:after{
		width: 3.5rem;
    	height: 3.0rem;
    	background-size: .525rem;
	}
	.hero-main .bullet{
		font-size: 1.15rem;
		margin-bottom: 1.5rem;
	}
	.icon:before{
		top: -3px;
	}
	.section{
		padding: 4rem 0;
	}
	.section-title h2{
		font-size: 2.6rem;
	}
	.section-subtitle{
		font-size: 1.3rem;
	}

	.advantage-wrap{
		flex-wrap: wrap;
	}
	.advantage-row.first, 
	.advantage-row.second{
		width: 100%;
	}
	.advantage-row.second .col-1{
		order: 1;
		margin-bottom: 0
	}
	.advantage-row.second .col-2{
		order: 0;
		margin-bottom: 2rem;
	}
	.advantage-row.second .col-2 .img {
        height: 23rem;
    }
    .twomin-wrap{
    	padding-left: 3rem;
    	padding-right: 3rem;
    }
	.step-inputs-col.with-img .input{
/*     	width: 47%; */
		width: 100%;
		flex-direction: row;
		text-align: left;
    }
	.step-inputs-col.with-img .input .img{
		height: 4rem;
		border-radius: 1rem;
		margin-right: 2rem;
		margin-bottom: 0
	}	
	.step-inputs-col .input .check{
		left: auto;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.step-inputs-col.not-img .input{
		width: 100%;
		height: auto;
		padding: 1rem 2rem;
		justify-content: flex-start;
		border-radius: 1rem;
	}
	.step-inputs-col.not-img .input .check{
		top: 50%
	}
	.step[data-step="end"]:after{
		width: 20rem;
		right: -3rem;
	}
    .produce .img.big{
    	height: 24rem;
    }
    .produce.section{
    	padding-left: 1rem;
    	padding-right: 1rem;
    }
	.free-vyezd-wrap{
		height: auto
	}
	.free-vyezd-cont{
		padding: 3.5rem 2.25rem 3rem;
	}
    .portaly-item{
    	width: 30rem;
    	flex: 0 0 30rem;
    	height: 45rem;
    	display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background: #F3EFEC;
    }
    .portaly-item .img.ovh{
    	height: 25rem;
    }
    .portaly-item .img.ovh img{
    	object-position: right center;
    }
    .portaly-item .btn-block{
    	flex-direction: column;
    }
    .examples-tab-cont .imgs-wrap{
    	grid-template-columns: 42vw 39vw;
    }
/*     .tab-wrap .comparison{
    	flex-wrap: wrap;
    	justify-content: center;
    } */
    .montazh-info{
    	flex-direction: column;
    }
    .montazh-info-sidebar, 
    .montazh-info-img{
    	width: 98%;
    	max-width: 44rem;
    	margin: auto;
    }
    .montazh-info-sidebar{
    	order: 1;
    }
    .montazh-info-img{
    	order: 0;   	
    	max-width: 25rem;
    	margin-bottom: 2rem;
		display: none
    }
    .montazh-info-img .img{
    	height: 33.5rem;
    }
    .showroom-scroll::-webkit-scrollbar {
  		height: 0.625rem;
	}
	.showroom-scroll::-webkit-scrollbar-track {
	  border-radius: 0.325rem;
	}
	.showroom-scroll::-webkit-scrollbar-thumb {
	  border-radius: 0.325rem;
	}
    .showroom-addr{
    	height: auto;
    }
    .showroom-addr-map{
    	position: static;
    	height: 30rem;
    	overflow: hidden;
    }
    .showroom-addr-map .img{
    	width: 100%;
    }
    .showroom-addr-cont{
    	padding: 4rem 0;
    }
    .footer-wrap{
    	flex-wrap: wrap;
    }
    .footer-col{
    	width: 50%;
    }
    .footer-col.center{
    	order: 3;
    	width: 100%;
    }
    .footer-links{
    	flex-direction: row;
    	justify-content: space-between;
    	flex-wrap: wrap;
    }
/* 	.any-types-grid .dop-row{
    	flex-wrap: wrap;
    } */
	.any-types-item.lg,
	.any-types-item.sm,
	.any-types-item.mix:first-child,
	.any-types-item.mix:nth-of-type(2),
	.any-types-item.mix:nth-of-type(3),
	.any-types-item.mix:nth-of-type(4),
	.any-types-item.mix:nth-of-type(5),
	.any-types-item.mix:nth-of-type(6){
		width: 100%;
		flex: 0 0 90vw
	}
	.any-types-item.text-only{
		width: auto;
		flex: 0 0 90vw;
/* 		height: auto; */
	}
	.modal-body{
		zoom: 1;
		width: auto;
		height: auto;
	}
	.modal-close{
		top: 1.6rem;
		right: 1.6rem;
	}
	.modal-body-row{
		flex-direction: column;
	}
	.modal-body .col-1{
		width: 100%;
	    height: auto;
	    flex: 0 0 17rem;
	    overflow: hidden;
	    background: black;
	    border-radius: 1.625rem 1.625rem 0 0;
	}
	.modal-body .col-1 .img.ovh{
		opacity: .5;
	}
	.modal-body .col-2{
		padding: 3.125rem 3.125rem 3.125rem;
    	border-radius: 0 0 1.625rem 1.625rem;
    	width: auto;
	}
	input.input,
	.btn-large{
		height: 5rem;
	}
	button.quiz-prev{
		margin-right: 0
	}
	.thanks-page .hero-sub{
		font-size: 1.2rem;
	}
	.hero-main .notific{
		font-size: var(--font-size-1);
	}
	.thanks-page .hero-main .cont {
	    width: 23rem;
	}
	.notwait{
		padding: 4rem 0;
	}
	.thanks-page .showroom__slider{
		padding-top: 4rem;
	}
	.modal-content{
		padding: 2rem
	}
}

@media (max-width: 520px){
	header.header ul{
		flex-direction: column;
		align-items: flex-start;
		padding: 2rem 4rem;
	}
	header.header{
		height: 0
	}
	header.header .btn-red,
	.hero-header .ya-rating,
	.hero-footer .messengers .text{
		display: none
	}
	.mob-menu-btn{
		position: absolute;
        right: 1rem;
        top: 1.5rem;
	}
	.header-contacts{
		margin: auto
	}
	.section-title h2{
		font-size: 2rem;
	}
	.small-title{
		font-size: 1.6rem;
	}
	.block-title{
		font-size: 1.4rem;
	}
	header.header .container{
		flex-wrap: wrap;
		justify-content: center;
	}
	.logo-mob{
		display: none;
	}
	.logo-desktop{
		display: block;
	}
	.hero{
		background-size: cover;
		padding-bottom: 4.5rem;
		padding-top: 2rem;
	}
	.hero-main{
		padding-top: 3rem;
	}
	.hero-footer{
		width: 100%;
		flex-wrap: wrap;
		gap: 1rem;
	}
	.hero-footer .btn-large{
		width: 18rem;
    	line-height: 1.3;
	}
	.akcii-m-card .img.ovh img{
		object-position: left center;
	}
	.twomin-wrap{
    	padding-left: 2rem;
    	padding-right: 2rem;
    }
    .quiz-form .step[data-step="1"], 
    .quiz-form .step[data-step="3"]{
    	padding: 0;
    }
    .own-prod-video .img{
    	height: 13rem;
    }
    .own-prod-cols{
    	padding: 0 1rem;
    }
    .own-prod-col{
    	width: 100%;
    }
    .produce .img.big {
        height: 14rem;
    }
    .product-r-card .logos{
    	height: 2.5rem;
    }
    .product-r-card .logos img{
    	max-height: inherit;
    	max-width: 8rem;
    }
    .product-r-card .img-prod{
    	height: 15rem;
    }
    .product-r-card .btn-block{
    	flex-direction: column;
    	bottom: 16rem;
    	gap: .8rem;
    }
    .product-r-card .img-prod img{
    	object-fit: fill;
    }
	.examples-tab-cont.active{
		width: 100%
	}
	.examples-tab-cont .imgs-wrap-dop{
		overflow: auto;
		padding-bottom: 1rem
	}
	.examples-tab-cont .imgs-wrap-dop::-webkit-scrollbar {
	  height: .7rem;
	}
	.examples-tab-cont .imgs-wrap-dop::-webkit-scrollbar-track {
	  background: #fff;
	  border-radius: .7rem;
	}
	.examples-tab-cont .imgs-wrap-dop::-webkit-scrollbar-thumb {
	  background-color: var(--color-2);
	  border-radius: .7rem;
	  border: 0;
	}
    .examples-tab-cont .imgs-wrap{
    	display: flex;
/*     	flex-direction: column; */
    }
    .examples-tab-cont .imgs-wrap .img{
    	height: 18rem;
		width: 26rem;
		flex: 0 0 26rem
    }
    .sidebar-tabs li{
    	width: 100%;
    }
    .any-types .img.big{
    	height: 20rem;
    }
    .free-raschet{
    	height: auto;
    	padding: 4rem 0;
    	background-position-x: left;
    }
	.free-raschet-cont{
		margin: auto
	}
    .free-raschet-cont .block-title{
    	text-align: center;
    }
    .interest-inputs{
    	justify-content: center;
    }
    .sposob-sv.def{
    	text-align: center;
    }
    .sposob-sv.def .mess{
    	justify-content: center;
    }
    .block-input{
    	margin: auto;
    }
    .footer-col{
    	width: 100%;
    }
    .conact-item a.phone{
    	font-size: 2.5rem;
    }
    .conact-item a.email {
	    font-size: 1.75rem;
	}
	.any-types-item.lg .img.ovh img,
	.any-types-item.sm .img.ovh img{
		object-position: left center;
	}
	.any-types-item.img-only{
/* 		height: 70vw; */
		flex: 0 0 90vw
	}
	.thanks-page .hero{
		padding-bottom: 4rem;
		background-position-x: -15rem;
	}
	.thanks-page .hero{
		background: url(../img/main-bg-thanks-mob-ll.webp) right center no-repeat;
		background-size: cover;
	}
	.thanks-page .hero-main{
		padding-top: 3rem;
	}
	.step-end-list-item{
		position: relative;
    	padding-left: 3rem;
	}
	.step-end-list-item .icon{
		position: absolute;
    	left: 0;
	}
	.modal-body{
		position: static;
		margin: 1rem auto;
		transform: none;
	}
	.step[data-step="end"]:after{
		display: none
	}
	.step-end-col .small-title br{
		display: none
	}
	.examples-tab-cont .text-cont-wrap .wrap-dop{
		overflow: hidden;
		transition: .4s
	}
	.examples-tab-cont .text-cont-wrap .btnmore{
		display: inline-block;
		cursor: pointer;
		margin-top: .5rem;
		font-weight: 600;
		color: var(--color-2);
		text-decoration: underline;
	} 
}

@media (max-width: 460px){
	h1 {
        font-size: 2.5rem;
    }
    h1 span.info{
    	top: 3.6rem;
    }
    .hero-sub {
        font-size: 1.45rem;
    }
    .any-types-item.text-only{
    	padding: 3.375rem 1.5rem 1.5rem 3rem;
    	height: auto;
    }
	.any-types-item .fav {
		width: 2rem;
		height: 2rem;
		left: 1rem;
		top: 1rem;
	}
    .product-r-card{
		height: 47rem;
	}
	.portaly-item{
		width: 26rem;
		flex: 0 0 26rem;
	}
	.portaly-item .cont{
		width: auto;
	}
	.portaly-item .img.ovh img{
		object-position: -23rem center;
	}
	.portaly-item .btn-block{
		left: 1rem;
		right: 1rem;
	}
}
@media (max-width: 390px){
	html{
		font-size: 3.3vw;
	}
	.twomin-wrap{
		padding: 2rem 1.5rem;
	}
	.step-inputs-col.with-img .input {
        width: 100%;
		padding-right: 2.5rem;
    }
	.step-inputs-col.with-img .input .img{
		flex: 0 0 4rem;
		height: auto;
		margin-right: 1rem;
	}
	.agree-wrap{
		padding-left: 0
	}
	.modal-content{
		padding: 1.5rem
	}
}