@charset "UTF-8";

#wpadminbar {
	display: none
}
.grecaptcha-badge { visibility: hidden!important;}
.small-note {font-size: 6px; opacity: 0.5}

/* @font-face {
font-family: ubuntu;
src: url(../fonts/ubuntucondensed.ttf) format("truetype")
}
@font-face {
font-family: bravo;
src: url(../fonts/bravorg.ttf) format("truetype")
}
@font-face {
font-family: leaguegothic;
src: url(../fonts/leaguegothic.ttf) format("truetype")
}
@font-face {
font-family: b20sans;
src: url(../fonts/b20sans.ttf) format("truetype")
}
@font-face {
font-family: boblic;
src: url(../fonts/boblic.ttf) format("truetype")
} */
@font-face {
	font-family: Songercondensedbold;
	src: url(../fonts/Songercondensedbold.ttf) format("truetype")
}
@font-face {
	font-family: Songercondensed;
	src: url(../fonts/Songercondensed.ttf) format("truetype")
}
/*
@font-face {
font-family: Songercondensedextrabold;
src: url(../fonts/Songercondensedextrabold.ttf) format("truetype")
}
@font-face {
font-family: Songercondensedmedium;
src: url(../fonts/Songercondensedmedium.ttf) format("truetype")
}
@font-face {
font-family: Songercondensedheavy;
src: url(../fonts/Songercondensedheavy.ttf) format("truetype")
} */

/* @font-face {
font-family: PepperType-Spaceland-Ten;
src: url(../fonts/PepperType-Spaceland-Ten.otf) format("opentype")
}

@font-face {
font-family: PepperType-Spaceland-TenOblique;
src: url(../fonts/PepperType-Spaceland-TenOblique.otf) format("opentype")
} */

@font-face {
	font-family: 'Bebas Neue Regular';
	src: url('../fonts/BebasNeueRegular.eot');
	src: url('../fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BebasNeueRegular.woff') format('woff'),
		url('../fonts/BebasNeueRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



/* @font-face {
font-family: pfdintext-bold;
src: url(../fonts/pfdintextcondpro-bold.ttf) format("truetype")
}

@font-face {
font-family: pfdintext-boldital;
src: url(../fonts/pfdintextcondpro-boldital.ttf) format("truetype")
}

@font-face {
font-family: pfdintext-italic;
src: url(../fonts/pfdintextcondpro-italic.ttf) format("truetype")
}

@font-face {
font-family: 'PT Sans', sans-serif;
src: url(../fonts/pfdintextcondpro-light.ttf) format("truetype")
}

@font-face {
font-family: 'PT Sans', sans-serifital;
src: url(../fonts/pfdintextcondpro-lightital.ttf) format("truetype")
}

@font-face {
font-family: pfdintext-medital;
src: url(../fonts/pfdintextcondpro-medital.ttf) format("truetype")
}

@font-face {
font-family: 'PT Sans', sans-serif;
src: url(../fonts/pfdintextcondpro-medium_0.ttf) format("truetype")
}

@font-face {
font-family: pfdintext-regular_0;
src: url(../fonts/pfdintextcondpro-regular_0.ttf) format("truetype")
}

@font-face {
font-family: pfdintext-thin;
src: url(../fonts/pfdintextcondpro-thin.ttf) format("truetype")
}

@font-face {
font-family: pfdintext-thinital;
src: url(../fonts/pfdintextcondpro-thinital.ttf) format("truetype")
}

@font-face {
font-family: pfdintext-xblack;
src: url(../fonts/pfdintextcondpro-xblack.ttf) format("truetype")
}

@font-face {
font-family: pfdintext-xblackital;
src: url(../fonts/pfdintextcondpro-xblackital.ttf) format("truetype")
}

@font-face {
font-family: pfdintext-xthin;
src: url(../fonts/pfdintextcondpro-xthin.ttf) format("truetype")
}

@font-face {
font-family: pfdintext-xthinital;
src: url(../fonts/pfdintextcondpro-xthinital.ttf) format("truetype")
} */

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
	font-size: 17px;
	margin: 0;
	box-sizing: border-box;
	font-weight: 400;
	font-family: 'PT Sans', sans-serif;
}

a,
button,
input,
select {
	outline: 0
}

a,
button,
select {
	cursor: pointer
}

h1, h2 {
	letter-spacing: 0.5px;	
}

h2 {
	font-size: 48px;
	font-family: Songercondensedbold;
	text-transform: uppercase;
}

h3 {
	font-size: 24px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
}

a {
	color: #F0AF00;
	font-size: 15px;
}

.kb_sep {
	color: #a3a3a3 !important;
}

.breadcrumb_last {
	cursor: inherit !important;
	color: #a3a3a3 !important;
}

.breadcrumb_link {
	color: #a3a3a3 !important;
}

.sticky-header,
header.page-header {}

.sticky-header .container, header.page-header .container {
	display: grid;
	grid-template-columns: 2fr 4fr 2fr;
	align-items: flex-start;
	padding-top: 15px;
	height: 100px;
}

footer aside.logo {
	max-width: 155px
}

.sticky-header .container {
	height: 55px;
	max-height: 3em;
	padding-block: 15px;
	align-items: center;
}

.sticky-header .container aside.logo p,
header.page-header .container aside.logo p {
	font-size: 12px;
	margin: 5px 0;

}

.sticky-header .container .calc-pay,
header.page-header .container .calc-pay {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
}

.sticky-header .container .calc-pay p,
header.page-header .container .calc-pay p {
	font-size: 17px;
	margin: 0 0 10px;
	text-align: center;
}

.sticky-header .container .calc-pay .btn-calc,
header.page-header .container .calc-pay .btn-calc {
	height: 32px;
	width: 300px
}

/* 
header.page-header .container .calc-pay .btn-calc {
color: #fff
} */
.sticky-header .container .calc-pay .location,
header.page-header .container .calc-pay .location {
	border: none;
	cursor: pointer;
	color: #f06061;
	position: relative;
	display: none;
	font-size: 16px;
	padding-top: 8px
}

.sticky-header .container .calc-pay .location .current,
header.page-header .container .calc-pay .location .current {
	font-size: 16px
}

#callback-form .file-490 {
	max-width: 280px
}

.sticky-header .container .calc-pay .location::before,
header.page-header .container .calc-pay .location::before {
	background: url(../img/svg/loc-head.svg) no-repeat center;
	background-size: contain;
	content: '';
	display: block;
	height: 50px;
	width: 50px;
	left: -30px;
	top: -7px;
	position: absolute
}

.sticky-header .container .calc-pay .location::after,
header.page-header .container .calc-pay .location::after {
	border-bottom-color: #f06061;
	border-right-color: #f06061
}

.sticky-header .container .calc-pay .location .option,
header.page-header .container .calc-pay .location .option {
	color: #000
}

.sticky-header .container .calc-pay .location .current,
header.page-header .container .calc-pay .location .current {
	border-bottom: 1px dotted
}

.sticky-header .container aside.info,
header.page-header .container aside.info {
	display: flex;
	flex-direction: column;
	align-items: flex-end
}

.sticky-header .container aside.info .phone-num,
header.page-header .container aside.info .worktime_header {
	font-size: 16px;
}

.sticky-header .container aside.info .phone-num,
header.page-header .container aside.info .phone-num {
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	font-size: 30px;
	padding-block: 5px;
	letter-spacing: 1px;
	margin: -5px 0;
	text-decoration: none;
	font-family:
		/* 'Bebas Neue Regular'; */
		Songercondensedbold;
}

.sticky-header .container aside.info .phone-num {
	color: #000;
	cursor: pointer;
	font-size: 30px;
	letter-spacing: 1px;
	margin: 0 !important;
	text-decoration: none;
	font-family:
		/* 'Bebas Neue Regular'; */
		Songercondensedbold;
}

footer a.phone-num:before, .sticky-header a.phone-num:before {
	content: '';
	display: inline-block;
	height: 0.8em;
	aspect-ratio: 1;
	/* 		background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='120' height='120' fill='%233E4FA7'/%3E%3Cpath d='M102 49L113 59.5L102 71V49Z' fill='white'/%3E%3Crect x='7' y='49' width='95' height='22' fill='white'/%3E%3Cpath d='M50.5 24H77.3013L102.5 49.5H75L50.5 24Z' fill='white'/%3E%3Cpath d='M75 70.5H102.5L77.3013 96H50.5L75 70.5Z' fill='white'/%3E%3C/svg%3E%0A"); */
	background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='120' height='120' fill='%23F0AF00'/%3E%3Cpath d='M102 49L113 59.5L102 71V49Z' fill='white'/%3E%3Crect x='7' y='49' width='95' height='22' fill='white'/%3E%3Cpath d='M50.5 24H77.3013L102.5 49.5H75L50.5 24Z' fill='white'/%3E%3Cpath d='M75 70.5H102.5L77.3013 96H50.5L75 70.5Z' fill='white'/%3E%3C/svg%3E%0A");
	/* 	background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='120' height='120' fill='%23F0AF00'/%3E%3Cpath d='M102 49L113 59.5L102 71V49Z' fill='black'/%3E%3Crect x='7' y='49' width='95' height='22' fill='black'/%3E%3Cpath d='M50.5 24H77.3013L102.5 49.5H75L50.5 24Z' fill='black'/%3E%3Cpath d='M75 70.5H102.5L77.3013 96H50.5L75 70.5Z' fill='black'/%3E%3C/svg%3E%0A"); */
	/* 	background-image: url(/wp-content/themes/gidro/img/szd-arrow.png); */
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	vertical-align: middle;
	/* 	top: -2px; */
	left: -4px;
}

footer a.phone-num:before, .sticky-header .phone-num:before {
	/* 	background-image: url(/favicon.ico); */
	/* 	background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='120' height='120' fill='%23F0AF00'/%3E%3Cpath d='M102 49L113 59.5L102 71V49Z' fill='white'/%3E%3Crect x='7' y='49' width='95' height='22' fill='white'/%3E%3Cpath d='M50.5 24H77.3013L102.5 49.5H75L50.5 24Z' fill='white'/%3E%3Cpath d='M75 70.5H102.5L77.3013 96H50.5L75 70.5Z' fill='white'/%3E%3C/svg%3E%0A"); */
	background-size: cover;
	background-repeat: no-repeat;
}

.sticky-header .container aside.info .location,
header.page-header .container aside.info .location {
	border: none;
	cursor: pointer;
	color: #fff;
	position: relative;
	font-size: 18px;
	line-height: 1.5em;
	height: auto;
}

.sticky-header .container aside.info .location .current,
header.page-header .container aside.info .location .current {
	font-size: 16px;
	font-weight: 400;
}

header.page-header .container aside.info .location .current {
	font-size: 16px
}

.sticky-header .container aside.info .location::before,
header.page-header .container aside.info .location::before {
	background: url('/wp-content/uploads/2021/01/телефон.png') no-repeat center;
	background-size: contain;
	content: '';
	display: block;
	height: 20px;
	width: 20px;
	left: -29px;
	top: 50%;
	position: absolute;
	translate: 0 -50%;
}


.sticky-header .container aside.info .location .option,
header.page-header .container aside.info .location .option {
	color: #000
}

.sticky-header .container aside.info .location .current,
header.page-header .container aside.info .location .current {
	border-bottom: 1px dashed #ccc;
}

.sticky-header {
	display: none;
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 900
}

footer {
	background: #F9F9F9;
	height: 170px;
	display: flex
}

footer section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: center
}

footer section aside.logo i.logo {
	background: 
		/* 		url(/wp-content/uploads/2021/01/logo3.png) */
		url(/wp-content/themes/gidro/img/logosnoszadenlight.png)
		no-repeat center;
	background-size: cover;
}

footer section aside.logo a {
	display: inline-block;
	color: #000;
	text-decoration: underline
}

footer section aside.logo a.link2 {
	margin-top: 15px;
}

footer section aside.logo a:active,
footer section aside.logo a:hover {
	color: #444D32;
	text-decoration: none
}

p.link2 {
	margin-block-start: 1em;
}

.agree {
	display: none
}

footer section .foot-center p {
	color: #000;
	font-size: 17px;
	text-align: center
}

footer section .foot-center .goto a {
	color: #fa4923
}

footer section .foot-center .goto a:hover {
	text-decoration: none
}

footer section aside.callback {
	display: flex;
	flex-direction: column;
	align-items: center
}

footer section aside.callback .phone-num {
	font-weight: 600;
	cursor: pointer;
	font-size: 32px;
	letter-spacing: 1px;
	color: #000;
	margin: 0 0 10px;
	font-family: 
		/* Bebas Neue Regular; */
		Songercondensedbold;
	text-decoration: none;
	white-space: nowrap;
}

footer section aside.callback .phone-num:before {}

footer section aside.callback .btn-callback {
	font-size: 18px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px #444D32 dashed;
	white-space: nowrap;
}

article.foot-center {
	margin-left: 10px;
	margin-right: 10px;
}

.container {
	width: 1200px;
	margin: 0 auto
}

i.logo {
	display: block;
	height: 44.69px;
	width: 227px;
	background: 
		/* 		url(/wp-content/uploads/2021/01/logo3.png) */
		url(/wp-content/themes/gidro/img/logosnoszadenlight.png)
		no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.sticky-header i.logo {
	display: block;
	margin-left: 5px;
	background: 
		/* 		url(/wp-content/uploads/2021/01/logo-w3.png) */
		url(/wp-content/themes/gidro/img/logosnoszadendark.png)
		no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

footer i.logo {
	background: 
		/* 		url(/wp-content/uploads/2021/01/logo-w3.png) */
		url(/wp-content/themes/gidro/img/logosnoszadendark.png)
		no-repeat center;
	background-size: cover;
	width: 227px;
	height: 44.69px;
	margin-left: auto;
	margin-right: auto;
}

footer i.logo.u-640 {
	display: none
}

.yellow-text {
	color: #F0AF00
}

.green-text {
	color: #25ae55
}

i.cancel {
	/*background: url(../img/svg/cancel.svg) no-repeat center;*/
	-webkit-background-size: cover;
	background-size: cover
}

.goback {
	font-size: 18px;
	display: inline-block;
	text-decoration: none;
	border-bottom: 2px dotted #fa4923
}

.da-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	min-height: 47px;
	border: none;
	border-bottom: 2px solid #D39E00;
	border-top: 2px solid #D8C200;
	border-right: 2px solid #D39E00;
	border-left: 2px solid #D39E00;
	border-radius: 3px;
	position: relative;
	font-size: 22px;
	font-family: 
		Songercondensedbold;
	/* PepperType-Spaceland-Ten; */
	text-transform: uppercase;
	color: #000;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #e3b200), to(#F0CC00));
	background-image: linear-gradient(to right, #e3b200 25%, #F0CC00);
	/*-webkit-box-shadow:0px 9px 16px 0px rgba(250, 73, 35, 0.25);
	box-shadow: 0px 9px 16px 0px rgba(250, 73, 35, 0.25);*/
	-webkit-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
	background-position: 0;
	max-height: 100%;
	letter-spacing: 0.025em;
}

.sticky-header .da-btn {
	color: #fff
}

.da-btn:hover {
	background-position: 100%;
	background: transparent;
	border-top: 2px solid #D39E00;
	-webkit-transition: background 350ms ease-in-out;
	transition: background 350ms ease-in-out;
	box-shadow: 0 0 5px 0 #E4D500db inset, 0 0 5px 1px #E4D500db;
}

.sticky-header .da-btn:hover {
	color: #000
}

.da-btn.on_dark:hover {

	border-top: 2px solid #D39E00;
	color: white;
}

button.da-btn::after {
	opacity: 0;
	background-image: -webkit-linear-gradient(transparent 50%, rgba(101, 179, 122, 0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101, 179, 122, 0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	transform: translateX(-50%) translateY(-50%) rotate(25deg);
}

.da-btn:hover::after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}

.hotline__icon {
	margin-left: 15px;
	margin-right: 10px;
	font-size: 18px;
	color: #fa4923;
}

.icon-phone-call:before {
	content: "\e912";
}

.da-btn {
	max-width: 350px;

}

@-webkit-keyframes slideme {
	0% {
		left: -30px;
		margin-left: 0px;
	}

	30% {
		left: 110%;
		margin-left: 80px;
	}

	100% {
		left: 110%;
		margin-left: 80px;
	}
}



.logo .da-btn {
	min-width: 150px;
}

.da-btn.deny {
	background: -moz-linear-gradient(90deg, #a8a8a8 0, #dfdfdf 100%);
	background: -webkit-linear-gradient(90deg, #a8a8a8 0, #dfdfdf 100%);
	background: -ms-linear-gradient(90deg, #a8a8a8 0, #dfdfdf 100%);
	background: -o-linear-gradient(90deg, #a8a8a8 0, #dfdfdf 100%);
	box-shadow: 0 3px 0 0 #828282;
	color: #666
}

.da-input {
	display: block;
	border: 1px solid #dedede;
	border-radius: 3px;
	height: 48px;
	width: 360px;
	margin: 10px;
	padding: 0 20px;
	font-size: 17px
}

.da-input::placeholder {
	color: #adadad
}

.check-list {
	font-size: 16px;
	list-style: none;
	font-weight: 400
}

.check-list li::before {
	content: '';
	background: url('/wp-content/uploads/2020/12/чеккер-2.png') no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	display: inline-block;
	height: 26px;
	width: 26px;
	margin-right: 10px;
	position: relative;
	top: 5px
}

.logo .check-list {
	font-size: 16px;
	list-style: none;
	color: black
}

.logo .check-list2 {
	font-size: 17px;
	color: black
}

.logo .check-list li::before {
	content: '';
	background: url('/wp-content/uploads/2020/12/чеккер-2.png') no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	display: inline-block;
	height: 27px;
	width: 27px;
	margin-right: 10px;
	position: relative;
	top: 5px
}

.arrow {
	-webkit-background-size: cover;
	background-size: cover;
	display: inline-block;
	height: 22px;
	width: 11px
}

.arrow.prev {
	background: url(../img/svg/prev.svg) no-repeat center
}

.arrow.next {
	background: url(../img/svg/next.svg) no-repeat center
}

.arr {
	cursor: pointer;
	position: relative;
	top: 14px;
	margin: 0 10px
}

.arr svg {
	height: 44px;
	width: 22px
}

.arr svg .arrow-path {
	transition: .3s ease-in-out
}

.arr svg:hover .arrow-path {
	fill: #fa4923
}

table {
	border-collapse: collapse
}

table,
td,
th {
	border: 1px solid #dedede
}

form .fields {
	grid-area: fields;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

form .fields .explain {
	font-size: 15px;
	text-align: center;
	padding: 0 25px;
	margin-top: 30px;
	margin-bottom: 5px;
	color: #fff;
}

form .fields .da-input {
	width: 340px
}

form .footer {
	grid-area: footer;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: transparent;
	color: #fff;
}

form .footer input[type="submit"]{
	margin: 30px 0 20px;
	height: 48px;
	width: 380px;
	cursor: pointer;
}

form .footer .btn-submit{
	margin: 30px 0 20px!important;
}

form .footer .confident {
	margin: 0 35px;
	display: grid;
	grid-template-columns: 1fr 15fr
}

form .footer .confident label.cb-beauty {
	display: inline-block;
	font-size: 15px;
	text-align: left;
	padding-left: 10px;
	color: #999
}

.photo_form {
	max-width: 650px
}

.da-btn {
	max-width: 350px
}

form .footer .confident label.cb-beauty a {
	font-size: inherit;
	color: inherit;
	text-decoration: underline
}

input[type=checkbox].checkbox {
	display: none
}

.check-box {
	height: 20px;
	width: 20px;
	background-color: transparent;
	border: 1px solid #adadad;
	border-radius: 5px;
	position: relative;
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: border-color ease .2s;
	-o-transition: border-color ease .2s;
	-webkit-transition: border-color ease .2s;
	transition: border-color ease .2s;
	cursor: pointer;
	flex-shrink: 0
}

.check-box::after,
.check-box::before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	height: 0;
	width: 2px;
	background-color: #adadad;
	display: inline-block;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	border-radius: 5px;
	content: '';
	-webkit-transition: opacity ease .5s;
	-moz-transition: opacity ease .5s;
	transition: opacity ease .5s
}

.check-box::before {
	top: 15.4px;
	left: 7.2px;
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.check-box::after {
	top: 9.4px;
	left: 1.2px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.check-box.checked,
input[type=checkbox]:checked+.check-box {
	border-color: #adadad
}

.check-box.checked::after,
input[type=checkbox]:checked+.check-box::after {
	height: 8px;
	-moz-animation: dothabottomcheck .2s ease 0s forwards;
	-o-animation: dothabottomcheck .2s ease 0s forwards;
	-webkit-animation: dothabottomcheck .2s ease 0s forwards;
	animation: dothabottomcheck .2s ease 0s forwards
}

.check-box.checked::before,
input[type=checkbox]:checked+.check-box::before {
	height: 14px;
	-moz-animation: dothatopcheck .4s ease 0s forwards;
	-o-animation: dothatopcheck .4s ease 0s forwards;
	-webkit-animation: dothatopcheck .4s ease 0s forwards;
	animation: dothatopcheck .4s ease 0s forwards
}

.main-page {
	display: grid;
	grid-template-rows: [header] 100px [offer] 600px [categories] auto [map] auto [footer] 170px
}

.offer {
	background: url(../img/offer-bg.png) no-repeat center;
	background-size: cover;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 0 0 120px;
}

.offer h1 {
	font-size: 65px;
	margin: 85px 0 30px;
	text-transform: uppercase;
	line-height: 1;
	/*font-family: 'PT Sans Narrow', sans-serif;*/
	font-family: Songercondensedbold;
	/* 	font-family: Songercondensed; */
}

.offer h3 {
	font-size: 28px;
	max-width: 900px;
	margin: 10px 0
}

.offer h3 .dialog-bg {
	position: relative;
	display: inline-block;
	padding-left: 5px;
	z-index: 2
}

.offer h3 .dialog-bg::before {
	content: '';
	background: url(../img/dialog.png) no-repeat center;
	background-size: cover;
	display: block;
	height: 62px;
	width: 138px;
	left: 0;
	top: 0;
	z-index: -1;
	position: absolute
}

.categories {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*height: 570px*/
}

.categories h2 {
	text-align: center;
	font-size: 50px;
	font-family: Songercondensedbold;
	text-transform: uppercase;
}

.categories .cats {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 60px
}

.categories .cats .single-cat {
	background: #fff;
	border-bottom: 2px solid #EDEDED;
	border-left: 2px solid #EDEDED;
	border-right: 2px solid #EDEDED;
	color: #000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 200px;
	width: 300px;
	overflow: hidden;
	margin: 10px;
	position: relative;
	text-decoration: none;
	transition: all .2s ease-in-out
}

.categories .cats .single-cat:before {
	content: '';
	width: 100%;
	height: 6px;
	background: #F0AF00;
	position: absolute;
	left: 0;
	top: 0;
}

.categories .cats .single-cat .cat-desc {
	font-size: 17px;
	width: 80%;
	text-align: center;
	margin: 0 0 10px;
	z-index: 1
}

.categories .cats .single-cat .cat-ico {
	z-index: 1
}

.categories .cats .single-cat svg {
	z-index: 1
}

.categories .cats .single-cat svg .cat-ico-svg {
	transition: .3s ease-in-out
}

.cat-ico {
	background-size: contain;
	display: block;
	height: 100px;
	width: 100px
}

.cat-ico.hood {
	background: url(../img/svg/roof.svg) no-repeat center
}

.cat-ico.foundation {
	background: url(../img/svg/foundation.svg) no-repeat center
}

.cat-ico.bath {
	background: url(../img/svg/bath.svg) no-repeat center
}

.cat-ico.walls {
	background: url(../img/svg/wall.svg) no-repeat center
}

.cat-ico.pools {
	background: url(../img/svg/pool.svg) no-repeat center
}

.cat-ico.balcony {
	background: url(../img/svg/balcony.svg) no-repeat center
}

.cat-ico.reservoir {
	background: url(../img/svg/reservoir.svg) no-repeat center
}

.cat-ico.terrace {
	background: url(../img/svg/terrace.svg) no-repeat center
}

.map {
	background: linear-gradient(90deg, rgba(247, 247, 247, 0.8587289915966386) 0%, rgba(243, 248, 262, 0.8526785714285714) 14%, rgba(250, 255, 254, 0.801922) 72%, rgba(246, 246, 271, 0.875508) 100%), rgba(0, 0, 0, 0) url(/wp-content/uploads/2021/01/Карта-фон-серый.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 930px;
	position: relative
}

.map.added-pages {
	background: linear-gradient(90deg, rgba(247, 247, 247, 0.8587289915966386) 0%, rgba(243, 248, 262, 0.8526785714285714) 14%, rgba(250, 255, 254, 0.801922) 72%, rgba(246, 246, 271, 0.875508) 100%), rgba(0, 0, 0, 0) url(/wp-content/uploads/2021/01/Карта-фон-серый.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 940px;
	position: relative
}

.map #yamap {
	width: inherit;
	height: inherit;
	display: none
}

.map-image {
	max-width: 70%;
	padding-bottom: 10px;
}

.map-image #n2-ss-8-align {
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5)
}

.map .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}

.map .content header {
	padding-top: 50px;
	display: flex;
	align-items: center;
}

.map .content header .container {
	display: flex
}

.map .content header .container h2 {
	height: 120px;
	font-size: 50px;
	color: #F0AF00;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: Songercondensedbold;
	text-align: center;
	margin: 0 auto;
}

.map .content header .container h2 span {
	display: block;
	margin-top: 10px;
	color: #000;
	font-size: 32px;
	font-family: 'PT Sans Narrow', sans-serif;
}

.map .content .preview.container {
	display: grid;
	grid-template-columns: auto 360px;
	grid-template-areas: 'mself .'
}

.map .content .preview.container aside.map-self {
	grid-area: mself;
	align-self: center
}

.map .content .preview.container aside.map-self .map-img {
	background: url(../img/rusmapp.png) no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
	height: 390px;
	position: relative
}

.map .content .preview.container aside.map-self .map-img .city {
	cursor: pointer;
	font-size: 18px 'PT Sans', sans-serif;
	font-style: normal;
	position: absolute;
	padding-left: 20px;
	transition: color .2s ease-in-out
}

.map .content .preview.container aside.map-self .map-img .city.spb {
	top: 104px;
	left: 152px
}

.map .content .preview.container aside.map-self .map-img .city.msk {
	top: 165px;
	left: 143px
}

.map .content .preview.container aside.map-self .map-img .city.nn {
	top: 191px;
	left: 170px
}

.map .content .preview.container aside.map-self .map-img .city.ekb {
	top: 234px;
	left: 251px
}

.map .content .preview.container aside.map-self .map-img .city.nsk {
	top: 295px;
	left: 331px
}

.map .content .preview.container aside.map-self .map-img .city:hover {
	color: #fa4923
}

.map .content aside.map-props {
	background: rgba(20, 3, 6, .85);
	height: 590px;
	width: 360px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: calc((100% - 1200px)/ 2)
}

.map .content aside.map-props .city-choose,
.map .content aside.map-props .comp-choose {
	font-size: 17px;
	color: #fa4923;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-top: 20px;
	min-width: 240px;
	width: auto
}

.map .content aside.map-props .city-choose .option,
.map .content aside.map-props .comp-choose .option {
	color: #000;
	width: 191px
}

.map .content aside.map-props .city-choose::before,
.map .content aside.map-props .comp-choose::before {
	background: url(../img/svg/loc-head.svg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	content: '';
	display: block;
	height: 50px;
	width: 50px;
	left: -10px;
	position: absolute
}

.map .content aside.map-props .city-choose::after,
.map .content aside.map-props .comp-choose::after {
	border-bottom-color: #fa4923;
	border-right-color: #fa4923
}

.map .content aside.map-props .city-choose .current,
.map .content aside.map-props .comp-choose .current {
	padding: 0 10px
}

.map .content aside.map-props .comp-choose {
	display: none
}

.map .content aside.map-props .info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 10px
}

.map .content aside.map-props .info .company-name {
	font-size: 25px;
	color: #fff;
	margin: 25px 0;
	text-align: center
}

.map .content aside.map-props .info .company-name .company-desc {
	display: block;
	text-transform: none;
	font-size: 15px
}

.map .content aside.map-props .info h4,
.map .content aside.map-props .info p {
	color: #fff;
	margin: 0 0 5px
}

.map .content aside.map-props .info .mp-header {
	font-size: 17px;
	color: #fa4923
}

.map .content aside.map-props .info .mp-text {
	color: #fff;
	display: block;
	font-size: 17px;
	margin-bottom: 25px;
	text-align: center
}

.map .content aside.map-props .info .mp-text.phone-num:first-child {
	margin-bottom: 5px
}

.map .content aside.map-props .info .mp-text.phone-num {
	font-size: 30px;
	text-decoration: none
}

.map .content aside.map-props .info .mp-text.phone-num.mob {
	display: none
}

.map .content aside.map-props .info .mp-text.email-text {
	text-decoration: none
}

.map .map-container {
	position: relative;
}

.map .map-button {
	position: absolute;
	width: 250px;
	height: 125px;
	background: linear-gradient(to bottom, #fff834, #fbb801);
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	box-shadow: 2px 3px 9px;
	z-index: 100;
	left: 50%;
	margin-left: -115px;
	cursor: pointer;
	border: none;
}

.map .map-button:before {
	content: '';
	width: 61px;
	height: 61px;
	display: block;
	background: url(../img/button-cause-icon.jpg);
	margin: 0 auto 5px;
}

h3.post-type {
	display: none
}

.gw-go-body-cell {
	margin-top: 20px;
}

.gw-go-headers {
	font-family: Songercondensedbold;
	text-transform: uppercase;
}



div.wpcf7 input[type="file"] {
	font-size: 16px;
	margin-bottom: 20px;
	max-width: 300px;
}

.file-photo-label {
	background: #fff;
	color: #000; 
	-webkit-box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%);
	box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	padding: 5px;
	transition: all 0.2s ease;
	cursor: pointer;
	margin-block: 5px 10px;
	margin-right: 5px;
	display: inline-block;
}

.file-photo-label:hover {
	background: #000;
	color: white
}

input[type=file]#file-photo_offer, input[type=file]#file-photo_popup  {
	opacity:0;
	position:absolute;
	z-index: -10;
	width: 0.1px;
	height: 0.1px;
	margin: 0;
	padding: 0;
}

.preview {
	display: inline-block;
}

/* input[type=file]::file-selector-button {
background: #fff;
-webkit-box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%);
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
padding: 5px;
transition: all 0.2s ease;
cursor: pointer;
margin-right: 10px;
}
input[type=file]::file-selector-button:hover {
background: #000;
color: white
} */

.form123 .product h3 {

	margin: 0 auto 30px;

}

.strongfont {
	font-weight: bold;
	margin-block-end: 8px;
}

.price_line {
	max-width: 40%;
	margin: 0 auto;
	border-bottom: 2px solid #F0AF00;
}

.gw-go-body-cell.price_line {
	max-width: unset;
	margin: 0 unset;
}

.desc_margin {
	margin-block-end: 5px;
	font-weight: 400;
}

#callback-form .file-490 {
	max-width: 280px
}

.kb_sep {
	color: #a3a3a3 !important;
}

.breadcrumb_last {
	cursor: inherit !important;
	color: #a3a3a3 !important;
}

.breadcrumb_link {
	color: #a3a3a3 !important;
}

.gw-go-col-wrap.gw-go-hover .gw-go-col.gw-go-clean-style14 .gw-go-col-inner {
	background: #F9FCFF;
}

article.pic {
	border: 3px solid #cdcdcd;
	border-radius: 3px;
}

div.div_pluses.form123, div.div_pluses.form134 {
	background: url(https://snoszaden.ru/wp-content/uploads/2020/12/Fon.jpg) no-repeat center, rgba(255, 255, 255, 0.5);
	background-size: cover;
}

@media only screen and (max-width:1367px) {
	.map.added-pages {
		background: linear-gradient(90deg, rgba(247, 247, 247, 0.8587289915966386) 0%, rgba(243, 248, 262, 0.8526785714285714) 14%, rgba(250, 255, 254, 0.801922) 72%, rgba(246, 246, 271, 0.875508) 100%), rgba(0, 0, 0, 0) url(/wp-content/uploads/2021/01/Карта-фон-серый.jpg) no-repeat center;
		-webkit-background-size: cover;
		background-size: cover;
		min-height: 850px;
		position: relative
	}

	.map {
		background: linear-gradient(90deg, rgba(247, 247, 247, 0.8587289915966386) 0%, rgba(243, 248, 262, 0.8526785714285714) 14%, rgba(250, 255, 254, 0.801922) 72%, rgba(246, 246, 271, 0.875508) 100%), rgba(0, 0, 0, 0) url(/wp-content/uploads/2021/01/Карта-фон-серый.jpg) no-repeat center;
		-webkit-background-size: cover;
		background-size: cover;
		min-height: 850px;
		position: relative
	}
}

@media only screen and (max-width:1220px) {
	.container {
		width: 1100px
	}

	.categories h2 {
		text-align: center;
		font-size: 40px
	}

	.categories .cats .single-cat {
		width: 240px
	}

	.categories .cats .single-cat .shade {
		left: -234px
	}

	.map {
		min-height: 750px;
	}
}

@media only screen and (max-width:1152px) {

	.container {
		max-width: 900px
	}

	i.logo {
		display: block;
		height: 45px;
		width: 227px;
		background:  
			/* 		url(/wp-content/uploads/2021/01/logo3.png) */
			url(/wp-content/themes/gidro/img/logosnoszadenlight.png)
			no-repeat center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		margin-right: 20px;
	}



	.sticky-header .container aside.logo p,
	header.page-header .container aside.logo p {
		font-size: 12px;
		line-height: 18px;
	}

	.sticky-header .container aside.info .phone-num,
	header.page-header .container aside.info .phone-num,
	footer section aside.callback .phone-num {
		margin: 0;
		font-size: 24px;
		font-weight: 700
	}

	.sticky-header .container aside.info .location,
	header.page-header .container aside.info .location {
		font-size: 18px
	}

	.sticky-header .container aside.info .location .current,
	header.page-header .container aside.info .location .current {
		font-size: 18px
	}

	header.page-header .container aside.info .location .current {
		font-size: 16px
	}

	.offer {
		display: flex;
		flex-direction: column;
		justify-content: flex-start
	}

	.offer h1 {
		font-size: 55px
	}

	.offer h3 {
		font-size: 26px;
		margin: 10px 0;
		font-family: 'PT Sans Narrow', sans-serif;
	}

	.offer h3 .dialog-bg {
		position: relative;
		display: inline-block;
		padding-left: 5px;
		z-index: 2
	}

	.offer h3 .dialog-bg::before {
		content: '';
		background: url(../img/dialog.png) no-repeat center;
		background-size: cover;
		display: block;
		height: 56px;
		width: 130px;
		left: 0;
		top: 0;
		z-index: -1;
		position: absolute
	}

	.categories h2 {
		text-align: center;
		font-size: 40px
	}

	.categories .cats .single-cat {
		height: 250px;
		width: 200px
	}

	.categories .cats .single-cat .shade {
		left: -194px
	}

	.map {
		min-height: 700px
	}

	.map .content header {
		display: flex;
		align-items: center
	}

	.map .content header .container h2 {
		font-size: 40px
	}

	.map .content header .container h2 span {
		font-size: 22px
	}

	.map .content .preview.container {
		grid-template-columns: auto 360px
	}

	.map .content .preview.container aside.map-self {
		grid-area: mself;
		align-self: center
	}

	.map .content .preview.container aside.map-self .map-img {
		position: relative
	}

	.map .content .preview.container aside.map-self .map-img .city.spb {
		top: 125px;
		left: 75px
	}

	.map .content .preview.container aside.map-self .map-img .city.msk {
		top: 170px;
		left: 70px
	}

	.map .content .preview.container aside.map-self .map-img .city.nn {
		top: 189px;
		left: 89px
	}

	.map .content .preview.container aside.map-self .map-img .city.ekb {
		top: 220px;
		left: 148px
	}

	.map .content .preview.container aside.map-self .map-img .city.nsk {
		top: 264px;
		left: 205px
	}

	.map .content aside.map-props {
		right: calc((100% - 900px)/ 2)
	}

	.map div#n2-ss-8 .n2-style-22b609300836a9bce0c98f4ee1787387-heading {
		display: none
	}
}

@media (max-width: 991px) {

	/* b-portfolio
	---------------------------------*/
	.b-portfolio__content__list .col {
		width: 50%;
	}
}

@media only screen and (max-width:910px) {
	.container {
		width: 800px
	}

	i.logo {
		margin-right: 0px;
		background:  
			/* 		url(/wp-content/uploads/2021/01/logo3.png) */
			url(/wp-content/themes/gidro/img/logosnoszadenlight.png)
			no-repeat center;
		width: 180px;
		height: 35.7px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	footer i.logo {
		background:  
			/* 		url(/wp-content/uploads/2021/01/logo-w3.png) */
			url(/wp-content/themes/gidro/img/logosnoszadendark.png)
			no-repeat center;
		width: 180px;
		height: 35.44px;
		background-size: cover;
	}

	footer section aside.logo i.logo {
		background:  
			/* 		url(/wp-content/uploads/2021/01/logo-w3.png) */
			url(/wp-content/themes/gidro/img/logosnoszadendark.png)
			no-repeat center;
		background-size: cover;
		margin-left: auto;
		margin-right: auto;
	}

	.sticky-header .container aside.logo p,
	header.page-header .container aside.logo p {
		font-size: 12px
	}

	.sticky-header .container .calc-pay p,
	header.page-header .container .calc-pay p {
		font-size: 15px
	}

	header.page-header .container aside.info .phone-num {
		font-size: 24px
	}

	.sticky-header .container aside.info .location,
	header.page-header .container aside.info .location {
		font-size: 18px
	}

	.categories {
		height: auto
	}

	.categories h2 {
		text-align: center;
		font-size: 36px
	}

	.categories .cats {
		flex-wrap: wrap;
		height: auto
	}

	.categories .cats .single-cat {
		height: 170px;
		width: 300px
	}

	.categories .cats .single-cat .shade {
		left: -294px
	}

	.categories .cats .single-cat .cat-desc {
		font-size: 16px;
	}

	.map {
		height: auto;
		position: relative;
		min-height: 620px
	}

	.map #yamap {
		height: 400px
	}

	.map .content {
		position: static;
		display: grid;
		grid-template-rows: auto auto
	}

	.map .content header {
		display: flex;
		align-items: center
	}

	.map .content header .container {
		display: flex;
		width: 500px;
		text-align: center;
		margin: 0 auto;
		justify-content: center;
	}

	.map .content header .container h2 {
		font-size: 36px
	}

	.map .content header .container h2 span {
		font-size: 22px
	}

	.map .content .preview.container {
		display: grid;
		grid-template-columns: 1fr;
		margin: 0;
		width: inherit;
		height: inherit;
		grid-template-areas: 'mself'
	}

	.map .content .preview.container aside.map-self {
		grid-area: mself;
		align-self: center
	}

	.map .content .preview.container aside.map-self .map-img {
		background: url(../img/rusmapp.png) no-repeat center;
		-webkit-background-size: contain;
		background-size: contain;
		height: 390px;
		position: relative
	}

	.map .content .preview.container aside.map-self .map-img .city.spb {
		top: 103px;
		left: 185px
	}

	.map .content .preview.container aside.map-self .map-img .city.msk {
		top: 164px;
		left: 175px
	}

	.map .content .preview.container aside.map-self .map-img .city.nn {
		top: 190px;
		left: 202px
	}

	.map .content .preview.container aside.map-self .map-img .city.ekb {
		top: 234px;
		left: 282px
	}

	.map .content .preview.container aside.map-self .map-img .city.nsk {
		top: 295px;
		left: 362px
	}

	.map .content aside.map-props {
		position: static;
		width: 100%
	}

	.map-image {
		max-width: 80%
	}
}

@media only screen and (max-width:820px) {

	.container {
		width: 700px
	}

	.sticky-header .container aside.logo p,
	header.page-header .container aside.logo p {
		font-size: 12px
	}

	.sticky-header .container .calc-pay p,
	header.page-header .container .calc-pay p {
		font-size: 13px
	}

	.sticky-header .container .calc-pay .btn-calc,
	header.page-header .container .calc-pay .btn-calc {
		height: 32px;
		width: 300px
	}

	.sticky-header .container aside.info .phone-num,
	header.page-header .container aside.info .phone-num {
		font-size: 21px;
		margin: 5px 0 0;
	}

	.sticky-header .container aside.info .location,
	header.page-header .container aside.info .location {
		font-size: 18px
	}

	header.page-header .container aside.info .worktime_header {
		font-size: 13px;
	}

	header.page-header .container aside.info .location .current {
		font-size: 13px;
	}

	.sticky-header .container aside.info .location::before, header.page-header .container aside.info .location::before {
		height: 1em;
		width: 1em;
		left: -1.3em;
	}

	.offer h1 {
		font-size: 42px
	}

	.offer h3 {
		font-size: 24px
	}

	.offer h3 .dialog-bg::before {
		height: 50px;
		width: 114px
	}

	.map {
		min-height: 570px
	}

	.map .content .preiew.container aside.map-self .map-img .city.spb {
		top: 104px;
		left: 140px
	}

	.map .content .preview.container aside.map-self .map-img .city.msk {
		top: 165px;
		left: 132px
	}

	.map .content .preview.container aside.map-self .map-img .city.nn {
		top: 191px;
		left: 158px
	}

	.map .content .preview.container aside.map-self .map-img .city.ekb {
		top: 234px;
		left: 240px
	}

	.map .content .preview.container aside.map-self .map-img .city.nsk {
		top: 295px;
		left: 318px
	}

	footer section aside.logo a {
		font-size: 15px
	}

	footer section .foot-center p {
		font-size: 15px
	}

	footer section .foot-center .goto a {
		display: block
	}

	footer section aside.callback p.phone-num {
		font-size: 28px
	}

	footer section aside.callback .btn-callback {
		font-size: 18px
	}

	.price_text {
		font-size: 28px !important
	}

	.da-btn {
		font-size: 20px
	}
}

.accordion {
	list-style: none;
}

ol.accordion {
	counter-reset: num
}

.accordion ol, .accordion ul {
	list-style: none
} 

.accordion ol {
	counter-reset: num
}

.accordion ol > li:before{
	top: 0
}

.accordion > li {
	display: flex
}

.accordion li .acrd-item {
	cursor: pointer;
	margin-bottom: 25px;
	font-size: 18px;
	transition: .3s ease-out
}

.accordion li .acrd-item .acrd-label {
	font-weight: 500;
	display: block;
	margin: 0 0 10px;
	position: relative;
	padding-right: 40px;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
}

.accordion li .acrd-item .acrd-label::after {
	border-bottom: 2px solid #F0AF00;
	border-right: 2px solid #F0AF00;
	content: '';
	display: none;
	opacity: 0;
	height: 5px;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	width: 5px
}

.accordion li .acrd-item .acrd-label.active {
	font-size: 20px;
	color: #F0AF00
}

.accordion li .acrd-item .acrd-label.active::after {
	opacity: 1;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg)
}

.accordion li .acrd-item .acrd-desc {
	display: none
}

.accordion li .acrd-item.active {
	background: #FDFFFD;
	border: 2px #F0AF00 solid;
	border-radius: 3px;
	padding: 20px
}

.accordion li .acrd-item.active .acrd-desc {
	display: block
}

.accordion li:last-child {
	margin-bottom: 0
}

ol > li::before {
	content: counter(num);
	counter-increment: num;
	font-size: 30px;
	display: inline-block;
	color: #dcdcdc;
	margin-right: 20px;
	position: relative;
	font-weight: 700;
	top: -7px;
}

.conds :is(ul) > li::before {
	content: "\1F538";
	font-size: 35px;
	display: inline-block;
	color: #dcdcdc;
	margin-right: 20px;
	position: relative;
	top: -15px;

}

.conds .accordion li .acrd-item .acrd-label::before {
	content: "";
	width: 25px;
	height: 25px;
	position: absolute;
	right: 5px;
	top: -4px;
	background: url(/wp-content/uploads/2021/01/Вниз.png) no-repeat center / 21px, linear-gradient(to left, #FFE70F, #FFC40F, #FFFF0F);
	border-bottom: 3px solid #FFC40F;
	border-radius: 5px;
	box-shadow: 0px 10px 30px rgba(17, 188, 122, 0.15);
	opacity: 0.8;
}

.conds .accordion li .acrd-item .acrd-label.active::before {
	background: url(/wp-content/uploads/2021/01/Вверх.png) no-repeat center / 21px, linear-gradient(to left, #FFE70F, #FFC40F, #FFFF0F);
}

.offer.dp {
	background-size: cover;
	/* 	text-shadow: 4px 5px 1px rgba(0, 0, 0, 0.15); */
}

.offer.dp.foundation {
	background-image: url(../img/bg-foundation.png)
}

.offer.dp.bath {
	background-image: url(../img/bg-bath.png)
}

.offer.dp.wall {
	background-image: url(../img/bg-wall.png)
}

.offer.dp.pool {
	background-image: url(../img/bg-pool.png)
}

.offer.dp.balcony {
	background-image: url(../img/bg-balcony.png)
}

.offer.dp.reservoir {
	background-image: url(../img/bg-reservoir.png)
}

.offer.dp.terrace {
	background-image: url(../img/bg-terrace.png)
}

.offer.dp h1 {
	display: block;
	text-align: center;
	max-width: 900px;
	font-size: 65px;
	margin: 85px auto 0;
	line-height: 1.2;
}

.offer.dp h1:after {
	content: "";
	display: block;
	margin: 10px auto 0;
	width: 85px;
	height: 3px;
	background: #F0AF00;
}

.offer.dp h2 {
	font-size: 26px;
	text-align: center;
	max-width: 900px;
	margin: 25px auto 0;
}

.offer.dp form {
	margin: 100px auto 0;
	max-width: 700px;
	text-align: center;
}

.offer.dp form .form-title {
	font-family: Songercondensedbold;
	font-weight: normal;
	text-align: center;
	font-size: 26px;
	margin: 0 0 5px 0;
}

.offer.dp form .form-subtitle {
	font-size: 16px;
	text-align: center;
	margin: 0 0 15px 0;
}

.offer.dp form input {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	width: 280px;
}

.offer.dp form input[type="text"] {
	width: calc(280px - 40px);
}

.offer.dp form input[type="submit"] {
	cursor: pointer;
}

.offer.dp h1.mt40 {
	margin-top: 40px
}

.offer.dp h1.mt20 {
	margin-top: 20px
}

.offer.dp h1.mt0 {
	margin-top: 0
}

.offer.dp h3 {
	max-width: 100%;
	margin: 10px 0
}

.offer.dp .offer-details {
	display: grid;
	grid-template-columns: [list] 5fr [calcblock] 410px;
	justify-content: center;
	align-items: center
}

.offer.dp .offer-details ul {
	justify-self: center;
	align-self: center;
	margin-top: 30px
}

.offer.dp .offer-details ul li {
	margin: 15px 0
}

.offer.dp .offer-details aside.calc-pay {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: start;
	justify-content: center;
	height: 200px
}

.offer.dp .offer-details aside.calc-pay h4 {
	font: 24px 'PT Sans', sans-serif;
	text-align: center;
	margin-bottom: 15px
}

.offer.dp .offer-details aside.calc-pay .btn-calc {
	font-size: 22px;
	height: 48px;
	width: 335px
}

.conditions {
	display: grid;
	grid-template-columns: 4fr 4fr;
	grid-template-rows: [header] 140px [asides] auto;
	grid-template-areas: 'header header''conds otherway'
}

.conditions h2 {
	grid-area: header;
	text-align: center
}

.conditions aside.conds {
	grid-area: conds;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start
}

.conditions aside.conds > h3 {
	border-left: 6px #F0AF00 solid;
	display: block;
	position: relative;
	margin: 0;
	padding: 20px 0 10px 25px;
	width: 559px;
	font: 42px Songercondensedbold;
	letter-spacing: 0.35px
}

.conditions aside.conds > h3:before {
	content: '';
	width: 65%;
	height: 6px;
	background: #F0AF00;
	position: absolute;
	left: 0;
	top: 0;
}

.conditions aside.conds > h3 .hdesc {
	display: block;
	font: 24px 'PT Sans', sans-serif;
	margin: 8px 0 20px
}

.conditions aside.conds .accordion {
	margin-top: 25px;
	padding: 0;
	width: 585px
}

.conditions aside.otherway {
	grid-area: otherway;
	justify-self: center;
	display: grid;
	grid-template-rows: [colored] auto [pic] 1fr;
	grid-row-gap: 35px
}

.conditions aside.otherway .double-color-desc {
	border: 1px #F0AF00 solid;
	margin: 0 40px;
	align-self: start
}

.conditions aside.otherway .double-color-desc .red {
	background: #F0AF00;
	color: #fff;
	font: 22px 'PT Sans', sans-serif;
	height: 50%;
	margin: 0;
	padding: 15px 50px;
	text-align: center
}

.conditions aside.otherway .double-color-desc .white {
	font-size: 22px;
	margin: 0;
	padding: 11px 50px;
	text-align: center
}

.conditions aside.otherway .otherway-img {
	display: block;
	margin: 20px auto;
	max-width: 95%;
}

.div_pluses {
	/*background: url(../img/bgpluses.jpg) no-repeat center;*/
	background-color: #F5F5F5;
	;
	-webkit-background-size: cover;
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 5px;
}

.div_pluses2 {
	background: #F5F5F5;
	;
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
}

.packets.div_pluses2 {
	background: repeating-linear-gradient(to right bottom, rgba(21, 30, 89, 0.95) 0%, rgba(3, 47, 92, 0.85) 100%) repeat scroll 0% 0% / auto padding-box border-box, rgba(0, 0, 0, 0) url(/wp-content/uploads/2021/01/Снос-фон.jpg) no-repeat center;
	background-size: cover;
}

.faq_paragragh.div_pluses2 {
	background: #F5F5F5;
}

.div_pluses2.div_otzyvy {
	background: #F5F5F5;
}

.div_pluses_map {
	-webkit-background-size: cover;
	background-size: cover;
}

.div_pluses2 .div_otzyvy {
	background: linear-gradient(90deg, rgba(255, 252, 230, 0.6278886554621849) 0%, rgba(246, 255, 208, 0.49343487394957986) 14%, rgba(255, 252, 229, 0.7959558823529411) 72%, rgba(246, 255, 207, 0.47942927170868344) 100%);
}


.pluses {
	margin-bottom: 50px;
}

.pluses h2 {
	text-align: center;
	margin: 50px 0 10px;
	line-height: 1
}

.pluses h3 {
	text-align: center;
	margin: 10px 0 20px
}

.pluses .cards {
	display: grid;
	grid-template-columns: 4fr 4fr;
	grid-row-gap: 40px;
	grid-column-gap: 40px
}

.pluses .cards .card {
	border: 1px #adadad solid;
	display: flex;
	transition: .2s ease-in-out
}

.pluses .cards .card .img {
	border-bottom-right-radius: 88px;
	display: block;
	flex-shrink: 0;
	height: 290px;
	width: 200px;
	-webkit-background-size: cover;
	background-size: cover
}

.pluses .cards .card .text {
	margin: 0 25px;
	align-self: center
}

.pluses .cards .card .text p.name {
	font: 30px 'PT Sans', sans-serif;
	margin: 0 auto;
	transform: translateY(0);
}

.pluses .cards .card .text p.name::after {
	content: '';
	border: 3px solid #fa4923;
	display: block;
	margin-top: 10px;
	width: 80px
}

.pluses .cards .card .text p.desc {
	opacity: 1;
	margin-top: 10px;
	font: 20px 'PT Sans', sans-serif
}

.consultation {
	background: url(../img/bgconsult.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover
}

.consultation.balcony {
	background-image: url(../img/bgc-balcony.jpg)
}

.consultation.bath {
	background-image: url(../img/bgc-bath.jpg)
}

.consultation.foundation {
	background-image: url(../img/bgc-foundation.jpg)
}

.consultation.pool {
	background-image: url(../img/bgc-pool.jpg)
}

.consultation.reservoir {
	background-image: url(../img/bgc-reservoir.jpg)
}

.consultation.roof {
	background-image: url(../img/bgc-roof.jpg)
}

.consultation.terrace {
	background-image: url(../img/bgc-terrace.jpg)
}

.consultation.wall {
	background-image: url(../img/bgc-wall.jpg)
}

.consultation .container {
	display: grid;
	grid-template-columns: 20fr 30fr;
	grid-template-rows: 430px;
	grid-template-areas: '. content'
}

.consultation .container .content {
	grid-area: content;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 500px
}

.consultation .container .content h2 {
	font-size: 28px;
	margin: -40px 0 20px;
	line-height: 1
}

.consultation .container .content h3 {
	font-size: 18px;
	margin: 0px 0px 20px 0;
}

.consultation .container .content button {
	height: 48px;
	width: 365px;
	font-size: 22px
}

.product {
	display: flex;
	flex-direction: column;
	justify-content: start;
	margin-bottom: 80px;
}

.product h2 {
	margin: 45px 0 10px;
	text-align: center;
}

.product h3 {
	text-align: center;
	max-width: 600px;
	margin: 0 auto 30px;
}

.product form {
	display: block;
	margin: 0 auto;
}

.product form .form-title {
	text-align: center;
	font-size: 24px;
	margin: 0 0 30px;
	font-weight: 400;
}

.product form input[type="text"] {
	display: block;
	border: 1px solid #0F659A;
	border-radius: 3px;
	height: 48px;
	width: 220px;
	margin: 0 auto 20px;
	padding: 0 20px;
	font: 20px 'PT Sans', sans-serif;
}

.product form input[type="submit"] {
	width: 280px;
	margin: 0 auto;
	cursor: pointer;
}


.extra {
	background: linear-gradient(90deg, rgba(247, 247, 247, 0.8587289915966386) 0%, rgba(243, 248, 250, 0.8526785714285714) 14%, rgba(250, 255, 254, 0.851922) 72%, rgba(246, 246, 246, 0.875508) 100%), rgba(0, 0, 0, 0) url(/wp-content/uploads/2021/01/Фон-экстра.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	padding-bottom: 40px;
}

.extra .container {
	display: grid;
	grid-template-columns: 5fr 4fr;
	grid-column-gap: 30px;
	grid-row-gap: 20px;
	grid-template-areas: 'header header''qu ans';
	margin-bottom: 50px
}

.extra .container header {
	grid-area: header;
	display: grid;
	grid-template-columns: 1fr 6fr 1fr;
	grid-template-areas: '. h2 .''. h3 .'
}

.extra .container header h2 {
	grid-area: h2;
	text-align: center;
	margin: 60px 0 20px
}

.extra .container header h3 {
	grid-area: h3;
	font: 30px 'PT Sans', sans-serif;
	text-align: center;
	margin: 0 0 20px
}

.extra .container header h3 span {
	font-family: 'PT Sans', sans-serif
}

.extra .container .questions {
	grid-area: qu;
	justify-self: start
}

.extra .container .questions h4 {
	font-size: 32px;
	font-weight: 400;
	margin: 0 0 0 60px
}

.extra .container .questions .accordion {
	padding-left: 0
}

.extra .container .questions .accordion li .acrd-item {
	font-size: 18px
}

.extra .container .questions .accordion li .acrd-item .acrd-label.active {
	font-size: 26px
}

.extra .container .questions .accordion li::before {
	font-size: 60px;
	color: #c3c3c3;
	top: -20px;
}

.extra .container .answers {
	grid-area: ans;
	justify-self: end;
	display: flex;
	flex-direction: column;
	align-items: center
}

.extra .container .answers .block {
	border: 1px #F0AF00 solid;
	margin: 0 0 15px;
	border-radius: 3px;
	background: #FDFFFD;
}

.extra .container .answers .block h5 {
	background: #F0AF00;
	font: 32px 'PT Sans', sans-serif;
	text-align: center;
	color: #fff;
	padding: 15px;
	margin: 0
}

.extra .container .answers .block h5 .more-words {
	display: block;
	font-size: 28px;
	text-transform: lowercase
}

.extra .container .answers .block .check-list {
	padding: 0 20px
}

.extra .container .answers .block .check-list li {
	display: flex
}

.extra .container .answers .block .check-list li::before {
	flex-shrink: 0;
	top: 10px
}

.extra .container .answers .block .check-list li p {
	margin: 10px;
	font-size: 16px
}

.extra .container .answers .block .check-list li p span {
	font-family: 'PT Sans', sans-serif;
	color: #1F516E;
	font-weight: 700;
}

.extra .container .answers .btn-label {
	font: 19px
}

.extra .container .answers button {
	height: 48px;
	width: 385px;
	font-size: 22px
}

.gallery {
	margin-bottom: 60px;
}

.gallery header {
	grid-area: header;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-top: 60px;
}

.gallery header h2 {
	text-align: center;
	margin: 0 10px
}

.gallery header h3 {
	text-align: center;
	margin: 10px 0 30px
}

.gallery .cover-list {
	display: inline-block;
	vertical-align: top;
	width: 320px;
}

.gallery .cover-list ul {
	margin: 0 40px 0 0;
	list-style: none
}

.gallery .cover-list ul .cover-p {
	cursor: pointer;
	font-size: 18px;
	padding: 12px 20px;
	transition: background .2s ease-in-out
}

.gallery .cover-list ul .cover-p.active {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	background: #e8e8e8;
	border-left: 6px #F0AF00 solid;
	border-top-right-radius: 10px 40px;
	border-bottom-right-radius: 10px 40px;
	position: relative
}

.gallery .pics {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 325px);
}

.gallery .pics .pic {
	-webkit-background-size: 100% 100% !important;
	background-size: 100% 100% !important;
	cursor: pointer;
	width: inherit;
	height: 225px
}

.gallery .pics .pic.roof1 {
	background: url(../img/roof1.png) no-repeat center
}

.gallery .pics .pic.roof2 {
	background: url(../img/roof2.png) no-repeat center
}

.gallery .pics .pic.roof3 {
	background: url(../img/roof3.png) no-repeat center
}

.gallery .pics .pic.roof4 {
	background: url(../img/roof4.png) no-repeat center
}

.gallery .pics .pic .zoom {
	opacity: 0;
	transition: .3s ease
}

.gallery .pics .pic .zoom p {
	display: none
}

.gallery .pics .pic:hover .zoom {
	background: linear-gradient(rgba(32, 8, 66, 0.7), rgba(3, 54, 82, 0.7));
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	opacity: 1
}

.gallery .pics .pic:hover .zoom p {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 90%;
	width: 95%;
	border: 2px #fff solid;
	color: #fff;
	font: 20px 'PT Sans', sans-serif;
	text-align: center;
	letter-spacing: 1px
}

.gallery .pics .pic:hover .zoom p::before {
	content: '';
	background: url(/wp-content/uploads/2021/01/увеличить.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	display: block;
	height: 80px;
	width: 80px;
	margin: 5px auto
}

.gallery .pics a {
	text-decoration: none
}

.gallery .pics a:nth-child(odd) .pic {
	margin-right: 1%;

}

.gallery .pics a:nth-child(even) .pic {
	margin-left: 1%;

}

.gallery .pics a .pic {
	display: inline-block;
	vertical-align: top;
	height: 235px;
	width: 42%;
	margin-bottom: 15px;
}


.docs {
	margin-bottom: 50px;
	margin-top: 40px;
}

.docs header {
	grid-area: header;
	display: flex;
	flex-direction: column;
	justify-content: flex-end
}

.packets.div_pluses2 .docs header {
	color: #fff;
	/* 	text-shadow:2px 4px 2px rgba(0, 0, 0, 0.2) */
}

.docs header h2 {
	text-align: center;
	margin: 0 0 20px 10px
}

.docs header h3 {
	text-align: center;
	margin: -5px 0 20px;
}

.docs .documents {
	grid-area: docs;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	grid-column-gap: 20px;
	align-items: start;
	justify-content: center
}

.logo .documents {
	grid-template-columns: none;
}

.logo .documents2 {
	grid-area: content;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.docs .documents .doc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.docs .documents .doc .pic {
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 6px #e8e8e8 solid;
	cursor: pointer;
	height: 360px;
	width: 260px
}

.docs .documents .doc .pic .zoom {
	opacity: 0;
	transition: .3s ease
}

.docs .documents .doc .pic .zoom p {
	display: none
}

.docs .documents .doc .pic:hover {
	border-color: transparent
}

.docs .documents .doc .pic:hover .zoom {
	background: linear-gradient(rgba(238, 79, 81, .7), rgba(0, 0, 0, .7));
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	opacity: 1
}

.docs .documents .doc .pic:hover .zoom p {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 95%;
	width: 95%;
	border: 2px #fff solid;
	color: #fff;
	font: 20px 'PT Sans', sans-serif;
	text-align: center;
	letter-spacing: 1px
}

.docs .documents .doc .pic:hover .zoom p::before {
	content: '';
	background: url(../img/svg/loop.svg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	display: block;
	height: 80px;
	width: 80px;
	margin: 5px auto
}

.docs .documents .doc .doc-name {
	font: 18px 'PT Sans', sans-serif;
	text-align: center
}

.docs .documents a {
	color: inherit;
	text-decoration: none;
	display: flex;
	height: inherit
}

.docs .documents a .doc {
	height: inherit
}

.thx-page {
	display: grid;
	grid-template-rows: [header] 100px [thx] 546px [other] 710px [footer] 170px
}

.thx {
	background: url(../img/thxbg.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover
}

.thx .container {
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.thx .container h1 {
	font: 110px 'PT Sans', sans-serif;
	text-align: center;
	margin: 10px 0
}

.thx .container h1 span {
	font-size: 30px
}

.thx .container h3 {
	font: 30px 'PT Sans', sans-serif;
	text-align: center;
	margin: 20px 0;
	position: relative;
	top: -50px
}

.thx .container h2 {
	font: 36px 'PT Sans', sans-serif;
	text-align: center;
	margin: 0 0 20px;
	position: relative;
	top: -50px
}

.thx .container h2 .cl-phone {
	background: #fa4923;
	font-family: 'PT Sans', sans-serif;
	text-align: center;
	display: inline-block;
	margin-top: 2px;
	padding: 5px
}

.thx .container .if-wrong {
	font: 24px 'PT Sans', sans-serif;
	text-align: center;
	position: relative;
	top: -70px
}

.thx .container .if-wrong a {
	font-size: 24px;
	color: #fdd91b;
	text-decoration: underline
}

.thx .container .urgent {
	background: rgba(0, 0, 0, .6);
	font: 30px 'PT Sans', sans-serif;
	text-align: center;
	padding: 10px;
	margin: 50px 0;
	position: relative;
	top: -120px;
	max-width: 900px
}

.thx .container .urgent span {
	font-family: 'PT Sans', sans-serif
}

.otherprods {
	position: relative;
	top: -100px;
	display: grid;
	grid-template-rows: [header] 130px [prods] 580px;
	grid-template-areas: 'header''prods';
	align-items: center;
	justify-items: center
}

.otherprods header {
	grid-area: header
}

.otherprods header h4 {
	font: 30px 'PT Sans', sans-serif;
	text-align: center
}

.otherprods header h4 span {
	display: block;
	font-family: 'PT Sans', sans-serif
}

.otherprods .prods {
	grid-area: prods
}

.prods {
	display: grid;
	grid-template-columns: 3fr 3fr 3fr;
	grid-column-gap: 30px;
	align-items: center;
	justify-items: center
}

.prods .prod {
	border: 2px solid #f2f2f2;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 430px;
	width: 356px;
	transition: .2s ease-in-out
}

.prods .prod .name {
	font: 26px 'PT Sans', sans-serif
}

.prods .prod .price {
	font: 24px 'PT Sans', sans-serif
}

.prods .prod .price span {
	font-family: 'PT Sans', sans-serif
}

.prods .prod .img {
	-webkit-background-size: cover;
	background-size: cover;
	height: 270px;
	width: 270px
}

.prods .prod:hover {
	border-color: #fa4923
}

.modal-dialog {
	text-align: center;
	opacity: 0;
	pointer-events: none;
	position: relative;
	transition: .35s ease-in-out;
	max-height: 100vh
}

.modal-dialog.open {
	opacity: 1;
	pointer-events: inherit
}

.modal-dialog.open .modal-content {
	transform: translate(0, 0);
	opacity: 1
}

.modal-dialog .modal-content {
	transform: translate(0, -10px);
	opacity: 0;
	transition: .35s ease-in-out
}

.modal-dialog .modal-content .title {
	margin-top: 0
}

.modal-overlay {
	width: 100%;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .75);
	zoom: 1;
	opacity: 0;
	pointer-events: none;
	transition: .35s ease-in-out;
	max-height: 100vh;
	overflow: auto;
	z-index: 999;
	-webkit-overflow-scrolling: touch
}

.modal-overlay>* {
	-webkit-transform: translateZ(0)
}

.modal-overlay.open {
	opacity: 1;
	pointer-events: inherit
}

.close {
	background: url(/wp-content/themes/gidro/img/svg/close-button.svg) no-repeat center;
	background-size: cover;
	position: absolute;
	top: -11px;
	right: -3.3px;
	z-index: 999;
	border-image: unset;
	border-width: 0;
	border-style: none;
	border-color: unset;
	transform: rotate(-90deg);
	transition: all 0.4s linear;
}

.close .cancel {
	display: block;
	margin: 5px 1px;
	height: 20px;
	width: 20px
}

.close:hover {
	transform: rotate(90deg);
	transition: all 0.4s linear;
}

#thanks .modal-dialog {
	background: #fff;
	padding: 0 20px;
}

#thanks .modal-dialog .subheader {
	font-size: 20px;
	margin: 0 0 45px;
	font-weight: 400;
}

#not-found .modal-dialog {
	background: #fff;
	border: 3px solid #fa4923;
	border-radius: 5px
}

#not-found .modal-content .container {
	display: grid;
	grid-template-columns: repeat(auto-fit, 1fr);
	grid-template-rows: [header] 80px [text] 135px [prods] 436px [footer] 112px;
	grid-template-areas: 'header''text''prods''footer';
	align-items: center;
	grid-column-gap: 30px
}

#not-found .modal-content .container h2 {
	grid-area: header;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	font: 48px 'PT Sans', sans-serif;
	text-align: center;
	background: #fa4923
}

#not-found .modal-content .container p {
	grid-area: text;
	font: 32px 'PT Sans', sans-serif;
	margin: 20px 50px;
	line-height: .9
}

#not-found .modal-content .container p span {
	font-family: 'PT Sans', sans-serif
}

#not-found .modal-content .container .prods {
	grid-area: prods;
	height: 436px
}

#not-found .modal-content .container .footer {
	grid-area: footer;
	height: 112px;
	display: flex;
	align-items: center;
	justify-content: center
}

#buy-prod .modal-dialog {
	background: 0 0;
	border-radius: 5px
}

#buy-prod .modal-content {
	width: 1050px;
	margin: 0 auto
}

#buy-prod .modal-content form {
	display: grid;
	grid-template-columns: [check] 600px [form] 450px;
	grid-template-rows: [left-height] 547px [right-height] 20px;
	grid-template-areas: 'leftblock rightblock''. rightblock'
}

#buy-prod .modal-content form .leftblock {
	display: grid;
	grid-area: leftblock;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: [header] 80px [prodcard] 240px [table] 80px [cost] 50px;
	grid-row-gap: 25px;
	grid-template-areas: 'header header''img props''table table''total total';
	background: #fff;
	border: 3px solid #e8e8e8;
	border-bottom: 15px solid #e8e8e8;
	border-right: 3px solid #fa4923;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

#buy-prod .modal-content form .leftblock h3 {
	grid-area: header;
	background: #e8e8e8;
	font: 36px 'PT Sans', sans-serif;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	margin: 0 0 20px
}

#buy-prod .modal-content form .leftblock .pic {
	grid-area: img;
	margin: 0 20px;
	display: block;
	height: 240px;
	width: auto;
	background: url(../img/prod1kg.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover
}

#buy-prod .modal-content form .leftblock .props {
	grid-area: props;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	font: 20px 'PT Sans', sans-serif
}

#buy-prod .modal-content form .leftblock .props p {
	text-align: left
}

#buy-prod .modal-content form .leftblock .props .weight {
	position: relative
}

#buy-prod .modal-content form .leftblock .props .weight label {
	cursor: pointer;
	font-size: 22px;
	position: relative;
	left: -20px;
	margin-right: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	height: 40px;
	width: 76px;
	transition: .3s ease-in-out
}

#buy-prod .modal-content form .leftblock .props .weight label.active {
	border-color: #fa4923;
	background-color: #fa4923;
	color: #fff
}

#buy-prod .modal-content form .leftblock .props .weight label:last-child {
	margin-right: 0
}

#buy-prod .modal-content form .leftblock .props .weight input[type=radio] {
	display: none
}

#buy-prod .modal-content form .leftblock .props .num-products {
	margin-right: 32px
}

#buy-prod .modal-content form .leftblock .props .num-products p {
	margin-bottom: 5px
}

#buy-prod .modal-content form .leftblock .props .num-products .num-prod {
	display: inline-flex;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	height: 40px;
	width: 76px;
	font: 20px 'PT Sans', sans-serif;
	text-align: center
}

#buy-prod .modal-content form .leftblock .table-props {
	grid-area: table;
	justify-self: center;
	font: 16px 'PT Sans', sans-serif
}

#buy-prod .modal-content form .leftblock .table-props td,
#buy-prod .modal-content form .leftblock .table-props th {
	padding: 10px 20px
}

#buy-prod .modal-content form .leftblock .cost {
	grid-area: total;
	font: 26px 'PT Sans', sans-serif;
	margin: 0
}

#buy-prod .modal-content form .leftblock .cost span {
	font-family: 'PT Sans', sans-serif
}

#buy-prod .modal-content form .rightblock {
	grid-area: rightblock;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: [header] 80px [fields] 240px [footer] 140px;
	grid-row-gap: 20px;
	grid-template-areas: 'header''fields''footer';
	background: url(../img/svg/form-buy.svg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover
}

#buy-prod .modal-content form .rightblock h3 {
	grid-area: header;
	background: #fa4923;
	border-bottom: 3px solid #fa4923;
	font: 32px 'PT Sans', sans-serif;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	height: 80px;
	margin: 0 0 20px
}

#callback .modal-content,
#consult .modal-content,
#wrongphone .modal-content {
	-webkit-background-size: cover;
	background-size: cover;
	display: grid;
	grid-template-areas: 'header''form'
}

#callback .modal-content h3,
#consult .modal-content h3,
#wrongphone .modal-content h3 {
	grid-area: header;
	font: 32px 'PT Sans', sans-serif;
	padding-inline: 10px;
	text-align: center;
	color: #fff;
	margin: 45px 0 10px 0;
}

#callback .modal-content form,
#consult .modal-content form,
#wrongphone .modal-content form {
	grid-area: form
}

#consult .modal-content {
	background: url(../img/svg/Group-pc-consult.svg) no-repeat center;
	grid-template-rows: [header] auto [form] 400px;
	height: 500px;
	width: 457px
}

#callback .modal-content {
	background: url(../img/svg/Group-pc-callback-1.svg) no-repeat center;
	grid-template-rows: [header] auto [form] 515px;
	height: 590px;
	width: 457px
}

#wrongphone .modal-content {
	background: #fff;
	border: 3px solid #fa4923;
	grid-template-rows: [header] 80px [form] auto;
	height: 300px;
	width: 450px
}

#wrongphone .modal-content h3 {
	background: #fa4923;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

#wrongphone .modal-content input[name=clname] {
	display: none
}

#politic .modal-dialog {
	overflow-y: auto
}

#politic .modal-dialog .close {
	border-color: #999;
	top: 10px;
	right: 20px
}

#politic .modal-dialog .modal-content {
	width: 700px;
	padding: 20px 40px;
	background: #fff;
	grid-template-rows: [header] auto [form] auto
}

#politic .modal-dialog .modal-content .info {
	text-align: left
}

#ral .modal-dialog {
	background: 0 0;
	border-radius: 5px
}

#ral .modal-content {
	width: 1050px;
	margin: 0 auto
}

#ral .modal-content form {
	display: grid;
	grid-template-columns: [check] 600px [form] 450px;
	grid-template-rows: [left-height] 547px [right-height] 20px;
	grid-template-areas: 'leftblock rightblock''. rightblock'
}

#ral .modal-content form .leftblock {
	background: #fff;
	border: 3px solid #e8e8e8;
	border-bottom: 15px solid #e8e8e8;
	border-right: 3px solid #fa4923;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

#ral .modal-content form .leftblock h3 {
	grid-area: header;
	background: #e8e8e8;
	font: 36px 'PT Sans', sans-serif;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	margin: 0 0 20px
}

#ral .modal-content form .leftblock .colors {
	grid-area: colors;
	display: grid;
	grid-template-columns: repeat(auto-fit, 86px);
	grid-template-rows: repeat(auto-fit, 71px);
	align-content: flex-start;
	justify-content: center;
	grid-gap: 20px;
	height: 370px;
	overflow-y: auto;
	border-radius: 5px;
	transition: .3s ease-in-out
}

#ral .modal-content form .leftblock .colors .color-item {
	background: #e8e8e8;
	border: none;
	border-radius: 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor: pointer;
	height: 71px;
	width: 86px;
	transition: .2s ease-in-out
}

#ral .modal-content form .leftblock .colors .color-item.red {
	background: red
}

#ral .modal-content form .leftblock .colors .color-item.red.active {
	box-shadow: 2px 3px 10px red
}

#ral .modal-content form .leftblock .colors .color-item.orange {
	background: #f90
}

#ral .modal-content form .leftblock .colors .color-item.orange.active {
	box-shadow: 2px 3px 10px #f90
}

#ral .modal-content form .leftblock .colors .color-item.yellow {
	background: #ff0
}

#ral .modal-content form .leftblock .colors .color-item.yellow.active {
	box-shadow: 2px 3px 10px #ff0
}

#ral .modal-content form .leftblock .colors .color-item.green {
	background: #0c0
}

#ral .modal-content form .leftblock .colors .color-item.green.active {
	box-shadow: 2px 3px 10px #0c0
}

#ral .modal-content form .leftblock .colors .color-item.blue {
	background: #09f
}

#ral .modal-content form .leftblock .colors .color-item.blue.active {
	box-shadow: 2px 3px 10px #09f
}

#ral .modal-content form .leftblock .colors .color-item.darkblue {
	background: #00c
}

#ral .modal-content form .leftblock .colors .color-item.darkblue.active {
	box-shadow: 2px 3px 10px #00c
}

#ral .modal-content form .leftblock .colors .color-item.purple {
	background: #90f
}

#ral .modal-content form .leftblock .colors .color-item.purple.active {
	box-shadow: 2px 3px 10px #90f
}

#ral .modal-content form .leftblock .colors .color-item.grey {
	background: #999
}

#ral .modal-content form .leftblock .colors .color-item.grey.active {
	box-shadow: 2px 3px 10px #999
}

#ral .modal-content form .leftblock .colors .color-item.maroone {
	background: #600
}

#ral .modal-content form .leftblock .colors .color-item.maroone.active {
	box-shadow: 2px 3px 10px #600
}

#ral .modal-content form .leftblock .colors .color-item.black {
	background: #000
}

#ral .modal-content form .leftblock .colors .color-item.black.active {
	box-shadow: 2px 3px 10px #000
}

#ral .modal-content form .leftblock .colors.cats {
	align-content: center
}

#ral .modal-content form .rightblock {
	grid-area: rightblock;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: [header] 80px [fields] 240px [footer] 140px;
	grid-row-gap: 20px;
	grid-template-areas: 'header''fields''footer';
	background: url(../img/svg/form-buy.svg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover
}

#ral .modal-content form .rightblock h3 {
	grid-area: header;
	background: #fa4923;
	border-bottom: 3px solid #fa4923;
	font: 32px 'PT Sans', sans-serif;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	height: 80px;
	margin: 0 0 20px
}

#quize .modal-content {
	height: 640px;
	width: 1200px;
	background: #fff;
	border: 3px solid #fa4923;
	border-radius: 10px
}

#quize .modal-content .steps [class^=step] {
	display: none;
	grid-template-columns: repeat(auto-fit, 1fr);
	grid-template-areas: 'header''content'
}

#quize .modal-content .steps [class^=step] .header {
	grid-area: header;
	font: 48px 'PT Sans', sans-serif;
	text-align: center;
	margin: 20px 50px;
	line-height: 1
}

#quize .modal-content .steps [class^=step] .content {
	grid-area: content
}

#quize .modal-content .steps .step-1 {
	display: grid;
	grid-template-rows: [header] 140px [content] 500px
}

#quize .modal-content .steps .step-1 .header {
	grid-row: 1
}

#quize .modal-content .steps .step-1 .content {
	grid-row: 2;
	display: grid;
	grid-template-rows: [h3] 60px [achivs] 300px [footer] 140px;
	align-items: center;
	margin: 0 50px
}

#quize .modal-content .steps .step-1 .content h3 {
	grid-row: 1;
	font: 32px 'PT Sans', sans-serif;
	height: 50px;
	margin: 0
}

#quize .modal-content .steps .step-1 .content .achievements {
	grid-row: 2;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(auto, 300px));
	justify-content: center;
	align-self: center
}

#quize .modal-content .steps .step-1 .content .achievements .achievement .img {
	-webkit-background-size: cover;
	background-size: cover;
	display: block;
	height: 150px;
	width: auto
}

#quize .modal-content .steps .step-1 .content .achievements .achievement .img.y27 {
	background: url(../img/27y.png) no-repeat center
}

#quize .modal-content .steps .step-1 .content .achievements .achievement .img.y21 {
	background: url(../img/21y.png) no-repeat center
}

#quize .modal-content .steps .step-1 .content .achievements .achievement .img.y5 {
	background: url(../img/5y.png) no-repeat center
}

#quize .modal-content .steps .step-1 .content .achievements .achievement .desc {
	font: 20px 'PT Sans', sans-serif;
	text-align: center;
	padding: 0 50px;
	margin: 0
}

#quize .modal-content .steps .step-1 .content button {
	grid-row: 3;
	align-self: center;
	justify-self: center;
	font-size: 22px;
	height: 48px;
	width: 380px
}

#quize .modal-content .steps .step-2,
#quize .modal-content .steps .step-3,
#quize .modal-content .steps .step-4 {
	grid-template-rows: [header] 100px [content] 540px;
	align-items: center
}

#quize .modal-content .steps .step-2 .content,
#quize .modal-content .steps .step-3 .content,
#quize .modal-content .steps .step-4 .content {
	grid-row: 2;
	display: grid;
	grid-template-rows: [items] 420px [nav] 120px;
	grid-template-columns: 1fr
}

#quize .modal-content .steps .step-2 .content .items,
#quize .modal-content .steps .step-3 .content .items,
#quize .modal-content .steps .step-4 .content .items {
	display: grid;
	grid-template-columns: repeat(auto-fit, 260px);
	justify-content: center;
	grid-gap: 15px
}

#quize .modal-content .steps .step-2 .content .items .item,
#quize .modal-content .steps .step-3 .content .items .item,
#quize .modal-content .steps .step-4 .content .items .item {
	-webkit-background-size: cover;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end
}

#quize .modal-content .steps .step-2 .content .items .item .radio-b,
#quize .modal-content .steps .step-3 .content .items .item .radio-b,
#quize .modal-content .steps .step-4 .content .items .item .radio-b {
	display: none
}

#quize .modal-content .steps .step-2 .content .items .item .radio,
#quize .modal-content .steps .step-3 .content .items .item .radio,
#quize .modal-content .steps .step-4 .content .items .item .radio {
	cursor: pointer;
	position: relative
}

#quize .modal-content .steps .step-2 .content .items .item .radio::before,
#quize .modal-content .steps .step-3 .content .items .item .radio::before,
#quize .modal-content .steps .step-4 .content .items .item .radio::before {
	content: '';
	display: block;
	border: 3px solid #dadada;
	height: 18px;
	width: 18px;
	top: -26px;
	left: -12px;
	position: absolute;
	border-radius: 50%;
	z-index: 5;
	transition: border .3s ease-in-out
}

#quize .modal-content .steps .step-2 .content .items .item .radio::after,
#quize .modal-content .steps .step-3 .content .items .item .radio::after,
#quize .modal-content .steps .step-4 .content .items .item .radio::after {
	content: '';
	transition: background .3s ease-in-out
}

#quize .modal-content .steps .step-2 .content .items .item .radio.checked::before,
#quize .modal-content .steps .step-3 .content .items .item .radio.checked::before,
#quize .modal-content .steps .step-4 .content .items .item .radio.checked::before {
	border-color: #fdd71a
}

#quize .modal-content .steps .step-2 .content .items .item .radio.checked::after,
#quize .modal-content .steps .step-3 .content .items .item .radio.checked::after,
#quize .modal-content .steps .step-4 .content .items .item .radio.checked::after {
	display: block;
	background: #fdd71a;
	height: 14px;
	width: 14px;
	top: -21px;
	left: -7px;
	position: absolute;
	border-radius: 50%;
	z-index: 5
}

#quize .modal-content .steps .step-2 .content .items .item .label,
#quize .modal-content .steps .step-3 .content .items .item .label,
#quize .modal-content .steps .step-4 .content .items .item .label {
	background: rgba(0, 0, 0, .6);
	cursor: pointer;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font: 20px 'PT Sans', sans-serif;
	height: 40px;
	width: 260px;
	position: relative;
	z-index: 1
}

#quize .modal-content .steps .step-2 .content .items .item .label::before,
#quize .modal-content .steps .step-3 .content .items .item .label::before,
#quize .modal-content .steps .step-4 .content .items .item .label::before {
	content: '';
	display: block;
	background: rgba(0, 0, 0, .6);
	height: 30px;
	width: 30px;
	position: absolute;
	top: -30px;
	border-radius: 50% 50% 0 0
}

#quize .modal-content .steps .step-2 .content .items .item.bg-roof,
#quize .modal-content .steps .step-3 .content .items .item.bg-roof,
#quize .modal-content .steps .step-4 .content .items .item.bg-roof {
	background: url(../img/roof.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-foundation,
#quize .modal-content .steps .step-3 .content .items .item.bg-foundation,
#quize .modal-content .steps .step-4 .content .items .item.bg-foundation {
	background: url(../img/foundation.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-wall,
#quize .modal-content .steps .step-3 .content .items .item.bg-wall,
#quize .modal-content .steps .step-4 .content .items .item.bg-wall {
	background: url(../img/wall.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-bath,
#quize .modal-content .steps .step-3 .content .items .item.bg-bath,
#quize .modal-content .steps .step-4 .content .items .item.bg-bath {
	background: url(../img/bath.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-pool,
#quize .modal-content .steps .step-3 .content .items .item.bg-pool,
#quize .modal-content .steps .step-4 .content .items .item.bg-pool {
	background: url(../img/pool.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-balcony,
#quize .modal-content .steps .step-3 .content .items .item.bg-balcony,
#quize .modal-content .steps .step-4 .content .items .item.bg-balcony {
	background: url(../img/balcony.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-reservoir,
#quize .modal-content .steps .step-3 .content .items .item.bg-reservoir,
#quize .modal-content .steps .step-4 .content .items .item.bg-reservoir {
	background: url(../img/reservoir.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-allofthem,
#quize .modal-content .steps .step-3 .content .items .item.bg-allofthem,
#quize .modal-content .steps .step-4 .content .items .item.bg-allofthem {
	background: url(../img/allofthem.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-flat,
#quize .modal-content .steps .step-3 .content .items .item.bg-flat,
#quize .modal-content .steps .step-4 .content .items .item.bg-flat {
	background: url(../img/flat.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-coastpitch,
#quize .modal-content .steps .step-3 .content .items .item.bg-coastpitch,
#quize .modal-content .steps .step-4 .content .items .item.bg-coastpitch {
	background: url(../img/coastpitch.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-doublepitch,
#quize .modal-content .steps .step-3 .content .items .item.bg-doublepitch,
#quize .modal-content .steps .step-4 .content .items .item.bg-doublepitch {
	background: url(../img/doublepitch.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-hip,
#quize .modal-content .steps .step-3 .content .items .item.bg-hip,
#quize .modal-content .steps .step-4 .content .items .item.bg-hip {
	background: url(../img/hip.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-hipped,
#quize .modal-content .steps .step-3 .content .items .item.bg-hipped,
#quize .modal-content .steps .step-4 .content .items .item.bg-hipped {
	background: url(../img/hipped.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-subhip,
#quize .modal-content .steps .step-3 .content .items .item.bg-subhip,
#quize .modal-content .steps .step-4 .content .items .item.bg-subhip {
	background: url(../img/subhip.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-multiclasp,
#quize .modal-content .steps .step-3 .content .items .item.bg-multiclasp,
#quize .modal-content .steps .step-4 .content .items .item.bg-multiclasp {
	background: url(../img/multi-clasp.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .items .item.bg-vaulted,
#quize .modal-content .steps .step-3 .content .items .item.bg-vaulted,
#quize .modal-content .steps .step-4 .content .items .item.bg-vaulted {
	background: url(../img/vaulted.png) no-repeat center
}

#quize .modal-content .steps .step-2 .content .nav,
#quize .modal-content .steps .step-3 .content .nav,
#quize .modal-content .steps .step-4 .content .nav {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	margin: 0 50px;
	align-items: center
}

#quize .modal-content .steps .step-2 .content .nav .nav-steps,
#quize .modal-content .steps .step-3 .content .nav .nav-steps,
#quize .modal-content .steps .step-4 .content .nav .nav-steps {
	display: flex;
	justify-content: center;
	align-items: center
}

#quize .modal-content .steps .step-2 .content .nav .nav-steps .step,
#quize .modal-content .steps .step-3 .content .nav .nav-steps .step,
#quize .modal-content .steps .step-4 .content .nav .nav-steps .step {
	font: 22px 'PT Sans', sans-serif;
	font-style: normal;
	height: 40px;
	width: 40px;
	border-radius: 30px;
	margin: 0 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative
}

#quize .modal-content .steps .step-2 .content .nav .nav-steps .step::before,
#quize .modal-content .steps .step-3 .content .nav .nav-steps .step::before,
#quize .modal-content .steps .step-4 .content .nav .nav-steps .step::before {
	content: '';
	background: #dadada;
	border-radius: 7px;
	height: 32px;
	width: 32px;
	position: absolute;
	z-index: -1;
	transform: rotate(45deg)
}

#quize .modal-content .steps .step-2 .content .nav .nav-steps .step.check,
#quize .modal-content .steps .step-3 .content .nav .nav-steps .step.check,
#quize .modal-content .steps .step-4 .content .nav .nav-steps .step.check {
	background: url(../img/svg/check-gr.svg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover
}

#quize .modal-content .steps .step-2 .content .nav .nav-steps .step.check::before,
#quize .modal-content .steps .step-3 .content .nav .nav-steps .step.check::before,
#quize .modal-content .steps .step-4 .content .nav .nav-steps .step.check::before {
	background: 0 0
}

#quize .modal-content .steps .step-2 .content .nav button,
#quize .modal-content .steps .step-3 .content .nav button,
#quize .modal-content .steps .step-4 .content .nav button {
	font-size: 22px;
	height: 48px;
	width: 380px
}

#quize .modal-content .steps .step-2 .content .nav button.nav-prev,
#quize .modal-content .steps .step-3 .content .nav button.nav-prev,
#quize .modal-content .steps .step-4 .content .nav button.nav-prev {
	background: linear-gradient(#f4f4f4, #d0d0d0);
	box-shadow: 0 3px 0 #a8a8a8;
	color: #999
}

#quize .modal-content .steps .step-2 .content .nav button .arrow,
#quize .modal-content .steps .step-3 .content .nav button .arrow,
#quize .modal-content .steps .step-4 .content .nav button .arrow {
	-webkit-background-size: cover !important;
	background-size: cover !important;
	height: 20px;
	width: 20px;
	display: inline-block;
	position: relative;
	top: 3px;
	padding: 0
}

#quize .modal-content .steps .step-2 .content .nav button .arrow.prev,
#quize .modal-content .steps .step-3 .content .nav button .arrow.prev,
#quize .modal-content .steps .step-4 .content .nav button .arrow.prev {
	background: url(../img/svg/arr-prev.svg) no-repeat center;
	margin-right: 10px
}

#quize .modal-content .steps .step-2 .content .nav button .arrow.next,
#quize .modal-content .steps .step-3 .content .nav button .arrow.next,
#quize .modal-content .steps .step-4 .content .nav button .arrow.next {
	background: url(../img/svg/arr-next.svg) no-repeat center;
	margin-left: 10px
}

#quize .modal-content .steps .step-2 .content .nav button .arrow.cancel,
#quize .modal-content .steps .step-3 .content .nav button .arrow.cancel,
#quize .modal-content .steps .step-4 .content .nav button .arrow.cancel {
	background: url(../img/svg/cancel.svg) no-repeat center;
	margin-right: 10px
}

#quize .modal-content .steps .step-4 .content .items {
	display: grid;
	margin: 0 50px;
	grid-template-columns: repeat(auto-fit, 520px);
	grid-template-rows: repeat(auto-fit, 300px);
	grid-gap: 15px;
	justify-content: center;
	align-content: center
}

#quize .modal-content .steps .step-4 .content .items .item-big {
	border: 1px solid #999;
	-webkit-background-size: cover;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	position: relative
}

#quize .modal-content .steps .step-4 .content .items .item-big .big-input {
	border: none;
	border-bottom: 1px solid #999;
	background: 0 0;
	top: 70px;
	width: 340px;
	height: 80px;
	font: 100px 'PT Sans', sans-serif;
	color: #fa4923;
	text-align: center;
	position: absolute
}

#quize .modal-content .steps .step-4 .content .items .item-big .label-area {
	font: 60px 'PT Sans', sans-serif;
	top: 80px;
	right: 20px;
	position: absolute
}

#quize .modal-content .steps .step-4 .content .items .item-big .radio-b {
	display: none
}

#quize .modal-content .steps .step-4 .content .items .item-big .radio {
	cursor: pointer;
	position: relative
}

#quize .modal-content .steps .step-4 .content .items .item-big .radio::before {
	content: '';
	display: block;
	border: 3px solid #dadada;
	height: 18px;
	width: 18px;
	top: -26px;
	left: -12px;
	position: absolute;
	border-radius: 50%;
	z-index: 5;
	transition: border .3s ease-in-out
}

#quize .modal-content .steps .step-4 .content .items .item-big .radio::after {
	content: '';
	transition: background .3s ease-in-out
}

#quize .modal-content .steps .step-4 .content .items .item-big .radio.checked::before {
	border-color: #fdd71a
}

#quize .modal-content .steps .step-4 .content .items .item-big .radio.checked::after {
	display: block;
	background: #fdd71a;
	height: 14px;
	width: 14px;
	top: -21px;
	left: -7px;
	position: absolute;
	border-radius: 50%;
	z-index: 5
}

#quize .modal-content .steps .step-4 .content .items .item-big .label {
	background: rgba(0, 0, 0, .6);
	cursor: pointer;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font: 20px 'PT Sans', sans-serif;
	height: 40px;
	width: 518px;
	position: relative;
	z-index: 1
}

#quize .modal-content .steps .step-4 .content .items .item-big .label::before {
	content: '';
	display: block;
	background: rgba(0, 0, 0, .6);
	height: 30px;
	width: 30px;
	position: absolute;
	top: -30px;
	border-radius: 50% 50% 0 0
}

#quize .modal-content .steps .step-4 .content .items .item-big.bg-sadface {
	background: url(../img/svg/sadface.svg) no-repeat center
}

#quize .modal-content .steps .step-5 {
	grid-template-rows: [header] 100px [content] 540px
}

#quize .modal-content .steps .step-5 .header {
	grid-row: 1
}

#quize .modal-content .steps .step-5 .content {
	grid-row: 2;
	display: grid;
	grid-template-columns: 600px;
	grid-template-rows: [h3] 80px [fields] 320px [navres] 140px;
	grid-template-areas: 'header''fields''navres';
	justify-content: center;
	align-items: center
}

#quize .modal-content .steps .step-5 .content h3 {
	grid-area: header;
	display: flex;
	align-items: center;
	justify-content: center;
	font: 30px 'PT Sans', sans-serif;
	line-height: 1;
	height: 80px;
	margin: 0
}

#quize .modal-content .steps .step-5 .content .fields {
	grid-area: fields
}

#quize .modal-content .steps .step-5 .content .fields .da-input {
	width: 540px
}

#quize .modal-content .steps .step-5 .content .fields button {
	grid-row: 3;
	align-self: center;
	justify-self: center;
	font-size: 22px;
	height: 48px;
	width: 580px;
	margin: 10px
}

#quize .modal-content .steps .step-5 .content .fields .confident {
	margin: 0 35px;
	display: grid;
	grid-template-columns: 1fr 15fr;
	align-items: center;
	justify-content: center
}

#quize .modal-content .steps .step-5 .content .fields .confident label.cb-beauty {
	display: inline-block;
	font: 17px 'PT Sans', sans-serif;
	text-align: left;
	padding-left: 10px;
	color: #999
}

#quize .modal-content .steps .step-5 .content .fields .confident label.cb-beauty a {
	font: inherit;
	color: inherit
}

#quize .modal-content .steps .step-5 .content .navres {
	grid-area: navres;
	align-self: start;
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

#quize .modal-content .steps .step-5 .content .navres .text {
	width: 100%;
	font: 30px 'PT Sans', sans-serif;
	margin: 0 0 20px
}

#quize .modal-content .steps .step-5 .content .navres .step.check {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: 40px;
	margin: 0 5px;
	position: relative;
	background: url(../img/svg/check-gr.svg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover
}

@media only screen and (max-width:1220px) {
	.detail-page {
		grid-template-rows: [header] 100px [offer] 600px [conditions] 700px [pluses] 923px [consultation] 430px [product] 1021px [extra] auto [gallery] auto [docs] auto [map] 590px [footer] 170px
	}

	.offer.dp h1 {
		margin: 85px auto 10px;
		font-size: 50px
	}

	.offer.dp h3 {
		font-size: 36px
	}

	.offer.dp .offer-details aside.calc-pay {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-self: end;
		justify-content: center;
		height: 220px
	}

	.offer.dp .offer-details aside.calc-pay h4 {
		font: 24px 'PT Sans', sans-serif;
		text-align: center;
		margin-bottom: 15px
	}

	.offer.dp .offer-details aside.calc-pay .btn-calc {
		font-size: 22px;
		height: 48px;
		width: 335px
	}

	.gallery header h2 {
		font-size: 45px
	}

	.docs .documents a .doc {
		width: 250px
	}
}

@media only screen and (max-width:1152px) {
	.detail-page {
		grid-template-rows: [header] 100px [offer] 600px [conditions] 700px [pluses] 923px [consultation] 430px [product] 1021px [extra] auto [gallery] auto [docs] auto [map] 590px [footer] 170px
	}

	.offer.dp h1 {
		margin: 85px auto 10px;
		font-size: 50px
	}

	.offer.dp h3 {
		font-size: 36px
	}

	.offer.dp .offer-details aside.calc-pay {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-self: center;
		justify-content: center;
		height: 220px
	}

	.offer.dp .offer-details aside.calc-pay h4 {
		font: 24px 'PT Sans', sans-serif;
		text-align: center;
		margin-bottom: 15px
	}

	.offer.dp .offer-details aside.calc-pay .btn-calc {
		font-size: 22px;
		height: 48px;
		width: 335px
	}

	.conditions {
		grid-template-rows: [header] 200px [asides] auto
	}

	.conditions h2 {
		font-size: 45px;
		text-align: center;
		align-self: center
	}

	.conditions aside.conds {
		grid-area: conds
	}

	.conditions aside.conds > h3 {
		font-size: 26px
	}

	.conditions aside.conds > h3 .hdesc {
		font-size: 22px
	}

	.conditions aside.otherway .double-color-desc .red {
		font-size: 18px;
		padding: 15px 25px
	}

	.conditions aside.otherway .double-color-desc .white {
		font-size: 16px
	}

	.conditions aside.otherway .picture {
		height: 177px
	}

	.pluses h2 {
		font-size: 45px
	}

	.pluses h3 {
		font-size: 24px
	}

	.pluses .cards .card .img {
		border-bottom-right-radius: 88px;
		display: block;
		flex-shrink: 0;
		height: 290px;
		width: 200px
	}

	.pluses .cards .card .text {
		margin: 0 10px
	}

	.pluses .cards .card .text p.name {
		font-size: 24px
	}

	.pluses .cards .card .text p.desc {
		margin: 10px 0 5px;
		font-size: 16px
	}

	.product h2 {
		font-size: 45px;
	}

	.product h3 {
		font-size: 24px;
	}

	.consultation .container .content {
		width: auto;
		grid-area: content;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 50px;
	}

	.consultation .container .content h2 {
		font-size: 30px;
		margin: 0 0 20px
	}

	.consultation .container .content h3 {
		font-size: 18px
	}

	.product .prod-cards {
		grid-column-gap: 10px
	}

	.product .prod-cards .card .name {
		font-size: 24px
	}

	.product .prod-cards .card .price {
		font-size: 22px
	}

	.product .prod-cards .card button {
		width: 280px
	}

	.extra {
		background: linear-gradient(90deg, rgba(247, 247, 247, 0.8587289915966386) 0%, rgba(243, 248, 250, 0.8526785714285714) 14%, rgba(250, 255, 254, 0.851922) 72%, rgba(246, 246, 246, 0.875508) 100%), rgba(0, 0, 0, 0) url(/wp-content/uploads/2021/01/Фон-экстра.jpg);
		-webkit-background-size: cover;
		background-size: cover
	}

	.extra .container header h2 {
		font-size: 45px
	}

	.extra .container header h3 {
		font-size: 24px
	}

	.extra .container .questions {
		grid-area: qu;
		justify-self: start
	}

	.extra .container .questions h4 {
		font-size: 27px
	}

	.extra .container .questions .accordion li .acrd-item {
		font-size: 18px
	}

	.extra .container .questions .accordion li .acrd-item .acrd-label.active {
		font-size: 24px
	}

	.extra .container .answers {
		grid-area: ans;
		justify-self: end;
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.extra .container .answers .block {
		border: 1px #F0AF00 solid
	}

	.extra .container .answers .block h5 {
		font-size: 22px;
		text-align: center;
		color: #fff;
		padding: 15px;
		margin: 0
	}

	.extra .container .answers .block h5 .more-words {
		display: block;
		font-size: 20px;
		text-transform: lowercase
	}

	.extra .container .answers .block .check-list {
		padding: 0 20px
	}

	.extra .container .answers .block .check-list li {
		display: flex
	}

	.extra .container .answers .block .check-list li::before {
		top: 10px
	}

	.extra .container .answers .block .check-list li p {
		font-size: 16px
	}

	.extra .container .answers .btn-label {
		font-size: 15px
	}

	.extra .container .answers button {
		height: 48px;
		width: 385px;
	}

	.gallery header {
		grid-area: header;
		justify-content: center;
		flex-wrap: wrap
	}

	.gallery header h2 {
		font-size: 42px
	}

	.gallery header h3 {
		font-size: 26px
	}

	.gallery .pics a {
		text-decoration: none
	}

	.gallery .pics a .pic {
		height: 240px;
		width: 47%
	}

	.docs {
		display: block;
		grid-template-rows: [header] 200px [docs] auto
	}

	.docs header {
		align-self: center
	}

	.docs header h2 {
		font-size: 45px
	}

	.docs header h3 {
		font-size: 24px
	}

	.docs .documents {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		justify-items: center
	}

	.logo .documents {
		grid-template-columns: none;
	}

	.logo .img-proizv img {
		width: 800px;
		height: 332px;
	}

	.logo .img-klienty img {
		width: 800px;
		height: 349px;
	}

	.conditions aside.conds > h3:before {
		content: '';
		width: 60%;
		height: 6px;
		background: #F0AF00;
		position: absolute;
		left: 0;
		top: 0;
	}

	.thx-page {
		display: grid;
		grid-template-rows: [header] 100px [thx] 546px [other] auto [footer] 170px
	}

	.otherprods {
		top: 0;
		margin-top: -100px;
		margin-bottom: 50px;
		display: grid;
		grid-template-rows: [header] 170px [prods] auto;
		grid-template-areas: 'header''prods';
		align-items: center;
		justify-items: center
	}

	.otherprods header {
		grid-area: header
	}

	.otherprods header h4 {
		font: 30px 'PT Sans', sans-serif;
		text-align: center;
		margin: 0
	}

	.otherprods header h4 span {
		display: block;
		font-family: 'PT Sans', sans-serif
	}

	.otherprods .prods {
		grid-area: prods;
		display: grid;
		grid-template-columns: repeat(3, 290px);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		align-items: center;
		justify-items: center;
		margin-bottom: 30px
	}

	.otherprods .prods .prod {
		height: 400px;
		width: 290px
	}

	.otherprods .prods .prod .name {
		font-size: 24px
	}

	.otherprods .prods .prod .price {
		font-size: 22px
	}

	.otherprods .prods .prod .img {
		height: 270px;
		width: 265px
	}

	#buy-prod .modal-content {
		width: inherit;
		margin: 0 auto
	}

	#buy-prod .modal-content form {
		display: grid;
		grid-template-columns: [check] 450px [form] 450px;
		grid-template-rows: [left-height] 547px [right-height] 20px;
		grid-template-areas: 'leftblock rightblock''. rightblock'
	}

	#buy-prod .modal-content form .leftblock {
		display: grid;
		grid-area: leftblock;
		grid-template-rows: [header] 80px [prodcard] auto [table] auto [cost] 50px;
		grid-row-gap: 25px
	}

	#buy-prod .modal-content form .leftblock .pic {
		grid-area: img;
		height: 200px
	}

	#buy-prod .modal-content form .leftblock .props {
		grid-area: props;
		font-size: 18px
	}

	#buy-prod .modal-content form .leftblock .props .weight label {
		font-size: 18px;
		margin-right: 15px;
		margin-top: 10px
	}

	#buy-prod .modal-content form .leftblock .table-props {
		font-size: 16px
	}

	#buy-prod .modal-content form .leftblock .table-props td,
	#buy-prod .modal-content form .leftblock .table-props th {
		padding: 5px 3px
	}

	#ral .modal-content {
		width: inherit;
		margin: 0 auto
	}

	#ral .modal-content form {
		display: grid;
		grid-template-columns: [check] 450px [form] 450px;
		grid-template-rows: [left-height] 547px [right-height] 20px;
		grid-template-areas: 'leftblock rightblock''. rightblock'
	}

	#ral .modal-content form .leftblock {
		display: grid;
		grid-area: leftblock;
		grid-template-rows: [header] 80px [colors] auto;
		grid-row-gap: 25px
	}

	#not-found .modal-dialog {
		background: #fff;
		border: 3px solid #fa4923;
		border-radius: 5px
	}

	#not-found .modal-content .container {
		display: grid;
		grid-template-columns: repeat(auto-fit, 1fr);
		grid-template-rows: [header] 80px [text] auto [prods] auto [footer] 100px;
		grid-template-areas: 'header''text''prods''footer';
		align-items: center;
		grid-column-gap: 30px
	}

	#not-found .modal-content .container p {
		grid-area: text;
		font-size: 26px;
		margin: 20px 20px
	}

	#not-found .modal-content .container .prods {
		grid-area: prods;
		height: auto;
		grid-column-gap: 10px;
		width: inherit
	}

	#not-found .modal-content .container .prods .prod {
		width: 280px
	}

	#not-found .modal-content .container .footer {
		grid-area: footer;
		height: auto
	}

	#quize .modal-content {
		height: auto;
		width: 900px
	}

	#quize .modal-content .steps [class^=step] {
		display: none;
		grid-template-columns: repeat(auto-fit, 1fr);
		grid-template-areas: 'header''content'
	}

	#quize .modal-content .steps [class^=step] .header {
		font-size: 44px;
		line-height: 1
	}

	#quize .modal-content .steps .step-1 {
		display: grid;
		grid-template-rows: [header] 140px [content] 500px
	}

	#quize .modal-content .steps .step-1 .header {
		grid-row: 1
	}

	#quize .modal-content .steps .step-1 .content {
		grid-row: 2;
		display: grid;
		grid-template-rows: [h3] 60px [achivs] auto [footer] 140px
	}

	#quize .modal-content .steps .step-1 .content h3 {
		font: 28px 'PT Sans', sans-serif
	}

	#quize .modal-content .steps .step-1 .content .achievements {
		grid-row: 2;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(auto, 200px));
		justify-content: center;
		align-self: center;
		align-items: center
	}

	#quize .modal-content .steps .step-1 .content .achievements .achievement .img {
		-webkit-background-size: cover;
		background-size: cover;
		display: block;
		height: 150px;
		width: auto
	}

	#quize .modal-content .steps .step-1 .content .achievements .achievement .desc {
		font: 18px 'PT Sans', sans-serif;
		padding: 0 10px
	}

	#quize .modal-content .steps .step-1 .content button {
		grid-row: 3;
		align-self: center;
		justify-self: center;
		font-size: 22px;
		height: 48px;
		width: 380px
	}

	#quize .modal-content .steps .step-2,
	#quize .modal-content .steps .step-3,
	#quize .modal-content .steps .step-4 {
		grid-template-rows: [header] 100px [content] auto;
		align-items: center
	}

	#quize .modal-content .steps .step-2 .content,
	#quize .modal-content .steps .step-3 .content,
	#quize .modal-content .steps .step-4 .content {
		grid-row: 2;
		display: grid;
		grid-template-rows: [items] auto [nav] auto;
		grid-template-columns: 1fr
	}

	#quize .modal-content .steps .step-2 .content .items,
	#quize .modal-content .steps .step-3 .content .items,
	#quize .modal-content .steps .step-4 .content .items {
		display: grid;
		justify-content: center;
		align-self: center;
		grid-gap: 15px
	}

	#quize .modal-content .steps .step-2 .content .items .item,
	#quize .modal-content .steps .step-3 .content .items .item,
	#quize .modal-content .steps .step-4 .content .items .item {
		-webkit-background-size: cover;
		background-size: cover;
		display: flex;
		flex-direction: column;
		align-items: center;
		height: 200px
	}

	#quize .modal-content .steps .step-2 .content .nav,
	#quize .modal-content .steps .step-3 .content .nav,
	#quize .modal-content .steps .step-4 .content .nav {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(2, 100px);
		grid-column-gap: 20px;
		grid-template-areas: 'bprev bnext''steps steps';
		justify-self: center;
		align-items: center;
		margin: 0 50px
	}

	#quize .modal-content .steps .step-2 .content .nav .nav-steps,
	#quize .modal-content .steps .step-3 .content .nav .nav-steps,
	#quize .modal-content .steps .step-4 .content .nav .nav-steps {
		grid-area: steps;
		display: flex;
		justify-content: center;
		align-items: center
	}

	#quize .modal-content .steps .step-2 .content .nav .nav-steps .step,
	#quize .modal-content .steps .step-3 .content .nav .nav-steps .step,
	#quize .modal-content .steps .step-4 .content .nav .nav-steps .step {
		font: 22px 'PT Sans', sans-serif;
		font-style: normal;
		height: 40px;
		width: 40px;
		border-radius: 30px;
		margin: 0 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative
	}

	#quize .modal-content .steps .step-2 .content .nav .nav-steps .step::before,
	#quize .modal-content .steps .step-3 .content .nav .nav-steps .step::before,
	#quize .modal-content .steps .step-4 .content .nav .nav-steps .step::before {
		content: '';
		background: #dadada;
		border-radius: 7px;
		height: 32px;
		width: 32px;
		position: absolute;
		z-index: -1;
		transform: rotate(45deg)
	}

	#quize .modal-content .steps .step-2 .content .nav button,
	#quize .modal-content .steps .step-3 .content .nav button,
	#quize .modal-content .steps .step-4 .content .nav button {
		font-size: 22px;
		height: 48px;
		width: 360px
	}

	#quize .modal-content .steps .step-2 .content .nav button.nav-prev,
	#quize .modal-content .steps .step-3 .content .nav button.nav-prev,
	#quize .modal-content .steps .step-4 .content .nav button.nav-prev {
		grid-area: bprev;
		background: linear-gradient(#f4f4f4, #d0d0d0);
		box-shadow: 0 3px 0 #a8a8a8;
		color: #999
	}

	#quize .modal-content .steps .step-2 .content .nav button.nav-next,
	#quize .modal-content .steps .step-3 .content .nav button.nav-next,
	#quize .modal-content .steps .step-4 .content .nav button.nav-next {
		grid-area: bnext
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow,
	#quize .modal-content .steps .step-3 .content .nav button .arrow,
	#quize .modal-content .steps .step-4 .content .nav button .arrow {
		-webkit-background-size: cover !important;
		background-size: cover !important;
		height: 20px;
		width: 20px;
		display: inline-block;
		position: relative;
		top: 3px;
		padding: 0
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow.prev,
	#quize .modal-content .steps .step-3 .content .nav button .arrow.prev,
	#quize .modal-content .steps .step-4 .content .nav button .arrow.prev {
		background: url(../img/svg/arr-prev.svg) no-repeat center;
		margin-right: 10px
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow.next,
	#quize .modal-content .steps .step-3 .content .nav button .arrow.next,
	#quize .modal-content .steps .step-4 .content .nav button .arrow.next {
		background: url(../img/svg/arr-next.svg) no-repeat center;
		margin-left: 10px
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow.cancel,
	#quize .modal-content .steps .step-3 .content .nav button .arrow.cancel,
	#quize .modal-content .steps .step-4 .content .nav button .arrow.cancel {
		background: url(../img/svg/cancel.svg) no-repeat center;
		margin-right: 10px
	}

	#quize .modal-content .steps .step-4 .content .items {
		display: grid;
		margin: 0 50px;
		grid-template-columns: repeat(auto-fit, 520px);
		grid-template-rows: repeat(auto-fit, 300px);
		grid-gap: 15px;
		justify-content: center;
		align-content: center
	}

	#quize .modal-content .steps .step-4 .content .items .item-big {
		height: 300px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		position: relative
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .big-input {
		border: none;
		border-bottom: 1px solid #999;
		background: 0 0;
		top: 70px;
		width: 340px;
		height: 80px;
		font: 100px 'PT Sans', sans-serif;
		color: #fa4923;
		text-align: center;
		position: absolute
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .label-area {
		font: 60px 'PT Sans', sans-serif;
		top: 80px;
		right: 20px;
		position: absolute
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio-b {
		display: none
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio {
		cursor: pointer;
		position: relative
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio::before {
		content: '';
		display: block;
		border: 3px solid #dadada;
		height: 18px;
		width: 18px;
		top: -26px;
		left: -12px;
		position: absolute;
		border-radius: 50%;
		z-index: 5;
		transition: border .3s ease-in-out
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio::after {
		content: '';
		transition: background .3s ease-in-out
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio.checked::before {
		border-color: #fdd71a
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio.checked::after {
		display: block;
		background: #fdd71a;
		height: 14px;
		width: 14px;
		top: -21px;
		left: -7px;
		position: absolute;
		border-radius: 50%;
		z-index: 5
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .label {
		background: rgba(0, 0, 0, .6);
		cursor: pointer;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		font: 20px 'PT Sans', sans-serif;
		height: 40px;
		width: 518px;
		position: relative;
		z-index: 1
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .label::before {
		content: '';
		display: block;
		background: rgba(0, 0, 0, .6);
		height: 30px;
		width: 30px;
		position: absolute;
		top: -30px;
		border-radius: 50% 50% 0 0
	}

	#quize .modal-content .steps .step-5 {
		grid-template-rows: [header] 100px [content] 540px
	}

	#quize .modal-content .steps .step-5 .header {
		grid-row: 1
	}

	#quize .modal-content .steps .step-5 .content {
		grid-row: 2;
		display: grid;
		grid-template-columns: 600px;
		grid-template-rows: [h3] 80px [fields] 320px [navres] 140px;
		grid-template-areas: 'header''fields''navres';
		justify-content: center;
		align-items: center
	}

	#quize .modal-content .steps .step-5 .content h3 {
		grid-area: header;
		display: flex;
		align-items: center;
		justify-content: center;
		font: 30px 'PT Sans', sans-serif;
		line-height: 1;
		height: 80px;
		margin: 0
	}

	#quize .modal-content .steps .step-5 .content .fields {
		grid-area: fields
	}

	#quize .modal-content .steps .step-5 .content .fields .da-input {
		width: 540px
	}

	#quize .modal-content .steps .step-5 .content .fields button {
		grid-row: 3;
		align-self: center;
		justify-self: center;
		font-size: 22px;
		height: 48px;
		width: 580px;
		margin: 10px
	}

	#quize .modal-content .steps .step-5 .content .fields .confident {
		margin: 0 35px;
		display: grid;
		grid-template-columns: 1fr 15fr;
		align-items: center;
		justify-content: center
	}

	#quize .modal-content .steps .step-5 .content .fields .confident label.cb-beauty {
		display: inline-block;
		font: 17px 'PT Sans', sans-serif;
		text-align: left;
		padding-left: 10px;
		color: #999
	}

	#quize .modal-content .steps .step-5 .content .fields .confident label.cb-beauty a {
		font: inherit;
		color: inherit
	}

	#quize .modal-content .steps .step-5 .content .navres {
		grid-area: navres;
		align-self: start;
		display: flex;
		justify-content: center;
		flex-wrap: wrap
	}

	#quize .modal-content .steps .step-5 .content .navres .text {
		width: 100%;
		font: 30px 'PT Sans', sans-serif;
		margin: 0 0 20px
	}

	#quize .modal-content .steps .step-5 .content .navres .step.check {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		width: 40px;
		margin: 0 5px;
		position: relative;
		background: url(../img/svg/check-gr.svg) no-repeat center;
		-webkit-background-size: cover;
		background-size: cover
	}

	p.link2 {
		margin-block-start: 0.5em;
	}
}

@media only screen and (max-width:910px) {
	.detail-page {
		grid-template-rows: [header] 100px [offer] 600px [conditions] auto [pluses] auto [consultation] 430px [product] auto [extra] auto [gallery] auto [docs] auto [map] auto [footer] 170px
	}

	.offer.dp h1 {
		font-size: 46px
	}

	.offer.dp h3 {
		font-size: 32px
	}

	.offer.dp .offer-details .check-list {
		font-size: 20px
	}

	.offer.dp .offer-details aside.calc-pay {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-self: center;
		justify-content: center;
		height: 220px
	}

	.offer.dp .offer-details aside.calc-pay h4 {
		font: 24px 'PT Sans', sans-serif;
		text-align: center;
		margin-bottom: 15px
	}

	.offer.dp .offer-details aside.calc-pay .btn-calc {
		font-size: 22px;
		height: 48px;
		width: 335px
	}

	.conditions {
		grid-template-rows: [header] 150px [asides] auto;
		margin-bottom: 20px
	}

	.conditions h2 {
		font-size: 42px
	}

	.conditions aside.conds > h3 {
		width: auto
	}

	.conditions aside.conds .accordion {
		width: auto
	}

	.pluses {
		margin-bottom: 40px
	}

	.pluses h2 {
		font-size: 40px
	}

	.pluses .cards .card aside.text .name {
		font-size: 20px
	}

	.pluses .cards .card aside.text .desc {
		font-size: 15px
	}

	.product h2 {
		font-size: 40px;
	}

	.product h2 {
		padding-top: 5px;
	}

	.product {
		display: flex;
		flex-direction: column;
		justify-content: start;
		margin-bottom: 20px
	}

	.product .specs {
		display: grid;
		grid-template-columns: 2fr 2fr 2fr 2fr
	}

	.product .specs p {
		font-size: 18px;
		margin: 10px 20px
	}

	.product .prod-cards {
		display: grid;
		grid-template-columns: 300px;
		grid-template-rows: auto;
		grid-row-gap: 20px;
		grid-column-gap: 10px
	}

	.product .prod-cards .card {
		border: 2px #adadad solid;
		display: flex;
		flex-direction: column;
		align-items: center;
		transition: .2s ease-in-out;
		flex-wrap: wrap
	}

	.product .prod-cards .card .prod-pic {
		height: 200px;
		width: auto
	}

	.product .prod-cards .card button {
		width: 240px
	}

	.extra .container header h2 {
		font-size: 42px
	}

	.extra .container header h3 {
		font-size: 23px
	}

	.gallery header {
		grid-area: header;
		flex-direction: column;
		justify-content: flex-end;
		flex-wrap: wrap
	}

	.gallery header h2 {
		font-size: 40px
	}

	.gallery header h3 {
		font-size: 24px
	}

	.gallery .pics a .pic {
		height: 185px;
	}

	.docs {
		grid-template-rows: [header] 120px [docs] auto;
		margin-top: 50px;
	}

	.docs header h2 {
		font-size: 40px
	}

	.conditions aside.conds > h3:before {
		content: '';
		width: 105%;
		height: 6px;
		background: #F0AF00;
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media only screen and (max-width:820px) {
	.detail-page {
		grid-template-rows: [header] 100px [offer] 600px [conditions] auto [pluses] auto [consultation] 430px [product] auto [extra] auto [gallery] auto [docs] auto [map] auto [footer] 170px
	}

	.offer.dp h1 {
		font-size: 46px;
		line-height: 1.1
	}

	.offer.dp h3 {
		font-size: 28px
	}

	.offer.dp h3 .dialog-bg::before {
		height: 46px;
		width: 104px
	}

	.offer.dp .offer-details {
		grid-template-columns: [list] 1fr [calcblock] 1fr;
		grid-column-gap: 20px
	}

	.offer.dp .offer-details ul {
		justify-self: center;
		align-self: center
	}

	.offer.dp .offer-details ul li {
		font-size: 18px
	}

	.offer.dp .offer-details aside.calc-pay {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-self: center;
		justify-content: center;
		height: 300px
	}

	.offer.dp .offer-details aside.calc-pay h4 {
		font: 24px 'PT Sans', sans-serif;
		text-align: center;
		margin-top: 0;
		margin-bottom: 15px
	}

	.offer.dp .offer-details aside.calc-pay .btn-calc {
		font-size: 22px;
		height: 48px;
		width: 335px
	}

	.conditions {
		display: grid;
		grid-template-columns: 700px;
		grid-template-rows: [header] 140px [conds] auto [otherway] auto;
		grid-template-areas: 'header''conds''otherway'
	}

	.conditions h2 {
		font-size: 36px
	}

	.conditions aside.conds {
		grid-area: conds;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center
	}

	.conditions aside.conds > h3 {
		font-size: 26px;
		width: 559px;
		max-height: 90px;
		padding: 18px 0 12px 20px
	}

	.conditions aside.conds > h3 .hdesc {
		font-size: 22px
	}

	.conditions aside.conds .accordion {
		margin-top: 25px;
		padding: 0
	}

	.conditions aside.otherway {
		grid-area: otherway;
		justify-self: center;
		display: grid;
		grid-template-rows: [colored] auto [pic] 1fr;
		grid-row-gap: 35px
	}

	.conditions aside.otherway .double-color-desc {
		margin: 0 40px
	}

	.conditions aside.otherway .double-color-desc .red {
		height: auto;
		margin: 0;
		font-size: 20px;
		padding: 15px 25px
	}

	.conditions aside.otherway .double-color-desc .white {
		font-size: 17px;
		margin: 0;
		padding: 11px 50px
	}

	.conditions aside.otherway .picture {
		height: 277px
	}

	.pluses {
		margin-bottom: 40px
	}

	.pluses h2 {
		font-size: 36px
	}

	.pluses h3 {
		font-size: 24px
	}

	.pluses .cards {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(auto-fit, 290px);
		grid-row-gap: 40px;
		grid-column-gap: 40px
	}

	.pluses .cards .card {
		border: 1px #adadad solid;
		display: flex;
		transition: .2s ease-in-out
	}

	.pluses .cards .card .img {
		border-bottom-right-radius: 88px;
		display: block;
		flex-shrink: 0;
		height: 290px;
		width: 200px
	}

	.pluses .cards .card .text {
		margin: 0 20px;
		align-self: center
	}

	.pluses .cards .card .text p.name {
		font-size: 28px;
		transform: translateY(0)
	}

	.pluses .cards .card .text p.desc {
		opacity: 1;
		transition: .3s ease-in-out;
		margin: 10px 0 10px;
		font-size: 20px
	}

	.consultation .container .content {
		grid-area: content;
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.consultation .container .content h2 {
		font-size: 26px;
		margin: 0 0 20px
	}

	.consultation .container .content h3 {
		font-size: 18px;
	}

	.product {
		display: flex;
		flex-direction: column;
		justify-content: start;
		margin-bottom: 60px;
	}

	.product .specs {
		display: grid;
		grid-template-columns: 2fr 2fr 2fr 2fr
	}

	.product .specs p {
		font-size: 18px;
		margin: 10px 20px
	}

	.product .prod-cards {
		display: grid;
		grid-template-columns: 300px;
		grid-template-rows: auto;
		grid-row-gap: 20px;
		grid-column-gap: 10px
	}

	.product .prod-cards .card {
		border: 2px #adadad solid;
		display: flex;
		flex-direction: column;
		align-items: center;
		transition: .2s ease-in-out;
		flex-wrap: wrap
	}

	.product .prod-cards .card .prod-pic {
		height: 200px;
		width: auto
	}

	.product .prod-cards .card button {
		width: 240px
	}

	.extra .container {
		display: flex;
		flex-direction: column;
		margin-bottom: 20px
	}

	.extra .container header h2 {
		font-size: 40px
	}

	.extra .container header h3 {
		font-size: 24px
	}

	.extra .container .questions {
		align-self: center;
		justify-content: center;
		width: 600px;
		height: auto
	}

	.extra .container .questions h4 {
		font-size: 24px;
	}

	.extra .container .questions .accordion li .acrd-item {
		font-size: 20px
	}

	.extra .container .questions .accordion li .acrd-item .acrd-label.active {
		font-size: 24px
	}

	.extra .container .answers .block h5 {
		font-size: 24px
	}

	.extra .container .answers .block .check-list li p {
		font-size: 18px
	}

	.extra .container .answers .btn-label {
		font-size: 20px
	}

	.extra .container .answers button {
		height: 48px;
		width: 385px;
		font-size: 20px
	}

	.gallery header {
		grid-area: header;
		flex-direction: column;
		justify-content: flex-end;
		flex-wrap: wrap
	}

	.gallery header h2 {
		font-size: 36px
	}

	.gallery header h3 {
		font-size: 24px
	}

	.gallery .cover-list {
		display: block;
		width: 100%;
		margin: 0 0 25px;
	}

	.gallery .cover-list ul .cover-p {
		padding: 6px 20px;
	}

	.gallery .pics {
		display: block;
		width: 100%;
	}

	.gallery .pics a .pic {
		width: 40%
	}

	.docs header {
		align-self: center
	}

	.docs header h2 {
		font-size: 36px
	}

	.docs header h3 {
		font-size: 22px
	}

	.docs .documents {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
	}

	.logo .documents {
		grid-template-columns: none;
	}

	.logo .img-proizv img {
		width: 700px;
		height: 290px;
	}

	.logo .img-klienty img {
		width: 700px;
		height: 306px;
	}

	.conditions aside.conds > h3:before {
		display: none
	}

	.consultation .container {
		grid-template-columns: 20fr 20fr;
	}

	.thx-page {
		display: grid;
		grid-template-rows: [header] 100px [thx] 546px [other] auto [footer] auto
	}

	.thx .container {
		color: #fff;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center
	}

	.thx .container h1 {
		font-size: 80px;
		text-align: center;
		margin: 10px 0
	}

	.thx .container h1 span {
		font-size: 30px
	}

	.thx .container h3 {
		font-size: 24px;
		text-align: center;
		margin: -30px 0 20px;
		position: relative;
		top: 0
	}

	.thx .container h2 {
		font-size: 24px;
		text-align: center;
		margin: 0 0 20px;
		position: relative;
		top: 0
	}

	.thx .container h2 .cl-phone {
		background: #fa4923;
		font-family: 'PT Sans', sans-serif;
		text-align: center;
		display: inline-block;
		margin-top: 2px;
		padding: 5px
	}

	.thx .container .if-wrong {
		font: 24px 'PT Sans', sans-serif;
		text-align: center;
		position: relative;
		top: 0;
		margin-top: -20px
	}

	.thx .container .if-wrong a {
		font-size: 24px;
		color: #fdd91b
	}

	.thx .container .urgent {
		background: rgba(0, 0, 0, .6);
		font: 30px 'PT Sans', sans-serif;
		text-align: center;
		padding: 10px;
		margin: -20px 0 50px;
		position: relative;
		top: 0;
		max-width: 900px
	}

	.thx .container .urgent span {
		display: block;
		font-family: 'PT Sans', sans-serif
	}

	.otherprods {
		top: 0;
		margin-bottom: 50px;
		display: grid;
		grid-template-rows: [header] 170px [prods] auto
	}

	.otherprods header {
		grid-area: header
	}

	.otherprods header h4 {
		font: 30px 'PT Sans', sans-serif;
		text-align: center;
		margin: 0
	}

	.otherprods header h4 span {
		display: block;
		font-family: 'PT Sans', sans-serif
	}

	.otherprods .prods {
		grid-area: prods;
		display: grid;
		grid-template-columns: repeat(3, 230px)
	}

	.otherprods .prods .prod {
		height: 400px;
		width: 230px
	}

	.otherprods .prods .prod .name {
		font-size: 24px
	}

	.otherprods .prods .prod .price {
		font-size: 22px
	}

	.otherprods .prods .prod .img {
		height: 260px;
		width: 180px
	}

	#buy-prod .modal-content {
		width: 700px;
		margin: 0 auto
	}

	#buy-prod .modal-content form {
		grid-template-columns: 1fr;
		grid-template-areas: 'leftblock''rightblock'
	}

	#buy-prod .modal-content form .leftblock {
		display: grid;
		grid-area: leftblock;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: [header] 80px [prodcard] auto [table] 80px [cost] 50px;
		grid-template-areas: 'header header''img props''table table''total total';
		border-bottom: 15px solid #e8e8e8;
		border-right: 3px solid #e8e8e8;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 0
	}

	#buy-prod .modal-content form .leftblock .pic {
		grid-area: img;
		justify-self: center;
		height: 200px;
		width: 180px
	}

	#buy-prod .modal-content form .leftblock .table-props {
		grid-area: table;
		justify-self: center
	}

	#buy-prod .modal-content form .leftblock .table-props td,
	#buy-prod .modal-content form .leftblock .table-props th {
		padding: 10px 20px
	}

	#buy-prod .modal-content form .leftblock .cost {
		grid-area: total;
		font: 26px 'PT Sans', sans-serif;
		margin: 0
	}

	#buy-prod .modal-content form .leftblock .cost span {
		font-family: 'PT Sans', sans-serif
	}

	#buy-prod .modal-content form .rightblock {
		grid-area: rightblock;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: [header] 80px [fields] auto [footer] 140px;
		grid-row-gap: 0;
		grid-template-areas: 'header''fields''footer'
	}

	#buy-prod .modal-content form .rightblock h3 {
		grid-area: header;
		background: #fa4923;
		border-bottom: 3px solid #fa4923;
		font: 32px 'PT Sans', sans-serif;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		height: 80px
	}

	#buy-prod .modal-content form .rightblock .fields {
		background: #fff
	}

	#buy-prod .modal-content form .rightblock .fields .explain {
		color: #000
	}

	#buy-prod .modal-content form .rightblock .footer {
		background: #fff
	}

	#ral .modal-content {
		width: 600px;
		margin: 0 auto
	}

	#ral .modal-content form {
		grid-template-columns: 1fr;
		grid-template-areas: 'leftblock''rightblock'
	}

	#ral .modal-content form .leftblock {
		display: grid;
		grid-area: leftblock;
		grid-template-columns: 1fr;
		grid-template-rows: [header] 80px [colors] auto;
		grid-template-areas: 'header''colors';
		border-bottom: 15px solid #e8e8e8;
		border-right: 3px solid #e8e8e8;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 0
	}

	#ral .modal-content form .rightblock {
		grid-area: rightblock;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: [header] 80px [fields] auto [footer] 140px;
		grid-row-gap: 0;
		grid-template-areas: 'header''fields''footer'
	}

	#ral .modal-content form .rightblock h3 {
		grid-area: header;
		background: #fa4923;
		border-bottom: 3px solid #fa4923;
		font: 32px 'PT Sans', sans-serif;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		height: 80px
	}

	#ral .modal-content form .rightblock .fields {
		background: #fff
	}

	#ral .modal-content form .rightblock .fields .explain {
		color: #000
	}

	#ral .modal-content form .rightblock .footer {
		background: #fff
	}

	#not-found .modal-dialog {
		background: #fff;
		border: 3px solid #fa4923;
		border-radius: 5px
	}

	#not-found .modal-content .container {
		display: grid;
		grid-template-columns: repeat(auto-fit, 1fr);
		grid-template-rows: [header] 80px [text] auto [prods] auto [footer] 100px;
		grid-template-areas: 'header''text''prods''footer';
		align-items: center;
		grid-column-gap: 30px
	}

	#not-found .modal-content .container p {
		grid-area: text;
		font-size: 26px;
		margin: 20px 20px
	}

	#not-found .modal-content .container .prods {
		grid-area: prods;
		height: auto;
		grid-template-columns: repeat(3, 220px);
		grid-column-gap: 10px;
		justify-content: center;
		width: inherit
	}

	#not-found .modal-content .container .prods .prod {
		height: 400px;
		width: 220px
	}

	#not-found .modal-content .container .prods .prod .name {
		font-size: 24px
	}

	#not-found .modal-content .container .prods .prod .price {
		font-size: 22px
	}

	#not-found .modal-content .container .prods .prod .img {
		height: 260px;
		width: 180px
	}

	#not-found .modal-content .container .footer {
		grid-area: footer;
		height: auto
	}

	#politic .modal-dialog .modal-content {
		width: 600px
	}

	#quize .modal-content {
		height: auto;
		width: 700px
	}

	#quize .modal-content .steps [class^=step] {
		display: none;
		grid-template-columns: repeat(auto-fit, 1fr);
		grid-template-areas: 'header''content'
	}

	#quize .modal-content .steps [class^=step] .header {
		font-size: 38px;
		line-height: 1
	}

	#quize .modal-content .steps .step-1 {
		display: grid;
		grid-template-rows: [header] 140px [content] 500px
	}

	#quize .modal-content .steps .step-1 .header {
		grid-row: 1
	}

	#quize .modal-content .steps .step-1 .content {
		grid-row: 2;
		display: grid;
		grid-template-rows: [h3] 40px [achivs] 300px [footer] 140px
	}

	#quize .modal-content .steps .step-1 .content h3 {
		font: 23px 'PT Sans', sans-serif
	}

	#quize .modal-content .steps .step-1 .content .achievements {
		grid-row: 2;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(auto, 200px));
		justify-content: center;
		align-self: center;
		align-items: center
	}

	#quize .modal-content .steps .step-1 .content .achievements .achievement .img {
		-webkit-background-size: cover;
		background-size: cover;
		display: block;
		height: 150px;
		width: auto
	}

	#quize .modal-content .steps .step-1 .content .achievements .achievement .desc {
		font: 18px 'PT Sans', sans-serif;
		padding: 0 10px
	}

	#quize .modal-content .steps .step-1 .content button {
		grid-row: 3;
		align-self: center;
		justify-self: center;
		font-size: 22px;
		height: 48px;
		width: 380px
	}

	#quize .modal-content .steps .step-2,
	#quize .modal-content .steps .step-3,
	#quize .modal-content .steps .step-4 {
		grid-template-rows: [header] 100px [content] auto;
		align-items: center
	}

	#quize .modal-content .steps .step-2 .content,
	#quize .modal-content .steps .step-3 .content,
	#quize .modal-content .steps .step-4 .content {
		grid-row: 2;
		display: grid;
		grid-template-rows: [items] auto [nav] auto;
		grid-template-columns: 700px
	}

	#quize .modal-content .steps .step-2 .content .items,
	#quize .modal-content .steps .step-3 .content .items,
	#quize .modal-content .steps .step-4 .content .items {
		display: grid;
		grid-template-columns: repeat(2, 300px);
		grid-gap: 15px;
		justify-content: center;
		align-self: center
	}

	#quize .modal-content .steps .step-2 .content .items .item,
	#quize .modal-content .steps .step-3 .content .items .item,
	#quize .modal-content .steps .step-4 .content .items .item {
		-webkit-background-size: cover;
		background-size: cover;
		display: flex;
		flex-direction: column;
		align-items: center;
		height: 200px
	}

	#quize .modal-content .steps .step-2 .content .nav,
	#quize .modal-content .steps .step-3 .content .nav,
	#quize .modal-content .steps .step-4 .content .nav {
		display: grid;
		grid-template-columns: repeat(2, 300px);
		grid-template-rows: repeat(2, 100px);
		grid-column-gap: 20px;
		grid-template-areas: 'bprev bnext''steps steps';
		justify-self: center;
		align-items: center;
		justify-content: center;
		margin: 0
	}

	#quize .modal-content .steps .step-2 .content .nav .nav-steps,
	#quize .modal-content .steps .step-3 .content .nav .nav-steps,
	#quize .modal-content .steps .step-4 .content .nav .nav-steps {
		grid-area: steps;
		display: flex;
		justify-content: center;
		align-items: center
	}

	#quize .modal-content .steps .step-2 .content .nav .nav-steps .step,
	#quize .modal-content .steps .step-3 .content .nav .nav-steps .step,
	#quize .modal-content .steps .step-4 .content .nav .nav-steps .step {
		font: 22px 'PT Sans', sans-serif;
		font-style: normal;
		height: 40px;
		width: 40px;
		border-radius: 30px;
		margin: 0 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative
	}

	#quize .modal-content .steps .step-2 .content .nav .nav-steps .step::before,
	#quize .modal-content .steps .step-3 .content .nav .nav-steps .step::before,
	#quize .modal-content .steps .step-4 .content .nav .nav-steps .step::before {
		content: '';
		background: #dadada;
		border-radius: 7px;
		height: 32px;
		width: 32px;
		position: absolute;
		z-index: -1;
		transform: rotate(45deg)
	}

	#quize .modal-content .steps .step-2 .content .nav button,
	#quize .modal-content .steps .step-3 .content .nav button,
	#quize .modal-content .steps .step-4 .content .nav button {
		font-size: 15px;
		height: 48px;
		width: 260px;
		justify-self: center
	}

	#quize .modal-content .steps .step-2 .content .nav button.nav-prev,
	#quize .modal-content .steps .step-3 .content .nav button.nav-prev,
	#quize .modal-content .steps .step-4 .content .nav button.nav-prev {
		grid-area: bprev;
		background: linear-gradient(#f4f4f4, #d0d0d0);
		box-shadow: 0 3px 0 #a8a8a8;
		color: #999
	}

	#quize .modal-content .steps .step-2 .content .nav button.nav-next,
	#quize .modal-content .steps .step-3 .content .nav button.nav-next,
	#quize .modal-content .steps .step-4 .content .nav button.nav-next {
		grid-area: bnext
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow,
	#quize .modal-content .steps .step-3 .content .nav button .arrow,
	#quize .modal-content .steps .step-4 .content .nav button .arrow {
		-webkit-background-size: cover !important;
		background-size: cover !important;
		height: 16px;
		width: 16px;
		display: inline-block;
		position: relative;
		top: 3px;
		padding: 0
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow.prev,
	#quize .modal-content .steps .step-3 .content .nav button .arrow.prev,
	#quize .modal-content .steps .step-4 .content .nav button .arrow.prev {
		background: url(../img/svg/arr-prev.svg) no-repeat center;
		margin-right: 10px
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow.next,
	#quize .modal-content .steps .step-3 .content .nav button .arrow.next,
	#quize .modal-content .steps .step-4 .content .nav button .arrow.next {
		background: url(../img/svg/arr-next.svg) no-repeat center;
		margin-left: 10px
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow.cancel,
	#quize .modal-content .steps .step-3 .content .nav button .arrow.cancel,
	#quize .modal-content .steps .step-4 .content .nav button .arrow.cancel {
		background: url(../img/svg/cancel.svg) no-repeat center;
		margin-right: 10px
	}

	#quize .modal-content .steps .step-4 .content .items {
		display: grid;
		margin: 0 50px;
		grid-template-columns: repeat(auto-fit, 520px);
		grid-template-rows: repeat(auto-fit, 300px);
		grid-gap: 15px;
		justify-content: center;
		align-content: center
	}

	#quize .modal-content .steps .step-4 .content .items .item-big {
		height: 300px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		position: relative
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .big-input {
		border: none;
		border-bottom: 1px solid #999;
		background: 0 0;
		top: 70px;
		width: 340px;
		height: 80px;
		font: 100px 'PT Sans', sans-serif;
		color: #fa4923;
		text-align: center;
		position: absolute
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .label-area {
		font: 60px 'PT Sans', sans-serif;
		top: 80px;
		right: 20px;
		position: absolute
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio-b {
		display: none
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio {
		cursor: pointer;
		position: relative
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio::before {
		content: '';
		display: block;
		border: 3px solid #dadada;
		height: 18px;
		width: 18px;
		top: -26px;
		left: -12px;
		position: absolute;
		border-radius: 50%;
		z-index: 5;
		transition: border .3s ease-in-out
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio::after {
		content: '';
		transition: background .3s ease-in-out
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio.checked::before {
		border-color: #fdd71a
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio.checked::after {
		display: block;
		background: #fdd71a;
		height: 14px;
		width: 14px;
		top: -21px;
		left: -7px;
		position: absolute;
		border-radius: 50%;
		z-index: 5
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .label {
		background: rgba(0, 0, 0, .6);
		cursor: pointer;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		font: 20px 'PT Sans', sans-serif;
		height: 40px;
		width: 518px;
		position: relative;
		z-index: 1
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .label::before {
		content: '';
		display: block;
		background: rgba(0, 0, 0, .6);
		height: 30px;
		width: 30px;
		position: absolute;
		top: -30px;
		border-radius: 50% 50% 0 0
	}

	#quize .modal-content .steps .step-5 {
		grid-template-rows: [header] 100px [content] 540px
	}

	#quize .modal-content .steps .step-5 .header {
		grid-row: 1
	}

	#quize .modal-content .steps .step-5 .content {
		grid-row: 2;
		display: grid;
		grid-template-columns: 600px;
		grid-template-rows: [h3] 80px [fields] 320px [navres] 140px;
		grid-template-areas: 'header''fields''navres';
		justify-content: center;
		align-items: center
	}

	#quize .modal-content .steps .step-5 .content h3 {
		grid-area: header;
		display: flex;
		align-items: center;
		justify-content: center;
		font: 30px 'PT Sans', sans-serif;
		line-height: 1;
		height: 80px;
		margin: 0
	}

	#quize .modal-content .steps .step-5 .content .fields {
		grid-area: fields
	}

	#quize .modal-content .steps .step-5 .content .fields .da-input {
		width: 540px
	}

	#quize .modal-content .steps .step-5 .content .fields button {
		grid-row: 3;
		align-self: center;
		justify-self: center;
		font-size: 22px;
		height: 48px;
		width: 580px;
		margin: 10px
	}

	#quize .modal-content .steps .step-5 .content .fields .confident {
		margin: 0 35px;
		display: grid;
		grid-template-columns: 1fr 15fr;
		align-items: center;
		justify-content: center
	}

	#quize .modal-content .steps .step-5 .content .fields .confident label.cb-beauty {
		display: inline-block;
		font: 17px 'PT Sans', sans-serif;
		text-align: left;
		padding-left: 10px;
		color: #999
	}

	#quize .modal-content .steps .step-5 .content .fields .confident label.cb-beauty a {
		font: inherit;
		color: inherit
	}

	#quize .modal-content .steps .step-5 .content .navres {
		grid-area: navres;
		align-self: start;
		display: flex;
		justify-content: center;
		flex-wrap: wrap
	}

	#quize .modal-content .steps .step-5 .content .navres .text {
		width: 100%;
		font: 30px 'PT Sans', sans-serif;
		margin: 0 0 20px
	}

	#quize .modal-content .steps .step-5 .content .navres .step.check {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		width: 40px;
		margin: 0 5px;
		position: relative;
		background: url(../img/svg/check-gr.svg) no-repeat center;
		-webkit-background-size: cover;
		background-size: cover
	}
}

@media only screen and (max-width:720px) {
	.sticky-header .container aside.info .location::before, header.page-header .container aside.info .location::before {
		height: .9em;
		width: .9em;
		left: -1.1em;
	}

	.detail-page {
		grid-template-rows: [header] 100px [offer] 600px [conditions] auto [pluses] auto [consultation] 430px [product] auto [extra] auto [gallery] auto [docs] auto [map] auto [footer] 170px
	}

	.offer.dp form {
		margin: 50px 0 0;
	}

	.offer.dp h1 {
		font-size: 35px;
		line-height: 1.1
	}

	.offer.dp h3 {
		font-size: 24px
	}

	.offer.dp h3 .dialog-bg::before {
		height: 38px;
		width: 90px
	}

	.offer.dp .offer-details {
		grid-template-columns: [list] 1fr [calcblock] 1fr;
		grid-column-gap: 20px
	}

	.offer.dp .offer-details ul {
		justify-self: center;
		align-self: center;
		padding: 0
	}

	.offer.dp .offer-details ul li {
		font-size: 17px
	}

	.offer.dp .offer-details aside.calc-pay {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-self: center;
		justify-content: center;
		height: 300px
	}

	.offer.dp .offer-details aside.calc-pay h4 {
		font-size: 22px;
		text-align: center;
		margin-top: 0;
		margin-bottom: 15px
	}

	.offer.dp .offer-details aside.calc-pay .btn-calc {
		font-size: 18px;
		height: 48px;
		width: 280px;
		line-height: 1
	}

	.offer.dp form input[type="text"] {
		display: block;
		margin: 0 auto 20px;
		width: calc(90% - 40px);
		max-width: 240px;
	}

	.conditions {
		display: grid;
		grid-template-columns: 600px;
		grid-template-rows: [header] 140px [conds] auto [otherway] auto;
		grid-template-areas: 'header''conds''otherway'
	}

	.conditions h2 {
		font-size: 36px
	}

	.conditions aside.conds {
		grid-area: conds;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center
	}

	.conditions aside.conds > h3 {
		font-size: 26px;
		width: 559px
	}

	.conditions aside.conds > h3 .hdesc {
		font-size: 22px
	}

	.conditions aside.conds .accordion {
		margin-top: 25px;
		padding: 0
	}

	.conditions aside.otherway {
		grid-area: otherway;
		justify-self: center;
		display: grid;
		grid-template-rows: [colored] auto [pic] 1fr;
		grid-row-gap: 35px
	}

	.conditions aside.otherway .double-color-desc {
		margin: 0;
	}

	.conditions aside.otherway .double-color-desc .red {
		height: auto;
		margin: 0;
		font-size: 20px;
		padding: 15px 25px
	}

	.conditions aside.otherway .double-color-desc .white {
		font-size: 17px;
		margin: 0;
		padding: 11px 50px
	}

	.conditions aside.otherway .picture {
		height: 277px
	}

	.pluses {
		margin-bottom: 20px
	}

	.pluses h2 {
		font-size: 32px
	}

	.pluses h3 {
		font-size: 22px
	}

	.pluses .cards {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(auto-fit, 290px);
		grid-row-gap: 40px;
		grid-column-gap: 40px
	}

	.pluses .cards .card {
		border: 1px #adadad solid;
		display: flex;
		transition: .2s ease-in-out
	}

	.pluses .cards .card .img {
		border-bottom-right-radius: 88px;
		display: block;
		flex-shrink: 0;
		height: 290px;
		width: 200px
	}

	.pluses .cards .card .text {
		margin: 0 20px;
		align-self: center
	}

	.pluses .cards .card .text p.name {
		font-size: 28px
	}

	.pluses .cards .card .text p.desc {
		transition: .3s ease-in-out;
		margin: 10px 0 10px;
		font-size: 20px
	}

	.consultation {
		background-image: none !important;
		background-color: #f2f2f2;
		border-top: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8
	}

	.consultation .container {
		grid-template-columns: 1fr
	}

	.consultation .container .content {
		grid-area: content;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	.consultation .container .content h2 {
		font-size: 24px;
		margin: 0 0 20px;
		text-align: center;
		padding-top: 50px;
	}

	.consultation .container .content h3 {
		font-size: 16px;
		width: inherit;
		margin: 10px auto 20px;
		text-align: center
	}

	.consultation .container .content button {
		width: 400px;
		font-size: 22px
	}

	.product {
		display: flex;
		flex-direction: column;
		justify-content: start
	}

	.product .specs {
		display: grid;
		grid-template-columns: 2fr 2fr 2fr 2fr
	}

	.product .specs p {
		font-size: 18px;
		margin: 10px 20px
	}

	.product .prod-cards {
		display: grid;
		grid-template-columns: 300px;
		grid-template-rows: auto;
		grid-row-gap: 20px;
		grid-column-gap: 10px
	}

	.product .prod-cards .card {
		border: 2px #adadad solid;
		display: flex;
		flex-direction: column;
		align-items: center;
		transition: .2s ease-in-out;
		flex-wrap: wrap
	}

	.product .prod-cards .card .prod-pic {
		height: 200px;
		width: auto
	}

	.product .prod-cards .card button {
		width: 240px
	}

	.product h2 {
		font-size: 36px
	}

	.map {
		min-height: 540px
	}

	.map .content header .container h2 {
		font-size: 36px;
	}

	.extra .container {
		display: flex;
		flex-direction: column;
		margin-bottom: 20px
	}

	.extra .container header h2 {
		font-size: 36px
	}

	.extra .container header h3 {
		font-size: 24px
	}

	.extra .container .questions {
		align-self: center;
		justify-content: center;
		width: 600px;
		height: auto
	}

	.extra .container .questions .accordion li .acrd-item {
		font-size: 20px
	}

	.extra .container .questions .accordion li .acrd-item .acrd-label.active {
		font-size: 24px
	}

	.extra .container .answers .block h5 {
		font-size: 24px
	}

	.extra .container .answers .block .check-list li p {
		font-size: 17px
	}

	.extra .container .answers .btn-label {
		font-size: 20px
	}

	.extra .container .answers button {
		height: auto;
		width: 385px;
		font-size: 22px
	}

	.gallery header {
		grid-area: header;
		flex-direction: column;
		justify-content: flex-end;
		flex-wrap: wrap
	}

	.gallery header h2 {
		font-size: 34px
	}

	.gallery header h3 {
		font-size: 22px
	}

	.docs {
		display: grid;
		grid-template-rows: [header] 200px [docs] auto
	}

	.docs header {
		align-self: center
	}

	.docs header h2 {
		font-size: 34px
	}

	.docs header h3 {
		font-size: 20px
	}

	.docs .documents {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
	}

	.div_otzyvy {
		padding-top: 50px;
		padding-top: 0;
	}

	.div_otzyvy .docs {
		padding-top: 50px;
		margin-top: 0px;
	}

	.div_otzyvy .docs header h3 {
		margin: 0;
	}

	.logo .img-proizv img {
		width: 600px;
		height: 249px;
	}

	.logo .img-klienty img {
		width: 600px;
		height: 262px;
	}

	.thx-page {
		display: grid;
		grid-template-rows: [header] 100px [thx] 546px [other] auto [footer] auto
	}

	.thx .container {
		color: #fff;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center
	}

	.thx .container h1 {
		font-size: 80px;
		text-align: center;
		margin: 10px 0
	}

	.thx .container h1 span {
		font-size: 30px
	}

	.thx .container h3 {
		font-size: 24px;
		text-align: center;
		margin: -30px 0 20px;
		position: relative;
		top: 0
	}

	.thx .container h2 {
		font-size: 24px;
		text-align: center;
		margin: 0 0 20px;
		position: relative;
		top: 0
	}

	.thx .container h2 .cl-phone {
		background: #fa4923;
		font-family: 'PT Sans', sans-serif;
		text-align: center;
		display: inline-block;
		margin-top: 2px;
		padding: 5px
	}

	.thx .container .if-wrong {
		font: 24px 'PT Sans', sans-serif;
		text-align: center;
		position: relative;
		top: 0;
		margin-top: -20px
	}

	.thx .container .if-wrong a {
		font-size: 24px;
		color: #fdd91b
	}

	.thx .container .urgent {
		background: rgba(0, 0, 0, .6);
		font: 30px 'PT Sans', sans-serif;
		text-align: center;
		padding: 10px;
		margin: -20px 0 50px;
		position: relative;
		top: 0;
		max-width: 900px
	}

	.thx .container .urgent span {
		display: block;
		font-family: 'PT Sans', sans-serif
	}

	.otherprods {
		top: 0;
		margin-top: -20px;
		margin-bottom: 50px;
		display: grid;
		grid-template-rows: [header] 120px [prods] auto
	}

	.otherprods header {
		grid-area: header
	}

	.otherprods header h4 {
		font-size: 24px;
		margin: 0
	}

	.otherprods header h4 span {
		display: block;
		font-family: 'PT Sans', sans-serif
	}

	.otherprods .prods {
		grid-area: prods;
		display: grid;
		grid-template-columns: repeat(auto-fit, 300px)
	}

	.otherprods .prods .prod {
		height: 400px;
		width: 300px
	}

	.otherprods .prods .prod .name {
		font-size: 24px
	}

	.otherprods .prods .prod .price {
		font-size: 22px
	}

	.otherprods .prods .prod .img {
		height: 270px;
		width: 260px
	}

	.container {
		width: 600px
	}

	.sticky-header .container aside.logo i.logo,
	header.page-header .container aside.logo i.logo {
		width: 155px;
		height: 30.52px;
	}

	/*.sticky-header .container aside.logo i.logo {
	background: url(/wp-content/uploads/2021/01/logo-s-za-d-light111.png) no-repeat center;

}*/
	.sticky-header .container .calc-pay p,
	header.page-header .container .calc-pay p {
		font-size: 12px;
		text-align: center
	}

	.sticky-header .container .calc-pay .btn-calc,
	header.page-header .container .calc-pay .btn-calc {
		height: 32px;
		width: 260px;
		font-size: 19px;
	}

	header.page-header .container aside.info .worktime_header {
		font-size: 11px;
	}

	.sticky-header .container aside.info .phone-num,
	header.page-header .container aside.info .phone-num {
		font-size: 19px
	}

	.sticky-header .container aside.info .phone-num {
		font-size: 18px
	}

	.sticky-header .container aside.info .location,
	header.page-header .container aside.info .location {
		font-size: 13px;
		margin-top: 5px;
	}

	.sticky-header .container aside.info .location::before,
	header.page-header .container aside.info .location::before {
		height: 18px;
		width: 18px;
		left: -24px;
		top: 12px;
	}

	.sticky-header .container aside.info .location .current,
	header.page-header .container aside.info .location .current {
		font-size: 12px
	}

	.offer h1 {
		font-size: 40px
	}

	.offer h3 {
		font-size: 24px
	}

	.map .content .preview.container aside.map-self .map-img .city.spb {
		top: 107px;
		left: 105px
	}

	.map .content .preview.container aside.map-self .map-img .city.msk {
		top: 165px;
		left: 98px
	}

	.map .content .preview.container aside.map-self .map-img .city.nn {
		top: 191px;
		left: 122px
	}

	.map .content .preview.container aside.map-self .map-img .city.ekb {
		top: 231px;
		left: 200px
	}

	.map .content .preview.container aside.map-self .map-img .city.nsk {
		top: 290px;
		left: 275px
	}

	.product h3 {
		font-size: 22px;
	}

	footer section aside.logo i.logo {
		-webkit-background-size: contain !important;
		-moz-background-size: contain !important;
		-o-background-size: contain !important;
		background-size: contain !important;
		width: 180px
	}

	footer section aside.logo a {
		font-size: 14px
	}

	footer section .foot-center p {
		font-size: 14px
	}

	footer section .foot-center .goto a {
		display: block
	}

	footer section aside.callback p.phone-num {
		font-size: 22px
	}

	footer section aside.callback .btn-callback {
		font-size: 18px
	}

	#buy-prod .modal-content {
		width: 600px;
		margin: 0 auto
	}

	#buy-prod .modal-content form {
		grid-template-columns: 1fr;
		grid-template-areas: 'leftblock''rightblock'
	}

	#buy-prod .modal-content form .leftblock {
		display: grid;
		grid-area: leftblock;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: [header] 80px [prodcard] auto [table] 80px [cost] 50px;
		grid-template-areas: 'header header''img props''table table''total total';
		border-bottom: 15px solid #e8e8e8;
		border-right: 3px solid #e8e8e8;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 0
	}

	#buy-prod .modal-content form .leftblock .pic {
		grid-area: img;
		justify-self: center;
		height: 200px;
		width: 180px
	}

	#buy-prod .modal-content form .leftblock .table-props {
		grid-area: table;
		justify-self: center
	}

	#buy-prod .modal-content form .leftblock .table-props td,
	#buy-prod .modal-content form .leftblock .table-props th {
		padding: 10px 20px
	}

	#buy-prod .modal-content form .leftblock .cost {
		grid-area: total;
		font: 26px 'PT Sans', sans-serif;
		margin: 0
	}

	#buy-prod .modal-content form .leftblock .cost span {
		font-family: 'PT Sans', sans-serif
	}

	#buy-prod .modal-content form .rightblock {
		grid-area: rightblock;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: [header] 80px [fields] auto [footer] 140px;
		grid-row-gap: 0;
		grid-template-areas: 'header''fields''footer'
	}

	#buy-prod .modal-content form .rightblock h3 {
		grid-area: header;
		background: #fa4923;
		border-bottom: 3px solid #fa4923;
		font: 32px 'PT Sans', sans-serif;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		height: 80px
	}

	#buy-prod .modal-content form .rightblock .fields {
		background: #fff
	}

	#buy-prod .modal-content form .rightblock .fields .explain {
		color: #000
	}

	#buy-prod .modal-content form .rightblock .footer {
		background: #fff
	}

	#ral .modal-content {
		width: 600px;
		margin: 0 auto
	}

	#ral .modal-content form {
		grid-template-columns: 1fr;
		grid-template-areas: 'leftblock''rightblock'
	}

	#ral .modal-content form .leftblock {
		display: grid;
		grid-area: leftblock;
		grid-template-columns: 1fr;
		grid-template-rows: [header] 80px [colors] auto;
		grid-template-areas: 'header''colors';
		border-bottom: 15px solid #e8e8e8;
		border-right: 3px solid #e8e8e8;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 0
	}

	#ral .modal-content form .rightblock {
		grid-area: rightblock;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: [header] 80px [fields] auto [footer] 140px;
		grid-row-gap: 0;
		grid-template-areas: 'header''fields''footer'
	}

	#ral .modal-content form .rightblock h3 {
		grid-area: header;
		background: #fa4923;
		border-bottom: 3px solid #fa4923;
		font: 32px 'PT Sans', sans-serif;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		height: 80px
	}

	#ral .modal-content form .rightblock .fields {
		background: #fff
	}

	#ral .modal-content form .rightblock .fields .explain {
		color: #000
	}

	#ral .modal-content form .rightblock .footer {
		background: #fff
	}

	#not-found .modal-dialog {
		background: #fff;
		border: 3px solid #fa4923;
		border-radius: 5px;
		overflow-y: auto
	}

	#not-found .close {
		top: 0;
		right: 2px
	}

	#not-found .modal-content .container {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: [header] 80px [text] auto [prods] auto [footer] 100px;
		height: auto;
		grid-template-areas: 'header''text''prods''footer';
		align-items: center;
		grid-column-gap: 30px
	}

	#not-found .modal-content .container h2 {
		font-size: 28px;
		margin: 0;
		align-self: center;
		justify-content: center;
		width: 100%
	}

	#not-found .modal-content .container p {
		grid-area: text;
		font-size: 20px;
		margin: 20px 20px
	}

	#not-found .modal-content .container .prods {
		grid-area: prods;
		grid-template-columns: 260px;
		grid-row-gap: 20px;
		justify-content: center;
		width: inherit
	}

	#not-found .modal-content .container .prods .prod {
		height: 380px;
		width: 220px;
		margin-bottom: 10px
	}

	#not-found .modal-content .container .prods .prod .name {
		font-size: 20px
	}

	#not-found .modal-content .container .prods .prod .price {
		font-size: 22px
	}

	#not-found .modal-content .container .prods .prod .img {
		height: 260px;
		width: 180px
	}

	#not-found .modal-content .container .footer {
		grid-area: footer;
		height: auto
	}

	#politic .modal-dialog .modal-content {
		width: 600px
	}

	#quize .modal-content {
		height: auto;
		width: 600px
	}

	#quize .modal-content .steps [class^=step] {
		display: none;
		grid-template-columns: repeat(auto-fit, 1fr);
		grid-template-areas: 'header''content'
	}

	#quize .modal-content .steps [class^=step] .header {
		font-size: 30px;
		line-height: 1
	}

	#quize .modal-content .steps .step-1 {
		display: grid;
		grid-template-rows: [header] 140px [content] 500px
	}

	#quize .modal-content .steps .step-1 .header {
		grid-row: 1
	}

	#quize .modal-content .steps .step-1 .content {
		grid-row: 2;
		display: grid;
		grid-template-rows: [h3] 40px [achivs] 300px [footer] 140px
	}

	#quize .modal-content .steps .step-1 .content h3 {
		font: 23px 'PT Sans', sans-serif
	}

	#quize .modal-content .steps .step-1 .content .achievements {
		grid-row: 2;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(auto, 160px));
		justify-content: center;
		align-self: center;
		align-items: center
	}

	#quize .modal-content .steps .step-1 .content .achievements .achievement .img {
		-webkit-background-size: cover;
		background-size: cover;
		display: block;
		height: 150px;
		width: auto
	}

	#quize .modal-content .steps .step-1 .content .achievements .achievement .desc {
		font: 18px 'PT Sans', sans-serif;
		padding: 0 10px
	}

	#quize .modal-content .steps .step-1 .content button {
		grid-row: 3;
		align-self: center;
		justify-self: center;
		font-size: 22px;
		height: 48px;
		width: 380px
	}

	#quize .modal-content .steps .step-2,
	#quize .modal-content .steps .step-3,
	#quize .modal-content .steps .step-4 {
		grid-template-rows: [header] 100px [content] auto;
		align-items: center
	}

	#quize .modal-content .steps .step-2 .content,
	#quize .modal-content .steps .step-3 .content,
	#quize .modal-content .steps .step-4 .content {
		grid-row: 2;
		display: grid;
		grid-template-rows: [items] auto [nav] auto;
		grid-template-columns: 600px
	}

	#quize .modal-content .steps .step-2 .content .items,
	#quize .modal-content .steps .step-3 .content .items,
	#quize .modal-content .steps .step-4 .content .items {
		display: grid;
		grid-template-columns: repeat(2, 300px);
		grid-gap: 15px;
		justify-content: center;
		align-self: center
	}

	#quize .modal-content .steps .step-2 .content .items .item,
	#quize .modal-content .steps .step-3 .content .items .item,
	#quize .modal-content .steps .step-4 .content .items .item {
		-webkit-background-size: cover;
		background-size: cover;
		display: flex;
		flex-direction: column;
		align-items: center;
		height: 200px
	}

	#quize .modal-content .steps .step-2 .content .nav,
	#quize .modal-content .steps .step-3 .content .nav,
	#quize .modal-content .steps .step-4 .content .nav {
		display: grid;
		grid-template-columns: repeat(2, 300px);
		grid-template-rows: repeat(2, 100px);
		grid-column-gap: 20px;
		grid-template-areas: 'bprev bnext''steps steps';
		justify-self: center;
		align-items: center;
		justify-content: center;
		margin: 0
	}

	#quize .modal-content .steps .step-2 .content .nav .nav-steps,
	#quize .modal-content .steps .step-3 .content .nav .nav-steps,
	#quize .modal-content .steps .step-4 .content .nav .nav-steps {
		grid-area: steps;
		display: flex;
		justify-content: center;
		align-items: center
	}

	#quize .modal-content .steps .step-2 .content .nav .nav-steps .step,
	#quize .modal-content .steps .step-3 .content .nav .nav-steps .step,
	#quize .modal-content .steps .step-4 .content .nav .nav-steps .step {
		font: 22px 'PT Sans', sans-serif;
		font-style: normal;
		height: 40px;
		width: 40px;
		border-radius: 30px;
		margin: 0 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative
	}

	#quize .modal-content .steps .step-2 .content .nav .nav-steps .step::before,
	#quize .modal-content .steps .step-3 .content .nav .nav-steps .step::before,
	#quize .modal-content .steps .step-4 .content .nav .nav-steps .step::before {
		content: '';
		background: #dadada;
		border-radius: 7px;
		height: 32px;
		width: 32px;
		position: absolute;
		z-index: -1;
		transform: rotate(45deg)
	}

	#quize .modal-content .steps .step-2 .content .nav button,
	#quize .modal-content .steps .step-3 .content .nav button,
	#quize .modal-content .steps .step-4 .content .nav button {
		font-size: 15px;
		height: 48px;
		width: 260px;
		justify-self: center
	}

	#quize .modal-content .steps .step-2 .content .nav button.nav-prev,
	#quize .modal-content .steps .step-3 .content .nav button.nav-prev,
	#quize .modal-content .steps .step-4 .content .nav button.nav-prev {
		grid-area: bprev;
		background: linear-gradient(#f4f4f4, #d0d0d0);
		box-shadow: 0 3px 0 #a8a8a8;
		color: #999
	}

	#quize .modal-content .steps .step-2 .content .nav button.nav-next,
	#quize .modal-content .steps .step-3 .content .nav button.nav-next,
	#quize .modal-content .steps .step-4 .content .nav button.nav-next {
		grid-area: bnext
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow,
	#quize .modal-content .steps .step-3 .content .nav button .arrow,
	#quize .modal-content .steps .step-4 .content .nav button .arrow {
		-webkit-background-size: cover !important;
		background-size: cover !important;
		height: 16px;
		width: 16px;
		display: inline-block;
		position: relative;
		top: 3px;
		padding: 0
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow.prev,
	#quize .modal-content .steps .step-3 .content .nav button .arrow.prev,
	#quize .modal-content .steps .step-4 .content .nav button .arrow.prev {
		background: url(../img/svg/arr-prev.svg) no-repeat center;
		margin-right: 10px
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow.next,
	#quize .modal-content .steps .step-3 .content .nav button .arrow.next,
	#quize .modal-content .steps .step-4 .content .nav button .arrow.next {
		background: url(../img/svg/arr-next.svg) no-repeat center;
		margin-left: 10px
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow.cancel,
	#quize .modal-content .steps .step-3 .content .nav button .arrow.cancel,
	#quize .modal-content .steps .step-4 .content .nav button .arrow.cancel {
		background: url(../img/svg/cancel.svg) no-repeat center;
		margin-right: 10px
	}

	#quize .modal-content .steps .step-4 .content .items {
		display: grid;
		margin: 0 50px;
		grid-template-columns: repeat(auto-fit, 520px);
		grid-template-rows: repeat(auto-fit, 300px);
		grid-gap: 15px;
		justify-content: center;
		align-content: center
	}

	#quize .modal-content .steps .step-4 .content .items .item-big {
		height: 300px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		position: relative
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .big-input {
		border: none;
		border-bottom: 1px solid #999;
		background: 0 0;
		top: 70px;
		width: 340px;
		height: 80px;
		font: 100px 'PT Sans', sans-serif;
		color: #fa4923;
		text-align: center;
		position: absolute
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .label-area {
		font: 60px 'PT Sans', sans-serif;
		top: 80px;
		right: 20px;
		position: absolute
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio-b {
		display: none
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio {
		cursor: pointer;
		position: relative
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio::before {
		content: '';
		display: block;
		border: 3px solid #dadada;
		height: 18px;
		width: 18px;
		top: -26px;
		left: -12px;
		position: absolute;
		border-radius: 50%;
		z-index: 5;
		transition: border .3s ease-in-out
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio::after {
		content: '';
		transition: background .3s ease-in-out
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio.checked::before {
		border-color: #fdd71a
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .radio.checked::after {
		display: block;
		background: #fdd71a;
		height: 14px;
		width: 14px;
		top: -21px;
		left: -7px;
		position: absolute;
		border-radius: 50%;
		z-index: 5
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .label {
		background: rgba(0, 0, 0, .6);
		cursor: pointer;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		font: 20px 'PT Sans', sans-serif;
		height: 40px;
		width: 518px;
		position: relative;
		z-index: 1
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .label::before {
		content: '';
		display: block;
		background: rgba(0, 0, 0, .6);
		height: 30px;
		width: 30px;
		position: absolute;
		top: -30px;
		border-radius: 50% 50% 0 0
	}

	#quize .modal-content .steps .step-5 {
		grid-template-rows: [header] 100px [content] 540px
	}

	#quize .modal-content .steps .step-5 .header {
		grid-row: 1
	}

	#quize .modal-content .steps .step-5 .content {
		grid-row: 2;
		display: grid;
		grid-template-columns: 600px;
		grid-template-rows: [h3] 80px [fields] 320px [navres] 140px;
		grid-template-areas: 'header''fields''navres';
		justify-content: center;
		align-items: center
	}

	#quize .modal-content .steps .step-5 .content h3 {
		grid-area: header;
		display: flex;
		align-items: center;
		justify-content: center;
		font: 30px 'PT Sans', sans-serif;
		line-height: 1;
		height: 80px;
		margin: 0
	}

	#quize .modal-content .steps .step-5 .content .fields {
		grid-area: fields
	}

	#quize .modal-content .steps .step-5 .content .fields .da-input {
		width: 540px
	}

	#quize .modal-content .steps .step-5 .content .fields button {
		grid-row: 3;
		align-self: center;
		justify-self: center;
		font-size: 22px;
		height: 48px;
		width: 580px;
		margin: 10px
	}

	#quize .modal-content .steps .step-5 .content .fields .confident {
		margin: 0 35px;
		display: grid;
		grid-template-columns: 1fr 15fr;
		align-items: center;
		justify-content: center
	}

	#quize .modal-content .steps .step-5 .content .fields .confident label.cb-beauty {
		display: inline-block;
		font: 17px 'PT Sans', sans-serif;
		text-align: left;
		padding-left: 10px;
		color: #999
	}

	#quize .modal-content .steps .step-5 .content .fields .confident label.cb-beauty a {
		font: inherit;
		color: inherit
	}

	#quize .modal-content .steps .step-5 .content .navres {
		grid-area: navres;
		align-self: start;
		display: flex;
		justify-content: center;
		flex-wrap: wrap
	}

	#quize .modal-content .steps .step-5 .content .navres .text {
		width: 100%;
		font: 30px 'PT Sans', sans-serif;
		margin: 0 0 20px
	}

	#quize .modal-content .steps .step-5 .content .navres .step.check {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		width: 40px;
		margin: 0 5px;
		position: relative;
		background: url(../img/svg/check-gr.svg) no-repeat center;
		-webkit-background-size: cover;
		background-size: cover
	}
}

@media only screen and (max-width:640px) {
	.detail-page {
		grid-template-rows: [header] auto [offer] 600px [conditions] auto [pluses] auto [consultation] 430px [product] auto [extra] auto [gallery] auto [docs] auto [map] auto [footer] 170px
	}

	.extra .container .questions {
		width: 450px;
	}

	.logo .img-proizv img {
		width: 430px;
		height: 178px;
	}

	.logo .img-klienty img {
		width: 430px;
		height: 188px;
	}

	.offer.dp h1 {
		font-size: 35px;
		line-height: 1.1
	}

	.offer.dp h3 {
		font-size: 24px
	}

	.offer.dp h3 .dialog-bg::before {
		height: 38px;
		width: 90px
	}

	.offer.dp .offer-details {
		grid-template-columns: 1fr;
		grid-column-gap: 20px
	}

	.offer.dp .offer-details ul {
		display: none
	}

	.offer.dp .offer-details aside.calc-pay {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-self: center;
		justify-content: center;
		height: 300px
	}

	.offer.dp .offer-details aside.calc-pay h4 {
		font-size: 22px;
		text-align: center;
		margin-top: 0;
		margin-bottom: 15px
	}

	.offer.dp .offer-details aside.calc-pay .btn-calc {
		font-size: 18px;
		height: 48px;
		width: 300px;
		line-height: 1
	}

	.conditions {
		display: grid;
		grid-template-columns: 400px;
		grid-template-rows: [header] 140px [conds] auto [otherway] auto;
		grid-template-areas: 'header''conds''otherway'
	}

	.conditions h2 {
		font-size: 34px
	}

	.conditions aside.conds {
		grid-area: conds;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center
	}

	.conditions aside.conds > h3 {
		font-size: 26px;
		width: 400px
	}

	.conditions aside.conds > h3 .hdesc {
		font-size: 22px
	}

	.conditions aside.conds .accordion {
		margin-top: 25px;
		padding: 0
	}

	.conditions aside.otherway {
		grid-area: otherway;
		justify-self: center;
		display: grid;
		grid-template-rows: [colored] auto [pic] 1fr;
		grid-row-gap: 35px
	}

	.conditions aside.otherway .double-color-desc .red {
		height: auto;
		margin: 0;
		font-size: 20px;
		padding: 15px 25px
	}

	.conditions aside.otherway .double-color-desc .white {
		font-size: 17px;
		margin: 0;
		padding: 11px 50px
	}

	.conditions aside.otherway .picture {
		height: 277px
	}

	.gallery header h2 {
		font-size: 34px;
	}

	.pluses {
		margin-bottom: 20px
	}

	.pluses h3 {
		font-size: 20px
	}

	.pluses .cards {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(auto-fit, 290px);
		grid-row-gap: 40px;
		grid-column-gap: 40px
	}

	.pluses .cards .card {
		border: 1px #adadad solid;
		display: flex;
		transition: .2s ease-in-out
	}

	.pluses .cards .card .img {
		border-bottom-right-radius: 88px;
		display: block;
		flex-shrink: 0;
		height: 290px;
		width: 200px
	}

	.pluses .cards .card .text {
		margin: 0 20px;
		align-self: center
	}

	.pluses .cards .card .text p.name {
		font-size: 20px
	}

	.pluses .cards .card .text p.desc {
		transition: .3s ease-in-out;
		margin: 10px 0 10px;
		font-size: 14px
	}

	.product .specs {
		grid-template-columns: 1fr
	}

	.extra .container header h2 {
		font-size: 34px
	}

	.extra .container header h3 {
		font-size: 20px
	}

	.thx-page {
		display: grid;
		grid-template-rows: [header] 100px [thx] 546px [other] auto [footer] auto
	}

	.thx .container {
		color: #fff;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center
	}

	.thx .container h1 {
		font-size: 80px;
		text-align: center;
		margin: 10px 0
	}

	.thx .container h1 span {
		font-size: 30px
	}

	.thx .container h3 {
		font-size: 24px;
		text-align: center;
		margin: -30px 0 20px;
		position: relative;
		top: 0
	}

	.thx .container h2 {
		font-size: 24px;
		text-align: center;
		margin: 0 0 20px;
		position: relative;
		top: 0
	}

	.thx .container h2 .cl-phone {
		background: #fa4923;
		font-family: 'PT Sans', sans-serif;
		text-align: center;
		display: inline-block;
		margin-top: 2px;
		padding: 5px
	}

	.thx .container .if-wrong {
		font: 24px 'PT Sans', sans-serif;
		text-align: center;
		position: relative;
		top: 0;
		margin-top: -20px
	}

	.thx .container .if-wrong a {
		font-size: 24px;
		color: #fdd91b
	}

	.thx .container .urgent {
		background: rgba(0, 0, 0, .6);
		font-size: 24px;
		text-align: center;
		padding: 10px;
		margin: -20px 0 50px;
		position: relative;
		top: 0;
		max-width: 900px
	}

	.thx .container .urgent span {
		display: block;
		font-family: 'PT Sans', sans-serif
	}

	.container {
		width: 400px
	}

	.main-page {
		grid-template-rows: [header] auto [offer] 600px [categories] auto [map] auto [footer] 300px;
		overflow-x: hidden
	}

	.sticky-header .container {
		max-height: max-content;
		padding-block: 5px;
		align-items: center;
	}

	.sticky-header .container,
	header.page-header .container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		height: 160px
	}

	.sticky-header .container aside.logo,
	header.page-header .container aside.logo {
		display: block;
		order: 0;
		margin: 0 0 -30px 0;
	}

	.sticky-header .container aside.logo p,
	header.page-header .container aside.logo p {
		display: none;
		font-size: 12px
	}

	.sticky-header .container aside.logo .logo,
	header.page-header .container aside.logo .logo {
		height: 50px;
		width: 200px;
		-webkit-background-size: contain;
		background-size: contain
	}

	.sticky-header .container aside.logo i.logo,
	header.page-header .container aside.logo i.logo {
		background:  
			/* 		url(/wp-content/uploads/2021/01/logo3.png) */
			url(/wp-content/themes/gidro/img/logosnoszadenlight.png)
			no-repeat center;
		width: 227px;
		height: 44.69px;
		margin-bottom: 15px;
		background-size: cover;
	}

	.sticky-header .container .calc-pay,
	header.page-header .container .calc-pay {
		order: 2;
		flex-direction: column;
		justify-content: space-between
	}

	.sticky-header .container .calc-pay p,
	header.page-header .container .calc-pay p {
		display: none
	}

	.sticky-header .container .calc-pay .btn-calc,
	header.page-header .container .calc-pay .btn-calc {
		order: 2;
		height: 40px;
		width: 300px;
		margin: 10px;
		font-size: 19px;
		line-height: 1
	}

	.sticky-header .container .calc-pay .location,
	header.page-header .container .calc-pay .location {
		order: 1;
		display: flex;
		flex-direction: column
	}

	.sticky-header .container aside.info,
	header.page-header .container aside.info {
		order: 1
	}

	.sticky-header .container aside.info .phone-num,
	header.page-header .container aside.info .phone-num {
		font-size: 26px;
		display: none
	}

	header.page-header .container aside.info .worktime_header {
		display: none
	}

	aside.info {
		width: 100%
	}

	.sticky-header .container aside.info .phone-num.mob,
	header.page-header .container aside.info .phone-num.mob {
		display: block;
		margin: 0 auto -30px;
	}

	.sticky-header .container aside.info .location,
	header.page-header .container aside.info .location {
		display: none
	}

	.sticky-header .container {
		height: 100px
	}

	.sticky-header .container aside.logo {
		display: none
	}

	.sticky-header .container .calc-pay {
		order: 2;
		flex-direction: column;
		justify-content: space-between;
		margin: 0
	}

	.sticky-header .container .calc-pay p {
		display: none
	}

	.sticky-header .container .calc-pay .btn-calc {
		order: 2;
		height: 40px;
		width: 300px;
		margin: 0;
		font-size: 19px;
	}

	.sticky-header .container .calc-pay .location {
		display: none
	}

	.sticky-header .container aside.info {
		order: 1;
		align-items: center;
	}

	.sticky-header .container aside.info .phone-num {
		font-size: 26px;
		display: none
	}

	.sticky-header .container aside.info .location {
		display: none
	}

	.offer h1 {
		font-size: 32px
	}

	.offer h3 {
		font-size: 21px
	}

	.offer h3 .dialog-bg::before {
		height: 40px;
		width: 96px
	}

	.categories {
		height: auto
	}

	.categories h2 {
		font-size: 34px
	}

	.gallery .pics a .pic {
		width: 47%;
		height: 170px
	}

	.map {
		min-height: 480px;
	}

	.map .content header .container h2 {
		font-size: 36px;
		text-align: center
	}

	.map .content header .container h2 span {
		font-size: 22px
	}

	.map .content .preview.container {
		width: inherit
	}

	.map .content .preview.container aside.map-self {
		align-self: center
	}

	.map .content .preview.container aside.map-self .map-img {
		background: url(../img/rusmapp.png) no-repeat left;
		-webkit-background-size: cover;
		background-size: cover;
		height: 310px;
		position: relative
	}

	.map .content .preview.container aside.map-self .map-img .city.spb {
		top: 80px;
		left: 88px
	}

	.map .content .preview.container aside.map-self .map-img .city.msk {
		top: 128px;
		left: 80px
	}

	.map .content .preview.container aside.map-self .map-img .city.nn {
		top: 150px;
		left: 100px
	}

	.map .content .preview.container aside.map-self .map-img .city.ekb {
		top: 183px;
		left: 166px
	}

	.map .content .preview.container aside.map-self .map-img .city.nsk {
		top: 232px;
		left: 230px
	}

	footer {
		height: 300px
	}

	footer section {
		display: flex;
		flex-direction: column
	}

	footer section aside.logo a {
		font-size: 15px;
		margin-top: 15px;
	}

	footer section .foot-center p {
		font-size: 15px
	}

	footer section .foot-center .goto a {
		display: block
	}

	footer section aside.callback .phone-num {
		font-weight: 400;
		display: none;
		font-size: 25px;
	}

	footer section aside.callback .phone-num.mob {
		display: block
	}

	footer section aside.callback .btn-callback {
		font-size: 18px
	}

	.close {
		top: -15px;
		right: -1.3px;
	}

	footer i.logo {
		display: none
	}

	footer i.logo.u-640 {
		display: block
	}

	footer aside.logo {
		max-width: unset
	}

	.sitemap-link {
		display: flex;
		justify-content: center;
	}

	.product h2 {
		font-size: 32px
	}
}

@media only screen and (max-width:465px) {

	.container {
		max-width: 350px;
	}

	.detail-page {
		grid-template-rows: [header] auto [offer] auto [conditions] auto [pluses] auto [consultation] 430px [product] auto [extra] auto [gallery] auto [docs] auto [map] auto [footer] auto
	}

	.logo .img-proizv img {
		width: 360px;
		height: 149px;
	}

	.logo .img-klienty img {
		width: 360px;
		height: 157px;
	}

	.logo .img-proizv img {
		width: 350px;
		height: 145px;
		padding-block-start: 35px;
	}

	.logo .img-klienty img {
		width: 350px;
		height: 153px;
	}

	.gallery td {
		max-width: 108px;
	}

	.offer.dp h1 {
		margin-top: 40px;
		font-size: 40px
	}

	.offer.dp h3 {
		font-size: 20px
	}

	.offer.dp h3 .dialog-bg::before {
		height: 32px;
		width: 75px
	}

	.offer.dp .offer-details {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, 150px)
	}

	.offer.dp .offer-details ul {
		justify-self: center;
		align-self: flex-start;
		margin: 10px auto;
		padding: 0
	}

	.offer.dp .offer-details ul li {
		margin: 5px 0;
		font-size: 16px
	}

	.offer.dp .offer-details aside.calc-pay {
		justify-content: flex-start;
		margin-top: 40px
	}

	.offer.dp .offer-details aside.calc-pay h4 {
		display: none;
		margin-top: 30px;
		font-size: 20px
	}

	.offer.dp .offer-details aside.calc-pay .btn-calc {
		font-size: 20px;
		height: 48px;
		width: 300px
	}

	.conditions {
		display: grid;
		padding-left: 10px;
		grid-template-columns: 300px;
		grid-template-rows: [header] 200px [conds] auto [otherway] auto;
		grid-template-areas: 'header''conds''otherway'
	}

	.conditions h2 {
		font-size: 27px
	}

	.conditions aside.conds {
		grid-area: conds;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center
	}

	.conditions aside.conds > h3 {
		font-size: 26px;
		width: 300px;
		margin-left: 20px;
	}

	.conditions aside.conds > h3 .hdesc {
		font-size: 20px
	}

	.conditions aside.conds .accordion {
		width: inherit;
		margin-top: 25px;
		padding: 0
	}

	.conditions aside.otherway {
		grid-area: otherway;
		max-width: 300px;
		padding-left: 20px
	}

	.conditions aside.otherway .double-color-desc {
		width: 300px;

	}

	.pluses {
		margin-bottom: 20px
	}

	.pluses h3 {
		font-size: 20px
	}

	.pluses .cards {
		display: grid;
		grid-template-columns: 300px;
		grid-template-rows: repeat(auto-fit, 200px);
		grid-row-gap: 40px;
		grid-column-gap: 40px
	}

	.pluses .cards .card {
		border: 1px #adadad solid;
		display: flex;
		transition: .2s ease-in-out
	}

	.pluses .cards .card .img {
		border-bottom-right-radius: 88px;
		display: block;
		flex-shrink: 0;
		height: 200px;
		width: 120px
	}

	.pluses .cards .card .text {
		margin: 0 20px;
		align-self: center
	}

	.pluses .cards .card .text p.name {
		font-size: 14px;
		transform: translateY(0)
	}

	.pluses .cards .card .text p.desc {
		opacity: 1;
		transition: .3s ease-in-out;
		margin: 10px 0 10px;
		font-size: 12px
	}

	.consultation {
		padding-block: 30px;
		background-image: none;
		background-color: #f2f2f2;
		border-top: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8
	}

	.consultation .container .content {
		grid-area: content;
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.consultation .container .content h2 {
		font-size: 24px;
		margin: 0 0 20px
	}

	.consultation .container .content h3 {
		font-size: 16px;
		width: 100%
	}

	.consultation .container .content button {
		width: 260px;
	}

	.product {
		display: flex;
		flex-direction: column;
		justify-content: start
	}

	.product h3 {
		font-size: 20px
	}

	.product .specs {
		grid-template-columns: 1fr
	}

	.extra .container {
		display: flex;
		flex-direction: column
	}

	.extra .container header h2 {
		font-size: 30px
	}

	.extra .container header h3 {
		font-size: 18px
	}

	.extra .container .questions {
		align-self: center;
		justify-content: center;
		width: 300px;
		height: auto
	}

	.extra .container .questions .accordion li::before {
		font-size: 50px;
		top: -8px
	}

	.extra .container .questions .accordion li .acrd-item {
		font-size: 18px
	}

	.extra .container .questions .accordion li .acrd-item .acrd-label.active {
		font-size: 20px
	}

	.extra .container .answers .block h5 {
		font-size: 18px
	}

	.extra .container .answers .block .check-list li p {
		font-size: 16px
	}

	.extra .container .answers .btn-label {
		font-size: 18px
	}

	.extra .container .answers button {
		height: auto;
		width: 300px;
	}

	.extra .container .questions h4 {
		font-size: 22px;
		margin: 0 0 0 0px;
	}

	.gallery header {
		grid-area: header;
		flex-direction: column;
		justify-content: flex-end;
		flex-wrap: wrap
	}

	.gallery header h3 {
		font-size: 18px
	}

	.gallery .pics a .pic {
		width: 95%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		height: 220px
	}

	.gallery .pics a:nth-child(odd) .pic {
		margin-right: auto;
	}

	.gallery .pics a:nth-child(even) .pic {
		margin-left: auto;
	}

	.docs {
		display: block;
	}

	.logo2 {

		/*margin-top:120px;*/
	}

	.docs header {
		align-self: center
	}

	.docs header h2 {
		font-size: 27px
	}

	.docs header h3 {
		font-size: 18px;

	}

	.rub .docs .documents {
		display: block;
	}

	.docs .documents {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
	}

	.thx-page {
		display: grid;
		grid-template-rows: [header] auto [thx] 300px [other] auto [footer] auto
	}

	.thx .container h1 {
		font-size: 50px;
		text-align: center;
		margin: 10px 0
	}

	.thx .container h1 span {
		font-size: 20px
	}

	.thx .container h3 {
		font-size: 18px;
		text-align: center;
		margin: -25px 0 20px;
		position: relative;
		top: 0
	}

	.thx .container h2 {
		font-size: 20px;
		text-align: center;
		margin: -10px 0 20px
	}

	.thx .container .if-wrong {
		font-size: 18px;
		margin-top: -20px
	}

	.thx .container .if-wrong a {
		font-size: 18px
	}

	.thx .container .urgent {
		display: none;
		font-size: 18px;
		margin: -20px 0 50px
	}

	.otherprods {
		top: 0;
		margin-top: -20px;
		margin-bottom: 50px;
		display: grid;
		grid-template-rows: [header] 240px [prods] auto
	}

	.otherprods header {
		grid-area: header
	}

	.otherprods header h4 {
		font-size: 24px;
		margin: 0
	}

	.otherprods header h4 span {
		display: block;
		font-family: 'PT Sans', sans-serif
	}

	.otherprods .prods {
		grid-area: prods;
		display: grid;
		grid-template-columns: repeat(auto-fit, 300px)
	}

	.otherprods .prods .prod {
		height: 400px;
		width: 300px
	}

	.otherprods .prods .prod .name {
		font-size: 24px
	}

	.otherprods .prods .prod .price {
		font-size: 22px
	}

	.otherprods .prods .prod .img {
		height: 270px;
		width: 260px
	}

	.close {
		top: -11px;
		right: -7.3px;
	}

	.testimonial_rotator.template-onepig .testimonial_rotator_slide_title {
		font-size: 28px;
	}

	.testimonial_rotator.template-onepig .testimonial_rotator_quote {
		font-size: 17px;
	}

	.testimonial_rotator_author_info p {
		font-size: 20px;
	}

}

@media only screen and (max-width:425px) {
	.container {
		max-width: 300px
	}

	.main-page {
		grid-template-rows: [header] auto [offer] 600px [categories] auto [map] auto [footer] 300px;
		overflow-x: hidden
	}

	.sticky-header .container,
	header.page-header .container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		height: 200px
	}

	.sticky-header .container aside.logo,
	header.page-header .container aside.logo {
		display: block;
		order: 0
	}

	.sticky-header .container aside.logo p,
	header.page-header .container aside.logo p {
		display: none;
		font-size: 12px
	}

	.sticky-header .container aside.logo .logo,
	header.page-header .container aside.logo .logo {
		height: 50px;
		width: 200px;
		-webkit-background-size: contain;
		background-size: contain
	}

	.sticky-header .container .calc-pay,
	header.page-header .container .calc-pay {
		order: 2;
		flex-direction: column;
		justify-content: space-between
	}

	.sticky-header .container .calc-pay p,
	header.page-header .container .calc-pay p {
		display: none
	}

	.sticky-header .container .calc-pay .btn-calc,
	header.page-header .container .calc-pay .btn-calc {
		order: 2;
		height: 40px;
		width: 300px;
		margin: 10px;
		font-size: 18px;
		line-height: 1
	}

	.sticky-header .container .calc-pay .location,
	header.page-header .container .calc-pay .location {
		order: 1;
		display: flex;
		flex-direction: column
	}

	.sticky-header .container aside.info,
	header.page-header .container aside.info {
		order: 1
	}

	.sticky-header .container aside.info .phone-num,
	header.page-header .container aside.info .phone-num {
		font-size: 27px;
		display: none
	}

	.sticky-header .container aside.info .phone-num.mob,
	header.page-header .container aside.info .phone-num.mob {
		display: block
	}

	.sticky-header .container aside.info .location,
	header.page-header .container aside.info .location {
		display: none
	}

	.sticky-header .container {
		height: 100px
	}

	.sticky-header .container aside.logo {
		display: none
	}


	.sticky-header .container .calc-pay {
		order: 2;
		flex-direction: column;
		justify-content: space-between
	}

	.sticky-header .container .calc-pay p {
		display: none
	}

	.sticky-header .container .calc-pay .btn-calc {
		order: 2;
		height: 40px;
		width: 300px;
		margin: 0px;
		font-size: 18px
	}

	.sticky-header .container .calc-pay .location {
		display: none
	}

	.sticky-header .container aside.info {
		order: 1
	}

	.sticky-header .container aside.info .phone-num {
		font-size: 27px;
		display: none
	}

	.sticky-header .container aside.info .location {
		display: none
	}

	.offer h1 {
		font-size: 36px
	}

	.offer h3 {
		font-size: 26px
	}

	.offer h3 .dialog-bg::before {
		height: 40px;
		width: 96px
	}

	.categories {
		height: auto
	}

	.categories h2 {
		font-size: 26px
	}

	.map {}

	.map .content header .container h2 {
		font-size: 32px;
		text-align: center
	}

	.map .content header .container h2 span {
		font-size: 20px
	}

	.map .content .preview.container {
		width: inherit
	}

	.map .content .preview.container aside.map-self {
		align-self: center
	}

	.map .content .preview.container aside.map-self .map-img {
		background: url(../img/rusmapp.png) no-repeat left;
		-webkit-background-size: cover;
		background-size: cover;
		height: 310px;
		position: relative
	}

	.map .content .preview.container aside.map-self .map-img .city.spb {
		top: 80px;
		left: 88px
	}

	.map .content .preview.container aside.map-self .map-img .city.msk {
		top: 128px;
		left: 80px
	}

	.map .content .preview.container aside.map-self .map-img .city.nn {
		top: 150px;
		left: 100px
	}

	.map .content .preview.container aside.map-self .map-img .city.ekb {
		top: 183px;
		left: 166px
	}

	.map .content .preview.container aside.map-self .map-img .city.nsk {
		top: 232px;
		left: 230px
	}

	footer {
		height: 300px
	}

	footer section {
		display: flex;
		flex-direction: column
	}

	footer section aside.logo a {
		font-size: 16px
	}

	footer section .foot-center p {
		font-size: 16px
	}

	footer section .foot-center .goto a {
		display: block
	}

	footer section aside.callback .phone-num {
		display: none;
		font-size: 24px
	}

	footer section aside.callback .phone-num.mob {
		display: block
	}

	footer section aside.callback .btn-callback {
		font-size: 20px
	}

	#consult .modal-content,
	#wrongphone .modal-content,
	#thanks .modal-content {
		display: grid;
		grid-template-areas: 'header''form';
		grid-template-rows: [header] auto [form] auto;
		height: 530px;
		width: 300px;
		background: url(../img/svg/Form-mob-ni-consult.svg) no-repeat center;
		background-size: cover;
	}

	#callback .modal-content {
		display: grid;
		grid-template-areas: 'header''form';
		grid-template-rows: [header] auto [form] auto;
		height: 640px;
		width: 300px;
		background: url(../img/svg/formmob-ni-callback.svg) no-repeat center;
		background-size: cover;
	}

	.close {
		top: -9px;
		right: -13.3px;
	}

	#thanks .modal-dialog {
		padding: 0
	}

	#callback .modal-content h3,
	#consult .modal-content h3,
	#wrongphone .modal-content h3 {
		grid-area: header;
		font-size: 27px;
		color: #fff;
		margin: 35px auto 10px;
		display: flex;
		align-items: center;
		width: inherit;
		max-width: 280px;
	}

	#callback div.wpcf7 input[type="file"] {
		margin-top: 8px;
		max-width: 206px;
	}

	form .fields .explain {
		margin-top: 30px;
	}

	#callback .modal-content form,
	#consult .modal-content form,
	#wrongphone .modal-content form {
		grid-area: form;
		max-width: 300px;
	}

	#callback .modal-content form .fields,
	#consult .modal-content form .fields,
	#wrongphone .modal-content form .fields {
		width: 300px;
		color: #fff;
	}

	#callback .modal-content form .da-input,
	#consult .modal-content form .da-input,
	#wrongphone .modal-content form .da-input {
		width: 220px
	}

	#callback .modal-content form .da-btn,
	#consult .modal-content form .da-btn,
	#wrongphone .modal-content form .da-btn {
		width: 260px
	}

	#callback .modal-content form .cb-beauty,
	#consult .modal-content form .cb-beauty,
	#wrongphone .modal-content form .cb-beauty {
		font-size: 14px;
		margin-bottom: 20px
	}

	#wrongphone .modal-content h3 {
		border-top-left-radius: 1px
	}

	#buy-prod .close {
		border: 2px solid #e8e8e8
	}

	#buy-prod .modal-content {
		width: 300px;
		margin: 0 auto
	}

	#buy-prod .modal-content form {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas: 'leftblock''rightblock'
	}

	#buy-prod .modal-content form .leftblock {
		grid-template-columns: 300px;
		grid-template-rows: [header] 100px [prodcard] auto [table] auto [cost] auto;
		grid-template-areas: 'header''img''props''table''total';
		align-items: center;
		width: 300px
	}

	#buy-prod .modal-content form .leftblock h3 {
		grid-area: header;
		font-size: 30px;
		align-self: stretch;
		width: inherit
	}

	#buy-prod .modal-content form .leftblock .pic {
		grid-area: img;
		justify-self: center;
		margin: 0;
		height: 220px;
		width: 180px
	}

	#buy-prod .modal-content form .leftblock .props {
		grid-area: props;
		font-size: 18px
	}

	#buy-prod .modal-content form .leftblock .props .weight label {
		font-size: 18px;
		left: 0;
		height: 40px;
		width: 76px
	}

	#buy-prod .modal-content form .leftblock .props .num-products {
		margin-right: 32px
	}

	#buy-prod .modal-content form .leftblock .props .num-products p {
		margin-bottom: 5px
	}

	#buy-prod .modal-content form .leftblock .props .num-products .num-prod {
		display: inline-flex;
		border: 1px solid #e6e6e6;
		border-radius: 10px;
		height: 40px;
		width: 76px;
		font: 20px 'PT Sans', sans-serif;
		text-align: center
	}

	#buy-prod .modal-content form .leftblock .table-props {
		grid-area: table;
		justify-self: center
	}

	#buy-prod .modal-content form .leftblock .table-props td,
	#buy-prod .modal-content form .leftblock .table-props th {
		padding: 10px 10px
	}

	#buy-prod .modal-content form .leftblock .cost {
		grid-area: total;
		font: 22px 'PT Sans', sans-serif;
		margin: 0 0 20px
	}

	#buy-prod .modal-content form .rightblock {
		grid-area: rightblock;
		display: grid;
		grid-template-columns: 300px;
		grid-template-rows: [header] 100px [fields] auto [footer] 140px;
		grid-row-gap: 0;
		justify-self: center;
		grid-template-areas: 'header''fields''footer';
		border: 3px solid #fa4923;
		width: 300px
	}

	#buy-prod .modal-content form .rightblock h3 {
		grid-area: header;
		background: #fa4923;
		border: 3px solid #fa4923;
		font-size: 28px;
		text-align: center;
		color: #fff;
		height: 80px
	}

	#buy-prod .modal-content form .rightblock .fields {
		background: #fff
	}

	#buy-prod .modal-content form .rightblock .fields .explain {
		color: #000
	}

	#buy-prod .modal-content form .rightblock .fields .da-input {
		width: 240px
	}

	#buy-prod .modal-content form .rightblock .footer {
		background: #fff
	}

	#buy-prod .modal-content form .rightblock .footer .da-btn {
		width: 280px
	}

	#buy-prod .modal-content form .rightblock .footer .confident .cb-beauty {
		font-size: 14px
	}

	#ral .close {
		border: 2px solid #e8e8e8
	}

	#ral .modal-content {
		width: 300px;
		margin: 0 auto
	}

	#ral .modal-content form {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas: 'leftblock''rightblock'
	}

	#ral .modal-content form .leftblock {
		grid-template-columns: 300px;
		grid-template-rows: [header] 100px [colors] auto;
		grid-template-areas: 'header''colors';
		align-items: center;
		width: 300px
	}

	#ral .modal-content form .leftblock h3 {
		grid-area: header;
		font-size: 30px;
		align-self: stretch;
		width: inherit
	}

	#ral .modal-content form .rightblock {
		grid-area: rightblock;
		display: grid;
		grid-template-columns: 300px;
		grid-template-rows: [header] 100px [fields] auto [footer] 140px;
		grid-row-gap: 0;
		justify-self: center;
		grid-template-areas: 'header''fields''footer';
		border: 3px solid #fa4923;
		width: 300px
	}

	#ral .modal-content form .rightblock h3 {
		grid-area: header;
		background: #fa4923;
		border: 3px solid #fa4923;
		font-size: 28px;
		text-align: center;
		color: #fff;
		height: 80px
	}

	#ral .modal-content form .rightblock .fields {
		background: #fff
	}

	#ral .modal-content form .rightblock .fields .explain {
		color: #000
	}

	#ral .modal-content form .rightblock .fields .da-input {
		width: 240px
	}

	#ral .modal-content form .rightblock .footer {
		background: #fff
	}

	#ral .modal-content form .rightblock .footer .da-btn {
		width: 280px
	}

	#ral .modal-content form .rightblock .footer .confident .cb-beauty {
		font-size: 14px
	}

	#not-found .modal-dialog {
		background: #fff;
		border: 3px solid #fa4923;
		border-radius: 5px;
		overflow-y: auto
	}

	#not-found .close {
		top: 0;
		right: 2px
	}

	#not-found .modal-content .container {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: [header] 80px [text] auto [prods] auto [footer] 100px;
		height: auto;
		grid-template-areas: 'header''text''prods''footer';
		align-items: center;
		grid-column-gap: 30px
	}

	#not-found .modal-content .container h2 {
		font-size: 28px;
		margin: 0;
		align-self: center;
		justify-content: center;
		width: 100%
	}

	#not-found .modal-content .container p {
		grid-area: text;
		font-size: 20px;
		margin: 20px 20px
	}

	#not-found .modal-content .container .prods {
		grid-area: prods;
		grid-template-columns: 260px;
		grid-row-gap: 20px;
		justify-content: center;
		width: inherit
	}

	#not-found .modal-content .container .prods .prod {
		height: 380px;
		width: 220px;
		margin-bottom: 10px
	}

	#not-found .modal-content .container .prods .prod .name {
		font-size: 20px
	}

	#not-found .modal-content .container .prods .prod .price {
		font-size: 22px
	}

	#not-found .modal-content .container .prods .prod .img {
		height: 260px;
		width: 180px
	}

	#not-found .modal-content .container .footer {
		grid-area: footer;
		height: auto
	}

	#politic .modal-dialog .modal-content {
		width: 300px
	}

	#politic .modal-dialog .modal-content .header {
		font-size: 24px
	}

	#quize .modal-content {
		height: auto;
		width: 300px
	}

	#quize .modal-content .steps [class^=step] {
		display: none;
		grid-template-columns: repeat(auto-fit, 300px);
		grid-template-areas: 'header''content'
	}

	#quize .modal-content .steps [class^=step] .header {
		font-size: 26px;
		line-height: 1;
		margin: 10px
	}

	#quize .modal-content .steps .step-1 {
		display: grid;
		grid-template-rows: [header] 100px [content] auto
	}

	#quize .modal-content .steps .step-1 .header {
		grid-row: 1
	}

	#quize .modal-content .steps .step-1 .content {
		grid-row: 2;
		display: grid;
		grid-template-rows: [h3] 100px [footer] 80px;
		grid-template-columns: 300px;
		justify-content: center;
		margin: 0
	}

	#quize .modal-content .steps .step-1 .content h3 {
		font-size: 20px;
		margin: 10px
	}

	#quize .modal-content .steps .step-1 .content .achievements {
		display: none
	}

	#quize .modal-content .steps .step-1 .content button {
		grid-row: 2;
		align-self: start;
		justify-self: center;
		font-size: 16px;
		height: 48px;
		width: 200px
	}

	#quize .modal-content .steps .step-2,
	#quize .modal-content .steps .step-3,
	#quize .modal-content .steps .step-4 {
		grid-template-rows: [header] 100px [content] auto;
		align-items: center
	}

	#quize .modal-content .steps .step-2 .content,
	#quize .modal-content .steps .step-3 .content,
	#quize .modal-content .steps .step-4 .content {
		grid-row: 2;
		display: grid;
		grid-template-rows: [items] auto [nav] auto;
		grid-template-columns: 300px
	}

	#quize .modal-content .steps .step-2 .content .items,
	#quize .modal-content .steps .step-3 .content .items,
	#quize .modal-content .steps .step-4 .content .items {
		display: grid;
		justify-content: center;
		align-self: center;
		grid-template-columns: 1fr;
		grid-gap: 15px
	}

	#quize .modal-content .steps .step-2 .content .nav,
	#quize .modal-content .steps .step-3 .content .nav,
	#quize .modal-content .steps .step-4 .content .nav {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, 80px);
		grid-column-gap: 10px;
		grid-template-areas: 'bprev''bnext''steps';
		justify-self: center;
		align-items: center;
		margin: 0
	}

	#quize .modal-content .steps .step-2 .content .nav .nav-steps,
	#quize .modal-content .steps .step-3 .content .nav .nav-steps,
	#quize .modal-content .steps .step-4 .content .nav .nav-steps {
		grid-area: steps;
		display: flex;
		justify-content: center;
		align-items: center
	}

	#quize .modal-content .steps .step-2 .content .nav button,
	#quize .modal-content .steps .step-3 .content .nav button,
	#quize .modal-content .steps .step-4 .content .nav button {
		font-size: 14px;
		height: 48px;
		width: 260px
	}

	#quize .modal-content .steps .step-2 .content .nav button .arrow,
	#quize .modal-content .steps .step-3 .content .nav button .arrow,
	#quize .modal-content .steps .step-4 .content .nav button .arrow {
		height: 15px;
		width: 15px
	}

	#quize .modal-content .steps .step-4 .content .items {
		display: grid;
		margin: 0;
		grid-template-columns: repeat(auto-fit, 300px);
		grid-template-rows: repeat(auto-fit, 300px);
		grid-gap: 15px;
		align-content: center;
		justify-content: center;
		justify-items: center
	}

	#quize .modal-content .steps .step-4 .content .items .item-big {
		height: 300px;
		width: 290px
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .label-area {
		right: 5px
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .big-input {
		top: 70px;
		width: 200px;
		font-size: 76px
	}

	#quize .modal-content .steps .step-4 .content .items .item-big .label {
		width: 290px
	}

	#quize .modal-content .steps .step-5 {
		grid-template-rows: [header] 60px [content] auto
	}

	#quize .modal-content .steps .step-5 .header {
		grid-row: 1
	}

	#quize .modal-content .steps .step-5 .content {
		grid-row: 2;
		display: grid;
		grid-template-columns: 300px;
		grid-template-rows: [h3] 80px [fields] 320px [navres] auto;
		grid-template-areas: 'header''fields''navres';
		justify-content: center;
		align-items: center
	}

	#quize .modal-content .steps .step-5 .content h3 {
		font-size: 18px;
		line-height: 1;
		margin: 0 10px
	}

	#quize .modal-content .steps .step-5 .content .fields {
		grid-area: fields
	}

	#quize .modal-content .steps .step-5 .content .fields .da-input {
		width: 230px;
		font-size: 18px
	}

	#quize .modal-content .steps .step-5 .content .fields button {
		grid-row: 3;
		align-self: center;
		justify-self: center;
		font-size: 16px;
		height: 48px;
		width: 270px;
		margin: 10px
	}

	#quize .modal-content .steps .step-5 .content .fields .confident {
		margin: 0 35px;
		display: grid;
		grid-template-columns: 1fr 15fr;
		align-items: center;
		justify-content: center
	}

	#quize .modal-content .steps .step-5 .content .fields .confident label.cb-beauty {
		font-size: 14px;
		width: 220px
	}

	#quize .modal-content .steps .step-5 .content .navres {
		grid-area: navres;
		align-self: start;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 20px
	}

	#quize .modal-content .steps .step-5 .content .navres .text {
		width: 100%;
		font-size: 18px;
		margin: 0 10px 20px
	}

	#quize .modal-content .steps .step-5 .content .navres .step.check {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		width: 40px;
		margin: 0 5px
	}
}

.extra2 {
	background: linear-gradient(90deg, rgba(247, 247, 247, 0.7287289915966386) 0%, rgba(243, 248, 250, 0.6026785714285714) 14%, rgba(250, 255, 254, 0.711922268907563) 72%, rgba(246, 246, 246, 0.6755077030812324) 100%);
	-webkit-background-size: cover;
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 20px;
	background-size: cover;
}

@media only screen and (max-width:376px) {
	.conds .accordion li .acrd-item .acrd-label::before {
		top: 0px
	}

	.conds .accordion li .acrd-item .acrd-label.active::before {
		top: 5px
	}

	.map .content header {
		display: flex;
		align-items: center;
	}

	.div_pluses2 {
		background: url(../img/bgpred.jpg) no-repeat center;
		-webkit-background-size: cover;
		background-size: cover;
		margin-top: -50px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.accordion > li {
		padding-right: 15px;
		display: flex;
	}

	.accordion :is(ol,ul) li:before {
		display: none
	}

	.accordion :is(ol,ul) {
		padding-left: 1em
	}

	.accordion :is(ol,ul) > li {
		margin-block: 1em;
	}

	.accordion li .acrd-item.active {
		width: 200px;
	}

	.conditions aside.otherway .otherway-img {
		display: block;
		margin: auto;
		margin-right: 80px;
		width: 240px;
	}

	.container {
		max-width: 270px;
	}

	.detail-page {
		overflow-x: hidden
	}

	.logo .img-proizv img {
		max-width: 250px;
		height: 129px;
	}

	.logo .img-klienty img {
		max-width: 250px;
		height: 135px;
	}

	.offer.dp h1 {
		font-size: 36px
	}

	.offer.dp h3 {
		font-size: 20px
	}

	.offer.dp h3 .dialog-bg::before {
		height: 32px;
		width: 75px
	}

	.offer.dp .offer-details {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, 150px)
	}

	.offer.dp .offer-details ul {
		justify-self: center;
		align-self: flex-start;
		margin: 10px auto;
		padding: 0
	}

	.offer.dp .offer-details ul li {
		margin: 5px 0;
		font-size: 16px
	}

	.offer.dp .offer-details aside.calc-pay {
		justify-content: flex-start
	}

	.offer.dp .offer-details aside.calc-pay h4 {
		font-size: 20px
	}

	.offer.dp .offer-details aside.calc-pay .btn-calc {
		font-size: 20px;
		height: 48px;
		width: 280px
	}

	.conditions {
		display: grid;
		grid-template-columns: 250px;
		grid-template-rows: [header] 200px [conds] auto [otherway] auto;
		grid-template-areas: 'header''conds''otherway'
	}

	.conditions h2 {
		font-size: 30px
	}

	.conditions aside.conds {
		grid-area: conds;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center
	}

	.conditions aside.conds > h3 {
		font-size: 26px;
		width: 260px;
		padding: 12px 0 12px 18px
	}

	.conditions aside.conds > h3 .hdesc {
		font-size: 20px
	}

	.conditions aside.conds .accordion {
		width: inherit;
		margin-top: 25px;
		padding: 0
	}

	.conditions aside.otherway {
		grid-area: otherway;
		max-width: 275px
	}

	.conditions aside.otherway .double-color-desc {
		max-width: 255px;
		margin-right: 70px
	}

	.categories .cats .single-cat {
		height: 220px;
		max-width: 275px;
	}

	.pluses {
		margin-bottom: 20px
	}

	.pluses h3 {
		font-size: 20px
	}

	.consultation .container .content {
		grid-area: content;
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.consultation .container .content h2 {
		font-size: 24px;
		margin: 0 0 20px
	}

	.consultation .container .content h3 {
		font-size: 16px;
		width: 100%
	}

	.consultation .container .content button {
		width: 260px;
	}

	.product {
		display: flex;
		flex-direction: column;
		justify-content: start
	}

	.product .specs {
		grid-template-columns: 1fr
	}

	.extra .container {
		display: flex;
		flex-direction: column
	}

	.extra .container header h2 {
		font-size: 30px
	}

	.extra .container header h3 {
		font-size: 18px
	}

	.extra .container .questions {
		align-self: center;
		justify-content: center;
		width: 300px;
		height: auto
	}

	.extra .container .questions .accordion li::before {
		font-size: 50px;
		top: -8px
	}

	.extra .container .questions .accordion li .acrd-item {
		font-size: 18px
	}

	.extra .container .questions .accordion li .acrd-item .acrd-label.active {
		font-size: 20px
	}

	.extra .container .answers .block h5 {
		font-size: 18px
	}

	.extra .container .answers .block .check-list li p {
		font-size: 16px
	}

	.extra .container .answers .btn-label {
		font-size: 18px;
		text-align: center
	}

	.extra .container .answers button {
		height: auto;
		width: 300px;
	}

	.gallery header {
		grid-area: header;
		flex-direction: column;
		justify-content: center;
		flex-wrap: wrap
	}

	.gallery header h3 {
		font-size: 22px
	}

	.rub .docs {
		display: block;
		grid-template-rows: unset;
		margin-top: 10px;
	}

	.docs {
		display: grid;
		grid-template-rows: [header] 200px [docs] auto;
		margin-top: 10px;
	}

	.docs header {
		align-self: center
	}

	.docs header h2 {
		font-size: 30px
	}

	.rub .docs .documents {
		display: block;
		margin-top: 0px;
	}

	.docs .documents {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		margin-top: 50px;
	}

	.gallery .pics a .pic {
		height: 190px;
	}

	.div_otzyvy .docs {

		margin-top: 5px;
	}

	.div_otzyvy .docs header h3 {
		margin: 0;
	}

	#politic .modal-dialog .modal-content {
		width: 200px
	}

	#politic .modal-dialog .modal-content .header {
		font-size: 28px;
		text-align: center
	}

	#quize .modal-content .steps [class^=step] {
		display: none;
		grid-template-columns: repeat(auto-fit, 300px);
		grid-template-areas: 'header''content'
	}

	#quize .modal-content .steps [class^=step] .header {
		font-size: 26px
	}

	#quize .modal-content .steps .step-1 {
		display: grid;
		grid-template-rows: [header] 100px [content] auto
	}

	.extra2 {

		padding-top: 60px;
	}
}

.gallery-cats {
	display: none
}

@media only screen and (max-width: 325px) {
	.close {
		top: 5px;
		right: -1.3px;
		transform: rotate(4deg);
	}

	.photo_form {
		max-width: 250px
	}

	.wpcf7-form-control-wrap {
		position: relative;
		max-width: 250px
	}

	div.wpcf7 input[type="file"] {
		font-size: 16px;
		margin-bottom: 20px;
		max-width: 250px !important;
	}

	.map .map-container {
		position: relative;
		max-width: 320px;
	}

	.sticky-header {

		width: 100%
	}

	.sticky-header .container .calc-pay .btn-calc, header.page-header .container .calc-pay .btn-calc {
		order: 2;
		height: 40px;
		width: 250px;
		margin: 0px;
		font-size: 18px;
		line-height: 1;
	}

	.offer.dp h2 {
		font-size: 24px;
		text-align: center;
		max-width: 250px;
		margin: 25px auto 0;
	}

	.div_pluses2 {
		background: url(../img/bgpred.jpg) no-repeat center;
		-webkit-background-size: cover;
		background-size: cover;
		margin-top: -50px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.accordion li .acrd-item.active {
		background: #f7f6f6;
		border: 1px #dcdcdc solid;
		border-radius: 7px;
		padding: 10px;
		width: 180px;
	}

	.conditions aside.otherway .otherway-img {
		display: block;
		margin: auto;
		margin-right: 80px;
		width: 210px;
	}

	.logo .da-btn {
		min-width: 150px;
		max-width: 210px;

	}

	.container {
		max-width: 265px;
	}

	.detail-page {
		overflow-x: hidden
	}

	.logo .img-proizv img {
		max-width: 210px;
		height: 110px;
	}

	.logo .img-klienty img {
		max-width: 210px;
		height: 125px;
	}

	.offer.dp h1 {
		font-size: 32px
	}

	.offer.dp h3 {
		font-size: 20px
	}

	.offer.dp h3 .dialog-bg::before {
		height: 26px;
		width: 75px
	}

	.offer.dp .offer-details {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, 150px)
	}

	.offer.dp .offer-details ul {
		justify-self: center;
		align-self: flex-start;
		margin: 10px auto;
		padding: 0
	}

	.offer.dp .offer-details ul li {
		margin: 5px 0;
		font-size: 16px
	}

	.offer.dp .offer-details aside.calc-pay {
		justify-content: flex-start
	}

	.offer.dp .offer-details aside.calc-pay h4 {
		font-size: 18px
	}

	.offer.dp .offer-details aside.calc-pay .btn-calc {
		font-size: 18px;
		height: 40px;
		width: 250px
	}

	.conditions {
		display: grid;
		grid-template-columns: 230px;
		grid-template-rows: [header] 200px [conds] auto [otherway] auto;
		grid-template-areas: 'header''conds''otherway'
	}

	.conditions h2 {
		font-size: 30px
	}

	.conditions aside.conds {
		grid-area: conds;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center
	}

	.conditions aside.conds > h3 {
		font-size: 26px;
		width: 230px;
	}

	.conditions aside.conds > h3 .hdesc {
		font-size: 20px
	}

	.conditions aside.conds .accordion {
		width: inherit;
		margin-top: 25px;
		padding: 0
	}

	.conditions aside.otherway {
		grid-area: otherway;
		max-width: 235px
	}

	.conditions aside.otherway .double-color-desc {
		max-width: 225px;
		margin-right: 70px
	}

	.categories .cats .single-cat {
		height: 220px;
		max-width: 245px;
	}

	.pluses {
		margin-bottom: 20px
	}

	.pluses h3 {
		font-size: 20px
	}

	.consultation .container .content {
		grid-area: content;
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.consultation .container .content h2 {
		font-size: 24px;
		margin: 0 0 20px
	}

	.consultation .container .content h3 {
		font-size: 16px;
		width: 100%
	}

	.consultation .container .content button {
		width: 220px;
	}

	.product {
		display: flex;
		flex-direction: column;
		justify-content: start
	}

	.product .specs {
		grid-template-columns: 1fr
	}

	.extra .container {
		display: flex;
		flex-direction: column
	}

	.extra .container header h2 {
		font-size: 30px
	}

	.extra .container header h3 {
		font-size: 22px
	}

	.extra .container .questions {
		align-self: center;
		justify-content: center;
		width: 250px;
		height: auto
	}

	.extra .container .questions .accordion li::before {
		font-size: 50px;
		top: -8px
	}

	.extra .container .questions .accordion li .acrd-item {
		font-size: 18px
	}

	.extra .container .questions .accordion li .acrd-item .acrd-label.active {
		font-size: 20px
	}

	.extra .container .answers .block h5 {
		font-size: 18px
	}

	.extra .container .answers .block .check-list li p {
		font-size: 16px
	}

	.extra .container .answers .btn-label {
		font-size: 18px
	}

	.extra .container .answers button {
		width: 250px;
	}

	.map .content header .container h2 {
		font-size: 20px;
		text-align: center;
		max-width: 240px;
		width: 100%
	}

	.map .content header .container h2 span {
		font-size: 18px;
	}

	.gallery header {
		grid-area: header;
		flex-direction: column;
		justify-content: center;
		flex-wrap: wrap
	}

	.gallery header h3 {
		font-size: 22px
	}

	.docs {
		display: grid;
		grid-template-rows: [header] 200px [docs] auto;
		margin-top: 10px;
	}

	.docs header {
		align-self: center
	}

	.docs header h2 {
		font-size: 28px
	}

	.rub .docs .documents {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		margin-top: 0px;
	}

	.docs .documents {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		margin-top: 50px;
	}

	.div_otzyvy .docs {

		margin-top: 5px;
	}

	.div_otzyvy .docs header h3 {
		margin: 0;
	}

	.map .content header {
		display: flex;
		align-items: center;
		max-width: 325px;
		width: 100%
	}

	.ymaps {
		max-width: 325px;
		width: 100%
	}

	.ymaps-2-1-77-gototech {}

	#politic .modal-overlay {
		max-width: 325px !important
	}

	#politic .modal-dialog .modal-content {
		width: 180px
	}

	#politic .modal-dialog .modal-content .header {
		font-size: 26px;
		text-align: center
	}

	#quize .modal-content .steps [class^=step] {
		display: none;
		grid-template-columns: repeat(auto-fit, 250px);
		grid-template-areas: 'header''content'
	}

	#quize .modal-content .steps [class^=step] .header {
		font-size: 24px
	}

	#quize .modal-content .steps .step-1 {
		display: grid;
		grid-template-rows: [header] 100px [content] auto
	}

	.extra2 {

		padding-top: 60px;
	}

	.product form input[type="text"] {
		display: block;
		border: 1px solid #dedede;
		border-radius: 10px;
		height: 48px;
		width: 210px;
		margin: 0 auto 20px;
		padding: 0 20px;
		font: 20px 'PT Sans', sans-serif;
	}
}

/* CF7 + Popup Maker */
.wpcf7 input.wpcf7-not-valid {
	border: 1px solid red;
}

.wpcf7 .ajax-loader, .wpcf7 .wpcf7-response-output, .wpcf7 .wpcf7-not-valid-tip {
	display: none !important;
}


.eap-project-look-overlay-component {
	border: 6px #e8e8e8 solid;
}

.gallery .form-title {
	text-align: left;
	font-size: 20px;
	margin: 0 0 30px;
	font-weight: 400;
}

.gallery td {
	border: 1px solid #dedede;
	min-width: 50px;
	padding: 5px;
}

/* b-portfolio
====================================*/
.b-portfolio__content__list {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
}

.b-portfolio__content__list .col {

	padding: 10px;
}

.b-portfolio__content__list__item {
	position: relative;
	display: block;
}

.b-portfolio__content__list__item img {
	width: 100%;
	border-radius: 5px;
}

.b-portfolio__content__list__item__content {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	padding: 20px;
	color: #ffffff;
	font-family: 'PFHandbookProMedium';
	font-size: 16px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
}

.b-portfolio__content__list__item__content__title {
	font-size: 24px;
	text-align: center;
	width: 100%;
}

.b-portfolio__content__list__item__content__text {
	width: 100%;
	text-align: center;
	margin: 0 0 10px 0;
}

.b-portfolio__content__list__item__content__area {
	display: inline-block;
	vertical-align: top;
	min-width: 69px;
	padding: 0 10px 0 10px;
	height: 29px;
	line-height: 29px;
	background-color: #01A56D;
	background-image: -moz-linear-gradient(left, #01A56D 0%, #01A56D 0%, #08C93E 100%);
	background-image: -o-linear-gradient(left, #01A56D 0%, #01A56D 0%, #08C93E 100%);
	background-image: -webkit-linear-gradient(left, #01A56D 0%, #01A56D 0%, #08C93E 100%);
	background-image: linear-gradient(to right, #01A56D 0%, #01A56D 0%, #08C93E 100%);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
}

.b-portfolio__content__list p {
	margin-top: 5px;
	font-size: 18px;
	text-align: center;
}

.b-portfolio__content__list .strongfont {
	font-family: 'SongercondensedBold';
	letter-spacing: 1px;
}

@media only screen and (max-width:640px) {

	/* b-portfolio
	---------------------------------*/
	.b-portfolio__content__list .col {
		width: 100%;
		max-width: 370px;
	}

	.sticky-header .container .calc-pay, header.page-header .container .calc-pay {
		margin-left: 0
	}
}

[class*="ymaps-2"][class*="-ground-pane"] {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 3.5+ */
	-webkit-filter: grayscale(100%);
	/* Chrome 19+ & Safari 6+ */
}

@media only screen and (min-width:1024px) {
	.map-container {
		max-width: 1600px !important;
		max-height: 900px !Important;
		margin: 0 auto;
	}
}


/*Region + modal styles*/
.region-container {
	display: flex;
	justify-content: flex-end;
	max-width: 100%;
	margin-right: 10%;
}

.header-location {
	color: white;
	font-weight: 600;
	z-index: 4;
}

.header-location a {
	color: #F0AF00;
	cursor: pointer;
	border-bottom: 1px dotted;
	text-decoration: none;
	position: relative;
	font: 15px 'PT Sans', sans-serif;
	margin-left: 2px;
}

.header-location .primer-header-region:after {
	border: medium solid transparent;
	content: "";
	top: 100%;
	left: 52%;
	position: absolute;
	height: 0px;
	width: 0px;
	border-color: #F0AF00 rgba(255, 212, 52, 0) rgba(255, 212, 52, 0);
	border-width: 7px;
	margin-left: 50%;
	margin-top: -0.75em;
}

.header-location .primer-header-region:after:hover {
	border-color: #A5DE76 rgba(255, 212, 52, 0) rgba(255, 212, 52, 0);
}

.header-location a:hover {
	border-color: transparent;
	text-decoration: none;
}

.header-location span {
	color: #fff;
	text-decoration: none;
	font-weight: 200
}

.inside_page .header-location span {
	color: white;

}

.modal-reg-dialog {
	max-width: 350px;
	margin: 0 auto !important;
}

.modal-reg-header .close {
	margin-top: -14px !important;
	margin-right: -10px !important;
}

.modal-reg-title {
	font-size: 16px;
}

.modal-reg-header {
	padding: 20px !important
}

.modal-reg-body {
	padding: 0 !important;
	margin-top: 15px;
}

.modal-reg-list {
	padding: 20px;
	height: auto;
	overflow-y: auto;
	max-height: 200px
}

.modal-reg-list::-webkit-scrollbar {
	width: 8px;
	/* ширина scrollbar */
}

.modal-reg-list::-webkit-scrollbar-track {
	background: #77625D;
	border-radius: 4px 0 0 4px;
	/* цвет дорожки */
}

.modal-reg-list::-webkit-scrollbar-thumb {
	background-color: #F0AF00;
	/* цвет плашки */
	border-radius: 10px;
	/* закругления плашки */
	border: 2px solid #D5B7B0;
	/* padding вокруг плашки */
}

.modal-reg-list:before, .modal-reg-list:after {
	display: table;
	content: " ";
}

.modal-reg-list:after {
	clear: both;
}

.modal-reg-list-title {
	margin-top: 20px;
	color: #F0AF00;
	cursor: pointer;
	border-bottom: 1px dashed;
	text-decoration: none;
	position: relative;
	display: inline-block
}

.modal-reg-list-title:hover {
	border-color: transparent;
	text-decoration: none;
}

.modal-reg-content {
	background-color: #14214E;
}

.row-region {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.col-12-reg, .col-xs-6-reg, .col-sm-6-reg {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
}

.col-12-reg {
	-ms-flex: 0 0 90%;
	flex: 0 0 90%;
	max-width: 90%;
}

.col-xs-6-reg {
	width: calc((100% - 40px) / 2);
	margin: 0 0 7px;
}

.col-xs-6-reg:nth-child(3n-1) {
	margin-left: 0px;
	margin-right: 0px;
}

.locations__search_button {
	background: #FBFCFE;
	height: 30px;
	border-radius: 5px;
	font-weight: 600;
	border-style: solid;
}

.locations__search_button:hover {
	color: #2F9E31;
	border-color: #2F9E31;
	transition: all 0.2s;
	cursor: pointer
}

.locations__search_button:focus {
	color: #2F9E31;
	border-color: #2F9E31;
	transition: all 0.2s;
	cursor: pointer
}

.locations__search_button:active {
	color: white;
	background: #F0AF00;
	transition: all 0.4s;
}

.secret {
	display: none;
}

.active-reg {
	display: flex !important
}

.all-cities-title {
	color: #444;
	display: none;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.1em;
}

.rcl-field-core input {
	border-radius: 5px;
	background-color: #FBFCFE !important;
	padding: 5px 7px;
}

.city-item a {
	color: #F0AF00;
	cursor: pointer;
	border-bottom: 1px solid;
	text-decoration: none;
}

b a.city_link {
	font-weight: 600
}

.city-item a:hover {
	border-color: transparent;
	text-decoration: none;
}

.list_link {
	line-height: 25px;
}

@media(min-width: 769px) {
	.col-sm-6-reg {
		flex: 0 0 60%;
		max-width: 60%;
	}

	.col-xs-6-reg {
		width: calc((100% - 40px) / 3);
		margin: 0 0 10px;
	}

	.modal-reg-dialog {
		max-width: 700px;
		margin: 0 auto;
	}

	.modal-reg-title {
		font-size: 17px;
	}

	.modal-reg-header {
		padding: 25px !important
	}

	.modal-reg-body {
		padding: 0 !important;
		margin-top: 15px;
	}

	.modal-reg-list {
		padding: 25px;
		height: auto;
		overflow-y: auto;
		max-height: 200px
	}

	.col-xs-6:nth-child(3n-1) {
		margin-left: 10px;
		margin-right: 20px;
	}

	.list_link {
		line-height: 30px;
	}
}


@media(min-width: 576px) {}


@media(max-width: 768px) {
	.city-item.last {
		text-align: center
	}

	.modal-reg-title {
		text-align: center
	}

	.header-location {
		font: 16px 'PT Sans', sans-serif;
	}

	.header-location a {
		font: 14px 'PT Sans', sans-serif;
	}
}

@media(max-width: 640px) {
	.hl-mob {
		display: block !important;
		margin: 0 auto;
		margin-bottom: 10px;
		padding-top: 30px;
		text-align: center;
	}

	body>section.offer.dp>header>section>div.calc-pay {
		padding-top: 25px;
	}

	.header-location a {
		font: 15px 'PT Sans', sans-serif;
	}
}

@media(max-width: 475px) {
	.hl-mob {
		display: block !important;
		margin: 0 auto;
		margin-bottom: 15px;
		text-align: center;
	}
}

.hiddeni-reg {
	display: none
}

.active-reg {
	display: flex;
}

.modal-reg-footer {
	padding: 15px 20px 0;
}

.modal-reg-content {
	padding: 20px;
}


/* Основные стили */

/* Слайдер */
.slick-slider {
	min-width: 0;
}

/* Ограничивающая оболочка */
.slick-list {
	overflow: hidden;
}

/* Лента слайдов */
.slick-track {
	display: flex;
	align-items: flex-start;
}

/* Слайд */
.slick-slide {}

/* Слайд активный */
.slick-slide.slick-active {}

/* Слайд основной */
.slick-slide.slick-current {}

/* Слайд по центру */
.slick-slide.slick-center {}

/* Стрелка */
.slick-arrow {}

/* Стрелка влево */
.slick-arrow.slick-prev {}

/* Стрелка вправо */
.slick-arrow.slick-next {}

/* Стрелка не активная */
.slick-arrow.slick-disabled {}

/* Точки */
.slick-dots {}

.slick-dots li {}

.slick-dots button {}

/* Конкретный слайдер */
.links-footer {
	position: relative;
	padding: 0px 60px;
}

@media (max-width:767px) {
	.links-footer {
		padding: 0px 20px;
	}
}

.links-footer .slick-arrow {
	position: absolute;
	top: 50%;
	margin: -15px 0px 0px 0px;
	z-index: 10;
	font-size: 0;
	width: 20px;
	height: 30px;
	opacity: 0.5;
	border: none;
}

.links-footer .slick-arrow:hover {
	cursor: pointer;
	opacity: 1;

}

.links-footer .slick-arrow.slick-prev {
	align-items: center;
	left: 0;
	background: url(/wp-content/themes/gidro/img/svg/left-arrow.svg) 4px 6px / 50% no-repeat;
	border-radius: 3px;
}

.links-footer .slick-arrow.slick-next {
	align-items: center;
	right: 0;
	background: url(/wp-content/themes/gidro/img/svg/right-arrow.svg) 5px 6px / 50% no-repeat;
	border-radius: 3px;
}

.links-footer .slick-arrow.slick-disabled {
	opacity: 0.2;
}

.links-footer .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
}

.links-footer .slick-dots li {
	list-style: none;
	margin: 0px 10px;
}

.links-footer .slick-dots button {
	font-size: 0;
	width: 10px;
	height: 10px;
	background-color: transparent;
	border: 1px solid rgb(0, 0, 0);
	border-radius: 50%;
	opacity: 0.5;
	padding: 0;
	cursor: pointer;
}

.links-footer .slick-dots li.slick-active button {
	background-color: rgb(0, 0, 0);
}

.links-footer .slick-dots button:hover {
	opacity: 1;
}

.slider__item {
	background: #fff;
	-webkit-box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%);
	box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	margin: 5px;
	padding: 5px;
	height: 30px;
	font-size: 15px;
	line-height: 24px;
	transition: all 0.2s ease;
	cursor: pointer
}

.slider__item:hover {
	transform: scale(1.02);
}

.slider__item a.slider__link {
	max-width: 100%;
	text-decoration: none;
	color: black;
	font: 18px 'PT Sans', sans-serif;

}

.slider__item.slick-center {}

@media (max-width:767px) {
	.slider__item a.slider__link {
		font: 15px 'PT Sans', sans-serif;

	}
}

/*Таблица - прайс-лист*/
table {
	color: #001659 !important;
}

.table {
	border-collapse: collapse;
	width: 700px;
	margin: 20px auto;
}

@media only screen and (max-width: 768px) {
	.table {
		width: 100%;
	}
}

tbody {
	box-shadow: 0 0 1px 2px #000;
	border-radius: 3px;
}

table.full_price-list {
	display: none;
}

.full_price-list tr {
	height: 26px;
	font-size: 17px;
}

.full_price-list tr:first-child td {
	font-weight: bold;
	font-size: 18px;
}

.full_price-list tr:not(:last-child) {
	border-bottom: 1.1px solid #000;
}

.full_price-list tr, td {
	color: #000 !important;
}

.full_price-list td {
	height: 26px;
}

.full_price-list td:first-child {
	width: 66%;
}

.full_price-list tr:first-child td:first-child {
	text-align: center
}

.full_price-list td:not(:first-child) {
	width: 34%;
	text-align: center
}

@media only screen and (max-width: 768px) {
	.full_price-list td {
		height: 24px;
	}

	.full_price-list td:first-child {
		width: 62%;
	}

	.full_price-list td:not(:first-child) {
		width: 38%;
	}

}

.full_price-list tr td:not(:last-child) {
	border-right: 1.1px solid #000;
}

.full_price-list td {
	border-top: unset;
}

.full_price-list.table td, .full_price-list.table th {
	padding: .75rem;
	vertical-align: middle;
	border-top: 1.1px solid #000;
}

.full_price-list a {
	color: #000;
	text-decoration: none;
}


.full_price-list.table td span.btn-callback {
	cursor: pointer;
}

.full_price-list a:hover, .full_price-list a:focus {
	color: #000;
	font-weight: bold;
}


.full_price-list.table td span.btn-callback:hover,  .full_price-list.table td span.btn-callback:focus{
	font-weight: bold;
}

td.table_price {
	width: 250px;
}

@media only screen and (max-width: 768px) {
	td.table_price {
		width: 150px;
	}
}

@media only screen and (max-width: 465px) {
	td.table_price {
		width: 100px;
	}
}

@media only screen and (max-width: 350px) {
	td.table_price {
		width: 70px;
	}
}

.active_table {
	display: table;
}

a.trigger_table {
	cursor: pointer;
	transition: all .1s ease .1s, background .2s;
	background: transparent;
	color: #000;
	-webkit-box-shadow: 0 0 2px 0 rgb(0 0 0 / 30%);
	box-shadow: 0 0 2px 0 rgb(0 0 0 / 30%);
	border: 1px solid #c5c5c5;
	display: block;
	margin: 10px auto;
	padding: 5px 20px;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: max-content;
	line-height: 1.1;
}

a.trigger_table:hover, a.trigger_table:focus {
	transform: scale(1.01);
}

a.trigger_table.bottom-trigger {
	display: none;
}



div:has(.grecaptcha-badge) { visibility: hidden!important; opacity : 0!important;}