.cottage__banner {
	background: url(img/ban-prod30.png) top center no-repeat;
	height: 300px;
	margin-bottom: 25px;
}

.cottage__banner-text {
	font-size: 18px;
	line-height: 18px;
	color: transparent !important;
	margin-top: 32px;
	margin-left: 25px;
}

.cottage__banner-title {
	font-size: 56px;
	line-height: 74px;
	color: #FFFFFF;
	margin: 0;
	/*margin-top: 29px;*/
	font-family: FreeSetExtraCTT;
	margin-left: 25px;
	text-shadow: 0px 5.73333px 8.6px rgba(0, 0, 0, 0.5);

}

.cottage__banner-descr {
	font-size: 20px;
	color: #FFFFFF;
	margin-left: 25px;
	font-family: FreeSetExtraCTT;
	text-shadow: 0px 2.14096px 3.21144px rgba(0, 0, 0, 0.5);
}

.cottage__banner-buttons {
	margin-top: 200px;
	display: flex;
	width: 412px;
	justify-content: space-between;
	margin-left: 0px;
}

.cottage__banner-button {
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 4px;
	display: block;
}

.cottage__banner-button-1 {
	background: #E91A23;
	border: 1px solid #E91A23;
	width: 214px;
	color: #F3F4F6 !important;
}

.cottage__banner-button-2 {
	width: 177px;
	border: 1px solid #FFFFFF;
	color: #fff !important;
}

@media (max-width: 1159px) {

	.cottage__banner {
		background: url(img/ban-prod30-2.jpg) top center/cover no-repeat;
		height: 210px;
		margin-bottom: 17px;
	}

	.cottage__banner-buttons {
		display: none;
	}

	.cottage__banner-button {
		line-height: 34px;
	}

	main {
		padding-top: 0;
	}

	.cottage__banner-text {
		margin-top: 0;
	}
}

@media (max-width: 991px) {

	.cottage__banner-text {
		font-size: 14px;
		line-height: 14px;
		margin-top: 0;
		margin-left: 9px;
	}

	.cottage__banner-title {
		font-size: 40px;
		line-height: 56px;
		text-shadow: 0px 10px 20px rgb(0 0 0 / 50%);
		margin-left: 9px;
		margin-top: 15px;
	}

	.cottage__banner-descr {
		font-size: 14px;
		margin-left: 10px;
	}

	.cottage__banner-buttons {
		margin-top: 93px;
		margin-left: -4px;
	}

	.cottage__banner-button-1 {
		width: 171px;
	}

	.cottage__banner-button-2 {
		width: 176px;
	}

	.cottage__banner-button {
		line-height: 34px;
	}
}

@media (max-width: 767px) {
	.cottage__banner {
		background: url(img/ban-prod30-31.jpg) top center/cover no-repeat;
	}

	.cottage__banner-buttons {
		display: none;
	}
}

@media (max-width: 490px) {
	.cottage__banner {
		background: url(img/ban-prod30-41.jpg) top center/cover no-repeat;
		height: 180px;
	}

}

@media (max-width: 428px) {
	.cottage__banner-button-2 {
		display: none;
	}

	.cottage__banner-title {
		font-size: 36px;
		line-height: 50px;
		text-shadow: 0px 10px 20px rgb(0 0 0 / 50%);
		margin-top: -8px;
	}

	.cottage__banner-descr {
		font-size: 12px;
		line-height: 8px;
		margin-left: 10px;
		margin-top: 45px;
	}

	.cottage__banner-text {
		font-size: 7px;
	}

	.cottage__banner-buttons {
		margin-top: 15px;
	}

	.cottage__banner {
		background: url(img/ban-prod30-51.png) top center/cover no-repeat;
	}
}

@media (max-width: 409px) {

	.cottage__banner {
		height: 140px;
	}

	.cottage__banner-buttons {
		width: 100%;
	}
}

@media (max-width: 360px) {

	.cottage__banner-text {
		margin-bottom: 5px;
	}
}

@media (min-width: 1200px) {
	main {
		padding-top: 34px;
	}
}

.calc-container {
	margin: 0 auto;
	max-width: 1182px;
	width: 100%;
	padding: 0 24px;
}

.step-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}

.step-wrap .step {
	background: #E91A23;
	border-radius: 4px;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-family: HelveticaNeueCyr-Medium;
	font-size: 16px;
	line-height: 20px;
}

.step-title {
	margin-left: 8px;
	color: #323C47;
	font-family: HelveticaNeueCyr-Medium;
	font-size: 18px;
	font-weight: 550;
	line-height: 20px;
}

.bc_title {
	margin-top: 72px;
	font-size: 26px;
	line-height: 32px;
	text-align: center;
	color: #4D5054;
}

.bc_title h2 {
	text-align: left;
	font-family: HelveticaNeueCyr-Medium;
	font-size: 24px;
	font-weight: 550;
	line-height: normal;
	margin-bottom: 24px;
}

.bc_note {
	text-align: center;
	background: #f3f4f6;
	padding: 25px 0 30px;
	font-size: 16px;
	color: #424242;
	margin-top: 25px;
	line-height: 20px;
}

.bc_note span {
	color: #e31e25;
}

.bc_container {}

.bc_tabs,
.bc_parapet {
	display: flex;
	justify-content: flex-start;
}

.bc_tabs {
	margin-bottom: 24px;
}

.bc_tab {
	text-align: center;
	font-size: 26px;
	cursor: pointer;
	margin-right: 16px;
}

.bc_tab-title {
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	border-radius: 4px;
	padding: 8px 24px;
	border: 2px solid transparent;
	display: flex;
	align-items: center;
}

.bc_tab.active .bc_tab-title {
	border: 2px solid #30C2FF;
}

.bc_tab-tooltip {
	display: flex;
	align-items: center;
	margin-left: 4px;
	position: relative;
}

.bc_tab-tooltip:hover path {
	fill: #30C2FF;
}

.tooltip {
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	width: 300px;
	background: #FFFFFF;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
	cursor: default;
}

.tooltip__layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}

.tooltip.active,
.tooltip__layer.active {
	opacity: 1;
	visibility: visible;
}

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

.tooltip__title {
	background: #F7F7FA;
	display: flex;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
}

.tooltip__descr {
	font-size: 14px;
	line-height: 20px;
	color: #323C47;
	padding: 8px;
}

.tooltip__image {
	width: 100%;
}

.bc_content {
	display: grid;
	grid-template-columns: auto 456px;
	column-gap: 24px;
	margin-bottom: 64px;
}

.bc_types,
.bc_icons,
.bc_buttons,
.bc_advantages {
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	display: flex;
	justify-content: space-between;
}

.bc_type {
	text-align: center;
	cursor: pointer;
	padding: 8px 0px;
	border: 2px solid #fff;
	font-size: 12px;
	line-height: 140%;
	border-radius: 4px;
	min-height: 96px;
}

.bc_type img {
	margin: 0 8px 8px;
}

.bc_type.active {
	border: 2px solid #30C2FF;
}

.bc_type.active.load-system {
	border: 2px solid #fff;
}

.bc_balkon {
	margin-top: 16px;
	text-align: center;
	position: relative;
	height: 376px;
}

.bc_balkon_inner {
	display: flex;
	justify-content: center;
}

.bc_balkon img {
	max-height: 376px;
	width: auto;
}

.turn180 {
	margin: 16px auto;
	cursor: pointer;
	display: flex;
	justify-content: center;
}

.bc_line {
	margin-bottom: 24px;
}

.bc_line_name {
	color: #424242;
	font-size: 16px;
	line-height: 20px;
	font-family: 'HelveticaNeueCyr-Medium';
	font-weight: normal;
	padding: 0;
}

.bc_line_body {
	font-size: 16px;
	position: relative;
	padding-bottom: 6px;
	line-height: 25px;
}

.bc_line_body-wrap {
	padding: 8px 16px;
	background: #F7F7FA;
	display: grid;
	grid-template-columns: 35% 40% 25%;
}

.bc_line_body_white {
	background: #fff;
}

.bc_line_body label {
	margin-bottom: 0;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #9F9F9F;
	padding: 0 0 0 28px;
}

.checkbox-wrap {
	display: flex;
	flex: 1;
}

.bc_checkbox:not(checked) {
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
}

.bc_checkbox:not(checked)+label {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.bc_checkbox:not(checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 4px;
	border: 2px solid #757D8A;
}

.bc_checkbox:checked+label:before {
	border: 2px solid #30C2FF;
}

.bc_checkbox:not(checked)+label:after {
	content: '';
	position: absolute;
	left: 4px;
	top: 11px;
	width: 12px;
	height: 9px;
	opacity: 0;
	background: url(img/gal2.svg) top center no-repeat;
}

.bc_checkbox:checked+label:after {
	opacity: 1;
}

.bc_icons {
	margin-top: 16px;
}

.bc_icon {
	position: relative;
	cursor: pointer;
}

.bc_icon img {
	border-radius: 4px;
	width: 56px;
	height: 56px;
}

.bc_icon_border {
	display: none;
}

.bc_icon.active .bc_icon_border {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	border: 2px solid #30C2FF;
}

.bc_parapet .bc_line_body {
	width: 140px;
	margin-top: 7px;
}

.bc_sum {
	font-size: 16px;
	line-height: normal;
}

.bc_line_inner span {
	color: #9F9F9F;
	font-size: 14px;
}

.bc_button {
	width: 177px;
	height: 58px;
	text-align: center;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 5px;
	display: -webkit-flex;
	-webkit-justify-content: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bc_button.bc_zamer {
	border: 1px solid #e5e5e5;
}

.bc_button.bc_zakaz {
	background: #e31e25;
	color: #fff;
	line-height: 20px;
	width: 235px;
	height: 39px;
}

.bc_bottom_text {
	margin-top: 16px;
	font-size: 12px;
	line-height: 20px;
}

.bc_clb {
	clear: both;
}

.bc_select {
	border: 1px solid #e5e5e5;
	padding-left: 10px;
	outline: none;
	cursor: pointer;
	background: #fff url(img/arrow.png) 95% center no-repeat;
	border-radius: 3px;
	height: 32px;
	font-size: 14px;
	color: #515257;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.bc_price {
	text-align: right;
	font-size: 14px;
	color: #424242;
	line-height: 32px;
	flex: 1;
}

.bc_line_inner {}

.bc_mb10 {
	margin-bottom: 10px;
}

label.bc_width285,
.bc_width285 {
	width: 246px;
}

.bc_sum.bc_price {
	color: #424242;
	font-size: 16px;
	line-height: normal;
	white-space: nowrap;
}

.discount .bc_sum.bc_price > span:not(:last-child){
	text-decoration: line-through;
}

.bc_sum.bc_price span:not(:first-child) {
	font-size: 14px;
}

.bc_price_discount {
	font-family: HelveticaNeueCyr-Medium;
	color: #E31E24;
	font-size: 16px;
	line-height: normal;
	margin-right: 4px;
}

.steny_line {
	display: none;
}

.bc_balkon_container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 376px;
}

.bc_balkon_over {
	position: absolute;
	top: 0;
	left: 37px;
}

.bc_balkon_potolok {
	z-index: 3;
}

.bc_balkon_profil {
	z-index: 4;
}

.bc_balkon_profil2 {
	z-index: 5;
}

.bc_balkon_pol {
	z-index: 6;
}

.bc_balkon_parapet {
	z-index: 7;
}

.bc_balkon_stena {
	z-index: 8;
}

.bc_balkon_profnastil {
	z-index: 10;
}

.bc_balkon_steny {
	z-index: 11;
}

.bc_balkon_shkaf {
	z-index: 12;
}

.bc_balkon_obshivka {
	z-index: 5;
}

.bc_shtory {
	display: none;
}

.bc_balkon_shtory {
	z-index: 14;
}

.bc_stock {
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 20px;
	display: none;
}

.bc_stock a:link,
.bc_stock a:visited {
	color: #ed1b23;
	text-decoration: underline;
}

.bc_stock a:hover {
	text-decoration: none;
}

.bc_stock span {
	color: #ed1b23;
}

.bc_matrix {
	display: none;
}

.big_image {
	position: relative;
}

.bi_img {
	display: none;
	position: absolute;
	top: 11px;
	left: 0;
	z-index: 10;
	border-radius: 10px;
	max-width: 326px;
}

.bc_banner {
	height: 680px;
	background: url(img/banner.jpg) top center no-repeat;
}

.bc_banner_block {
	width: 319px;
}

.bc_banner_title {
	font-size: 30px;
	line-height: 30px;
	color: #4D5054;
	margin-top: 185px;
	padding-bottom: 18px;
	border-bottom: 1px solid #4d505480;
}

.bc_banner_text {
	font-size: 42px;
	line-height: 60px;
	color: #4D5054;
	padding-top: 14px;
}

.bc_banner_link {
	margin-top: 11px;
	font-size: 14px;
	line-height: 14px;
}

.bc_banner_link a:link,
.bc_banner_link a:visited {
	text-decoration: underline;
	color: #E91A23;
}

.bc_banner_link a:hover {
	text-decoration: none;
}

.bc_banner_button {
	/*margin-top: 106px;
	background: #E91A23;
	border-radius: 5px;
	width: 225px;
	height: 51px;
	font-size: 16px;
	line-height: 51px;
	color: #FFFFFF;
	text-align: center;*/
}

.bc_advantages {
	margin-top: 108px;
	margin-bottom: 72px;
}

.bc_adv_item {
	text-align: center;
	width: 180px;
}

.bc_adv_item_img {
	height: 90px;
}

.bc_adv_item_text {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 18px;
	color: #4D5054;
	height: 40px;
}

.bc_adv_item_text_2 {
	font-size: 14px;
	line-height: 14px;
	color: rgba(77, 80, 84, 0.6);
}

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

.bxslider_mebel {
	margin-top: 53px;
}

.bx-wrapper {
	margin-bottom: 15px;
	margin-right: 20px;
}

.pager_slide {
	margin-bottom: 50px;
	margin-right: 20px;
}

.bc_slider_text {
	margin-top: 53px;
	background: #F3F4F6;
	height: 590px;
	padding: 30px 50px 30px 24px;
	font-size: 16px;
	line-height: 20px;
	color: #4D5054;
}

.bc_slider_title {
	line-height: 16px;
	padding-bottom: 24px;
}

#pol_select {
	display: none;
}

.bc_slider_inner {
	display: none;
}

#bc_sender .zamer_privacy {
	margin-top: 80px;
	font-size: 14px;
}

.bc_sale {
	position: absolute;
	bottom: 40px;
	left: 123px;
	height: 138px;
	width: 250px;
	cursor: pointer;
	z-index: 99;
	display: none;
}

.bc_line_body.bc_bottom_line.bc_teplo {
	display: none;
}

.bc_sale_help:before {
	content: "";
	background: url("/landing/balkony/bc/img/arrow.svg");
	width: 18px;
	height: 10px;
	position: absolute;
	top: 55px;
	left: 120px;
}

.bc_sale_help {
	background: #F7F7FA;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.35);
	border-radius: 4px;
	max-width: 250px;
	padding: 6px 14px;
	margin-top: 14px;
	display: none;
	font-size: 12px;
	line-height: 130%;
	text-align: left;
}

.bc_sale:hover .bc_sale_help {
	display: block;
}

.bc_teplo .bc_price {
	float: right;
}

.bc_teplo_info {
	background: #F7F7FA;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.35);
	border-radius: 4px;
	padding: 6px 14px;
	margin-top: 7px;
	position: absolute;
	width: max-content;
	display: none;
}

.bc_teplo label:hover .bc_teplo_info {
	display: block;
}

.fullslider {
	margin-top: 50px;
	margin-bottom: 150px;
}

.bc_tabs_mobile {
	display: none;
}

.owl-dots {
	display: flex;
}

.bc_prive_m {
	justify-content: space-between;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	display: none;
}

.bc_prive_ml {
	color: #E91A22;
}

.bc_prive_mr {
	font-size: 16px;
	color: #E31E24;
	margin-right: 4px;
	font-weight: 400;
}

.price-block {
	padding: 16px;
	background: #F7F7FA;
}

.price-block__value {
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.price-block__meter {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
}

.price-block__meter .bc_prive_ml {
	color: #424242;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
}

.price-block__meter .bc_prive_mr {
	color: #424242;
	text-align: right;
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
}

.bc_prive_mr span {
	font-size: 14px;
}

.price-block__sum {
	display: flex;
}

.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}

.popup__layer {
	background: rgba(0, 0, 0, 0.50);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.popup__close {
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 2;
	cursor: pointer;
	border: none;
	background: transparent;
}

.popup__wrap {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup__content {
	position: relative;
	z-index: 1;
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
	max-width: 464px;
}

.popup__content-header {
	border-radius: 8px 8px 0 0;
	background: #F7F7FA;
	padding: 24px;
	color: #323C47;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
}

.popup__content-body {
	padding: 0 20px 32px 32px;
	height: 500px;
	max-height: calc(100vh - 160px);
	overflow-y: scroll;
	overflow-x: hidden;
	;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.popup__ok {
	border-radius: 4px;
	background: #E91A23;
}

.color-list {
	margin-bottom: 16px;
	margin-top: 16px;
	min-width: 400px;
}

.color-tabs-list .color-list {
	margin-top: 0;
}

.popup__content-body::-webkit-scrollbar-thumb {
	background-color: #C4C4C4;
	border-radius: 7px;
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
}

.popup__content-body::-webkit-scrollbar {
	width: 16px;
}

.color {
	cursor: pointer;
	color: #424242;
	font-size: 16px;
	line-height: normal;
	position: relative;
	border-radius: 5px;
	padding: 2px;
	border: 2px solid #fff;
	height: 48px;
}

.color:not(:last-child) {
	margin-bottom: 12px;
}

.color img {
	width: 100%;
	height: 100%;
}

.color.active {
	border: 2px solid #30C2FF;
	padding: 2px;
}

.color_white {
	color: #fff;
}

.color__name {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}

.color-ok {
	color: #FFF;
	font-size: 16px;
	line-height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: #E91A23;
	height: 40px;
	flex: 0 0 40px;
	cursor: pointer;
	position: sticky;
	bottom: 0;
}

.color-ok::after {
	content: "";
	width: 100%;
	position: absolute;
	height: 32px;
	top: 100%;
	background: #fff;
}

.color-ok::before {
	content: "";
	width: 100%;
	position: absolute;
	height: 20px;
	bottom: 100%;
	background: linear-gradient(0deg, #FFF 48.89%, rgba(255, 255, 255, 0.00) 100%);
}

.color-select {
	display: flex;
	align-items: center;
	cursor: pointer;
	flex: 1;
	margin: 0 8px;
	position: relative;
}

.color-select::after {
	content: "";
	background: linear-gradient(270deg, rgba(247, 247, 250, 1) 0%, rgba(247, 247, 250, 0) 50%);
	position: absolute;
	right: 0;
	height: 100%;
	width: 40px;
}

.bc_line_body_white .color-select::after {
	background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.color-select__ico {
	margin-right: 12px;
	width: 24px;
	height: 24px;
	position: relative;
}

.color-select__ico::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.color-select__ico img {
	width: 100%;
	height: 100%;
}

.color-select__name {
	font-size: 14px;
	line-height: 14px;
	text-decoration: underline;
	white-space: nowrap;
	max-width: 120px;
	overflow: hidden;
}

.color-select__name:hover {
	text-decoration: none;
}

.color-tabs-list {
	flex: 1;
}

.color-tabs {
	position: sticky;
	top: 0;
	padding-top: 16px;
	background: #fff;
	z-index: 1;
}

.color-tabs__title {
	font-size: 14px;
	line-height: 14px;
	color: #9F9F9F;
	margin-bottom: 8px;
}

.color-tab {
	display: none;
}

.color-tab.active {
	display: block;
}

.tab-select {
	margin-bottom: 16px;
	position: relative;
}

.tab-select__current {
	border: 1px solid #E5E5E5;
	font-size: 14px;
	line-height: 15px;
	padding: 8px;
	color: #515257;
	cursor: pointer;
	position: relative;
	border-radius: 3px;
}

.tab-select__current::after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2330C2FF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
}

.tab-select__current.open {
	border: 1px solid #30C2FF;
}

.tab-select__current.open::after {
	transform: rotate(180deg);
}

.tab-select__list {
	border: 1px solid #30C2FF;
	border-radius: 3px;
	position: absolute;
	top: calc(100% + 8px);
	z-index: 1;
	width: 100%;
	background: #fff;
	display: none;
}

.tab-select__list-item {
	font-size: 14px;
	line-height: 15px;
	padding: 8px;
	color: #515257;
	cursor: pointer;
}

.tab-select__list-item.active {
	color: #30C2FF;
}

.tab-select__list-item:hover {
	background: #DAF4FF;
}

.bc_content_right {
	position: relative;
}

.load-system {
	position: relative;
	overflow: hidden;
	background: #ECEDEF;
	border-radius: 4px;
}

.load-system * {
	visibility: hidden;
	white-space: nowrap;
}

.load-system::before,
.load-system::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 4px;
}

.load-system::before {
	background: #ECEDEF;
}

.load-system::after {
	display: block;
	width: 150px;
	background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.51) 50%, transparent 100%);
	animation: load-animation 1.5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
}

.advantages {
	margin-bottom: 38px;
	margin-top: 56px;
}

.advantages-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	column-gap: 25px;
}

.advantages-list__item {
	display: flex;
	flex-direction: column;
}

.advantages-list__item-img {
	margin-bottom: 10px;
	height: 56px;
}

.advantages-list__item-name {
	text-align: center;
}

.order-section {
	margin-bottom: 60px;
}

.order-section-title {
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 40px;
	font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial, sans-serif;
}

.order-section-list {
	display: grid;
}

.swiper-scrollbar {
	display: none;
}

.swiper-scrollbar-drag {
	background: #008CDB;
	border-radius: 1px;
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
	background: #E5E5E5;
	border-radius: 1px;
}

.order-section-item {
	border-radius: 8px;
	background: #F7F7FA;
	padding-top: 16px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.order-section-item__title {
	margin-bottom: 8px;
	font-size: 18px;
	font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial, sans-serif;
	line-height: 24px;
}

.order-section-item__descr {
	font-size: 14px;
	line-height: 20px;
	max-width: 272px;
	margin: 0 auto;
	padding: 0 5px;
}

@keyframes load-animation {
	from {
		left: -150px;
	}

	to {
		left: 100%;
	}
}

@media (max-width: 1200px) {
	.container {
		width: 100%;
		padding: 0 24px;
	}
}

@media (max-width: 1199px) {
	.bc_content {
		display: block;
		margin-bottom: 48px;
	}

	.tooltip {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		justify-content: center;
		align-items: center;
		background: transparent;
	}

	.tooltip__content {
		background: #fff;
		width: 300px;
	}

	.bc_balkon_over {
		left: 50%;
		transform: translateX(-50%);
	}
}

@media (max-width: 767px) {
	.container {
		padding: 0 16px;
	}

	.calc-container {
		padding: 0 16px;
	}

	.step-wrap .step {
		width: 18px;
		height: 18px;
		font-size: 14px;
		line-height: 20px;
	}

	.step-title {
		font-size: 14px;
	}

	.bc_content {
		margin-bottom: 40px;
	}

	.bc_balkon_container,
	.bc_balkon,
	.bc_balkon img {
		height: 185px;
	}

	.bc_tabs {
		flex-direction: column;
		margin-bottom: 8px;
	}

	.bc_tab {
		margin-right: 0;
		margin-bottom: 8px;
	}

	.bc_tab-title {
		justify-content: center;
	}

	.bc_types {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 16px;
	}

	.bc_types br,
	.bc_types span:not(.bc_type_flex) {
		display: none;
	}

	.bc_types .bc_type_flex {
		display: inline-flex;
		justify-content: center;
	}

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

	.price-block__meter,
	.price-block__value {
		flex-direction: column;
	}

	.price-block__meter .bc_prive_mr {
		text-align: left;
	}

	.price-block__meter .bc_prive_ml,
	.price-block__value .bc_sum {
		margin-bottom: 8px;
	}

	.bc_sum.bc_price {
		text-align: left;
	}

	.bc_line_body-wrap {
		display: flex;
		flex-wrap: wrap;
	}

	.checkbox-wrap {
		flex: 1 0 100%;
		height: 28px;
		margin-bottom: 8px;
	}

	.color-select {
		margin: 0 0 0 28px;
	}

	.popup__content {
		margin: 0 16px;
	}

	.popup__content-body {
		padding: 0 12px 24px 24px;
	}

	.color-ok::after {
		height: 24px;
	}

	.color-list {
		min-width: auto;
	}

	.advantages {
		margin-top: 32px;
	}

	.advantages-list {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 15px;
	}

	.order-section-list {
		padding-bottom: 18px;
	}
}

@media (max-width: 600px) {
	.order-section-item {
		width: 216px;
	}

	.swiper-scrollbar {
		display: block;
	}
}

@media (max-width: 479px) {
	.bc_button.bc_zakaz {
		width: 100%;
	}
}

@media (max-width: 379px) {
	.advantages-list {
		grid-template-columns: 1fr 1fr;
	}
}