@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root{
	--color-text:#050505;
	--color-text-light:#5E5E5E
}
*{box-sizing:border-box;}
a{text-decoration:none;color:inherit;}
html{margin:0;padding:0;}
body{margin:0;padding:0;font-size:;font-family:'Roboto', sans-serif;line-height:1.5;color:var(--color-text);font-size:16px;}
.wrap{max-width:1288px;padding-left:24px;padding-right:24px;width:100%;margin-left:auto;margin-right:auto;}
.header{
	background-color:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:2;border-bottom:1px solid #DFDFDF;
	.wrap{
		padding-top:20px;padding-bottom:20px;display:grid;grid-template-columns:80px 1fr;
		.logo{
			img{
				width:100%;height:auto;display:block;
			}
		}
		.show-menu{display:none;}
		.menu{
			padding:0;margin:0;gap:0 50px;display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;list-style-type:none;
			li{
				&.lang a:hover{
					color:var(--color-text);
					span{
						color:#962137;
					}
				}
				a{
					&:hover{
						color:#962137;
						span{
							color:var(--color-text);
						}
					}
					letter-spacing:0.2px;line-height:1.2;display:block;transition:all .2s ease-in-out;
					span{
						color:#9E9E9E; 
					}
				}
				&.lang{
					display:flex;align-items:center;gap:4px;
				}
			}
		}
		.mobile{
			margin:0;padding:6px 16px;position:absolute;top:70px;left:0;width:100%;height:calc(100vh - 70px);overflow:auto;list-style-type:none;background-color:#F5F5F5;z-index:2;display:none; 
			li{
				&.info{
					padding-top:42px;padding-bottom:8px;
					a{
						&+a{padding-top:14px;}
						span{
							display:block;letter-spacing:0.2px;margin:13px 0 0;color:#737373;font-size:16px;
						}
					}
					
				}
				&.social{
					display:flex;align-items:center;gap:14px;padding:40px 14px;
					.lang{
						display:flex;gap:4px;font-size:24px;white-space:nowrap;align-items:center;margin:0 auto 0 0;
						a{
							font-size:24px;
						}
					}
					a{
						&:nth-child(1){margin:0 auto 0 0;}
						padding:0;
						span{
							color:#9E9E9E;
						}
						img{
							width:60px;height:auto;
						}
					}
				}
				&+li{border-top:1px solid #D0D0D0;}
				a{
					padding:24px 14px;line-height:1.1;font-size:30px;text-align:right;display:block;
				}
			}
		}
	} 
}
.fs0{ 
	position:relative;z-index:0;overflow:hidden;background:url('img/bg.png') center no-repeat;background-size:cover;
	.wrap{
		display:grid;grid-template-columns:.8fr 1fr;gap:102px;align-items:center;padding-top:100px;padding-bottom:120px;
		.text{
			h1{
				font-size:60px;font-weight:400;margin:0 0 40px;line-height:1.2;
			}
			p{
				font-size:20px;color:#737373;margin:0;
			}
		}
		.grid{
			display:grid;grid-template-columns:repeat(2,1fr);gap:30px;
			.item{
				display:grid;grid-template-columns:1fr;padding:22px;border-radius:12px;box-shadow:5px 5px 15px rgba(0,0,0,.05);background-color:#fff;
				picture{
					width:50px;height:50px;display:flex;align-items:center;justify-content:center;
					img{
						width:40px;height:40px;
					}
				}
				h5{
					margin:14px 0 18px;font-weight:500;font-size:30px;line-height:1.1;display:flex;align-items:center;gap:10px;
					svg{
						transform:translateY(5px);
					}
				}
				p{
					letter-spacing:0.2px;color:#737373;margin:0;line-height:1.3;
				}
			}
		}
	}
}  
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.fs1{
	padding:45px 0;overflow:hidden;display:flex;gap:100px;
	.slides{
		display:flex;gap:100px;animation: 40s slide infinite linear;align-items:center;
	}
	a{
		img{
			display:block;max-width:100%;height:auto;
		}
	}
}
.fs2{
	padding:0 0 40px; 
	.wrap{
		max-width:1240px;padding:60px 40px 40px;border-radius:12px;background-color:#f5f5f5;
		h3{
			text-align:center;font-size:40px;font-weight:400;margin:0 0 60px;line-height:1.2;
		}
		.grid{
			display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
			.item{
				&:nth-child(4){
					picture{
						bottom:0;left:7%;width:93%;
					}
				}
				background-color:;border-radius:12px;padding:26px 18px 0;background-color:#fff;box-shadow:5px 5px 15px rgba(0,0,0,.05);overflow:hidden;display:flex;flex-flow:column;position:relative;height:350px;
				h5{
					font-size:24px;font-weight:400;margin:0 0 18px;line-height:1.1;
				}
				p{
					font-size:14px;letter-spacing:0.2px;color:#5E5E5E;line-height:1.5;margin:0;
				}
				picture{
					position:absolute;bottom:-2%;left:12%;width:88%;
					img{ 
						width:100%;height:auto;display:block;
					}
				}
			}
		}
	}
}
.fs3{
	padding-top:40px;padding-bottom:40px;
	.wrap{
		max-width:1240px;padding:60px 40px 40px;border-radius:12px;background-color:#f5f5f5;
		h3{
			text-align:center;font-size:40px;font-weight:400;margin:0 0 24px;line-height:1.2;
		}
		.text{
			max-width:800px;padding:12px 22px;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:12px;border-radius:14px;box-shadow:5px 5px 15px rgba(0,0,0,0.05);margin:0 auto 60px;background-color:#fff;
			p{
				letter-spacing:0.2px;line-height:1.3;margin:0;
			} 
		}
		.grid{
			display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
			.item{
				background-color:#fff;box-shadow:5px 5px 15px rgba(0,0,0,0.05);padding:22px;border-radius:12px;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:18px;
				picture{
					img{
						width:100%;height:auto;display:block;
					}
				}
				p{
					letter-spacing:0.2px;line-height:1.3;margin:0;
				}
			}
		}
	}
}
.fs4{
	padding-top:40px;padding-bottom:40px;
	.wrap{
		display:grid;grid-template-columns:.9fr 1fr;gap:16px 22px;
		.text{
			border-radius:12px;padding:32px;background-color:#F5F5F5;
			img{
				display:none;width:80px;height:auto;margin:0 0 50px;
			}
			h3{
				font-size:40px;line-height:1.2;margin:0 0 20px;font-weight:400;
			}
			p{
				margin:24px 0 0;font-size:20px;line-height:1.4;color:#5E5E5E;
			}
		}
		.img{
			position:relative;
			.logo{
				position:absolute;top:40px;left:40px;width:80px;height:30px;
			}
			img:not(.logo){
				width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px;
			}
		}
	}
} 
.fs5{
	padding:40px 0;
	.wrap{
		.m-head{
			display:none;
			h3{
				font-size:30px;font-weight:400;margin:0 0 14px;line-height:1.2;
			}
			p{
				margin:0 0 40px;letter-spacing:0.2px;color:#5E5E5E;
			}
		}
		.grid{
			display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:flex-end;
			.text{
				background-color:#007B98;color:#fff;border-radius:12px;padding:16px;display:flex;flex-flow:column;align-items:flex-start;position:relative;
				h3{
					position:absolute;left:0;bottom:100%;width:100%;font-size:24px;font-weight:400;line-height:1.2;padding:0 0 24px;margin:0;color:var(--color-text);
				}
				.arrow{
					position:absolute;bottom:76px;left:100%;
				}
				img:not(.arrow){
					display:block;width:42px;height:auto;
				}
				h5{
					margin:12px 0 10px;font-size:16px;letter-spacing:0.2px;
				}
				p{
					font-size:14px;letter-spacing:0.2px;margin:0;padding-top:4px;border-top:1px solid #0087A7;
				}
			}
			.img{
				img{
					width:100%;height:auto;display:block;
				}
			}
		}
	}
}
.fs6{
	padding:60px 0;
	.wrap{
		display:grid;grid-template-columns:.7fr 1fr;gap:32px 30px;
		.text{
			border-radius:12px;background-color:#D9EFF4;padding:40px 30px 0 40px;position:relative;overflow:hidden;z-index:0;
			h3{
				font-size:30px;font-weight:400;line-height:1.2;margin:0 0 22px;
			}
			p{
				font-size:20px;color:#00637A;line-height:1.4;margin:0 0 32px;
			}
			small{
				font-size:16px;letter-spacing:0.2px;padding:7px 18px;background-color:#fff;border-radius:20px;
			}
			picture{
				position:absolute;right:0;bottom:0;width:80%;z-index:-1;
				img{
					width:100%;height:auto;display:block;
				}
			}
		}
		.info{
			padding:20px 20px 30px 20px;border-radius:12px;background-color:#D9EFF4;
			ul{
				padding:20px;margin:0;list-style-type:none;background-color:#fff;border-radius:8px;
				li{
					&:nth-child(3), &:nth-child(4){
						background-color:#F7ECEE;
						.col{
							span{background-color:#CB6376;}
						} 
						p{
							big{
								color:#B04257;
							}
						}
					}
					&+li{margin-top:10px;}
					display:grid;grid-template-columns:max-content 1fr max-content;gap:20px;align-items:center;background-color:#E5F2F5;border-radius:0 4px 4px 0;overflow:hidden;padding:0 20px 0 0;
					.col{
						display:flex;gap:7px;height:120px;
						span{
							width:6px;background-color:#00ABD3;
						}
					}
					p{
						line-height:1.3;letter-spacing:0.2px;display:flex;align-items:center;gap:12px;margin:0;
						big{
							font-size:30px;font-weight:600;line-height:1.2;letter-spacing:normal;color:#0087A7;
						}
					}
				}
			}
		}
	}
}
.fs7{
	padding:40px 0;
	.wrap{
		max-width:1240px;padding:60px 40px 40px;border-radius:12px;background-color:#f5f5f5;
		h3{
			text-align:center;font-size:40px;font-weight:400;margin:0 0 60px;line-height:1.2;
		}
		.grid{
			display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
			.item{
				background-color:;border-radius:12px;padding:26px 18px 0;background-color:#fff;box-shadow:5px 5px 15px rgba(0,0,0,.05);overflow:hidden;display:flex;flex-flow:column;position:relative;height:380px;
				h5{
					font-size:24px;font-weight:400;margin:0 0 18px;line-height:1.1;
				}
				ul{
					font-size:14px;letter-spacing:0.2px;color:#5E5E5E;line-height:1.5;margin:0;padding:0 0 0 21px;
				}
				picture{
					position:absolute;bottom:-3%;right:0;width:68%;
					img{ 
						width:100%;height:auto;display:block;
					}
				}
			}
		} 
	}
}
.fs8{
	padding-top:40px;padding-bottom:40px;
	.wrap{
		max-width:1240px;padding:60px 40px 40px;border-radius:12px;background-color:#f5f5f5;
		h3{
			text-align:center;font-size:40px;font-weight:400;margin:0 0 60px;line-height:1.2;
		}
		.grid{
			display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
			.item{
				background-color:#fff;box-shadow:5px 5px 15px rgba(0,0,0,0.05);padding:26px 18px 22px;border-radius:12px;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:18px 12px;
				picture{
					display:flex;align-items:center;justify-content:center;
					img{
						width:40px;height:auto;
					}
				}
				h5{
					margin:0;font-size:24px;font-weight:400;line-height:1.2;
				}
				ul{
					font-size:14px;letter-spacing:0.2px;color:#5E5E5E;line-height:1.5;margin:0;padding:0 0 0 26px;grid-column:1/-1;
					li{
						&:nth-child(1){margin-top:0;}
						margin:22px 0 0;
					}
				}
			}
		}
	}
}
.footer{
	padding:24px 0;
	.wrap{
		background-color:#F5F5F5;border-radius:12px;padding:40px 40px 50px;display:grid;grid-template-columns:125px repeat(3,max-content);align-items:flex-start;justify-content:space-between;max-width:1240px;
		.logo{
			img{
				width:100%;height:auto;display:block;
			}
		}
		.menu{
			padding:0;margin:0;list-style-type:none;display:grid;grid-template-columns:repeat(2,max-content);gap:24px 100px;
			li{
				a{
					&:hover{color:#962137;}
					font-size:24px;line-height:1.2;display:block;transition:all .2s ease-in-out;
				}
			}
		}
		.info{
			padding:0;margin:0;list-style-type:none;display:grid;grid-template-columns:1fr;gap:40px;
			li{
				a{
					&:hover{color:#962137;}
					font-size:24px;line-height:1.2;display:block;transition:all .2s ease-in-out;
					span{
						font-size:16px;display:block;margin:12px 0 0;color:#737373;letter-spacing:0.2px;
					}
				}
			}
		}
		.social{
			display:grid;grid-template-columns:repeat(2,60px);gap:14px;
			a{
				&:nth-child(3){display:none;}
				display:flex;
				img{
					width:100%;height:auto;
				}
			}
			.lang{
				display:flex;gap:4px;white-space:nowrap;
			}
		}
	}
}
.copyright{
	.wrap{
		padding-bottom:24px;display:grid;grid-template-columns:repeat(2,max-content);align-items:center;justify-content:space-between;gap:18px;line-height:1.1;color:#737373;
		span{
			display:flex;align-items:center;gap:4px;
		}
	}
}
@media screen and (max-width:1250px){
	.fs0{
		.wrap{
			gap:30px;
		}
	}
}
@media screen and (max-width:1150px){
	.fs0{
		.wrap{
			grid-template-columns:1fr;gap:50px;
		}
	}
	.fs2{ 
		.wrap{
			.grid{
				grid-template-columns:repeat(2,1fr);
				.item{
					&:nth-child(4){
						picture{
							left:34%;width:66%;
						}
					}
					picture{
						bottom:-15%;left:33%;width:68%;
					}
				}
			}
		}
	}
	.fs3{
		.wrap{
			.grid{
				grid-template-columns:repeat(2,1fr);
			}
		}
	}
	.fs6{
		.wrap{
			.info{
				padding:0;
				ul{
					padding:0;
				}
			}
		}
	}
	.fs8{
		.wrap{
			.grid{
				grid-template-columns:repeat(2,1fr);
			}
		}
	}
	.footer{
		.wrap{
			.menu{
				grid-template-columns:1fr;
			}
		}
	}
}
@media screen and (max-width:850px){
	.header{
		.wrap{
			padding:15px 16px;grid-template-columns:80px 40px;justify-content:space-between;align-items:center;
			.menu{display:none;}
			.show-menu{
				&.active{
					span{
						&:before,&:after{top:-1px;transform:rotateZ(45deg);}
						&:after{transform:rotateZ(135deg);}
						border-color:transparent;
					}
				}
				display:flex;align-items:center;justify-content:center;width:40px;height:40px;
				span{
					&:before, &:after{
						content:'';width:28px;border-radius:3px;border:1px solid #2C2D2E;top:-10px;transition:all .2s ease-in-out;position:absolute;
					}
					&:after{
						top:8px;
					}
					width:30px;border-radius:3px;border:1px solid #2C2D2E;position:relative;display:flex;align-items:center;justify-content:center;
				}
			}
		} 
	}
	.fs0{
		.wrap{
			padding-top:60px;padding-bottom:50px;
			.text{
				h1{
					font-size:40px;margin-bottom:30px;
				}
				p{
					br{display:none;}
				}
			}
			.grid{
				grid-template-columns:1fr;gap:14px;
				.item{
					padding:16px 18px;grid-template-columns:50px 1fr;gap:12px;align-items:center;
					h5{
						font-size:30px;margin:0;
					}
					p{
						font-size:14px;line-height:1.3;grid-column:1/-1;
					}
				}
			}
		}
	}
	.fs1{
		a{
			flex:0 0 auto;width:22%;
		}
	}
	.fs2{
		padding:0;
		.wrap{
			padding:70px 24px;border-radius:0;
			h3{
				margin-bottom:40px;text-align:left;
			}
			.grid{
				grid-template-columns:1fr;gap:16px;
				.item{
					height:300px;padding:18px 18px 0;
					h5{
						margin-bottom:14px;
					}
				}
			}
		}
	}
	.fs3{
		padding:0;
		.wrap{
			padding:70px 24px;border-radius:0;
			h3{
				text-align:left;margin-bottom:18px;
			}
			.text{
				background-color:transparent;display:block;color:#5E5E5E;margin-bottom:40px;padding:0;box-shadow:none;border-radius:0;
				img{
					display:none;
				}
			}
			.grid{
				grid-template-columns:1fr;gap:16px;
				.item{
					padding:22px 18px;
				}
			}
		}
	}
	.fs4{
		padding:0;
		.wrap{
			padding:70px 24px;background-color:#F5F5F5;grid-template-columns:1fr;
			.text{
				img{
					display:block;
				}
				background-color:#fff;padding:24px 18px;border-radius:12px;box-shadow:5px 5px 15px rgba(0,0,0,0.05);
				h3{
					margin:0;
				}
				p{
					margin-top:18px;font-size:16px;letter-spacing:0.2px;
				}
			}
			picture{
				.logo{display:none;}
				img:not(.logo){
					aspect-ratio:1.1;
				}
			}
		}
	}
	.fs5{
		padding:70px 0;
		.wrap{
			padding:0;
			.m-head{
				display:block;padding-left:24px;padding-right:24px;
			}
			.grid{
				grid-template-columns:220px 976px;align-items:flex-start;overflow-x: scroll;overflow-y: hidden;scroll-behavior: smooth;scroll-snap-type: x mandatory;scroll-padding:24px;scrollbar-width: none;-ms-overflow-style:none;width: 100%;padding-left:24px;
				.text{
					h3{
						display:none;
					}
				}
			}
		}
	}
	.fs6{
		padding:70px 0;
		.wrap{
			grid-template-columns:1fr;
			.text{
				padding:24px 18px;height:600px;
				h3{
					margin-bottom:18px;
				}
				p{
					margin-bottom:18px;
				}
				picture{
					width:90%;bottom:-5px;right:-5%;
				}
			}
			.info{
				ul{
					li{
						&:nth-child(3), &:nth-child(4){
							.col span{opacity:.3;}
							img{
								width:61px;position:absolute;left:11px;top:50%;transform:translateY(-50%);margin:0;
							}
						}
						&:nth-child(4){
							img{
								width:74px;left:39px;
							}
						}
						position:relative;padding-right:14px;align-items:flex-end;gap:14px;
						&+li{margin-top:12px;}
						.col{
							gap:5px;
							span{width:4px;}
						}
						p{
							flex-flow:column;gap:8px;margin-bottom:14px;align-items:flex-start;
						}
						img{
							width:38px;height:auto;margin-bottom:14px;
						}
					}
				}
			}
		}
	}
	.fs7{
		padding:0;
		.wrap{
			padding:70px 24px;border-radius:0;
			h3{
				margin-bottom:40px;text-align:left;
			}
			.grid{
				grid-template-columns:1fr;gap:16px;
				.item{
					&:nth-child(2){
						picture{
							bottom:-5%;
						}
					}
					height:350px;padding:18px 18px 0;
					h5{
						margin-bottom:14px;
					}
					ul{
						padding-left:0;list-style-type:none;
					}
					picture{
						bottom:0;
					}
				}
			}
		}
	}
	.fs8{
		padding:0;
		.wrap{
			border-radius:0;padding:70px 24px;
			h3{
				text-align:left;margin-bottom:46px;
			}
			.grid{
				grid-template-columns:1fr;gap:16px;
				.item{
					gap:18px 14px;padding:22px 18px;
					h5{
						font-size:20px;
					}
					ul{
						padding-left:21px;
						li{
							margin-top:0;
						}
					}
				}
			}
		}
	}
	.footer{
		padding:70px 14px 22px;
		.wrap{
			grid-template-columns:1fr;padding:34px 24px;gap:49px;
			.logo{
				img{
					width:125px;height:auto;
				}
			}
			.menu{
				gap:24px;
			}
			.info{
				gap:44px;margin:3px 0 5px;
			}
			.social{
				grid-template-columns:repeat(2,60px) 1fr;align-items:center;
				a:nth-child(3){
					display:block;font-size:24px;line-height:1.2;text-align:right;
					span{
						color:#9E9E9E;
					}
				}
			}
		}
	}
	.copyright{
		.wrap{
			grid-template-columns:1fr;padding-bottom:22px;
			span{
				flex-flow:row-reverse;justify-content:flex-end;
			}
		}
	}
}