/* 
*, *::before, *::after {
	border: 1px solid red !important;
} */
/* page */
.page {
	height: 100%;
}

.page__body 

{
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.5;
	color: var(--color-black);
}

.page__section_background-color_light-blue {
	background-color: var(--color-light-blue);
}

.page__section_padding-bottom_big 
{
	padding-bottom: 100px;}

.page__section_padding-bottom_small {
	padding-bottom: 50px;
}

.page__section_padding-top_big {
	padding-top: 100px;
}

.page__section_padding-top_small {
	padding-top: 50px;
}

.page__page {
	padding-bottom: 100px;
}

.page__thanks {
	min-height: 800px;
}


.page__title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
}

.page__section-title {
	font-size: 36px;
	font-weight: 600;
	color: var(--color-blue);
}

.page__section-title_text-align_center {
	text-align: center;
}

.page__section-title::before {
	display: inline-block;
    content: '';
    width: 25px;
    height: 27px;
    vertical-align: top;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='27' viewBox='0 0 22 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.75 0H21.95L5.29 27H0V17.94L10.75 0Z' fill='%23FDCA04'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: left center;;
    background-size: contain;
}

.page__section-title_margin_bottom {
	margin-bottom: 40px;
}

.page__section-subtitle {
	max-width: 840px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	margin-bottom: 30px;
}

@media (max-width: 1279px) {
	.page__body {
		font-size: 14px;
	}

	.page__section_padding-bottom_big {
		padding-bottom: 60px;
	}
	
	.page__section_padding-bottom_small {
		padding-bottom: 30px;
	}
	
	.page__section_padding-top_big {
		padding-top: 60px;
	}
	
	.page__section_padding-top_small {
		padding-top: 30px;
	}
	
	.page__section-title {
		font-size: 24px;
		margin-bottom: 30px;
		text-align: left;
	}

	.page__section-subtitle {
		font-size: 20px;
	}
}

@media (max-width: 999px) {
	.page__section-subtitle {
		font-size: 16px;
	}

	.page__thanks {
		min-height: unset;
	}
}

@media (max-width: 479px) {
	.page__body {
		font-size: 14px;
	}

	.page__body_overflow_hidden {
		overflow: hidden;
	}
}

/* video */
.video {
	position: relative;
}

.video__item {
	display: block;
}

.video__btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-4' y='-4' width='128' height='128'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_9_165_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='4'%3E%3Ccircle cx='60' cy='60' r='60' fill='%23FF0000' fill-opacity='0.1'/%3E%3Ccircle cx='60' cy='60' r='59.5' stroke='%23FF0000' stroke-opacity='0.3'/%3E%3C/g%3E%3CforeignObject x='19' y='19' width='82' height='82'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2px);clip-path:url(%23bgblur_1_9_165_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Ccircle data-figma-bg-blur-radius='4' cx='60' cy='60' r='36.5' fill='%23FF0000' fill-opacity='0.6' stroke='%23FF0000'/%3E%3Cpath d='M71.1377 56.8629C73.2307 57.998 73.2307 61.002 71.1377 62.1371L55.6803 70.5206C53.6813 71.6047 51.25 70.1575 51.25 67.8835L51.25 51.1165C51.25 48.8425 53.6813 47.3953 55.6803 48.4794L71.1377 56.8629Z' fill='white'/%3E%3Cdefs%3E%3CclipPath id='bgblur_0_9_165_clip_path' transform='translate(4 4)'%3E%3Ccircle cx='60' cy='60' r='60'/%3E%3C/clipPath%3E%3CclipPath id='bgblur_1_9_165_clip_path' transform='translate(-19 -19)'%3E%3Ccircle cx='60' cy='60' r='36.5'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: auto 25%;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.2s ease;
	z-index: 1;
	box-shadow: none;
	outline: none;
	color: transparent;
	font-size: 0;
	margin: 0;
	padding: 0;
	border: none;
}

.video__btn:hover {
	background-size: auto 30%;
}

/* links */
a {
	color: var(--color-blue);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* text */
.text p {
	margin-bottom: 20px;
}

.text ul {
	list-style-position: inside;
	list-style-type: square;
	margin-bottom: 20px;
}

.text *:last-child {
	margin-bottom: 0;
}

/* btn */
.btn {
	display: block;
	text-decoration: none;
	text-align: center;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 12px 30px;
	background: transparent;
	white-space: wrap;
	border-radius: 10px;
	border: 1px solid transparent;
	position: relative;
	font-weight: 600;
	outline: none;
	box-shadow: none;
	color: inherit;
}

.btn_color_yellow {
	background: var(--color-yellow);
	border-color: var(--color-yellow);
	color: var(--color-black);
}

.btn_color_yellow:hover {
	background: var(--color-light-yellow);
}

.btn_color_blue {
	background: var(--color-blue);
	border-color: var(--color-blue);
	color: var(--color-white);
}

.btn_color_blue:hover {
	background: var(--color-medium-blue);
}

.btn_color_red {
	background: var(--color-red);
	border-color: var(--color-red);
	color: var(--color-white);
}

.btn_color_red:hover {
	background: var(--color-light-red);
}

.btn_color_transparent-black {
	border: 1px solid var(--color-black);
}

.btn_color_transparent-black:hover {
	background: var(--color-black);
	color: var(--color-white);
}

.btn_color_transparent-white {
	border: 1px solid var(--color-white);
	color: var(--color-white);
}

.btn_color_transparent-white:hover {
	background: var(--color-white);
	color: var(--color-black);
}

.btn_small {
	padding: 5px 20px;
	font-weight: inherit;
}

.btn:disabled::before {
	position: absolute;
	z-index: 1;
	content: '';
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	backdrop-filter: grayscale(1);
	-webkit-backdrop-filter: grayscale(1);
	cursor: default;
}

.btn:disabled:hover {
	filter: unset;
	-webkit-backdrop-filter: unset;
	cursor: default;
}

.btn_status_loading::after {
	content: '';
	position: absolute;
	z-index: 2;
	background-color: var(--color-white);
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23004182' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23004182' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23004182' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23fff' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.8);
}

@media (max-width: 1279px) {
	.btn {
		padding: 10px 20px;
	}

	.btn_small {
		padding: 5px 15px;
	}
}

/* container */
.container {
	max-width: 1280px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

/* container-max */
.container-max {
	max-width: 2560px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

/* header */
.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 11;
}

.header_type_admin {
	top: 39px;
}

.header_position_static {
	top: unset !important;
	left: unset !important;
	position: static !important;
	margin-bottom: 60px;
}

.header__inner {
	background-color: var(--color-white);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 25px 40px;
	max-width: 1320px;
	width: 100%;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.header__manufacturer {
	position: relative;
	border: 1px solid var(--color-blue);
	border-radius: 10px;
	padding: 0 10px;
	color: var(--color-blue);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 33px;
}

.header__manufacturer::after {
	content: '';
	position: absolute;
	bottom: 100%;
	right: 15px;
	background-color: var(--color-white);
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_12_2)'%3E%3Cpath d='M4.08398 8.62914L7.42766 7.46559V0H4.08398V8.62914Z' fill='%23004182'/%3E%3Cpath d='M13.25 8.62914L16.5963 7.46559V0H13.25V8.62914Z' fill='%23004182'/%3E%3Cpath d='M0 24H24V15.9629H0V24ZM11.4943 17.1989H14.0687V21.2553H11.4943V17.1989ZM6.94394 17.1989H9.51945V21.2553H6.94341L6.94394 17.1989ZM2.22503 17.1989H4.79787V21.2553H2.22503V17.1989Z' fill='%23004182'/%3E%3Cpath d='M18.3331 11.2005L17.6759 7.91687L9.33327 11.2005L8.33412 7.91687L0 11.2005V14.7017H23.9984V11.2005H18.3331Z' fill='%23FFDC2E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12_2'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height: 18px;
	width: 26px;
	z-index: 1;
	overflow: hidden;
	transition: width 0.2s ease;
}

.header__inner_small .header__manufacturer::after {
	width: 0;	
}

.header__logo-img {
	width: 200px;
}

.header__phone {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.header__phone-link {
	position: relative;
	font-weight: 600;
	font-size: 22px;
	display: grid;
	align-items: center;
	grid-template-columns: max-content 1fr;
	gap: 7px;
}

.header__phone-link::before {
	display: block;
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1861 16.7423C18.336 15.5923 18.069 14.3182 17.59 14.0352C17.2541 13.8372 12.8412 11.3512 12.8412 11.3512C12.4972 11.1352 12.1553 11.2452 11.9483 11.4932L11.9433 11.4892L10.3173 13.1142C10.2108 13.2205 10.0719 13.288 9.92256 13.3061C9.77325 13.3242 9.62216 13.2919 9.49336 13.2142C8.53642 12.63 7.65284 11.9334 6.86146 11.1392C6.06766 10.3477 5.37141 9.46411 4.78754 8.50719C4.70987 8.37838 4.67753 8.22728 4.69565 8.07796C4.71377 7.92864 4.78131 7.78968 4.88753 7.68318L6.51047 6.05717L6.50647 6.05217C6.74946 5.84916 6.86746 5.50816 6.64947 5.15916C6.64947 5.15916 4.16256 0.746115 3.96457 0.409112C3.68158 -0.0688922 2.40863 -0.335895 1.25767 0.814116C-1.30823 3.38214 0.176712 9.02119 4.57754 13.4222C8.97538 17.8213 14.6172 19.3093 17.1851 16.7423H17.1861Z' fill='%23004182'/%3E%3C/svg%3E%0A");
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: center;
	width: 18px;
	height: 18px;
}

.header__phone-desc {
	font-size: 11px;
	text-transform: uppercase;
	line-height: 1;
	position: relative;
	display: grid;
	align-items: center;
	grid-template-columns: max-content 1fr;
	gap: 7px;
}

.header__phone-desc::before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	display: block;
	background-color: var(--color-yellow);
}

.header__burger {
	display: none;
}

.header__nav  {
	width: 100%;
	padding-top: 30px;
}

.header__nav-list {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header__nav-separator {
	background-color: #C3CEDE;
	height: 22px;
	display: block;
	width: 1px;
}

.header__nav-link {
	color: var(--color-black);
	font-weight: 600;
	font-size: 16px;
}

@media (max-width: 1279px) {
	.header__inner {
		display: grid;
		grid-template-columns: 1fr max-content max-content max-content;
		padding: 15px 20px;
		gap: 25px;
		border: 1px solid #C3CEDE;
		border-top: 0;
	}

	.header__manufacturer {
		display: none;
	}

	.header__logo-img {
		width: 160px;
	}

	.header__nav {
		height: auto;
		width: 100%;
		padding: 70px 20px 40px 20px;
		visibility: hidden;
		opacity: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 11;
		transition: opacity 0.2s ease;
	}

	.header__nav-list {
		display: grid;
		grid-template-columns: 1fr;
		justify-content: unset;
	}

	.header__burger {
		position: relative;
		display: block;
		background: transparent;
		font-size: 0;
		color: transparent;
		outline: none;
		box-shadow: none;
		width: 35px;
		height: 35px;
		overflow: hidden;
		position: relative;
		border: 1px solid var(--color-blue);
		border-radius: 10px;
		z-index: 12;
	}
	
	.header__burger-line {
		position: absolute;
		top: 16px;
		left: 0;
		display: block;
		height: 1px;
		width: calc(100% - 14px);
		left: 7px;
		background: var(--color-blue);
		transition: left 0.2s ease;
	}
	
	.header__burger::before,
	.header__burger::after {
		content: '';
		position: absolute;
		height: 1px;
		width: calc(100% - 14px);
		left: 7px;
		background: var(--color-blue);
		transition: transform 0.2s ease;
	}
	
	.header__burger::before {
		top: 9px;
	}
	
	.header__burger::after {
		bottom: 9px;
	}

	.header__burger_active {
		border-color: var(--color-white);
	}
	
	.header__burger_active .header__burger-line {
		left: 100%;
	}
	
	.header__burger_active::before {
		transform: rotate(45deg);
		top: calc(50% - 0.5px);
		background: var(--color-white);
	}
	
	.header__burger_active::after {
		transform: rotate(-45deg);
		top: calc(50% - 0.5px);
		background: var(--color-white);
		
	}
	
	.header__burger_active ~ .header__nav {
		visibility: visible;
		opacity: 1;
		background-color: var(--color-blue);
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.header__phone-link {
		font-size: 18px;
	}

	.header__nav-separator {
		display: none;
	}

	.header__nav-item {
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}

	.header__nav-item:last-child {
		border-bottom: none;
	}

	.header__nav-link {
		display: block;
		color: var(--color-white);
		padding: 10px 0;
		text-align: center;
	}

	.header__nav-link:hover {
		text-decoration: none;
	}
}

@media (max-width: 767px) {
	.header__inner {
		gap: 10px;
		grid-template-columns: 1fr max-content max-content;
	}

	.header__btn-container {
		display: none;
	}

	.header__phone-link::before {
		display: none;
	}

	.header__phone-link {
		font-size: 0;
		color: transparent;
		width: 35px;
		height: 35px;
		border-radius: 10px;
		border: 1px solid var(--color-yellow);
		background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1861 16.7423C18.336 15.5923 18.069 14.3182 17.59 14.0352C17.2541 13.8372 12.8412 11.3512 12.8412 11.3512C12.4972 11.1352 12.1553 11.2452 11.9483 11.4932L11.9433 11.4892L10.3173 13.1142C10.2108 13.2205 10.0719 13.288 9.92256 13.3061C9.77325 13.3242 9.62216 13.2919 9.49336 13.2142C8.53642 12.63 7.65284 11.9334 6.86146 11.1392C6.06766 10.3477 5.37141 9.46411 4.78754 8.50719C4.70987 8.37838 4.67753 8.22728 4.69565 8.07796C4.71377 7.92864 4.78131 7.78968 4.88753 7.68318L6.51047 6.05717L6.50647 6.05217C6.74946 5.84916 6.86746 5.50816 6.64947 5.15916C6.64947 5.15916 4.16256 0.746115 3.96457 0.409112C3.68158 -0.0688922 2.40863 -0.335895 1.25767 0.814116C-1.30823 3.38214 0.176712 9.02119 4.57754 13.4222C8.97538 17.8213 14.6172 19.3093 17.1851 16.7423H17.1861Z' fill='%23004182'/%3E%3C/svg%3E%0A");
		background-size: 18px 18px;
		background-repeat: no-repeat;
		background-position: center;
		text-decoration: none;
	}

	.header__phone-desc {
		display: none;
	}
}

/* fazenda */
.fazenda {
    position: absolute;
    top: 140px;
    left: -20px;
    transition: 0.5s ease;
    z-index: 3;
}

.fazenda:hover {
    cursor: pointer;
    left: 0;
}

@media(max-width: 1919px) {
	.fazenda {
		display: none;
	}
}

/* intro */
.intro {
	background-image: url(../img/intro-bg-2560.webp?v=3);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	align-items: flex-end;
	min-height: 775px;
}

.intro__container {
	width: 100%;
	display: grid;
	gap: 40px;
}

.intro__title {
	color: var(--color-black);
	font-size: 52px;
	line-height: 1.25;
	font-weight: 600;
	max-width: 690px;
}

.intro__title_accent {
	display: block;
	color: var(--color-red);
}

.intro__benefits {
	display: grid;
	max-width: 45%;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.intro__benefits-icon {
	width: 90px;
	height: 90px;
}

.intro__benefits-icon-container {
	margin-bottom: 15px;
}

.intro__benefits-text {
	font-weight: 600;
}

@media (max-width: 1920px) {
	.intro {
		background-image: url(../img/intro-bg-1920.png?v=4);
	}
}

@media (max-width: 1279px) {
	.intro__title {
		max-width: 460px;
		font-size: 36px;
	}

	.intro {
		min-height: 650px;
	}
}

@media (max-width: 999px) {
	.intro {
		background-image: url(../img/intro-bg-1024.webp?v=3);
		min-height: 550px;
	}

	.intro__benefits {
		max-width: 60%;
	}

	.intro__title {
		font-size: 28px;
	}

	.intro__benefits-icon {
		width: 60px;
		height: 60px;
	}
}

@media (max-width: 767px) {
	.intro {
		background-image: url(../img/intro-bg-768.webp?v=3);
		background-size: contain;
		background-position: top center;
		min-height: 450px;
	}

	.intro__title {
		font-size: 24px;
	}

	.intro__benefits {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.intro__benefits-item {
		display: grid;
		grid-template-columns: max-content 1fr;
		gap: 20px;
		align-items: center;
	}

	.intro__benefits-icon-container {
		margin-bottom: 0;
	}
	
	.intro__container {
		padding-top: 200px;
	}
}

@media (max-width: 479px) {
	.intro__benefits {
		max-width: 260px;
	}

	.intro__container {
		padding-top: 350px;
	}
}

@media (max-width: 479px) {
	.intro {
		background-image: url(../img/intro-bg-480.webp?v=3);
	}
}


/* seamless */
.seamless {
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: 10px;
}

.seamless__title {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 40px;
	padding-left: 20px;
}

.seamless__title_accent {
	color: var(--color-red);
}

.seamless__quote {
	position: relative;
}

.seamless__img {
	display: block;
	width: 100%;
}

.seamless__text-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	padding-left: 80px;
	padding-right: 20px;
	padding-bottom: 10px;
	z-index: 1;
}

.seamless__text_accent {
	font-weight: 600;
}

.seamless__video-preview {
	border-radius: 10px;
	overflow: hidden;
}

@media (max-width: 1279px) {
	.seamless__title {
		font-size: 24px;
	}
}

@media (max-width: 999px) {
	.seamless {
		grid-template-columns: 1fr
	}

	.seamless__title {
		text-align: center;
		padding: 20px 0 0 0;
	}

	.seamless__video-container {
		display: flex;
		justify-content: center;
	}

	.seamless__quote {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	.seamless__text-inner {
		padding: 25px 20px 0 20px;
	}
}

@media (max-width: 767px) {
	.seamless__title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.seamless {
		background-color: var(--color-light-blue);
	}
}

@media (max-width: 479px) {
	.seamless__text {
		font-size: 12px;
	}
}

/* note */
.note {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}

.note__item {
	border-radius: 10px;
	display: grid;
	grid-template-columns: max-content 210px;
	gap: 30px;
	align-items: center;
	padding: 30px 40px;
}

.note__item:hover {
	text-decoration: none;
}

.note__pdf {
	background-color: var(--color-white);
	position: relative;
}

.note__pdf::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 290px;
	height: 190px;
	background-image: url(../img/pdf-image.webp);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.note__video {
	background-image: url(../img/models-1-minute.webp?v=2);
	background-position: right center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.note__title {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-white);
}

.note__title_color_black {
	color: var(--color-black);
}

@media (max-width: 1279px) {
	.note__pdf::after {
		width: 190px;
		height: 130px;
	}

	.note__title {
		font-size: 16px;
	}

	.note__pdf .note__icon-container {
		display: none;
	}

	.note__pdf {
		grid-template-columns: 180px 1fr;
	}
}

@media (max-width: 999px) {
	.note {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-left: auto;
		margin-right: auto;
		max-width: 500px;
		width: 100%;
	}

	.note__item {
		min-height: 90px;
		padding: 0 20px;
	}

	.note__video {
		grid-template-columns: 200px 1fr;
		background-position: right center;
	}

	.note__video .note__title {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
		max-width: 200px;
	}

	.note__video .note__icon-container {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}

	.note__icon-container {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media (max-width: 479px) {
	.note__title {
		font-size: 15px;
	}

	.note__video {
		grid-template-columns: 170px 1fr;
	}

	.note__video .note__title {
		max-width: 170px;
	}

	.note__item {
		gap: 20px;
	}

	.note__pdf::after {
        width: 120px;
        height: 80px;
    }
}

/* base-equipment */
.base-equipment__title {
	font-size: 24px;
	font-weight: 600;
	font-family: inherit;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 50px;
}

.base-equipment__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.base-equipment__item {
	display: grid;
	grid-template-rows: auto max-content 1fr;
}

.base-equipment__img {
	border-radius: 10px;
	overflow: hidden;
}

.base-equipment__img-container {
	margin-bottom: 25px;
}

.base-equipment__name {
	font-size: 18px;
	font-weight: 600;
	min-height: 54px;
	margin-bottom: 15px;
}

.base-equipment__desc {
	font-size: 14px;
}

@media (max-width: 999px) {
	.base-equipment__list {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 20px;
	}
}

@media (max-width: 767px) {
	.base-equipment__title {
		font-size: 20px;
	}

	.base-equipment__list {
		max-width: 298px;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.base-equipment__desc {
		display: none;
	}

	.base-equipment__img-container {
		margin-bottom: 10px;
	}
}

/* equipment */
.equipment {
	position: relative;
}

.equipment__thumbs {
	margin-bottom: 40px;
}

.equipment__arrows-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 180px;
}

.equipment__thumbs-item {
	filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.equipment__thumbs-item_active {
	filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.equipment__thumbs-item:hover {
	cursor: pointer;
	/* добавлено */
}

.equipment__thumbs-item_active:hover {
	cursor: default;
}

.equipment__thumbs-img {
	border-radius: 5px;
	overflow: hidden;
}

.equipment__thumbs-img-container {
	margin-bottom: 20px;
}

.equipment__thumbs-name {
	text-align: center;
	font-weight: 600;
}

.equipment__slider-container {
	position: relative;
}

.equipment__slider-wrapper {
	display: grid !important;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
}

.equipment__slider-item {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.equipment__img {
	border-radius: 10px;
}

@media (max-width: 1365px) {
	.equipment__arrows-container {
		display: none;
	}
}

@media (max-width: 999px) {
	.equipment__thumbs {
		margin-left: -20px;
		margin-right: -20px;
	}

	.equipment__thumbs-wrapper {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box !important;
	}

	.equipment__slider-container {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	.equipment__slider-wrapper {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box !important;
	}

	.equipment__slider-item {
		width: 270px;
	}
}

@media(max-width: 767px) {
	.equipment__item {
		grid-template-columns: 1fr;
		gap: 25px;
	}

	.equipment__thumbs {
		margin-bottom: 25px;
	}

	.equipment__thumbs-img-container {
		margin-bottom: 10px;
	}
}

@media (max-width: 479px) {
	.equipment__slider-item {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* benefits */
.benefits__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.benefits__item {
	padding: 30px;
	display: grid;
	grid-template-rows: auto max-content 1fr;
	background-color: var(--color-white);
	border-radius: 10px;
}

.benefits__img {
	border-radius: 10px;
	overflow: hidden;
}

.benefits__img-container {
	margin-bottom: 25px;
}

.benefits__name {
	font-size: 20px;
	font-weight: 600;
	min-height: 60px;
	margin-bottom: 15px;
}

.benefits__desc {
	font-size: 14px;
}

@media (max-width: 999px) {
	.benefits__list {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 767px) {
	.benefits__list {
		max-width: 298px;
		grid-template-columns: 1fr;
	}

	.benefits__desc {
		display: none;
	}

	.benefits__name {
		margin-bottom: 0;
		font-size: 18px;
	}

	.benefits__img-container {
		margin-bottom: 15px;
	}

	.benefits__item {
		padding: 20px;
	}
}

/* mounting */
.mounting {
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: 30px;
}

.mounting__video {
	margin-bottom: 50px;
}

.mounting__btn-container {
	display: flex;
	justify-content: center;
}

.mounting__list {
	list-style: none;
	list-style-position: inside;
	counter-reset: list-counter;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 15px;
}

.mounting__item {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 15px;
	align-items: center;
	font-size: 15px;
}

.mounting__img {
	border-radius: 10px;
	overflow: hidden;
}

.mounting__number {
	width: 30px;
	height: 30px;
	font-weight: 600;
	border-radius: 5px;
	background-color: var(--color-yellow);
	display: flex;
	justify-content: center;
	align-items: center;
}

.mounting__title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.mounting {
		grid-template-columns: 1fr;
	}

	.mounting__title {
		font-size: 18px;
	}

	.mounting__video {
		margin-bottom: 30px;
	}
}

/* models */
.models__inner {
	position: relative;
}

.models__item {
	position: absolute;
	z-index: 1;
	display: grid;
	gap: 15px;
}

.models__item-btn-container {
	display: flex;
}

.models__item_series_prestige {
	top: 0;
	left: 0;
}

.models__item_series_comfort {
	top: 0;
	right: 0;
	text-align: right;
}

.models__item_series_optimum {
	text-align: center;
}

.models__item_series_comfort .models__item-btn-container {
	justify-content: flex-end;
}

.models__item_series_optimum {
	bottom: 0;
	left: 40%;
}

.models__item_series_optimum .models__item-btn-container {
	justify-content: center;
}

.models__name {
	color: var(--color-blue);
	font-size: 28px;
}

.models__name_accent {
	font-weight: 600;
	text-transform: uppercase;
}

.models__btn-container {
	display: none;
}

@media (max-width: 1279px) {
	.models__name {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.models__item-btn-container {
		display: none;
	}

	.models__name {
		max-width: 150px;
	}

	.models__inner {
		display: flex;
		align-items: center;
		padding: 30px 0 20px 0;
	}

	.models__btn-container {
		padding-top: 20px;
		display: flex;
		justify-content: center;
	}
	
}

@media (max-width: 479px) {
	.models__item_series_optimum {
		left: 50%;
		transform: translateX(-50%);
	}

	.models__name {
		max-width: 120px;
		font-size: 15px;
	}
}

/* cellar-video */
.cellar-video__title {
	margin-bottom: 15px !important;
}

.cellar-video__video-container {
	display: flex;
	justify-content: center;
}

.cellar-video__img {
	border-radius: 10px;
	overflow: hidden;
}

/* install-photo */
.install-photo__inner {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 30px;
	margin-bottom: 40px;
}

.install-photo__btn-container {
	display: flex;
	justify-content: center;
}

.install-photo__img {
	border-radius: 10px;
	overflow: hidden;
}

@media (max-width: 999px) {
	.install-photo__inner {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 767px) {
	.install-photo__inner {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 479px) {
	.install-photo__inner {
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
	}
}

/* photo */
.photo {
	position: relative;
}

.photo__arrow-container {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 840px;
	height: 446px;
	z-index: 10;
}

.photo__item {
	width: 840px;
	opacity: 0.3;
	transition: opacity 0.2s ease;
}

.photo__item:not(.photo__item_active) .photo__text {
	opacity: 0;
}

.photo__item_active {
	opacity: 1;
}

.photo__text {
	text-align: center;
	padding-top: 20px;
}

@media (max-width: 999px) {
	.photo__item {
		width: 100%;
	}

    .photo__text {
        padding-left: 20px;
        padding-right: 20px;
    }

	.photo__arrow-container {
		display: grid;
		grid-template-columns: repeat(2, max-content);
		gap: 15px;
		justify-content: center;
		padding-top: 20px;
		position: unset;
		top: unset;
		left: unset;
		transform: unset;
		width: unset;
		height: unset;
	}

	.photo__img {
		margin-left: auto;
		margin-right: auto;
	}
}


/* product-labels */
.product-labels {
	display: grid;
	grid-template-columns: max-content;
	gap: 5px;
}

.product-labels__item {
	border-radius: 1000px;
	font-size: 14px;
	padding: 5px 10px;
	text-align: center;
}

.product-labels__item_background_yellow {
	background-color: var(--color-yellow);
}

.product-labels__item_background_red {
	color: var(--color-white);
	background-color: var(--color-red);
}

/* slider-arrow */
.slider-arrow {
	display: block;
	width: 40px;
	height: 40px;
	font-size: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
	border-radius: 1000px;
	border: 1px solid var(--color-blue);
	outline: none;
	box-shadow: none;
	color: transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_30_2)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4968 2.21473C12.1672 2.88516 12.1672 3.97214 11.4968 4.64257L5.84373 10.2956H22.3C23.2481 10.2956 24.0168 11.0642 24.0168 12.0123C24.0168 12.9605 23.2481 13.7291 22.3 13.7291H5.84373L11.4968 19.3821C12.1672 20.0525 12.1672 21.1395 11.4968 21.8099C10.8263 22.4804 9.73936 22.4804 9.06893 21.8099L0.485243 13.2263C-0.185185 12.5558 -0.185185 11.4689 0.485243 10.7984L9.06893 2.21473C9.73936 1.54431 10.8263 1.54431 11.4968 2.21473Z' fill='%23004182'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_30_2'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	transition: opacity 0.2s ease;
}

.slider-arrow_action_prev {
	left: -60px;
}

.slider-arrow_action_next {
	right: -60px;
	transform: rotate(180deg);
	top: calc(50% - 20px);
}

.slider-arrow_disabled {
	opacity: 0.3;
}

@media(max-width: 1365px) {
	.slider-arrow-container {
		display: grid;
		grid-template-columns: repeat(2, max-content);
		gap: 15px;
		justify-content: center;
		padding-top: 20px;
	}

	.slider-arrow {
		position: unset;
		top: unset;
		left: unset;
		right: unset;
		transform: unset;
	}

	.slider-arrow_action_next {
		transform: rotate(180deg);
	}
}

/* video-feedback */
.video-feedback {
	padding-left: 20px;
	padding-right: 20px;
}
.video-feedback__swiper-wrapper {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 20px;
}

.video-feedback__item {
	width: 100% !important;
	border-radius: 10px;
	overflow: hidden;
}

@media (max-width: 999px) {
	.video-feedback__swiper-wrapper {
		display: flex !important;
		padding-left: 20px;
		padding-right: 20px;
		flex-wrap: nowrap;
		grid-template-columns: unset !important;
		gap: unset;
	}

	.video-feedback__item {
		width: 270px !important;
	}

	.video-feedback {
		margin-left: -20px;
		margin-right: -20px;
	}
}

/* calc */
.calc__title {
	font-size: 36px;
	font-weight: 600;
	max-width: 640px;
	width: 100%;
	margin-bottom: 20px;
}

.calc__inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.calc__content {
	padding-top: 80px;
	padding-bottom: 80px;
}

.calc__text {
	margin-bottom: 60px;
}

@media (max-width: 999px) {
	.calc__inner {
		grid-template-columns: 1fr;
	}

	.calc__title {
		font-size: 24px;
	}

	.calc__img-container {
		grid-row: 1 / 2;
		display: flex;
		justify-content: center;
	}

	.calc__content {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.calc__text {
		margin-bottom: 30px;
	}
}

/* conf */
.conf {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: 4fr 3fr;
	column-gap: 30px;
	row-gap: 40px;
	padding-right: 20px;
	padding-left: 20px;
}

.conf__subtitle {
	font-weight: 600;
	font-size: 24px;
	padding-bottom: 15px;
}

.conf__subtitle_type_model {
	border-bottom: 2px solid var(--color-yellow);
}

.conf__subtitle_accent {
	color: var(--color-blue);
}

.conf__tabs-list {
	display: grid;
	list-style: none;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	gap: 30px;
	margin: 0;
	padding: 0;
}

.conf__tabs-list-item {
	border-radius: 10px;
	border: 1px solid var(--color-yellow);
	padding: 15px 20px;
	display: grid;
	justify-content: center;
	text-align: center;
	align-items: center;
	text-transform: uppercase;
	font-weight: 600;
}

.conf__tabs-list-item:hover {
	cursor: pointer;
}

.conf__tabs-list-item_active {
	background-color: var(--color-yellow);
}

.conf__img-container {
	border-radius: 10px;
	border: 1px solid #C3CEDE;
	padding: 10px 25px;
	background-color: #FBFBFB;
	margin: 20px 0 30px 0;
/* 	max-height: 550px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center; */
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}

.conf__img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	width: auto;
	height: auto;
	display: block;
}



.conf__btn-container {
	grid-column: 1 / 3;
	display: flex;
	justify-content: center;
}

/* начало изменений по чекбоксам */
.conf__options-item > .checkbox__container {
	grid-template-columns: 140px 1fr max-content max-content;
	min-height: 110px;
	padding-left: 0;
	border-bottom: 1px solid #C3CEDE;
	padding: 10px 0;
}

.conf__options-item > .checkbox__container .checkbox {
	grid-column: 3 / 4;
	width: 80px;
	height: 80px;
}

.conf__options-item > .checkbox__container .checkbox__text {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	overflow-wrap: break-word;
}
/* конец изменений по чекбоксам */

.checkbox__price {
	padding-top: 5px;
}

.conf__options-item .checkbox__price {
	grid-column: 4 / 5;
	font-weight: 600;
	min-width: 120px;
	text-align: right;
}

.conf__options-item .checkbox__text-name {
	font-weight: 600;
	font-size: 18px;
}

.checkbox__img-container {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-light-blue);
	grid-row: 1 / 3;
	border-radius: 10px;
	overflow: hidden;
}

.checkbox__text-clarification {
    display: block;
	padding-top: 5px;
    font-size: 13px;
	line-height: 1.25;
	color: var(--color-blue);
}

.conf__options {
	margin-bottom: 30px;
/* 	max-height: 620px;
	height: 100%;
	overflow-y: scroll;
	padding-right: 10px; */
}

.conf__options::-webkit-scrollbar {
	width: 8px;
}

.conf__options::-webkit-scrollbar-track {
	background: var(--color-light-gray);
}

.conf__options::-webkit-scrollbar-thumb {
	background: var(--color-blue);
	border-radius: 5px;
}


.conf__final-price__table-item {
	display: flex;
	justify-content: space-between;
}

.conf__final-price-table-item_type_final {
	border-top: 1px solid #C3CEDE;
	padding-top: 10px;
	margin-top: 10px;
}

.conf__final-price {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 100px;
}

.conf__final-price-name_accent,
.conf__final-price-value_accent {
	font-weight: 600;
	font-size: 18px;
}

@media (max-width: 1279px) {
	.conf {
		gap: 20px;
	}

	.conf__tabs-list {
		gap: 15px;
	}

	.conf__subtitle {
		font-size: 18px;
	}

	.conf__options-item .checkbox__text-name {
		font-size: 15px;
	}

	.conf__options-item > .checkbox__container {
		grid-template-columns: 140px max-content 1fr;
	}

	/* начало изменений по чекбоксам */
	.conf__options-item > .checkbox__container .checkbox {
		grid-column: unset;
		width: 50px;
		height: 50px;
	}

	.conf__options-item > .checkbox__container .checkbox__text {
		grid-column: unset;
		grid-row: unset;
	}
	/* конец изменений по чекбоксам */

	.conf__options-item .checkbox__price {
		grid-column: 3 / 4;
	}

	.conf__img-container {
		margin: 20px 0;
	}
}

@media (max-width: 999px) {
	.conf {
		display: block;
		max-width: 768px;
	}

	.conf__options-item > .checkbox__container {
        grid-template-columns: 120px max-content 1fr;
    }

	.conf__btn-container {
		grid-column: 1 / 2;
	}

	.conf__choose {
		padding-bottom: 30px;
	}

	.conf__final-price__table {
		padding-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.conf__tabs-list {
		gap: 5px;
	}

	.conf__tabs-list-item {
		padding: 10px 5px;
	}

	.conf__final-price {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.conf__img-container {
		padding: 10px;
		margin: 15px 0 20px 0;
		max-height: 400px;
	}
}

/* requisites */
.requisites__title {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-black);
	text-align: center;
	margin-bottom: 30px;
}

.requisites__inner {
	background-color: var(--color-light-blue);
	border-radius: 10px;
	padding: 50px 30px;
}

.requisites__item {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	row-gap: 40px;
}

.requisites__item_type_first {
	padding-bottom: 40px;
	border-bottom: 1px solid #D2DDEB;
	margin-bottom: 40px;
}

.requisites__name {
	font-weight: 600;
	color: var(--color-blue);
	margin-bottom: 10px;
}

.requisites__value {
	font-weight: 600;
}

@media (max-width: 999px) {
	.requisites__title {
		font-size: 20px;
	};
}

@media (max-width: 767px) {
	.requisites__item {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.requisites__item_type_first {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
}

/* contacts */
.contacts {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.contacts__item {
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: 40px;
}

.contacts__name {
	display: flex;
	min-height: 40px;
	align-items: center;
	font-weight: 600;
	color: var(--color-blue);
	margin-bottom: 5px;
}

.contacts__email {
	margin-bottom: 15px;
}

.contacts__email-link,
.contacts__phone-link {
	font-size: 20px;
	color: var(--color-black);
	font-weight: 600;
}

.contacts__worktime {
	margin-bottom: 10px;
}

@media (max-width: 999px) {
	.contacts__img {
		width: 36px;
		height: 36px;
	}

	.contacts__item {
		display: grid;
		grid-template-columns: 36px 1fr;
		gap: 10px;
	}

	.contacts__email-link,
	.contacts__phone-link {
		font-size: 16px
	}
}

@media (max-width: 767px) {
	.contacts {
		grid-template-columns: 1fr;
	}
}

/* page-intro */
.page-intro {
	position: relative;
	min-height: 700px;
}

.page-intro__inner {
	padding-top: 240px;
	padding-bottom: 80px;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-intro__container {
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-rows: max-content max-content 1fr;
	gap: 30px;
}

.page-intro__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.page-intro__title {
	font-size: 48px;
	line-height: 1.25;
	font-weight: 600;
}

.page-intro__title_accent {
	color: var(--color-red);
}

.page-intro__title_page_dealers {
	max-width: 524px;
}

.page-intro__title_page_payment {
	max-width: 691px;
}

.page-intro__title_page_manufacture {
	max-width: 691px;
}

.page-intro__title_page_installation {
	max-width: 691px;
}

.page-intro__btn-container {
	display: flex;
	align-items: flex-end;
}

.page-intro__benefits {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	max-width: 630px;
	gap: 30px;
}

.page-intro__benefits-item {
	position: relative;
	display: grid;
	grid-template-rows: max-content 1fr;
	gap: 15px;
}

.page-intro__benefits-item_page_dealers {
	max-width: 140px;
}

.page-intro__benefits-item_style_no-wrap {
	white-space: nowrap;
}

.page-intro__benefits-item::before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_i_186_4391)'%3E%3Crect width='16' height='16' rx='5' fill='%23FF0000'/%3E%3C/g%3E%3Cpath d='M4.44531 8.44445L6.98499 10.6667L12.0009 5.33334' stroke='white' stroke-width='1.5'/%3E%3Cdefs%3E%3Cfilter id='filter0_i_186_4391' x='0' y='0' width='16' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 0.690853 0 0 0 0 0.690853 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_186_4391'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

@media (max-width: 1279px) {
	.page-intro {
		min-height: 620px;
	}

	.page-intro__title {
		font-size: 36px;
	}
}

@media (max-width: 999px) {
	.page-intro {
		min-height: 520px;
	}

	.page-intro__title {
		font-size: 28px;
	}

	.page-intro__benefits {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.page-intro__benefits-item {
		grid-template-columns: max-content 1fr;
		grid-template-rows: 1fr;
		align-items: center;
		gap: 20px;
		max-width: unset;
	}

	.page-intro__inner {
		display: flex;
		align-items: flex-end;
		padding-top: unset;
		padding-bottom: 40px;
	}

	.page-intro__container {
		display: flex;
		grid-template-columns: unset;
		flex-direction: column;
		justify-content: flex-end;
	}
}

@media (max-width: 767px) {
	.page-intro__title {
		font-size: 28px;
	}
}

@media (max-width: 479px) {
	.page-intro {
		min-height: 660px;
	}

	.page-intro__title {
		font-size: 28px;
	}

	.page-intro__img {
		object-position: top center;
	}
}

/* map */
.map__inner {
	padding-top: 80px;
}

.map__img-container {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.map__delivery {
	border-bottom: 1px solid #C3CEDE;
	padding-bottom: 30px;
	margin-bottom: 30px;
	display: grid;
	grid-template-columns: 22% 1fr max-content;
	gap: 50px;
}

.map__payment {
	display: grid;
	grid-template-columns: 22% 1fr;
	gap: 50px;
}

.map__text-list {
	list-style-position: inside;
	padding-top: 10px;
	columns: 2;
}

.map__subtitle {
	color: var(--color-blue);
	font-weight: 600;
	font-size: 22px;
}

.map__phone {
	color: var(--color-black);
	text-decoration: underline !important;
	display: inline-block;
}

@media (max-width: 767px) {
	.map__delivery {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.map__payment {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.map__text-list {
		columns: unset
	}
}

/* exhibition */
.exhibition__inner {
	display: grid;
	grid-template-columns: 4fr 5fr;
	gap: 80px;
	margin-bottom: 50px;
}

.exhibition__subtitle {
	font-weight: 600;
	font-size: 28px;
	margin-bottom: 20px;
}

.exhibition__text-item_accent {
	font-weight: 600;
}

.exhibition__text {
	display: grid;
	gap: 20px;
}

.exhibition__phone-link {
	text-decoration: underline !important;
	color: var(--color-black);
}

.exhibition__table-head {
	display: grid;
	grid-template-columns: 25% 1fr;
	border-bottom: 2px solid var(--color-yellow);
	font-weight: 600;
	color: var(--color-blue);
}

.exhibition__table-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.exhibition__table-item {
	display: grid;
	grid-template-columns: 25% 1fr max-content;
	border-bottom: 1px solid #D2DDEB;
}

.exhibition__table-head-address {
	padding: 10px 20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: var(--color-light-blue);
}

.exhibition__table-city,
.exhibition__table-company,
.exhibition__table-btn-container {
	padding: 10px 20px;
	display: flex;
	align-items: center;
}

.exhibition__table-city {
	font-weight: 600;
}

.exhibition__table-company {
	background-color: var(--color-light-blue);
}

.exhibition__table-btn-container {
	background-color: var(--color-light-blue);
}

.exhibition__table-item:last-child .exhibition__table-company {
	border-bottom-left-radius: 10px;
}

.exhibition__table-item:last-child .exhibition__table-btn-container {
	border-bottom-right-radius: 10px;
}

.exhibition__table-item:last-child {
	border-bottom: 0;
}

@media (max-width: 999px) {
	.exhibition__inner {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.exhibition__video-container {
		grid-row: 1 / 2;
	}

	.exhibition__subtitle {
		font-size: 18px;
	}

	.exhibition__video-container {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 767px) {
	.exhibition__table-head {
		grid-template-columns: 40% 1fr;
	}

	.exhibition__table-item {
		grid-template-columns: 40% 1fr;
	}

	.exhibition__table-btn-container {
		grid-column: 2 / 3;
	}

	.exhibition__table-item:last-child .exhibition__table-company {
		border-bottom-left-radius: unset;
	}

	.exhibition__table-item:last-child .exhibition__table-btn-container {
		border-bottom-left-radius: 10px;
		padding-top: 0;
	}

	.exhibition__table-city {
		padding: 10px 10px 10px 0;
	}
	
}

/* manufacture-video */
.manufacture-video__inner {
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: 30px;
}

.manufacture-video__title-container {
	display: flex;
	align-items: center;
}

.manufacture-video__title {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 40px;
	padding-left: 20px;
}

.manufacture-video__title_accent {
	color: var(--color-red);
}

.manufacture-video__quote {
	position: relative;
	color: var(--color-red);
	white-space: nowrap;
}

.manufacture-video__quote::before {
	content: '';
	position: absolute;
	top: -5px;
	left: -8px;
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	background-image: url("data:image/svg+xml,%3Csvg width='237' height='52' viewBox='0 0 237 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M195.504 9.99979C139.988 -0.167627 14.0157 -7.09493 2.50056 20.0003C-14.4991 60.0009 174.5 53.3578 213.5 44.5C257.001 34.6199 240.5 -13 138 9.99979' stroke='%23FF0000'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.manufacture-video__video {
	border-radius: 10px;
	overflow: hidden;
}

@media (max-width: 999px) {
	.manufacture-video__title {
		font-size: 18px;
	}

	.manufacture-video__quote::before {
		top: -5px;
		left: -5px;
		width: calc(100% + 10px);
		height: calc(100% + 10px);
	}
}

@media (max-width: 767px) {
	.manufacture-video__inner {
		grid-template-columns: 1fr;
		justify-content: center;
	}
}

/* other-models */
.other-products__list {
	list-style: none;
	display: grid;
	gap: 40px;
	padding: 0;
	margin: 0;
}

.other-products__item {
	display: grid;
	grid-template-columns: 2fr 3fr;
	gap: 30px;
}

.other-products__item_view_reverse {
	grid-template-columns: 3fr 2fr;
}

.other-products__item_view_reverse .other-products__img-container {
	grid-column: 2 / 3;
}

.other-products__item_view_reverse .other-products__content {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.other-products__img {
	border-radius: 10px;
	overflow: hidden;
}

.other-products__name {
	font-weight: 600;
	color: var(--color-blue);
	font-size: 22px;
	border-bottom: 2px solid var(--color-yellow);
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.other-products__text {
	padding-bottom: 30px;
}

@media (max-width: 767px) {
	.other-products__list {
		gap: 50px;
	}

	.other-products__item {
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.other-products__item_view_reverse .other-products__img-container {
		grid-column: unset;
	}
	
	.other-products__item_view_reverse .other-products__content {
		grid-column: unset;
		grid-row: unset;
	}

	.other-products__img-container {
		display: flex;
		justify-content: center;
	}

	.other-products__name {
		padding-bottom: 5px;
		margin-bottom: 20px;
		font-size: 20px;
	}
}

/* install-place */
.install-place__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.install-place__img-container {
	padding-bottom: 30px;
	display: flex;
	justify-content: center;
}

.install-place__name {
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
}

@media (max-width: 999px) {
	.install-place__name {
		font-size: 16px;
	}

	.install-place__img-container {
		padding-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.install-place__list {
		grid-template-columns: 1fr;
	}
}

/* engineer */
.engineer {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.engineer__container {
	padding-top: 60px;
	padding-bottom: 60px;
}

.engineer__inner {
	max-width: 870px;
	background-color: var(--color-white);
	border-radius: 10px;
	padding: 60px 80px 60px 60px;
}

.engineer__title {
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 25px;
}

.engineer__title_accent {
	color: var(--color-red);
}

.engineer__bg-img-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.engineer__bg-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}

.engineer__img-container {
	position: absolute;
	z-index: 1;
	left: 56%;
	bottom: 0;
	width: 600px;
	height: 600px;
}

.engineer__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-position: center bottom;
	object-fit: contain;
}

.engineer__list {
	padding: 0;
	margin: 0;
	list-style: none;
	display: grid;
	gap: 10px;
}

.engineer__list-item_accent {
	font-weight: 600;
}

.engineer__list-item {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 12px;
	align-items: center;
}

.engineer__list-item::before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='10' fill='%23FDCA04'/%3E%3Ccircle opacity='0.5' cx='15' cy='15' r='14.5' stroke='%23FDCA04'/%3E%3Cpath d='M10 15L14.1905 19L20.5 12' stroke='black'/%3E%3C/svg%3E%0A");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
}

.engineer__text {
	font-size: 18px;
	font-weight: 600;
	padding: 10px 0 30px 0;
	max-width: 560px;
}

@media (max-width: 1279px) {
	.engineer__img-container {
		left: 60%;
	}
}

@media (max-width: 999px) {
	.engineer__img-container {
		left: 60%;
	}

	.engineer__img-container {
		width: 500px;
		height: 500px;
	}

	.engineer__title {
		font-size: 28px;
	}

	.engineer__text{
		max-width: 400px;
	}

	.engineer__list {
		max-width: 450px;
	}

	.engineer__inner {
		padding: 50px;
	}
}

@media (max-width: 767px) {
	.engineer {
		display: grid;
		gap: 20px;
		padding-bottom: 0;
	}

	.engineer__title {
		font-size: 24px;
	}

	.engineer__btn-container {
		display: flex;
		justify-content: center;
	}

	.engineer__container {
		padding-bottom: 0;
		padding-top: 0;
	}

	.engineer__inner {
		padding: 0;
	}

	.engineer__bg-img-container {
		grid-row: 2 / 3;
		position: unset;
		top: unset;
		left: unset;
		width: unset;
		height: unset;
	}

	.engineer__bg-img {
		position: unset;
		top: unset;
		left: unset;
		width: unset;
		height: unset;
		object-fit: unset;
		object-position: unset;
	}

	.engineer__img-container {
		width: 320px;
		height: 320px;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
	}
}

/* footer */
.footer {
	background: var(--color-dark-blue);
	padding-top: 40px;
	padding-bottom: 40px;
}

.footer__inner {
	display: grid;
	grid-template-columns: repeat(3, max-content);
	justify-content: space-between;
	column-gap: 40px;
	row-gap: 20px;
}

.footer__requisites {
	color: var(--color-white);
	list-style-position: inside;
	list-style-type: square;
}

.footer__policy {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.footer__policy-link {
	color: var(--color-white);
}

.footer__info {
	display: grid;
	gap: 20px;
}

.footer__logo {
	display: grid;
	grid-template-rows: 1fr max-content;
}

.footer__copyright {
	color: var(--color-white);
}

.footer__btn-container {
	margin-bottom: 20px;
}

@media (max-width: 999px) {
	.footer__inner {
		grid-template-columns: 1fr;
	}

	.footer__logo {
		gap: 20px;
	}
}


/* select */
.select {
	display: block;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	color: var(---color-black);
	line-height: inherit;
	padding: 10px;
	width: 100%;
	max-width: 100%;
	margin: 0;
	border: 1px solid var(--color-black);
	box-shadow: none;
	border-radius: 10px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='11' viewBox='0 0 20 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 0.363281L10 9.36328L1 0.363281' stroke='%23000000'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: right 10px top 50%, 0 0;
	background-size: 14px 7px;
}

.select::-ms-expand {
	display: none;
}

.select:hover {
	border-color: var(--color-black);
}

.select:focus {
	border-color: var(--color-black);
	box-shadow: none;
	color: var(--dark);
	outline: none;
}

.select option {
	font-weight: normal;
}
/* defalut radio & checkbox hide */
.radio__input,
.checkbox__input {
    position: absolute;
	top: 20px;
	left: 10px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
	margin: 0;
	padding: 0;
}

.radiobox__list {
	display: grid;
	gap: 10px;
}

.radiobox__list-item {
	position: relative;
}

/* checkbox container */
.checkbox__container,
.radiobox__container {
    display: grid;
	grid-template-columns: max-content 1fr;
	column-gap: 10px;
}

.checkbox,
.radiobox {
	display: block;
	position: relative;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid var(--color-yellow);;
}

.checkbox {
	border-radius: 5px;
}

.checkbox_theme_light {
    background-color: transparent;
    border: 1px solid var(--color-white);
}

.radiobox {
	border-radius: 50%;
}

.checkbox__text,
.radiobox__text {
	line-height: 20px;
}

.checkbox__text_theme_light,
.radiobox__text_theme_light {
	color: var(--color-white);
}

.radiobox::after,
.checkbox::after {
    content: '';
    position: absolute;
	background-color: transparent;
}

.checkbox::after {
	width: 100%;
    height: 100%;
	top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
}

.radiobox::after {
    width: 10px;
    height: 10px;
    left: 4px;
    top: 4px;
    border-radius: 50%;
}

/* checkbox checked */
.checkbox__input:checked ~ .checkbox__container .checkbox::after {
	background-color: var(--color-yellow);
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1L5.5 9.5L1.5 5.5' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.checkbox__input:checked ~ .checkbox__container .checkbox_theme_light::after {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1L5.5 9.5L1.5 5.5' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

/* radio checked */
.radio__input:checked + .radiobox::after,
.radio__input:checked ~ .radiobox__container .radiobox::after {
	background-color: var(--color-black);
}
/* checkbox, radio focused */
.radio__input:focus + .radiobox,
.checkbox__input:focus + .checkbox {
    box-shadow: 0 0 0 2px var(--color-black);
}

/* checkbox, radio disabled */
.radio__input:disabled + .radiobox,
.checkbox__input:disabled + .checkbox {
    border-color: var(--color-gray);
}

.radio__input:disabled + .radiobox::after {
	background-color: var(--color-gray);
}

.checkbox__input:disabled ~ .checkbox__container .checkbox__text,
.checkbox__input:disabled ~ .checkbox__container .checkbox__price,
.checkbox__input:disabled ~ .checkbox__container .checkbox__text-clarification {
    color: var(--color-gray);
}

.checkbox__input:disabled ~ .checkbox__container .checkbox {
	border-color: var(--color-gray);
}

/* disabled & checked */
.checkbox__input:disabled:checked ~ .checkbox__container .checkbox::after {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1L5.5 9.5L1.5 5.5' stroke='%23cccccc' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-color: transparent;
}

.radio__input:disabled:checked + .radiobox::after {
	background-color: var(--color-gray);
}


/* cookie-bar */
.cookie-bar {
	position: fixed;
	bottom: 15px;
	right: 15px;
	max-width: 400px;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	padding: 20px;
	z-index: 50;
	display: none;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: 10px;
}

.cookie-bar__text {
	padding: 0;
	margin: 0;
	font-size: 12px;
}

.cookie-bar__container {
	display: grid;
	grid-template-columns: 1fr max-content;
	gap: 20px;
}

.cookie-bar__btn {
	position: relative;
	display: block;
	background: transparent;
	font-size: 0;
	border: 0;
	border-radius: 0;
	outline: none;
	width: 24px;
	height: 24px;
}

.cookie-bar__btn:hover {
	cursor: pointer;
}

.cookie-bar__btn::before,
.cookie-bar__btn::after {
    content: '';
	display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    left: 0;
    background: var(--color-black);
}

.cookie-bar__btn::before {
    top: 10.5px;
	transform: rotate(45deg);
}

.cookie-bar__btn::after {
    bottom: 10.5px;
	transform: rotate(-45deg);
}

@media (max-width: 479px) {
	.cookie-bar {
		right: 0;
		bottom: 0;
		width: 100%;
		padding: 15px;
		border-radius: 0;
	}
}

/* modal */
.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 101;
	align-items: center;
	justify-content: center;
	overflow-y: auto;
}

.modal_active {
	display: flex;
}

.modal__body {
	max-width: 450px;
	margin-left: 20px;
	margin-right: 20px;
	width: 100%;
	padding: 50px;
	background: var(--color-white);
	position: relative;
	display: grid;
	gap: 20px;
}

.modal__body_type_quiz {
	max-width: 550px;
	background: var(--color-light-blue);
	display: block;
}

.modal__form-container {
	display: grid;
	gap: 20px;
}

.modal__close {
	position: absolute;
	top: 15px;
	right: 15px;
	background: transparent;
	box-shadow: none;
	outline: none;
	border: 0;
	border-radius: 0;
	color: transparent;
	font-size: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
}

.modal__close::before,
.modal__close::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--color-black);
	top: calc(50% - 1px);
}

.modal__close::before {
	transform: rotate(45deg);
}

.modal__close::after {
	transform: rotate(-45deg);
}

.modal__close:hover {
	cursor: pointer;
}

.modal__close:hover::before,
.modal__close:hover::after {
	background: var(--color-black);
}

.modal__title {
	text-align: center;
	font-size: 24px;
}

.modal__form {
	display: grid;
	gap: 15px;
}

.modal__quiz-title {
	font-size: 24px;
	margin-bottom: 20px;
	color: var(--color-blue);
}

.modal__quiz-question {
	min-height: 645px;
	display: grid;
	grid-template-rows: max-content max-content 1fr max-content max-content;
}

.modal__quiz-question-title {
	font-weight: 600;
	margin-bottom: 15px;
}

.modal__quiz-labels {
	display: grid;
	grid-auto-flow: row;
	grid-auto-rows: max-content;
	gap: 15px;
	margin-bottom: 20px;
}

.modal__quiz-label {
	border: 1px solid var(--color-black);
	padding: 15px 10px;
	border-radius: 5px;
}

.modal__quiz-btn-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	padding-top: 20px;
}

.modal__quiz-btn_next {
	grid-column: 2 / 3;
}

.modal__quiz-progress-text {
	text-align: center;
	margin-bottom: 10px;
}

.modal__quiz-progress-value {
	border-radius: 1000px;
	height: 15px;
	background: var(--color-light-gray);
	position: relative;
	overflow: hidden;
}

.modal__quiz-progress-value::after {
	content: '';
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	height: 100%;
	background: var(--color-blue);
}

.modal__quiz-progress-value_1::after {
	width: 20%;
}

.modal__quiz-progress-value_2::after {
	width: 40%;
}

.modal__quiz-progress-value_3::after {
	width: 60%;
}

.modal__quiz-progress-value_4::after {
	width: 80%;
}

.modal__quiz-progress-value_5::after {
	width: 100%;
}

@media (max-width: 479px) {
	.modal {
		align-items: unset;
	}

	.modal__body {
		padding: 50px 30px 30px 30px;
	}

	.modal__title {
		font-size: 20px;
	}

	.modal__quiz-title {
		font-size: 20px;
	}

	.modal_active {
		display: block;
	}

	.modal__body {
		margin-left: 0;
		margin-right: 0;
	}

	.modal__quiz-labels {
		gap: 5px;
	}

	.modal__quiz-label {
		padding: 10px;
	}

	.modal__quiz-question {
		min-height: 500px;
	}
}

@media (max-width: 359px) {
	.modal__body {
		padding: 40px 20px 20px 20px;
	}
}

/* label, input */
.form-label {
	display: grid;
	gap: 5px;
	grid-template-rows: 1fr max-content;
}

.form-input-name {
	display: flex;
	align-items: flex-end;
}

.form-input-name_color_white {
	color: var(--color-white);
}

.form-input {
	display: block;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-style: inherit;
	font-weight: 600;
	margin: 0;
	padding: 10px;
	border: 1px solid var(--color-black);
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	outline: 0;
}

.form-input_color_transparent-white {
	border-color: var(--color-white);
	color: var(--color-white);
}

.form-textarea {
	display: block;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-style: inherit;
	font-weight: 600;
	margin: 0;
	padding: 10px;
	border: 1px solid var(--color-black);
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	outline: 0;
	resize: none;
	height: 150px;
}

.form-policy {
	display: block;
	position: relative;
}

.form-policy > .checkbox__container {
	display: grid;
	grid-template-columns: max-content 1fr;
	column-gap: 10px;
}

.form-policy > .checkbox__container > .checkbox__text {
	display: block;
	font-size: 13px;
}

.form-policy-link_color_light {
	color: var(--light);
	text-decoration: underline;
}

/* thanks */
.thanks {
	display: grid;
	gap: 30px;
}

.thanks__btn-container {
	display: grid;
	grid-template-columns: max-content;
}

/* november-banner */
.november-banner {
	position: relative;
}

.november-banner__img-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.november-banner__btn-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 5%;
}

.november-banner__btn {
	font-size: 24px;
	padding: 5px 50px;
}

@media (max-width: 1279px) {
	.november-banner__btn {
		font-size: 20px;
		padding: 5px 35px;
	}
}

@media (max-width: 999px) {
	.november-banner__btn {
		font-size: 16px;
		padding: 0 30px;
	}
}

@media (max-width: 767px) {
	.november-banner__btn {
		font-size: 14px;
		padding: 0 20px;
	}
}

@media (max-width: 479px) {
	.november-banner__btn-container {
		padding-bottom: 12%;
	}

	.november-banner__btn {
		font-size: 16px;
	}
}

/* freeze */
.freeze {
	display: flex;
	position: relative;
	justify-content: center;
}

.freeze__btn-container {
	position: absolute;
	top: calc(100% - 25px);
	display: flex;
	justify-content: center;
	z-index: 1;
}

@media (max-width: 479px) {
	.freeze__btn-container {
		position: absolute;
		top: calc(100% - 10px);
	}
}

/* banner */
.banner {
	background: linear-gradient(180deg, rgba(255,0,0,1) 0%, rgb(197, 0, 0) 80%);
	border-radius: 40px;
	padding: 30px 40px 40px 40px;
}

.banner__head {
	margin-bottom: 30px;
}

.banner__title {
	font-size: 72px;
	line-height: 1.2;
	color: var(--color-white);
	font-weight: 600;
	text-align: center;
	border-bottom: 3px dashed rgba(255, 255, 255, 1);
	padding-bottom: 30px;
}

.banner__title::before {
	padding-right: 20px;
	content: '●';
}

.banner__title::after {
	padding-left: 20px;
	content: '●';
}

.banner__subtitle {
	font-size: 36px;
	line-height: 1.15;
	font-weight: 600;
	text-align: center;
	color: var(--color-white);
	margin-bottom: 30px;
}

.banner__body {
	display: grid;
	grid-template-columns: 380px 1fr;
	gap: 60px;
	align-items: center;
}

.banner__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 20px;
}

.banner__item {
	border-radius: 20px;
	background: var(--color-yellow);
	padding: 20px;
}

.banner__num {
	font-size: 36px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--color-black);
	text-align: center;
}

.banner__note {
	font-size: 13px;
	color: var(--color-white);
	margin-bottom: 30px;
}

.banner__num_accent {
	font-size: 96px;
}

.banner__name {
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	color: var(--color-black);
	line-height: 1.2;
}

.banner__btn-container {
	display: flex;
	justify-content: center;
}

@media (max-width: 1279px) {
	.banner__title {
		font-size: 56px;
	}

	.banner__num_accent {
		font-size: 56px;
	}

	.banner__body {
		grid-template-columns: 1fr 3fr;
		gap: 40px;
	}
}

@media (max-width: 999px) {
	.banner__title {
		font-size: 36px;
	}

	.banner__num_accent {
		font-size: 36px;
	}

	.banner__body {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.banner__img-container {
		display: flex;
		justify-content: center;
	}

	.banner__img {
		max-width: 300px;
		width: 100%;
	}

	.banner__head {
		margin-bottom: 0;
	}

	.banner__name {
		font-size: 16px;
	}

	.banner__list {
		gap: 15px;
	}
}

@media (max-width: 767px) {
	.banner {
		padding: 30px 20px;
		border-radius: 10px;
	}

	.banner__title {
		font-size: 24px;
	}

	.banner__subtitle {
		font-size: 20px;
	}

	.banner__list {
		grid-template-columns: 1fr 1fr;
	}

	.banner__item:first-child {
		grid-column: 1 / 3;
	}

	.banner__num {
		font-size: 16px;
	}

	.banner__num_accent {
		font-size: 24px;
	}

	.banner__name {
		font-size: 14px;
	}

	.banner__img {
		max-width: 240px;
	}

}


/* black-friday */
.black-friday__img {
	display: block;
	margin: 0 auto;
}

/* ny-banner */
.ny-banner {
	position: relative;
}

.ny-banner__btn {
	position: absolute;
	z-index: 1;
	bottom: 8%;
	right: 14%;
}

@media (max-width: 479px) {
	.ny-banner__btn {
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		right: 0;
		width: 250px;
	}
}

/* finger */
@media (max-width: 767px) {
	.finger {
		display: grid;
		grid-template-columns: 1fr max-content;
		gap: 30px;
		position: relative;
		align-items: center;
	}

	.finger::after {
		content: '';
		width: 40px;
		height: 40px;
		display: block;
		background-image: url("data:image/svg+xml,%3Csvg width='37' height='41' viewBox='0 0 37 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.696 41C21.6312 41 21.5618 40.9907 21.4971 40.9674C21.1548 40.8556 20.9652 40.4875 21.0762 40.1427C21.8625 37.6641 24.471 34.044 25.9833 32.3807C27.3431 30.8851 28.4161 27.8241 28.4716 27.6657L29.9655 22.96C30.1042 22.522 30.0672 22.0561 29.8591 21.6508C29.651 21.2408 29.2948 20.9426 28.8601 20.8028C27.9628 20.514 27.0008 21.0125 26.7141 21.9164L26.1776 23.603C26.1637 23.6449 26.1498 23.6822 26.1267 23.7194C25.9787 23.9897 25.6596 24.1248 25.359 24.0269C25.0167 23.9151 24.8271 23.547 24.9381 23.2023L25.9093 20.1412C26.0481 19.7033 26.0111 19.2374 25.803 18.832C25.5948 18.422 25.2387 18.1239 24.804 17.9841C23.916 17.6999 22.9586 18.1891 22.6672 19.0743L22.3435 20.0993V20.118L22.0151 21.1383C21.9041 21.4831 21.5387 21.6741 21.1965 21.5623C20.8542 21.4505 20.6646 21.0824 20.7756 20.7376L21.4231 18.6969L21.4323 18.669L21.992 16.9078C22.1307 16.4699 22.0937 16.004 21.8856 15.5986C21.6775 15.1886 21.3213 14.8905 20.8866 14.7507C20.4518 14.6109 19.9893 14.6482 19.587 14.8578C19.1846 15.0675 18.884 15.4216 18.7452 15.8595L17.774 18.9159C17.663 19.2607 17.2976 19.4517 16.9553 19.3399C16.6131 19.2281 16.4235 18.86 16.5345 18.5152L16.6131 18.259L17.5011 15.4589L20.253 6.78364C20.3917 6.34568 20.3547 5.87977 20.1466 5.47443C19.9385 5.06443 19.5823 4.76625 19.1476 4.62648C18.7128 4.4867 18.2503 4.52398 17.848 4.73364C17.441 4.9433 17.145 5.30205 17.0062 5.74L11.7661 22.2518C11.6782 22.5314 11.4146 22.7177 11.1278 22.7084C10.8365 22.6991 10.5867 22.4987 10.5173 22.2145L9.24084 17.1967C9.12521 16.7448 8.81996 16.3767 8.39446 16.1857C7.97359 15.9947 7.49259 16.0086 7.08096 16.2183C6.48434 16.5258 6.16521 17.1874 6.28546 17.8583C6.66009 19.9269 6.81734 23.4119 6.66009 24.5022C6.48896 25.6856 6.86359 28.1036 7.02546 28.9656L8.05221 32.9631C8.56096 34.9339 8.55634 37.0211 8.04296 38.9919L7.64521 40.5155C7.55271 40.8649 7.19659 41.0745 6.84971 40.986C6.50284 40.8928 6.29471 40.5341 6.38259 40.1847L6.78034 38.6611C7.23821 36.9093 7.24284 35.055 6.78959 33.2985L5.75821 29.2777C5.75821 29.2777 5.75359 29.2498 5.74896 29.2358C5.72584 29.1053 5.12921 25.9698 5.36971 24.3158C5.49459 23.4352 5.37896 20.1645 4.99971 18.1006C4.77309 16.8566 5.36971 15.6312 6.48434 15.0535C7.25209 14.6575 8.14009 14.6342 8.92634 14.9883C9.71259 15.3424 10.2861 16.0319 10.4988 16.8706L11.2157 19.6753L15.7667 5.33466C16.0118 4.56125 16.5391 3.93227 17.256 3.5642C17.9728 3.19148 18.7868 3.12625 19.5546 3.37318C20.3223 3.62011 20.9467 4.15125 21.3121 4.87341C21.6821 5.59557 21.7468 6.41557 21.5017 7.18898L19.5037 13.4834C20.0818 13.3064 20.7016 13.311 21.289 13.4974C22.0567 13.7443 22.6811 14.2755 23.0465 14.9976C23.324 15.5427 23.4303 16.1437 23.361 16.7401C23.9437 16.5491 24.5866 16.5305 25.211 16.7355C25.9787 16.9824 26.6031 17.5135 26.9685 18.2357C27.1905 18.6643 27.3015 19.1349 27.3061 19.6055C27.9166 19.3772 28.6011 19.3445 29.2671 19.5589C30.0348 19.8058 30.6592 20.3369 31.0246 21.0591C31.3946 21.7812 31.4593 22.6012 31.2142 23.3747L29.7203 28.085V28.099C29.6695 28.2387 28.5225 31.5514 26.9546 33.2799C25.4607 34.9199 23.0233 38.363 22.325 40.5527C22.2371 40.8323 21.9781 41.0093 21.7052 41.0093L21.696 41ZM23.1528 10.0776C23.028 10.0776 22.8985 10.0403 22.7875 9.96579C22.4868 9.76079 22.4082 9.35545 22.6117 9.05261C23.1621 8.23261 23.4535 7.27284 23.4535 6.27579C23.4535 3.54091 21.2427 1.31386 18.5278 1.31386C15.813 1.31386 13.6022 3.54091 13.6022 6.27579C13.6022 6.64852 13.6438 7.01659 13.7225 7.37534C13.8011 7.72943 13.5837 8.07886 13.2322 8.16273C12.8807 8.24193 12.5338 8.02295 12.4506 7.66886C12.3488 7.21693 12.298 6.74636 12.298 6.27579C12.298 2.81409 15.0915 0 18.5278 0C21.9642 0 24.7577 2.81409 24.7577 6.27579C24.7577 7.53375 24.3877 8.74977 23.694 9.78409C23.5691 9.97045 23.361 10.073 23.1528 10.073V10.0776ZM4.44471 8.72648C4.27359 8.72648 4.10709 8.66125 3.98221 8.53545L0.383961 4.91068C0.254461 4.78023 0.194336 4.6125 0.194336 4.44477C0.194336 4.27705 0.259086 4.10932 0.383961 3.97886L3.98221 0.354091C4.16721 0.167727 4.44934 0.111818 4.69446 0.209659C4.93959 0.312159 5.09684 0.549773 5.09684 0.815341V3.6667H10.3231C10.6838 3.6667 10.9752 3.96023 10.9752 4.32364C10.9752 4.68705 10.6838 4.98057 10.3231 4.98057H5.09684V8.06489C5.09684 8.33045 4.93959 8.56807 4.69446 8.67057C4.61584 8.70318 4.52796 8.72182 4.44471 8.72182V8.72648ZM1.77146 4.44477L3.79259 6.4808V4.56125C3.79259 4.51932 3.79259 4.48205 3.80184 4.44477C3.79721 4.4075 3.79259 4.36557 3.79259 4.3283V2.40875L1.77146 4.44477ZM32.5601 8.72648C32.4768 8.72648 32.3936 8.70784 32.3103 8.67523C32.0652 8.57273 31.908 8.33511 31.908 8.06954V4.98523H26.6817C26.321 4.98523 26.0296 4.6917 26.0296 4.3283C26.0296 3.96489 26.321 3.67136 26.6817 3.67136H31.908V0.824659C31.908 0.559091 32.0652 0.321477 32.3103 0.218977C32.5555 0.116477 32.833 0.172386 33.0226 0.363409L36.6208 3.98818H36.6255V3.9975C36.7457 4.1233 36.8058 4.2817 36.8058 4.44477V4.45409V4.46341V4.47273C36.8058 4.6358 36.7411 4.7942 36.6255 4.92H36.6208V4.92932L33.0226 8.55409C32.8977 8.67989 32.7312 8.74511 32.5601 8.74511V8.72648ZM33.203 4.44477C33.2076 4.48205 33.2122 4.52398 33.2122 4.56125V6.4808L35.2333 4.44477L33.2122 2.40875V4.3283C33.2122 4.37023 33.2122 4.4075 33.203 4.44477Z' fill='%23004182'/%3E%3C/svg%3E%0A");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
}
.spec-table__img{
	height: 263px;
    object-fit: contain;
}
.fancybox__content{
	max-width:990px !important;
	background:transparent !important;
}