/* @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap"); */

/*@font-face {
	font-family: 'Montserrat';
	src: url('/wp-content/themes/understrap/fonts/Montserrat-Regular.ttf') format('truetype'); 
	font-weight: 400; /* For regular (normal) weight /
	font-display: swap;
  }
  
@font-face {
	font-family: 'Montserrat';
	src: url('/wp-content/themes/understrap/fonts/Montserrat-Bold.ttf') format('truetype'); 
	font-weight: 700; /* For bold weight /
	font-display: swap;
  }
*/
:root {
	--akcent: #ec7633;
	--tekst: #312c29;
	--fon: #f8f8f8;
	--fon-2: #f4f0f1;
	--dop-cvet: #e5dbd2;
	--tekst-dop: #575757;
	--green: #6ba96e;
	--white: #fff;
}

body {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	line-height: 1.4;
	color: #575757;
}

a {
	color: #575757;
}

a:hover {
	color: inherit;
}

#header {
	width: 100%;
	padding: 35px 0px;
}

#header .container {
	justify-content: space-between;
	align-items: center;
	position: relative;
}

@media screen and (max-width: 767px) {
	#header .container {
		row-gap: 70px;
	}
}

#header .header-contacts {
	display: flex;
	justify-content: center;
	align-items: center;
}

.navbar-brand {
	padding: 0px;
	margin: 0px;
}

.navbar-toggler {
	order: 1;
}

.header-text {
	font-size: 15px;
	color: #7d7d7d;
}

.city {
	font-size: 16px;
	color: #7d7d7d;
}

.city a {
	display: flex;
	align-items: center;
	background: url(../images/point.png) left center no-repeat;
	padding: 0px 0px 0px 25px;
	color: #000 !important;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}

.city a:after {
	display: block;
	content: "";
	margin-left: 10px;
	width: 11px;
	height: 6px;
	background: url(../images/arrow-down.png) center center no-repeat;
}

.city a>span:hover {
	color: #ec7633;
}

.callback a {
	display: flex;
	width: 224px;
	height: 62px;
	align-items: center;
	justify-content: center;
	background: rgb(251, 153, 95);
	background: -moz-linear-gradient(top, rgba(251, 153, 95, 1) 0%, rgba(227, 90, 14, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(251, 153, 95, 1) 0%, rgba(227, 90, 14, 1) 100%);
	background: linear-gradient(to bottom, rgba(251, 153, 95, 1) 0%, rgba(227, 90, 14, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb995f', endColorstr='#e35a0e', GradientType=0);
	border-bottom: 5px solid #e15d15;
	color: #fff4e6 !important;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	border-radius: 10px;
	padding-top: 5px;
	box-shadow: inset 0px 0px 20px rgba(255, 255, 255, 0.6);
	transition: all 0.2s ease;
	position: relative;
	z-index: 1;
}

.callback a:hover {
	opacity: 0.9;
}

.callback a:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow-ask.png) bottom center no-repeat;
	opacity: 0.7;
	z-index: -1;
}

.phone {
	padding-left: 60px;
	background: url(../images/phone-1.png) left center no-repeat;
	background: image-set(url("../images/phone-1.webp") type("image/webp"), url("../images/phone-1.png") type("image/png")) left center no-repeat;
}

.phone div:nth-child(1) a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 24px;
}

.phone div:last-child {
	font-size: 15px;
	color: #808080;
}

.phone div:last-child a {
	color: #0376b2;
	text-decoration: none;
	position: relative;
}

.phone div:last-child a:hover {
	text-decoration: none;
}

.phone div:last-child a:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	border-bottom: 1px solid #0376b2;
	position: absolute;
	left: 0;
}

.phone div:last-child a:hover:after {
	display: none;
}

.whatsapp {
	background: url(../images/phone-2.png) left center no-repeat;
}

#main-nav {
	width: 100%;
	background: #e5dbd2;
	padding: 0px;
}

.navbar-expand-lg .navbar-nav {
	width: 100%;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding: 28px 30px;
	text-decoration: none;
	font-size: 18px;
	color: #000;
	font-weight: 600;
	line-height: 1;
	/* border-top: 5px solid transparent; */
	transition: all 0.2s ease;
}

.navbar-expand-lg #main-menu .cart-class {
	position: relative;
}

.navbar-expand-lg #main-menu .cart-class .nav-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	padding: 0 10px;
}

.navbar-expand-lg .cart-class .nav-link>span {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
}

.navbar-expand-lg .cart-class .nav-link>span:first-child {
	display: none;
}

.navbar-expand-lg .cart-class .nav-link>span>span {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 19px;
	height: 19px;
	font-size: 11px;
	background: #312c29;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
}

@media (max-width: 991px) {
	.navbar-expand-lg #main-menu .cart-class .nav-link {
		position: static;
		padding: 15px 20px;
	}

	.navbar-expand-lg .cart-class .nav-link>span {
		display: none;
	}

	.navbar-expand-lg .cart-class .nav-link>span:first-child {
		display: block;
		width: 100%;
		height: auto;
	}
}

/* .navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .active .nav-link {
	border-color: #eb6f2a;
	font-weight: bold;
} */

.home #old {
	background: url(../images/home-bg-nikaten-new.webp) center top/contain no-repeat #f4f0f1;
}

@media screen and (max-width: 1000px) {
	.home #old {
		background-image: url('../images/home-bg_devic.jpg');
	}
}

@media screen and (max-width: 600px) {
	.home #old {
		background-image: url('../images/home-bg-nikaten-new_mob.webp');
	}
}

.home #new {
	background: 0 0 / contain #f4f0f1;
}

@media screen and (max-width: 991px) {
	.home #new {
		background-position-y: 130px;
	}
}

@media screen and (max-width: 767px) {
	.home #new {
		background-position-y: 185px;
	}
}

.page-template-front-page #page {
	background: #f4f0f1 url(../images/home-bg.png) center top no-repeat;
}

.home.young #page {
	background: #f4f0f1 url(../images/home-bg.png) center top no-repeat;
}

.home.old #page {
	background: #f4f0f1 url(../images/new/home-bg.JPG) center top no-repeat;
}

#intro {
	width: 100%;
	height: 858px;
	padding-top: 100px;
}

@media(max-width: 2100px) {
	#intro {
		height: 700px;
	}
}

@media(max-width: 1800px) {
	#intro {
		height: auto;
	}
}

#intro h1 {
	color: #000;
	font-weight: bold;
	font-size: 25px;
	line-height: 1.1;
	/* margin-bottom: 40px; */
	text-align: center;
}

#intro p {
	color: #000;
	font-weight: bold;
	font-size: 25px;
	line-height: 1.1;
	margin-bottom: 40px;
	text-align: center;
}

@media screen and (max-width: 600px) {
	#intro p {
		margin-bottom: 170%;
	}
}

@media screen and (max-width: 540px) {
	#intro p {
		margin-bottom: 150%;
	}
}

@media screen and (max-width: 400px) {
	#intro p {
		/* margin-bottom: 440px; */
		margin-bottom: calc(140% * 0.9);
	}
}

#intro h1 em {
	display: block;
	line-height: 1.2;
	/* padding-bottom: 10px; */
	font-style: normal;
	font-size: 34px;
	color: #ec7633;
	text-transform: uppercase;
}

.advantages {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 585px;
}

@media screen and (max-width: 600px) {
	.advantages {
		flex-direction: column;
		max-width: 276px;
		margin: 0 auto;
	}
}

.a-item {
	position: relative;
	width: auto;
	min-width: 264px;
	color: #515151;
	font-size: 19px;
	padding-left: 60px;
	margin-bottom: 30px;
}

.a-item:before {
	content: "";
	position: absolute;
	width: 55px;
	height: 55px;
	top: 0;
	left: 0;
	border-radius: 50%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 36px;
}

.a-item strong {
	display: block;
	font-weight: bold;
}

.a-item:nth-child(1):before {
	background-image: url(../images/a-1.png);
}

.a-item:nth-child(2):before {
	background-image: url(../images/a-2.png);
}

.a-item:nth-child(3):before {
	background-image: url(../images/a-3.png);
}

.a-item:nth-child(4):before {
	background-image: url(../images/a-4.png);
}

.a-item:nth-child(5):before {
	background-image: url(../images/a-5.svg);
}

#advantages-2 {
	padding-bottom: 20px;
	padding-top: 8%;
}

h2 {
	font-weight: bold;
	color: #000;
	font-size: 47px;
	margin: 0px 0px 10px 0px;
}

h2 em {
	font-style: normal;
	color: #ec7633;
}

.subtitle {
	text-align: center;
	padding-bottom: 50px;
	font-size: 30px;
	color: #575757;
}

.a2-item {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 130px 35px 35px 35px;
}

.a2-item:before {
	content: "";
	position: absolute;
	width: 70px;
	height: 70px;
	top: 35px;
	left: 35px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px;
}

.a2-item p {
	margin: 0px;
	color: #575757;
}

.a2-item p:first-child {
	font-weight: bold;
	font-size: 19px;
	color: #000;
	padding-bottom: 5px;
}

.a2-item-1:before {
	background-color: #f9dccc;
	background-image: url(../images/a2-1.png);
	background-image: image-set(url("../images/a2-1.webp") type("image/webp"),
			url("../images/a2-1.png") type("image/png"));
}

.a2-item-2:before {
	background-color: #d5ebdc;
	background-image: url(../images/a2-2.png);
	background-image: image-set(url("../images/a2-2.webp") type("image/webp"),
			url("../images/a2-2.png") type("image/png"));
}

.a2-item-3:before {
	background-color: #f9dccc;
	background-image: url(../images/a2-3.png);
	background-image: image-set(url("../images/a2-3.webp") type("image/webp"),
			url("../images/a2-3.png") type("image/png"));
}

.a2-item-4:before {
	background-color: #d5ebdc;
	background-image: url(../images/a2-4.png);
	background-image: image-set(url("../images/a2-4.webp") type("image/webp"),
			url("../images/a2-4.png") type("image/png"));
}

#video {
	position: relative;
	z-index: 10;
}

.d-head {
	padding-top: 30px;
	align-items: center;
	padding-bottom: 50px;
}

.d-head h2 {
	margin: 0px;
}

.d-head p {
	margin: 0px 0px 0px 90px;
	padding-left: 50px;
	font-size: 28px;
	color: #575757;
	border-left: 2px solid #f38648;
}

.reviews-head {
	justify-content: space-between;
	align-items: center;
	padding-bottom: 50px;
}

.nav-pills .nav-link {
	width: 224px;
	height: 63px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-right: 20px;
	border: 2px solid #ec7633;
	border-radius: 5px;
	background: none;
	color: #000;
	font-size: 18px;
	text-decoration: none;
	font-weight: 600;
}

.nav-pills .nav-link:hover {
	color: #ffffff;
	background: #ec7633;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #ec7633;
	border-color: #ec7633;
}

.btn-orange {
	display: flex;
	width: 210px;
	height: 70px;
	align-items: center;
	justify-content: center;
	background: rgb(251, 153, 95);
	background: -moz-linear-gradient(top, rgba(251, 153, 95, 1) 0%, rgba(227, 90, 14, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(251, 153, 95, 1) 0%, rgba(227, 90, 14, 1) 100%);
	background: linear-gradient(to bottom, rgba(251, 153, 95, 1) 0%, rgba(227, 90, 14, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb995f', endColorstr='#e35a0e', GradientType=0);
	border-bottom: 5px solid #e15d15;
	color: #fff4e6 !important;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	border-radius: 10px;
	padding-top: 5px;
	box-shadow: inset 0px 0px 20px rgba(255, 255, 255, 0.6);
	transition: all 0.2s ease;
}

.button-shadow {
	position: relative;
}

.button-shadow:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow.png) bottom center no-repeat;
	opacity: 0.5;
	z-index: -1;
}

.btn-orange:hover {
	opacity: 0.9;
}

.d-video {
	justify-content: space-between;
}

.video-item {
	padding-bottom: 30px;
}

.video-pic {
	display: inline-block;
	overflow: hidden;
}

.video-pic img {
	transition: 1s;
	display: block;
}

.video-pic:hover img {
	transform: scale(1.2);
}

.video-text {
	padding-top: 15px;
	font-size: 16px;
	color: #575757;
	font-weight: 600;
}

.video-left {
	padding-right: 0px;
	width: 100%;
	max-width: 644px;
	margin-right: 30px;
	display: inline-block;
	overflow: hidden;
}

.video-left img {
	transition: 1s;
	display: block;
}

.video-left:hover img {
	transform: scale(1.1);
}

.d-video a {
	display: block;
	position: relative;
	overflow: hidden;
}

.d-video a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 78px;
	height: 81px;
	background: url(../images/play.png) center center no-repeat;
	background-size: contain;
	margin-top: -40px;
	margin-left: -39px;
}

.d-video a:hover:after {
	opacity: 0.9;
}

.d-video .video-right a:after {
	background-size: 60px;
}

/***************************************/

/*      BLOCK FORM QUIZ - 4 SCREEN     */

/***************************************/

#quiz {
	width: 100%;
	background: #f8f8f8;
	padding-top: 250px;
	margin-top: -150px;
}

#quiz.no-pad {
	padding-top: 70px;
	margin-top: 0;
}

.quiz-wrapper {
	background: #fff;
	padding: 80px 120px 80px 120px;
	border-radius: 5px;
	box-shadow: 0px 15px 43px rgba(0, 0, 0, 0.09);
}

.quiz-background-step3 {
	position: absolute;
	left: 0;
	right: -120px;
	bottom: -100px;
	top: 0;
	background-image: url("/wp-content/themes/understrap/images/steps/step3.png");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto;
}

.quiz-head {
	padding-bottom: 60px;
	position: relative;
}

@media (max-width: 449px) {
	.quiz-head {
		padding-bottom: 10px;
	}
}

.quiz-head>div {
	width: 50%;
}

.quiz-question {
	display: flex;
	align-items: center;
	color: #000;
	font-size: 32px;
	font-weight: bold;
}

.quiz-question span {
	display: block;
	margin-right: 30px;
	color: #d5ebdc;
	font-size: 89px;
	line-height: 1;
}

.quiz-desc {
	font-size: 23px;
	color: #575757;
}

.quiz-nav {
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.quiz-btns {
	display: flex;
	justify-content: flex-end;
}

.quiz-btns a {
	margin-left: 30px;
}

.quiz-form {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin: auto;
	padding-bottom: 55px;
}

@media (max-width: 991px) {
	.quiz-form {
		grid-template-columns: repeat(2, 1fr);
		max-width: 700px;
	}
}

@media (max-width: 535px) {
	.quiz-form {
		padding: initial;
	}
}

.quiz-form>div {
	width: 270px;
	text-align: center;
}

.quiz-text {
	padding-top: 30px;
	font-size: 19px;
	font-weight: bold;
	color: #000;
}

.quiz-pic {
	position: relative;
}

.quiz-pic:after {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	border: 10px solid #f8f8f8;
	background: #ebc7b6;
	position: absolute;
	display: block;
	content: "";
	bottom: -27px;
	left: 50%;
	margin-left: -27px;
}

.quiz-pic img {
	border: 2px solid transparent;
	border-radius: 5px;
}

.quiz-item {
	position: relative;
}

.quiz-item.active .quiz-pic img {
	border-color: #ec7633;
}

.quiz-item.active .quiz-pic:after {
	background: #ec7633 url(../images/check.png) center center no-repeat;
}

.quiz-total {
	color: #818181;
	font-size: 18px;
	margin-bottom: 10px;
}

#innovation {
	padding-top: 50px;
	padding-bottom: 5px;
	background: #f8f8f8;
}

.inn-item {
	text-align: center;
	padding-top: 219px;
	font-weight: bold;
	font-size: 19px;
	color: #000;
}

.inn-item-1 {
	background: url(../images/inn-1.png) center top no-repeat;
	background: image-set(url("../images/inn-1.webp") type("image/webp"),
			url("../images/inn-1.png") type("image/png")) center top no-repeat;
}

.inn-item-2 {
	background: url(../images/inn-2.png) center top no-repeat;
	background: image-set(url("../images/inn-2.webp") type("image/webp"),
			url("../images/inn-2.png") type("image/png")) center top no-repeat;
}

.inn-item-3 {
	background: url(../images/inn-3.png) center top no-repeat;
	background: image-set(url("../images/inn-3.webp") type("image/webp"),
			url("../images/inn-3.png") type("image/png")) center top no-repeat;
}

.inn-item-4 {
	background: url(../images/inn-4.png) center top no-repeat;
	background: image-set(url("../images/inn-4.webp") type("image/webp"),
			url("../images/inn-4.png") type("image/png")) center top no-repeat;
}

.wpcf7-not-valid-tip {
	display: none;
}

/* QUIZ - STEP 1 */

#form-step-1 span.wpcf7-list-item {
	min-width: 130px;
	max-width: 300px;
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
}

#form-step-1 label>input {
	opacity: 0;
	position: absolute;
}

#form-step-1 span.wpcf7-list-item label:before {
	content: "";
	width: 100%;
	height: 0;
	padding-top: calc(70% - 6px);
	display: inline-block;
	background-size: cover;
	background-position: center;
	margin-bottom: 30px;
}

@media (max-width: 535px) {
	#form-step-1 span.wpcf7-list-item label:before {
		margin-bottom: 10px;
	}
}

#form-step-1 span.wpcf7-list-item:first-child label:before {
	background-image: url("../images/q1-1.png");
	background-image: image-set(url("../images/q1-1.webp") type("image/webp"),
			url("../images/q1-1.png") type("image/png"));
}

#form-step-1 span.wpcf7-list-item:nth-child(2) label:before {
	background-image: url("../images/q1-2.png");
	background-image: image-set(url("../images/q1-2.webp") type("image/webp"),
			url("../images/q1-2.png") type("image/png"));
}

#form-step-1 span.wpcf7-list-item:nth-child(3) label:before {
	background-image: url("../images/q1-3.png");
	background-image: image-set(url("../images/q1-3.webp") type("image/webp"),
			url("../images/q1-3.png") type("image/png"));
}

#form-step-1 span.wpcf7-list-item:last-child label:before {
	background-image: url("../images/q1-4.png");
	background-image: image-set(url("../images/q1-4.webp") type("image/webp"),
			url("../images/q1-4.png") type("image/png"));
}

/* QUIZ - STEP 2 */

#step-2 {
	top: 0;
	vertical-align: top;
}

#form-step-2 span.wpcf7-list-item {
	min-width: 130px;
	max-width: 300px;
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
}

#form-step-2 label>input {
	opacity: 0;
	position: absolute;
}

#form-step-2 span.wpcf7-list-item label:before {
	content: "";
	width: 100%;
	height: 0;
	padding-top: calc(77% - 6px);
	display: inline-block;
	background-size: cover;
	background-position: center;
	margin-bottom: 30px;
}

@media (max-width: 535px) {
	#form-step-2 span.wpcf7-list-item label:before {
		margin-bottom: 10px;
	}
}

#form-step-2 span.wpcf7-list-item:first-child label:before {
	background-image: url("../images/q2-1.png");
	background-image: image-set(url("../images/q2-1.webp") type("image/webp"),
			url("../images/q2-1.png") type("image/png"));
}

#form-step-2 span.wpcf7-list-item:nth-child(2) label:before {
	background-image: url("../images/q2-2.png");
	background-image: image-set(url("../images/q2-2.webp") type("image/webp"),
			url("../images/q2-2.png") type("image/png"));
}

#form-step-2 span.wpcf7-list-item:nth-child(3) label:before {
	background-image: url("../images/q2-3.png");
	background-image: image-set(url("../images/q2-3.webp") type("image/webp"),
			url("../images/q2-3.png") type("image/png"));
}

#form-step-2 span.wpcf7-list-item:last-child label:before {
	background-image: url("../images/q2-4.png");
	background-image: image-set(url("../images/q2-4.webp") type("image/webp"),
			url("../images/q2-4.png") type("image/png"));
}

/* QUIZ - STEP 3 */

#step-3 {
	top: 0;
	vertical-align: top;
}

#form-step-3 span.wpcf7-list-item {
	min-width: 130px;
	max-width: 300px;
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
}

#form-step-3 label>input {
	opacity: 0;
	position: absolute;
}

#form-step-3 span.wpcf7-list-item label:before {
	content: "";
	width: 100%;
	height: 0;
	padding-top: calc(90% - 6px);
	display: inline-block;
	background-size: cover;
	background-position: center;
	margin-bottom: 30px;
}

@media (max-width: 535px) {
	#form-step-3 span.wpcf7-list-item label:before {
		margin-bottom: 10px;
	}
}

/* #form-step-3 span.wpcf7-list-item:first-child label:before {
	background-image: url("../images/dom_70.png");
	background-image: image-set(url("../images/dom_70.webp") type("image/webp"),
			url("../images/dom_70.png") type("image/png"));
} */

#form-step-3 span.wpcf7-list-item:nth-child(2) label:before {
	background-image: url("../images/dom_100.png");
	background-image: image-set(url("../images/dom_100.webp") type("image/webp"),
			url("../images/dom_100.png") type("image/png"));
}

#form-step-3 span.wpcf7-list-item:nth-child(3) label:before {
	background-image: url("../images/dom_120.png");
	background-image: image-set(url("../images/dom_120.webp") type("image/webp"),
			url("../images/dom_120.png") type("image/png"));
}

#form-step-3 span.wpcf7-list-item:last-child label:before {
	background-color: #f8f3f4;
}

#wpcf7-f58-o1 {
	position: relative;
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-form-control {
	position: relative;
}

.wpcf7 div[data-id="group-397"] {
	display: block !important;
	position: absolute;
	/* left: 75%; */
	bottom: 245px;
	/* transform: translateX(18%); */
	transform: translateX(10%);
	cursor: pointer;
}

.wpcf7 .other_title {
	display: block;
	/* max-width: 200px; */
	max-width: 250px;
	font-weight: 700;
	font-size: 22px;
	color: #000;
	text-align: center;
}

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

.wpcf7 .other_unit {
	font-size: 26px;
	color: #7e7e7e;
	font-weight: 500;
	margin-left: 6px;
}

.wpcf7 div[data-id="group-397"] input {
	width: 116px;
	height: 49px;
	text-align: right;
	font-weight: 700;
	font-size: 24px;
}

.wpcf7 div[data-id="group-397"] input.err {
	border-color: red;
}

/* QUIZ - STEP 4 */

#step-4 {
	top: 0;
	vertical-align: top;
}

#form-step-4 span.wpcf7-list-item {
	min-width: 130px;
	max-width: 300px;
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
}

#form-step-4 label>input {
	opacity: 0;
	position: absolute;
}

#form-step-4 span.wpcf7-list-item label:before {
	content: "";
	width: 100%;
	height: 0;
	padding-top: calc(90% - 6px);
	display: inline-block;
	background-size: cover;
	background-position: center;
	margin-bottom: 30px;
}

@media (max-width: 535px) {
	#form-step-4 span.wpcf7-list-item label:before {
		margin-bottom: 10px;
	}
}

/* #form-step-4 span.wpcf7-list-item:first-child label:before {
	background-image: url("../images/q4-1.png");
	background-image: image-set(url("../images/q4-1.webp") type("image/webp"),
			url("../images/q4-1.png") type("image/png"));
}

#form-step-4 span.wpcf7-list-item:nth-child(2) label:before {
	background-image: url("../images/q4-2.png");
	background-image: image-set(url("../images/q4-2.webp") type("image/webp"),
			url("../images/q4-2.png") type("image/png"));
} */

#form-step-4 span.wpcf7-list-item:last-child label:before {
	background-color: #f8f3f4;
	position: relative;
	z-index: 2;
}

.wpcf7 .wpcf7-form #form-step-4 label {
	width: 100%;
}

.wpcf7 div[data-id="group-398"] {
	display: block !important;
	position: absolute;
	max-width: 200px;
	width: 100%;
	/* left: 50%;
	bottom: 245px;
	transform: translateX(-138%); */
	cursor: pointer;
	left: 4%;
	bottom: 265px;
	z-index: 3;
}

.wpcf7 div[data-id="group-398"] input {
	width: 116px;
	height: 50px;
	text-align: right;
	font-weight: 700;
	font-size: 24px;
}

.wpcf7 div[data-id="group-398"] input.err {
	border-color: red;
}

/* QUIZ - STEP 5 */

#step-5 {
	background: url(../images/q5-fon.png) right bottom no-repeat;
	background-size: 40%;
	top: 0;
	vertical-align: top;
}

#form-step-5.quiz-form {
	display: flex;
	justify-content: flex-start;
	margin: 0;
}

@media screen and (max-width: 590px) {
	#form-step-5.quiz-form {
		justify-content: center;
	}

	#form-step-3.quiz-form {
		grid-template-columns: 1fr;
	}
}

#form-step-5 span.wpcf7-list-item {
	min-width: 200px;
	width: calc(25% - 40px);
	display: block;
	margin: 0 20px;
	text-align: center;
}

@media screen and (max-width: 590px) {
	#form-step-5 span.wpcf7-list-item {
		min-width: 110px;
		width: 25%;
		margin: 0 10px;
	}
}

#form-step-5 label>input {
	opacity: 0;
	position: absolute;
}

#form-step-5 span.wpcf7-list-item label:before {
	content: "";
	width: 100%;
	height: 0;
	padding-top: calc(100% - 6px);
	display: inline-block;
	background-size: cover;
	background-position: center;
	margin-bottom: 30px;
}

@media (max-width: 535px) {
	#form-step-5 span.wpcf7-list-item label:before {
		margin-bottom: 10px;
	}
}

#form-step-5 span.wpcf7-list-item:first-child label:before {
	background-image: url("../images/q5-1.png");
	background-image: image-set(url("../images/q5-2.webp") type("image/webp"),
			url("../images/q5-2.png") type("image/png"));
}

#form-step-5 span.wpcf7-list-item:last-child label:before {
	background-image: url("../images/q5-2.png");
	background-image: image-set(url("../images/q5-1.webp") type("image/webp"),
			url("../images/q5-1.png") type("image/png"));
}

/* QUIZ - STEP 7 */

#step-7 {
	background: url(../images/q6-fon.png) center bottom no-repeat;
	background-size: 35%;
	top: 0;
	/*margin-top: -120px;*/
	vertical-align: top;
}

.quiz-head-0 {
	font-size: 28px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10%;
	width: 70%;
}

.quiz-head-1 {
	font-size: 36px;
	color: #ec7a3c;
	text-align: center;
	font-weight: bold;
	width: 70%;
}

.quiz-head-2 {
	font-size: 136px;
	color: #ec7a3c;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30%;
	width: 70%;
}

.wpcf7 #step-7 .card h3 {
	font-size: 28px;
	color: #ec7a3c;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
	.quiz-head-0 {
		width: 100%;
	}

	.quiz-head-1 {
		width: 100%;
	}

	.quiz-head-2 {
		width: 100%;
	}
}

.wpcf7 #step-7 .card .under-h3 {
	font-size: 22px;
	color: #575757;
	font-weight: normal;
	text-align: center;
	margin-bottom: 30px;
}

.wpcf7 #step-7 input[type="submit"],
.wpcf7 #step-7 input[type="submit"]:disabled {
	width: 100%;
}

.uacf7-multisetp-form {
	overflow: hidden;
}

.uacf7-form-58 {
	overflow: hidden;
}

.pink-rounded {
	width: 24px;
	height: 24px;
	background: #ffbe9e;
	border-radius: 100%;
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.gray-rounded {
	content: " ";
	width: 24px;
	height: 24px;
	background: #e3dfde;
	border-radius: 100%;
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

#step-3 .wpcf7-list-item-label {
	opacity: 0;
	visibility: hidden;
}

#step-4 .wpcf7-list-item-label {
	opacity: 0;
	visibility: hidden;
}

.wpcf7-list-item-label {
	display: block;
	font-size: 19px;
	font-weight: bold;
	color: #000;
	text-align: center;
	width: 100%;
	min-height: 70px;
}

@media (max-width: 535px) {
	.wpcf7-list-item-label {
		font-size: 14px;
		max-width: 135px;
		margin: auto;
		min-height: 40px;
	}
}

span.wpcf7-list-item label:before {
	border: 3px solid #fff;
	border-radius: 8px;
}

#step-3 span.wpcf7-list-item.active label:before {
	border: 1px solid gray;
}

#step-4 span.wpcf7-list-item label:before {
	border: 1px solid #f8f3f4;
}

#step-4 span.wpcf7-list-item.active label:before {
	border: 1px solid gray;
}

#step-4 span.wpcf7-list-item label::after {
	content: url("/wp-content/themes/understrap/images/steps/step4.png");
	position: absolute;
	top: 0;
	left: 40px;
	cursor: auto;
}

span.wpcf7-list-item.active label:before {
	border-color: #ec7633;
	border-radius: 8px;
}

span.wpcf7-list-item {
	position: relative;
}

#step-3 span.wpcf7-list-item:before {
	display: none;
}

#step-4 span.wpcf7-list-item:before {
	display: none;
}

span.wpcf7-list-item:before {
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background: radial-gradient(#ebc7b6 18px, #f8f8f8 10px);
	position: absolute;
	left: 50%;
	bottom: 90px;
	transform: translate(-50%, 0px);
	z-index: 100000;
	opacity: 1;
}

@media (max-width: 535px) {
	span.wpcf7-list-item:before {
		bottom: 40px;
	}
}

.wpcf7-acceptance span.wpcf7-list-item:before {
	display: none;
}

/*
span.active:before {
	background-image: url(../images/marker.png);
	background-size: 36px 36px;
	background-repeat: no-repeat;
	background-position: center center;
}
*/

span.active:before {
	background-image: url(../images/marker.png), radial-gradient(#ebc7b6 18px, #f8f8f8 10px);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

button.uacf7-prev {
	display: flex;
	width: 210px;
	height: 70px;
	align-items: center;
	justify-content: center;
	background: rgb(251, 153, 95);
	background: -moz-linear-gradient(top, rgba(251, 153, 95, 1) 0%, rgba(227, 90, 14, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(251, 153, 95, 1) 0%, rgba(227, 90, 14, 1) 100%);
	background: linear-gradient(to bottom, rgba(251, 153, 95, 1) 0%, rgba(227, 90, 14, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb995f', endColorstr='#e35a0e', GradientType=0);
	border-bottom: 5px solid #e15d15;
	color: #fff4e6 !important;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	border-radius: 10px;
	padding-top: 5px;
	box-shadow: inset 0px 0px 20px rgba(255, 255, 255, 0.6);
	transition: all 0.2s ease;
	position: relative;
	z-index: 1;
}

button.uacf7-prev:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow.png) bottom center no-repeat;
	opacity: 0.7;
	z-index: -1;
}

button.uacf7-next {
	display: flex;
	width: 224px;
	height: 70px;
	align-items: center;
	justify-content: center;
	background: rgb(251, 153, 95);
	background: -moz-linear-gradient(top, rgba(20, 185, 70, 1) 0%, rgba(8, 114, 40, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(20, 185, 70, 1) 0%, rgba(8, 114, 40, 1) 100%);
	background: linear-gradient(to bottom, rgba(20, 185, 70, 1) 0%, rgba(8, 114, 40, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14b946', endColorstr='#087228', GradientType=0);
	border-bottom: 5px solid #087228;
	color: #fff4e6 !important;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	border-radius: 10px;
	padding-top: 5px;
	box-shadow: inset 0px 0px 20px rgba(255, 255, 255, 0.6);
	transition: all 0.2s ease;
	margin-top: 10px;
	margin-left: 8px;
	position: relative;
	z-index: 1;
}

button.uacf7-next:disabled {
	opacity: 0.7 !important;
}

button.uacf7-next:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow-green.png) bottom center no-repeat;
	opacity: 0.7;
	z-index: -1;
}

button.uacf7-next:hover,
button.uacf7-prev:hover {
	opacity: 0.9;
}

.uacf7-step.step-content button.uacf7-prev,
.uacf7-step.step-content.step-start button.uacf7-next {
	float: right;
}

/* QUIZ - STEP 6 NEW */

#form-step-6 span.wpcf7-list-item label:before {
	content: "";
	width: 100%;
	height: 0;
	padding-top: calc(100% - 6px);
	display: inline-block;
	background-size: cover;
	background-position: center;
	margin-bottom: 30px;
	background-repeat: no-repeat;
}

#form-step-6 span.wpcf7-list-item:nth-child(1) label:before {
	background-image: url(../images/steps/step6-1.png);
}

#form-step-6 span.wpcf7-list-item:nth-child(2) label:before {
	background-image: url(../images/steps/step6-2-new.png);
}

#form-step-6 span.wpcf7-list-item:nth-child(3) label:before {
	background-image: url(../images/steps/step6-3.png);
}

#form-step-6 label>input {
	opacity: 0;
	position: absolute;
}

.quiz-background-step6 {
	position: absolute;
	left: 0;
	right: -120px;
	bottom: 140px;
	top: 0;
	background-image: url(/wp-content/themes/understrap/images/steps/finger.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto;
}

@media (max-width: 535px) {
	#form-step-6 span.wpcf7-list-item:before {
		bottom: 60px;
	}

	.quiz-background-step6 {
		display: none;
	}
}

/* end QUIZ - STEP 6 NEW */

/***************************************/

/*   BLOCK PICTURES TABS - 6 SCREEN   */

/***************************************/

#compare {
	background: #f4f0f1;
	min-height: 800px;
	padding: 120px 0;
}

#compare .container .row:first-child {
	margin-bottom: 30px;
}

#compare .h2-right-block {
	padding-top: 10px;
	font-size: 25px;
	line-height: 36px;
	color: #575757;
}

#compare .h2-right-block img {
	float: left;
	margin-top: -30px;
	margin-left: 30px;
	margin-right: 20px;
	max-width: 150px;
}

#compare .nav-item {
	text-align: center;
	margin-bottom: 30px;
}

#compare .nav-item img {
	display: block;
	margin: 20px auto 5px auto;
}

.nav-tabs {
	border: none;
}

.tabs-wrapper .nav-tabs .nav-item .nav-link {
	border: 2px solid #ffffff;
	padding-top: 17px;
	padding-bottom: 17px;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	background: #ffffff;
	width: 100%;
	position: relative;
}

.tabs-wrapper .nav-tabs .nav-item .nav-link:hover {
	border: 2px solid #ec7a3c;
}

.tabs-wrapper .nav-tabs .nav-item .nav-link.active {
	background: #f8f8f8 !important;
	border: 2px solid #ec7a3c;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.tabs-wrapper .nav-tabs .nav-item .nav-link.active:before,
.tabs-wrapper .nav-tabs .nav-item .nav-link.active:after {
	content: "";
	border: solid transparent;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	left: -35px;
	width: 0;
}

.tabs-wrapper .nav-tabs .nav-item .nav-link.active:before {
	border-right-color: #ec7a3c;
	border-width: 17px;
}

.tabs-wrapper .nav-tabs .nav-item .nav-link.active:after {
	border-right-color: #f8f8f8;
	border-width: 14px;
	margin-top: -13px;
	left: -28px;
}

.tabs-wrapper .nav-tabs .nav-item .nav-link i {
	position: relative;
	width: 100%;
	height: 0;
	display: block;
}

.tabs-wrapper .nav-tabs .nav-item.item-tverd .nav-link i:before {
	content: "";
	display: block;
	background: url(../images/icon_tverd_pass.png) no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: -50px;
	left: 55%;
}

.tabs-wrapper .nav-tabs .nav-item.item-tverd .nav-link.active i:before {
	content: "";
	display: block;
	background: url(../images/icon_tverd_active.png) no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: -50px;
	left: 55%;
}

.tabs-wrapper .nav-tabs .nav-item.item-tverd .nav-link:hover i:before {
	content: "";
	display: block;
	background: url(../images/icon_tverd_active.png) no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: -50px;
	left: 55%;
}

.tabs-wrapper .nav-tabs .nav-item.item-elektro .nav-link i:before {
	content: "";
	display: block;
	background: url(../images/icon_elektro_pass.png) no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: -50px;
	left: 55%;
}

.tabs-wrapper .nav-tabs .nav-item.item-elektro .nav-link.active i:before {
	content: "";
	display: block;
	background: url(../images/icon_elektro_active.png) no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: -50px;
	left: 55%;
}

.tabs-wrapper .nav-tabs .nav-item.item-elektro .nav-link:hover i:before {
	content: "";
	display: block;
	background: url(../images/icon_elektro_active.png) no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: -50px;
	left: 55%;
}

.tabs-wrapper .nav-tabs .nav-item.item-gaz .nav-link i:before {
	content: "";
	display: block;
	background: url(../images/icon_gaz_pass.png) no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: -50px;
	left: 55%;
}

.tabs-wrapper .nav-tabs .nav-item.item-gaz .nav-link.active i:before {
	content: "";
	display: block;
	background: url(../images/icon_gaz_active.png) no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: -50px;
	left: 55%;
}

.tabs-wrapper .nav-tabs .nav-item.item-gaz .nav-link:hover i:before {
	content: "";
	display: block;
	background: url(../images/icon_gaz_active.png) no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: -50px;
	left: 55%;
}

.table-compare tr td:first-child {
	width: 44%;
}

.table-compare tr td:last-child {
	width: 28%;
}

.table-compare tr th {
	background: #e5dbd2;
	font-weight: normal;
	font-size: 18px;
	color: #575757;
	text-align: center;
	padding: 12px 8px;
}

.table-compare tr th:nth-child(2) {
	background: #f3eae3;
}

.table-compare tr th span {
	font-weight: bold;
	display: block;
	font-size: 16px;
}

.table-compare tr td:nth-child(1) {
	background: #ffffff;
	padding: 12px 8px;
	font-size: 17px;
	border-bottom: 1px solid #f4f0f1;
	padding: 20px 30px;
	font-weight: 600;
	color: #000000;
}

.table-compare tr td:nth-child(2) {
	background: #f3eae3;
	padding: 12px 8px;
	font-size: 17px;
	border-bottom: 1px solid #f4f0f1;
	padding: 15px 12px;
	text-align: center;
	color: #575757;
}

.table-compare tr td:last-child {
	background: #f8f8f8;
	padding: 12px 8px;
	font-size: 17px;
	border-bottom: 1px solid #f4f0f1;
	padding: 15px 12px;
	text-align: center;
	color: #575757;
}

.table-compare tr:last-child td:nth-child(1) {
	background: #f3eae3;
	font-weight: bold;
}

.table-compare tr:last-child td:nth-child(2) {
	background: #128134;
	color: #ffffff;
	font-weight: bold;
	font-size: 22px;
}

.table-compare tr:last-child td:last-child {
	background: #ec7a3c;
	color: #ffffff;
	font-weight: bold;
	font-size: 22px;
}

.serviceDetailReviewsModal__close {
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 20px;
}

.reviews h3 {
	color: #333;
	font-family: "Gilroy", sans-serif;
	font-size: 34px;
	font-weight: 600 !important;
	margin: 0;
	margin-bottom: 30px;
}

.required-notice {
	display: none;
}

.field-soglasie {
	display: flex;
	flex-direction: row-reverse;
	gap: 8px;
	color: #4f4f4f;
	font-family: "Gilroy", sans-serif;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	margin-bottom: 15px;
}

#wpmtst_client_name {
	border-radius: 5px;
	border: 1px solid #e0e0e0;
	background: #f2f2f2;
	outline: none;
	padding: 20px;
	color: #828282;
	font-family: "Gilroy", sans-serif;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	margin-bottom: 15px;
}

#wpmtst_company_name {
	border-radius: 5px;
	border: 1px solid #e0e0e0;
	background: #f2f2f2;
	outline: none;
	padding: 20px;
	color: #828282;
	font-family: "Gilroy", sans-serif;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	margin-bottom: 15px;
}

#wpmtst_e_mail {
	border-radius: 5px;
	border: 1px solid #e0e0e0;
	background: #f2f2f2;
	outline: none;
	padding: 20px;
	color: #828282;
	font-family: "Gilroy", sans-serif;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	margin-bottom: 15px;
}

#wpmtst_post_content {
	border-radius: 5px;
	border: 1px solid #e0e0e0;
	background: #f2f2f2;
	outline: none;
	padding: 20px;
	color: #828282;
	font-family: "Gilroy", sans-serif;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	margin-bottom: 15px;
}

.field-star_rating {
	margin-bottom: 15px;
}

.field-soglasie .field-wrap {
	align-items: center;
	display: flex;
	width: 50px;
}

#wpmtst_soglasie {
	width: 100%;
	height: 50%;
}

.wpmtst_submit_testimonial {
	width: 100%;
	border-radius: 20px;
	background-color: #28579a;
	color: #fff;
	font-family: "Gilroy", sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding: 18px;
	border: 0;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
}

.table-compare tr td span {
	font-weight: bold;
	color: #000000;
}

.warranty-table {
	font-weight: bold;
	margin-top: 25px;
}

.warranty-table supp {
	color: #fd391f;
	font-size: 24px;
}

#calculate .calculate-wrapper {
	width: 100%;
	height: auto;
	padding: 60px 0;
}

/***************************************/

/*     BLOCK MAN AND CAT - 7 SCREEN    */

/***************************************/

#economy {
	background: transparent;
	min-height: 420px;
	margin-bottom: -210px;
	position: relative;
	z-index: 2;
}

#economy .container {
	background: url(../images/man-and-cat-7.png) center right no-repeat;
	min-height: 420px;
	max-width: 1000px;
}

.economy-title {
	font-size: 32px;
	font-weight: bold;
	line-height: 42px;
	color: #000000;
	margin-top: 20px;
}

.economy-price {
	font-size: 55px;
	font-weight: bold;
	line-height: 42px;
	color: #ec7a3c;
	margin-top: 20px;
}

.economy-sub-title {
	font-size: 26px;
	font-weight: normal;
	line-height: 32px;
	color: #494949;
	margin-top: 20px;
}

.economy-sub-title>span {
	display: inline-block;
}

.economy-sub-title>img {
	vertical-align: top;
}

/***************************************/

/*   BLOCK PICTURES TABS - 8 SCREEN   */

/***************************************/

#stoimost {
	background: #f7f7f7;
	min-height: 800px;
	padding: 45px 0 0 0;
	position: relative;
	z-index: 1;
}

#stoimost.no-pad {
	padding: 80px 0 120px 0;
}

.stoimost-wrapper {
	background: #ffffff;
	padding: 40px 20px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.stoimost-wrapper .btn-orange {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 50px;
	text-align: center;
}

.stoimost-wrapper .tab-pane .house-desc {
	font-size: 18px;
	color: #7d7d7d;
	line-height: 22px;
}

.stoimost-wrapper .tab-pane .house-desc span {
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	line-height: 60px;
	padding-left: 10px;
}

.stoimost-wrapper .tab-pane .house-desc span:nth-last-child(-n + 2) {
	margin-bottom: 20px;
}

.stoimost-wrapper .tab-pane .house-desc p.price span:last-child {
	display: block;
	font-size: 42px;
	font-weight: bold;
	color: #ec7a3c;
	line-height: 60px;
}

.stoimost-wrapper .nav-tabs .nav-item {
	flex: 1;
	min-width: 160px;
}

.stoimost-wrapper .nav-tabs .nav-item .nav-link {
	border: 2px solid #ececec;
	padding-top: 17px;
	padding-bottom: 17px;
	height: 100%;
}

.stoimost-wrapper .nav-tabs .nav-item .nav-link {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.stoimost-wrapper .nav-tabs .nav-item .nav-link:hover {
	border: 2px solid #ec7a3c;
}

.stoimost-wrapper .nav-tabs .nav-item .nav-link.active {
	background: #f8f8f8;
	border: 2px solid #ec7a3c;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 20px;
}

.stoimost-wrapper .nav-tabs .nav-item img {
	vertical-align: middle;
}

.stoimost-wrapper .nav-tabs .nav-item span {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: left !important;
	display: inline-block;
	vertical-align: middle;
}

.stoimost-wrapper .nav-tabs .nav-item span span {
	font-size: 18px;
	color: #7d7d7d;
	line-height: 22px;
	font-weight: normal;
}

.button-orange-shadow {
	position: relative;
	z-index: 1;
}

.button-orange-shadow:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow-raschet.png) bottom center no-repeat;
	opacity: 0.7;
	z-index: -1;
}

/***************************************/

/*       BLOCK SAFETY - 9 SCREEN       */

/***************************************/

#safaty {
	width: 100%;
	height: 893px;
	background: #f1f0ed url(../images/safaty-bg.jpg) center center no-repeat;
	background: image-set(url("../images/safaty-bg.webp") type("image/webp"),
			url("../images/safaty-bg.jpg") type("image/jpeg")) center center no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}

#safaty h2 {
	margin-bottom: 40px;
}

.safaty-text {
	padding-left: 480px;
}

.safaty-list {
	justify-content: space-between;
}

.safaty-item {
	width: 295px;
	height: 240px;
	background: #fff;
	padding: 30px;
	margin-bottom: 30px;
	padding-top: 125px;
	font-weight: 500;
	color: #575757;
	font-size: 18px;
}

.safaty-item strong {
	font-weight: 500;
	color: #000;
}

.safaty-item-1 {
	background: #fff url(../images/safaty-1.png) 30px 30px no-repeat;
}

.safaty-item-2 {
	background: #fff url(../images/safaty-2.png) 30px 30px no-repeat;
}

.safaty-item-3 {
	background: #fff url(../images/safaty-3.png) 30px 30px no-repeat;
}

.safaty-item-4 {
	background: #fff url(../images/safaty-4.png) 30px 30px no-repeat;
}

.safaty-item-5 {
	background: #fff url(../images/safaty-5.png) 30px 30px no-repeat;
}

.safaty-item-6 {
	background: #fff url(../images/safaty-6.png) 30px 30px no-repeat;
}

/***************************************/

/*   BLOCK PICTURES TABS - 10 SCREEN   */

/***************************************/

#pictures_tabs {
	background: #f8f8f8;
	min-height: 800px;
	padding: 10px 0;
}

.slider-for .row {
	padding: 60px 45px;
	/*width: 84%;*/
	background: #ffffff;
	margin: 0 auto;
}

.slider-pane:after {
	content: "";
	width: 346px;
	height: 257px;
	display: block;
	position: absolute;
	bottom: -92px;
	right: 180px;
	background: url(../images/vilka_10.png) bottom center no-repeat;
	background: image-set(url("../images/vilka_10.webp") type("image/webp"),
			url("../images/vilka_10.png") type("image/png")) bottom center no-repeat;
}

.slider-nav {
	padding-left: 50px;
	padding-right: 50px;
}

.slider-nav.slick-slider .slick-list {
	overflow: hidden;
	padding: 0 !important;
	margin: 0 50px;
	height: 203px;
}

#pictures_tabs button.slick-prev {
	border: 2px solid #ababab;
	border-radius: 100%;
	width: 67px;
	height: 67px;
	left: 0px;
	z-index: 1;
}

#pictures_tabs button.slick-arrow:before {
	content: "";
	background: url(../images/arrow_left.png) no-repeat;
	display: block;
	width: 26px;
	height: 13px;
	margin-left: auto;
	margin-right: auto;
}

#pictures_tabs button.slick-arrow:hover {
	background: linear-gradient(45deg, #fb995f, #e35a0e);
	border: 2px solid #ec7633;
}

#pictures_tabs button.slick-arrow:hover:before {
	background: url(../images/arrow_left_white.png) no-repeat;
}

#pictures_tabs button.slick-next {
	border: 2px solid #ababab;
	border-radius: 100%;
	width: 67px;
	height: 67px;
	right: 0px;
}

#pictures_tabs button.slick-next:before {
	transform: rotate(180deg);
}

#pictures_tabs .slider-for-add .slick-arrow,
#pictures_tabs .slider-for-add .slick-arrow:hover {
	width: 30px;
	height: 30px;
}

#pictures_tabs .slider-for-add .slick-arrow:before {
	width: 13px;
}

#pictures_tabs .slider-for-add .slick-prev {
	left: 10px;
}

#pictures_tabs .slider-for-add .slick-next {
	right: 10px;
}

#pictures_tabs .slick-slide {
	height: initial;
}

#pictures_tabs .product-svoystva__sales {
	margin-top: 20px;
}

.slider-item {
	text-align: center;
	background: #f8f8f8;
	border: 1px solid #e3e3e3;
	padding: 25px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
}

.slider-item:hover {
	border: 2px solid #ec7a3c;
}

.slick-active.slick-center {
	background: #f8f8f8;
	border: 2px solid #ec7a3c;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 20px;
}

.slick-active.slick-center:before,
.slick-active.slick-center:after {
	content: "";
	border: solid transparent;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	bottom: -26px;
	width: 0;
}

.slick-active.slick-center:before {
	border-top-color: #ec7a3c;
	border-width: 12px;
}

.slick-active.slick-center:after {
	border-top-color: #f8f8f8;
	border-width: 16px;
	margin-left: -16px;
}

.slider-item img {
	margin: 0 auto;
}

.slider-item .slider-link {
	text-decoration: none;
	border: none !important;
}

.slider-item .slider-link:hover,
.slider-item .slider-link:focus,
.slider-item .slider-link:visited {
	border: none !important;
}

.slider-item .slider-link .slider-title {
	font-size: 19px;
	font-weight: bold;
	color: #000000;
	margin-top: 15px;
}

.slider-pane {
	margin: 40px auto 20px auto;
	min-height: 400px !important;
}

.slider-pane .futured-panel {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4f0f1;
	padding: 25px 20px 25px 30px;
	margin: 5px 0 0 0;
	overflow: hidden;
	font-size: 16px;
}

.slider-pane .futured-panel img {
	min-width: 22px;
	width: 22px;
	margin-right: 10px;
}

.slider-pane .utochnenie {
	/* font-size: 12px; */
	font-size: 16px;
	color: #7d7d7d;
	padding-left: 10px;
	font-weight: bold;
	margin: 20px 0;
}

.slider-pane .product-image {
	background: #f4f0f1;
	height: 430px;
	display: flex;
	justify-content: center;
}

.slider-pane .product-image img {
	margin: auto;
	padding: 50px;
	width: 100%;
}

.slider-pane .additional-images {
	margin-top: 40px;
}

.slider-pane .additional-images .slick-list {
	margin-left: 70px;
	margin-right: 70px;
}

.slider-pane .additional-images .slick-list img {
	border: 1px solid #cbcbcb;
	margin: 0 auto;
	width: 100%;
}

/*
.slider-pane .additional-images div:nth-child(3n) img {
	border: 2px solid #ec7633;
}
*/

#yandex-map .yandex-map iframe {
	height: 100%;
}

#yandex-map .btn-orange:before {
	left: 0;
}

.slider-pane .additional-images .slick-current.slick-active img {
	border: 2px solid #ec7633;
}

#pictures_tabs .additional-images button.slick-next {
	width: 52px;
	height: 52px;
}

#pictures_tabs .additional-images button.slick-prev {
	width: 52px;
	height: 52px;
}

@media (min-width: 600px) {
	.product-svoystva {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-inline-size: 900px;
		margin-inline: auto;
		margin-top: 20px;
	}
}

.product-svoystva>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

@media (min-width: 600px) {
	.product-svoystva>div {
		display: block;
		flex-basis: 100%;
		font-size: 16px;
		min-block-size: 90px;
		box-sizing: border-box;
		margin: 0 10px 10px 0;
	}
}

.product-svoystva>div>span {
	font-size: 27px;
	font-weight: bold;
	display: block;
	color: #000000;
	flex-shrink: 0;
	margin-left: 12px;
}

@media (min-width: 600px) {
	.product-svoystva>div>span {
		margin-top: 5px;
		margin-left: 0;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	#video .nav.nav-pills {
		flex-direction: column;
	}

	#video .nav.nav-pills .nav-item:last-child {
		margin-top: 20px;
	}
}

@media (min-width: 500px) {
	.product-svoystva>div {
		flex-basis: calc((100% - 10px) / 2);
	}
}

@media (min-width: 700px) {
	.product-svoystva>div {
		flex-basis: calc((100% - 30px) / 3);
	}

	.product-svoystva.row-2>div {
		flex-basis: calc((100% - 30px) / 4);
	}

	#intro h1 {
		font-size: 40px;
		text-align: left;
	}

	#intro p {
		font-size: 40px;
		text-align: left;
	}
}

@media (min-width: 556px) {

	/*=== #header ===*/
	.header_sticky .phone {
		margin-left: 30px;
	}

	#cityselect .modal-content:after,
	#cityselect .modal-content:before {
		left: 70%;
	}

	/*=== #header ===*/

	/*=== #stoimost ===*/
	.stoimost-wrapper .btn-orange {
		width: 338px;
	}

	/*=== #stoimost ===*/

	/*=== #pictures_gallery ===*/
	#pictures_gallery .fg-item .fg-image-wrap {
		min-height: 250px;
	}

	#pictures_gallery .fg-item .fg-image-wrap img {
		height: 100%;
	}

	/*=== #pictures_gallery ===*/

	/*=== #footer ===*/

	footer .row div.col-md-3 {
		width: 50%;
	}

	footer div.col-md-3 .phone {
		margin-bottom: 25px;
	}

	/*=== #footer ===*/
}

@media (min-width: 768px) {
	/*=== #header ===*/

	#header #cityselect .modal-content:after,
	#cityselect .modal-content:before {
		left: 50% !important;
	}

	/*=== #header ===*/

	/*=== #Pictures tabs ===*/
	.product-svoystva {
		flex-wrap: nowrap;
	}

	/*=== #Pictures tabs ===*/
}

@media (min-width: 992px) {

	/*=== #header ===*/
	#header .callback {
		margin-left: 30px;
	}

	#header .navbar-toggler {
		display: none;
	}

	/*=== #header ===*/

	#intro h1 {
		font-size: 55px;
	}

	#intro p {
		font-size: 55px;
	}

	/*=== #stoimost ===*/
	.stoimost-wrapper {
		padding: 50px 60px;
	}

	.stoimost-wrapper .nav-tabs {
		flex-direction: column;
		margin-right: 40px;
	}

	.stoimost-wrapper .nav-tabs .nav-item .nav-link.active:before,
	.stoimost-wrapper .nav-tabs .nav-item .nav-link.active:after {
		content: "";
		border: solid transparent;
		position: absolute;
		top: 50%;
		margin-top: -16px;
		right: -35px;
		width: 0;
	}

	.stoimost-wrapper .nav-tabs .nav-item .nav-link.active:before {
		border-left-color: #ec7a3c;
		border-width: 17px;
	}

	.stoimost-wrapper .nav-tabs .nav-item .nav-link.active:after {
		border-left-color: #f8f8f8;
		border-width: 14px;
		margin-top: -13px;
		right: -28px;
	}

	/*=== #stoimost ===*/

	/*=== #pictures_gallery ===*/
	#pictures_gallery .fg-item .fg-image-wrap {
		min-height: initial;
	}

	#pictures_gallery div.foogallery {
		padding-bottom: 4.5rem;
	}

	/*=== #pictures_gallery ===*/

	.slider-pane .product-desc {
		padding: 0 0 0 40px;
	}

	/*=== #Calculate ===*/
	#calculate,
	#calculate .calculate-wrapper {
		min-height: 800px;
	}

	#calculate .calculate-wrapper {
		padding: 130px 0;
	}

	#calculate .wpcf7 .wpcf7-form label {
		max-width: 250px;
	}

	/*=== #Calculate ===*/
}

@media (min-width: 1200px) {

	/*=== #pictures_gallery ===*/
	#pictures_gallery div.foogallery {
		padding-bottom: 2rem;
	}

	/*=== #pictures_gallery ===*/

	#calculate {
		background: url(../images/calculate_fon.jpg) center center;
		background-size: cover;
	}

	#calculate .calculate-wrapper {
		height: 1;
		background: url(../images/image_newman.png) 55% bottom no-repeat;
		background: image-set(url("../images/image_newman.webp") type("image/webp"),
				url("../images/image_newman.png") type("image/png")) 55% bottom no-repeat;
	}

	/*=== #footer ===*/
	footer .row div.col-md-3 {
		width: 22%;
	}

	footer .row div.col-md-3.footer-item-2 {
		width: 31%;
	}

	footer .row div.col-md-3.footer-item-4 {
		width: 25%;
	}

	/*=== #footer ===*/
}

@media (min-width: 1400px) {

	/*=== #header ===*/
	#header #cityselect .modal-content:after,
	#cityselect .modal-content:before {
		left: 50% !important;
	}

	/*=== #header ===*/

	/*=== #stoimost ===*/
	.stoimost-wrapper .nav-tabs .nav-item .nav-link {
		display: block;
	}

	.stoimost-wrapper .nav-tabs .nav-item img {
		margin-right: 40px;
	}

	.stoimost-wrapper .nav-tabs .nav-item span {
		font-size: 27px;
	}

	/*=== #stoimost ===*/
}

@media (max-width: 991.98px) {

	/*=== #header ===*/
	header#header .phone {
		margin-top: 0;
	}

	/*=== #header ===*/

	/*=== #stoimost ===*/
	#stoimost .nav-tabs {
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
		padding-bottom: 20px;
	}

	#stoimost #tab-houses-content {
		margin-top: 20px;
	}

	#stoimost .stoimost-wrapper .nav-tabs .nav-item .nav-link.active:before,
	#stoimost .stoimost-wrapper .nav-tabs .nav-item .nav-link.active:after {
		content: "";
		border: solid transparent;
		position: absolute;
		left: 50%;
		top: auto;
		margin-left: -12px;
		bottom: -34px !important;
		width: 0;
	}

	#stoimost .stoimost-wrapper .nav-tabs .nav-item .nav-link.active:before {
		border-top-color: #ec7a3c;
		border-width: 17px;
	}

	#stoimost .stoimost-wrapper .nav-tabs .nav-item .nav-link.active:after {
		border-top-color: #f8f8f8;
		border-width: 14px;
		margin-left: -9px;
		bottom: -28px !important;
	}

	/*=== #stoimost ===*/

	/*=== #pictures_gallery ===*/
	#pictures_gallery div.foogallery {
		width: 100%;
		height: auto !important;
		display: grid;
		grid-gap: 30px;
		grid-template-columns: repeat(3, 1fr);
		padding-left: 0;
	}

	#pictures_gallery .fg-item.fg-type-image {
		position: initial !important;
		width: 100%;
		margin: 0;
		max-width: initial;
	}

	#pictures_gallery .fg-item .fg-image {
		width: 100%;
	}

	#pictures_gallery .fg-item .fg-item-inner {
		height: 100%;
	}

	/*=== #pictures_gallery ===*/

	/*=== #yandex-map ===*/
	.page #page.site #yandex-map {
		display: flex !important;
		flex-direction: column-reverse;
		background-color: #ffffff;
		padding: 0 !important;
		margin-top: 0 !important;
	}

	#yandex-map .yandex-map {
		height: 400px !important;
	}

	#yandex-map .container .float-address-wrapper {
		top: 0;
		left: 0;
		background-color: #ffffff;
		position: relative;
	}

	/*=== #yandex-map ===*/

	/*=== #calculate ===*/
	#calculate .wpcf7 .col-md-7.col-xs-12 {
		font-size: 16px;
		line-height: 20px;
	}

	#calculate .wpcf7 .col-md-7.col-xs-12 .black-rashod {
		font-size: 20px;
	}

	/* #calculate .wpcf7 input.left-input{
		font-size: 20px;
		height: 35px;
	} */

	#calculate .wpcf7 .ed-izm {
		font-size: 22px;
	}

	#calculate h2 {
		font-size: 30px;
	}

	#calculate .wpcf7 .card h3,
	#calculate .wpcf7 .under-h3 {
		font-size: 25px;
	}

	/*=== #calculate ===*/

	/*=== #pictures tabs ===*/
	#pictures_tabs .slider-pane .product-desc {
		margin-top: 30px;
	}

	/*=== #pictures tabs ===*/

	/*=== #compare ===*/
	#compare .heat-types {
		flex-direction: column-reverse;
	}

	.heat-types #tab-tables {
		flex-direction: row !important;
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
	}

	.heat-types #tab-tables .nav-item {
		flex: 1;
		min-width: 200px;
	}

	.heat-types #tab-tables .nav-item button {
		height: 100%;
		margin-left: 0;
	}

	#compare .tabs-wrapper .nav-tabs .nav-item .nav-link.active:before,
	#compare .tabs-wrapper .nav-tabs .nav-item .nav-link.active:after {
		content: "";
		border: solid transparent;
		position: absolute;
		left: 50%;
		top: auto;
		margin-left: -12px;
		bottom: -34px !important;
		width: 0;
	}

	#compare .tabs-wrapper .nav-tabs .nav-item .nav-link.active:before {
		border-top-color: #ec7a3c;
		border-width: 17px;
	}

	#compare .tabs-wrapper .nav-tabs .nav-item .nav-link.active:after {
		border-top-color: #f8f8f8;
		border-width: 14px;
		margin-left: -9px;
		bottom: -28px !important;
	}

	#compare #tab-houses-content .tab-pane {
		overflow-x: auto;
	}

	/*=== #compare ===*/
}

@media (max-width: 767.98px) {

	/*=== #header ===*/
	#header .phone {
		width: 100%;
		order: 1;
	}

	/*=== #header ===*/

	/*=== #pictures_gallery ===*/
	#pictures_gallery div.foogallery {
		grid-template-columns: repeat(2, 1fr);
	}

	.product-svoystva>div {
		font-size: 14px;
	}

	.product-svoystva>div>span {
		font-size: 20px;
	}

	/*=== #pictures_gallery ===*/

	/*=== #footer ===*/
	footer .row .footer-menu {
		display: flex;
		flex-direction: column;
	}

	/*=== #footer ===*/

	/*=== #calculate ===*/
	#calculate .calc-center {
		background: url("https://dev.xn--80apgkd3a1f.xn--p1ai/wp-content/themes/understrap/images/image_newman%20(1).png") center center no-repeat;
		background: image-set(url("https://dev.xn--80apgkd3a1f.xn--p1ai/wp-content/themes/understrap/images/image_newman%20(1).png") type("image/webp"),
				url("https://dev.xn--80apgkd3a1f.xn--p1ai/wp-content/themes/understrap/images/image_newman%20(1).png") type("image/jpg")) center center no-repeat;
		background-size: contain;
		display: block;
		min-height: 400px;
		width: 100%;
	}

	div#calculate {
		background: transparent;
		min-height: 800px;
		content: "";
		clear: both;
		display: table;
	}

	div#calculate .card-wrapper {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	/*=== #calculate ===*/

	/*=== #stoimost ===*/
	.stoimost-wrapper .tab-pane .house-desc {
		margin-top: 20px;
	}

	/*=== #stoimost ===*/
}

@media (max-width: 575.98px) {

	/*=== #header ===*/
	#header .header-contacts {
		flex-direction: column;
		margin-top: 10px;
	}

	header#header .phone {
		width: fit-content;
		margin: 10px auto 0;

		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	#header #cityselect .modal-dialog {
		max-width: 100%;
		margin: 40px auto 0;
	}

	/*=== #header ===*/

	/*=== #pictures_tabs ===*/
	#pictures_tabs .slider-nav button.slick-arrow {
		display: none !important;
	}

	/*=== #pictures_tabs ===*/

	/*=== #footer ===*/
	footer .footer-item-3 {
		display: none;
	}

	footer .row div.col-md-3 {
		margin: 20px auto 0;
		text-align: center;
		width: 100%;
	}

	footer div.col-md-3:first-child {
		margin-top: 0;
	}

	footer div.col-md-3.footer-item-3 {
		display: none;
	}

	footer .callback a {
		margin: 0 auto;
	}

	footer div.col-md-3 .phone {
		width: fit-content;
		margin: 0 auto;
	}

	/*=== #footer ===*/

	/*=== #compare ===*/
	#compare .heat-types {
		flex-direction: column !important;
	}

	/*=== #compare ===*/
}

@media (max-width: 555.98px) {

	/*=== #pictures_gallery ===*/
	#pictures_gallery div.foogallery {
		grid-gap: 20px 15px;
	}

	#pictures_gallery .fg-item .fg-caption-inner .fg-caption-title {
		margin: 0;
		font-size: 16px !important;
		padding: 10px 0 0 !important;
	}

	#pictures_tabs .slider-nav.slick-slider .slick-list {
		margin: 0 !important;
	}

	/*=== #pictures_gallery ===*/

	/*=== #yandex-map ===*/
	#yandex-map .yandex-map {
		height: 350px !important;
	}

	#yandex-map a.btn-orange {
		width: 100%;
		display: flex;
	}

	/*=== #yandex-map ===*/

	/*=== #calculate ===*/
	#calculate .wpcf7 input.left-input {
		width: 80px;
	}

	/*=== #calculate ===*/
}

.slick-slide>.row>.col-md-5 {
	width: 47%;
}

.slick-slide>.row>.col-md-7 {
	width: 53%;
}

.slick-slide .colors-in-stock {
	margin-top: 30px;
}

.slick-slide .colors-in-stock img {
	display: inline-block;
	margin-left: 10px;
}

.product-price {
	font-size: 37px;
	font-weight: bold;
	color: #000000;
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 15px;
}

#pictures_tabs .btn-orange {
	width: 242px;
	position: relative;
	z-index: 1;
}

#pictures_tabs .btn-orange:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow-zakaz.png) bottom center no-repeat;
	opacity: 0.7;
	z-index: -1;
}

/***************************************/

/*  BLOCK PICTURES GALLERY - 11 SCREEN */

/***************************************/

#pictures_gallery {
	background: #f4f0f1 url(../images/fon-child-11_2.webp) right 100px no-repeat;
	min-height: 1200px;
	padding: 50px 0;
}

#pictures_gallery .d-head {
	padding-bottom: 10px;
}

#pictures_gallery .foogallery {
	width: 70%;
	margin-left: 0;
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap-reverse;
}

#pictures_gallery .fg-item-inner {
	background: #ffffff !important;
	border: solid 10px #ffffff !important;
}

#pictures_gallery .foogallery .fg-caption-title {
	color: #575757 !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	min-height: 44px !important;
	font-weight: bold;
	font-size: 18px;
	font-weight: bold;
	padding: 10px !important;
	height: auto;
	font-family: Montserrat, sans-serif !important;
}

#pictures_gallery .foogallery div:nth-child(7) {
	top: 382px !important;
}

#pictures_gallery .foogallery div:nth-child(5) {
	top: 90px !important;
}

#pictures_gallery .foogallery div:nth-child(8) {
	top: 461px !important;
}

#pictures_gallery .foogallery.fg-dark.fg-shadow-small .fg-item-inner,
.foogallery.fg-light.fg-shadow-small .fg-item-inner {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#pictures_gallery .foogallery.fg-hover-plus .fg-caption-inner:before,
.foogallery.fg-hover-plus .fg-image-overlay:before {
	background-image: none;
}

#pictures_gallery .foogallery .fg-image-overlay {
	background-color: transparent;
}

#pictures_gallery .foogallery .fg-image-wrap {
	overflow: hidden;
}

#pictures_gallery .foogallery .fg-item-inner .fg-image-wrap img {
	transition: 1s;
	display: block;
}

#pictures_gallery .foogallery .fg-item-inner:hover .fg-image-wrap img {
	transform: scale(1.2);
}

#pictures_gallery .btn-orange {
	width: 242px;
	position: relative;
	z-index: 1;
}

#pictures_gallery .btn-orange:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow-zakaz.png) bottom center no-repeat;
	opacity: 0.7;
	z-index: -1;
}

/***************************************/

/* BLOCK FORM + CALCULATOR - 12 SCREEN */

/***************************************/

#calculate .wpcf7 .col-md-7.col-xs-12 p {
	display: flex;
	align-items: center;
}

#calculate .wpcf7 .col-md-7.col-xs-12 p label {
	width: fit-content;
}

#calculate .wpcf7 input.left-input {
	height: 35px;
	font-size: 20px;
	margin-left: 20px;
}

#calculate .wpcf7 .col-md-7.col-xs-12 .ed-izm {
	margin-left: 10px;
}

.wpcf7 {
	max-width: 100%;
}

.wpcf7 h2 {
	font-size: 40px;
	margin-bottom: 40px;
}

#calculate .wpcf7 .wpcf7-form p {
	margin-bottom: 1.5rem;
}

#calculate .wpcf7 .wpcf7-form label {
	/*width: 250px;*/
	display: inline-block;
	color: #7d7d7d;
}

.wpcf7 input.left-input {
	font-size: 27px;
	font-weight: bold;
	width: 120px;
	border: 1px solid #bababa;
	display: inline-block;
	height: 65px;
	background: #f7f4f5;
	text-align: right;
}

.wpcf7 input.left-input::placeholder {
	font-size: 27px;
	font-weight: bold;
	color: #9a9a9a;
}

.ed-izm {
	font-size: 27px;
	color: #7d7d7d;
}

.prim-rashod {
	float: left;
	height: 60px;
	margin-right: 10px;
	padding-top: 10px;
}

.black-rashod {
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 30px;
}

.itogo-rashod {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
}

.orange-rashod {
	font-size: 37px;
	font-weight: bold;
	color: #ec7a3c;
	margin-left: 10px;
}

.wpcf7 .card-wrapper {
	border: none;
	background: #f4f0f1;
	padding: 0 10px 10px 10px;
	max-width: 520px;
	margin-right: 0;
	float: right;
}

@media (min-width: 991px) {
	.wpcf7 .card-wrapper {
		margin-top: -48px;
	}

	.pum .wpcf7 .card-wrapper {
		margin-top: 0;
	}
}

.wpcf7 .card-wrapper .card {
	margin-top: 0;
	padding: 40px 30px;
	gap: 15px;
}

.wpcf7 .card h3 {
	font-size: 35px;
	color: #ec7a3c;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.wpcf7 .card .under-h3 {
	font-size: 30px;
	color: #575757;
	font-weight: normal;
	text-align: center;
	margin-bottom: 30px;
}

.wpcf7 input[type="submit"],
.wpcf7 input[type="submit"]:disabled {
	display: flex;
	width: 260px;
	height: 70px;
	align-items: center;
	justify-content: center;
	background: rgb(251, 153, 95);
	background: -moz-linear-gradient(top, rgba(251, 153, 95, 1) 0%, rgba(227, 90, 14, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(251, 153, 95, 1) 0%, rgba(227, 90, 14, 1) 100%);
	background: linear-gradient(to bottom, rgba(251, 153, 95, 1) 0%, rgba(227, 90, 14, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb995f', endColorstr='#e35a0e', GradientType=0);
	border-bottom: 5px solid #e15d15;
	color: #fff4e6 !important;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	border-radius: 10px;
	padding-top: 5px;
	box-shadow: inset 0px 0px 20px rgba(255, 255, 255, 0.6);
	transition: all 0.2s ease;
	border: none;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.wpcf7 .wpcf7-form-control-wrap input[type="time"] {
	background: #f7f4f5;
}

.wpcf7 .wpcf7-form-control-wrap input.client-name {
	height: 65px;
	background: #f7f4f5;
	border: 1px solid #dddddd;
	border-radius: 5px;
	padding-left: 30px;
}

.wpcf7 .wpcf7-form-control-wrap input.client-phone {
	height: 65px;
	background: #f7f4f5;
	border: 1px solid #dddddd;
	border-radius: 5px;
	padding-left: 30px;
}

input.client-name::placeholder,
input.client-phone::placeholder {
	font-size: 20px;
	color: #7d7d7d;
}

.wpcf7 .wpcf7-form .wpcf7-acceptance label {
	width: 100%;
}

.wpcf7-list-item-label a {
	color: #0376b2;
	text-decoration: none;
	position: relative;
	width: auto;
}

.wpcf7-list-item-label a:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	border-bottom: 1px solid #0376b2;
	position: absolute;
	left: 0;
}

.wpcf7-list-item-label a:hover:after {
	display: none;
}

.form-control:focus,
.widget_archive select:focus,
.widget_categories select:focus,
.wpcf7 .wpcf7-validation-errors:focus,
.wpcf7 input[type="color"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 input[type="datetime-local"]:focus,
.wpcf7 input[type="datetime"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="file"]:focus,
.wpcf7 input[type="month"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="range"]:focus,
.wpcf7 input[type="search"]:focus,
.wpcf7 input[type="submit"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="time"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="week"]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
	border-color: #bababa;
	box-shadow: none;
}

.wpcf7 .wpcf7-form div.ckbxs {
	width: 100%;
	margin: 0 50px;
}

#calculate .wpcf7-spinner {
	display: none;
}

.submit-form {
	position: relative;
	z-index: 1;
}

.submit-form:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow-raschet.png) bottom center no-repeat;
	background-size: 260px;
	opacity: 0.7;
	z-index: -1;
}

.ckbxs {
	padding-top: 30px;
}

.ckbxs input.acceptance {
	visibility: hidden;
	position: absolute;
}

.ckbxs .wpcf7-acceptance label {
	padding-left: 35px;
}

.ckbxs .wpcf7-list-item-label {
	font-size: 16px;
	font-weight: normal;
	color: #7d7d7d;
	text-align: center;
}

/*
.ckbxs .wpcf7-acceptance label:before { 
	content: "";
 	display: block;
	vertical-align: middle;
	width:  24px;
	height: 24px;
	border-radius: 50%;
	transition: 0.2s;
  	border: 1px solid gray;
  	background: #ead8c9;
  	position: absolute;
  	left: 30px;
}
*/

.ckbxs input+.wpcf7-list-item-label>i {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	border-radius: 50%;
	border: 1px solid gray;
	background: #f7f4f5;
	position: relative;
	margin-left: -40px;
	margin-right: 10px;
}

.ckbxs input+.wpcf7-list-item-label>i:after {
	content: "";
	display: block;
	height: 24px;
	width: 24px;
	border-radius: inherit;
	transition: inherit;
	background: transparent;
	position: absolute;
	left: -1px;
	top: -1px;
}

.ckbxs input:checked+.wpcf7-list-item-label>i:after {
	background: url(../images/marker-green.png) center center no-repeat;
	background-size: 26px 26px;
}

/***************************************/

/*      BLOCK REVIEW - 13 SCREEN       */

/***************************************/

#reviews {
	background: #f8f8f8;
	min-height: 800px;
	padding: 65px 0;
}

#reviews .card-wrapper {
	background: transparent;
}

#reviews .card-wrapper {
	background: transparent;
}

.card-wrapper .card {
	position: relative;
	margin-top: 150px;
	padding: 30px 30px 70px 30px;
}

.card-wrapper .img-wrapper {
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	width: 220px;
	height: 220px;
	text-align: center;
	margin: auto;
	background: #ffffff;
	border-radius: 100%;
}

.owl-carousel .owl-item .img-wrapper img {
	width: 204px;
	text-align: center;
	margin: auto;
	padding-top: 10px;
}

.owl-carousel .owl-item .soc-icons {
	text-align: center;
	margin-top: 15px;
}

.owl-carousel .owl-item .soc-icons img {
	width: 38px;
	display: inline;
}

.owl-carousel .owl-item .soc-icons img:hover {
	opacity: 0.85;
}

.owl-carousel .owl-item .date {
	margin-top: 120px;
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	color: #919191;
	text-align: center;
}

.owl-carousel .owl-item .title {
	font-size: 25px;
	line-height: 50px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

.owl-carousel .owl-item .place {
	font-size: 19px;
	line-height: 22px;
	color: #919191;
	text-align: center;
}

.owl-carousel .owl-item .card-text {
	margin-top: 10px;
	font-size: 18px;
	line-height: 28px;
	color: #919191;
}

.bot-but {
	margin-top: 20px;
	text-align: center;
}

.card-text .readmore {
	font-size: 18px;
	line-height: 22px;
	text-decoration: none;
	text-align: center;
	color: #0376b2;
	position: relative;
}

.card-text a.readmore:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	border-bottom: 1px solid #0376b2;
	position: absolute;
	left: 0;
}

.card-text a.readmore:hover:after {
	display: none;
}

#reviews .owl-carousel .owl-nav button.owl-prev {
	border: 2px solid #ababab;
	border-radius: 100%;
	width: 67px;
	height: 67px;
	margin-right: 30px;
}

#reviews .owl-carousel .owl-nav button.owl-prev:hover {
	background: linear-gradient(45deg, #fb995f, #e35a0e);
	border-radius: 100%;
	width: 67px;
	height: 67px;
	margin-right: 30px;
	border-color: #ec7633;
}

.owl-carousel .owl-nav {
	margin-top: 60px;
	position: relative;
	z-index: 40;
}

.arrow-owl.arrow-left {
	background: url(../images/arrow_left.png) no-repeat;
	display: block;
	width: 26px;
	height: 13px;
	margin-left: auto;
	margin-right: auto;
}

#reviews .owl-carousel .owl-nav button.owl-prev:hover .arrow-owl.arrow-left {
	background: url(../images/arrow_left_white.png) no-repeat;
}

#reviews .owl-carousel .owl-nav button.owl-next {
	border: 2px solid #ababab;
	border-radius: 100%;
	width: 67px;
	height: 67px;
}

.arrow-owl.arrow-right {
	background: url(../images/arrow_right.png) no-repeat;
	display: block;
	width: 26px;
	height: 13px;
	margin-left: auto;
	margin-right: auto;
}

#reviews .owl-carousel .owl-nav button.owl-next:hover {
	background: linear-gradient(45deg, #fb995f, #e35a0e);
	border: 2px solid #ec7633;
	border-radius: 100%;
	width: 67px;
	height: 67px;
}

#reviews .owl-carousel .owl-nav button.owl-next:hover .arrow-owl.arrow-right {
	background: url(../images/arrow_right_white.png) no-repeat;
}

.mt-minus {
	margin-top: -92px;
	position: relative;
	z-index: 50;
}

#reviews .btn-orange {
	position: relative;
}

#reviews .btn-orange:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow.png) bottom center no-repeat;
	opacity: 0.5;
	z-index: -1;
}

/***************************************/

/*    BLOCK YANDEX MAP - 14 SCREEN     */

/***************************************/

#yandex-map {
	position: relative;
}

#yandex-map .container {
	z-index: 5;
	position: relative;
}

.float-address-wrapper {
	padding: 12px 8px;
	position: absolute;
	top: 50px;
	left: 100px;
	background: #f4f0f1;
	z-index: 6;
}

.float-address {
	padding: 50px 65px 60px 65px;
	background: #ffffff;
	position: relative;
	z-index: 7;
}

.float-address h4 {
	font-weight: normal;
	color: #575757;
	font-size: 27px;
}

.float-address div {
	margin-top: 20px;
	padding-left: 35px;
	position: relative;
	z-index: 8;
	max-width: 400px;
}

.float-address div.icon-map:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icon_map.png) left bottom no-repeat;
	position: absolute;
	left: 0;
	z-index: 9;
}

.float-address div.icon-clock:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icon_clock.png) left bottom no-repeat;
	position: absolute;
	left: 0;
	z-index: 9;
}

.float-address div.icon-phone:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icon_phone.png) left bottom no-repeat;
	position: absolute;
	left: 0;
	z-index: 9;
}

.float-address div.icon-email:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icon_email.png) left bottom no-repeat;
	position: absolute;
	left: 0;
	z-index: 9;
}

.icon-email>a {
	position: relative;
	text-decoration: none;
	color: #0376b2;
}

.icon-email>a:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	border-bottom: 1px solid #0376b2;
	position: absolute;
	left: 0;
}

.icon-email>a:hover:after {
	display: none;
}

.float-address div strong {
	font-size: 22px;
	line-height: 33px;
}

#yandex-map .overlay {
	background: transparent;
	position: absolute;
	width: 100%;
	height: 860px;
	top: 0px;
	z-index: 4;
}

.float-address div.marketplaces {
	margin-top: 10px;
	padding-left: 0;
}

.float-address p.market-p {
	margin-top: 30px;
	font-size: 19px;
}

.marketplaces a {
	display: inline-block;
	margin: 5px;
}

.marketplaces img {
	height: 44px;
	border-radius: 10px;
	border: 1px solid #dbdada;
}

#yandex-map .btn-orange {
	margin-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	width: 300px;
	position: relative;
}

#yandex-map .btn-orange:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow-adresa.png) bottom center no-repeat;
	opacity: 0.7;
	z-index: -1;
}

#yandex-map .yandex-map {
	z-index: 3;
}

/***************************************/

/*        BLOCK LAST  - 15 SCREEN      */

/***************************************/

#manufacture {
	padding: 150px 0;
	background: #f8f8f8;
}

#manufacture h2 {
	margin-bottom: 40px;
}

.sertificates {
	margin-bottom: 40px;
}

.podlozhka {
	background: #f3ece5;
	padding: 17px;
}

.sertificates a {
	margin-right: 40px;
}

.sertificates a:last-child {
	margin-right: 0;
}

.sertificates a {
	display: inline-block;
	overflow: hidden;
}

.sertificates a img {
	transition: 1s;
	display: block;
}

.sertificates a img:hover {
	transform: scale(1.2);
}

#manufacture .btn-orange {
	font-size: 19px;
	padding-left: 30px;
	padding-right: 30px;
	width: 250px;
	position: relative;
	z-index: 1;
}

#manufacture .btn-orange:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow-sert.png) bottom center no-repeat;
	opacity: 0.7;
	z-index: -1;
}

#manufacture .col-md-7 {
	padding-left: 30px;
}

#manufacture p {
	width: 75%;
	color: #7d7d7d;
	font-size: 18px;
}

#manufacture .orange-outline {
	margin-top: 40px;
}

.orange-outline {
	width: 224px;
	height: 63px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-right: 20px;
	border: 2px solid #ec7633;
	border-radius: 5px;
	background: none;
	color: #000;
	font-size: 18px;
	text-decoration: none;
	font-weight: 600;
}

.orange-outline:hover {
	background: #ec7633;
	color: #ffffff;
}

/***************************************/

/*               FOOTER                */

/***************************************/

footer {
	background: #e8e3de;
	padding: 50px 0;
}

footer a {
	color: #0376af;
}

footer .info-about {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 35px;
	font-size: 17px;
	line-height: 23px;
}

footer .yuradress {
	margin-bottom: 0.3rem;
	font-size: 16px;
	color: #5d5d5d;
}

.footer-menu {
	column-count: 2;
}

.footer-menu li a {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	white-space: nowrap;
}

.footer-menu li:hover a {
	color: #ec7633;
}

@media (min-width: 500px) {
	.com-md-3.footer-item-2 {
		width: 30%;
	}

	.com-md-3.footer-item-3 {
		width: 20%;
	}
}

.callback a.green {
	display: flex;
	width: 224px;
	height: 62px;
	align-items: center;
	justify-content: center;
	background: rgb(251, 153, 95);
	background: -moz-linear-gradient(top, rgba(20, 185, 70, 1) 0%, rgba(8, 114, 40, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(20, 185, 70, 1) 0%, rgba(8, 114, 40, 1) 100%);
	background: linear-gradient(to bottom, rgba(20, 185, 70, 1) 0%, rgba(8, 114, 40, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14b946', endColorstr='#087228', GradientType=0);
	border-bottom: 5px solid #087228;
	color: #fff4e6 !important;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	border-radius: 10px;
	padding-top: 5px;
	box-shadow: inset 0px 0px 20px rgba(255, 255, 255, 0.6);
	transition: all 0.2s ease;
	margin-top: 10px;
}

.callback a.green:before {
	background: url(../images/button-shadow-green.png) bottom center no-repeat;
}

.footer-labels {
	margin-top: 30px;
}

.footer-labels img {
	height: 75px;
	margin-right: 15px;
}

@media (max-width: 426px) {
	.footer-labels img {
		height: 43px;
	}
}

footer .phone.whatsapp {
	margin-top: 30px;
}

footer .callback {
	margin-bottom: 20px;
}

footer p.rekv1 {
	margin-bottom: 25px;
	font-size: 16px;
	color: #0376b2;
}

footer p.rekv2 {
	margin-bottom: 25px;
	font-size: 16px;
	color: #0376b2;
}

footer p a {
	position: relative;
	text-underline-offset: 3px;
}

footer p a:hover:after {
	text-decoration: none;
}

footer .row {
	width: 100%;
	margin: 0;
}

.soc-icons {
	margin-top: 30px;
}

.soc-icons img {
	margin-right: 7px;
}

.soc-icons img:hover {
	opacity: 0.85;
}

.col-md-3.footer-item-1 {
	width: 368px;
}

.col-md-3.footer-item-2 {
	width: 432px;
}

.col-md-3.footer-item-3 {
	width: 320px;
}

.col-md-3.footer-item-4 {
	width: 318px;
}

/***************************************/

/*           ADAPTIV MEDIA             */

/***************************************/

/***************************************/

/*              NOTEBOOK               */

/***************************************/

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

@media (min-width: 1399px) {
	/* .wpcf7 div[data-id="group-397"] {
		left: 75%;
		transform: translateX(25%);
	} */
	/* 
	.wpcf7 div[data-id="group-398"] {
		left: 50%;
		transform: translateX(25%);
	} */
}

@media (max-width: 1440px) {
	.wpcf7 div[data-id="group-397"] input {
		width: 102px;
		height: 43px;
	}

	.wpcf7 div[data-id="group-398"] {
		/* transform: translateX(17%); */
		left: 3%;
		bottom: 245px;
	}

	.wpcf7 div[data-id="group-398"] input {
		width: 102px;
		height: 43px;
	}
}

@media (max-width: 1400px) {
	.wpcf7 div[data-id="group-397"] input {
		width: 93px;
		height: 38px;
	}

	.wpcf7 div[data-id="group-398"] input {
		width: 91px;
		height: 39px;
	}

	.range-slider-box {
		top: 255px !important;
	}

	#step-4 span.wpcf7-list-item label::after {
		display: none;
	}
}

@media (min-width: 1300px) and (max-width: 1400px) {
	.wpcf7 div[data-id="group-397"] {
		/* bottom: 250px;
		transform: translateX(7%); */
		bottom: 260px;
		transform: translateX(23%);
	}

	.wpcf7 div[data-id="group-398"] {
		/* bottom: 235px;
		transform: translateX(7%); */
		left: 1%;
		bottom: 235px;
	}

	.wpcf7 .other_title {
		font-size: 18px;
	}
}

@media (max-width: 1100px) {
	.wpcf7 div[data-id="group-397"] {
		/* bottom: 230px;
		transform: translateX(12%); */
	}

	.wpcf7 div[data-id="group-398"] {
		transform: translateX(7%);
	}

	#video .video-text br {
		display: none;
	}
}

@media (max-width: 991px) {
	.wpcf7 div[data-id="group-397"] {
		/* bottom: 250px;
		left: 50%; */
		/* transform: translateX(40%); */
		transform: translateX(50%);
	}

	.wpcf7 div[data-id="group-398"] {
		left: 25%;
		transform: translateX(-28%);
	}
}

@media (max-width: 768px) {
	.wpcf7 div[data-id="group-397"] {
		/* left: 75%;
		transform: translateX(-48%); */
		transform: translateX(33%);
	}

	.wpcf7 div[data-id="group-398"] {
		transform: translateX(-51%);
	}

	.quiz-background-step3 {
		display: none;
	}

	.quiz-head {
		padding-bottom: 40px;
	}
}

@media (max-width: 690px) {
	.wpcf7 .other_title {
		font-size: 18px;
		margin-bottom: -18px;
	}
}

@media (max-width: 535px) {

	.wpcf7 div[data-id="group-397"],
	.wpcf7 div[data-id="group-398"] {
		bottom: 135px;
		z-index: 999;
	}

	.wpcf7 div[data-id="group-397"] input,
	.wpcf7 div[data-id="group-398"] input {
		margin: auto;
		width: 85px;
	}

	.wpcf7 .other_title {
		font-size: 14px;
	}
}

@media (max-width: 509px) {
	.wpcf7 .wpcf7-form div.ckbxs {
		margin: 0;
	}

	.wpcf7 div[data-id="group-397"],
	.wpcf7 div[data-id="group-398"] {
		bottom: 169px;
	}
}

@media (max-width: 449px) {
	.wpcf7 div[data-id="group-397"] {
		/* bottom: 205px;
		width: 120px; */
		bottom: 230px;
		transform: translateX(30%);
	}

	.wpcf7 div[data-id="group-398"] {
		bottom: 190px;
		width: 120px;
	}

	.wpcf7 div[data-id="group-397"] input,
	.wpcf7 div[data-id="group-398"] input {
		width: 70px;
		height: 30px;
		font-size: 18px;
	}

	.wpcf7 .other_unit {
		font-size: 18px;
	}

	#step-3 .other_title {
		font-size: 20px;
	}

	.wpcf7 .other_title {
		font-size: 12px;
	}
}

@media (max-width: 369px) {
	/* .wpcf7 div[data-id="group-397"] {
		bottom: 185px;
	} */

	.wpcf7 div[data-id="group-398"] {
		bottom: 175px;
	}
}

@media (min-width: 1300px) and (max-width: 1400px) {
	#footer .phone div a {
		font-size: 22px;
	}
}

@media (max-width: 1300px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1240px;
	}

	h2 {
		font-size: 40px;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 28px 20px;
		text-decoration: none;
		font-size: 17px;
	}

	.callback a,
	.callback a.green {
		width: 200px;
	}

	#header .callback a {
		width: 170px;
	}

	.callback a:before {
		width: 80%;
		top: 25px;
		opacity: 0.6;
	}

	.col-md-3.footer-item-1 {
		width: 308px;
	}

	.col-md-3.footer-item-2 {
		width: 348px;
	}

	.col-md-3.footer-item-3 {
		width: 230px;
	}

	.col-md-3.footer-item-4 {
		width: 298px;
	}

	.phone {
		padding-left: 53px;
	}

	.phone div:nth-child(1) a {
		font-size: 22px;
	}

	.phone div:last-child {
		font-size: 13px;
	}

	.phone div:last-child a {
		font-size: 13px;
	}

	.footer-menu li a {
		font-size: 17px;
	}

	.info-about {
		font-size: 17px;
	}

	.yuradress {
		font-size: 15px;
	}

	.footer-item-1 p a {
		font-size: 15px;
	}

	#manufacture .col-lg-4 {
		width: 40.99%;
	}

	#manufacture .col-lg-8 {
		width: 58.99%;
	}

	#manufacture h2 br {
		display: none;
	}

	#video .d-head p {
		font-size: 26px;
		padding-left: 30px;
		margin: 0px 0px 0px 60px;
	}

	#video .video-left {
		/*width: 530px;*/
		max-width: 530px;
	}

	#video .video-text {
		font-size: 13px;
	}

	/* QUIZ */

	.quiz-wrapper {
		padding: 40px 40px;
	}

	.quiz-question {
		font-size: 28px;
	}

	.quiz-desc {
		font-size: 21px;
	}

	#form-step-3 .wpcf7-list-item-label {
		color: transparent;
	}

	#form-step-4 .wpcf7-list-item-label {
		color: transparent;
	}

	.wpcf7-acceptance .wpcf7-list-item-label {
		font-size: 16px;
		width: 100%;
	}

	.wpcf7-acceptance .wpcf7-list-item {
		width: 100%;
	}

	.wpcf7-acceptance .wpcf7-list-item label {
		width: 100%;
	}

	.wpcf7-acceptance span.wpcf7-list-item:before {
		display: none;
	}

	.pum-container.pum-responsive.pum-responsive-medium.responsive {
		margin-left: -40%;
		width: 80%;
	}
}

/***************************************/

/*             SMARTPHONE              */

/***************************************/

@media (max-width: 480px) {

	html,
	body {
		overflow-x: hidden;
	}

	.offcanvas-end {
		width: 100%;
	}

	#header {
		padding: 10px 10px;
	}

	/* #header-wrapper {
		background: #ffffff;
	} */

	#main-nav {
		position: absolute;
		top: 0;
		right: 0;
		background: transparent;
	}

	/* .navbar-toggler {
		position: absolute;
		top: 30px;
		right: 20px;
		z-index: 1000;
		border: none;
	} */

	.navbar-toggler:hover,
	.navbar-toggler:focus,
	.navbar-toggler:visited {
		border: none !important;
		box-shadow: none !important;
	}

	.offcanvas-header {
		z-index: 1100;
		opacity: 1;
		display: block;
		padding: 0;
	}

	.btn-close-wrapper {
		z-index: 1150;
		/*background: #ec7a3c;*/
		right: 0;
		top: 0;
		float: right;
		display: block;
		padding: 5px;
	}

	.offcanvas-header .btn-close.text-reset {
		opacity: 1;
		z-index: 1160;
		/*background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; */
		margin: auto;
		top: 15px;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 10px 20px;
		text-decoration: none;
		font-size: 17px;
		text-align: center;
	}

	.main-link {
		padding: 10px 20px;
		text-decoration: none;
		font-size: 17px;
		text-align: center;
		font-weight: bold;
		margin: 0 auto;
		display: block;
	}

	.offcanvas-body {
		padding-top: 0;
	}

	.offcanvas-end {
		border: 0 !important;
	}

	.navbar-expand-lg .navbar-nav .nav-link:hover {
		border: 0;
		color: #ec7a3c;
	}

	.soc-icons.d-sm-none {
		text-align: center;
	}

	.callback.d-sm-none {
		margin: 40px 0 20px 0;
		text-align: center;
	}

	.callback.d-sm-none a {
		margin: 20px auto;
	}

	.footer-labels.d-sm-none {
		text-align: center;
	}

	.footer-labels.d-sm-none img:last-child {
		margin-right: 0;
	}

	.container.d-flex.flex-wrap {
		display: block !important;
	}

	.header-text.d-sm-none {
		font-size: 13px;
		margin-top: 25px;
	}

	.container .branding {
		width: calc(45% - 30px);
		float: left;
		margin-right: 7px;
		margin-top: 0;
	}

	#header .container .city {
		width: calc(45% - 30px);
	}

	.container .branding img {
		width: 90%;
	}

	.container .city {
		padding-top: 12px;
	}

	.container .city span {
		font-size: 15px;
	}

	.container .city:after {
		display: block;
		height: 10px;
		width: 100%;
		clear: both;
	}

	.container .phone {
		width: 85%;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	/* BLOCK INTRO - 1 */

	#intro {
		min-height: 858px;
		height: auto;
		padding: 20px 10px;
		/* background: linear-gradient(to top, #f4f0f1 80%, #ffffff 40%); */
	}

	#intro .container {
		/*background: #f4f0f1;*/
	}

	#intro h1 em {
		font-size: 20px;
	}

	.home #page {
		background: #f4f0f1;
		background-size: contain;
	}

	.intro-mobile {
		display: none;
		background: #f4f0f1 url(../images/intro-mobile.jpg) center center no-repeat;
		background: #f4f0f1 image-set(url("../images/intro-mobile.webp") type("image/webp"), url("../images/intro-mobile.jpg") type("image/jpeg")) center center no-repeat;
		background-size: cover;
		height: 640px !important;
		width: 120%;
		margin: -210px -30px 0 -40px;
	}

	.intro-mobile-new {
		display: block;
		background: #f4f0f1 url(../images/intro-mobile3.png) center center no-repeat;
		background: #f4f0f1 image-set(url("../images/intro-mobile3.png") type("image/png"), url("../images/intro-mobile3.png") type("image/png")) center center no-repeat;
		background-size: cover;
		height: 600px !important;
		width: 120%;
		margin: -210px -30px 0 -10px;
	}

	/* BLOCK ADVANTAGES - 2 */

	.advantages {
		padding-top: 30px;
		margin-bottom: 20px;
		padding-left: 20px;
	}

	#advantages-2 h2 {
		font-size: 30px;
	}

	h2 {
		font-size: 30px;
	}

	#advantages-2 .subtitle {
		font-size: 26px;
		font-weight: normal;
	}

	.subtitle {
		font-size: 26px;
		font-weight: normal;
	}

	#advantages-2 .row>div {
		margin-bottom: 30px;
	}

	#advantages-2 p {
		margin-bottom: 10px;
	}

	/* BLOCK VIDEO - 3 */

	#video h2 {
		font-size: 30px;
		text-align: center;
	}

	#stoimost h2 {
		font-size: 30px;
		text-align: center;
	}

	#stoimost .subtitle {
		font-size: 26px;
	}

	#video .d-head p {
		text-align: center;
		font-size: 24px;
		padding-left: 0;
		margin: 20px 0px 0px 0px;
		border-left: none;
		width: 100%;
	}

	#video .nav-pills {
		display: flex;
		align-items: flex-start;
		flex-wrap: nowrap;
	}

	#video .nav-pills .nav-link {
		width: 95%;
	}

	.mobile-none {
		display: none;
	}

	.d-flex.d-video {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
	}

	.d-flex.d-video>div {
		width: 100%;
	}

	#video .video-item.video-left {
		min-width: 100%;
	}

	#video .d-video a:after {
		top: 55%;
		left: 55%;
		width: 60px;
		height: 61px;
	}

	#video .row>.video-item {
		float: left;
		width: 50%;
	}

	.pp_content {
		width: 100% !important;
		height: auto !important;
		min-height: 240px !important;
	}

	.pp_content iframe {
		min-width: 360px !important;
		min-height: 240px !important;
		max-width: 100% !important;
	}

	/* BLOCK QUIZ - 4 */

	#quiz .quiz-wrapper {
		padding: 10px;
	}

	#quiz h2 {
		font-size: 30px;
		text-align: center;
	}

	.quiz-head.d-flex {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
	}

	.quiz-head.d-flex>div {
		width: 100%;
	}

	#quiz .quiz-question {
		width: 100%;
		font-size: 20px;
	}

	.quiz-question span {
		margin-right: 10px;
		color: #d5ebdc;
		font-size: 70px;
		font-weight: normal;
		line-height: 1;
	}

	#quiz .quiz-desc {
		width: 100%;
		display: block;
		font-size: 20px;
	}

	#quiz .wpcf7-form-control {
		overflow-x: scroll;
	}

	#quiz .wpcf7-form-control::-webkit-scrollbar {
		width: 0;
	}

	/* ie 10+ */
	#quiz .wpcf7-form-control {
		-ms-overflow-style: none;
	}

	/* фф */
	#quiz .wpcf7-form-control {
		overflow: -moz-scrollbars-none;
	}

	button.uacf7-prev,
	button.uacf7-next {
		width: 70%;
		margin-left: 15%;
	}

	.uacf7-step.step-content button.uacf7-prev,
	.uacf7-step.step-content.step-start button.uacf7-next {
		float: none;
	}

	.uacf7-step.step-content button.uacf7-next {
		float: none;
		margin-bottom: 20px;
	}

	#step-5 {
		background: transparent;
	}

	#step-7 {
		background: transparent;
	}

	/* BLOCK INNOVATION - 5 */

	#innovation h2 {
		font-size: 30px;
		text-align: center;
	}

	#innovation .inn-item {
		padding-bottom: 20px;
	}

	/* BLOCK COMPARE - 6 */

	#compare {
		padding-bottom: 30px;
	}

	#compare h2 {
		font-size: 30px;
		text-align: center;
	}

	#compare .h2-right-block {
		display: none;
	}

	#compare .tab-pane {
		overflow-x: scroll;
	}

	#compare .tab-pane::-webkit-scrollbar {
		width: 0;
	}

	/* ie 10+ */
	#compare .tab-pane {
		-ms-overflow-style: none;
	}

	/* фф */
	#compare .tab-pane {
		overflow: -moz-scrollbars-none;
	}

	#compare .tabs-wrapper .nav-tabs {
		display: flex;
		padding-bottom: 15px;
	}

	#compare .tabs-wrapper .nav-tabs .nav-item {
		margin-right: 15px;
		float: left;
	}

	#compare .tabs-wrapper .nav-tabs .nav-item .nav-link {
		margin-bottom: 10px;
		margin-left: 0;
		font-size: 15px;
	}

	#compare .tabs-wrapper .nav-tabs .nav-item .nav-link.active {
		background: #f8f8f8 !important;
		border: 2px solid #ec7a3c;
		position: relative;
		border-radius: 5px;
		-moz-border-radius: 5px;
		margin-left: 0;
		margin-bottom: 20px;
	}

	#compare .tabs-wrapper {
		overflow-x: scroll;
		width: 100%;
	}

	#compare .heat-types #tab-tables .nav-item {
		margin-bottom: 0;
	}

	#compare .nav-tabs {
		display: flex;
		overflow-x: scroll;
		width: 100%;
	}

	#compare .tabs-wrapper::-webkit-scrollbar {
		width: 0;
	}

	#compare .tabs-wrapper {
		-ms-overflow-style: none;
	}

	#compare .tabs-wrapper {
		overflow: -moz-scrollbars-none;
	}

	#compare .nav-tabs {
		width: 650px;
	}

	#compare .nav-tabs .nav-item {
		width: 200px;
	}

	/* BLOCK ECONOMY - 7 */

	#economy .container {
		background-position: center bottom;
		background-size: contain;
		max-width: 100%;
		width: 100%;
		min-height: 450px;
		padding-left: 30px;
		padding-right: 35px;
	}

	#economy .economy-title {
		font-size: 24px;
	}

	#economy .economy-price {
		font-size: 40px;
		margin-top: 10px;
	}

	#economy .economy-sub-title span {
		font-size: 22px;
	}

	/* BLOCK STOIMOST - 8 */

	#stoimost .stoimost-wrapper .nav-tabs .nav-item .nav-link.active {
		background: #f8f8f8 !important;
		border: 2px solid #ec7a3c;
		position: relative;
		border-radius: 5px;
		-moz-border-radius: 5px;
		margin-left: 0;
		margin-bottom: 20px;
	}

	#stoimost .stoimost-wrapper .row div:first-child {
		overflow-x: scroll;
		width: 100%;
	}

	#stoimost .nav-tabs.flex-column {
		display: flex;
		flex-direction: row !important;
		justify-content: flex-start;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	#stoimost .stoimost-wrapper::-webkit-scrollbar {
		width: 0;
	}

	#stoimost .stoimost-wrapper {
		-ms-overflow-style: none;
	}

	#stoimost .stoimost-wrapper {
		overflow: -moz-scrollbars-none;
	}

	.stoimost-wrapper .row>.col-md-8 {
		width: 100%;
		padding-right: 0;
	}

	.row .house-desc {
		padding: 0 12px;
		font-size: 14px !important;
	}

	.stoimost-wrapper .tab-pane .house-desc span {
		font-size: 23px;
	}

	.stoimost-wrapper .tab-pane .house-desc p.price span:last-child {
		font-size: 36px;
		margin-bottom: 0;
	}

	/* BLOCK STOIMOST - 9 */

	#safaty {
		display: block;
		background-size: contain !important;
		background: #f1f0ed url(../images/safaty-bottom.jpg) center bottom no-repeat;
		height: auto;
		padding-bottom: 400px;
		padding-top: 40px;
	}

	#safaty h2 {
		font-size: 28px;
		text-align: center;
	}

	#safaty .safaty-text {
		text-align: left;
	}

	.safaty-text {
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
	}

	.safaty-text strong {
		font-weight: bold;
	}

	.safaty-item {
		width: 100%;
	}

	/* BLOCK PICTURE TABS - 10 */

	#pictures_tabs {
		padding-bottom: 0px;
	}

	#pictures_tabs h2 {
		font-size: 30px;
		text-align: center;
	}

	#pictures_tabs .subtitle {
		font-size: 24px;
	}

	#pictures_tabs .slider-nav {
		padding-left: 0;
		padding-right: 0;
	}

	.slider-nav.slick-slider .slick-list {
		margin: 0;
		height: 210px;
	}

	.slider-nav.slick-slider .slick-list .slick-track {
		height: 210px;
		overflow: hidden;
		padding-bottom: 20px;
	}

	.slider-item {
		/*min-width: 200px;
		width: 200px !important;*/
	}

	.slider-for .row {
		padding: 20px 10px;
		width: 100%;
	}

	.slider-pane .product-image {
		height: 250px;
	}

	#pictures_tabs .additional-images button.slick-prev {
		width: 45px;
		height: 45px;
		visibility: hidden;
	}

	#pictures_tabs .additional-images button.slick-next {
		width: 45px;
		height: 45px;
		visibility: hidden;
	}

	#pictures_tabs .additional-images .slick-slide {
		margin-right: 10px;
	}

	.slider-pane .additional-images .slick-list {
		margin-left: 50px;
		margin-right: 50px;
	}

	#pictures_tabs .slick-active.slick-center {
		background: #f8f8f8;
		border: 2px solid #ec7a3c;
		position: relative;
		border-radius: 5px;
		-moz-border-radius: 5px;
		margin-bottom: 20px;
	}

	#pictures_tabs .slick-active.slick-center:before,
	#pictures_tabs .slick-active.slick-center:after {
		content: "";
		border: solid transparent;
		position: absolute;
		left: 50%;
		margin-left: -16px;
		bottom: -36px;
		width: 0;
	}

	#pictures_tabs .slick-active.slick-center:before {
		border-top-color: #ec7a3c;
		border-width: 18px;
	}

	#pictures_tabs .slick-active.slick-center:after {
		border-top-color: #f8f8f8;
		border-width: 16px;
		margin-left: -14px;
		bottom: -30px;
	}

	.slider-pane .product-desc {
		padding: 0;
	}

	.slider-pane .futured-panel {
		padding: 20px;
	}

	.slider-pane .futured-panel>div {
		width: 100%;
		margin-bottom: 10px;
		flex-direction: row;
	}

	.slick-slide .colors-in-stock {
		text-align: center;
	}

	.slider-pane .product-desc .product-price {
		text-align: center;
		font-size: 24px;
	}

	.slider-pane .product-desc div:last-child a {
		margin: 20px auto 70px auto;
	}

	.slider-pane:after {
		display: none;
	}

	.slider-pane .product-desc .product-svoystva.row-1,
	.slider-pane .product-desc .product-svoystva.row-2 {
		display: none;
	}

	.slick-track .slick-slide>.row>.col-md-5 {
		width: 100%;
	}

	.slick-track .slick-slide>.row>.col-md-7 {
		width: 100%;
	}

	.slider-pane .futured-panel>div:nth-child(2) {
		width: 100%;
	}

	.slider-pane .futured-panel>div:last-child {
		width: 100%;
	}

	/* BLOCK  PICTURE GALLERY - 11 */

	#pictures_gallery {
		margin-top: -50px;
		padding-top: 20px;
		padding-bottom: 400px;
		margin-bottom: 40px;
		background: #f4f0f1 url(../images/fon-child-11-bottom.jpg) center bottom no-repeat;
		background: image-set(url("../images/fon-child-11-bottom.webp") type("image/webp"),
				url("../images/fon-child-11-bottom.jpg") type("image/jpg")) center bottom no-repeat;
		min-height: 1200px;
		background-size: contain;
	}

	#pictures_gallery .container div.mt-3 {
		/*display: none;*/
	}

	#pictures_gallery h2 {
		font-size: 30px;
		text-align: center;
	}

	#pictures_gallery .subtitle {
		font-size: 24px;
		margin-top: 20px;
	}

	#pictures_gallery .foogallery {
		width: 100%;
	}

	.foogallery .fg-caption {
		position: relative;
		min-height: 50px;
		overflow: hidden;
		visibility: visible;
		opacity: 1;
		background: #ffffff;
	}

	.foogallery .fg-item-inner {
		z-index: 6;
	}

	.foogallery.fg-hover-zoom .fg-caption-inner:before {
		display: none !important;
	}

	.foogallery.fg-caption-hover .fg-caption .fg-caption-inner {
		display: block;
		position: relative;
		transform: none;
		z-index: 7;
	}

	.foogallery .fg-caption-title {
		z-index: 8;
	}

	.foogallery div:nth-child(5) {
		top: 0 !important;
	}

	/* BLOCK CALCULATE FORM - 12 */

	#calculate h2 {
		font-size: 28px;
		text-align: center;
	}

	#calculate .wpcf7 .card .under-h3 {
		font-size: 20px;
	}

	#calculate .wpcf7 .wpcf7-form label {
		width: 100%;
		max-width: unset;
		vertical-align: middle;
	}

	#calculate .wpcf7 input[type="text"].left-input {
		width: 80px;
	}

	.ed-izm {
		font-size: 22px;
	}

	.prim-rashod {
		width: 40%;
	}

	.black-rashod {
		font-size: 24px;
	}

	.orange-rashod {
		font-size: 30px;
	}

	#calculate .col-md-5 {
		padding-left: 10px;
	}

	#calculate .wpcf7 .card-wrapper {
		max-width: 100%;
	}

	.wpcf7 .card-wrapper .card {
		padding: 40px 10px;
	}

	#calculate span.wpcf7-list-item:before {
		display: none;
	}

	#calculate .wpcf7 .card h3 {
		font-size: 30px;
	}

	/* BLOCK REVIEWS - 13 */

	#reviews h2 {
		font-size: 30px;
		text-align: center;
	}

	#reviews .mt-minus.pull-right {
		margin-top: 10px;
		position: relative;
		z-index: 50;
		float: none;
	}

	#reviews .owl-nav {
		margin: 40px auto 0 auto;
		text-align: center;
	}

	#reviews .mt-minus.pull-right a.btn-orange {
		display: block;
		margin: 0 auto;
		text-align: center;
		vertical-align: middle;
		padding-top: 20px;
	}

	/* BLOCK YANDEX MAP - 14 */

	#yandex-map .overlay {
		background: transparent;
		position: absolute;
		width: 100%;
		height: 1500px;
		top: 0px;
		z-index: 4;
	}

	#yandex-map .float-address-wrapper {
		top: 500px;
		left: 10px;
	}

	#yandex-map .float-address-wrapper .float-address {
		padding: 30px 15px;
	}

	#yandex-map .float-address-wrapper .float-address h2 {
		font-size: 30px;
		text-align: center;
	}

	#yandex-map .float-address-wrapper .float-address h4 {
		font-size: 22px;
		text-align: center;
	}

	#yandex-map .btn-orange {
		width: 280px;
		display: block;
		margin: 20px auto 0 auto;
		text-align: center;
		vertical-align: middle;
		padding-top: 20px;
	}

	#yandex-map .mt-3 {
		text-align: center;
	}

	#yandex-map .marketplaces {
		text-align: center;
	}

	#yandex-map .marketplaces img:last-child {
		margin-top: 10px;
	}

	/* BLOCK MANUFACTURE - 15 */

	#manufacture h2 {
		font-size: 30px;
		text-align: center;
	}

	#manufacture .sertificates {
		width: 500px;
		max-width: 500px;
		overflow-x: scroll;
	}

	.sertificates a {
		margin-right: 10px;
	}

	#manufacture p {
		width: 100%;
	}

	#manufacture .sertificates::-webkit-scrollbar {
		width: 0;
	}

	/* ie 10+ */
	#manufacture .sertificates {
		-ms-overflow-style: none;
	}

	/* фф */
	#manufacture .sertificates {
		overflow: -moz-scrollbars-none;
	}

	#manufacture .sertificates img {
		display: block;
		float: left;
		margin-right: 20px;
	}

	#manufacture p {
		margin-top: 20px;
		margin-bottom: 0;
	}

	/* FOOTER */

	footer#footer .container .branding {
		width: 100%;
		padding: 20px 20% 30px 20%;
		float: none;
	}

	.info-about {
		display: block;
		text-align: center;
		font-size: 18px;
	}

	.footer-item-2 {
		display: none;
	}

	footer#footer .col-md-3.footer-item-1 {
		width: 100%;
		text-align: center;
	}

	footer#footer .col-md-3.footer-item-3 {
		width: 100%;
		text-align: center;
	}

	footer#footer .col-md-3.footer-item-4 {
		width: 100%;
		text-align: center;
	}

	footer#footer .col-md-3.footer-item-3 .callback a {
		margin-left: auto;
		margin-right: auto;
	}

	/* SUCCESS PAGE */

	#success {
		background: #f8f8f8;
		padding: 40px 0 100px 0;
	}

	#success .breadcrumbs {
		display: none;
	}

	#success .back-arrow {
		display: none;
	}

	#success .max-1010.success-block {
		margin-top: 10px;
		background: #ffffff;
	}

	#success .success-wrapper {
		background-image: none;
		padding: 40px 20px;
		text-align: center;
	}

	#success .success-wrapper h1 {
		font-size: 24px;
		font-weight: bold;
		color: #000000;
		margin-top: 20px;
		margin-bottom: 40px;
		text-align: center;
	}

	#success .success-wrapper h1 em {
		font-size: 24px;
		font-weight: bold;
		color: #ec7633;
		font-style: normal;
	}

	#success .success-wrapper .under-h1 {
		font-size: 19px;
		color: #575757;
		margin-bottom: 30px;
	}

	.success-wrapper .success-button a {
		width: 265px;
		height: auto;
		word-wrap: normal;
		margin-left: auto;
		margin-right: auto;
		padding: 20px 40px;
		font-size: 16px;
		line-height: 23px;
	}

	.success-wrapper .success-button a:before {
		content: "";
		position: absolute;
		top: 35px;
		width: 100%;
		height: 100%;
		background: url(../images/button-shadow-home-mobile.png) bottom center no-repeat;
		opacity: 0.7;
		z-index: -1;
	}

	#header .container.d-flex.flex-wrap {
		display: flex !important;
	}
}

/***************************************/

/*             MODAL FORMS             */

/***************************************/

/***************************************/

/*            FORM ASK GIRL            */

/***************************************/

.wpcf7 .modal-form .card-wrapper {
	margin-left: 0;
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 0;
}

.wpcf7 .modal-form .card-wrapper .card {
	width: 100%;
	border: 0;
}

.wpcf7 .modal-form .card h3 {
	font-size: 47px;
	color: #ec7a3c;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}

.wpcf7 .modal-form .card h3 em {
	font-style: normal;
	color: #000000;
}

.wpcf7 .modal-form .card .under-h3 {
	font-size: 22px;
	text-align: left;
}

.wpcf7 .wpcf7-form-control-wrap textarea.client-message {
	height: 136px;
	background: #f7f4f5;
	border: 1px solid #dddddd;
	border-radius: 5px;
	padding-left: 30px;
}

textarea::placeholder {
	white-space: pre;
	word-wrap: normal;
	overflow-x: hidden;
	overflow-y: hidden;
	line-height: initial;
	font-size: 20px;
	padding-top: 15px;
}

.buttons-wrapper {
	width: 100%;
	position: relative;
}

.submit-wrapper {
	float: left;
	max-width: 42%;
	width: 42%;
	position: relative;
}

.wpcf7 .submit-wrapper input[type="submit"],
.wpcf7 .submit-wrapper input[type="submit"]:disabled {
	width: 180px;
}

.acceptance-wrapper {
	float: left;
	max-width: 58%;
	width: 58%;
	position: relative;
}

.acceptance-wrapper .wpcf7-list-item-label {
	font-size: 16px;
}

.pum-close.popmake-close {
	background: #ec7a3c !important;
	width: 44px !important;
	height: 44px !important;
	top: -44px !important;
	right: -44px !important;
}

@media (min-width: 1000px) and (max-width: 1300px) {
	#popmake-71 .pum-close.popmake-close {
		top: 0 !important;
		right: 0 !important;
	}
}

@media (max-height: 800px) {
	#popmake-71 .pum-close.popmake-close {
		top: 0 !important;
		right: 0 !important;
	}
}

.pum-close .svg-inline--fa.fa-w-11 {
	width: 28px !important;
	height: 28px !important;
}

.form-ask-fon {
	background: url(../images/form-ask-girl.png) bottom right no-repeat;
	background-size: cover;
}

.form-raschet input[type="text"] {
	max-width: 378px;
}

.form-raschet input[type="tel"] {
	max-width: 378px;
}

.form-raschet-fon {
	background: url(../images/form-raschet-boy.png) bottom right no-repeat;
	background-size: cover;
}

.form-zvonok input[type="text"] {
	width: 378px !important;
}

.form-zvonok input[type="tel"] {
	width: 378px !important;
}

.form-zvonok-fon {
	background: url(../images/form-zvonok-boy.png) bottom right no-repeat;
	background-size: cover;
}

.form-diler input[type="text"] {
	width: 378px !important;
}

.form-diler input[type="tel"] {
	width: 378px !important;
}

.form-diler-fon {
	background: url(../images/form-diler-boy.png) bottom right no-repeat;
	background-size: cover;
}

.modal-form .ckbxs {
	float: left;
	padding-top: 15px;
}

.wpcf7 .wpcf7-form .modal-form div.ckbxs {
	max-width: 59%;
	width: 59%;
}

.modal-form .ckbxs .wpcf7-acceptance label {
	padding-left: 25px;
}

.modal-form .ckbxs input+.wpcf7-list-item-label>i {
	margin-left: -30px;
	margin-right: 0px;
}

.wpcf7 .modal-form input[type="submit"],
.wpcf7 .modal-form input[type="submit"]:disabled {
	margin-left: 0;
}

.modal-form .submit-wrapper {
	max-width: 40%;
	width: 40%;
}

.modal-form .wpcf7-submit {
	position: relative;
	z-index: 1;
}

.modal-form .wpcf7-submit:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow-send.png) bottom center no-repeat;
	opacity: 0.7;
	z-index: -1;
}

@media (max-width: 480px) {
	.buttons-wrapper .submit-wrapper {
		float: none;
		max-width: 100%;
		width: 100%;
	}

	.buttons-wrapper .acceptance-wrapper {
		float: none;
		max-width: 100%;
		width: 100%;
	}

	#popmake-71 .pum-close.popmake-close {
		right: 0 !important;
		z-index: 1500;
	}

	#popmake-71 {
		z-index: 2999999999;
	}

	/*

	#popmake-71 .pum-content {
		z-index: 1055;
	}

	#popmake-71 .pum-content .wpcf7 {
		z-index: 1060;
		position: relative;
	}

	#popmake-71 .pum-content .wpcf7 .wpcf7-form {
		z-index: 1065;
		position: relative;
	}

	#popmake-71 .pum-content .wpcf7 .wpcf7-form .uacf7-form-73 {
		z-index: 1070;
		position: relative;
	}

	#popmake-71 .pum-content .wpcf7 .wpcf7-form .uacf7-form-73 .modal-form {
		z-index: 1075;
		position: relative;
	}

	#popmake-71 .pum-content .wpcf7 .wpcf7-form .uacf7-form-73 .modal-form .col-md-7 {
		z-index: 1080;
		position: relative;
	}

	#popmake-71 .pum-content .wpcf7 .wpcf7-form .uacf7-form-73 .modal-form .col-md-7 .card-wrapper {
		z-index: 1085;
		position: relative;
	}

	#popmake-71 .pum-content .wpcf7 .wpcf7-form .uacf7-form-73 .modal-form .col-md-7 .card-wrapper .card {
		z-index: 1090;
		position: relative;
	}

	#popmake-71 .pum-content .wpcf7 .wpcf7-form .uacf7-form-73 .modal-form .col-md-7 .card-wrapper .card p {
		z-index: 1095;
		position: relative;
	}

	#popmake-71 .pum-content .wpcf7 .wpcf7-form .uacf7-form-73 .modal-form .col-md-7 .card-wrapper .card p .wpcf7-form-control-wrap {
		z-index: 1100;
		position: relative;
	}

	*/

	#popmake-71 .wpcf7 .card-wrapper .card {
		padding: 10px;
	}

	.wpcf7 .modal-form .card .under-h3 {
		font-size: 18px;
	}

	.wpcf7 .wpcf7-form-control-wrap {
		/* z-index: 100; */
		position: relative;
	}

	.wpcf7 .wpcf7-form-control-wrap input::placeholder {
		font-size: 0.9rem;
	}

	.wpcf7 .wpcf7-form-control-wrap textarea::placeholder {
		font-size: 0.9rem;
	}

	.wpcf7 .wpcf7-form-control-wrap input.client-name {
		height: 45px;
		padding-left: 15px;
		font-size: 0.9rem;
		z-index: 39999999999;
		position: relative;
	}

	.wpcf7 .wpcf7-form-control-wrap input.client-phone {
		height: 45px;
		padding-left: 15px;
		font-size: 0.9rem;
		z-index: 39999999999;
		position: relative;
	}

	.wpcf7 .wpcf7-form-control-wrap textarea.client-message {
		height: 96px;
		padding-left: 15px;
		font-size: 0.9rem;
		z-index: auto;
		position: relative;
	}

	#popmake-71 .wpcf7 .wpcf7-form label {
		max-width: 95%;
	}

	#popmake-71 {
		width: 100% !important;
	}

	#popmake-71 .wpcf7-list-item-label a {
		display: block;
	}

	#popmake-71 .wpcf7 .modal-form .card h3 {
		font-size: 27px;
	}

	#popmake-71 .wpcf7 .wpcf7-form .modal-form div.ckbxs {
		max-width: 90%;
		width: 90%;
	}
}

@media (min-width: 1300px) {
	.pum-container.pum-responsive.pum-responsive-medium.responsive {
		margin-left: -35%;
		width: 70%;
	}
}

@media (min-width: 1500px) {
	.pum-container.pum-responsive.pum-responsive-medium.responsive {
		margin-left: -35%;
		width: 70%;
	}
}

@media (min-width: 1600px) {
	.pum-container.pum-responsive.pum-responsive-medium.responsive {
		margin-left: -30%;
		width: 60%;
	}
}

/***************************************/

/*             CITY SELECT             */

/***************************************/

#cityselect {
	position: absolute;
	top: 40px;
	overflow: visible;
}

#cityselect .modal-dialog {
	margin-left: 0;
	max-width: 80%;
}

#cityselect .modal-content {
	border: 1px solid #eb6f2a;
	position: relative;
}

#cityselect .modal-content:after,
#cityselect .modal-content:before {
	content: "";
	border: solid transparent;
	position: absolute;
	left: 55%;
	margin-left: -12px;
	top: -25px;
	width: 0;
}

#cityselect .modal-content:before {
	border-bottom-color: #eb6f2a;
	border-width: 12px;
}

#cityselect .modal-content:after {
	border-bottom-color: #ffffff;
	border-width: 16px;
	margin-left: -16px;
}

#cityselect .modal-body {
	padding: 60px 70px;
}

#cityselect .modal-body .row:first-child {
	font-size: 19px;
	color: #000000;
	margin-bottom: 30px;
}

#cityselect .modal-body ul {
	padding-left: 0;
}

#cityselect .modal-body ul li {
	list-style-type: none;
	padding-bottom: 10px;
	color: #565555;
}

#cityselect .modal-body ul li a {
	text-decoration: none;
}

#cityselect .modal-body ul li:hover a {
	color: #eb6f2a;
}

#cityselect .modal-body ul li a.active {
	color: #eb6f2a;
}

#cityselect .modal-body a.city-link {
	color: #0376b2;
	padding-top: 15px;
	position: relative;
	text-decoration: none;
}

#cityselect .modal-body a.city-link:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	border-bottom: 1px solid #0376b2;
	position: absolute;
	left: 0;
}

@media (max-width: 480px) {
	#cityselect .modal-dialog {
		max-width: 100%;
	}

	#cityselect .modal-body {
		padding: 40px 30px;
	}

	#cityselect .modal-body .row:first-child {
		font-size: 17px;
		margin-bottom: 20px;
	}

	#cityselects>.col-sm-6 {
		width: 50%;
		max-width: 50%;
	}

	#cityselects ul li a {
		font-size: 16px;
	}

	#cityselect .modal-body a.city-link {
		font-size: 16px;
	}

	#pictures_tabs .product-svoystva__sales {
		justify-content: center;
	}
}

/***************************************/

/*             INSIDE PAGES            */

/***************************************/

.back-arrow {
	float: right;
}

.back-arrow .orange-outline {
	color: #ec7633;
}

.back-arrow .orange-outline:hover {
	background-color: #ffffff;
}

.breadcrumbs {
	margin: 20px 0;
}

.breadcrumbs a {
	text-decoration: none;
}

/* SERTIFICATES */

#sertificates {
	background: #f4f0f1;
	padding: 40px 0 100px 0;
}

#sertificates h1 {
	font-size: 47px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 40px;
}

.cert-image {
	text-align: center;
	background: url(../images/sertif_ramka.png) center center no-repeat;
	background: image-set(url("../images/sertif_ramka.webp") type("image/webp"), url("../images/sertif_ramka.png") type("image/png")) center center no-repeat;
	display: block;
	padding: 12px;
}

.cert-title {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 15%;
	margin-right: 15%;
}

.cert-subtitle {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #575757;
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: 30px;
}

/* BLOG */

#blog {
	background: #f4f0f1;
	padding: 40px 0 100px 0;
}

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

#blog h1 {
	font-size: 47px;
	font-weight: bold;
	color: #ec7633;
	margin-bottom: 40px;
}

.blog-wrapper {
	background: #ffffff;
	padding: 70px 65px;
}

.blog-wrapper .row {
	border-bottom: 1px solid #e7ebf2;
	padding: 50px 0;
}

.blog-wrapper .row:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.blog-title {
	text-decoration: none;
	color: #000000;
	font-size: 30px;
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}

.blog-image img {
	border-radius: 5px;
}

.blog-content .btn-secondary {
	color: #0376b2;
	background-color: transparent;
	border-color: transparent;
	border: 0;
	padding: 20px 0 0 0;
	position: relative;
}

.blog-content a.btn-secondary:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	border-bottom: 1px solid #0376b2;
	position: absolute;
	left: 0;
}

.blog-content a.btn-secondary:hover:after {
	display: none;
}

.blog-pagination {
	display: flex;
	align-items: center;
}

.navigation.pagination {
	margin: 70px auto;
	align-items: center;
}

a.page-numbers {
	text-decoration: none;
	padding: 10px;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
}

.page-numbers.current {
	display: inline-block;
	width: 40px;
	height: 40px;
	padding: 10px;
	background: #eb6f2a;
	color: #ffffff;
	border-radius: 50%;
	text-align: center;
}

@media (max-width: 480px) {
	.blog-title {
		font-size: 21px;
		line-height: 26px;
		margin-top: 15px;
	}

	.blog-content {
		font-size: 17px;
		line-height: 26px;
	}
}

/* PRODUCTS */

#products {
	background: #f8f8f8;
	padding: 40px 0 100px 0;
}

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

#products h1 {
	font-size: 47px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 40px;
}

#products h2 {
	font-size: 47px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 40px;
}

#products h1 em {
	font-size: 47px;
	font-weight: bold;
	color: #ec7633;
	font-style: normal;
}

#products h2 em {
	font-size: 47px;
	font-weight: bold;
	color: #ec7633;
	font-style: normal;
}

#products .table {
	width: 100%;
}

#products .table table {
	width: 100%;
	border-collapse: collapse;
}

#products .table table thead tr {
	border: none;
}

#products .table table thead th {
	background: #f4f0f1;
	padding: 20px;
	text-align: left;
	border: none;
}

#products .table table td {
	padding: 20px 10px;
}

#products .table table td.photo {
	padding: 20px;
	width: 156px;
}

#products .table table td.photo img {
	background: #f4f0f1;
	padding: 20px;
	width: 116px;
}

#products .table> :not(caption)>*>*,
#products .wp-block-table table> :not(caption)>*>* {
	border: none;
	box-shadow: none;
}

#products .table table>tbody>tr {
	/*border-bottom: 1px solid #e4e8ef;
	border: 1px solid transparent;*/
}

#products .table table>tbody>tr:hover {
	border: 1px solid #ec7633 !important;
	padding-top: 19px;
	padding-bottom: 19px;
}

#products .table table>tbody>tr:hover td.name {
	color: #ec7633;
}

#products .table table td.name {
	font-size: 26px;
	font-weight: bold;
	width: 32%;
}

#products .table table td.price {
	font-size: 24px;
	font-weight: bold;
	width: 18%;
}

#products .table table td.summa {
	font-size: 24px;
	font-weight: bold;
	width: 18%;
}

.above-itogo {
	color: #7d7d7d;
	font-size: 18px;
}

.itogo {
	color: #ec7a3c;
	font-size: 40px;
	font-weight: bold;
}

/* NUMBER INPUT */

.quantity_inner * {
	box-sizing: border-box;
}

.quantity_inner {
	display: inline-flex;
	border-radius: 26px;
	border: 2px solid #ec7633;
}

.quantity_inner .bt_minus,
.quantity_inner .bt_plus,
.quantity_inner .quantity {
	height: 40px;
	width: 40px;
	padding: 0;
	border: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
	outline: 0;
}

.quantity_inner .quantity {
	width: 50px;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	color: #7d7d7d;
}

.quantity_inner .bt_minus svg,
.quantity_inner .bt_plus svg {
	stroke: #7d7d7d;
	stroke-width: 4;
	transition: 0.5s;
	margin: 10px;
}

.quantity_inner .bt_minus:hover svg,
.quantity_inner .bt_plus:hover svg {
	stroke: #000;
}

.mobile-title {
	display: none;
}

#products .btn-orange {
	width: 250px;
	position: relative;
	z-index: 1;
}

#products .btn-orange:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow-zakaz.png) bottom center no-repeat;
	opacity: 0.7;
	z-index: -1;
}

@media (max-width: 500px) {
	.mobile-title {
		display: block;
		font-size: 13px;
		line-height: 16px;
		font-weight: normal;
		color: #979797;
		margin-bottom: 20px;
	}

	#products .table table td.photo {
		padding: 5px;
		width: 45%;
	}

	#products .table table td.name {
		width: 55%;
		font-size: 20px;
		line-height: 26px;
		vertical-align: middle;
		padding: 5px 10px;
	}

	#products .table table td.price {
		width: 45%;
		font-size: 17px;
		line-height: 45px;
	}

	#products .table table td.few {
		width: 55%;
	}

	#products .table table tr td.summa {
		width: 100%;
		padding-left: 45%;
		font-size: 21px;
		line-height: 45px;
	}

	#products .table table thead {
		left: -9999px;
		position: absolute;
		visibility: hidden;
	}

	#products .table table tr {
		border-bottom: 1px solid #e4e8ef;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin-bottom: 40px;
	}

	#products .table table td {
		/*border: 1px solid;*/
		margin: 0 -1px -1px 0;
		width: 50%;
	}

	#products h1,
	#products h1 em {
		font-size: 28px;
		line-height: 33px;
	}

	#products h2,
	#products h2 em {
		font-size: 28px;
		line-height: 33px;
	}

	#products .itogo {
		font-size: 30px;
		line-height: 45px;
	}

	.products__summa {
		width: 250px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}

	#products .products__submit {}

	#products .btn-orange {
		width: 250px;
		position: relative;
		z-index: 1;
	}

	#products .btn-orange:before {
		content: "";
		position: absolute;
		top: 35px;
		width: 100%;
		height: 100%;
		background: url(../images/button-shadow-zakaz.png) bottom center no-repeat;
		opacity: 0.7;
		z-index: -1;
	}
}

/* DOSTAVKA I OPLATA */

#dostavka {
	background: #f4f0f1;
	padding: 40px 0 100px 0;
}

#dostavka h1 {
	font-size: 47px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 40px;
}

#dostavka h1 em {
	font-size: 47px;
	font-weight: bold;
	color: #ec7633;
	font-style: normal;
}

.customer {
	padding: 60px;
	background: #ffffff;
}

.customer_text {
	font-size: 23px;
	font-weight: bold;
	color: #000000;
}

.input input {
	display: block;
	width: 480px;
	padding: 0.375rem 0.75rem;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	height: 65px;
	background: #f7f4f5;
	border: 1px solid #dddddd;
	border-radius: 5px;
	padding-left: 30px;
	margin-top: 28px;
}

.dostavka {
	padding: 60px;
	background: #ffffff;
}

.dostavka label {
	font-size: 23px;
	font-weight: bold;
	color: #000000;
}

.oplata {
	padding: 60px;
	background: #ffffff;
}

.oplata label {
	font-size: 23px;
	font-weight: bold;
	color: #000000;
}

.under-label {
	color: #575757;
	padding: 15px 30px;
	position: relative;
}

/* CUSTOM RADIO & CHECKBOXES
   https://stackoverflow.com/a/17541916/383904 */
.rad,
.ckb {
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

.rad>input,
.ckb>input {
	/* HIDE ORG RADIO & CHECKBOX */
	visibility: hidden;
	position: absolute;
}

/* RADIO & CHECKBOX STYLES */
.rad>i,
.ckb>i {
	/* DEFAULT <i> STYLE */
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	transition: 0.2s;
	/*box-shadow: inset 0 0 0 8px #fff;
  border: 1px solid gray;*/
	background: #ead8c9;
}

/* CHECKBOX OVERWRITE STYLES */
.ckb>i {
	width: 25px;
	border-radius: 3px;
}

.rad:hover>i {
	/* HOVER <i> STYLE */
	box-shadow: inset 0 0 0 3px #fff;
	background: #ead8c9;
}

.rad>input:checked+i {
	/* (RADIO CHECKED) <i> STYLE */
	/*box-shadow: inset 0 0 0 3px #fff;*/
	background-image: url(../images/check_active.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px;
}

/* CHECKBOX */
.ckb>input+i:after {
	content: "";
	display: block;
	height: 12px;
	width: 12px;
	margin: 2px;
	border-radius: inherit;
	transition: inherit;
	background: gray;
}

.ckb>input:checked+i:after {
	/* (RADIO CHECKED) <i> STYLE */
	margin-left: 11px;
	background: orange;
}

.sklad-znak {
	padding-left: 35px;
}

.sklad-znak:before {
	content: "!";
	color: #ffffff;
	background: #fd391f;
	border-radius: 100%;
	width: 24px;
	height: 24px;
	display: block;
	text-align: center;
	position: absolute;
	top: 15px;
	left: 30px;
}

/*  START UPLOAD FILE CSS */

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile+label {
	max-width: 100%;
	font-size: 1.25rem;
	/* 20px */
	font-weight: 700;
	/*text-overflow: ellipsis;
    white-space: nowrap;*/
	cursor: pointer;
	display: inline-block;
	/*overflow: hidden;*/
	padding: 0.625rem 1.25rem;
	/* 10px 20px */
	text-align: center;
	height: 65px;
}

.no-js .inputfile+label {
	display: none;
}

.inputfile:focus+label,
.inputfile.has-focus+label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.inputfile-1+label {
	color: #f1e5e6;
	background-color: #ec7633;
	border-radius: 5px;
	border: 2px solid #ec7633;
	font-size: 18px;
	line-height: 31px;
	width: 336px;
	padding: 15px 20px;
	text-align: center;
	height: 65px;
}

.inputfile-1:focus+label,
.inputfile-1.has-focus+label,
.inputfile-1+label:hover {
	background-color: #ffffff;
	color: #ec7633;
}

/*  END UPLOAD FILE CSS */

.order-button {
	position: relative;
	z-index: 1;
}

.order-button:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow-order.png) bottom center no-repeat;
	opacity: 0.7;
	z-index: -1;
}

.order-button:hover:before {
	opacity: 0.4;
}

#dostavka .nav-link {
	width: 324px;
	height: 63px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 2px solid #ec7633;
	border-radius: 5px;
	background: #ec7633;
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	font-weight: 600;
}

#dostavka .nav-link:hover {
	border: 2px solid #ec7633;
	background: none;
	color: #000;
	font-size: 18px;
	text-decoration: none;
}

input.client-email {
	display: block;
	width: 480px;
	padding: 0.375rem 0.75rem;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	height: 65px;
	background: #f7f4f5;
	border: 1px solid #dddddd;
	border-radius: 5px;
	padding-left: 30px;
	margin-top: 15px;
}

textarea.rekviziti {
	display: block;
	width: 324px;
	font-size: 19px;
	padding: 0.75rem 0.75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background: #f7f4f5;
	border: 1px solid #dddddd;
	border-radius: 5px;
}

@media (max-width: 500px) {

	#dostavka h1,
	#dostavka h1 em {
		font-size: 28px;
		line-height: 33px;
	}

	#dostavka .customer {
		padding: 20px;
	}

	#dostavka .input input {
		width: 100%;
	}

	#dostavka .dostavka {
		padding: 20px;
	}

	#dostavka .oplata {
		padding: 20px;
	}

	#dostavka input.client-email,
	#dostavka textarea.rekviziti {
		width: 100%;
	}

	.inputfile-1+label {
		width: 100%;
		font-size: 16px !important;
	}

	.rekv_textarea {
		margin-top: 30px;
	}

	.dostavka label,
	.oplata label {
		font-size: 19px;
		line-height: 24px;
	}
}

/* SUCCESS PAGE */

#success {
	background: #f4f0f1;
	padding: 40px 0 100px 0;
}

#success .max-1010 {
	margin-top: 100px;
	background: #ffffff;
}

.success-wrapper {
	background-image: url(../images/success-fon.png);
	background-size: auto 85%;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 75px 80px;
}

#success h1 {
	font-size: 45px;
	font-weight: bold;
	color: #000000;
	margin-top: 20px;
	margin-bottom: 40px;
}

#success h1 em {
	font-size: 45px;
	font-weight: bold;
	color: #ec7633;
	font-style: normal;
}

#success .under-h1 {
	font-size: 24px;
	color: #575757;
	margin-bottom: 30px;
}

.success-button a {
	width: 384px;
	position: relative;
	z-index: 1;
}

.success-button a:before {
	content: "";
	position: absolute;
	top: 35px;
	width: 100%;
	height: 100%;
	background: url(../images/button-shadow-home.png) bottom center no-repeat;
	opacity: 0.7;
	z-index: -1;
}

/* SKLADS PAGE */

#sklads {
	background: #f4f0f1;
	padding: 40px 0 100px 0;
}

#sklads h1 {
	font-size: 47px;
	line-height: 57px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 40px;
}

#sklads h1 em {
	font-size: 47px;
	font-weight: bold;
	color: #ec7633;
	font-style: normal;
}

h3.orange-h3 {
	font-size: 21px;
	line-height: 33px;
	font-weight: bold;
	color: #ec7633;
}

.sklad-title {
	font-size: 18px;
	line-height: 33px;
	font-weight: normal;
	color: #575757;
	margin-bottom: 10px;
}

.img-block {
	text-align: right;
}

.img-block img {
	max-width: 705px;
}

.ckbxs label {
	padding-left: 0;
}

.ckbxs .wpcf7-list-item-label {
	max-width: initial;
}

.ckbxs .wpcf7-list-item-label i {
	margin-left: 0;
}

/* GALLERY PAGE */

#gallery {
	background: #f8f8f8;
	padding: 40px 0 100px 0;
}

#gallery h1 {
	font-size: 47px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 40px;
}

#gallery h1 em {
	font-size: 47px;
	font-weight: bold;
	color: #ec7633;
	font-style: normal;
}

/*==fancybox styles==*/

div.fancybox__container {
	z-index: 1600;
}

div.fancybox__backdrop {
	background: #ffffff;
}

.fancybox__nav button {
	color: #000000;
}

/*==fancybox styles==*/

/*block compare new*/
.compare {
	padding: 20px 0;
}

@media (min-width: 1200px) {
	.compare_head {
		display: flex;
		align-items: center;
	}
}

@media (max-width: 768px) {
	.compare_head {
		text-align: center;
	}
}

.compare_title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #000;
}

@media (min-width: 767px) {
	.compare_title {
		font-size: 47px;
	}
}

@media (min-width: 1200px) {
	.compare_title {
		max-width: 610px;
	}
}

.compare_title span {
	color: #ec7a3c;
}

.compare_head__image {
	max-width: 125px;
	width: 100%;
	margin: 0 30px;
}

.compare_head__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media (max-width: 1200px) {
	.compare_head__image {
		display: none;
	}
}

.compare_desc {
	font-size: 19px;
	color: #575757;
}

@media (min-width: 767px) {
	.compare_desc {
		font-size: 28px;
	}
}

@media (min-width: 1200px) {
	.compare_desc {
		max-width: 490px;
	}
}

.compare_table {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	margin: 60px 0 40px;
	padding-bottom: 20px;
	overflow: auto;
}

@media (min-width: 1300px) and (max-width: 1400px) {
	.compare_table {
		margin: 0 -50px;
	}
}

.compare_table__item {
	min-width: 240px;
}

.compare_item__image {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 70%;
}

@media (min-width: 767px) {
	.compare_item__image {
		margin-bottom: 10px;
	}
}

.compare_item__image img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.compare_item__title {
	font-size: 19px;
	color: #000;
	font-weight: 700;
	margin: 20px 0;
	text-align: center;
}

@media (max-width: 1150px) {
	.compare_item__title {
		font-size: 16px;
	}
}

.compare_advantages {
	padding: 0;
	margin: 0;
	list-style: none;
}

.compare_advantages__el {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
}

@media (min-width: 1200px) {
	.compare_advantages__el {
		font-size: 16px;
	}
}

@media (min-width: 1400px) {
	.compare_advantages__el {
		font-size: 18px;
	}
}

.compare_advantages__el:not(:last-child) {
	margin-bottom: 8px;
}

.compare_advantages__el .marker {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 8px;
	flex-shrink: 0;
}

.compare_advantages__el .marker:before,
.compare_advantages__el .marker:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 9px;
	height: 2px;
	background-color: #fff;
}

.compare_advantages__el .marker:after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.compare_advantages__el--check .marker {
	background-color: #128134;
}

.compare_advantages__el--alert .marker {
	background-color: #f6401c;
}

.compare_advantages__el--alert .marker:after {
	content: none;
}

.wqec-setting.main-set,
.wqec-setting-btn {
	display: none;
}

.section {
	width: 100%;
	padding: 100px 0;
	color: #ffffff;
}

.section--404 {
	padding: 0 0 100px 0;
	margin-top: 90px;
}

.page__ingress {
	text-align: center;
	text-transform: uppercase;
	font-family: Arial;
	font-weight: bold;
}

.page__title {
	font-family: "Montserrat", sans-serif;
	font-size: 172px;
	font-weight: 700;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	color: #358841;
}

.content-404 {
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 30px;
}

.sub-content-404 {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 46px;
}

.fearless {
	border-radius: 130px;
	padding: 23px 80px 0px 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.fearless--404-page-not-found {
	margin-bottom: 80px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	max-width: 900px;
}

.btn,
.case--start__cta,
.main-footer__link--bordered,
.fearless__btn {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	font-family: inherit;
	cursor: pointer;
	line-height: 3;
	padding-right: 1em;
	padding-left: 1em;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
}

.fearless__btn {
	min-width: 250px;
}

.fearless--404-page-not-found .fearless__btn {
	color: #212121;
	background-color: transparent;
	background: #fff;
}

.fearless--404-page-not-found .fearless__btn:hover {
	background-color: #df8a60;
	color: #fff;
}

.fearless--404-page-not-found .fearless__btn {
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	max-width: 276px;
	background: #df713a;
	border: none;
	text-decoration: none;
	cursor: pointer;
	border-radius: 6px;
	padding: 0px 16px;
}

.gamma.fearless__copy {
	color: #2b2725;
	text-align: center;
}

.background-404 {
	background: url("https://xn--80apgkd3a1f.xn--p1ai/wp-content/themes/understrap/images/background-404.png");
	background-position: center top 0px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.wrapper-404 {
	padding-bottom: 321px;
}

@media screen and (max-width: 1024px) {
	.wrapper-404 {
		padding-bottom: 100px;
	}
}

@media screen and (max-width: 768px) {
	.wrapper-404 {
		padding-bottom: 0px;
	}
}

@media screen and (max-width: 450px) {
	.wrapper-404 {
		background: none;
	}

	.page__title {
		font-size: 100px;
		line-height: 100px;
	}

	.content-404 {
		font-size: 20px;
	}

	.sub-content-404 {
		font-size: 17px;
	}

	.fearless--404-page-not-found .fearless__btn {
		font-size: 20px;
	}

	.fearless {
		padding: 23px 10px 0 23px;
	}

	.section--404 {
		margin-top: 60px;
	}
}

@media screen and (max-width: 350px) {
	.content-404 {
		font-size: 16px;
	}

	.sub-content-404 {
		font-size: 14px;
	}

	.fearless--404-page-not-found .fearless__btn {
		font-size: 16px;
	}
}

/* RBRU */

.productDesc {
	margin-top: 25px;
}

.productDesc p,
.productDesc li {
	font-size: 15px;
}

@media (max-width: 575px) {
	.product-svoystva>div>span {
		font-size: 14px;
	}
}

@media (max-width: 575px) {
	.custom-mobile-row-footer>div>p {
		text-align: center;
		margin-bottom: 16px;
	}
}

.detail__watched h4 {
	margin-bottom: 30px;
}

.detail__watchedList {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.detail__watchedCard {
	border-radius: 6px;
	background: #fff;
	padding: 8px;
	max-width: 284px;
	height: 100%;
}

.detail__watchedCard_sale {
	background-color: #6ba96e;
	padding: 6px 20px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	border-radius: 5px;
	max-width: max-content;
}

.detail__watchedCard_title {
	display: inline-block;
	text-decoration: none;
	margin: 0;
	color: #000;
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 18px;
}

.detail__watchedCard .product__slider_wrap {
	width: 100%;
	padding: 5px;
}

.detail__watchedCard .product__slider_wrap .slick-nav .slick-arrow {
	display: none !important;
}

.detail__watchedCard .product__slider_wrap .link__gallery_slider {
	height: auto;
}

.detail__watchedCard .product__slider_wrap .slider__product {
	margin-bottom: 20px;
}

.detail__watchedCardContent {
	padding: 0px 8px;
}

.detail__watchedCardPrice {
	margin-bottom: 20px;
}

.detail__watchedCardPrice_new {
	color: #ec7633;
	font-size: 22px;
	font-weight: 600;
}

.detail__watchedCardPrice_old {
	color: #575757;
	font-size: 16px;
	margin-left: 9px;
	text-decoration: line-through;
}

.detail__watchedCard_link {
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	border-radius: 5px;
	background: #ec7633;
	width: 100%;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	transition: all 0.2s;
	height: 52px;
	text-align: center;
	text-decoration: none;
}

.detail__watchedCard_link:hover {
	color: #fff;
	opacity: 0.85;
}

.detail__watchedCard .product__insale {
	margin-bottom: 15px;
}

.detail__watchedCardDesc {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-bottom: 20px;
}

.detail__watchedCardDesc__row {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.detail__watchedCardDesc__row span {
	border-bottom: 1px dashed #bdbdbd;
	/* width: 100%; */
	flex-grow: 1;
	position: relative;
	bottom: 3px;
	margin: 0 2px;
}

.detail__watchedCardDesc__key {
	color: #312c29;
	font-size: 12px;
	font-weight: 500;
	width: auto;
	max-width: 200px;
}

.detail__watchedCardDesc__value {
	color: #312c29;
	font-size: 12px;
	font-weight: 500;
	width: 45px;
	text-align: left;
}

@media screen and (max-width: 576px) {
	.detail__watchedCard {
		max-width: 100%;
	}
}

/* Teaser (Banner) styles */

.teaser {
	background-color: #f8f8f8;
}

.teaser__inner {
	padding: 23px 0;
	display: grid;
	grid-template-columns: repeat(2, auto);
	align-items: center;
	gap: 130px;
}

.teaser__left {
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 531px;
	margin-left: 60px;
}

.teaser__text {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.teaser__text h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #ec7633;
	line-height: normal;
	margin: 0;
}

.teaser__text p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 47px;
	color: #312c29;
	line-height: normal;
	margin: 0;
}

.teaser__list {
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 30px;
	margin: 0;
	padding: 0;
}

.teaser__item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.teaser__item img {
	width: 25px;
	height: 25px;
}

.teaser__item p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #312c29;
	display: flex;
	flex-direction: column;
	line-height: normal;
	margin: 0;
}

.teaser__item p span {
	font-weight: 400;
}

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

.teaser__btn {
	margin-top: 10px;
	border-radius: 5px;
	width: 275px;
	height: 52px;
	background: #ec7633;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #fff;
	border: 0;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
	line-height: normal;
}

.teaser__btn:hover {
	background-color: #e88e59;
}

@media screen and (max-width: 1200px) {
	.teaser__inner {
		gap: 60px;
	}

	.teaser__text p {
		font-size: 40px;
	}

	.teaser__left {
		max-width: 500px;
	}
}

@media screen and (max-width: 992px) {
	.teaser__inner {
		gap: 50px;
	}

	.teaser__left {
		max-width: 400px;
		margin: 0;
	}

	.teaser__text h1 {
		font-size: 17px;
	}

	.teaser__text p {
		font-size: 32px;
	}

	.teaser__item p {
		font-size: 17px;
	}
}

@media screen and (max-width: 768px) {
	.teaser__inner {
		display: flex;
		gap: 30px;
		flex-direction: column-reverse;
		padding: 0;
		padding-bottom: 44px;
	}

	.teaser__text h1 {
		font-size: 15px;
	}

	.teaser__text p {
		font-size: 24px;
	}

	.teaser__left {
		gap: 25px;
	}

	.teaser__item img {
		width: 20px;
		height: 20px;
	}

	.teaser__item p {
		font-size: 15px;
	}

	.teaser__list {
		gap: 24px;
	}

	.teaser__right img {
		max-width: 430px;
	}

	.teaser__btn {
		width: 100%;
	}

	.teaser__btn {
		margin: 0;
	}
}

@media screen and (max-width: 499px) {
	div.teaser {
		padding: 0 !important;
	}

	div#teaser {
		padding: 0 !important;
	}
}

@media screen and (max-width: 430px) {
	.teaser__right img {
		max-width: 100%;
	}

	.teaser__right {
		margin-left: -0.75rem;
		margin-right: -0.75rem;
	}
}

/* newbanner */

.newbanner {
	position: relative;
	overflow: hidden;
}

.newbanner__inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	padding: 23px 0;
	height: 700px;
}

.newbanner__top {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 531px;
	grid-area: 1 / 1 / 2 / 2;
}

.newbanner__top_title {
	font-weight: 700;
	font-size: clamp(0.875rem, 0.8113rem + 0.2614vw, 1.125rem);
	color: var(--akcent);
	margin: 0;
}

.newbanner__top_desc {
	font-weight: 700;
	font-size: clamp(1.75rem, 1.4473rem + 1.2418vw, 2.9375rem);
	color: var(--tekst);
	margin: 0;
	line-height: normal;
}

.newbanner__bot {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	gap: 70px;
	grid-area: 2 / 1 / 3 / 2;
}

.newbanner__bot_link {
	display: none;
	/*было  inline-block*/
	border-radius: 5px;
	background: var(--akcent);
	padding: 17px 47px;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

.newbanner__right {
	position: absolute;
	bottom: 23px;
	top: 23px;
	left: 50%;
	right: 0;
	grid-area: 1 / 2 / 3 / 3;
	margin-left: 36px;
}

.newbanner__right img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

.newbanner__fon {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 54%;
	background-color: #f3f0f1;
	z-index: -1;
}

@media screen and (max-width: 768px) {
	.newbanner__inner {
		display: flex;
		flex-direction: column;
		height: auto;
		padding: 0;
	}

	.newbanner__top {
		order: 1;
		padding: 32px 0 24px 0;
		max-width: 100%;
	}

	.newbanner__right {
		position: static;
		order: 2;
		margin: 0;
		margin-left: -0.75rem;
		margin-right: -0.75rem;
	}

	.newbanner__bot {
		order: 3;
		padding: 40px 0 16px 0;
	}
}

@media screen and (max-width: 576px) {
	.newbanner__right {
		height: 390px;
	}

	.newbanner__right img {
		object-fit: cover;
		object-position: right;
	}

	.newbanner__bot {
		align-items: stretch;
		gap: 0;
		padding-top: 10px;
	}

	.newbanner {
		background-color: #f3f0f1;
	}

	#new .navbar-expand-lg .navbar-nav .nav-link {
		text-align: left;
	}

}

@media screen and (max-width: 768px) {
	#new #header .phone {
		display: none !important;
	}

	#new #header .city {
		display: none !important;
	}

	#new .offcanvas-body-footer {
		align-items: flex-start;
	}

	#new .offcanvas-body .offcanvas-body-footer>div {
		display: flex;
		align-items: center;
	}
}

.newReview__item,
.newReview__top {
	gap: 20px;
	display: flex
}


.newReview__h2 {
	margin: 0 0 40px
}

.newReview__item {
	padding: 40px;
	height: auto;
	min-height: 320px;
	max-width: 873px;
	border: 1px solid #b6b6b6;
	background-color: #f4f4f4;
	flex-direction: column
}

@media screen and (max-width: 768px) {
	.newReview__item {
		min-height: 387px;
	}
}

.newReview__image {
	width: 92px;
	height: 92px;
	border-radius: 100%;
	overflow: hidden
}

.newReview__info {
	display: flex;
	flex-direction: column;
	gap: 10px
}

.newReview__info h5 {
	font-weight: 700;
	font-size: 20px;
	line-height: 130%;
	color: #000;
	margin: 0
}

.newReview__info a,
.newReview__info p {
	color: #989898;
	font-weight: 400;
	font-size: 18px;
	line-height: 130%;
	margin: 0
}

.newReview__info a {
	text-decoration: none
}

.newReview__text {
	font-weight: 400;
	font-size: 18px;
	line-height: 130%;
	color: #575757;
	margin: 0
}

.newReview__stars {
	display: flex;
	gap: 1px;
	flex-wrap: nowrap
}

.newReview__star {
	fill: #ffb300
}

.newReviewPage__items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px 20px
}

@media screen and (max-width:992px) {
	.newReview__item {
		padding: 30px
	}
}

@media screen and (max-width:768px) {
	.newReview__top {
		grid-template-columns: 1fr
	}

	.newReview__info p,
	.newReview__text {
		font-size: 17px
	}

	.newReview__info h5 {
		font-size: 19px
	}
}

@media screen and (max-width:576px) {
	.detail__watchedCard {
		max-width: 100%
	}

	.newReview__image {
		width: 60px;
		height: 60px
	}

	.newReview__top {
		gap: 10px
	}

	.newReview__item {
		padding: 25px
	}

	.newReview__info h5 {
		font-size: 18px
	}

	.newReview__info a,
	.newReview__info p,
	.newReview__text {
		font-size: 16px
	}
}


/* range-slider */

.range-slider-box {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 60px;
	position: absolute;
	top: 200px;
	right: 0;
	z-index: 1;
	width: 100%;
}

.range-slider-box>p {
	font-weight: 600;
	color: black;
	width: 100%;
	max-width: 588px;
}

#range-slider {
	border: 8px solid #f1f1f1;
	height: 29px;
	border-radius: 7px;
	width: 100%;
	max-width: 588px;
}

#range-slider::before {
	content: '';
	position: absolute;
	left: -5px;
	top: -18px;
	right: -5px;
	bottom: -18px;
	z-index: -1;
	background-color: #fff;
}

.noUi-connect {
	background: linear-gradient(180deg, #c96a34 0%, #f69358 45%, #ef7f40 100%);
}

.noUi-pips-horizontal {
	height: 85px;
	bottom: -36px;
	top: auto;
	padding: 0;
	z-index: -2;
}

.noUi-value-horizontal {
	transform: translate(-50%, -130%);
}

.noUi-connects {
	background: linear-gradient(180deg, #c5c5c5 0%, #e6e6e6 55%, #ddd 100%);
}

.noUi-tooltip {
	background: #3c3e3d;
	border-radius: 4px;
	padding: 8px;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	color: #fff;
}

.noUi-tooltip::after {
	content: url('/assets/icons/rectangle.svg');
	position: absolute;
	bottom: -14px;
	right: 26px;
}

.noUi-horizontal .noUi-handle {
	cursor: pointer;
}

.noUi-marker-horizontal.noUi-marker-sub,
.noUi-marker-horizontal.noUi-marker-large {
	height: 100%;
	background-color: #d9d9d9;
	width: 1px;
}

.noUi-value-sub {
	font-weight: 600;
	font-size: 12px;
	color: #cacaca;
}

.noUi-value-large {
	font-weight: 700;
	font-size: 24px;
	color: #010101;
}

/* end range-slider */

@media screen and (max-width: 991px) {
	.range-slider-box {
		align-items: center;
		top: auto !important;
		bottom: 100px;
		padding: 0 20px;
	}

	.wpcf7 div[data-id="group-398"] {
		left: 25%;
		bottom: 350px;
	}

	#step-4 .quiz-form {
		padding-bottom: 150px;
	}
}

@media screen and (max-width: 535px) {
	#step-4 .quiz-form {
		padding-bottom: 0px;
		grid-template-columns: 1fr;
	}

	.range-slider-box {
		padding: 0 30px;
		bottom: 150px;
	}

	#step-4 .other_title {
		font-size: 22px;
	}

	.wpcf7 div[data-id="group-398"] input {
		width: 120px;
	}

	.wpcf7 div[data-id="group-398"] {
		left: 50%;
		bottom: 225px;
		width: 100%;
	}

	.range-slider-box>p {
		font-size: 16px;
	}

	.noUi-value-large {
		font-size: 16px;
	}

	.wpcf7 div[data-id="group-398"] input {
		height: 40px;
	}
}

.wpcf7 div[data-id="group-397"] input {
	color: lightgray;
}


/* new quiz */


.q-quiz-step {
	min-height: 500px;
	display: flex;
	flex-direction: column;
	position: relative;
	padding-bottom: 60px;
	/* Место для прогресс-бара */
}

.q-quiz-item {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.q-quiz-head {
	margin-bottom: 30px;
}

.q-quiz-question {
	font-size: 28px;
	font-weight: 600;
	color: #333;
	margin-bottom: 15px;
}

.q-quiz-question span {
	color: #ec7633;
	margin-right: 10px;
	font-size: 32px;
}

.q-quiz-desc {
	font-size: 16px;
	color: #666;
	line-height: 1.5;
}

.q-quiz-option {
	position: relative;
}

.q-quiz-option-label {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	border: 2px solid #e0e0e0;
	border-radius: 12px;
	transition: all 0.3s ease;
	height: 100%;
	cursor: pointer;
}

.q-quiz-option input[type="radio"]:checked+.q-quiz-option-label {
	/* border-color: #ec7633; */
	box-shadow: 0 0 15px rgba(236, 118, 51, 0.2);
}

.q-quiz-option-image {
	width: 100%;
	height: 120px;
	object-fit: contain;
	margin-bottom: 15px;
}

.q-quiz-option-text {
	text-align: center;
	font-size: 16px;
	color: #333;
	font-weight: 500;
}

.q-quiz-option-indicator {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
	border: 2px solid #ec7633;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	background-color: #fff;
	/* Добавим белый фон */
}

.q-quiz-option input[type="radio"]:checked+.q-quiz-option-label .q-quiz-option-indicator {
	opacity: 1;
}

.q-quiz-option-indicator::after {
	content: '\2714';
	color: #ec7633;
	font-size: 14px;
	line-height: 1;
	/* Выравнивание по вертикали */
}

.q-quiz-option-other .q-quiz-option-label {
	justify-content: center;
}

.q-other-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
}

.q-other-input-wrapper {
	display: flex;
	align-items: center;
}

.q-other-input-wrapper input {
	width: 100px;
	height: 40px;
	padding: 5px 10px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	font-size: 16px;
}

.q-other-unit {
	margin-left: 5px;
	font-size: 16px;
}

#q-step-7 {
	background: url(../images/q6-fon.png) center bottom / contain no-repeat;
	padding-bottom: 200px;
}

.q-card-wrapper {
	background: #ffffff;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	max-width: 400px;
	margin: 0 auto;
}

.q-quiz-nav {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
}

.q-progress-bar {
	flex-grow: 1;
	height: 6px;
	background-color: #e0e0e0;
	border-radius: 3px;
	margin: 0 20px;
	overflow: hidden;
	max-width: 200px;
}

.q-progress {
	height: 100%;
	background-color: #ec7633;
	transition: width 0.3s ease;
}

.q-quiz-total {
	font-size: 14px;
	color: #666;
	margin-right: auto;
	margin-left: 20px;
}

.q-prev,
.q-next {
	padding: 12px 24px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-weight: 600;
	font-size: 16px;
}

.q-prev {
	/* background: linear-gradient(to bottom, #f0f0f0 0, #d9d9d9 100%); */
	color: #333;
	margin-right: 10px;
	border: 1px solid #ccc;
}

.q-next {
	background: linear-gradient(to bottom, #14b946 0, #087228 100%);
	color: #fff;
}

#qQuizResult {
	background-image: url(//xn--80apgkd3a1f.xn--p1ai/wp-content/themes/understrap/css/../images/success-fon.png);
	background-size: auto 85%;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 75px 80px;
}

.q-prev:hover,
.q-next:hover {
	opacity: 0.9;
}

@media (max-width: 768px) {
	.q-quiz-options {
		grid-template-columns: repeat(2, 1fr);
		/* Изменено с 1fr на repeat(2, 1fr) */
		gap: 10px;
		/* Уменьшим отступ между элементами */
	}

	.q-quiz-option-label {
		padding: 10px;
		/* Уменьшим отступы внутри элементов */
	}

	.q-quiz-option-text {
		font-size: 12px;
		/* Уменьшим размер шрифта */
	}

	.q-quiz-question {
		font-size: 24px;
	}

	.q-quiz-desc {
		font-size: 14px;
	}

	.q-quiz-nav {
		flex-wrap: wrap;
		justify-content: center;
	}

	.q-progress-bar {
		order: 1;
		width: 100%;
		max-width: none;
		margin-bottom: 10px;
	}

	.q-quiz-total {
		order: 2;
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}

	.q-prev,
	.q-next {
		order: 3;
		width: calc(50% - 5px);
		margin: 5px 0;
	}

	.q-prev {
		margin-right: 5px;
	}

	.q-next {
		margin-left: 5px;
	}
}

#qQuizForm {
	position: relative;
}

#q-quiz {
	width: 100%;
	padding: 60px 0;
	background: #f8f8f8;
}

.q-container {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
}

.q-text-center {
	text-align: center;
}

.q-subtitle {
	text-align: center;
	margin-bottom: 40px;
	font-size: 18px;
	color: #666;
}

.q-quiz-wrapper {
	background: #fff;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.q-quiz-head {
	margin-bottom: 30px;
}

.q-quiz-question {
	font-size: 24px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

.q-quiz-question span {
	color: #ec7633;
	margin-right: 10px;
}

.q-quiz-desc {
	font-size: 16px;
	color: #666;
}

.q-quiz-options {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
	margin-bottom: 30px;
}

.q-quiz-option {
	position: relative;
	text-align: center;
}

.q-quiz-option input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.q-quiz-option-label {
	display: block;
	cursor: pointer;
	transition: all 0.3s ease;
}

.q-quiz-option-image {
	width: 100%;
	height: auto;
	border: 2px solid #e0e0e0;
	border-radius: 8px;
	transition: all 0.3s ease;
}

.q-quiz-option input[type="radio"]:checked+.q-quiz-option-label .q-quiz-option-image {
	border-color: #ec7633;
}

.q-quiz-option-text {
	margin-top: 10px;
	font-size: 16px;
	color: #333;
}

.q-quiz-option-indicator {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
	border: 2px solid #ec7633;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	background-color: #fff;
	/* Добавим белый фон */
}

.q-quiz-option input[type="radio"]:checked+.q-quiz-option-label .q-quiz-option-indicator {
	opacity: 1;
}

.q-quiz-option-indicator::after {
	content: '\2714';
	color: #ec7633;
	font-size: 14px;
	line-height: 1;
	/* Выравнивание по вертикали */
}

.q-quiz-nav {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
}

.q-progress-bar {
	flex-grow: 1;
	height: 6px;
	background-color: #e0e0e0;
	border-radius: 3px;
	margin: 0 20px;
	overflow: hidden;
	max-width: 200px;
}

.q-progress {
	height: 100%;
	background-color: #ec7633;
	transition: width 0.3s ease;
}

.q-quiz-total {
	font-size: 14px;
	color: #666;
	margin-right: auto;
	margin-left: 20px;
}

.q-prev,
.q-next {
	padding: 12px 24px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-weight: 600;
	font-size: 16px;
}

.q-prev {
	/* background: linear-gradient(to bottom, #f0f0f0 0, #d9d9d9 100%); */
	color: #333;
	margin-right: 10px;
	border: 1px solid #ccc;
}

.q-next {
	background: linear-gradient(to bottom, #14b946 0, #087228 100%);
	color: #fff;
}

.q-prev:hover,
.q-next:hover {
	opacity: 0.9;
}

.q-card-wrapper {
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.q-card h3 {
	font-size: 24px;
	color: #ec7633;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}

.q-under-h3 {
	font-size: 16px;
	color: #666;
	text-align: center;
	margin-bottom: 30px;
}

.q-input {
	width: 100%;
	height: 50px;
	background: #f7f7f7;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	padding: 0 15px;
	margin-bottom: 15px;
	font-size: 16px;
}

.q-submit {
	width: 100%;
	height: 50px;
	background: #ec7633;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 16px;
}

.q-submit:hover {
	background: #d86a2e;
}

.q-ckbxs {
	margin-top: 20px;
}

.q-checkbox-label {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #666;
}

.q-checkbox-label input[type="checkbox"] {
	margin-right: 10px;
}

.q-quiz-option-other .q-quiz-option-label {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	border: 2px solid #e0e0e0;
	border-radius: 8px;
	padding: 15px;
	transition: all 0.3s ease;
}

.q-quiz-option-other input[type="radio"]:checked+.q-quiz-option-label {
	border-color: #ec7633;
}

.q-other-title {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
	text-align: center;
}

.q-other-input-wrapper {
	display: flex;
	align-items: center;
	width: 100%;
}

.q-other-input-wrapper input {
	flex-grow: 1;
	height: 40px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	padding: 0 10px;
	font-size: 16px;
}

.q-other-unit {
	margin-left: 10px;
	font-size: 16px;
	color: #666;
}

.q-other-input-wrapper input {
	width: 80px;
	height: 36px;
	padding: 5px 10px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	font-size: 14px;
}

.q-other-unit {
	margin-left: 5px;
	font-size: 14px;
}

#q-step-7 {
	background: url(../images/q6-fon.png) center bottom / contain no-repeat;
	padding-bottom: 200px;
}

.q-card-wrapper {
	background: #ffffff;
	border-radius: 8px;
	padding: 30px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	max-width: 400px;
	margin: 0 auto;
}

#q-step-5 {
	background: url(//xn--80apgkd3a1f.xn--p1ai/wp-content/themes/understrap/css/../images/q5-fon.png) right bottom / 40% no-repeat;
	top: 0;
}

#q-step-5>.q-quiz-item>.q-quiz-options,
#q-step-6>.q-quiz-item>.q-quiz-options {
	width: 50%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	gap: 20px;
	margin-bottom: 30px;
}

#q-step6 .q-quiz-option-image {
	height: 500px;
}

.q-quiz-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
}

.q-progress-bar {
	flex-grow: 1;
	height: 6px;
	background-color: #e0e0e0;
	border-radius: 3px;
	margin: 0 20px;
	overflow: hidden;
}

.q-progress {
	height: 100%;
	background-color: #ec7633;
	transition: width 0.3s ease;
}

.q-quiz-total {
	font-size: 14px;
	color: #666;
}

.q-prev,
.q-next {
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-weight: 600;
	background-color: #ec7633;
	color: #fff;
}

#q-step-7 .q-quiz-item {
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.q-prev:hover,
.q-next:hover {
	background-color: #d86a2e;
}

@media (max-width: 768px) {
	#q-step-7 .q-quiz-item {
		flex-direction: column;
	}

	.q-quiz-question {
		font-size: 20px;
	}

	.q-quiz-desc {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	#q-step-5 {
		background: none;
		top: 0;
	}

	#qQuizForm {
		padding-bottom: 120px;
		/* Увеличим отступ для мобильных устройств */
	}

	#q-step-5>.q-quiz-item>.q-quiz-options,
	#q-step-6>.q-quiz-item>.q-quiz-options {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		margin-bottom: 30px;
	}

	.q-quiz-nav {
		flex-wrap: wrap;
		justify-content: center;
	}

	.q-progress-bar {
		order: 1;
		width: 100%;
		max-width: none;
		margin-bottom: 10px;
	}

	.q-quiz-total {
		order: 2;
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}

	.q-prev,
	.q-next {
		order: 3;
		width: calc(50% - 5px);
		margin: 5px 0;
	}

	.q-prev {
		margin-right: 5px;
	}

	.q-next {
		margin-left: 5px;
	}
}

/* Добавьте эти стили в конец файла style.css */

@media (max-width: 768px) {
	.q-quiz-wrapper {
		padding: 20px;
	}

	.q-quiz-question {
		font-size: 20px;
		line-height: 1.3;
	}

	.q-quiz-desc {
		font-size: 14px;
	}


	.q-quiz-option-label {
		padding: 15px;
	}

	.q-quiz-option-text {
		font-size: 14px;
	}

	.q-quiz-nav {
		flex-wrap: wrap;
		justify-content: center;
	}

	.q-progress-bar {
		order: 1;
		width: 100%;
		margin: 10px 0;
	}

	.q-quiz-total {
		order: 2;
		width: 100%;
		text-align: center;
		margin: 5px 0;
	}

	.q-prev,
	.q-next {
		order: 3;
		width: 45%;
		margin: 10px 5px;
	}
}

/* Стили для сообщения о результате */
#qQuizResult {
	background-color: #f8f8f8;
	border-radius: 10px;
	padding: 30px;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	position: relative;
	/* Добавлено для позиционирования псевдоэлемента */
}

#qQuizResult::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	/* Полупрозрачный черный цвет */
	z-index: 1;
	border-radius: 10px;
	/* Чтобы соответствовать скруглению контейнера */
}

#qQuizResult>* {
	position: relative;
	z-index: 2;
	/* Поместим содержимое поверх затемненного фона */
}

#qQuizResult img {
	max-width: 100px;
	margin-bottom: 20px;
	filter: brightness(1.2);
	/* Немного увеличим яркость изображения */
}

#qQuizResult .entry-title,
#qQuizResult .under-h1,
#qQuizResult .success-button {
	color: #fff;
	/* Изменим цвет текста на белый для лучшей читаемости */
}

#qQuizResult .under-h1 strong {
	color: #ec7633;
	/* Изменим цвет номера телефона для контраста */
}

@media (max-width: 480px) {
	#qQuizResult {
		padding: 20px;
	}

	#qQuizResult .entry-title {
		font-size: 20px;
	}

	#qQuizResult .under-h1 {
		font-size: 14px;
	}

	#qQuizResult .btn-orange {
		padding: 10px 20px;
		font-size: 14px;
	}
}

/* end new quiz */


.painting {
	padding-top: 100px;
	padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
	.painting {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.painting__container {
	max-width: 1614px;
	width: 100%;
	margin: 0 auto;
	padding: 0 12px;
}

#painting h2 {
	margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
	#painting h2 {
		margin-bottom: 10px;
		font-size: 24px;
	}
}

.painting__box {
	display: grid;
	grid-template-columns: .75fr 1fr;
	align-items: start;
	justify-content: space-between;
}

@media(max-width: 992px) {
	.painting__box {
		grid-template-columns: 1fr;
	}
}

.painting__foto {
	max-width: 100%;
	width: auto;
	margin: 0 auto;
}

.painting-sliderbox {
	position: relative;
	padding: 0 100px;
	min-width: 1px;
}

@media(max-width: 565px) {
	.painting-sliderbox {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
		padding: 0 0;
	}
}

.painting-slider-btn {
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 67px;
	height: 67px;
	border: 1px solid #ABABAB;
	border-radius: 50%;
}

@media(max-width: 565px) {
	.painting-slider-btn {
		position: static;
		width: 60px;
		height: 60px;
		transform: none;
	}
}

.painting-slider-prev {
	left: 0;
}

.painting-slider-next {
	right: 0;
}

.painting-slider {
	width: 100%;
}

.painting-slider img {
	width: 100%;
}


/* Новый слайдер с отзывами */
.swiper-reviews.swiper {
	display: flex;
}

.swiper-reviews .swiper-wrapper {
	align-items: stretch;
}

.swiper-reviews .swiper-slide {
	text-align: center;
	font-size: 18px;
	background-color: transparent;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: auto;
	padding: 0;
}

.swiper-reviews .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	max-height: 350px;
	max-width: 250px;
	border: none;
	outline: none;
	box-shadow: none;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.swiper-reviews .swiper-slide img:hover {
	transform: scale(1.05);
}

/* Скрываем точки пагинации */
.swiper-pagination-reviews {
	display: none !important;
}

.swiper-reviews-container {
	position: relative;
}

/* Стили для стрелок навигации */
.swiper-button-next-reviews,
.swiper-button-prev-reviews {
	position: static !important;
	width: 45px !important;
	height: 45px !important;
	background-color: rgb(251, 153, 95) !important;
	border-radius: 50% !important;
	color: white !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 2px 8px rgba(251, 153, 95, 0.3) !important;
	border: 2px solid transparent !important;
}

.swiper-button-next-reviews:hover,
.swiper-button-prev-reviews:hover {
	background-color: rgb(230, 130, 70) !important;
	transform: scale(1.1) !important;
	box-shadow: 0 4px 12px rgba(251, 153, 95, 0.5) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
}

.swiper-button-next-reviews:active,
.swiper-button-prev-reviews:active {
	transform: scale(0.95) !important;
}

.swiper-button-next-reviews::after,
.swiper-button-prev-reviews::after {
	font-size: 18px !important;
	font-weight: bold !important;
	color: white !important;
	display: block !important;
	line-height: 1 !important;
	margin: 0 !important;
}

/* Принудительно показываем стрелки */
.swiper-button-next-reviews::after {
	content: "›" !important;
	font-size: 24px !important;
	font-weight: bold !important;
	color: white !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.swiper-button-prev-reviews::after {
	content: "‹" !important;
	font-size: 24px !important;
	font-weight: bold !important;
	color: white !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

/* Контейнер для стрелок навигации */
.swiper-navigation-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top: calc(50% - 22px);
	width: 100%;
	z-index: 100;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
	.swiper-reviews {
		max-width: 100%;
		padding: 0 10px;
	}

	.swiper-reviews .swiper-slide {
		height: 450px;
		padding: 20px;
	}

	.swiper-reviews .swiper-slide img {
		max-height: 400px;
		max-width: 280px;
	}

	.swiper-button-next-reviews,
	.swiper-button-prev-reviews {
		width: 40px !important;
		height: 40px !important;
		margin: 15px 8px 0 8px !important;
	}

	.swiper-button-next-reviews::after,
	.swiper-button-prev-reviews::after {
		font-size: 20px !important;
		color: white !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
}

@media (max-width: 480px) {
	.swiper-reviews {
		max-width: 100%;
		padding: 0 5px;
	}

	.swiper-reviews .swiper-slide {
		height: 400px;
		padding: 15px;
	}

	.swiper-reviews .swiper-slide img {
		max-height: 350px;
		max-width: 250px;
	}

	.swiper-button-next-reviews,
	.swiper-button-prev-reviews {
		width: 35px !important;
		height: 35px !important;
		margin: 10px 5px 0 5px !important;
	}

	.swiper-button-next-reviews::after,
	.swiper-button-prev-reviews::after {
		font-size: 30px !important;
		color: white !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
}

/* Центрирование и отступы для блока слайдера */
.swiper-reviews {
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	overflow: hidden;
}

@media (max-width: 1400px) {
	.swiper-reviews {
		padding-inline: 40px;
	}
}

/* Стили для модального окна */
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	animation: fadeIn 0.3s ease;
}

.modal-content {
	position: relative;
	margin: auto;
	padding: 20px;
	width: fit-content;
	max-width: 800px;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	border-radius: 8px;
}

.modal-content img {
	max-width: 100%;
	max-height: 80vh;
	object-fit: contain;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.close {
	position: absolute;
	top: 10px;
	right: 25px;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	cursor: pointer;
	z-index: 1001;
	transition: color 0.3s ease;
	color: rgb(251, 153, 95);
}

.close:hover,
.close:focus {
	color: #ff6b6b;
	text-decoration: none;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media (max-width: 768px) {
	.swiper-reviews .swiper-slide img {
		max-height: unset;
		max-width: 200px;
	}
}

/* @media (max-width: 480px) {
    .swiper-reviews .swiper-slide img {
        max-height: 200px;
        max-width: 150px;
    }
} */

.front-page-review {
	padding: 100px 0;
}

@media (max-width: 768px) {
	.front-page-review {
		padding: 80px 0;
	}
}

@media (max-width: 500px) {
	.front-page-review {
		padding: 20px 0;
	}
}

/* Start cookie */

.cookies {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	display: none;
	justify-content: center;
	padding-bottom: 80px;
	pointer-events: none;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 99;
}

.cookies.active {
	display: flex;
}

.cookie-content {
	max-width: 1130px;
	width: 100%;
	padding: 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 44px;
	pointer-events: all;
	background-color: var(--white);
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.cookie-text {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.39;
	color: var(--tekst);
	margin: 0;
	padding: 0;
}

.cookie-text a {
	color: var(--green);
	text-decoration: underline;
}

.cookie-text span {
	font-weight: 600;
}

.cookie-buttons {
	display: flex;
	align-items: center;
	gap: 10px;
}

.cookie-button {
	border-radius: 5px;
	padding: 17px 28px;
	height: 52px;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	background-color: transparent;
	cursor: pointer;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.25s;
}

.cookie-button:hover {
	opacity: 0.5;
}

.cookie-button-accept {
	background: var(--akcent);
	color: var(--white);
}

.cookie-button-decline {
	color: var(--tekst);
	border: 1px solid var(--tekst);
}

@media screen and (max-width: 992px) {
	.cookie-content {
		flex-direction: column;
	}
}

@media screen and (max-width: 576px) {
	.cookies {
		padding-bottom: 95px;
	}

	.cookie-content {
		gap: 24px;
		padding: 24px;
	}

	.cookie-buttons {
		width: 100%;
	}

	.cookie-button {
		flex-grow: 1;
		padding: 17px;
	}
}

/* End cookie */