@font-face {
	font-display: swap;
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Thin.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

header, nav, menu, main, section, article, aside, address, footer, noscript {
	display: block;
}

a {
	text-decoration: none;
	color: #1d1d1f;
}

	a:hover {
		color: #1d1d1f;
		text-decoration: none;
	}	

	input:focus {
		outline: none !important;
	}

html {	
	height: 100%;
	width: 100%;
}	

body {		
	width: 100%;	
	background: radial-gradient(61.49% 50% at 50% 50%, #fff 0%, #f5f5f7 100%), #f5f5f7;
	-webkit-appearance: none;
	font-family: 'SF Pro Display', Arial, sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 120%;
	color: #1d1d1f;	
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.page_area {	
	flex-grow: 1;	
}

.page_area:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 720px;	
	background-image: radial-gradient(95.33% 77.5% at 50% 77.5%, rgba(29, 29, 31, 0) 3.68%, rgba(29, 29, 31, 0.64) 100%), url('../img/new/main_bg.jpg');
    background-position: center, center bottom;
    background-size: cover, cover;
    background-repeat: no-repeat, no-repeat;	
}

ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;	
}	

ul, ol {
	list-style: none;	
}

h1, h2, h3, h4, h5, h6 {	
	margin: 0;
}

button[type=button], .btn {
	display: inline-block;
	color: #fff;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: 'SF Pro Text', Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	padding: 20px 75px;
	text-transform: uppercase;
	border: none;
	border-radius: 30px;
	background: #c00;
	box-shadow: 0 15px 30px 0 rgba(144, 144, 144, 0.08);
	transition: box-shadow .2s ease-in-out;
}

button[type=button].f-thumbs__slide__button {   
    padding: 0;
    border-radius: 0;
}

button[type=button]:hover, .btn:hover {	
	box-shadow: 0 15px 30px 0 rgba(144, 144, 144, 0.3);
}

button:focus {
    outline: none;    
}

	header {	
		/* position: fixed;
		top: 20px;
		left: 0;
		width: 100%;
		z-index: 2; */
	}

	header, 
	main, 
	footer {
		position: relative;
		z-index: 1;		
	}
		
		.header {
			
		}		
		
			.mh_wrapper {								
				/* padding: 20px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				transition: box-shadow, background .2s ease-in-out; */
			}
			
			/* .fixed .mh_wrapper {
				background: rgba(255, 255, 255, 0.6);
				box-shadow: 0 15px 30px 0 rgba(144, 144, 144, 0.08);
			} */
			
				.mhw_top {
					display: flex;
					justify-content: space-between;
					align-items: center;
					/* padding: 10px 0 20px; */
					padding: 20px 0;
					border-bottom: 1px solid #d9d9d9;
				}
				
					.mhw_top img {
						width: 100%;
						max-width: 149px;
					}
					
					.mhw_top a {						
						text-align: right;						
						font-size: 24px;						
						font-weight: 400;
						line-height: 1px;
						letter-spacing: -0.24px;
						text-transform: uppercase;
						color: #fff;
					}
				
				.mh_wrapper nav {
					padding: 20px 0;
					
					height: 60px; /* hide ul below */
				}
				
					.mh_wrapper nav ul {
						/* display: flex; */
						display: none;
						justify-content: space-between;
						align-items: center;
						gap: 16px;						
					}
					
					.filin .mh_wrapper nav ul {
						display: flex;
					}
					
						.mh_wrapper nav ul li {							
							font-size: 14px;
							font-weight: 400;
							line-height: 140%;
							text-transform: uppercase;
						}
						
							.mh_wrapper nav ul li a {								
								transition: color .2s ease-in-out;
								color: #fff;
							}

		main section {
			margin-bottom: 120px;
		}			
	
		.main {
			padding-top: 30px;
			margin-bottom: 60px;
		}
		
			.main_header {
				margin-bottom: 30px;
			}
			
				.main_header h1 {
					margin: 0 auto;						
					max-width: 750px;
					font-size: 28px;					
					line-height: 110%;
					letter-spacing: 0.2px;
					color: #fff;
					text-align: center;
				}
				
					.main_header h1 span {
						margin-bottom: 10px;						
						font-size: 56px;
						line-height: 110%;
						font-weight: 700;
						display: block;							
					}							
			
			.main_img {
				text-align: center;				
			}
			
				.main_img img {
					width: 100%;
					max-width: 555px;					
				}
			
			.main_button {
				text-align: center;	
				margin-bottom: 253px;
			}
			
				.main_button button {
					padding: 20px 106.5px;
				}
				
			.main_desc {				
				text-align: center;				
				letter-spacing: -0.4px;	
				color: #fff;
				opacity: 0.8;
				margin-bottom: 65px;	
			}
		
			.features_wrapper {
				display: flex;
				margin: 0 -15px;
			}
		
				.one_feature {
					width: 20%;
					padding: 0 15px;
					flex-grow: 1;
				}
				
					.one_feature_box {
						padding: 20px 15px;
						border-radius: 20px;
						background: #fff;
						height: 100%;
					}
				
						.one_feature_img {
							margin-bottom: 10px;
						}
						
							.one_feature_img img {
								width: 48px;
							}
						
						.one_feature_text {							
							font-size: 15px;
							font-weight: 400;
							line-height: 120%;
							letter-spacing: -0.4px;
						}
		
			.section_header {
				margin-bottom: 60px;
			}
		
				.section_header h2 {					
					font-size: 38px;					
					font-weight: 300;
					line-height: 110%;
					text-align: center;
					margin: 0 auto;
				}
				
					.section_header h2 span {
						font-weight: 500;
						text-align: center;
						display: block;
					}
			
			.section_header_text {
				margin: 30px auto 0;				
				text-align: center;
				font-weight: 400;
				letter-spacing: -0.4px;
				opacity: 0.8;
			}
			
				.versatile_block {
					overflow: hidden;
					border-radius: 20px;
					background: linear-gradient(180deg, #ebebeb 0%, #fff 57.98%), #fff;	
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
					.versatile_block span {
						white-space: nowrap;
					}
				
					.vb_data {
						position: relative;
						z-index: 2;
					}
				
					.col-lg-12 .versatile_block {
						margin-bottom: 32px;
						height: auto;
					}
				
						.versatile_block_counter {
							padding: 50px 30px 10px;						
							color: #C00;
							text-align: center;							
							font-size: 20px;
							font-weight: 500;
							line-height: 110%;
						}
						
						.col-lg-12 .versatile_block_counter {
							padding: 60px 20px 15px;
						}
						
						.versatile_block_header {						
							text-align: center;							
							font-size: 20px;
							font-weight: 500;
							line-height: 110%;
							padding: 0 30px 20px;
						}
						
						.col-lg-12 .versatile_block_header {
							padding: 0 20px;						
							font-size: 24px;
						}
						
						.versatile_block_text {						
							text-align: center;						
							font-size: 15px;							
							line-height: 120%;
							opacity: 0.8;
							letter-spacing: -0.4px;
							padding: 0 30px;
						}

						.vb_data_image {
							height: 426px;
							position: relative;
							z-index: 1;
						}
						
						.col-sm-6.col-lg-4 .vb_data_image {
							height: 240px;							
						}

						.vb_data_image img { 
							width: 100%;
							position: absolute;
							left: 0;
							bottom: 0;
						}
						
						.vbdi_element {
							position: absolute;
							left: 30px;
							bottom: 30px;
							width: calc(100% - 60px);
							padding: 10px;							
							color: #fff;
							text-align: center;							
							font-size: 16px;							
							font-weight: 400;
							line-height: 110%;
							border-radius: 5px;
							background: rgba(29, 29, 31, 0.50);
							backdrop-filter: blur(2.5px);
						}

						.dimension_arrow {
							position: absolute;
							background-size: contain;
							display: flex;
							align-items: center;							
							color: #c00;							
							font-size: 16px;
							font-weight: 500;
							/* font-style: italic; */							
							line-height: 110%;
							background-repeat: no-repeat;
							background-size: contain;
						}

							.da_1 {
								left: 29.29%;
								bottom: 0;
								height: 43%;
								background-image: url('../img/new/red_arrow_1.svg');
								background-position: left center;
								padding-left: 11px;
							}
							
							.da_2 {
								right: 23.2%;
								bottom: 46.7%;
								height: 12.63%;
								background-image: url('../img/new/red_arrow_2.svg');
								background-position: right center;
								padding-right: 22.5px;
							}
		
					.versatile_block > img {
						width: 100%;
					}
			
				.system_column {					
					display: flex;
					flex-grow: 1;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.system_column.sc_1 {
					background: url('../img/round_line_left.svg') right 21px center no-repeat;
					background-size: auto 100%;
				}
				
				.system_column.sc_2 {
					align-items: center;
				}
				
				.system_column.sc_3 {
					background: url('../img/round_line_right.svg') 21px center no-repeat;
					background-size: auto 100%;
				}
					
					.system_column.sc_2 img {
						padding: 16px 0 34px;
						width: 100%;
						max-width: 300px;
					}
				
					.sc_data {						
						padding-right: 65px;
						padding-left: 30px;
						background: url('../img/red_plus.svg') right top no-repeat;
						background-size: 24px auto;
					}
					
						.scd_element {
							display: none;
							position: absolute;
							left: 0;
							top: 0;
							width: 24px;
							height: 24px;
							background: url('../img/red_plus.svg') center no-repeat;
							background-size: contain;
						}
						
						.scd_data {
							text-align: right;						
							font-size: 15px;
							opacity: 0.8;
							line-height: 120%;
							letter-spacing: -0.4px;
						}
					
					.sc_1 .sc_data:nth-child(2), 
					.sc_1 .sc_data:nth-child(3) {						
						padding-right: 95px;
						padding-left: 60px;
						background-position: right 29px top;
					}
					
					.sc_1 .sc_data:nth-child(2) {
						background-position: right 22px top;
					}
					
					.sc_1 .sc_data:nth-child(4) {						
						background-position: right 18px top;
					}
					
					.sc_3 .sc_data {						
						
						background-position: left top;
						padding-right: 30px;
						padding-left: 65px;
					}
					
					.sc_3 .sc_data:nth-child(2) {
						padding-right: 60px;
						padding-left: 95px;
						background-position: 29px top;
					}
					
					.sc_3 .sc_data:nth-child(3) {						
						background-position: 15px top;
					}
					
					.sc_3 .scd_data {
						text-align: left;
					}		
					
			.section_footer {
				margin-top: 60px;
			}

				.system_footer {					
					text-align: center;					
					font-size: 22px;
					line-height: 120%;
					letter-spacing: -0.4px;
					opacity: 0.8;
				}
		
			.line .section_header {
				margin-bottom: 60px;
			}
				
					.line_1 img {
						width: 100%;
						border-radius: 20px;
					}				
				
				.line_2 {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
					.line_data {
						display: flex;
						padding: 30px;
						flex-direction: column;
						align-items: flex-start;
						gap: 10px;
						align-self: stretch;
						border-radius: 20px;
						background: #fff;
					}
		
						.line_data_header {
							display: flex;
							align-items: center;
							justify-content: space-between;	
							width: 100%;
						}
						
							.ldh_caption {								
								font-size: 20px;								
								font-weight: 500;
								line-height: 110%;
								padding-right: 16px;								
							}
							
							.ldh_counter {
								color: #c00;								
								font-size: 38px;								
								font-weight: 400;
								line-height: 110%;
								text-align: right;
							}
			
							.line_data_body ul {
								padding-left: 22px;
							}
							
								.line_data_body ul li {									
									font-size: 15px;									
									line-height: 120%;
									letter-spacing: -0.4px;
									list-style-type: disc;
								}
								
				.line .section_footer, 
				.design .section_footer {
					margin-top: 40px;
				}												
		
			.suitable_wrapper {
				height: 540px;
				border-radius: 20px;
				background: url('../img/new/suitable_new_1.jpg') right bottom no-repeat;
				background-size: cover;
				position: relative;
				padding: 80px 390px 80px 80px;
			}
			
				.suitable_header {
					color: #fff;					
					font-size: 38px;					
					font-weight: 300;
					line-height: 110%;
				}
				
					.suitable_header span {
						font-weight: 500;
					}
				
				.suitable_element {
					position: absolute;					
				}
				
				.suitable_element#se_1 {
					left: 37.71%;					
					bottom: 35.55%;					
				}
				
				.suitable_element#se_2 {					
					left: 62.71%;
					bottom: 25.08%;
				}
				
				.suitable_element#se_3 {
					left: 88.5%;
					bottom: 17.22%;
				}
		
					.se_item {
						color: #fff;
						text-align: center;						
						font-size: 20px;						
						font-weight: 500;
						line-height: 110%;
						padding: 4px;
						width: 30px;
						height: 30px;
						border-radius: 50%;
						background: #1d1d1f;
						position: relative;	
						cursor: pointer;
					}
					
						.se_notice {
							position: absolute;
							height: 60px;
							padding: 15px 8px 27px;						
							background: url('../img/grey_element.svg') right top no-repeat;
							background-size: contain;
							top: -63px;
							left: 15px;
							color: #fff;
							text-align: center;						
							font-size: 15px;					
							font-weight: 400;
							line-height: 120%;
							letter-spacing: -0.4px;
							transform: translate(-50%, 0);
							min-width: 135px;
							opacity: 0;							
							transition: opacity .2s ease-in-out;
						}
						
						.se_item:hover .se_notice {
							opacity: 1;
						}

			.corner_wrapper {
				height: 544px;
				border-radius: 20px;				
				background: url('../img/new/marta_corner_3_0.png'), linear-gradient(180deg, #ebebeb 0%, #fff 57.98%);
				background-position: right 35px bottom 23px, right bottom;
				background-repeat: no-repeat;				
				position: relative;
				padding: 80px;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
			
				.corner_header {					
					font-size: 38px;					
					font-weight: 300;
					line-height: 110%;
					max-width: 610px;
				}
				
					.corner_header span {
						font-weight: 500;
					}
				
				.corner_text {					
					font-size: 15px;					
					line-height: 120%;
					letter-spacing: -0.4px;
					max-width: 408px;
					opacity: 0.8;
				}
				
					.corner_text ul {
						display: flex;
						flex-direction: column;
						gap: 6px;
						list-style-type: disc;
					}

						.corner_text ul li {							
						}
				
				.corner_element {
					position: absolute;
					bottom: 397px;
					right: 50px;					
					width: 263px;					
					font-size: 15px;					
					line-height: 120%;
					letter-spacing: -0.4px;	
					opacity: 0.8;
				}
				
					.corner_element:after {
						content: '';
						position: absolute;
						width: 295px;
						height: 150px;
						bottom: -150px;
						left: -70px;
						background: url('../img/new/corner_element_1.svg') center no-repeat;
						background-size: contain;
					}
				
					.design_img img {
						width: 100%;
					}
					
			.design_footer {
				text-align: center;
			}
				
					.status_block {
						/* height: 430px; */
					}
					
						.status_block img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center;
							border-radius: 20px;
						}					
					
		.function {
			margin-bottom: 90px;
		}
		
			.function .section_header h2 span {
				display: inline;
				margin: 0;
			}
			
				.function_wrapper > div {
					flex-grow: 1;
					margin-bottom: 30px;
				}
					
					.function_block {
						border-radius: 20px;
						background: linear-gradient(180deg, #ebebeb 0%, #fff 57.98%), #fff;
						padding: 50px 30px;
						display: flex;
						flex-direction: column;
						align-items: center;
						gap: 20px;
						height: 100%;
					}
					
						.function_block img {							
							max-height: 48px;
						}
						
						.function_block_text {
							text-align: center;
							font-family: 'SF Pro Text';
							font-size: 15px;							
							line-height: 120%;
							letter-spacing: -0.4px;
							opacity: 0.8;
						}

			.seller_area_wrapper {				
				border-radius: 20px;				
				border-radius: 20px;
				background: linear-gradient(180deg, #ebebeb 0%, #fff 57.98%), #fff;
				border-radius: 20px;		
				position: relative;
				padding: 80px;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
			
				.saw_block {
					display: flex;
					gap: 30px;
					margin-bottom: 60px;
				}
				
					.seller_area_wrapper_header {						
						font-size: 38px;						
						font-weight: 300;
						line-height: 110%;
					}
					
						.seller_area_wrapper_header span {
							font-weight: 500;
						}
					
					.seller_area_wrapper_text {
						width: 280px;						
						font-size: 15px;						
						line-height: 120%;
						letter-spacing: -0.4px;
						opacity: 0.8;
						flex-shrink: 0;
					}
					
						.seller_area_wrapper_text span {
							font-weight: 500;
						}

				.saw_images {
					display: flex;
					align-items: flex-start;
					justify-content: space-between;
					gap: 30px;
				}

					.saw_images img {
						border-radius: 24px;
						height: 224px;
						object-fit: cover;
						object-position: center;
					}
					
					.saw_images img:nth-child(1), 
					.saw_images img:nth-child(3) {
						width: 280px;
					}					
		
		.info {
			margin-bottom: 90px;
		}
		
			.case .status_block {
				height: 440px;
				position: relative;
			}
			
				.case .status_block img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
				
				.case .status_block .info_text {
					position: absolute;
					right: 20px;
					bottom: 20px;
					font-size: 15px;						
					line-height: 120%;
					letter-spacing: -0.4px;
					color: #fff;
					text-shadow: 1px 1px 5px #000;
					text-align: right;
				}
			
			.case .section_header_text {
				font-size: 22px;
			}
		
			.portfolio .corner_wrapper {
				background: linear-gradient(180deg, #ebebeb 0%, #fff 57.98%), #fff;
				border-radius: 20px;				
				position: relative;
			}
			
			.portfolio .corner_wrapper:after {
				content: '';
				position: absolute;
				background: url('../img/webp/map.webp') center no-repeat;
				background-size: contain;
				width: 612px;
				height: 335px;
				right: 40px;
				bottom: 40px;
			}
			
				.portfolio .corner_header {					
					max-width: none;				
				}
				
					.portfolio .corner_header span {
						display: block;
					}
				
					.portfolio .corner_text {
						width: 360px;
						margin-bottom: 40px;
					}
			
						.portfolio .portfolio_button button {
							padding: 20px 60px;
						}
		
			.solution .section_header h2 {
				margin: 0 auto;
				max-width: 800px;
			}
		
				.solution .section_header h2 span {				
					display: inline;
				}
			
				.solution .line_1 {
					height: 560px;
				}
				
					.solution .line_1 img {
						height: 100%;
						object-fit: cover;
						object-position: center;
					}
				
					.solution .line_data {
						gap: 4px;
					}
					
						.solution .line_data_header {
							padding: 13px 0 13px 68px;						
							font-size: 20px;							
							font-weight: 500;
							line-height: 110%;
							background: url('../img/red_square_plus.svg') left center no-repeat;
							background-size: 48px auto;							
						}
						
						.solution .line_data_body {
							padding-left: 68px;							
							font-size: 15px;							
							font-weight: 400;
							line-height: 120%;
							letter-spacing: -0.4px;
						}
						
							.solution .line_2 button {
								width: 100%;
								padding: 20px 50px;
							}
		
		.reviews {
			overflow: hidden;
		}
			
				.reviews_slider .swiper-container {
					padding-bottom: 70px;
					position: relative;
				}
					
						.reviews_slider .swiper-slide {
							width: 750px;
						}
						
							.one_review {
								width: 100%;
							}
						
								.rs_img {
									width: 100%;
									height: 420px;
									margin-bottom: 30px;									
								}
								
									.rs_img a {
										display: block;
										width: 100%;
										height: 100%;
										position: relative;
									}
									
									.rs_img a img {
										display: block;
										width: 100%;
										height: 100%;
										object-fit: cover;
										object-position: center;
										border-radius: 20px;
									}
									
									.rs_img a:after {
										content: '';
										position: absolute;
										top: 50%;
										left: 50%;
										width: 80px;
										height: 80px;
										margin: -40px 0 0 -40px;
										background: url('../img/play.svg') center no-repeat;
										background-size: contain;
									}
			
									.rs_data_name {
										font-size: 20px;										
										font-weight: 500;
										line-height: 110%;
										margin-bottom: 10px;	
									}
									
									.rs_data_company {										
										font-size: 15px;									
										line-height: 120%;
										letter-spacing: -0.4px;
									}
								
					.reviews_slider .swiper-pagination {
						left: 0;
						bottom: 0;
						width: 100%;
						height: 20px;
						display: flex;
						align-items: center;
						justify-content: center;						
					}
					
						.reviews_slider .swiper-horizontal>.swiper-pagination-bullets span, 
						.swiper-pagination-bullets.swiper-pagination-horizontal span {
							margin: 0 15px;
							width: 10px;
							height: 10px;
							background: #b3b3b3;
							border-radius: 50%;
							opacity: 1;
						}
						
						.reviews_slider .swiper-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet-active, 
						.swiper-pagination-bullets.swiper-pagination-horizontal span.swiper-pagination-bullet-active {
							width: 20px;
							height: 20px;
							background: url('../img/active_bullet.svg') center no-repeat;
							background-size: contain;
						}
			
				.links_wrapper > div:nth-child(1) .links_block {
					background: linear-gradient(180deg, #ebebeb 0%, #fff 57.98%), #fff;					
				}
				
					.links_wrapper > div:nth-child(1) .links_block:before {
						content: '';
						position: absolute;
						width: 247px;
						height: 447px;
						right: 20px;
						bottom: 0;
						background: url('../img/webp/manager.webp') center no-repeat;
					}
				
				.links_wrapper > div:nth-child(2) .links_block {					
					background: url('../img/new/catalogue_new_1.png'), linear-gradient(180deg, #ebebeb 0%, #fff 57.98%), #fff;
					background-position: right bottom;
					background-repeat: no-repeat;
				}
			
				.links_block {
					height: 514px;
					display: flex;					
					padding: 80px;
					flex-direction: column;										
					border-radius: 20px;					
					justify-content: space-between;
					position: relative;
				}
				
					.links_block_data {
						max-width: 340px;
						position: relative;
					}
					
						.lbd_caption {							
							font-size: 38px;							
							font-weight: 300;
							line-height: 110%;
							margin-bottom: 30px;
						}
						
							.lbd_caption span {
								font-weight: 500;
							}
						
						.lbd_text {							
							font-size: 15px;							
							line-height: 120%;
							letter-spacing: -0.4px;
							max-width: 280px;
							opacity: 0.8;
						}
					
					.links_block_button {
						position: relative;
					}
		
	footer {
		padding: 120px 0;
		border-top: 1px solid #d9d9d9;
	}

		.footer_logo {
			text-align: center;
			margin-bottom: 30px;
		}
		
			.footer_logo img {
				width: 100%;
				max-width: 240px;
			}
		
		.footer_phone {
			margin-bottom: 80px;
			text-align: center;
			font-family: 'SF Pro Text';
			font-size: 38px;
			font-weight: 300;
			line-height: 110%;
			letter-spacing: -0.38px;
			text-transform: uppercase;
		}
		
		.footer_social {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
		}
		
			.footer_social a {
				display: block;
				width: 100px;
			}
			
				.footer_social a img {
					width: 100%;
				}				

.modal {
	background: #f6f6f8;
}	

.modal#catalogueModal {
	background: #1d1d1f;
}

.modal.show .modal-dialog {
    transform: none;
	margin: 0;	
} 

	.modal .container,
	.modal .container .row {
		height: 100%;
	}
	
	.modal .container .row {
		position: relative;
	}
	
		.modal-dialog {   
			max-width: none;
		}
		
			.modal-content {
				padding: 120px 0;
				border: none;
				background: transparent;
				border-radius: 0;
			}
			
				.modal .btn-close {
					position: absolute;
					top: 32px;
					right: 32px;
					width: 48px;
					height: 48px;
					background: url('../img/new/btn_close.svg') center no-repeat;
					background-size: contain;
					padding: 0;
					box-shadow: none;
					z-index: 1;
				}
					
						.mwd_header {
							color: #1d1d1f;
							text-align: center;							
							font-size: 38px;							
							font-weight: 300;
							line-height: 110%;
							margin: 0 auto 30px;
						}
						
						#catalogueModal .mwd_header {
							color: #fff;
						}
						
						#expertModal .mwd_header {
							max-width: 480px;							
						}
						
						#thanksModal .mwd_header {
							margin-bottom: 20px;						
						}
						
							.mwd_header span {
								font-weight: 500;
							}
							
						.mwd_image {
							margin-bottom: 20px;
							text-align: center;
						}

							.mwd_image img {
								border-radius: 50%;
								width: 140px;
							}
						
						.mwd_text {
							color: #1d1d1f;
							text-align: center;
							font-size: 22px;							
							line-height: 120%;
							letter-spacing: -0.4px;
							margin: 0 auto 40px;
							max-width: 555px;
							opacity: 0.8;
						}
						
						#catalogueModal .mwd_text {
							color: #b3b3b3;
						}
						
						#expertModal .mwd_text {
							max-width: 420px;
						}
						
						.mwd_form_wrapper {
							display: flex;
							align-items: flex-start;
							gap: 30px;
						}
						
							.mwdfw_1, 
							.mwdfw_2 {
								width: 50%;
							}
							
							.mwdfw_1 {
								margin-top: 40px;
							}
							
							#expertModal .mwdfw_1 {
								margin: 0 auto;								
							}
								
									.form_row {
										margin-bottom: 20px;
									}
									
										.form_row input[type=tel], 
										.form_row input[type=text], 
										.form_row input[type=email], 
										.form_row textarea {
											color: #1d1d1d;
											font-family: 'SF Pro Text';
											font-size: 15px;
											line-height: 120%;
											letter-spacing: -0.4px;
											padding: 15px 16px;
											border: none;
											border-radius: 4px;
											background: #fff;
											width: 100%;
											border: 1px solid #ccc;
										}

										#catalogueModal .form_row input[type=tel], 
										#catalogueModal .form_row input[type=text], 
										#catalogueModal .form_row input[type=email], 
										#catalogueModal .form_row textarea {
											border: none;
										}											
										
										.form_row input[type=tel]::placeholder, 
										.form_row input[type=text]::placeholder, 
										.form_row input[type=email]::placeholder, 
										.form_row textarea::placeholder {
											color: #b3b3b3;
										}
										
										.form_row textarea {
											min-height: 90px;
										}
										
										.form_row label {
											position: relative;
											margin-bottom: 10px;
										}
										
											.form_row label input {
												position: absolute;
												width: 20px;
												height: 20px;
												opacity: 0;												
											}
											
											.form_row label span {
												color: #1d1d1f;
												font-size: 22px;											
												line-height: 120%;
												letter-spacing: -0.4px;												
												padding-left: 26px;
												position: relative;
												display: flex;
												align-items: center;
												gap: 8px;
											}
											
											#catalogueModal .form_row label span {
												color: #f6f6f8;
											}
											
											.form_row label span:before {
												content: '';
												position: absolute;
												left: 0;
												top: 8px;
												width: 16px;
												height: 16px;
												border-radius: 50%;
												background: #fff;
											}
											
											.form_row label input:checked + span:after {
												content: '';
												position: absolute;
												left: 4px;
												top: 12px;
												width: 8px;
												height: 8px;
												border-radius: 50%;
												background: #c00;
												border: 1px solid #ccc;
											}
											
											#catalogueModal .form_row label input:checked + span:after {
												background: #1d1d1d;
												border: none;
											}
											
											.form_row label span img {
												width: 32px;
											}
										
										.form_row button {
											margin-top: 10px;
											padding: 20px 10px;
											width: 100%;
										}
										
										#expertModal .form_row button {
											margin: 0;
										}
										
										.form_row .form_notice {
											color: #b3b3b3;
											font-size: 15px;											
											line-height: 120%;
											letter-spacing: -0.4px;
										}
										
											.form_row .form_notice a {
												color: #b3b3b3;
												text-decoration: underline;
											}
											
											.form_row .form_notice a:hover {
												text-decoration: none;
											} 
							
								.mwdfw_2 img {
									width: 100%;
								}
	
@media (max-width: 1023px) {

	body {				
		font-size: 20px;
	}

	.page_area:before {		
		height: 650px;			
	}
				
					.mhw_top {						
						padding: 20px 0;						
					}

			main section {
				margin-bottom: 64px;
			}			
		
			.main {				
				margin-bottom: 64px;
			}
				
					.main_header h1 {						
						font-size: 24px;
					}
					
						.main_header h1 span {											
							font-size: 48px;											
						}							
				
				.main_button {					
					margin-bottom: 216px;
				}
					
				.main_desc {				
					margin-bottom: 42px;					
				}
			
			.features {			
				margin-bottom: 49px;
			}
			
				.features_wrapper {
					flex-wrap: wrap;
				}
			
					.one_feature {
						width: 33.333333%;
						margin-bottom: 30px;
					}
			
			.versatile {
				margin-bottom: 34px;
			}
			
				.section_header {
					margin-bottom: 48px;
				}
			
					.section_header h2 {					
						font-size: 32px;					
					}
					
						.section_header h2 span {
							display: inline;
						}
				
				.section_header_text {
					margin-top: 18px;				
					font-size: 18px;
				}
						
						.versatile .col-sm-6 {
							margin-bottom: 30px;
						}
					
						.versatile .col-lg-12 .versatile_block {
							margin-bottom: 0;							
							height: 100%;
						}
					
							.versatile_block_counter {
								padding: 32px 30px 10px;						
							}
							
							.versatile .col-lg-12 .versatile_block_counter {
								padding: 32px 20px 15px;
							}
							
							.versatile_block_header {						
								padding: 0 30px 12px;
								font-size: 18px;
							}
							
							.versatile .col-lg-12 .versatile_block_header {														
								font-size: 18px;
							}

							.vb_data_image {
								height: 300px;								
							}							

							.vb_data_image img { 								
								height: 100%;
								object-fit: cover;
								object-position: center;
							}
							
							.versatile .col-sm-6.col-lg-4 .vb_data_image img {
								height: auto;
								object-fit: contain;								
							}

								.da_1 {									
									height: 42%;
								}
								
								.da_2 {									
									bottom: 45.3%;
								}
					
					.system_column.sc_1 {						
						gap: 10px;
					}
					
					.system_column.sc_2 {						
						justify-content: center;
					}
					
						.sc_data {							
							padding-right: 55px;
							padding-left: 0;							
						}

							.scd_data {
								font-size: 13px;
							}	
						
						.sc_1 .sc_data:nth-child(2), 
						.sc_1 .sc_data:nth-child(3) {						
							padding-right: 65px;
							padding-left: 0;							
						}
						
						.sc_1 .sc_data:nth-child(4) {
							background-position: right 20px top;
						}
						
						.sc_3 .sc_data {							
							padding-right: 0;
							padding-left: 45px;
						}
						
						.sc_3 .sc_data:nth-child(2) {
							padding-right: 0;
							padding-left: 65px;
							background-position: 24px top;
						}
						
						.sc_3 .sc_data:nth-child(3) {
							background-position: 14px top;
						}
						
				.section_footer {
					margin-top: 48px;
				}

					.system_footer {								
						font-size: 18px;
					}
			
				.line .section_header {
					margin-bottom: 48px;
				}
					
						.line_1 img {							
							height: 100%;
							object-fit: cover;
							object-position: center;
						}					
					
					.line_2 {						
						gap: 16px;
					}
					
						.line_data {							
							padding: 16px;
						}
							
								.ldh_caption {		
									font-size: 18px;															
								}
			
				.suitable_wrapper {
					height: 420px;					
					padding: 48px;
				}
				
					.suitable_header {										
						font-size: 32px;
					}
						
							.se_notice {								
								font-size: 14px;
								opacity: 1;
							}

				.corner_wrapper {
					height: 505px;					
					padding: 48px;
					background-size: 330px auto, auto;
				}				
				
					.corner_header {					
						font-size: 32px;						
						max-width: 450px;
					}
					
					.corner_text {					
						font-size: 14px;						
						max-width: 250px;
					}
					
					.corner_element {						
						bottom: 290px;
						right: -20px;		
						font-size: 14px;
					}
					
						.corner_element:after {
							height: 110px;
							bottom: -115px;
						}
			
				.design .section_header {
					margin-bottom: 32px;
				}
						
				.design_footer {					
					font-size: 18px;
				}
					
						.status_block {
							/* height: 260px; */
						}
						
			.function {
				margin-bottom: 34px;
			}
			
				.function .section_header h2 span {
					display: inline;
					margin: 0;
				}
				
					.function_wrapper > div {
						flex-grow: 1;
						margin-bottom: 30px;
					}
						
						.function_block {
							padding: 32px;
						}
							
							.function_block_text {
								font-size: 14px;							
							}

				.seller_area_wrapper {					
					padding: 48px;
				}
				
					.saw_block {
						gap: 24px;
						margin-bottom: 32px;
					}
					
						.seller_area_wrapper_header {						
							font-size: 32px;						
						}
						
						.seller_area_wrapper_text {
							width: 240px;						
							font-size: 14px;						
						}

					.saw_images {
						gap: 0;
						margin: 0 -15px;
					}

						.saw_images img {
							border-radius: 20px;
							height: 180px;
							object-fit: fill;
							width: 33.333333%;
							padding: 0 15px;
						}
						
						.saw_images img:nth-child(1), 
						.saw_images img:nth-child(3) {
							width: 33.333333%;
						}					
			
			.info {
				margin-bottom: 34px;
			}
			
				.case .status_block {
					height: 260px;
				}
					
					.case .status_block .info_text {						
						font-size: 14px;						
					}
				
				.case .section_header_text {
					margin-top: 14px;
					font-size: 20px;
				}
			
				.portfolio .corner_wrapper {
					height: 685px;
				}
				
				.portfolio .corner_wrapper:after {
					width: 100%;
					right: 0;
					bottom: auto;
					top: 140px;
				}
					
						.portfolio .corner_text {
							width: 100%;
							max-width: none;
							margin-bottom: 32px;
						}
				
					.solution .line_1 {
						height: auto;
					}
					
						.solution .line_data {
							gap: 0;
						}
						
							.solution .line_data_header {
								padding: 0 0 13px 68px;						
								min-height: 48px;
							}
							
							.solution .line_data_body {					
								font-size: 14px;							
							}
				
					.reviews_slider .swiper-container {
						padding-bottom: 64px;						
					}
						
							.reviews_slider .swiper-slide {
								width: 520px;
							}
							
									.rs_img {										
										height: 350px;										
									}
				
										.rs_data_name {
											font-size: 18px;											
											margin-bottom: 8px;	
										}
										
										.rs_data_company {										
											font-size: 14px;									
										}
									
						.reviews_slider .swiper-pagination {
							height: 16px;						
						}
						
							.reviews_slider .swiper-horizontal>.swiper-pagination-bullets span, 
							.swiper-pagination-bullets.swiper-pagination-horizontal span {
								margin: 0 8px;
								width: 8px;
								height: 8px;
							}
							
							.reviews_slider .swiper-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet-active, 
							.swiper-pagination-bullets.swiper-pagination-horizontal span.swiper-pagination-bullet-active {
								width: 16px;
								height: 16px;
							}
					
						.links_wrapper > div:nth-child(1) {
							margin-bottom: 30px;	
						}							
					
						.links_wrapper > div:nth-child(1) .links_block:before {
							height: 360px;
							background-size: contain;
						}
				
					.links_block {
						height: 330px;
						padding: 48px;
					}
					
						.links_block_data {
							max-width: 400px;
						}
						
							.lbd_caption {							
								font-size: 32px;							
								margin-bottom: 16px;
							}
							
							.lbd_text {							
								font-size: 14px;							
							}		
			
		footer {
			padding: 60px 0;			
		}

			.footer_logo {				
				margin-bottom: 24px;
			}
			
				.footer_logo img {					
					max-width: 200px;
				}
			
			.footer_phone {
				margin-bottom: 48px;
				font-size: 32px;
			}
			
				.footer_social a {					
					width: 64px;
				}
			
				.modal-content {					
					padding: 60px 0;					
				}
	
}
	
@media (max-width: 767px) {

	body {		
		font-size: 18px;
	}	

	.page_area:before {		
		background-position: center, left bottom;
	}

	button[type=button], .btn {		
		padding: 20px;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
					
						.mhw_top img {							
							max-width: 120px;
						}
						
						.mhw_top a {							
							font-size: 18px;
						}
					
					.mh_wrapper nav {						
						padding-top: 32px;
					}
					
						.mh_wrapper nav ul {
							flex-direction: column;	
						}
					
		main {
			overflow-x: hidden;
		}

			main section {
				margin-bottom: 48px;
			}			
		
			.main {				
				margin-bottom: 32px;
			}
			
				.main_header {					
					margin-bottom: 40px;
				}
				
					.main_header h1 {						
						font-size: 20px;
						font-weight: 400;
					}
					
						.main_header h1 span {				
							font-size: 42px;				
						}							
				
				.main_button {						
					margin-bottom: 40px;
				}
					
				.main_desc {					
					margin-bottom: 35px;
					font-size: 17px;
				}
			
			.features {			
				margin-bottom: 33px;
			}
			
				.features_wrapper {					
					flex-wrap: wrap;
					margin: 0 -7.5px;
				}
			
					.one_feature {
						width: 100%;
						padding: 0 7.5px;						
						margin-bottom: 15px;
					}
					
						.one_feature_box {
							margin-bottom: 0;
							display: flex;
							align-items: center;
							gap: 12px;
						}
					
							.one_feature_img {
								flex-shrink: 0;
								margin: 0;
							}
			
			.versatile {
				margin-bottom: 18px;
			}
			
				.section_header {
					margin-bottom: 32px;
				}
			
					.section_header h2 {					
						font-size: 24px;					
					}
				
				.section_header_text {					
					font-size: 15px;
					line-height: normal;
				}
							
							
							
							.row.versatile_wrapper .col-sm-6:nth-child(2) .vb_data_image {
								height: 280px;
							}							
							
				.system_wrapper {
					flex-wrap: nowrap;
				}	

					.system_column.sc_1, 
					.system_column.sc_3	{	
						width: 58px;
					}
					
					.system_column.sc_2 {
						width: auto;
						flex-shrink: 1;
						
					}
					
					.system_column.sc_1 {						
						/* background: transparent; */
						background-position: 16px center;
					}
					
					.system_column.sc_3 {						
						/* background: transparent;
						gap: 10px; */
						background-position: right 16px center;
					}
					
						
					.system .section_body {
						position: relative;
						z-index: 1;
					}						
						
						.system_column.sc_2 img {						
							padding: 32px 0;
						}
					
						.sc_data {							
							/* padding: 0 0 0 32px;
							background-position: left top;
							text-align: left; */
							background: transparent;
							padding: 0;							
							min-height: 24px;
							position: relative;	
						}
						
						.sc_1 .sc_data, 
						.sc_3 .sc_data, 
						.sc_3 .sc_data:nth-child(2) {
							padding: 0;
						}
						
							.scd_element {
								display: block;								
								/* position: absolute;
								left: 0;
								top: 0;
								width: 24px;
								height: 24px;
								background: url('../img/red_plus.svg') center no-repeat;
								background-size: contain; */
							}
							
								.sc_1 .sc_data:nth-child(1) .scd_element:after {
									content: '';
									position: absolute;
									left: 12px;
									top: 22px;
									width: 24px;
									height: 24px;
									background: url('../img/new/clicker_icon.svg') center no-repeat;
									background-size: contain;
									animation-name: blink;
									animation-timing-function: linear;
									animation-duration: 1s;
									animation-iteration-count: infinite;
								}
								
								@keyframes blink {
									50% {
										opacity: 0;
									}
								}								
							
							.scd_data {
								display: none;								
								position: absolute;
								/* left: 32px; */
								left: 0;
								top: 0;
								border-radius: 10px;
								/* background: rgba(29, 29, 31, 0.8);
								backdrop-filter: blur(2.5px); */
								padding: 16px;
								/* color: #fff; */
								width: 280px;
								text-align: left;
								opacity: 1;
								font-size: 14px;
								background: linear-gradient(180deg, #ebebeb 0%, #fff 57.98%), #fff;
								border: 1px solid rgba(29, 29, 29, 0.1);
								z-index: 1;
							}
							
							.sc_1 .scd_data {
								/* display: none; */
							}
							
							.sc_3 .scd_data {
								left: auto;
								/* right: 32px; */
								right: 0;
								text-align: right;
							}
							
						.sc_1 .sc_data:nth-child(1), 
						.sc_1 .sc_data:nth-child(4)	{
							left: 16px;
						}

						.sc_1 .sc_data:nth-child(2), 
						.sc_1 .sc_data:nth-child(3)	{
							left: -8px;
						}

						.sc_3 .sc_data:nth-child(1), 
						.sc_3 .sc_data:nth-child(3)	{
							left: auto;
							right: 16px;
						}
						
						.sc_3 .sc_data:nth-child(2)	{
							left: auto;
							right: -12px;
						}
						
						/* .sc_1 .sc_data:nth-child(2), 
						.sc_1 .sc_data:nth-child(3) {							
							padding: 0 0 0 32px;
							background-position: left top;
						}
						
						.sc_1 .sc_data:nth-child(4) {							
							background-position: left top;
						}
						
						.sc_3 .sc_data {							
							padding: 0 0 0 32px;
							background-position: left top;
						}
						
						.sc_3 .sc_data:nth-child(2) {							
							padding: 0 0 0 32px;
							background-position: left top;
						}
						
						.sc_3 .sc_data:nth-child(3) {							
							padding: 0 0 0 32px;
							background-position: left top;
						} */
						
				.section_footer {
					margin-top: 32px;
				}

					.system_footer {							
						font-size: 15px;
					}
			
				.line .section_header {
					margin-bottom: 32px;
				}				
			
					.line_1 {
						margin-bottom: 15px;
					}					
					
					.line_2 {						
						gap: 15px;
					}
					
						.line_data {							
							padding: 16px;
						}
							
								.ldh_caption {		
									font-size: 18px;																
								}
									
					.line .section_footer, 
					.design .section_footer {
						margin-top: 32px;
					}												
			
				.suitable_wrapper {
					height: 420px;					
					padding: 32px;
				}
				
					.suitable_header {		
						font-size: 26px;
					}
					
					.suitable_element#se_1 {						
						bottom: 25.55%;
					}
					
					.suitable_element#se_2 {						
						bottom: 20.08%;
					}
					
					.suitable_element#se_3 {
						bottom: 14.22%; 
						left: 85%;
					}
			
						.se_item {
							font-size: 14px;
							width: 24px;
							height: 24px;
							line-height: 100%;
						}
						
							.se_notice {
								font-size: 12px;
								height: 48px;
								padding: 11px 8px 20px;
								top: -50px;
								left: 10px;    
								min-width: 108px;
							}

				.corner_wrapper {
					height: 650px;					
					padding: 32px;					
					background-size: 300px auto, auto;
					background-position: right 24px bottom 135px, right bottom;
				}				
				
					.corner_header {					
						font-size: 26px;					
					}
					
					.corner_element {
						bottom: 400px;
					}
			
				.design .section_header {
					margin-bottom: 32px;
				}
						
				.design_footer {					
					font-size: 15px;
					line-height: normal;
					opacity: 0.8;
				}
				
			.status {
				margin-bottom: 33px;
			}
				
					.status_wrapper > div {
						margin-bottom: 15px;
					}					
						
			.function {
				margin-bottom: 33px;
			}
				
					.function_wrapper > div {						
						margin-bottom: 15px;
					}

				.seller_area_wrapper {					
					padding: 32px;
				}
				
					.saw_block {				
						gap: 15px;					
						flex-direction: column;
					}
					
						.seller_area_wrapper_header {						
							font-size: 26px;
						}
						
						.seller_area_wrapper_text {
							width: 100%;							
						}

					.saw_images {						
						flex-direction: column; 
						gap: 15px;
					}

						.saw_images img {							
							height: 260px;
							width: 100%;
							border-radius: 30px;
						}
						
						.saw_images img:nth-child(1), 
						.saw_images img:nth-child(3) {
							width: 100%;
						}					
			
			.info {
				margin-bottom: 33px;
			}
			
			.case {
				margin-bottom: 33px;
			}
					
					.case .status_block .info_text {						
						font-size: 14px;
					}
				
				.case .section_header_text {
					margin-top: 10px;
					font-size: 17px;
				}
			
				.portfolio .corner_wrapper {					
					height: 585px;
				}
				
				.portfolio .corner_wrapper:after {
					height: 210px;
				}
				
							.portfolio .portfolio_button button {								
								padding: 20px;
							}
					
						.solution .line_1 img {							
							height: 260px;
						}
					
						.solution .line_data {
							gap: 0;
						}
			
			.reviews {				
				margin-bottom: 64px;
			}
				
					.reviews_slider .swiper-container {
						padding-bottom: 48px;						
					}
						
							.reviews_slider .swiper-slide {
								width: 280px;
							}
							
									.rs_img {										
										height: 260px;
										margin-bottom: 15px;										
									}
										
										.rs_img a:after {											
											width: 48px;
											height: 48px;
											margin: -24px 0 0 -24px;
										}
					
						.links_wrapper > div:nth-child(1) {
							margin-bottom: 32px;	
						}							
					
						.links_wrapper > div:nth-child(1) .links_block:before {
							width: 160px;
							height: 280px;
						}
					
					.links_wrapper > div:nth-child(2) .links_block {					
						background-size: 210px auto, auto;
					}
				
					.links_block {
						height: 330px;
						padding: 32px;
					}
					
						.links_block_data {
							max-width: 60%;
						}
						
						.row.links_wrapper > div:nth-child(2) .links_block_data {							
							max-width: 100%;
						}
						
							.lbd_caption {							
								font-size: 26px;					
							}	
			
		footer {
			padding: 48px 0;			
		}
			
				.footer_logo img {					
					max-width: 150px;
				}
			
			.footer_phone {
				margin-bottom: 32px;				
				font-size: 22px;
			}
			
			.footer_social {				
				gap: 16px;
			}
			
				.footer_social a {					
					width: 48px;
				}
			
				.modal-content {					
					padding: 50px 0 24px;
				}
				
					.modal .btn-close {
						top: 10px;
						right: 10px;
						width: 40px;
						height: 40px;
					}
						
							.mwd_header {								
								font-size: 26px;								
								margin-bottom: 15px;
							}
								
							.mwd_image {
								margin-bottom: 16px;
							}

								.mwd_image img {
									width: 100px;
								}
							
							.mwd_text {
								font-size: 17px;
								margin-bottom: 24px;
							}
							
							.mwd_form_wrapper {
								flex-direction: column;								
							}
							
								.mwdfw_1, 
								.mwdfw_2 {									
									width: 100%;
								}
								
								.mwdfw_1 {									
									margin-top: 0;
								}
												
												.form_row label span {													
													font-size: 17px;
												}
								
								.mwdfw_2 {
									display: none;
								}

}

@media (max-width: 576px) {
	
	.row.versatile_wrapper .vb_data_image img {
		position: relative;
	}

	.row.versatile_wrapper .col-sm-6:nth-child(3) .vb_data_image img {
		height: 215px;
	}		
	
}

@media (max-width: 374px) {
	
	.col-sm-6.col-lg-4 .vb_data_image {
		height: 197px;
	}
	
}


/* FILIN */

.filin .page_area:before {    
	background: linear-gradient(0deg, rgba(29, 29, 31, 0.00) 30.28%, rgba(29, 29, 31, 0.60) 100%), linear-gradient(180deg, rgba(29, 29, 31, 0.00) 69.38%, rgba(29, 29, 31, 0.90) 100%), url('../img/filin/filin_main_image.jpg') lightgray 0 -94.287px / 103.262% 127.948% no-repeat;  
	background-position: center, center, center bottom;
	background-size: auto, auto, cover;
}

.filin main {
	overflow-x: hidden;
}

.filin .main {
    padding-top: 50px;
    margin-bottom: 80px;
}

.filin .main_header {
    margin-bottom: 60px;
}

.filin .main_button {  
    margin-bottom: 234px;
}

.filin .main_desc {    
    margin-bottom: 65px;
	position: relative;
}

	.filin .main_desc .md_ru {		
		position: absolute;
		left: 0;
		bottom: 0;	
		min-height: 50px;
		background: url('../img/filin/ru_flag_round.png') left center no-repeat;
		background-size: 50px auto;
		padding-left: 62px;
		color: #fff;
		font-family: 'SF Pro Text', Arial, monospace;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		letter-spacing: -0.4px;
		display: flex;
		align-items: center;		
		max-width: 120px;
		text-align: left;
	}

.filin .main_header h1 {
	font-weight: 400;
}

.filin .main_header h1 span {
   margin-bottom: 0;
}

.filin .filin_features {
	margin-bottom: 139px;
}

	.filin_features_wrapper {
		display: flex;
		gap: 30px;
	}
	
		.ffw_one {
			width: 33.333333%;
		}
		
			.ffwo_header {				
				font-size: 24px;
				font-weight: 600;
				line-height: 110%;
				margin-bottom: 20px;
			}
			
			.ffwo_text {				
				font-family: 'SF Pro Text', Arial, monospace;
				font-size: 15px;				
				line-height: 120%;
				letter-spacing: -0.4px;
				opacity: 0.8;
			}

	.filin_premium .section_header h2 {
		max-width: 750px;
	}

	.fp_tags {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 30px;
		margin-bottom: 40px;
	}
	
		.fpt_box {			
			font-size: 20px;			
			font-weight: 500;
			line-height: 110%;
			padding: 19px 40px 19px 55px;
			border-radius: 40px;
			border: 1px solid #b3b3b3;
			background: url('../img/filin/red_check_round_sign.svg') 10px center no-repeat;
			background-size: 40px auto;
		}
	
		.fp_img img {
			border-radius: 20px;
			width: 100%;
		}

	.filin_construction .section_header h2 {
		max-width: 920px;
	}
		
	.fc_wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px;
	}

		.fcw_item {
			height: 340px;
		}
			
				.fcw_item.fcwi_img img {
					border-radius: 20px;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
		
			.fcw_item.fcwi_text {
				border-radius: 20px;
				background: #fff;
				padding: 60px;
			}
		
				.fcwit_header {					
					font-size: 24px;
					font-weight: 600;
					line-height: 110%;
					margin-bottom: 20px;
				}
				
				.fcwit_text {					
					font-size: 21px;
					line-height: 120%;
					letter-spacing: -0.4px;
					opacity: 0.8;
				}		
		
	.filin .section_footer {
		margin-top: 60px;
		text-align: center;
	}		
		
		.filin .section_footer button {
			width: 360px;
		}

		.fd_wrapper {
			padding: 80px;
			min-height: 400px;
			background: url('../img/filin/filin_dispenser.jpg') center no-repeat;
			background-size: cover;
			border-radius: 20px;
		}
		
			.fdw_header {
				color: #fff;
				font-size: 38px;				
				font-weight: 600;
				line-height: 110%;
				margin-bottom: 20px;
				max-width: 450px;
			}
			
			.fdw_text {
				color: #fff;
				font-size: 22px;
				font-weight: 400;
				line-height: 120%;
				letter-spacing: -0.4px;
				opacity: 0.8;
				max-width: 450px;
			}		
		
	.filin .system .section_header h2 {
		max-width: 750px;
	}

	.filin .system .section_header_text {
		max-width: 820px;
	}
	
		.filin .system .system_wrapper {
			display: flex;
			justify-content: space-between;
			background: url('../img/filin/filin_plus_image.png') center no-repeat;
			background-size: 402px auto;
			height: 513px;
		}
		
			.filin .system .system_wrapper .sc_data {
				padding: 0;
				background-size: 40px auto;
			}
		
				.filin .system .system_wrapper .sc_1, 
				.filin .system .system_wrapper .sc_3 {
					width: 390px;
					flex-grow: 0;
				}
				
				.filin .system .system_wrapper .sc_2 {
					flex-grow: 1;
				}
				
				.filin .system .system_wrapper .sc_1 .sc_data {
					padding-right: 127px;					
				}
				
				.filin .system .system_wrapper .sc_3 .sc_data {
					padding-left: 127px;
				}
				
				.filin .system .system_wrapper .sc_1 .sc_data:nth-child(1) {
					background-position: right 5px top;
				}
				
				.filin .system .system_wrapper .sc_1 .sc_data:nth-child(2) {
					background-position: right 62px center;
				}
				
				.filin .system .system_wrapper .sc_1 .sc_data:nth-child(3) {
					background-position: right 5px bottom;
				}
				
				.filin .system .system_wrapper .sc_3 .sc_data:nth-child(1) {
					background-position: 5px top;
				}
				
				.filin .system .system_wrapper .sc_3 .sc_data:nth-child(2) {
					background-position: 62px center;
				}
				
				.filin .system .system_wrapper .sc_3 .sc_data:nth-child(3) {
					background-position: 5px bottom;
				}				
		
					.filin .system .system_column {
						gap: 40px;
					}
					
						.filin .system .scd_data {							
							text-align: left;
						}
						
							.filin .system .scd_data .scd_data_header {				
								font-size: 20px;
								font-weight: 500;
								line-height: 110%;
								margin-bottom: 15px;
							}
							
							.filin .system .scd_data .scd_data_text {
								display: flex;
								flex-direction: column;
								gap: 12px;
							}
							
								.filin .system .scd_data .scd_data_text p {
									margin: 0;					
									font-size: 13px;					
									line-height: 120%;
									letter-spacing: -0.4px;
								}
		
		.filin .system .section_footer button {
			width: 360px;
			padding: 20px;
		} 		

	.filin_5 .section_header_text {
		margin-left;
	}

	.f5_wrapper {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 30px;
	}

		.f5_wrapper span {
			display: block;			
		}
		
			.f5_wrapper span img {
				width: 100%;
			}			

		.f6_wrapper .swiper-container {
			position: relative;
		}
			
				.f6_wrapper .swiper-slide {
					height: auto;
					margin-right: 30px;
				}
				
					.f6_data_slide {
						display: flex;
						flex-direction: column;
						position: relative;
						border-radius: 20px;
						background: #fff;
						padding: 60px;
						height: 100%;
					}
					
						.f6_ds_label {
							position: absolute;
							left: 50%;
							top: 0;
							transform: translateX(-50%);
							color: #fff;							
							font-family: 'SF Pro Text', Arial, monospace;
							font-size: 14px;							
							font-weight: 600;
							line-height: 140%;
							text-transform: uppercase;
							border-radius: 0 0 8px 8px;
							background: #c00;
							padding: 10px 40px;
						}
						
						.f6_ds_img {							
							height: 400px;							
							margin-bottom: 20px;
						}
						
							.f6_ds_img img, 
							.f8_ds_img img, 
							.f1fw_left img, 
							.f2pwr_box img {
								width: 100%;
								height: 100%;
								object-fit: contain;
								object-position: center;
							}
						
						.f6_ds_name {							
							text-align: center;
							font-size: 24px;							
							font-weight: 600;
							line-height: 110%;
							margin-bottom: 10px;
						}
						
						.f6_ds_desc {
							color: #b3b3b3;
							text-align: center;
							font-family: 'SF Pro Text', Arial, monospace;
							font-size: 15px;
							font-weight: 400;
							line-height: 120%;
							letter-spacing: -0.4px;
						}
						
			.filin_6 .swiper-horizontal>.swiper-scrollbar, 
			.filin_6 .swiper-scrollbar.swiper-scrollbar-horizontal {				
				left: 0;
				bottom: 0;				
				height: 10px;
				width: 100%;						
				background: #e6e6e6;				
			}	

				.filin_6 .swiper-scrollbar-drag {					
					background: #c00;					
				}			
			
	.filin_6 .swiper-wrapper {
		padding-bottom: 70px;
	}
	
		.filin_7 .section_header_text {
			max-width: 850px;
		}

		.filin_8 .section_header h2 {
			max-width: 750px;
		}
		
			.f8_wrapper .swiper-container {
				position: relative;
			}
			
				.f8_wrapper .swiper-wrapper {
					padding-bottom: 60px;
				}
				
					.f8_wrapper .swiper-slide {
						height: auto;
						width: 750px;
						margin-right: 30px;
					}
					
						.f8_ds_img {
							height: 420px;
						}
						
							.f8_ds_img img {
								object-fit: cover;
								border-radius: 20px;
							}					
					
				.filin_8 .swiper-pagination {
					display: flex;
					align-items: center;
					justify-content: center;
					gap: 30px;
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 20px;
				}	
				
					.filin_8 .swiper-pagination span {
						opacity: 1 !important;
						margin: 0 !important;
						width: 10px;
						height: 10px;
						border-radius: 50%;
						background: #b3b3b3;
					}
					
					.filin_8 .swiper-pagination span.swiper-pagination-bullet-active {
						width: 20px;
						height: 20px;
						opacity: 1 !important;
						background: #fff;
						border: 1px solid #c00;
						position: relative;
					}
					
					.filin_8 .swiper-pagination span.swiper-pagination-bullet-active:after {
						content: '';
						position: absolute;
						left: 50%;
						top: 50%;
						margin: -5px 0 0 -5px;
						width: 10px;
						height: 10px;
						border-radius: 50%;
						background: #c00;
					}

		.filin .info .section_header h2 {
			max-width: 750px;
		}

		.f9_wrapper {
			position: relative;
			border-radius: 20px;
			padding: 80px;
			background: url('../img/filin/filin_ask_bg.jpg') center no-repeat;
			background-size: cover;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			height: 418px;
			gap: 32px;
		}
		
		.f9_wrapper:after {
			content: '';
			position: absolute;
			right: 80px;
			bottom: 0;
			width: 286px;
			height: 374px;
			background: url('../img/filin/filin_ask_img.png') center no-repeat;
			background-size: contain;
			z-index: 0;
		}
		
			.f9_wrapper > * {
				position: relative;
				z-index: 1;
			}
			
				.f9wd_caption {					
					font-size: 38px;
					font-weight: 600;
					line-height: 110%;
					margin-bottom: 10px;
				}
				
				.f9wd_text {					
					font-size: 22px;
					font-weight: 400;
					line-height: 120%;
					letter-spacing: -0.4px;
					opacity: 0.8;
				}
			
			.f9w_buttons {
				display: flex;
				gap: 30px;
			}
			
				.f9w_buttons button {
					width: 360px;
					padding: 20px;
				}
			
				.f9w_buttons button:last-child {					
					padding: 18px;					
					border: 1px solid #c00;
					background: #fff;
					color: #c00;
				}

@media (min-width: 1024px) and (max-width: 1199px) {

	.filin .main_desc {		
		padding: 0 240px;
	}
	
	.fp_tags {
		gap: 16px;
	}
	
	.fpt_box {		
		padding: 19px 19px 19px 55px;
	}	
	
	.filin .system .system_wrapper {    
		background-size: 260px auto;
	}	
	
}		
					
@media (max-width: 1023px) {

	.filin .main {
		padding-top: 30px;
		margin-bottom: 64px;
	}

	.filin .main_header {
		margin-bottom: 30px;
	}

	.filin .main_button {  
		margin-bottom: 228px;
	}

	.filin .main_desc {    
		margin-bottom: 42px;
		padding: 0 180px;
	}

		.filin .main_desc .md_ru {		
			min-height: 40px;
			background-size: 40px auto;
			padding-left: 45px;
			font-size: 14px;
		}

	.filin .filin_features {
		margin-bottom: 64px;
	}

		.filin_features_wrapper {
			gap: 24px;
		}
			
				.ffwo_header {				
					font-size: 22px;
					margin-bottom: 16px;
				}

		.fp_tags {
			gap: 12px;
			margin-bottom: 32px;
			flex-wrap: wrap;
		}
		
			.fpt_box {			
				font-size: 16px;			
				padding: 12px 12px 12px 38px;
				background-position: 6px center;
				background-size: 26px auto;
			}
			
		.fc_wrapper {
			grid-gap: 24px;
		}

			.fcw_item {
				height: 270px;
			}
			
				.fcw_item.fcwi_text {
					padding: 24px;
				}
			
					.fcwit_header {					
						font-size: 22px;
						margin-bottom: 12px;
					}
					
					.fcwit_text {					
						font-size: 16px;
					}		
			
		.filin .section_footer {
			margin-top: 48px;
		}		

			.fd_wrapper {
				padding: 48px;
				min-height: 320px;
			}
			
				.fdw_header {
					font-size: 32px;				
					margin-bottom: 16px;
				}
				
				.fdw_text {
					font-size: 18px;
				}		
		
			.filin .system .system_wrapper {
				background-size: 200px auto;
				height: 400px;
			}
			
				.filin .system .system_wrapper .sc_data {
					background-size: 24px auto;
				}
			
					.filin .system .system_wrapper .sc_1, 
					.filin .system .system_wrapper .sc_3 {
						width: 300px;
					}
					
					.filin .system_column.sc_1 {
						background-position: right 42px center;
						background-size: auto 80%;
					}
					
					.filin .system_column.sc_3 {
						background-position: 42px center;
						background-size: auto 80%;
					}
					
					.filin .system .system_wrapper .sc_1 .sc_data {
						padding-right: 92px;					
					}
					
					.filin .system .system_wrapper .sc_3 .sc_data {
						padding-left: 100px;
					}
					
					.filin .system .system_wrapper .sc_1 .sc_data:nth-child(1) {
						background-position: right 48px top 70px;
					}
					
					.filin .system .system_wrapper .sc_1 .sc_data:nth-child(2) {
						background-position: right 65px center;
					}
					
					.filin .system .system_wrapper .sc_1 .sc_data:nth-child(3) {
						background-position: right 48px bottom 70px;
					}
					
					.filin .system .system_wrapper .sc_3 .sc_data:nth-child(1) {
						background-position: left 48px top 70px;
					}
					
					.filin .system .system_wrapper .sc_3 .sc_data:nth-child(2) {
						background-position: 65px center;
					}
					
					.filin .system .system_wrapper .sc_3 .sc_data:nth-child(3) {
						background-position: left 48px bottom 70px;
					}				
			
						.filin .system .system_column {
							gap: 10px;
						}
							
								.filin .system .scd_data .scd_data_header {				
									font-size: 16px;
									margin-bottom: 5px;
								}
								
								.filin .system .scd_data .scd_data_text {
									gap: 2px;
								}
								
									.filin .system .scd_data .scd_data_text p {
										line-height: 110%;
									}

		.filin_5 .section_header_text {
			margin-left;
		}

		.f5_wrapper {
			gap: 24px;
		}
				
					.f6_wrapper .swiper-slide {
						margin-right: 24px;
					}
					
						.f6_data_slide {
							padding: 40px 24px 24px;
						}
						
							.f6_ds_label {
								padding: 4px 24px;
							}
							
							.f6_ds_img {							
								height: 260px;							
								margin-bottom: 16px;
							}
							
							.f6_ds_name {							
								font-size: 22px;							
								margin-bottom: 8px;
							}
							
							.f6_ds_desc {
								font-size: 14px;
							}
							
				.filin_6 .swiper-horizontal>.swiper-scrollbar, 
				.filin_6 .swiper-scrollbar.swiper-scrollbar-horizontal {
					height: 8px;			
				}			
				
		.filin_6 .swiper-wrapper {
			padding-bottom: 48px;
		}
				
					.f8_wrapper .swiper-wrapper {
						padding-bottom: 48px;
					}
					
						.f8_wrapper .swiper-slide {
							width: 480px;
							margin-right: 24px;
						}
						
							.f8_ds_img {
								height: 320px;
							}		
						
					.filin_8 .swiper-pagination {
						gap: 24px;
						height: 20px;
					}	
			
			.filin .info .function_wrapper > * {
				padding: 0 12px;
			}

			.f9_wrapper {
				padding: 48px;
				height: 315px;
				gap: 24px;
			}
			
			.f9_wrapper:after {
				right: 32px;
				width: 230px;
				height: 300px;
			}
				
					.f9wd_caption {					
						font-size: 32px;
					}
					
					.f9wd_text {					
						font-size: 18px;
					}
				
				.f9w_buttons {
					gap: 24px;
				}
				
					.f9w_buttons button {
						width: 240px;
					}

}	

@media (max-width: 767px) {

	.filin .main {
		padding-top: 160px;
		margin-bottom: 48px;
	}

	.filin .main_header {
		margin-bottom: 30px;
	}

	.filin .main_button {  
		margin-bottom: 64px;
	}

	.filin .main_desc {    
		margin-bottom: 98px;
		padding: 0;
		min-height: 44px;
	}

		.filin .main_desc .md_ru {		
			bottom: -84px;
		}

	.filin .filin_features {
		margin-bottom: 48px;
	}

		.filin_features_wrapper {
			gap: 16px;
			flex-direction: column;
		}
		
			.ffw_one {
				width: 100%;
			}
			
				.ffwo_header {				
					font-size: 20px;
					margin-bottom: 8px;
				}
				
					.ffwo_header br {	
						display: none;
					}
				
				.ffwo_text {				
					font-size: 14px;
				}

		.fp_tags {
			gap: 8px;
			margin-bottom: 24px;
		}
		
			.fpt_box {			
				font-size: 14px;			
				padding: 8px 8px 8px 32px;
				background-position: 5px center;
				background-size: 22px auto;
			}
		
			.fp_img img {
				border-radius: 10px;
			}
			
		.fc_wrapper {
			grid-template-columns: 1fr;
			grid-gap: 16px;
		}

			.fcw_item {
				height: auto;				
			}
			
			.fcw_item:nth-child(1) {
				order: 1;
			}

			.fcw_item:nth-child(2) {
				order: 1;
			}

			.fcw_item:nth-child(3) {
				order: 4;
			}

			.fcw_item:nth-child(4) {
				order: 3;
			}

			.fcw_item:nth-child(5) {
				order: 5;
			}
			
			.fcw_item:nth-child(6) {
				order: 6;
			}
			
			.fcw_item:nth-child(7) {
				order: 8;
			}
			
			.fcw_item:nth-child(8) {
				order: 7;
			}
			
				.fcw_item.fcwi_img {
					min-height: 215px;				
				}
				
					.fcw_item.fcwi_img img {
						border-radius: 10px;
					}
			
				.fcw_item.fcwi_text {
					border-radius: 10px;
					padding: 16px;
				}
			
					.fcwit_header {					
						font-size: 20px;
						margin-bottom: 8px;
					}
					
					.fcwit_text {					
						font-size: 14px;
					}		
			
		.filin .section_footer {
			margin-top: 32px;
		}		
			
			.filin .section_footer button {
				width: 100%;
				padding: 20px;
				max-width: 400px;
			}

			.fd_wrapper {
				padding: 24px;
				min-height: 260px;
				border-radius: 10px;
			}
			
				.fdw_header {
					font-size: 24px;				
					margin-bottom: 12px;					
					max-width: 75%;
				}
				
				.fdw_text {
					font-size: 16px;
					max-width: 75%;
				}		
		
			.filin .system .system_wrapper {
				background-size: 280px auto;
				height: 320px;
			}
			
					.filin .system .system_wrapper .sc_1, 
					.filin .system .system_wrapper .sc_3 {
						width: 58px;
					}
					
					.filin .system_column.sc_1 {
						background-position: center;
						background-size: auto 100%;
					}
					
					.filin .system_column.sc_3 {
						background-position: center;
						background-size: auto 100%;
					}
					
					.filin .system .system_wrapper .sc_1 .sc_data {
						padding-right: 0;					
					}
					
					.filin .system .system_wrapper .sc_3 .sc_data {
						padding-left: 0;
					}
					
					.sc_1 .sc_data:nth-child(1) {
						left: 25px;
						top: 12px;
					}
					
					.sc_1 .sc_data:nth-child(2) {
						left: -2px;						
					}
					
					.sc_1 .sc_data:nth-child(3) {
						left: 25px;
						bottom: 12px;
					}
					
					.sc_3 .sc_data:nth-child(1) {
						right: -8px;
						top: 12px;
					}
					
					.sc_3 .sc_data:nth-child(2) {
						right: -35px;						
					}
					
					.sc_3 .sc_data:nth-child(3) {
						right: -8px;
						bottom: 12px;
					}
							
							.filin .system .sc_3 .scd_data {        
								right: 24px;
							}	
							
								.filin .system .scd_data .scd_data_header {				
									font-size: 16px;
									margin-bottom: 5px;
								}
								
								.filin .system .scd_data .scd_data_text {
									gap: 2px;
								}
								
									.filin .system .scd_data .scd_data_text p {
										line-height: 110%;
										opacity: .8;
									}
			
			.filin .system .section_footer button {
				width: 100%;				
				max-width: 400px;
			}

		.f5_wrapper {
			gap: 16px;
			flex-direction: column;
			justify-content: center;
		}

			.f5_wrapper span {
				text-align: center;
				width: 100%;
			}
			
				.f5_wrapper span img {
					width: auto;
					max-width: 100%;
					max-height: 240px;
				}			
				
					.f6_wrapper .swiper-slide {						
						margin-right: 16px;
					}
					
						.f6_data_slide {
							border-radius: 10px;
							padding: 36px 16px 16px;
						}
						
							.f6_ds_label {
								border-radius: 0 0 4px 4px;
								font-weight: 500;
								padding: 2px 16px;
							}
							
							.f6_ds_img {							
								height: 220px;								
							}
							
							.f6_ds_name {							
								font-size: 18px;							
								margin-bottom: 4px;
							}
							
				.filin_6 .swiper-horizontal>.swiper-scrollbar, 
				.filin_6 .swiper-scrollbar.swiper-scrollbar-horizontal {				
					height: 4px;	
				}
				
		.filin_6 .swiper-wrapper {
			padding-bottom: 32px;
		}
				
					.f8_wrapper .swiper-wrapper {
						padding-bottom: 40px;
					}
					
						.f8_wrapper .swiper-slide {							
							width: 300px;
							margin-right: 16px;
						}
						
							.f8_ds_img {
								height: 220px;
							}
							
								.f8_ds_img img {
									border-radius: 10px;
								}					
						
					.filin_8 .swiper-pagination {
						gap: 16px;
						height: 20px;
					}	
					
						.filin_8 .swiper-pagination span {
							width: 6px;
							height: 6px;
						}
						
						.filin_8 .swiper-pagination span.swiper-pagination-bullet-active {
							width: 14px;
							height: 14px;
						}
						
						.filin_8 .swiper-pagination span.swiper-pagination-bullet-active:after {
							margin: -3px 0 0 -3px;
							width: 6px;
							height: 6px;
						}
			
			.filin .info .function_wrapper > * {
				padding: 0 16px;
			}

			.f9_wrapper {
				padding: 24px;
				height: 280px;
				gap: 24px;
			}
			
			.f9_wrapper:after {
				display: none;
			}
				
					.f9wd_caption {					
						font-size: 24px;
						margin-bottom: 12px;
					}
					
					.f9wd_text {					
						font-size: 16px;
					}
				
				.f9w_buttons {
					gap: 16px;
					flex-direction: column;
				}
				
					.f9w_buttons button {
						width: 100%;
						max-width: 400px;
					}

}	

/* /FILIN */


/* FURSHET */

	.furshet .page_area:before {		
		background: url('../img/furshet/furshet_main_image.jpg') center no-repeat;
		background-size: cover;
	}

	.furshet .main_desc .md_ru {		
		bottom: -12px;
		font-size: 14px;
		background-size: 48px auto;
		padding-left: 54px;		
	}
	
		.furshet .furshet_1_features_wrapper {
			display: flex;
			gap: 30px;
		}
		
			.furshet .f1fw_left {
				width: 50%;				
				min-height: 540px;
			}
			
				.furshet .f1fw_left img {
					border-radius: 20px;
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			
			.furshet .f1fw_right {
				width: 50%;
				display: flex;
				flex-direction: column;
				gap: 30px;
			}

				.furshet .f1fw_right_cell {
					flex-grow: 1;
					border-radius: 20px;
					background: #fff;
					padding: 30px;
				}
				
					.furshet .f1fw_rc_text {
						padding-top: 80px;						
						font-size: 24px;
						font-weight: 400;
						line-height: 110%;
						background: url('../img/filin/red_check_round_sign.svg') left top no-repeat;
						background-size: 60px auto;
					}
	
		.furshet .f2_preorder_wrapper {
			display: flex;
			gap: 12px;
			padding: 80px 30px 54px 80px;
			border-radius: 20px;
			background: linear-gradient(180deg, #ebebeb 0%, #fff 57.98%), #fff;
		}
		
			.furshet .f2pw_left {
				max-width: 378px;
				flex-grow: 1;
			}
			
				.furshet .f2pwl_header {					
					font-size: 24px;					
					font-weight: 600;
					line-height: 110%;
					margin-bottom: 30px;
				}
				
					.furshet .f2pwl_header span {
						color: #c00;
					}
				
				.furshet .f2pwl_text {					
					font-family: 'SF Pro Text', Arial, monospace;
					font-size: 15px;				
					font-weight: 400;
					line-height: 120%;
					letter-spacing: -0.4px;
					opacity: 0.8;
					margin-bottom: 60px;
				}
				
					.furshet .f2pwl_button button {
						padding: 20px;
						width: 100%;
					}			
			
			.furshet .f2pw_right {
				display: flex;				
			}

				.furshet .f2pwr_box {
					position: relative;
					width: 50%;
					min-height: 326px;
				}
				
				.furshet .f2pwr_box:last-child:after {
					content: '';
					position: absolute;
					top: -75px;
					right: -16px;
					width: 165px;
					height: 165px;
					background: url('../img/furshet/furshet_preorder_label.png') center no-repeat;
					background-size: contain;
				}

		.furshet .fcw_item.fcwi_text {			
			padding: 30px;
		}

			.furshet .fcwit_header {
				font-size: 24px;				
				margin-bottom: 30px;
			}

			.furshet .fcwit_text {
				font-family: 'SF Pro Text', Arial, monospace;
				font-size: 15px;				
			}

	.furshet .system .system_wrapper {		
		background-image: url('../img/furshet/furshet_plus_image.png');
		background-size: 420px auto;
		height: 529px;
	}

	.furshet .fd_wrapper {		
		min-height: 404px;
		background-image: url('../img/furshet/furshet_recommend_bg.jpg');		
	}
	
		.furshet .fdw_header {			
			font-size: 38px;			
			margin-bottom: 30px;
			max-width: none;
			text-align: center;
		}

		.furshet .fdw_text {			
			max-width: 750px;
			text-align: center;
			margin: 0 auto 60px;
		}

		.furshet .fdw_button {
			text-align: center;
		}
		
			.furshet .fdw_button button {
				padding: 20px;
				width: 360px;
			}

	.furshet .filin_5 .section_header_text {
		max-width: 750px;
	}

	.furshet .f5_wrapper {		
		justify-content: center;
		gap: 60px;
	}
	
	.furshet .f6_wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 60px 30px;
	}
	
		.furshet .furshet3_wrapper {
			border-radius: 20px;
			background: linear-gradient(180deg, #ebebeb 0%, #fff 57.98%), #fff;
			padding: 80px;
			position: relative;
		}
		
		.furshet .furshet3_wrapper:after {
			content: '';
			position: absolute;
			z-index: 0;
			top: 20px;
			right: 20px;
			width: 570px;
			height: 466px;
			background: url('../img/furshet/furshet_marmit.png') center no-repeat;
			background-size: contain;
		}
		
			.furshet .furshet3_wrapper > * {
				position: relative;
				z-index: 1;
			}
		
			.furshet .f3w_header {				
				font-size: 38px;				
				font-weight: 400;
				line-height: 110%;
				max-width: 575px;
				margin-bottom: 146px;
			}
			
				.furshet .f3w_header span {
					font-weight: 600;
				}
			
			.furshet .f3w_text {				
				font-family: 'SF Pro Text', Arial, monospace;
				font-size: 15px;			
				font-weight: 400;
				line-height: 120%;
				letter-spacing: -0.4px;
				opacity: 0.6;
				max-width: 400px;
			}
			
	.furshet .f9_wrapper:after {		
		background-image: url('../img/furshet/furshet_ask_bg_img.png');
	}

@media (max-width: 1023px) {

		.furshet .main_desc .md_ru {		
			bottom: 0;			
			background-size: 40px auto;
			padding-left: 45px;		
		}
		
			.furshet .furshet_1_features_wrapper {				
				gap: 24px;
			}
			
				.furshet .f1fw_left {
					min-height: 380px;
				}
				
				.furshet .f1fw_right {					
					gap: 24px;
				}

					.furshet .f1fw_right_cell {
						padding: 24px;
					}
					
						.furshet .f1fw_rc_text {
							padding-top: 60px;						
							font-size: 18px;
							background-size: 48px auto;
						}
		
			.furshet .f2_preorder_wrapper {
				padding: 48px 24px;
			}
				
					.furshet .f2pwl_header {					
						font-size: 22px;					
						margin-bottom: 20px;
					}
					
					.furshet .f2pwl_text {					
						font-size: 14px;				
						margin-bottom: 32px;
					}

					.furshet .f2pwr_box {
						min-height: 280px; 
					}
					
					.furshet .f2pwr_box:last-child:after {
						top: -16px;
						right: -16px;
						width: 115px;
						height: 115px;
					}
						
			.furshet .fcw_item {
				height: auto;
			}			

			.furshet .fcw_item.fcwi_text {			
				padding: 24px;
			}

				.furshet .fcwit_header {
					font-size: 22px;				
					margin-bottom: 16px;
				}

		.furshet .system .system_wrapper {		
			background-size: 200px auto;
			height: 415px;
		}

		.furshet .fd_wrapper {		
			min-height: 350px;
		}
		
			.furshet .fdw_header {			
				font-size: 32px;			
				margin-bottom: 24px;
			}

			.furshet .fdw_text {			
				margin: 0 auto 48px;
			}

		.furshet .f5_wrapper {		
			gap: 48px;
		}
		
		.furshet .f6_wrapper {
			grid-gap: 24px;
		}
		
			.furshet .furshet3_wrapper {
				padding: 32px 24px;
			}
			
			.furshet .furshet3_wrapper:after {
				top: 0;
				right: 0;
				width: 100%;
				height: 100%;
				background-size: 420px auto;
			}
			
				.furshet .f3w_header {				
					font-size: 32px;				
					max-width: none;
					margin-bottom: 280px;
				}
				
				.furshet .f3w_text {				
					max-width: none;
				}
	
}

@media (max-width: 767px) {
		
		.furshet .main_desc {
			margin-bottom: 75px;
		}

		.furshet .main_desc .md_ru {		
			bottom: -64px;
		}
		
			.furshet .furshet_1_features_wrapper {
				flex-direction: column;
				gap: 16px;
			}
			
				.furshet .f1fw_left {
					width: 100%;					
					min-height: 1px;
				}
				
					.furshet .f1fw_left img {
						border-radius: 10px;
					}
				
				.furshet .f1fw_right {
					width: 100%;
					gap: 16px;
				}

					.furshet .f1fw_right_cell {
						padding: 16px;
					}
					
						.furshet .f1fw_rc_text {
							padding-top: 42px;						
							font-size: 16px;
							background-size: 32px auto;
						}
		
			.furshet .f2_preorder_wrapper {
				padding: 32px 16px;
				gap: 32px;
				flex-direction: column;
				border-radius: 10px;
			}
				
					.furshet .f2pwl_header {					
						margin-bottom: 16px;
					}
					
					.furshet .f2pwl_text {					
						margin-bottom: 24px;
					}

					.furshet .f2pwr_box {
						min-height: 190px; 
					}
					
					.furshet .f2pwr_box:last-child:after {
						top: -20px;
						right: 0;
						width: 85px;
						height: 85px;
					}	

			.furshet .fcw_item.fcwi_text {			
				padding: 16px;
			}

				.furshet .fcwit_header {
					font-size: 20px;				
					margin-bottom: 12px;
				}

		.furshet .system .system_wrapper {		
			background-size: 270px auto;
			height: 320px;
		}

		.furshet .fd_wrapper {
			min-height: 330px;
		}
		
			.furshet .fdw_header {			
				font-size: 28px;			
				margin-bottom: 16px;
			}

			.furshet .fdw_text {			
				margin: 0 auto 32px;
			}
			
				.furshet .fdw_button button {
					width: 100%;
					max-width: 400px;
				}

		.furshet .f5_wrapper {		
			gap: 32px;
		}
		
		.furshet .f6_wrapper {
			grid-template-columns: 1fr;
			grid-gap: 16px;
		}
		
			.furshet .furshet3_wrapper {
				padding: 24px;
			}
			
			.furshet .furshet3_wrapper:after {
				background-size: 310px auto;
			}
			
				.furshet .f3w_header {				
					font-size: 28px;				
					margin-bottom: 230px;
				}
	
}

/* /FURSHET */


/* VISTA 27 DEC 24 */

	.vista .page_area:before {
		background: linear-gradient(180deg, rgba(29, 29, 31, 0.00) 69.38%, rgba(29, 29, 31, 0.60) 100%), linear-gradient(0deg, rgba(29, 29, 31, 0.00) 20.28%, rgba(29, 29, 31, 0.60) 100%), linear-gradient(0deg, rgba(29, 29, 31, 0.00) 20.28%, rgba(29, 29, 31, 0.60) 100%), url('../img/vista/vista_main.jpg') lightgray 50% / cover no-repeat;
	}
	
	.vista .main {		
		margin-bottom: 120px;
	}
	
	.vista .main_header {
		margin-bottom: 163px;
	}
	
	.vista .main_header h1 {
		max-width: 555px;
	}
	
	.vista .main_header h1 span {
		margin-bottom: 10px;
	}
	
	.vista .main_button {
		margin-bottom: 74px;
	}
	
	.vista .main_desc {
		margin: 0;
	}
	
		.vista .main_desc span {
			display: block;
			margin: 0 auto 54px;
			max-width: 618px;
		}		
		
	.vista .filin_features {
		margin-bottom: 120px;
	}	
	
	.vista .section_preheader {
		padding: 0 0 10px;
		border-bottom: 1px solid rgba(179, 179, 179, .6);
		margin: 0 0 60px;
	}
	
		.vista .section_preheader .sp_caption {
			font-family: 'SF Pro Text', Arial, monospace;
			font-size: 14px;
			font-weight: 500;
			line-height: 140%;
			text-transform: uppercase;
			padding-left: 20px;
			position: relative;
			color: rgba(29, 29, 29, .8);
		}
	
		.vista .section_preheader .sp_caption:after {
			content: '';
			width: 10px;
			height: 10px;
			position: absolute;
			left: 0;
			top: 50%;
			margin-top: -5px;
			background: #c00;
			border-radius: 50%;
		}
		
	.vista .filin_premium .section_header {
		margin-bottom: 40px;
	}
		
	.vista .section_header h2, 
	.vista .info .section_header h2 {
		max-width: none;
	}		
	
	.vista .section_header h2 span {
		font-weight: 600;
		text-align: left;		
	}
	
	.vista .section_header_text {
		text-align: left;
	}
	
	.vista .fp_tags {
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 0 -10px 20px;
		gap: 0;		
	}
	
		.vista .fpt_cell {
			padding: 0 10px;
			margin-bottom: 20px;
		}
		
			.vista .fpt_box {				
				padding: 19px 19px 19px 55px;
			}

	.vista_features {
		display: flex;
		flex-wrap: wrap;
		margin: 60px -15px -30px;
	}

		.vf_cell {
			width: 33.333333%;
			padding: 0 15px;
			margin-bottom: 30px;
		}
		
			.vfc_box {
				border-radius: 20px;
				background: #fff url('../img/vista/vista_round_check.svg') 30px 30px no-repeat;
				background-size: 45px auto;
				padding: 95px 30px 30px;
				height: 100%;
			}
			
				.vfc_box_header {					
					font-size: 20px;
					font-weight: 500;
					line-height: 110%;
					margin-bottom: 10px;
				}
				
				.vfc_box_body {					
					font-family: 'SF Pro Text', Arial, monospace;
					font-size: 15px;					
					line-height: 120%;
					letter-spacing: -0.4px;
					opacity: .8;
				}
				
	.vista .filin_premium .section_footer button {
		padding: 20px;
	}	

	.vista .fd_wrapper {
		min-height: 404px;
		background-image: url('../img/vista/vista_recommend_bg.jpg');
	}
	
	.vista .fdw_header {
		font-size: 38px;
		margin-bottom: 30px;
		max-width: none;
		text-align: center;
	}
	
	.vista .fdw_text {
		max-width: 750px;
		text-align: center;
		margin: 0 auto 60px;
	}
	
	.vista .fdw_button {
		text-align: center;
	}
	
	.vista .filin_5 .section_header_text {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	
		.vista .filin_5 .section_header_text p {					
			line-height: 120%;
			letter-spacing: -0.4px;
			margin: 0;
		}
		
			.vista .filin_5 .section_header_text p strong {
				font-weight: 500;
			}
	
	.vista .f5_wrapper {		
		justify-content: center;
		gap: 60px;
	}
	
	.vista footer {
		background: #e5e5eb;
		padding-top: 100px;
		padding-bottom: 80px;
	}
			
			.vista .f_wrapper {
				display: grid;
				grid-template-columns: 7fr 5fr;
				grid-template-rows: min-content 1fr min-content min-content min-content;
				grid-template-areas: 'A B' 'C B' 'D B' 'E B' 'F B';
				grid-gap: 0 30px;
			}
			
				.vista .fwlt_logo {
					margin-bottom: 60px;
					grid-area: A;
				}
				
					.vista .fwlt_logo img {
						width: 100%;
						max-width: 231px;
					}
				
				.vista .fwlt_menu {
					display: flex;
					gap: 30px;
					grid-area: C;					
				}
				
					.vista .fwl_menu_box {
						width: 33.333333%;
						max-width: 165px;
					}
					
						.vista .fwlmb_caption {							
							font-family: 'SF Pro Text', Arial, monospace;
							font-size: 14px;
							font-weight: 500;
							line-height: 140%;
							text-transform: uppercase;
							margin-bottom: 20px;
						}
						
						.vista .fwlmb_menu {
							margin-bottom: 103px;
						}
						
							.vista .fwlmb_menu ul {
								display: flex;
								flex-direction: column;
								gap: 10px;
							}
							
								.vista .fwlmb_menu ul li {
									font-family: 'SF Pro Text', Arial, monospace;
									font-size: 15px;									
									font-weight: 400;
									line-height: 120%;
									letter-spacing: -0.4px;
								}
								
									.vista .fwlmb_menu ul li a {
										color: #1d1d1f;
										opacity: 0.8;
										text-decoration: none;
									}
									
									.vista .fwlmb_menu ul li a:hover {										
										text-decoration: underline;
										text-decoration-thickness: 1px;
									}
			
				.vista .fwlb_phone {
					grid-area: D;
					margin-bottom: 30px;
				}
				
					.vista .fwlb_phone a {
						text-decoration: none;
					}
					
						.vista .fwlb_phone a .hps_span > * {
							font-family: 'SF Pro Text', Arial, monospace;
							font-size: 24px;							
							font-weight: 400;
							line-height: 24px; 
							letter-spacing: -0.24px;
							text-transform: uppercase;
						}
						
							.vista .fwlb_phone a .hps_code {
								color: #1d1d1f;
							}
							
							.vista .fwlb_phone a .hps_code:after {
								content: ' ';
							}

							.vista .fwlb_phone a .call_phone_1 {
								color: #c00;
								font-weight: 600;
							}
				
				.vista .fwlb_address {	
					grid-area: E;	
					font-family: 'SF Pro Text', Arial, monospace;
					font-size: 15px;
					font-weight: 400;
					line-height: 120%;
					letter-spacing: -0.4px;
					opacity: 0.8;
					margin-bottom: 20px;
				}

				.vista .fwlb_copyright {
					grid-area: F;
					color: #b3b3b3;
					font-size: 13px;
					font-weight: 400;
					line-height: 120%; 
					letter-spacing: -0.4px;
				}

				.vista .footer_wrapper_right {
					grid-area: B;
					border-radius: 20px;
					background: #fff;
					padding: 60px;
				}
				
					.vista .fwr_caption {				
						font-size: 24px;
						font-weight: 600;
						line-height: 110%;
						margin-bottom: 16px;
					}
					
					.vista .fwr_text {				
						font-family: 'SF Pro Text', Arial, monospace;
						font-size: 15px;
						font-weight: 400;
						line-height: 120%;
						letter-spacing: -0.4px;
						opacity: 0.8;
						margin-bottom: 30px;
					}
					
					.vista .fwr_form {
						margin-bottom: 10px;
					}
					
						.vista .fwr_form form {
							display: flex;
							flex-direction: column;
							gap: 20px;
						}

							.vista .fwrf_row {
								width: 100%;
							}							
								
							.vista .fwrf_row select, 
							.vista .fwrf_row input[type=tel], 
							.vista .fwrf_row input[type=email],	
							.vista .fwrf_row input[type=text],	
							.vista .fwrf_row textarea {						
								width: 100%;
								border-radius: 200px;
								border: 1px solid rgba(179, 179, 179, .4);
								background: #fff;
								font-family: 'SF Pro Text', Arial, monospace;
								font-size: 15px;
								font-weight: 400;
								line-height: 120%;
								letter-spacing: -0.4px;
								padding: 16px;
								outline: none;
							}
							
							.vista .fwrf_row select {							
								opacity: 0.8;
								cursor: pointer;
								-webkit-appearance: none;
								-moz-appearance: none;
								-o-appearance: none;
								appearance: none;
								background: url('../img/grey_arrow_down.svg') right 16px center no-repeat;
								background-size: 20px auto;
							}
							
							.vista .fwrf_row select::-ms-expand {
								display: none;
							}
							
							.vista .fwrf_row input[type=tel]::placeholder, 
							.vista .fwrf_row input[type=email]::placeholder,	
							.vista .fwrf_row input[type=text]::placeholder,	
							.vista .fwrf_row textarea::placeholder {	
								color: #b3b3b3;
							}
							
							.vista .fwrf_row input[type=submit] {
								margin-top: 10px;
								padding: 18px;
								width: 100%;
							}
							
							.vista .fwrf_row .submit_preloader {
								display: none;								
								width: 100%;
								height: 58px;
								margin: 10px auto 0;
								background: url('../img/preloader.gif') center no-repeat;
								background-size: 160px auto;
							}

							.vista .fwrf_row textarea {
								min-height: 60px;
							}

						.vista .fwr_notice {
							color: #b3b3b3;
							font-size: 13px;
							font-weight: 400;
							line-height: 120%;
							letter-spacing: -0.4px;
						}
						
							.vista .fwr_notice a {
								color: #b3b3b3;
								text-decoration-thickness: 1px;
							}
							
@media (max-width: 1199px) {	
					
	.vista .fcw_item.fcwi_text {		
		padding: 24px;
	}
	
}						
	
@media (max-width: 1023px) {
		
		.vista .main {		
			margin-bottom: 64px;
		}
		
		.vista .main_header {
			margin-bottom: 102px;
		}
		
		.vista .main_desc {
			padding: 0 165px;
		}
		
			.vista .main_desc span {
				margin: 0 auto 40px;
				max-width: 650px;
			}		
			
		.vista .filin_features {
			margin-bottom: 64px;
		}	
			
		.vista .filin_premium .section_header {
			margin-bottom: 40px;
		}
			
		.vista .section_header h2, 
		.vista .info .section_header h2 {
			text-align: left;
		}		
		
		.vista .fp_tags {
			margin: 0 -6px 12px;
		}
		
			.vista .fpt_cell {
				padding: 0 6px;
				margin-bottom: 12px;
			}
			
				.vista .fpt_box {				
					font-size: 16px;
					padding: 12px 12px 12px 38px;
					background-position: 6px center;
					background-size: 26px auto;
				}

		.vista_features {
			margin: 40px -8px -16px;
		}

			.vf_cell {
				padding: 0 8px;
				margin-bottom: 16px;
			}
			
				.vfc_box {
					background-position: 16px 16px;
					background-size: 40px auto;
					padding: 64px 16px 16px;
				}
				
					.vfc_box_header {					
						font-size: 18px;
						margin-bottom: 8px;
					}
					
					.vfc_box_body {					
						font-size: 14px;					
					}

		.vista .fd_wrapper {
			min-height: 350px;
		}
		
		.vista .fdw_header {
			font-size: 32px;
			margin-bottom: 24px;
		}
		
		.vista .fdw_text {
			margin: 0 auto 48px;
		}
		
		.vista .fcw_item {
			height: 312px;
		}
		
		.vista .f5_wrapper {		
			gap: 40px;
		}
		
		.vista footer {			
			padding-top: 60px;
			padding-bottom: 40px;
		}	
			
			.vista .f_wrapper {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				grid-template-rows: min-content 1fr min-content min-content;
				grid-template-areas: 'A A B B' 'C C B B' 'D D B B' 'E E E F';
				grid-gap: 0 32px;
			}
			
				.vista .fwlt_logo {
					margin-bottom: 40px;					
				}
				
					.vista .fwlt_logo img {						
						max-width: 160px;
					}
				
				.vista .fwlt_menu {					
					gap: 20px;					
					flex-direction: column;
				}
				
					.vista .fwl_menu_box {
						width: 100%;
						max-width: none;
					}
					
						.vista .fwlmb_caption {							
							margin-bottom: 10px;
						}
						
						.vista .fwlmb_menu {
							margin-bottom: 0;
						}
						
							.vista .fwlmb_menu ul {
								gap: 5px;
							}
			
				.vista .fwlb_phone {					
					margin-bottom: 0;
				}
				
				.vista .fwlb_address {	
					font-size: 14px;
					margin-bottom: 0;
					margin-top: 40px;
				}

				.vista .fwlb_copyright {
					margin-top: 40px;
					display: flex;
					align-items: flex-end;
					text-align: right;
				}

				.vista .footer_wrapper_right {
					padding: 40px;
				}
					
					.vista .fwr_text {				
						margin-bottom: 20px;
					}
					
						.vista .fwr_form form {
							gap: 10px;
						}
							
							.vista .fwrf_row input[type=submit] {								
								padding: 18px;
								width: 100%;								
							}
	
}

@media (max-width: 767px) {
		
		.vista .main {		
			margin-bottom: 48px;
		}
		
		.vista .main_header {
			margin-bottom: 40px;
		}
		
		.vista .main_header h1 span {
			margin-bottom: 0;
		}
		
		.vista .main_button {
			margin-bottom: 24px;
		}
		
		.vista .main_desc {
			padding: 0;
		}
		
			.vista .main_desc span {
				margin: 0 auto 85px;
			}

		.vista .main_desc .md_ru {
			bottom: -64px;
		}	
			
		.vista .filin_features {
			margin-bottom: 48px;
		}	
		
		.vista .section_preheader {
			margin-bottom: 40px;
		}
			
		.vista .filin_premium .section_header {
			margin-bottom: 32px;
		}
		
		.vista .fp_tags {
			margin: 0 -5px 10px;
		}
		
			.vista .fpt_cell {
				padding: 0 5px;
				margin-bottom: 10px;
			}
			
				.vista .fpt_box {				
					font-size: 14px;
					padding: 8px 8px 8px 32px;
					background-position: 5px center;
					background-size: 22px auto;
				}

		.vista_features {
			margin: 32px -8px -16px;
		}

			.vf_cell {
				width: 100%;
			}

		.vista .fd_wrapper {
			min-height: 330px;
		}
		
		.vista .fdw_header {
			font-size: 28px;
			margin-bottom: 16px;
		}
		
		.vista .fdw_text {
			margin: 0 auto 32px;
		}
		
		.vista .f5_wrapper {		
			gap: 32px;
		}
		
		.vista .fcw_item {
			height: auto;
		}
		
		.vista .fcw_item.fcwi_img {
			min-height: 215px;
		}
		
		.vista footer {			
			padding-bottom: 30px;
		}	
			
			.vista .f_wrapper {
				display: grid;
				grid-template-columns: 1fr;
				grid-template-rows: none;
				grid-template-areas: 'A' 'B' 'C' 'D' 'E' 'F';
				grid-gap: 0;
			}
			
				.vista .fwlt_logo {
					margin-bottom: 30px;					
				}
				
				.vista .fwlt_menu {
					margin-bottom: 30px;
				}
						
						.vista .fwlmb_menu {
							margin-bottom: 0;
						}
			
				.vista .fwlb_phone {					
					margin-bottom: 10px;
				}
				
				.vista .fwlb_address {				
					font-size: 10px;
					margin-top: 0;
					margin-bottom: 20px;					
				}

				.vista .fwlb_copyright {
					margin-top: 0;
					font-size: 10px;
				}

				.vista .footer_wrapper_right {					
					width: 100%;
					border-radius: 10px;
					padding: 30px 20px 20px;
					margin-bottom: 30px;
				}
				
					.vista .fwr_caption {				
						font-size: 18px;
						line-height: 130%; 
						margin-bottom: 10px;
					}
					
						.vista .fwr_form form {							
							gap: 10px;
						}

						.vista .fwr_notice {
							font-size: 10px;
						}
	
}

@media (max-width: 374px) {
	
	.page_area {		
		overflow-x: hidden;
	}
	
    .vista .main_desc span {
        font-size: 14px;
		line-height: 120%;
    }
	
}

/* /VISTA 27 DEC 24 */


/* 31 MAR 25 */

.filin_premium.thermal .fp_img {
	position: relative;
}

	.filin_premium.thermal .fp_img .fp_img_text {
		position: absolute;
		left: 30px;
		bottom: 40px;
		width: calc(100% - 60px);		
		text-align: center;	
		font-size: 22px;
		line-height: 120%;
		letter-spacing: -0.4px;
		opacity: .8;
	}
	
.filin_5_0 {

}

	.f5_0_wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0 30px;
	}

		.f50w_cell {
			padding: 30px 0;
			border-bottom: 1px solid rgba(179, 179, 179, .6);
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		
		.f50w_cell:nth-child(1), 
		.f50w_cell:nth-child(2) {
			border-top: 1px solid rgba(179, 179, 179, .6);
		}
		
			.f50wc_header {				
				font-size: 24px;				
				font-weight: 600;
				line-height: 110%; 
				text-transform: uppercase;
				margin-bottom: 10px;
			}
			
			.f50wc_body {
				display: flex;
				gap: 30px;
				align-items: flex-end;
				justify-content: space-between;
				flex-grow: 1;
			}
			
				.f50wcb_left {
					font-family: 'SF Pro Text', Arial, monospace;
					font-size: 15px;
					line-height: 120%; 
					letter-spacing: -0.4px;
					opacity: .8;
				}
				
				.f50wcb_right {
					color: #C00;
					text-align: center;
					font-family: 'SF Pro Text', Arial, monospace;
					font-size: 15px;
					line-height: 120%;
					letter-spacing: -0.4px;
					opacity: .8;
					width: 165px;
					flex-shrink: 0;
				}
				
.filin.vista .f6_ds_img {
    height: 360px;    
}

	.filin.vista .f6_data_slide {		
		padding: 0 60px 160px;		
	}	
	
		.filin.vista .f6_data_slide .f6_ds_notice {
			position: absolute;
			left: 30px;
			bottom: 30px;
			width: calc(100% - 60px);
			border-radius: 10px;
			border: 1px solid rgba(179, 179, 179, .6);
			padding: 17px 19px 17px 77px;			
			font-size: 13px;
			line-height: 120%;
			letter-spacing: -0.4px;
			opacity: .8;
			background: url('../img/vista/notice_red_shield.svg') 19px center no-repeat;
			background-size: 48px auto;
		}
		
		.common_refettorio_3 .f8dsid_text {		
			font-family: 'SF Pro Text', Arial, monospace;
			font-size: 15px;			
			line-height: 120%;
			letter-spacing: -0.4px;
			opacity: 0.8;
		}
 
	.common_refettorio_3 .p4wc_footer {
		margin-top: 60px;
		text-align: center;
	}	
 
		.common_refettorio_3 .p4wc_footer button {
			padding: 18px 68px;
		}

		.common_refettorio_3 .f8_wrapper {
			margin-top: 60px;
		}

			.common_refettorio_3 .f8_wrapper .swiper-container {
				position: relative;
			}
			
				.common_refettorio_3 .f8_wrapper .swiper-wrapper {
					padding-bottom: 60px;
				}
				
					.common_refettorio_3 .f8_wrapper .swiper-slide {
						height: auto;
						max-width: 1140px;
						margin-right: 30px;
					}
					
						.common_refettorio_3 .f8_ds_img {
							height: 600px;
							position: relative;	
							border-radius: 20px;
						}
						
						.common_refettorio_3 .f8_ds_img:after {
							content: '';
							position: absolute;	
							left: 0;
							top: 0;
							width: 100%;
							height: 100%;
							border-radius: 20px;
							background: linear-gradient(180deg, rgba(29, 29, 31, 0.00) 50.27%, #1D1D1F 100%);
							background-size: cover;
							background-repeat: no-repeat;
							z-index: 2;
						}						
						
							.common_refettorio_3 .f8_ds_img img {
								position: relative;
								z-index: 1;
							}

							.common_refettorio_3 .f8dsi_data, 
							.common_refettorio_3 .f8dsi_data * {							
								display: block;
							}

							.common_refettorio_3 .f8dsi_data {
								position: absolute;
								left: 0;
								bottom: 60px;
								width: 100%;
								z-index: 3;									
							}
							
								.common_refettorio_3 .f8dsid_caption {
									color: #fff;
									text-align: center;
									font-size: 20px;
									font-weight: 700;
									line-height: 110%;
									margin-bottom: 10px;
								}
								
								.common_refettorio_3 .f8dsid_text {
									color: #fff;
									text-align: center;
								}
					
				.common_refettorio_3 .f8_wrapper .swiper-pagination {
					display: flex;
					align-items: center;
					justify-content: center;
					gap: 30px;
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 20px;
				}	
				
					.common_refettorio_3 .f8_wrapper .swiper-pagination span {
						opacity: 1 !important;
						margin: 0 !important;
						width: 10px;
						height: 10px;
						border-radius: 50%;
						background: #b3b3b3;
					}
					
					.common_refettorio_3 .f8_wrapper .swiper-pagination span.swiper-pagination-bullet-active {
						width: 20px;
						height: 20px;
						opacity: 1 !important;
						background: #fff;
						border: 1px solid #c00;
						position: relative;
					}
					
					.common_refettorio_3 .f8_wrapper .swiper-pagination span.swiper-pagination-bullet-active:after {
						content: '';
						position: absolute;
						left: 50%;
						top: 50%;
						margin: -5px 0 0 -5px;
						width: 10px;
						height: 10px;
						border-radius: 50%;
						background: #c00;
					}
		
			.common_refettorio_3 .p4wc_footer button {
				width: 360px;
			}			

			.c2_wrapper .p4wc_body {
				margin-top: 40px;
				position: relative;
			}
			
	.common_header {
		padding: 0 0 10px;
		border-bottom: 1px solid rgba(179, 179, 179, .6);
		margin: 0 0 60px;
	}
	
		.common_header .ch_caption {			
			font-family: 'SF Pro Text', Arial, monospace;
			font-size: 14px;			
			font-weight: 500;
			line-height: 140%;
			text-transform: uppercase;
			padding-left: 20px;
			position: relative;
			color: rgba(29, 29, 29, .8);
		}
		
			.common_header .ch_caption:after {
				content: '';
				width: 10px;
				height: 10px;
				position: absolute;
				left: 0;
				top: 50%;
				margin-top: -5px;
				background: #c00;
				border-radius: 50%;
			}

	.p4wch_caption {							
		font-size: 38px;							
		font-weight: 600;
		line-height: 110%;
		margin-bottom: 30px;
	}
	
	.p4wch_text {							
		font-size: 22px;							
		line-height: 120%;
		letter-spacing: -0.4px;
		opacity: 0.8;
	}

	.p4wch_switcher {
		margin-top: 40px;
		display: flex;
		align-items: center;
		gap: 20px;
	}

		.p4wchs_cell {
			border-radius: 40px;
			border: 1px solid rgba(179, 179, 179, .4);	
			padding: 10px 20px 10px 10px;
			cursor: pointer;
			display: flex;
			align-items: center;
			gap: 10px;
		}
		
		.p4wchs_cell.active {
			border: 1px solid #c00;
			cursor: default;
		}
		
			.p4wchs_cell img {
				width: 40px;
				border-radius: 50%;
			}
			
			.p4wchs_cell span {				
				font-size: 20px;
				font-style: normal;
				font-weight: 500;
				line-height: 110%;
			}

.f8_wrapper_swt {
    margin-top: 60px;
    position: relative;
}	

.f8_wrapper_cell {
    pointer-events: none;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
}	

.f8_wrapper_cell.active {
	pointer-events: auto;
	position: relative;
	opacity: 1;
}

.f8_wrapper_swt .swiper-slide {
    height: auto;
    max-width: 1140px;
    margin-right: 30px;
}

.f8_wrapper_swt .swiper-wrapper {
    padding-bottom: 60px;
}

.f8_wrapper_swt .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
}

.f8_wrapper_swt .swiper-pagination span {
    opacity: 1 !important;
    margin: 0 !important;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b3b3b3;
}

.f8_wrapper_swt .swiper-pagination span.swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    opacity: 1 !important;
    background: #fff;
    border: 1px solid #c00;
    position: relative;
}

.f8_wrapper_swt .swiper-pagination span.swiper-pagination-bullet-active:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #c00;
}

@media (max-width: 1023px) {
	
	.filin_premium.thermal .fp_img .fp_img_text {		
		left: 12px;
		bottom: 12px;
		width: calc(100% - 24px);		
		font-size: 15px;		
	}
	
	.f50wc_header {
		font-size: 20px;
	}
	
	.f50wcb_left {		
		font-size: 14px;
	}
	
	.f50wcb_right {		
		font-size: 14px;		
		width: 85px;		
	}
	
	.filin.vista .f6_data_slide {
		padding: 0 30px 130px;
	}
	
	.filin.vista .f6_ds_img {
		height: 190px;
	}		
		
		.common_refettorio_3 .p4wc_footer { 
			margin-top: 40px;
		}

		.common_refettorio_3 .p4wc_footer button { 
			padding: 18px;
			min-width: 360px;
		}
		
		.f8_wrapper_swt .swiper-slide {
			max-width: 736px;
		}
		
			.common_refettorio_3 .f8_ds_img {
				height: 387px;
			}

				.common_refettorio_3 .f8dsi_data {
					bottom: 40px;
				}

	.p4wch_text {
		font-size: 18px;
	}	

	.p4wch_switcher {
        margin-top: 32px;
        gap: 16px;
    }
	
	.p4wchs_cell {
        padding: 8px 10px;
    }

	.p4wchs_cell img {
        width: 32px;
    }

	.p4wchs_cell span {
		font-size: 18px;
	}

	.f8_wrapper_swt .swiper-wrapper {
		padding-bottom: 48px;
	}	

	.f8_wrapper_swt {
        margin-top: 48px;
    }
	
}

@media (max-width: 767px) {

	.filin_premium.thermal .fp_img .fp_img_text {
		position: relative;
		text-align: left;
		margin: 24px 0 0;
        width: 100%;
        left: 0;
		bottom: auto;
    }
	
	.f5_0_wrapper {   
		grid-template-columns: 1fr;
		grid-gap: 0;
	}
	
	.f50w_cell {
		padding: 16px 0;	
	}
	
	.f50w_cell:nth-child(2) {
		border-top: none;
	}
	
	.f50wc_header {
        font-size: 17px;
		margin-bottom: 6px;
    }
	
	.filin.vista .f6_data_slide .f6_ds_notice {		
		left: 16px;
		bottom: 16px;
		width: calc(100% - 32px);		
		padding: 17px 19px 17px 70px;
		font-size: 12px;		
		background-position: 16px center;
		background-size: 40px auto;
	}
	
	.filin.vista .f6_data_slide {
        padding: 0 16px 105px;
    }
	
	.common_header {
        margin: 0 0 40px;
    }
	
	.p4wch_caption {
        font-size: 28px;
        line-height: 120%;
        margin-bottom: 20px;
    }
	
	.p4wch_text {
        font-size: 18px;
    }
	
	.p4wch_switcher {
        margin-top: 24px;
        flex-direction: column;
        align-items: flex-start;
    }
	
	.f8_wrapper_swt {
        margin-top: 32px;
    }
	
	.f8_wrapper_swt .swiper-wrapper {
        padding-bottom: 48px;
    }
	
	.f8_wrapper_swt .swiper-slide {
        max-width: 288px;
        margin-right: 16px;
    }
	
	.common_refettorio_3 .f8dsi_data {
        bottom: 20px;
        padding: 0 20px;
    }
	
	.common_refettorio_3 .f8dsid_caption {
        font-size: 18px;
        line-height: 130%;
    }
	
	.common_refettorio_3 .f8dsid_text {
        font-size: 13px;
    }
	
	.common_refettorio_3 .p4wc_footer {
        margin-top: 32px;
		padding: 0 16px;
    }
	
	.common_refettorio_3 .p4wc_footer button {
        min-width: 1px;
        width: 100%;
    }
	
	.p4wch_caption {       
        margin-bottom: 18px;
    }

	.p4wch_text {
        font-size: 15px;
    }	
	
}	

/* /31 MAR 25 */