/*
Theme Name: Zavodplast-eco
Text Domain:
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: 
Tags: 
Author: Dezing
Author URI: 
Theme URI: 
License: 
License URI: 

*/
/* start -------------------------------------------- basic -------------------------------------------- */
:root {
	--chernyy-500-osnovnoy: #333333;
	--chernyy-900: #1a1a1a;
	--chernyy-700: #4d4d4d;
	--chernyy-600: #666666;
	--chernyy-400: #999999;
	--chernyy-300: #b3b3b3;
	--chernyy-200: #CCCCCC;
	--chernyy-100: #E6E6E6;
	--chernyy-50: #F4F5F6;
	--zheltyy-50: #fffce5;	
	--zheltyy-500-osnovnoy: #FFE70F;
	--zheltyy-600: #ffc737;
	--zheltyy-400: #ffeb33;
	--zheltyy-300: #fff066;
	--zheltyy-200: #fff599;
	--zheltyy-100: #fffacc;
	--krasnyy-500-osnovnoy: #F52828;
	--krasnyy-600: #c30909;
	--krasnyy-300: #FB5555;
	--goluboy-500-osnovnoy: #008BF0;
	--goluboy-600: #07c;
	--goluboy-50: #e5f4ff;
	--goluboy-800: #003c66;
	--goluboy-700: #005999;
	--zelenyy-dopolnitelnyy: #02C544;
	--belyy-prozrachnyy: rgba(255, 255, 255, 0.7);
	--font-family: "Montserrat", "Nunito", sans-serif;
	--second-family: "Nunito", sans-serif;
}
/* * {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
} */
html, body {
	width: 100%;
    min-height: 100%;
}
body {
	font-family: var(--font-family), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-style: normal;
	font-size: 16px;
	color: var(--chernyy-500-osnovnoy);
	background: #F9F9F9;
	overflow-x: hidden;
}	
sup {
	top: -.75em;
    left: -.2em;
    font-size: 50%;
}
img {
    /* width: 100%; */
}
a {
	color: #3A3A3A;
	vertical-align: middle;
}
a:hover {
	color: #3A3A3A;
	text-decoration: unset;	 
}
a, path {
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
iframe {
    display: block;
    max-width: 100%;
}
svg, img, embed, object {
    height: auto;
}
address {
    margin: 0;
}
input, textarea {
	outline:none;
}
input:active, textarea:active {
	outline:none;
}
:focus {
	outline:none;
}
textarea {
	resize:none;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
	visibility: hidden;
}
::-webkit-input-placeholder {
    color:#ccc
}
::-moz-placeholder {
    color:#ccc
}
:-moz-placeholder {
    color:#ccc
}
:-ms-input-placeholder {
    color:#ccc
}
input[type=tel]::-webkit-input-placeholder {
    color:#d0d0d0
}
input[type=tel]:-ms-input-placeholder {
    color:#d0d0d0
}
input[type=tel]::-ms-input-placeholder {
    color:#d0d0d0
}
input[type=tel]::placeholder {
    color:#d0d0d0
}

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: 2px;
    margin: 0;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    border-color: #dcd7ca;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: none;
}
/* Стили для форм */
::-webkit-input-placeholder {font-weight: 400;}
::-moz-placeholder          {font-weight: 400;}/* Firefox 19+ */
:-moz-placeholder           {font-weight: 400;}/* Firefox 18- */
:-ms-input-placeholder      {font-weight: 400;}
/* Плавное удаление placeholder при фокусе*/
input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder{opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder{opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder{opacity: 0; transition: opacity 0.3s ease;}

textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

/* Удаление цвета фона ввода для автозаполнения Chrome */
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
    -webkit-text-fill-color: rgba(0, 0, 0, 0.8) !important; /* цвет текста */
    color: rgba(0, 0, 0, 0.8) !important; /* цвет текста */
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
	transition: all 5000s ease-in-out 0s;
}

/* убрать свечение вокруг текстового поля */
*:focus {outline: none;}

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}
input[type="number"] {
	-moz-appearance: textfield;
}
label {
	cursor: pointer;
}

.ui-slider-vertical {
	width: 8px;
}
.ui-slider-horizontal {
	height: 8px;
}
.ui-widget-content {
    border-radius: 50px;
    background: var(--chernyy-200);
	flex-grow: 1;
}
.ui-widget-header {
	border-radius: 50px;
	background: var(--zheltyy-500-osnovnoy);
}
.ui-slider .ui-slider-handle, .ui-slider-handle:hover {
    width: 20px;
    height: 20px;
	background: var(--chernyy-200);
    border: 4px solid var(--zheltyy-500-osnovnoy);	
}
.ui-slider-vertical .ui-slider-handle {
    left: 50%;
    transform: translateX(-50%);
}
.ui-slider-horizontal .ui-slider-handle {
    top: 50%;
    transform: translateY(-50%);
}

.page-content {
    min-height: 100%;
    display: flex;
    flex-direction: column;	
}
ul li {
	line-height: 1;
}
ul li:last-child {
	margin-bottom: 0!important;
}
ul li.flex svg {
	flex-shrink: 0;
}
.before:before, .after:after {
	content: '';
    display: inline-block;	
}
.background-image {
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
}
.bg-white, .btn.bg-white {
	background: var(--white);
}
.fixed {
	position: fixed;
}
.absolute {
	position: absolute;
}
.reset {
	list-style: none;
	margin: 0;
	padding: 0;
}
.grid {
	display: grid;
}
.grid-basic {
	display: grid;
	gap: 10px;
}
.flex {
	display: flex;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.inline-flex-center {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.block {
	display: block;
}
.inline {
	display: inline;
}
.inline-block {
	display: inline-block;
}
.inline-flex {
	display: inline-flex;
}
.center{
    text-align: center;
}
.uppercase {
    text-transform: uppercase
}
.lowercase{
	text-transform: lowercase;
}
.nowrap {
    white-space: nowrap
}
.font-secondary {
	font-family: var(--second-family);
}
.desc {
	font-family: var(--second-family);
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 20px;
}
.text {
	font-size: 14px;
	line-height: 1.3;
	color: var(--chernyy-500-osnovnoy);	
}
.fw6 {
    font-weight: 600;
}
.fw5 {
    font-weight: 500;
}
.fw7 {
    font-weight: 700;
}
.fw8 {
    font-weight: 800;
}
.fw9 {
    font-weight: 900;
}
.color-red {
	color: var(--krasnyy-500-osnovnoy);
}
h1 {
	font-weight: 800;
	font-size: 32px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}
h2, h3, .h2 {
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 15px;
}
h2, .h2 {
	font-size: 24px;
	letter-spacing: 0.01em;
}
h3 {
	font-size: 20px;
}
h1, h2, h3, .h2 {
	line-height: 1.3;
}
.section {
	margin-bottom: 40px;
    overflow: hidden;	
}
.container {
    width: calc(100% - 54px);
    max-width: 321px;	
    margin-left: auto;
    margin-right: auto;
}
.content {

}
.price {
    white-space: nowrap;
}
.currency {
	font-family: var(--font-family), 'Nunito';
}
/* start стили для кнопок button */
.btn {
	display: flex;
    align-items: center;
    justify-content: center;	
	box-sizing: border-box;
	text-decoration: none;
	border: none;
	border-radius: 10px;	
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	height: 50px;
	cursor: pointer;
	text-transform: uppercase;	
	white-space: nowrap;
	color: #fff;
    background: transparent;
	font-family: var(--font-family);	
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	-webkit-transition: .15s linear;
    transition: .15s linear;
	appearance: none;
	touch-action: manipulation;	
}
.btn:disabled {
	opacity: 0.65;
	pointer-events: none;
}
.btn__title {
    position: relative;
    z-index: 2;
}
.btn.--transparent {
	border: 2px solid var(--white);
}
.btn.--black {
	background: var(--chernyy-900);
}
.btn.--yellow {
	color: var(--chernyy-500-osnovnoy);
	background: var(--zheltyy-500-osnovnoy);
}
.btn.--yellow-gradient {
	color: var(--chernyy-500-osnovnoy);
	background: linear-gradient(180deg, #ffe80f 0%, #ffd748 100%);
}
.btn.--yellow:before, .btn.--yellow-gradient:before, .btn.--blue:before {
	content: '';
	display: inline-block;
	opacity: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: inherit;
	transition: opacity .3s;
}
.btn.--yellow:before {
	background: linear-gradient(180deg, #ffe500 0%, #ffc226 100%);	
}
.btn.--yellow-gradient:before {
	background: linear-gradient(180deg, #ffe500 0%, #ffc226 100%);
}
.btn.--yellow:hover:before, .btn.--yellow-gradient:hover:before, .btn.--blue:hover:before {
	opacity: 1;
}
.btn.icon-roulette, .btn.icon-calc {
	height: 81px;
	font-size: 18px;
	text-align: left;
}
.btn.icon-roulette .btn__icon {
    width: 48px;
}
.btn.icon-calc .btn__icon {
    width: 37px;
}
.btn.icon-roulette .btn__title, .btn.icon-calc .btn__title {
	margin-left: 11px;
}
.btn .title-top {
	font-size: 18px;
	line-height: 1;
	font-weight: 800;	
	letter-spacing: 0.02em;
	margin-bottom: 6px;
}
.btn .title-bottom {
	font-size: 18px;
	line-height: 1;	
	font-weight: 600;
	text-transform: lowercase;	
}
.btn .btn__icon, .btn svg {
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}
.btn.icon-calc__detailed {
    height: 55px;
}
.btn.icon-calc__detailed {
    font-size: 16px;
}
.btn.icon-calc__detailed .btn__icon {
    width: 25px;
}
.btn.icon-calc__detailed .btn__title {
    margin-left: 10px;
}
.btn.--blue {
	background: linear-gradient(180deg, #07a3ff 0%, #0298f0 100%);
}
.btn.--blue:before {
	background: linear-gradient(180deg, #0091e7 0%, #0261ef 100%);
}
.btn__modal-open {
    display: inline-flex;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
	text-align: left;
}
/* end стили для кнопок button */
.border-radius {
	border-radius: 16px;
	overflow: hidden;
}
.card__box {
	display: flex;
    flex-direction: column;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid var(--chernyy-100);
	height: 100%;
	transition: all .3s;
}
.card__box .card__title.top {
	line-height: 1.2;
	letter-spacing: 0.02em;
	margin-bottom: 15px;
}
.card__box .card__price.grid, .item__price.grid {
    grid-template-columns: 1fr 1fr;
    align-items: center;
}
.card__box .price__other .price, .price-old {
    color: var(--chernyy-400);
	position: relative;
}
.card__box .price__other .price:before, .price-old:before {
    width: 100%;
    height: 2px;
    transform: rotate(-6deg);
    background: var(--krasnyy-500-osnovnoy);
    position: absolute;
    z-index: 10;
	top: calc( 50% - 2px );
}
.card__box .price__current .caption {
    position: relative;
}
.card__box .price__current .price {
	display: block;
}
.card__box .price__current .price-sale {
    border-radius: 4px;
    padding: 6px;
    height: 26px;
    font-weight: 800;
    font-size: 14px;
    line-height: 1;
    background: var(--krasnyy-500-osnovnoy);
    color: var(--white);
    position: absolute;
    right: 0;
	white-space: nowrap;
}
.card__box .price__current .price-sale:before {
	width: 22px;
    height: 14px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.45225 13.0894C1.64453 13.565 0.685124 12.7678 1.00479 11.8867L4.8965 1.15897C5.04 0.763413 5.41577 0.5 5.83656 0.5L20.163 0.500002C21.1816 0.500002 21.5481 1.84487 20.6704 2.36171L2.45225 13.0894Z' fill='%23F52828' /%3e%3c/svg%3e");
    position: absolute;
    bottom: -12px;
    right: 2px;
}


.card__template .card__box-top {
    padding: 20px 10px 0;
	position: relative;
	flex-grow: 1;
	background: #f9f9f9;
}
.card__template .card__box-bottom {
    padding: 25px 20px 20px;
	background: var(--white);
	margin-top: auto;
}
.card__template .card__size-product {
    line-height: 1;
}
.card__template .card__sticker-price {
    width: 152px;
	position: absolute;
	bottom: -20px;
}
.card__template .price__other .caption {
	font-family: var(--second-family);
    letter-spacing: 0.01em;
    margin-bottom: 6px;	
	display: inline-block;
}
.card__template .price__other .price {
	font-size: 30px;
	line-height: 1;	
	display: inline-block;
}
.card__template .price__other .currency {
	font-size: 20px;
	margin-left: 4px;
}
.card__template .price__current {
	justify-self: end;
}
.card__template .price__current .caption {
    margin-bottom: 8px;
	line-height: 1;
	display: block;
}
.card__template .price__current .price{
	font-size: 34px;
}
.card__template .price__current .currency {
	font-size: 26px;
	margin-left: 4px;
}
.card__template .price__current .price-sale {
    top: -37px;
}
@media (max-width: 1023px) {
	.in-desktop-show {
		display: none!important;
	}
}
@media (max-width: 767px) {
	.in-mobile-hide {
		display: none;
	}	
}
@media (min-width: 768px) {
	.in-mobile-show {
		display: none;
	}
	.only-mobile-show {
		display: none;
	}	
}
@media (min-width: 1024px) {
	.in-desktop-hide {
		display: none!important;
	}	
}
@media (min-width: 768px) {
	.section {
		margin-bottom: 50px;
	}	
	.container {
		max-width: unset;
		width: 708px;
	}
	h2, h3, .h2 {
		margin-bottom: 20px;
	}
	h1, h2, h3, .h2 {
		line-height: 1.2;
	}	
	h1 {
		font-size: 52px;
	}
	h2, .h2 {
		font-size: 38px;
	}
	h3 {
		font-size: 28px;
		letter-spacing: 0.01em;
	}
	.grid-basic {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}	
	.desc {
		font-size: 18px;
		margin-bottom: 30px;
	}	
	/* start стили для кнопок button */	
	.btn {
		height: 54px;
	}
	.btn.icon-roulette, .btn.icon-calc {
		border-radius: 16px;
	}	
	.btn.icon-calc .btn__icon {
		width: 39px;
	}
	.btn.icon-roulette .btn__title {
		margin-left: 15px;
	}
	.btn.icon-calc .btn__title {
		margin-left: 18px;
	}
	.btn.icon-calc__detailed {
		height: 80px;
	}
	.btn.icon-calc__detailed {
		font-size: 22px;
	}
	.btn.icon-calc__detailed .btn__icon {
		width: 40px;
	}
	.btn.icon-calc__detailed .btn__title {
		margin-left: 20px;
	}
	/* end стили для кнопок button */
	.card__box .card__title.top {
		margin-bottom: 20px;
	}
	.card__box .price__current .price-sale {
		font-size: 18px;
		border-radius: 8px;
		padding: 9px 9px 8px 9px;
		height: 30px;
	}

	.card__template .card__title {
		margin-bottom: 8px;
	}
	.card__template .card__box-top {
		padding: 25px 10px 0;
	}	
	.card__template .card__box-bottom {
		padding: 59px 10px 20px;
	}
	.card__template .card__size-product {
		font-size: 20px;
	}	
	.card__template .card__sticker-price {
		width: 150px;
		bottom: -52px;
	}
	.card__template .price__other .caption {
		margin-bottom: 13px;
		text-transform: uppercase;
	}
	.card__template .price__other .price {
		font-size: 34px;
	}
	.card__template .price__other .currency {
		font-size: 28px;
	}	
	.card__template .price__current .caption {
		font-size: 20px;
		margin-bottom: 16px;
	}
	.card__template .price__current .price {
		font-size: 40px;
	}
	.card__template .price__current .currency {
		font-size: 30px;
	}	
	.card__template .price__current .price-sale {
		top: -41px;
	}	
	.card__template .price__current .price-sale:before {
		right: 4px;
	}
}
@media (min-width: 1024px) {
	.in-mobile {
		display: none;
	}	
	.section {
		margin-bottom: 60px;
	}	
	.container {
		width: 960px;
	}
	h1 {
		/* font-size: 52px; */
	}
	h2, .h2 {
		font-size: 40px;
	}
	h3 {
		line-height: 1.3;
	}
	.grid-basic {
		grid-template-columns: repeat(3, 1fr);
	}	
	.desc {
		font-size: 20px;
	}	
	/* start стили для кнопок button */
	.btn {
		border-radius: 16px;
	}
	.btn.icon-roulette, .btn.icon-calc {
		width: 335px;
		height: 74px;
		font-size: 20px;
	}
	.btn .title-top {
		font-size: 20px;
		margin-bottom: 2px;
	}	
	.btn .title-bottom {
		font-size: 20px;	
	}
	.btn.icon-roulette .btn__icon {
		width: 50px;
		height: 42px;
	}
	.btn.icon-calc .btn__icon {
		width: 38px;
	}
	.btn.icon-roulette .btn__title, .btn.icon-calc .btn__title {
		margin-left: 12px;
	}
	.btn.icon-calc__detailed {
		border-radius: 16px;
	}	
	/* end стили для кнопок button */
	.card__box.hover:hover {
		filter: drop-shadow(0 5px 6px rgba(0, 0, 0, 0.1));
	}	
	.card__box .card__img.before-border {
		position: relative;
	}	
	.card__box .card__img.before-border:before {
		content: '';
		position: absolute;
		display: inline-block;		
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 16px;
		transition: all .3s;
		border: 5px solid transparent;
		z-index: 1;
	}
	.card__box:hover .card__img.before-border:before {
		border: 5px solid var(--zheltyy-200);
	}
	.card__box  .card__img.before-border:after {
		content: '';
		position: absolute;
		display: inline-block;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		transition: all .3s;
		border: 5px solid transparent;
	}	
	.card__box:hover .card__img.before-border:after {
		border: 5px solid #ffffff;
	}	
	.card__box:hover .card__img.before-border img {
		border-radius: 20px;
	}	
	
	.card__template .card__box-top {
		padding: 30px 10px 0;
	}
	.card__template .card__box-bottom {
		padding: 59px 14px 20px;
	}
	.card__template .price__other .caption {
		font-size: 14px;
		margin-bottom: 2px;		
		color: var(--chernyy-400);
	}
	.card__template .price__other .price {
		font-size: 28px;
	}
	.card__template .price__other .currency {
		font-size: 18px;
	}	
	.card__template .price__current .caption {
		font-size: 18px;
		margin-bottom: 4px;
	}	
	.card__template .price__current .price {
		font-size: 34px;
	}
	.card__template .price__current .currency {
		font-size: 24px;
	}	
	.card__template .price__current .price-sale {
		font-size: 16px;
		top: -36px;
	}
}
/* SWIPER */
.slider__container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.content__slider {
	position: relative;
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-android .slider__slide, .swiper-ios .slider__slide, .slider__wrapper {
    transform: translate3d(0px,0,0);
}
.slider__container .slider__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
	align-items: stretch;
}
.slider__slide {
    flex-shrink: 0;
    width: 100%;
    height: auto;
    position: relative;
    transition-property: transform;
    display: block;
}
.slider__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
	margin-top: 20px;
}
.slider__bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    background: var(--chernyy-200);
	cursor: pointer;
	flex-shrink: 0;
}
.slider__bullet-active {
    background: var(--chernyy-500-osnovnoy);
}
.slider__button-next, .slider__button-prev {
    width: 50px;
    height: 50px;
    color: transparent;
	background: transparent;
	border: none;
	padding: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
	flex-shrink: 0;
	z-index: 1;
}
.slider__button-disabled {
	pointer-events: none;
	opacity: .8;
}
.slider__button-prev.slider__button-disabled {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='27.5' cy='27.5' r='27.5' fill='%23999999' /%3e%3cpath d='M31.0859 16.74L22.13 27.5008L31.0859 38.2617' stroke='%23E6E6E6' stroke-width='3.2' stroke-linecap='round' /%3e%3c/svg%3e");	
}
.slider__button-next.slider__button-disabled {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='27.5' cy='27.5' r='27.5' transform='matrix(-1 0 0 1 55 0)' fill='%23999999' /%3e%3cpath d='M23.9141 16.74L32.87 27.5008L23.9141 38.2617' stroke='%23E6E6E6' stroke-width='3.2' stroke-linecap='round' /%3e%3c/svg%3e");	
}
.slider__button-prev {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='27.5' cy='27.5' r='26.5' fill='white' stroke='%23999999' stroke-width='2' /%3e%3cpath d='M31.0859 16.74L22.13 27.5008L31.0859 38.2617' stroke='%23999999' stroke-width='3.2' stroke-linecap='round' /%3e%3c/svg%3e");
}
.slider__button-prev:hover {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='27.5' cy='27.5' r='27.5' fill='%23333333' /%3e%3cpath d='M31.0859 16.74L22.13 27.5008L31.0859 38.2617' stroke='white' stroke-width='3.2' stroke-linecap='round' /%3e%3c/svg%3e");	
}
.slider__button-next {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='55' height='56' viewBox='0 0 55 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='27.5' cy='28' r='26.5' transform='rotate(-180 27.5 28)' fill='white' stroke='%23999999' stroke-width='2' /%3e%3cpath d='M23.9141 38.76L32.87 27.9992L23.9141 17.2383' stroke='%23999999' stroke-width='3.2' stroke-linecap='round' /%3e%3c/svg%3e");
}
.slider__button-next:hover {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='25' cy='25' r='24' transform='rotate(-180 25 25)' fill='%23333333' stroke='%23333333' stroke-width='2' /%3e%3cpath d='M21.7383 34.782L29.88 24.9994L21.7383 15.2168' stroke='white' stroke-width='3.2' stroke-linecap='round' /%3e%3c/svg%3e");
}

.slider__bullet {
	margin: 0 5px;
}
.swiper-pagination-bullet {
	width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    background: var(--chernyy-200);
    cursor: pointer;
    flex-shrink: 0;	
	opacity: 1;
	margin: 0 5px!important;
}
.swiper-pagination-bullet-active {
    background: var(--chernyy-500-osnovnoy);
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: unset;
    top: unset;
    left: unset;
    width: unset;	
	text-align: center;
}
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: unset;
    transform: unset;
    white-space: nowrap;
	width: fit-content!important;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	/* transform: unset; */
}
@media (max-width: 1023px) {
	.slider__container.slider__outside {
		clip-path: inset(-100vw -100vw -100vw -0);
		overflow: unset;
	}	
}
@media (max-width: 767px) {
	.content__box {
		position: relative;
	}
	.slider__button-next, .slider__button-prev {
		position: absolute;
		top: calc((100% - 30px) / 2 );
		transform: translateY(-50%);		
	}
	.slider__button-prev {
		left: -14px;
	}
	.slider__button-next {
		right: 4px;
	}
	.windows-manufacturer .slider__button-next {
		right: -10px;
	}
}
@media (min-width: 768px) {
	.slider__controls {
		gap: 60px;
		margin-top: 30px;
	}	
	.slider__button-next, .slider__button-prev {
		width: 65px;
		height: 65px;
	}
	.slider__container.slider__only-mobile.swiper-initialized .slider__wrapper {
		pointer-events: none;
		transform: unset!important;
	}
	.slider__container.slider__only-mobile.swiper-initialized .slider__slide {
		width: 100%!important;
		margin-right: 0!important;
	}	
}
@media (min-width: 1024px) {
	.slider__container:not(.slider-mobile):not(.slider__mobile).slider__outside {
		margin: -10px;
	}	
	.slider__container:not(.slider-mobile):not(.slider__mobile).slider__outside .slider__slide {
		padding: 10px;
	}
    .slider__mobile .content__slider .slider__slide {
        margin-right: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
	.content__slider--controls-mobile .slider__controls {
		display: none;
	}	
}
@media (min-width: 1200px) {
	.slider__button-next, .slider__button-prev {
		position: absolute;
		width: 50px;
		height: 50px;
		z-index: 10;
		top: calc((100% - 55px) / 2 );
		transform: translateY(-50%);		
	}
	.slider__button-prev {
		left: -65px;
	}
	.slider__button-next {
		right: -65px;
	}	
}
/* end ---------------------------------------------- basic -------------------------------------------- */

/* start ----------------------------------------- switch-btn ------------------------------------------ */
.switch-btn {
	width: 90px;
	height: 45px;
	border-radius: 30px;
	background: var(--zheltyy-500-osnovnoy);
	z-index: 0;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	position: relative;
	transition-duration: 300ms;
}
.switch-btn::after {
	content: '';
	height: 32px;
	width: 32px;
	border-radius: 17px;
	background: #fff;
	top: 50%;
	transform: translateY(-50%);
	left: 48px;
	transition-duration: 300ms;
	position: absolute;
	z-index: 1;
	box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
}
.switch-on::after {
	left: 10px;
}
@media (min-width: 1024px) {
	.switch-btn {
		width: 78px;
		height: 40px;
	}
	.switch-btn::after {
		left: 42px;
	}
	.switch-on::after {
		left: 4px;
	}	
}
/* end ------------------------------------------- switch-btn ------------------------------------------ */
/* start ----------------------------------------- tabs-switch ----------------------------------------- */
.tabs-switch .tab__list {
    justify-content: space-between;
    align-items: center;
}
.tabs-switch .tab__item {
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0.02em;
}
.tab__item.active {
	pointer-events: none;
}
.tab__item:not(.active) {
	cursor: pointer;
}
.tab__item-content {
	display: none;
}
.tab__item-content.active {
	display: block;
}
@media (min-width: 768px) {
	.tabs-switch .tab__item {
		font-size: 20px;
		color: var(--chernyy-600);
	}
	.tabs-switch .tab__item.active {
		color: var(--chernyy-900);
	}	
}
@media (min-width: 1024px) {
	.tabs .tab__list {
		width: 728px;
		margin: 0 auto;
	}	
}
/* end ------------------------------------------- tabs-switch ----------------------------------------- */

/* start --------------------------------------- toggle-checkbox --------------------------------------- */
.toggle-checkbox {
	width: 25px;
    height: 25px;
    border-radius: 4px;
    background: var(--zheltyy-500-osnovnoy);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.33203 5.16602L7.85728 10.6913C7.93538 10.7694 8.06201 10.7694 8.14012 10.6913L13.6654 5.16602' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");	
    background-repeat: no-repeat;
    background-position: center;	
}
.toggle-checkbox.checked {
	background: var(--zheltyy-200);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.33203 5.16602L7.85728 10.6913C7.93538 10.7694 8.06201 10.7694 8.14012 10.6913L13.6654 5.16602' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");	
	transform: rotate(180deg);
	background-repeat: no-repeat;
    background-position: center;	
}
/* end ----------------------------------------- toggle-checkbox --------------------------------------- */

/* start -------------------------------------------- form --------------------------------------------- */
form .contact-form {
	font-family: var(--second-family);
}
input, textarea {
    width: 100%;
}
input:focus ~ .contact-form__placeholder,
textarea:focus ~ .contact-form__placeholder {
	opacity: 0;
}
form .last-name {
	display: none;
}
.contact-form__row {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}
.contact-form__group {
    position: relative;
}
.contact-form__label {
    display: block;
    position: relative;
}
.contact-form__label strong {
    color: var(--krasnyy-500-osnovnoy);
}
.contact-form__input, .contact-form__placeholder {
	font-family: var(--second-family);
	font-size: 18px;	
    line-height: 55px;	
}
.contact-form__input {
	color: var(--chernyy-900);
	background-color: var(--white);
    border: 2px solid var(--chernyy-100);
    border-radius: 10px;
    height: 55px;
    padding: 0 22px;	
}
.contact-form__input.textarea {
    height: 160px;
    line-height: 1;
    padding: 19px 22px;
    display: block;
}
.contact-form__placeholder {
    display: none;
	color: var(--chernyy-600);
    width: calc(100% - 22px);
    position: absolute;
    left: 22px;
    top: 0;
    bottom: 0;
    cursor: text;
    user-select: none;
}
.contact-form__label input:invalid + .contact-form__placeholder,
.contact-form__label textarea:invalid + .contact-form__placeholder {
	display: block;
}
.contact-form__btn .btn {
    height: 55px;
}
.contact-form__text {
    font-size: 12px;
    line-height: 1.2;
    color: var(--chernyy-500-osnovnoy);
	margin: 0;
}
.contact-form__link {
    text-decoration: underline;
	text-underline-offset: 2px;
}
.form__error-message {
    border-radius: 10px;
    padding: 9px 10px;
	width: 100%;
    max-width: 323px;
    height: 60px;
    display: flex;
	gap: 10px;
    color: var(--white);
    background: var( --krasnyy-500-osnovnoy);
    font-family: var(--second-family);
    font-size: 16px;
    line-height: 1.3;
}
.form__error-message {
    position: absolute;
    z-index: 5;
    top: 60px;
}
.form__error-message:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -7px;
    left: 50%;
	width: 12px;
    height: 8px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.20958 0L11.868 7.5H0.551144L6.20958 0Z' fill='%23F52828' /%3e%3c/svg%3e");	
	background-repeat: no-repeat;
    background-size: contain;    
	transform: translateX(-50%);
}
/* upload-file */
.contact-form__upload-file {
    display: none;
}
@media (min-width: 768px) {
	.contact-form__row {
		gap: 13px;
		margin-bottom: 10px;
	}	
	.contact-form__input, .contact-form__placeholder {
		height: 62px;
		line-height: 62px;
		font-size: 20px;
	}
	.contact-form__btn .btn {
		height: 62px;
		font-size: 20px;
	}
	.contact-form__text {
		font-size: 14px;
	}
	.form-inline {
		display: flex;
		justify-content: center;
	}	
	.form-inline .contact-form {
		width: 466px;
	}	
}
@media (min-width: 1024px) {
	.contact-form__row {
		flex-direction: row;
		justify-content: space-between;
	}
	.contact-form__group {
		flex: 0 0 310px;
	}
	.contact-form__input, .contact-form__btn {
		border-radius: 16px;
	}
	.contact-form__btn {
		flex: 0 0 321px;
	}
	.form-inline .contact-form {
		width: 100%;
	}
	.form-inline .contact-form__privacy {
		width: 680px;
		margin: 0 auto;
	}	
	.form-inline .contact-form__text {
		font-size: 18px;
	}	
}
.modal-windows .contact-form__row {
	gap: 12px;
}
.modal-windows .contact-form__input {
	border: 2px solid var(--chernyy-100);
}
.modal-windows .contact-form__input:focus {
	border: 2px solid var(--zheltyy-500-osnovnoy);
}
.modal-windows .contact-form__btn .btn {
	height: 52px;
	font-size: 16px;
}
.modal-windows .contact-form__link {
	color: var(--goluboy-500-osnovnoy);
}
.modal-windows .contact-form__link span {
	color: var(--chernyy-600);
}
.modal-windows .contact-form__label.error .contact-form__input {
	border: 3px solid var(--krasnyy-500-osnovnoy);
}
.modal-windows .contact-form__label.error .contact-form__placeholder {
	color: var(--krasnyy-500-osnovnoy);
	font-weight: 600;
}
@media (min-width: 768px) {
	.modal-windows .contact-form__row {
		flex-direction: row;
		gap: 15px;
		margin-bottom: 20px;
	}
	.modal-windows .contact-form__input, .modal-windows .contact-form__btn .btn {
		border-radius: 16px;
		height: 64px;
		line-height: 64px;
	}
	.modal-windows .contact-form__group {
		flex: 0 0 330px;
	}
	.modal-windows .contact-form__btn {
		flex: 0 0 237px;
	}
	.modal-windows .contact-form__btn .btn {
		font-size: 20px;
	}	
	.modal-windows .contact-form__text {
		font-size: 18px;
	}	
}
/* end ---------------------------------------------- form --------------------------------------------- */

/* start ------------------------------------------ header ------------------------------------------- */
.header__box {
	background: var(--white);
	padding: 11px 0;
    position: relative;
    z-index: 10;
	
}
.header__box .content {
    align-items: center;
	justify-content: space-between;	
}
.header__right-area {
    gap: 19px;
	align-items: center;
}
.header__logo {
   max-width: 134px;
}
.header__logo-img {
    width: 25px;
}
.header__title .company-desc {
	font-size: 6px;
	line-height: 1.2;
	letter-spacing: 0.02em;	
	color: var(--chernyy-700);
}
.header__connect .phone.in-mobile {
	gap: 5px;
	font-size: 14px;
    line-height: 1;	
	text-decoration: underline;
    text-decoration-color: var(--krasnyy-500-osnovnoy);
    text-decoration-style: dashed;
	text-underline-offset: 3px;
	transform: translateY(-2px);
}
.header__connect svg {
	width: 15px;
}
.header__button-menu {
    width: 30px;
    height: 24px;	
	background-image: url('./assets/img/site-menu.svg');
}
.menu-active .header__button-menu {
	background-image: url('./assets/img/site-menu-close.svg');
}
@media (max-width: 1023px) {
	.header {
		top: 0;
		position: -webkit-sticky;
		position: sticky;
		z-index: 100;		
	}
	.header__logo-company img {
		    height: 50px;
	}	
}
@media (max-width: 767px) {
	.header__logo-company img {
		    height: 26px;
	}	
}
@media (min-width: 768px) {
	.header__right-area {
		gap: 28px;
	}	
	.header__box {
		padding: 15px 0;
	}	
	.header__logo {
		max-width: 258px;
	}	
	.header__logo-img {
		width: 43px;
	}
	.header__title .company-desc {
		font-size: 10px;
	}
	.header__connect .phone.in-mobile {
		gap: 8px;
		font-size: 18px;
	}	
	.header__connect svg {
		width: 18px;
	}
	.header__button-menu {
		width: 40px;
		height: 30px;
	}	
}
@media (min-width: 1024px) {
	.header__box {
		padding: 0;
		height: 100px;
		display: flex;
		align-items: center;
	}
	.header__logo {
		max-width: 324px;
	}
	.header__logo-img {
		width: 65px;
	}
	.header__title .company-desc {
		font-size: 13px;
	}	
	.header__action {
		gap: 25px;
	}
	.header__action .header__action-btn {
		gap: 10px;
		line-height: 1;
		letter-spacing: 0.01em;
		color: var(--krasnyy-300);
	}
	.header__connect {
		flex-direction: column;
	}
	.header__connect .phone {
		font-size: 24px;
	}
	.header__connect .btn__modal-open {
		gap: 9px;
		justify-content: flex-end;
		color: var(--goluboy-500-osnovnoy);
		text-decoration: underline;
		text-decoration-color: rgba(0, 140, 240, 0.4);
		text-decoration-style: dashed;
		text-underline-offset: 3px;
		align-items: center;
	}	
}
@media (max-width: 1199px) {
    .header {
        top: 0;
        position: sticky;
        z-index: 100;
    }	
	.header__nav-main.in-desktop-show,
	.header__action.in-desktop-show,
	.header__connect .phone.in-desktop-show,
	.header__connect .btn__modal-open.in-desktop-show {
		display: none;
	}
	.header__connect .phone.in-mobile,
	.header__button-menu.in-mobile {
		display: block;
	}	
    .page-kalkulyator-okon .header,
	.page-kalkulyator-balkonov .header {
		 box-shadow: none!important;
    }	
    .page-kalkulyator-okon .header__last,
	.page-kalkulyator-balkonov .header__last {
        display: none!important;
    }
    .page-kalkulyator-okon .header__box,
	.page-kalkulyator-balkonov .header__box {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 6px 0px;
		position: relative;
        z-index: 100;		
    }	
}
/* end -------------------------------------------- header ------------------------------------------- */

/* start --------------------------------------- header__last ---------------------------------------- */
.header__last {
	background: var(--chernyy-50);
	padding: 12px 0;
	position: relative;
}
.header__last-action {
    justify-content: space-between;
}
.header__last-action svg {
    width: 18px;
	height: 18px;
}
.header__last .btn__modal-open {
	font-size: 12px;
	line-height: 1;
    align-items: center;
    gap: 5px;
    color: var(--chernyy-500-osnovnoy);	
}
.header__last span {
    width: 2px;
    background: var(--chernyy-200);	
}
.menu-active .header__last {
	top: 48px;
	position: sticky;
	z-index: 100;
}
@media (max-width: 1023px) {
	.page-kalkulyator-okon .header__last,
	.page-kalkulyator-balkonov .header__last {
		display: none;
	}
	.page-kalkulyator-okon .header__box,
	.page-kalkulyator-balkonov .header__box {
		box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 6px 0px;
	}	
}
@media (max-width: 413px) {
	.page-osteklenie-balkonov .header__last .container,
	.page-otdelka-balkonov .header__last .container,
	.page-kalkulyator-okon .header__last .container {
		width: calc(100% - 30px);
		max-width: 100%;
	}
}
@media (max-width: 374px) {
    .header__last .container {
		width: calc(100% - 30px);
		max-width: 100%;	
    }
	.header__last .btn__modal-open {
		font-size: 11px;
	}
}
@media (min-width: 768px) {
	.header__last-action {
		justify-content: center;
		gap: 101px;
	}	
	.header__last-action svg {
		width: 20px;
		height: 20px;
	}
	.header__last .btn__modal-open {
		font-size: 16px;
	}
	.menu-active .header__last {
		top: 80px;
		box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
	}	
}
@media (min-width: 1024px) {
    .menu-active .header__last {
        top: 100px;
    }	
}
@media (min-width: 1200px) {
	.header__last {
		display: none;
	}	
}
/* end ----------------------------------------- header__last ---------------------------------------- */

/* start ---------------------------------------- header__nav ---------------------------------------- */
.nav-menu ul li a {
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.header__nav-main {
    background: linear-gradient(180deg, #ffe80f 0%, #ffd748 100%);
	position: relative;
}
.nav__main {
	grid-template-columns: 90px 1fr;
    align-items: center;
	gap: 24px;	
}
.nav__main .nav__button-menu {
    display: flex;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    align-items: center;
    gap: 4px;
    background: transparent;
    border: 0;
    cursor: pointer;
	border-radius: 8px;
    padding: 10px 8px;
    line-height: 100%;
    color: var(--chernyy-500-osnovnoy);
}
.nav__main .nav__button-menu:before {
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.94445 17C1.67685 17 1.45271 16.888 1.272 16.664C1.0913 16.44 1.00063 16.1631 1 15.8333C0.999374 15.5035 1.09004 15.2267 1.272 15.0027C1.45397 14.7787 1.67811 14.6667 1.94445 14.6667H17.0556C17.3231 14.6667 17.5476 14.7787 17.7289 15.0027C17.9103 15.2267 18.0006 15.5035 18 15.8333C17.9994 16.1631 17.9087 16.4404 17.728 16.6651C17.5473 16.8899 17.3231 17.0015 17.0556 17H1.94445ZM1.94445 11.1667C1.67685 11.1667 1.45271 11.0547 1.272 10.8307C1.0913 10.6067 1.00063 10.3298 1 9.99999C0.999374 9.67021 1.09004 9.39333 1.272 9.16933C1.45397 8.94533 1.67811 8.83333 1.94445 8.83333H17.0556C17.3231 8.83333 17.5476 8.94533 17.7289 9.16933C17.9103 9.39333 18.0006 9.67021 18 9.99999C17.9994 10.3298 17.9087 10.607 17.728 10.8318C17.5473 11.0566 17.3231 11.1682 17.0556 11.1667H1.94445ZM1.94445 5.33333C1.67685 5.33333 1.45271 5.22133 1.272 4.99733C1.0913 4.77333 1.00063 4.49644 1 4.16667C0.999374 3.83689 1.09004 3.56 1.272 3.336C1.45397 3.112 1.67811 3 1.94445 3H17.0556C17.3231 3 17.5476 3.112 17.7289 3.336C17.9103 3.56 18.0006 3.83689 18 4.16667C17.9994 4.49644 17.9087 4.77372 17.728 4.9985C17.5473 5.22327 17.3231 5.33489 17.0556 5.33333H1.94445Z' fill='%23333333' /%3e%3c/svg%3e");
}
.menu-active .nav__main .nav__button-menu:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15 5L5 15M5 5L15 15' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}
.menu-active .nav__main .nav__button-menu {
    background: var(--zheltyy-300);	
}
.nav__main .menu__list > li {
	display: flex;
	align-items: center;
	height: 100%;
}
.nav__main .menu__list {
    height: 55px;
    align-items: center;
	justify-content: space-between;
	margin: 0 -10px;
}
.nav__main .menu__list > .menu__item > .menu__link {
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 8px;
	width: 100%;
}
.nav__main .menu__list > li > a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.nav__main .menu__list > .menu__item--current > a {
	border-radius: 8px;
	background: var(--zheltyy-300);
}
@media (hover: hover) {
	.nav__main .nav__button-menu:hover {
		background: var(--zheltyy-300);
	}	
}
/* end ------------------------------------------ header__nav ---------------------------------------- */

/* start ------------------------------------ header__nav-expanded ----------------------------------- */
.header__nav-expanded {
    display: none;
    position: fixed;
    top: 124px;
    left: 0;
    width: 100%;
    overflow: auto;
    z-index: 99;
	border-radius: 0 0 16px 16px;
    background: var(--white);
    overflow-x: hidden;
}
.nav__expanded {
	grid-template-columns: 252px 1fr;
}
.nav__expanded .tab__list {
    gap: 8px;
	padding: 20px 0;
}
.nav__expanded .tab__list-wrap {
	position: relative;	
    background: #F9F9F9;	
}
.nav__expanded .tab__list-wrap:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 252px;
    width: calc((100vw - 708px) / 2);
    background: #F9F9F9;
}
.nav__expanded .tab__item {
    gap: 6px;	
}
.nav__expanded .tab__item-btn {
	color: var(--chernyy-500-osnovnoy);
	font-size: 14px;
	height: 40px;
    align-items: center;
    justify-content: left;
    gap: 6px;
	border-radius: 8px 0 0 8px;	
	padding: 10px;
}
.nav__expanded .tab__item.active .tab__item-btn {
	background: linear-gradient(180deg, #ffe80f 0%, #ffd748 100%);
}
.nav__expanded .tab__item-btn:before {
	width: 20px;
    height: 20px;
	background-size: cover;
}
.nav__expanded .icon-plastic-window .tab__item-btn:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 1.25V5C0 5.69036 0.559644 6.25 1.25 6.25H28.75C29.4404 6.25 30 5.69036 30 5V1.25C30 0.559644 29.4404 0 28.75 0H1.25C0.559644 0 0 0.559644 0 1.25ZM2.5 2.5H27.5V3.75H2.5V2.5Z' fill='%23333333' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.25 30H5C5.69036 30 6.25 29.4404 6.25 28.75V5C6.25 4.30964 5.69036 3.75 5 3.75H1.25C0.559644 3.75 0 4.30964 0 5V28.75C0 29.4404 0.559644 30 1.25 30ZM2.5 6.25H3.75V27.5H2.5V6.25Z' fill='%23333333' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 30H8.75C9.44036 30 10 29.4404 10 28.75V5C10 4.30964 9.44036 3.75 8.75 3.75H5C4.30964 3.75 3.75 4.30964 3.75 5V28.75C3.75 29.4404 4.30964 30 5 30ZM6.25 6.25H7.5V27.5H6.25V6.25Z' fill='%23333333' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.75 26.25H28.75C29.4404 26.25 30 25.6904 30 25V5C30 4.30964 29.4404 3.75 28.75 3.75H8.75C8.05964 3.75 7.5 4.30964 7.5 5V25C7.5 25.6904 8.05964 26.25 8.75 26.25ZM10 6.25H27.5V23.75H10V6.25Z' fill='%23333333' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5 5V25C17.5 25.6904 18.0596 26.25 18.75 26.25C19.4404 26.25 20 25.6904 20 25V5C20 4.30964 19.4404 3.75 18.75 3.75C18.0596 3.75 17.5 4.30964 17.5 5Z' fill='%23333333' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5 13.75H18.75C18.0596 13.75 17.5 14.3096 17.5 15C17.5 15.6904 18.0596 16.25 18.75 16.25H22.5C23.1904 16.25 23.75 15.6904 23.75 15C23.75 14.3096 23.1904 13.75 22.5 13.75Z' fill='%23333333' /%3e%3c/svg%3e");	
}
.nav__expanded .icon-glazing .tab__item-btn:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M29.5584 17.7027C29.7792 17.7027 29.9685 17.5 29.9685 17.2635V15.9797C29.9685 15.7432 29.7792 15.5405 29.5584 15.5405H24.2271V0.439189C24.2271 0.202703 24.0379 0 23.817 0H6.15142C5.9306 0 5.74132 0.202703 5.74132 0.439189V15.5405H0.410095C0.189274 15.5405 0 15.7432 0 15.9797V17.2635C0 17.5 0.189274 17.7027 0.410095 17.7027H1.70347V27.8378H0.410095C0.189274 27.8378 0 28.0405 0 28.277V29.5608C0 29.7973 0.189274 30 0.410095 30H29.5899C29.8107 30 30 29.7973 30 29.5608V28.277C30 28.0405 29.8107 27.8378 29.5899 27.8378H28.2965V17.7027H29.5584ZM9.87382 17.7027V27.8378H7.76025V17.7027H9.87382ZM11.8927 17.7027H14.0063V27.8378H11.8927V17.7027ZM15.9937 17.7027H18.1073V27.8378H15.9937V17.7027ZM20.0946 17.7027H22.2082V27.8378H20.0946V17.7027ZM22.2397 15.5743H15.6467V2.16216H22.2397V15.5743ZM7.72871 2.16216H14.3218V15.5405H7.72871V2.16216ZM3.69085 17.7027H5.80442V27.8378H3.69085V17.7027ZM26.2776 27.8378H24.164V17.7027H26.2776V27.8378Z' fill='%23333333' /%3e%3cpath d='M10.1592 3.91813C10.3484 3.71542 10.3484 3.41137 10.1592 3.20867C9.9699 3.00596 9.68598 3.00596 9.49671 3.20867L8.73961 4.01948C8.55034 4.22218 8.55034 4.52624 8.73961 4.72894C8.83425 4.83029 8.96043 4.86407 9.08661 4.86407C9.2128 4.86407 9.33898 4.83029 9.43362 4.72894L10.1592 3.91813Z' fill='%23333333' /%3e%3cpath d='M12.1139 3.81804C11.9246 3.61534 11.6407 3.61534 11.4514 3.81804L9.27477 6.14912C9.08549 6.35183 9.08549 6.65588 9.27477 6.85858C9.36941 6.95993 9.49559 6.99372 9.62177 6.99372C9.74795 6.99372 9.87414 6.95993 9.96877 6.85858L12.1454 4.5275C12.2716 4.3248 12.2716 3.98696 12.1139 3.81804Z' fill='%23333333' /%3e%3cpath d='M14.8867 1.07227L14.8867 28.9294' stroke='%23333333' stroke-width='2.2' /%3e%3c/svg%3e");	
}
.nav__expanded .icon-finishing .tab__item-btn:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M30.5584 20.8199C30.7792 20.8199 30.9685 20.6357 30.9685 20.4207V19.2536C30.9685 19.0386 30.7792 18.8543 30.5584 18.8543H25.2271V5.12583C25.2271 4.91084 25.0379 4.72656 24.817 4.72656H7.15142C6.9306 4.72656 6.74133 4.91084 6.74133 5.12583V18.8543H1.41009C1.18927 18.8543 1 19.0386 1 19.2536V20.4207C1 20.6357 1.18927 20.8199 1.41009 20.8199H2.70347V30.0337H1.41009C1.18927 30.0337 1 30.218 1 30.433V31.6C1 31.815 1.18927 31.9993 1.41009 31.9993H30.5899C30.8107 31.9993 31 31.815 31 31.6V30.433C31 30.218 30.8107 30.0337 30.5899 30.0337H29.2965V20.8199H30.5584ZM10.8738 20.8199V30.0337H8.76025V20.8199H10.8738ZM12.8927 20.8199H15.0063V30.0337H12.8927V20.8199ZM16.9937 20.8199H19.1073V30.0337H16.9937V20.8199ZM21.0946 20.8199H23.2082V30.0337H21.0946V20.8199ZM23.2397 18.885H16.6467V6.69216H23.2397V18.885ZM8.72871 6.69216H15.3218V18.8543H8.72871V6.69216ZM2.70347 20.8199H6.80442V30.0337H2.70347V20.8199ZM29.2965 30.0337H25.164V20.8199H29.2965V30.0337Z' fill='%23333333' /%3e%3cpath d='M11.1592 8.28903C11.3484 8.10475 11.3484 7.82834 11.1592 7.64407C10.9699 7.45979 10.686 7.45979 10.4967 7.64407L9.73961 8.38117C9.55034 8.56544 9.55034 8.84185 9.73961 9.02613C9.83425 9.11827 9.96043 9.14898 10.0866 9.14898C10.2128 9.14898 10.339 9.11827 10.4336 9.02613L11.1592 8.28903Z' fill='%23333333' /%3e%3cpath d='M13.1139 8.1968C12.9246 8.01252 12.6407 8.01252 12.4514 8.1968L10.2748 10.316C10.0855 10.5002 10.0855 10.7767 10.2748 10.9609C10.3694 11.0531 10.4956 11.0838 10.6218 11.0838C10.748 11.0838 10.8741 11.0531 10.9688 10.9609L13.1454 8.84176C13.2716 8.65749 13.2716 8.35036 13.1139 8.1968Z' fill='%23333333' /%3e%3cpath d='M30.1193 20.1818V2.1C30.1193 2.04477 30.0745 2 30.0193 2H2.0375C1.98227 2 1.9375 2.04477 1.9375 2.1V20.1818' stroke='%23333333' stroke-width='2.4' /%3e%3cpath d='M1.93928 13.2498L1.93928 31.3316C1.93928 31.3869 1.98405 31.4316 2.03928 31.4316L30.0211 31.4316C30.0763 31.4316 30.1211 31.3869 30.1211 31.3316L30.1211 13.2498' stroke='%23333333' stroke-width='2.4' /%3e%3cpath d='M1.9375 19.8125L1.9375 31.0625L30.0625 31.0625L30.0625 19.8125' stroke='%23333333' stroke-width='2' /%3e%3c/svg%3e");
}
.nav__expanded .icon-window .tab__item-btn:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.25 30H28.75C29.4404 30 30 29.4404 30 28.75V25C30 24.3096 29.4404 23.75 28.75 23.75H1.25C0.559644 23.75 0 24.3096 0 25V28.75C0 29.4404 0.559644 30 1.25 30ZM2.5 26.25H27.5V27.5H2.5V26.25Z' fill='%23333333' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M25 23.75H5V12.5C5 6.97661 9.47661 2.5 15 2.5C20.5234 2.5 25 6.97661 25 12.5V23.75ZM26.25 26.25C26.9404 26.25 27.5 25.6904 27.5 25V12.5C27.5 5.59589 21.9041 0 15 0C8.09589 0 2.5 5.59589 2.5 12.5V25C2.5 25.6904 3.05964 26.25 3.75 26.25H26.25Z' fill='%23333333' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.75 17.5H26.25C26.9404 17.5 27.5 16.9404 27.5 16.25C27.5 15.5596 26.9404 15 26.25 15H3.75C3.05964 15 2.5 15.5596 2.5 16.25C2.5 16.9404 3.05964 17.5 3.75 17.5Z' fill='%23333333' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.75 10V25C13.75 25.6904 14.3096 26.25 15 26.25C15.6904 26.25 16.25 25.6904 16.25 25V10C16.25 9.30964 15.6904 8.75 15 8.75C14.3096 8.75 13.75 9.30964 13.75 10Z' fill='%23333333' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.86612 4.63388L14.1161 10.8839C14.6043 11.372 15.3957 11.372 15.8839 10.8839C16.372 10.3957 16.372 9.60427 15.8839 9.11612L9.63388 2.86612C9.14573 2.37796 8.35427 2.37796 7.86612 2.86612C7.37796 3.35427 7.37796 4.14573 7.86612 4.63388Z' fill='%23333333' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.3661 2.86612L14.1161 9.11612C13.628 9.60427 13.628 10.3957 14.1161 10.8839C14.6043 11.372 15.3957 11.372 15.8839 10.8839L22.1339 4.63388C22.622 4.14573 22.622 3.35427 22.1339 2.86612C21.6457 2.37796 20.8543 2.37796 20.3661 2.86612Z' fill='%23333333' /%3e%3c/svg%3e");
}
.nav__expanded .icon-contacts .tab__item-btn:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.5459 30.9999C8.24454 31.0076 6.02313 30.1759 4.31665 28.6677C2.61016 27.1596 1.5415 25.0835 1.31993 22.8461C0.893016 18.2891 0.893358 13.7035 1.32095 9.14654C1.54007 6.91337 2.60466 4.84047 4.30631 3.33368C6.00797 1.82689 8.22414 0.994698 10.521 1.00003C13.2767 1.13092 13.3808 4.72314 13.2022 6.85938H28.8792C29.4408 6.86235 29.9786 7.08161 30.3757 7.46955C30.7727 7.85749 30.9971 8.38277 31 8.93132V23.0696C30.9968 23.6181 30.7724 24.1432 30.3753 24.531C29.9783 24.9188 29.4407 25.138 28.8792 25.1411H13.1752C13.4067 27.1636 13.3017 30.8282 10.5459 30.9999ZM10.521 1.99728C8.47651 1.99304 6.50409 2.73463 4.99021 4.07673C3.47633 5.41883 2.53011 7.26472 2.33695 9.2527C1.92232 13.7393 1.92197 18.2533 2.33593 22.74C2.52991 24.7289 3.47654 26.5755 4.99066 27.9188C6.50478 29.262 8.47748 30.0053 10.5229 30.0032C12.6008 29.7095 12.2904 26.2975 12.0845 24.7302C11.9802 24.1445 11.6666 23.614 11.1993 23.2331C10.732 22.8523 10.1415 22.6458 9.53293 22.6504C8.56755 22.6506 7.64161 22.2763 6.95875 21.6098C6.2759 20.9432 5.89204 20.0391 5.89161 19.0962V12.9145C5.89519 11.9714 6.27986 11.0679 6.96194 10.4004C7.64402 9.73285 8.56835 9.3554 9.53387 9.35008C12.7302 9.23778 12.6103 5.20018 11.7364 2.85097C11.6481 2.60402 11.484 2.38962 11.2666 2.23689C11.0491 2.08417 10.7888 2.00051 10.521 1.99728ZM12.9937 24.1438H28.8792C28.9478 24.1433 29.0162 24.1367 29.0836 24.1243L20.083 16.6547L19.3093 17.2979C18.9252 17.6164 18.4377 17.7911 17.934 17.7907C17.4302 17.7903 16.9429 17.615 16.5593 17.296L15.7876 16.6547L9.75921 21.6595C10.4933 21.7024 11.1964 21.9634 11.7744 22.4074C12.3524 22.8514 12.7779 23.4572 12.9937 24.1438ZM20.8717 16.0002L29.8923 23.4869C29.9496 23.3551 29.9792 23.2133 29.9791 23.0701V8.93082C29.9791 8.78744 29.9496 8.64551 29.8923 8.51352L20.8717 16.0002ZM6.91255 19.0962C6.91052 19.5899 7.05579 20.0735 7.33061 20.4879C7.60542 20.9023 7.99788 21.2296 8.46001 21.4296L14.9989 16.0002L8.46201 10.5728C8.00084 10.7766 7.60949 11.1058 7.33472 11.5211C7.05996 11.9363 6.9134 12.4201 6.91255 12.9145V19.0962ZM16.1176 15.6204C16.8136 16.138 17.6936 17.3246 18.6452 16.5402L29.0826 7.8766C29.0146 7.86375 28.9455 7.85707 28.8762 7.85665H12.9937C12.7794 8.54414 12.3544 9.1509 11.776 9.59513C11.1976 10.0394 10.4937 10.2997 9.75918 10.341L16.1176 15.6204Z' fill='%23333333' stroke='%23333333' stroke-width='1.5' /%3e%3c/svg%3e");
}
.nav__expanded .nav__expanded-menu {
    margin-bottom: 30px;	
}
.nav__expanded .menu__list {
    grid-template-columns: 212px 1fr;
    gap: 20px;	
	font-family: var(--second-family);
}
.nav__expanded .menu__list .menu__link {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.1;
	color: var(--chernyy-600);
	display: block;
	white-space: nowrap;
}
.nav__expanded .menu__sub-menu .menu__item--current > .menu__link {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.nav__expanded .menu__sub-menu--level-1 > li > .menu__link {
	font-weight: 700;
	padding: 8px 0;
	color: var(--chernyy-500-osnovnoy);
}
.nav__expanded .menu__sub-menu--level-1 > li:nth-child(1) > .menu__link {
	padding-top: 0;
}

.nav__expanded .menu__sub-menu--level-2 {
	margin-bottom: 5px;
}
.nav__expanded .menu__sub-menu--level-2 > li {
	display: flex;
    align-items: center;
    gap: 10px;
}
.nav__expanded .menu__sub-menu--level-2 > li:before {
	content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--chernyy-600);
    display: inline-block;
}
.nav__expanded .menu__sub-menu--level-2 > li > .menu__link {
	padding: 7px 0;
}
.nav__expanded .tab__content-list {
    padding: 32px 0 32px 26px;
    box-shadow: -8px 0px 20px -13px rgba(0, 0, 0, 0.1);
    background: var(--white);
	position: relative;
	min-height: 522px;
}
.nav__expanded .tab__item-content.active {
	display: grid;
	height: 100%;
}
.nav__expanded .tab__card {
    grid-template-columns: 223px 1fr;
    gap: 14px;
    padding: 53px 15px 15px;
	position: relative;	
	margin-top: auto;
	filter: drop-shadow(0 5px 6px rgba(0, 0, 0, 0.1));
}
.nav__expanded [data-tab="plastikovye-okna"] .tab__card {
	background-image: url('./assets/img/menu/stock-plastikovye-okna-tablet.jpg');
}
.nav__expanded [data-tab="osteklenie-balkonov"] .tab__card {
	background-image: url('./assets/img/menu/stock-osteklenie-balkonov-tablet.jpg');
}
.nav__expanded [data-tab="otdelka-balkonov"] .tab__card {
	background-image: url('./assets/img/menu/stock-otdelka-balkonov-tablet.jpg');
}
.nav__expanded [data-tab="okna-v-dom"] .tab__card {
	background-image: url('./assets/img/menu/stock-okna-v-dom-tablet.jpg');
}
.nav__expanded [data-tab="kontakty"] .tab__card {
	background-image: url('./assets/img/menu/stock-kontakty-tablet.jpg');
}
.nav__expanded .tab__card-info {
    gap: 6px;
}
.nav__expanded .tab__card-title {
	font-size: 15px;
	line-height: 1.2;	
}
.nav__expanded .tab__card-desc {
	font-size: 13px;
	line-height: 1.3;
}
.nav__expanded .tab__card-action {
    gap: 5px;
	justify-content: flex-end;
}
.nav__expanded .tab__card-date {
	text-align: center;
	font-size: 14px;
	line-height: 1.3;
	border-radius: 6px;	
	padding: 4px 8px;
	background: var(--white);
}
.nav__expanded .tab__card-btn {
	border-radius: 8px;
	height: 34px;
	box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
	font-size: 14px;
}
.nav__expanded .tab__card-sticker {
	width: 74px;
	height: 34px;
    top: 0;
	left: 15px;
    place-items: center;
    font-size: 14px;
	line-height: 1;
    color: var(--white);
    padding: 8px 0 12px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='74' height='34' viewBox='0 0 74 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M37.7817 28.8056L-1.50558e-06 34L0 -3.19298e-06L74 0L74 34L37.7817 28.8056Z' fill='%23F52828' /%3e%3c/svg%3e");	
}
.nav__expanded .btn__close {
	display: none;
	align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    text-align: left;
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	color: var(--chernyy-600);
	gap: 4px;
}
.nav__expanded .btn__close svg {
	width: 16px;
    height: 16px;
    flex-shrink: 0;
}
@media (max-width: 767px) {
	.header__nav-expanded .container {
		width: 722px;
	}	
}
@media (min-width: 768px) {
	.menu-active.expanded:before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 100vh;
		backdrop-filter: blur(20px);
		background: rgba(0, 0, 0, 0.3);
		z-index: 30;
	}
	.menu-active.expanded .header__nav-expanded {
		display: block;
	}	
}
@media (min-width: 1024px) {
    .header__nav-expanded {
        top: 144px;
    }	
	.nav__expanded .tab__content-list {
		padding: 30px 0 83px 35px;
		min-height: 420px;
	}	
	.nav__expanded .tab__item-content {
		grid-template-columns: 1fr 207px;
	}
	.nav__expanded .nav__expanded-menu {
		margin-bottom: 0;
	}	
	.nav__expanded .tab__card {
        grid-template-columns: 1fr;
        padding: 72px 15px 15px;
        gap: 20px;
        height: 274px;
        align-items: end;
		margin-top: 33px;
	}
	.nav__expanded [data-tab="kontakty"] .tab__card {
        padding-top: 54px;
	}	
	.nav__expanded [data-tab="plastikovye-okna"] .tab__card {
		background-image: url('./assets/img/menu/stock-plastikovye-okna-desktop.jpg');
	}
	.nav__expanded [data-tab="osteklenie-balkonov"] .tab__card {
		background-image: url('./assets/img/menu/stock-osteklenie-balkonov-desktop.jpg');
	}
	.nav__expanded [data-tab="otdelka-balkonov"] .tab__card {
		background-image: url('./assets/img/menu/stock-otdelka-balkonov-desktop.jpg');
	}
	.nav__expanded [data-tab="okna-v-dom"] .tab__card {
		background-image: url('./assets/img/menu/stock-okna-v-dom-desktop.jpg');
	}
	.nav__expanded [data-tab="kontakty"] .tab__card {
		background-image: url('./assets/img/menu/stock-kontakty-desktop.jpg');
	}	
	.nav__expanded .tab__card-info {
		gap: 10px;
	}	
	.nav__expanded .tab__card-title {
		font-size: 16px;
	}
	.nav__expanded .tab__card-desc {
		font-size: 14px;
	}
	.nav__expanded .btn__close {
		display: inline-flex;
		position: absolute;
        top: 30px;
        right: 0;		
	}	
}
@media (min-width: 1200px) {
    .header__nav-expanded {
		position: fixed;
        top: 155px;
    }
	.menu-active.expanded {
		overflow-y: scroll;
		position: fixed;
		width: 100%;
	}
	.menu-active.expanded .header {
		position: relative;
		z-index: 34;
	}
	
}
@media (hover: hover) {
	.nav__expanded .tab__item-btn:hover {
		text-decoration: underline;
		text-underline-offset: 3px;
	}
	.nav__expanded .menu__list a:hover {
		text-decoration: underline;
		text-underline-offset: 3px;
	}	
}
/* end -------------------------------------- header__nav-expanded ----------------------------------- */

/* start ------------------------------------ header__nav-mobile ------------------------------------- */
body.menu-active {
    overflow-y: hidden;
}
.menu-active.mobile .header__box {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 6px 0px;
}
.header__nav-mobile {
	display: grid;
	-webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;	
	position: fixed;
	left: 0;
	width: 100%;
	top: 48px;
	height: calc(100% - 48px);
	background: var(--chernyy-50);
	overflow: auto;
	/* z-index: 99; */
    overflow-x: hidden;	
}
.header__nav-mobile .wrapper {
	overflow-y: hidden;
	/* padding-top: 81px;
	padding-bottom: 74px; */
}
.header__nav-mobile .inner {
	overflow-y: auto;
	padding-bottom: 20px;
	height: 100%;
}	
.header__nav-mobile .menu__sub-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 2;	
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;	
	/* padding-top: 66px; */
	/* padding-bottom: 74px; */
	background-color: var(--chernyy-50);
}
.header__nav-mobile .menu__sub-inner {
	height: 100%;
	overflow-y: auto;
	padding-bottom: 20px;
}
.header__nav-mobile .sub-menu-active > .menu__sub-wrap {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.header__nav-mobile .inner::-webkit-scrollbar,
.header__nav-mobile .menu__sub-inner::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 4px;
}
.header__nav-mobile .inner::-webkit-scrollbar-track,
.header__nav-mobile .menu__sub-inner::-webkit-scrollbar-track {
	background-color: var(--zheltyy-100);
}
.header__nav-mobile .inner::-webkit-scrollbar-thumb,
.header__nav-mobile .menu__sub-inner::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: var(--zheltyy-500-osnovnoy);
	margin: 0px auto;
}
.header__nav-mobile .menu__list {
	display: grid;
	gap: 15px;
}
.header__nav-mobile .menu__list .toggle-checkbox.checked {
	transform: unset;
}
.header__nav-mobile .menu__list .menu__button-toggle {
    align-items: center;
    justify-content: space-between;
}
.header__nav-mobile .menu__list .toggle-checkbox {
	width: 20px;
    height: 20px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='20' height='20' rx='4' transform='matrix(0 1 1 0 0 0)' fill='%23FFE70F'/%3e%3cpath d='M8.51953 5.03906L13.3364 9.85598C13.4145 9.93408 13.4145 10.0607 13.3364 10.1388L8.51953 14.9557' stroke='%23333333' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e ");
}
.header__nav-mobile .menu__list .menu__item--current > a,
.header__nav-mobile .menu__list .menu__item--current > span > a {
	text-decoration: underline;
    text-underline-offset: 3px;
}
.header__nav-mobile .menu__list li .menu__link {
	font-family: var(--second-family);
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0.02em;
	color: var(--chernyy-500-osnovnoy);
}
.header__nav-mobile .menu__item-column .menu__sub-menu--level-1 {
	margin-top: 0;
}	
.header__nav-mobile .menu__item-column > .menu__sub-menu {
	border-radius: 16px;
	padding: 16px;
	background: var(--white);
	margin-top: 0;
}	
.header__nav-mobile .menu__item-column ul {
	display: grid;
	gap: 22px;
	/* margin-top: 56px; */
}
.header__nav-mobile .menu__item-column .menu__sub-menu li .menu__link:focus {
	text-decoration: underline;
}	
.header__nav-mobile .menu__item-column .menu__sub-menu--level-1 > li .menu__link {
	font-weight: 700;
}
.header__nav-mobile .menu__item-column .menu__sub-menu:not(.menu__sub-menu--level-1) .menu__item.fw7 .menu__link {
	font-weight: 700;
	color: var(--chernyy-500-osnovnoy);
}
.header__nav-mobile .menu__item-column .menu__sub-menu:not(.menu__sub-menu--level-1) .menu__item .menu__link {
	font-weight: 600;
	color: var(--chernyy-600);
}
.header__nav-mobile .contacts_list {
	margin-top: 15px;
	margin-bottom: 0;	
}
.header__nav-mobile .contacts__item {
	gap: 10px;
	margin-bottom: 15px;
}
.header__nav-mobile .contacts__item.item__tel {
	margin-bottom: 20px;
}
.header__nav-mobile .contacts__item.item__tel .contacts__item-data {
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0.01em;
	text-decoration: underline;
	text-decoration-style: dashed;
	text-decoration-color: var(--chernyy-600);
	text-underline-offset: 8px;
}	
.header__nav-mobile .contacts__item img {
	width: 20px;
	height: 20px;	
}
.header__nav-mobile .contacts__item span {
	display: block;
}	
.header__nav-mobile .contacts__item .contacts__item-title {
	font-size: 14px;
	line-height: 1;
	color: var(--chernyy-400);
	margin-bottom: 10px;
}	
.header__nav-mobile .contacts__item .contacts__item-data {
	font-size: 16px;
	line-height: 1;
}
.header__nav-mobile .contacts__item.item__location .contacts__item-data {
	line-height: 1.5;
}
.header__nav-mobile .contacts__item.item__work-time .contacts__item-data:not(:last-child) {
	margin-bottom: 12px;
}
.header__nav-mobile .menu__item-back {
	display: flex;
	align-items: center;		
	height: 56px;	
	/* position: absolute; */
	width: 100%;
	background-color: var(--chernyy-50);
	border-bottom: 0;
}
.header__nav-mobile .menu__item-back .container {
/* 	display: flex;
	align-items: center;		
	height: 56px; */
}
.header__nav-mobile .menu__item-back span {
	line-height: 1;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--chernyy-600);
	align-items: center;
	gap: 12px;	
}
.header__nav-mobile .menu__item-back span:before {
	width: 8px;
	height: 12px;	
	background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width=\'8\' height=\'12\' viewBox=\'0 0 8 12\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3e%3cpath d=\'M6.48047 10.9609L1.66356 6.14402C1.58545 6.06592 1.58545 5.93929 1.66356 5.86118L6.48047 1.04427\' stroke=\'%23666666\' stroke-width=\'1.5\' stroke-linecap=\'round\'/%3e%3c/svg%3e");	
}	
.header__nav-mobile .header__nav-btn--calc {
	/* position: fixed;
	top: 20px;
	width: 100%;
	z-index: 10; */
	padding: 20px 0 15px;	
}
.header__nav-mobile .menu__sub-wrap .header__nav-btn--calc {
	padding-bottom: 0;	
}
.header__nav-mobile .header__nav-btn--calc .btn {
	font-weight: 600;
	font-size: 14px;
	color: var(--chernyy-500-osnovnoy);
	background: var(--white);
	text-transform: none;
	gap: 8px;
	height: 46px;	
}
.header__nav-mobile .header__nav-btn--calc .btn:before {
	content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_13103_10991)'%3e%3cpath d='M2.59833 16.0422C3.69667 17.25 5.465 17.25 9 17.25C12.5358 17.25 14.3033 17.25 15.4017 16.0414C16.5 14.8344 16.5 12.8891 16.5 9C16.5 5.11095 16.5 3.16643 15.4017 1.9578C14.3033 0.75 12.535 0.75 9 0.75C5.46417 0.75 3.69667 0.75 2.59833 1.9578C1.5 3.16725 1.5 5.11095 1.5 9C1.5 12.8891 1.5 14.8344 2.59833 16.0422Z' stroke='black' stroke-width='1.2' /%3e%3cpath d='M4.82812 5.69687C4.82812 5.31325 4.82813 5.12185 4.87063 4.96427C4.92745 4.75462 5.03899 4.56344 5.19403 4.40995C5.34908 4.25645 5.54218 4.14603 5.75396 4.08978C5.91479 4.04688 6.10812 4.04688 6.49479 4.04688H11.4948C11.8823 4.04688 12.0756 4.04688 12.2348 4.08895C12.4466 4.14521 12.6397 4.25563 12.7947 4.40912C12.9498 4.56262 13.0613 4.75379 13.1181 4.96345C13.1615 5.12267 13.1615 5.31407 13.1615 5.69687C13.1615 6.07967 13.1615 6.2719 13.119 6.42947C13.0621 6.63913 12.9506 6.83031 12.7956 6.9838C12.6405 7.1373 12.4474 7.24772 12.2356 7.30397C12.0756 7.34687 11.8815 7.34687 11.4948 7.34687H6.49479C6.10729 7.34687 5.91396 7.34687 5.75479 7.3048C5.54302 7.24854 5.34991 7.13812 5.19487 6.98463C5.03982 6.83113 4.92829 6.63996 4.87146 6.4303C4.82813 6.27107 4.82812 6.07967 4.82812 5.69687Z' stroke='black' stroke-width='1.2' /%3e%3cpath d='M5.66146 10.65C6.1217 10.65 6.49479 10.2806 6.49479 9.825C6.49479 9.36937 6.1217 9 5.66146 9C5.20122 9 4.82812 9.36937 4.82812 9.825C4.82812 10.2806 5.20122 10.65 5.66146 10.65Z' fill='%23FB5555' /%3e%3cpath d='M5.66146 13.9469C6.1217 13.9469 6.49479 13.5775 6.49479 13.1219C6.49479 12.6662 6.1217 12.2969 5.66146 12.2969C5.20122 12.2969 4.82812 12.6662 4.82812 13.1219C4.82812 13.5775 5.20122 13.9469 5.66146 13.9469Z' fill='%23FB5555' /%3e%3cpath d='M9.00521 10.65C9.46545 10.65 9.83854 10.2806 9.83854 9.825C9.83854 9.36937 9.46545 9 9.00521 9C8.54497 9 8.17188 9.36937 8.17188 9.825C8.17188 10.2806 8.54497 10.65 9.00521 10.65Z' fill='%23FB5555' /%3e%3cpath d='M9.00521 13.9469C9.46545 13.9469 9.83854 13.5775 9.83854 13.1219C9.83854 12.6662 9.46545 12.2969 9.00521 12.2969C8.54497 12.2969 8.17188 12.6662 8.17188 13.1219C8.17188 13.5775 8.54497 13.9469 9.00521 13.9469Z' fill='%23FB5555' /%3e%3cpath d='M12.3333 10.65C12.7936 10.65 13.1667 10.2806 13.1667 9.825C13.1667 9.36937 12.7936 9 12.3333 9C11.8731 9 11.5 9.36937 11.5 9.825C11.5 10.2806 11.8731 10.65 12.3333 10.65Z' fill='%23FB5555' /%3e%3cpath d='M12.3333 13.9469C12.7936 13.9469 13.1667 13.5775 13.1667 13.1219C13.1667 12.6662 12.7936 12.2969 12.3333 12.2969C11.8731 12.2969 11.5 12.6662 11.5 13.1219C11.5 13.5775 11.8731 13.9469 12.3333 13.9469Z' fill='%23FB5555' /%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_13103_10991'%3e%3crect width='18' height='18' fill='white' /%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.header__nav-mobile .header__nav-btn {
	/* position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 10;	
	padding: 0 0 20px; 
	background-color: var(--chernyy-50); */
}
.header__nav-mobile .header__nav-btn .container {
	/* position: relative; */
}
.header__nav-mobile .header__nav-btn .container:before {
	/* content: '';
	position: absolute;
	top: -20px;
	width: 100%;
	height: 30px;
	background: linear-gradient(0deg,rgba(244, 245, 246, 1) 0%, rgba(244, 245, 246, 0) 100%); */
}
.header__nav-mobile .header__nav-btn .btn {
	/* font-size: 16px;
	height: 54px; */		
}
.page-kalkulyator-okon .header__nav-mobile,
.page-kalkulyator-balkonov .header__nav-mobile {
	top: 48px;
	height: calc(100vh - 48px);
	z-index: -1;	
}
@media (max-width: 767px) {
	.header__nav-mobile.nav-mobile .container {
		width: calc(100% - 40px);
		max-width: 345px;
	}	
	.menu-active.mobile .header__nav-mobile {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
    .menu-active.mobile .header__last {
        position: relative;
        top: 0px;
        z-index: 0;		
    }	
}
@media (min-width: 1200px) {
	.menu-active .nav-mobile {
		display: none;
	}	
}
.header__nav-mobile .header__nav-btn {
	/* display: none; */
}
.header__nav-mobile .wrapper {
    /* padding-bottom: 0; */
}
.header__nav-mobile .contacts_list {
    margin-bottom: 15px;
}
.header__nav-mobile .menu__sub-wrap {
	/* padding-bottom: 15px; */
}
.header__nav-mobile .menu__sub-inner {
    /* padding-bottom: 0; */
    display: flex;
    flex-direction: column;
}
.menu__sub-inner > .menu__sub-container {
    margin-bottom: 15px;
}
.container__nav-btn {
    width: calc(100% - 40px);
    max-width: 345px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}
.container__nav-btn .btn {
    z-index: 1;
}

/* end -------------------------------------- header__nav-mobile ------------------------------------- */

/* start ------------------------------------------ banners ------------------------------------------ */
.banner-main {
	margin-bottom: 40px;
	opacity: 0;
}
.banner-main .banner__inner {
	background-color: #fff;
	background-size: 767px 100%;
}
.banner-main .content {
    padding: 40px 0;
	position: relative;
	width: 321px;
	height: 715px;
    margin: 0 auto;	
    display: flex;
    flex-direction: column;
    justify-content: space-between;	
}
.banner-main h1 {
	text-align: center;
}
.banner-main h1 .city {
	display: inline-block;
}
.banner-main .sub-title {
	font-weight: 800;
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-align: center;
	color: var(--krasnyy-500-osnovnoy);
}
.banner-main .banner__action {
    flex-direction: column;
    gap: 15px;
}
.banner-main .banner__brand {
    width: 218px;
    gap: 40px;
    position: absolute;
    top: 191px;
    left: 50%;
    transform: translateX(-50%);
}
.banner-main .banner__brand-rehau {
    transform: translateY(-7px);
}
.banner-main .btn {
	width: 288px;
	height: 70px;
}
/* start banner__price */
.banner__price {
    position: absolute;
	right: 27px;
    top: 268px;
}
.banner__price-inner {
    height: 75px;
    padding: 12px;	
    color: var(--white);
	line-height: 1;	
    background: #f52828;
    border-radius: 10px;
	position: relative;
	display: grid;
}
.banner__price:before {
	position: absolute;
	width: 176px;
	height: 130px;
    top: 1px;
    left: -110px;
	background-size: cover;	
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='182' height='136' viewBox='0 0 182 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M179 124.921L160.362 133L87.6008 48.1695L54.9838 53.678L19.8578 3L3 3' stroke='url(%23paint0_linear_6743_47510)' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3e%3ccircle cx='133' cy='101.373' r='30' fill='%23FB5555' fill-opacity='0.65'/%3e%3ccircle cx='133' cy='101.373' r='20' fill='%23FFE70F'/%3e%3ccircle cx='133' cy='101.373' r='5' fill='url(%23paint1_linear_6743_47510)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_6743_47510' x1='91.8683' y1='6.90001' x2='91.8683' y2='126.5' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2307A3FF'/%3e%3cstop offset='1' stop-color='%230298F0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_6743_47510' x1='133.049' y1='96.673' x2='133.049' y2='105.873' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2307A3FF'/%3e%3cstop offset='1' stop-color='%230298F0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
}
.banner__price:after {
	width: 30px;
    height: 21px;
    position: absolute;
    left: 3px;
    bottom: -17px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='21' viewBox='0 0 30 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.4331 19.866C15.7069 20.7738 14.2931 20.7738 13.5669 19.866L0.384054 3.38446C-0.540484 2.22859 0.308826 0.546874 1.81711 0.546874L28.1829 0.546877C29.6912 0.546877 30.5405 2.22859 29.6159 3.38447L16.4331 19.866Z' fill='%23F52828' /%3e%3c/svg%3e");
}
.banner__price .text {
    font-family: var(--second-family);	
	font-size: 20px;
    color: var(--white);
	line-height: 1;
}
.banner__price .price {
	font-size: 30px;
	line-height: 1;
	margin-top: auto;
}
.banner__price .currency {
	font-size: 18px;
	letter-spacing: 0.17em;
	margin-left: 4px;
	line-height: 1;
}
/* end banner__price */

/* start banner__offer */
.banner__offer {
    gap: 20px;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: auto;
}
.banner__offer .text {
    font-size: 18px;
    line-height: 1;
}
.banner__offer .text-top {
	margin-bottom: 6px;
}
.banner__offer .text-top span:nth-child(1) {
    font-size: 28px;
}
.banner__offer .banner__offer-data {
    font-size: 70px;
    line-height: 1;
}
/* end banner__offer */
.banner__offer-item {
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}
.banner__offer-icon {
	border-radius: 8px;
    width: 50px;
    height: 50px;
    background: var(--white);
    justify-content: center;
    align-items: center;	
}
.banner__offer-title {
	margin-bottom: 0;
    font-size: 14px;
    line-height: 1.2;	
}
@media (max-width: 1023px) {
	.banner__osteklenie-balkonov .banner__brand,
	.banner__windows-house .banner__brand	{
		display: none;
	}	
}
@media (min-width: 768px) {
	.banner-main {
		margin-bottom: 40px;
		padding-bottom: 50px;
	}
	.banner-main .banner__inner {
		background-size: 992px 100%;
	}	
	.banner-main .content {
		padding: 50px 0 106px;
		width: 708px;
		height: 615px;
	}	
	.banner-main h1 {
		text-align: left;
	}
	.banner-main .sub-title {
		font-size: 32px;
		line-height: 1;
		text-align: left;
	}	
	.banner__action-wrap {
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translate(-50%, 50%);
		background: var(--white);
		border-radius: 16px;		
	}	
	.banner-main .banner__action {
		width: 708px;
		padding: 20px;
		flex-direction: row;
		gap: 20px;
	}
	.banner-main .banner__brand {
		width: 267px;
		gap: 17px;
		top: -286px;
		left: 0;
		transform: none;
	}
	.banner__brand-rehau {
		width: 156px;
	}
	.banner__brand-kbe {
		width: 94px;
	}	
	.banner-main .btn {
		width: 324px;
		height: 81px;
	}	
	/* start banner__offer */
	.banner__offer {
		justify-content: start;
		gap: 10px;
		margin-bottom: 0;
	}
	.banner__offer .text {
		font-size: 22px;
	}
	.banner__offer .text-top {
		margin-bottom: 7px;
	}	
	.banner__offer .text-top span:nth-child(1) {
		font-size: 38px;
	}
	.banner__offer .banner__offer-data {
		font-size: 80px;
	}	
	/* end banner__offer */	
	
	/* start banner__price */
	.banner__price {
		top: 207px;	
	}
	.banner__price-inner {
		height: 98px;
		padding: 9px 20px 14px 19px;		
	}
	.banner__price:before {
		width: 228px;
		height: 163px;
		top: 27px;
		left: -134px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='228' height='163' viewBox='0 0 228 163' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cellipse cx='154.688' cy='105' rx='57.8794' ry='58' fill='%23FB5555' fill-opacity='0.65'/%3e%3cpath d='M4 11.678L34.648 4L76.3634 62.8644L115.099 56.4661L201.509 155L223.644 145.616' stroke='url(%23paint0_linear_6743_47495)' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3e%3cellipse cx='155.184' cy='105' rx='35.4262' ry='35' fill='%23FFE70F'/%3e%3cellipse cx='155.183' cy='104.5' rx='9.48025' ry='9.5' fill='url(%23paint1_linear_6743_47495)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_6743_47495' x1='114.906' y1='8.53001' x2='114.906' y2='147.45' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2307A3FF'/%3e%3cstop offset='1' stop-color='%230298F0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_6743_47495' x1='155.277' y1='95.57' x2='155.277' y2='113.05' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2307A3FF'/%3e%3cstop offset='1' stop-color='%230298F0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
	}	
	.banner__price:after {
		width: 34px;
		height: 23px;
		bottom: -19px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='34' height='23' viewBox='0 0 34 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.7507 21.9642C17.9517 22.9963 16.3959 22.9963 15.5969 21.9642L1.09047 3.22701C0.0731143 1.91294 1.00769 0.00106525 2.66739 0.0010654L31.6802 0.00106794C33.3399 0.00106809 34.2744 1.91294 33.2571 3.22701L18.7507 21.9642Z' fill='%23F52828' /%3e%3c/svg%3e");
	}
	.banner__price .text {
		font-size: 32px;
	}
	.banner__price .price {
		font-size: 40px;
	}
	.banner__price .currency {
		font-size: 32px;
	}	
	/* end banner__price */
	/* **************************************************** */
	.banner__offer-list {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.banner__offer-item {
		margin-bottom: 0;
	}
	.banner__offer-icon {
		background: var(--chernyy-50);
	}
	.banner__offer-title span:not([class]) {
		display: block;
	}
	.banner__offer-title span:not([class]) br {
		display: none;
	}
}
@media (min-width: 1024px) {
	.banner-main {
		margin-bottom: 60px;
		padding-bottom: 43px;
	}
	.banner-main .banner__inner {
		background-size: 2360px 100%;
		height: 624px;
	}
	.banner-main .content {
		width: 100%;
		height: 624px;
		padding: 55px 0 95px;
	}
	/* start banner__offer */
	.banner__offer {
		gap: 18px;
	}	
	.banner__offer .text {
		font-size: 30px;
	}
	.banner__offer .text-top span:nth-child(1) {
		font-size: 44px;
	}
	.banner__offer .banner__offer-data {
		font-size: 100px;
	}	
	/* end banner__offer */
	
	/* start banner__price */
	.banner__price {
		left: 317px;
		right: unset!important;
		top: 218px;
	}
	.banner__price:before {
		width: 177px;
		height: 128px;
		top: 37px;
		left: -102px;		
	}
	.banner__price-inner {
		height: 86px;
		padding: 10px 15px;
	}	
	.banner__price .text {
		font-size: 28px;
	}
	.banner__price .price {
		font-size: 36px;
	}
	.banner__price .currency {
		font-size: 24px;
	}	
	/* end banner__price */

	.banner__action-wrap {
		width: 100%;
		padding: 15px 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		bottom: 6px;
	}
	.banner-main .banner__action {
		width: auto;
		transform: none;
		padding: 0;
		gap: 12px;
	}
	.banner-main .btn {
		height: 74px;
	}
	.banner-main .btn.icon-roulette {
		width: 303px;
	}
	.banner-main .btn.icon-calc {
		width: 267px;
	}	
	.banner-main .banner__brand {
		position: unset;
		width: 270px;
		height: 48px;
		gap: unset;
		justify-content: space-between;
	}
	.banner-main .banner__brand-rehau {
		width: 147px;
	}
	.banner-main .banner__brand-kbe {
		width: 94px;
	}	
	.banner__offer-item {
		gap: 20px;
	}	
	.banner__offer-icon {
		border: 3px solid var(--krasnyy-500-osnovnoy);
		background: var(--white);
		border-radius: 16px;
		width: 60px;
		height: 60px;
		padding: 10px;
	}
	.banner__offer-icon svg {
		width: 100%;
	}
	.banner__offer-title {
		font-size: 18px;
	}	
}	
/* end -------------------------------------------- banners ------------------------------------------ */

/* start ---------------------------------------- navigation ----------------------------------------- */
.nav-page {
	color: var(--chernyy-500-osnovnoy);
}
.nav-page .flex {
	gap: 15px;
	flex-direction: column;
}
.nav-page .nav__link {
	border: 2px solid var(--krasnyy-500-osnovnoy);
	border-radius: 16px;
	height: 89px;
	letter-spacing: 0.02em;
	line-height: 1.2;
	color: var(--chernyy-500-osnovnoy);
	justify-content: left;
	padding: 0 45px;
}
.nav-page .nav__link:hover {
	background: rgba(245, 40, 40, 0.1);
}
.nav-page .btn__title {
	margin-left: 20px;
}
.nav-page .btn__icon {
	width: 48px;
	flex-shrink: 0;
}
.nav-page .nav__item:nth-child(1) .btn__icon {
	width: 43px;
}
.nav-page .nav__item:nth-child(3) .btn__icon {
	width: 48px;
}
.nav-page .btn__icon img {
	width: 100%;
}
@media (min-width: 768px) {
	.nav-page .flex {
		flex-direction: row;
		justify-content: space-between;
		gap: 20px;
	}
	.nav-page .nav__link {
		font-size: 20px;
	}
	.nav-page .nav__item:nth-child(1) .btn__icon {
		width: 58px;
	}
	.nav-page .nav__item:nth-child(2) .btn__icon {
		width: 59px;
	}
	.nav-page .nav__item:nth-child(3) .btn__icon {
		width: 60px;
	}	
}	
@media (min-width: 768px) and (max-width: 1023px) {
	.nav-page .nav__item {
		flex: 0 0 222px;
	}	
	.nav-page .nav__link {
		padding: 20px;
		height: 173px;
		flex-direction: column;
		align-items: flex-start;
	}
	.nav-page .btn__title {
		margin-left: 0;
	}
	.nav-page .btn__icon {
		margin-bottom: 20px;
	}	
}
@media (min-width: 1024px) {
	.nav-page .nav__item {
		flex: 0 0 307px;
	}
	.nav-page .nav__link {
		padding: 0 20px;
		height: 83px;
	}
	.nav-page .btn__icon {
		width: 42px;
	}	
	.nav-page .btn__title {
		font-size: 18px;
		margin-left: 15px;
	}
	.nav-page .nav__item:nth-child(1) .btn__icon {
		width: 41px;
	}
	.nav-page .nav__item:nth-child(2) .btn__icon {
		width: 46px;
	}
	.nav-page .nav__item:nth-child(3) .btn__icon {
		width: 47px;
	}	
}
/* end ------------------------------------------ navigation ----------------------------------------- */

/* start ---------------------------------------- find-price ----------------------------------------- */
.find-price {
    padding-top: 47px;
    margin-bottom: 0;
}
.find-price__wrap {
	background-image: url('./assets/img/find-price-bg-mobile.jpg');	
}
.find-price .content {
    padding: 71px 0 37px;
	position: relative;	
}
.find-price .find-price__headline {
	position: absolute;
    top: -47px;
	width: max-content;
	left: 50%;
    transform: translateX(-50%);
}
.find-price__headline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #002c60;
    -webkit-transform: skewX(-14deg);
    transform: skewX(-14deg);
    border-radius: 12px;
}
.find-price h2 {
    font-size: 22px;
    letter-spacing: 0.01em;
    color: var(--white);
    padding: 10px 20px;
    margin-bottom: 0;
	position: relative;
}
.find-price-service h2 {
	font-size: 20px;
}
.find-price .offer {
	text-align: center;
	margin-bottom: 15px;
	font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.01em;	
}
.find-price .contact-form {
	margin-bottom: 30px;
}
.find-price .contact-form__row {
	margin-bottom: 10px;
}
.find-price .contact-form__input {
	font-family: var(--font-family);
	height: 62px;
	line-height: 62px;
	padding: 0 120px 0 22px;
}
.find-price .contact-form__placeholder {
	font-family: var(--font-family);
	font-size: 16px;
	color: rgba(51, 51, 51, 0.3);	
	line-height: 62px;
}
.find-price .btn {
	border-radius: 8px;
    width: 120px;
    height: 50px;
    padding: 0 9px;
    font-weight: 800;
    font-size: 14px;
    line-height: 120%;
    white-space: normal;
    text-align: left;
	position: absolute;
    top: 6px;
    right: 6px;	
}
.find-price .btn:after {
    position: relative;
    z-index: 4;	
	width: 10px;
	height: 18px;
	flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;	
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.1772 1.18998C0.940932 1.4433 0.940932 1.854 1.1772 2.10731L7.6062 9L1.1772 15.8927C0.940932 16.146 0.940932 16.5567 1.1772 16.81C1.41348 17.0633 1.79655 17.0633 2.03282 16.81L8.77554 9.58097C9.07482 9.26011 9.07482 8.73989 8.77554 8.41903L2.03282 1.18998C1.79655 0.936672 1.41348 0.936672 1.1772 1.18998Z' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");	
}
.find-price .text {
	margin-bottom: 15px;
	line-height: 1;
}
.find-price .text-phone {
	margin-bottom: 0;
	font-size: 32px;
	line-height: 1;
}
.find-price .text, .find-price .text-phone {
    text-align: center;
}
.find-price .content__img {
    display: none;
}
@media (max-width: 767px) {
	.find-price-balcon .find-price__headline {
		width: 310px;
	}
	.find-price-balcon .find-price__headline:before {
		-webkit-transform: skewX(-10deg);
		transform: skewX(-10deg);
	}
	.find-price-balcon h2 {
		padding: 10px 30px;
	}	
	.find-price-balcon h2 br {
		display: none;
	}	
}	
@media (min-width: 768px) {
	.find-price {
		padding-top: 67px;
	}
	.find-price__wrap {
		background-image: url('./assets/img/find-price-bg-tablet.jpg');	
	}	
	.find-price .content {
		padding: 95px 46px 54px;
		position: relative;
	}
	.find-price .find-price__headline {
		top: -67px;
		left: 50%;
		transform: translateX(-50%);
	}
	.find-price h2 {
		font-size: 38px;
		padding: 15px 40px;
	}
	.find-price-balcon h2 {
		white-space: nowrap;
	}
	.find-price .offer {
		font-size: 24px;
	}	
	.find-price .contact-form {
		margin-bottom: 32px;
	}	
	.find-price .contact-form__input {
		border-radius: 16px;
		padding: 0 211px 0 90px;
	}
	.find-price .contact-form__label:before {
		content: '';
		display: inline-block;
		position: absolute;
		top: 22px;
		left: 22px;		
		border-radius: 10px;
		width: 50px;
		height: 50px;
		background: var(--zheltyy-500-osnovnoy);
		background-size: auto;
		background-repeat: no-repeat;
		background-position: center;		
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.8479 28.7276C15.496 26.0307 10.3792 21.0604 7.49895 14.7896V14.7866L6.72045 13.0766C6.20589 11.9443 6.10997 10.6662 6.44978 9.46991C6.78958 8.27358 7.54305 7.23673 8.57595 6.54406L10.5754 5.20306C10.8869 4.99439 11.2652 4.90991 11.6359 4.96627C12.0065 5.02263 12.3426 5.21574 12.5779 5.50756L16.2229 10.0256C16.3498 10.1829 16.4436 10.3643 16.4986 10.5587C16.5536 10.7532 16.5687 10.9568 16.5431 11.1573C16.5174 11.3578 16.4516 11.551 16.3494 11.7254C16.2472 11.8998 16.1108 12.0517 15.9484 12.1721L14.0629 13.5701C15.8353 17.1586 18.7405 20.0634 22.3294 21.8351L23.7274 19.9511C23.8478 19.7887 23.9997 19.6523 24.1741 19.5501C24.3485 19.448 24.5417 19.3821 24.7422 19.3564C24.9427 19.3308 25.1463 19.3459 25.3408 19.4009C25.5352 19.456 25.7166 19.5497 25.8739 19.6766L30.3919 23.3216C30.6838 23.5569 30.8769 23.893 30.9332 24.2637C30.9896 24.6343 30.9051 25.0126 30.6964 25.3241L29.3644 27.3101C28.6754 28.3371 27.6458 29.0879 26.4573 29.4301C25.2688 29.7723 23.9977 29.6839 22.868 29.1806L21.8479 28.7276Z' fill='%23333333' /%3e%3cpath d='M20.625 13.5005C20.625 13.7988 20.7435 14.085 20.9545 14.2959C21.1655 14.5069 21.4516 14.6255 21.75 14.6255H27.492C27.7904 14.6255 28.0765 14.5069 28.2875 14.2959C28.4985 14.085 28.617 13.7988 28.617 13.5005C28.617 13.2021 28.4985 12.9159 28.2875 12.705C28.0765 12.494 27.7904 12.3755 27.492 12.3755H24.4665L29.205 7.63695C29.3124 7.53312 29.398 7.40894 29.4569 7.27166C29.5158 7.13438 29.5468 6.98674 29.548 6.83737C29.5493 6.68799 29.5207 6.53986 29.4641 6.40163C29.4075 6.2634 29.3239 6.13783 29.2182 6.03226C29.1125 5.92668 28.9869 5.8432 28.8486 5.7867C28.7103 5.7302 28.5621 5.7018 28.4128 5.70317C28.2634 5.70454 28.1158 5.73564 27.9785 5.79467C27.8413 5.85369 27.7172 5.93945 27.6135 6.04695L22.875 10.7825V7.75845C22.875 7.46008 22.7565 7.17393 22.5455 6.96296C22.3345 6.75198 22.0484 6.63345 21.75 6.63345C21.4516 6.63345 21.1655 6.75198 20.9545 6.96296C20.7435 7.17393 20.625 7.46008 20.625 7.75845V13.5005Z' fill='%23333333' /%3e%3c/svg%3e");
	}	
	.find-price  .contact-form__placeholder {
		width: calc(100% - 90px);
		left: 90px;
	}
	.find-price .contact-form__input, .find-price .contact-form__placeholder {
		height: 94px;
		line-height: 94px;
		font-size: 22px;
	}
	.find-price .btn {
		width: 187px;
		height: 70px;
		top: 12px;
		right: 12px;
		font-size: 18px;
		padding: 0 27px;
	}
	.find-price .btn:after {
		width: 13px;
		height: 22px;		
	}
	.find-price .text {
		font-size: 20px;
	}
	.find-price .text-phone {
		font-size: 40px;
	}
	.find-price .contact-form__row {
		margin-bottom: 15px;
	}	
	.find-price .contact-form__privacy {
		width: 380px;
		margin: 0 auto;		
	}	
}
@media (min-width: 1024px) {
	.find-price {
		padding-top: 51px;
	}
	.find-price__wrap {
		background-image: url('./assets/img/find-price-bg-desktop.jpg');	
	}
	.find-price .container {
		position: relative;
	}	
	.find-price .content {
		padding: 111px 0 60px;
	}
	.find-price .find-price__headline {
		left: 0;
		top: -51px;
		transform: none;
	}
	.find-price h2 {
		font-size: 36px;
		padding: 18px 45px;
	}
	.find-price .offer {
		text-align: left;
		font-size: 22px;
		margin-bottom: 18px;
	}	
	.find-price .contact-form {
		width: 558px;
		margin-bottom: 40px;
	}
	.find-price .contact-form__label:before {
		width: 45px;
		height: 45px;
		left: 18px;
	}
	.find-price .contact-form__input, .find-price .contact-form__placeholder {
		height: 90px;
		line-height: 90px;
		font-size: 20px;
	}
	.find-price .contact-form__input {
		padding: 0 211px 0 78px;
	}
	.find-price .contact-form__placeholder {
		width: calc(100% - 78px);
		left: 78px;
	}	
	.find-price .btn {
		top: 10px;
		right: 10px;
	}	
	.find-price .text {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.find-price .text, .find-price .text-phone {
		text-align: left;
	}
	.find-price .content__img {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 427px;
		height: 462px;	
		background-image: url('./assets/img/find-price-master.png');	
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom right;
	}
	.find-price .contact-form__row {
		margin-bottom: 10px;
	}	
	.find-price .contact-form__privacy {
		width: 380px;
		margin: unset;		
	}	
}
/* end ------------------------------------------ find-price ----------------------------------------- */

/* start -------------------------------------------- 404 -------------------------------------------- */
.not-found {
	padding: 80px 0;
	margin-bottom: 0;
}
.not-found h1 {
	font-size: 110px;
	line-height: 1;
	color: var(--zheltyy-600);
	margin-bottom: 5px;
}
.not-found .sub__title {
	font-size: 18px;
	line-height: 1;	
	margin-bottom: 30px;
}
.not-found .desc {
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 40px;
}
.not-found .content__nav {
	justify-content: space-between;
}
.not-found .btn {
	height: 51px;
	width: 155px;
	font-size: 16px;
    margin: 0;	
}
.not-found .btn.back {
	color: var(--chernyy-500-osnovnoy);
	background: var(--chernyy-50);
}
@media (max-width: 767px) {
	.not-found .desc {
		width: 310px;
		margin-left: auto;
		margin-right: auto;
	}	
}
@media (max-width: 1023px) {
	.not-found .desc br {
		display: none;
	}	
}
@media (min-width: 768px) {
	.not-found .container {
		width: 500px;
	}
	.not-found h1 {
		font-size: 160px;
	}	
	.not-found .sub__title {
		font-size: 30px;
		margin-bottom: 40px;
	}	
	.not-found .desc {
		font-size: 20px;
	}
	.not-found .content__nav {
		width: 372px;
		margin: 0 auto;
	}
	.not-found .btn {
		width: 176px;
		height: 54px;
		font-size: 18px;
	}	
}
@media (min-width: 1024px) {
	.not-found {
		padding: 100px 0 160px;
	}
	.not-found .container {
		width: 738px;
	}
	.not-found h1 {
		font-size: 170px;
	}	
	.not-found .sub__title {
		font-size: 30px;
		margin-bottom: 50px;
	}
	.not-found .desc {
		font-size: 20px;
		margin-bottom: 0;
	}
	.not-found .desc a {
		text-decoration: underline;
		text-decoration-style: dashed;
		text-underline-offset: 3px;
	}	
	.not-found .content__nav {
		display: none;
	}	
}
/* end ---------------------------------------------- 404 -------------------------------------------- */

/* start ------------------------------------------- footer -------------------------------------------- */
footer {
    background: var(--chernyy-500-osnovnoy);
	margin-top: auto;
}
.footer__wrap {
    padding: 40px 0 20px;
}
.footer__contacts {
    margin-bottom: 25px;
}
.footer__contacts, .footer__contacts-connect {
    flex-direction: column;
    gap: 15px;	
}
.footer__contacts-title {
	font-size: 20px;
	line-height: 1;
	color: var(--chernyy-200);	
}
.footer__contacts a {
	letter-spacing: -0.01em;
}
.footer__contacts a:hover {
	color: var(--chernyy-200);
}
.footer__contacts-text {
    font-size: 14px;
    line-height: 1.8;
    color: var(--chernyy-400);
	white-space: nowrap;
}
.footer__contacts .icon {
	align-items: center;
}
.footer__contacts .icon:before {
	content: '';
	display: inline-block;
	width: 35px;
    height: 35px;
	margin-right: 24px;
	background-repeat: no-repeat;
    background-size: contain;	
}
.footer__contacts .icon-phone:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='17.5' cy='17.5' r='16.5' stroke='%23FFE70F' stroke-width='2' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.58247 10.5816C9.77428 10.3901 10.0046 10.2416 10.2582 10.1458C10.5117 10.05 10.7828 10.0092 11.0533 10.0261C11.3238 10.043 11.5877 10.1172 11.8273 10.2438C12.067 10.3704 12.2771 10.5464 12.4435 10.7603L14.4112 13.2882C14.7719 13.7518 14.899 14.3559 14.7565 14.9259L14.1569 17.3265C14.1259 17.4509 14.1276 17.5811 14.1618 17.7046C14.196 17.8281 14.2615 17.9407 14.352 18.0314L17.0454 20.7248C17.1362 20.8155 17.2489 20.8811 17.3727 20.9153C17.4964 20.9495 17.6268 20.9511 17.7513 20.9199L20.1509 20.3203C20.4322 20.2499 20.7258 20.2445 21.0095 20.3043C21.2933 20.3641 21.5597 20.4876 21.7886 20.6656L24.3165 22.6321C25.2252 23.3392 25.3085 24.682 24.4951 25.4943L23.3617 26.6278C22.5505 27.439 21.3381 27.7952 20.2079 27.3973C17.3152 26.3795 14.6889 24.7235 12.5236 22.5521C10.3523 20.3871 8.69632 17.7611 7.67838 14.8689C7.28156 13.7398 7.63782 12.5263 8.449 11.7151L9.58247 10.5816ZM24.8952 10.1815C24.9463 10.2324 24.9868 10.2929 25.0144 10.3595C25.042 10.4261 25.0563 10.4975 25.0563 10.5696C25.0563 10.6417 25.042 10.7131 25.0144 10.7797C24.9868 10.8462 24.9463 10.9067 24.8952 10.9576L20.3493 15.5025H23.411C23.5564 15.5025 23.6958 15.5602 23.7986 15.663C23.9014 15.7658 23.9591 15.9052 23.9591 16.0506C23.9591 16.1959 23.9014 16.3353 23.7986 16.4381C23.6958 16.5409 23.5564 16.5987 23.411 16.5987H19.0262C18.8808 16.5987 18.7414 16.5409 18.6386 16.4381C18.5359 16.3353 18.4781 16.1959 18.4781 16.0506V11.6658C18.4781 11.5204 18.5359 11.381 18.6386 11.2782C18.7414 11.1754 18.8808 11.1177 19.0262 11.1177C19.1716 11.1177 19.311 11.1754 19.4138 11.2782C19.5166 11.381 19.5743 11.5204 19.5743 11.6658V14.7275L24.1191 10.1815C24.1701 10.1305 24.2305 10.09 24.2971 10.0624C24.3637 10.0347 24.4351 10.0205 24.5072 10.0205C24.5793 10.0205 24.6507 10.0347 24.7173 10.0624C24.7838 10.09 24.8443 10.1305 24.8952 10.1815Z' fill='%23FFE70F' /%3e%3c/svg%3e");
}
.footer__contacts .icon-mail:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.2493 13.0724C10.3397 12.2575 11.1207 11.6155 12.0987 11.5452C16.119 11.2565 18.9104 11.2556 22.8984 11.5434C23.8812 11.6144 24.6632 12.2629 24.7502 13.0821C25.1012 16.3887 25.0688 18.7235 24.7378 22.0578C24.6555 22.8862 23.8682 23.546 22.8748 23.6162C18.875 23.8989 16.087 23.8982 12.1382 23.6176C11.1424 23.5468 10.3551 22.8835 10.2738 22.053C9.95047 18.7524 9.87852 16.4118 10.2493 13.0724Z' fill='%23FFE70F' stroke='%23FFE70F' stroke-width='1.5' /%3e%3cpath d='M12.5 14.2451L16.0922 17.538C16.8887 18.2681 18.1113 18.2681 18.9078 17.538L22.5 14.2451' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' /%3e%3ccircle cx='17.5' cy='17.5' r='16.5' stroke='%23FFE70F' stroke-width='2' /%3e%3c/svg%3e");
}
.footer__contacts .icon-watch:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='17.5' cy='17.5' r='16.5' stroke='%23FFE70F' stroke-width='2' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.0374 17.8613L21.6043 19.3433C21.8549 19.488 21.936 19.8167 21.7949 20.0611C21.6495 20.3128 21.3359 20.4038 21.078 20.2549L18.4676 18.7478C18.2003 18.9554 17.8646 19.0789 17.5 19.0789C16.628 19.0789 15.9211 18.372 15.9211 17.5C15.9211 16.8125 16.3604 16.2277 16.9737 16.0109V11.1878C16.9737 10.8951 17.2178 10.6579 17.5 10.6579C17.7907 10.6579 18.0263 10.9031 18.0263 11.1878V16.0109C18.6396 16.2277 19.0789 16.8125 19.0789 17.5C19.0789 17.6243 19.0646 17.7453 19.0374 17.8613ZM17.5 27.5C23.0228 27.5 27.5 23.0228 27.5 17.5C27.5 11.9772 23.0228 7.5 17.5 7.5C11.9772 7.5 7.5 11.9772 7.5 17.5C7.5 23.0228 11.9772 27.5 17.5 27.5Z' fill='%23FFE70F' /%3e%3c/svg%3e");
}
.footer__contacts .icon-watch {
    align-items: start;
}
.work-mode .footer__contacts-title {
    margin-bottom: 10px;
}
.footer__nav {
    margin-bottom: 25px;	
}
.footer__nav-menu {
    padding: 25px 0;
    border-top: 1px solid var(--chernyy-600);
    border-bottom: 1px solid var(--chernyy-600);
}
.footer .menu__list {
	flex-direction: column;
    gap: 25px;
}
.footer__info-links, .footer__info-data {
    line-height: 1;
}
.footer .menu__link {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: var(--chernyy-100);
}
.footer .menu__item--current .menu__link {
    color: var(--white);
}
.footer__info-links {
    margin-bottom: 30px;
}
.footer__info-links .footer__info-title {
    line-height: 1.3;
	text-decoration: underline;
}
.footer__info-links a:hover {
	color: var(--chernyy-400);
}
.footer__info-title:first-child  {
    margin-bottom: 10px;
}
.footer__info-title {
    font-size: 14px;	
	color: var(--chernyy-400);	
}
.footer__info-data > .footer__info-title:first-child {
	color: var(--chernyy-400)!important;
	line-height: 1.4;	
}
@media (min-width: 768px) {
	.footer__wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;		
		padding: 50px 0 30px;
	}
	.footer__contacts, .footer__nav {
		margin-bottom: 0;
	}
	.footer__contacts-title {
		font-size: 24px;
	}
	.footer__contacts-text {
		font-size: 18px;
	}	
	.footer__contacts .icon:before {
		width: 42px;
		height: 42px;
	}
	.footer__contacts, .footer__contacts-connect {
		gap: 19px;
	}
	.work-mode .footer__contacts-title {
		margin-bottom: 18px;
	}	
	.footer__nav-menu {
		padding: 0;
		border: none;
	}	
	.footer .menu__list {
		gap: 35px;
	}
	.footer .menu__link {
		font-size: 16px;
	}
	.footer__info {
		flex: 0 0 100%;
		display: flex;
		justify-content: space-between;
		padding-top: 30px;
		margin-top: 40px;
		border-top: 1px solid var(--chernyy-400);
	}
	.footer__info-links {
		margin-bottom: 0;
	}
	.footer__info-title {
		font-size: 16px;	
	}	
	.footer__info-title:first-child {
		margin-bottom: 15px;
	}	
}
@media (min-width: 1024px) {
	.footer__wrap {
		position: relative;
		padding: 30px 0 20px;
	}
	.footer__contacts {
		order: 2;
		flex-direction: row-reverse;
		justify-content: flex-end;
		width: 100%;
	}
	.footer__contacts-work {
		flex: 0 0 236px;
		margin-right: 110px;
	}	
	.footer__nav {
		order: 1;
		flex: 0 0 100%;
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid var(--chernyy-400);
	}
	.footer .menu__list {
		flex-direction: row;
		justify-content: space-between;
	}
	.footer .menu__link {
		font-size: 14px;
	}	
	.footer .menu__link {
		color: var(--chernyy-400);
	}
	.footer .menu__link:hover {
		color: var(--chernyy-100);
	}
	.footer__contacts .icon:before {
		width: 35px;
		height: 35px;
		margin-right: 15px;
	}
	.work-mode .footer__contacts-title {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.footer__contacts-text {
		font-size: 16px;
	}
	.footer__contacts-connect {
		gap: 15px;
	}
	.footer__contacts-title {
		font-size: 20px;
	}	
	.footer__info {
		order: 3;
		border-top: none;
	}
	.footer__info-links {
		position: absolute;
		right: 0;
		top: 104px;
		gap: 10px;
	}
	.footer__info-title {
		font-size: 14px;
	}	
	.footer__info-links .footer__info-title {
		text-align: right;
		font-size: 16px;
	}
	.footer__info-links .footer__info-title:hover {
		color: var(--chernyy-100);
	}	
	.footer__info-title:first-child {
		margin-bottom: 0;
	}
	.footer__info-data {
		flex: 0 0 100%;
		flex-direction: row;
		justify-content: space-between;
	}	
}

/* end --------------------------------------------- footer -------------------------------------------- */

/*  start ----------------------------------------- scroll-top ----------------------------------------- */
.scroll-top {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--white);
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 95;
    bottom: 10px;
    right: 10px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.scroll-top.active {
    display: flex;
}
.scroll-top svg {
    width: 28px;
    height: 28px;
}
/*  end ----------------------------------------- scroll-top ----------------------------------------- */

/* start ----------------------------------------- template ------------------------------------------ */
/* оплата после монтажа / Бесплатная доставка по санкт-петербургу */
.template__bg-color {
	background: linear-gradient(180deg, #ffe80f 0%, #ffd748 100%);
}
.template__bg-color .container {
    padding: 40px 0;
}
.template__bg-color .content__box {
    padding: 20px;
    background: var(--white);
    border-radius: 16px;
}
@media (min-width: 768px) {
	.template__bg-color {
		background: none;
		padding: 50px 0;
	}
	.template__bg-color .container {
		padding: 50px;
		background: linear-gradient(180deg, #ffe80f 0%, #ffd748 100%);
		border-radius: 16px;
		position: relative;
	}
	.template__bg-color .content__box {
		padding: 30px;
	}	
}
@media (min-width: 1024px) {
	.template__bg-color .container {
		padding: 60px;
	}	
}
/* узнайте цену своих окон прямо сейчас! / онлайн расчет окон */
.template__bg-img, .template__bg-img .text {
	color: var(--white);	
}
.template__bg-img, .template__bg-img .content {
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;	
}
@media (min-width: 768px) {
	.template__bg-img {
		background-image: none!important;	
		padding: 0;
	}
	.template__bg-img .content {
		border-radius: 16px;	
	}	
}
/* end ------------------------------------------- template ------------------------------------------ */
.card__box-template {
    padding: 15px;
    background: var(--white);	
}
.card__box-template .card__img {
	margin-bottom: 20px;
}
.card__box-template .card__title {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.01em;
    margin-bottom: 10px;
}
.card__box-template .card__desc {
    line-height: 1.2;
    margin-bottom: 0;
}
.card__box-template .card__price {
	font-size: 30px;
    line-height: 1;
}
.card__box-template .card__price .word, .card__box-template .card__price .currency {
    font-size: 24px;
}
.card__box-template .card__price .word {
    margin-right: 8px;
}
.card__box-template .card__price .currency {
    margin-left: 4px;
}
.card__box-template .card__btn {
	margin-top: auto;
}
.card__box-template .card__btn .btn {
	border-radius: 16px;
	font-size: 16px;
	height: 45px
}
@media (min-width: 768px) {
	.card__box-template .card__desc {
		font-size: 16px;
	}
	.card__box-template .card__price {
		font-size: 36px;
	}
	.card__box-template .card__btn .btn {
		height: 50px;
		font-size: 18px;
	}	
}
@media (min-width: 1024px) {
	.card__box-template .card__desc {
		font-size: 18px;
	}
	.card__box-template .card__price {
		font-size: 40px;
	}
	.card__box-template .card__btn .btn {
		font-size: 16px;
	}	
}
/* start -------------------------------------- cookies__info ---------------------------------------- */
.cookies__info {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 9999999999;
	display: none;
}
.cookies__container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
	gap: 12px;
    padding: 10px 12px;
	border: 1px solid #e6e6e6;
	border-radius: 16px;
	width: 310px;
	box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
	font-family: var(--second-family);
    margin: 0;	
}
.cookies__content {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.3;
	color: #000;
	margin-bottom: 0;
}
.cookies__link-info {
    color: #008cf0;
	text-decoration: underline;
    text-underline-offset: 2px;	
}
.cookies__link-info:hover {
    color: #008cf0;
	text-decoration: none;
}
.cookies__closed {
	flex-shrink: 0;
	border-radius: 6px;
	width: 49px;
	height: 26px;
	background: linear-gradient(180deg, #ffe80f 0%, #ffd748 100%);
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	color: #333;	
}
@media (min-width: 768px) {
	.cookies__info {
		right: 25px;
		bottom: 25px;		
	}
	.cookies__container {
		padding: 12px 14px;
		width: 350px;
	}
	.cookies__content {
		font-size: 14px;
	}	
}
@media (min-width: 1024px) {
	.cookies__info {
		right: 30px;
		bottom: 30px;		
	}
	.cookies__container {
		padding: 12px 14px;
		width: 456px;
	}	
}
/* end ---------------------------------------- cookies__info ---------------------------------------- */

/*  start ---------------------------------------- privacy-policy ----------------------------------------------------------- */
.privacy-policy {
	padding: 30px 0 20px;
}
.privacy-policy h1 {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 25px;
}
.privacy-policy h2 {
	font-size: 18px;
    font-weight: 700;
    text-transform: none;	
    margin-bottom: 1em;
}
.privacy-policy p {
    margin-bottom: 1em;
    line-height: 1.4;
}
.privacy-policy ul {
    list-style-type: disc;
	list-style-position: outside;
    margin: 0 0 1em;
    padding-left: 40px;
}
.privacy-policy ul li {
    line-height: 1.4;
}
.privacy-policy .text-small {
    display: inline-block;
}
@media (max-width: 767px) {
	.privacy-policy .text-small {
		font-size: 12px;
	}	
}
@media (min-width: 768px) {
	.privacy-policy {
		padding: 50px 0;
	}	
	.privacy-policy h1 {
		font-size: 22px;
	}
	.privacy-policy h2 {
		font-size: 20px;
	}
	.privacy-policy .txt-data span,
	.privacy-policy .txt-email span {
		display: inline-block;
	}	
}
@media (min-width: 1024px) {
	.privacy-policy {
		padding: 60px 0;
	}		
	.privacy-policy h1 {
		font-size: 30px;
	}
	.privacy-policy h2 {
		font-size: 24px;
	}	
	.privacy-policy p,
	.privacy-policy ul {
		font-size: 18px;
	}	
}
/*  end ------------------------------------------ privacy-policy ----------------------------------------------------------- */
@media (hover: none) and (pointer: coarse) {
    .header {
        /* top: 0;
        position: -webkit-sticky;
        position: sticky;
        z-index: 100; */
    }	
	.header__nav-main.in-desktop-show,
	.header__action.in-desktop-show,
	.header__connect .phone.in-desktop-show,
	.header__connect .btn__modal-open.in-desktop-show {
		/* display: none; */
	}
	.header__connect .phone.in-mobile,
	.header__button-menu.in-mobile {
		/* display: block; */
	}	
    .page-kalkulyator-okon .header,
	.page-kalkulyator-balkonov .header {
		 /* box-shadow: none!important; */
    }	
    .page-kalkulyator-okon .header__last,
	.page-kalkulyator-balkonov .header__last {
        /* display: none!important; */
    }
    .page-kalkulyator-okon .header__box,
	.page-kalkulyator-balkonov .header__box {
        /* box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 6px 0px;
		position: relative;
        z-index: 100; */		
    }	
}