@font-face {
			font-family: 'AngryBirds';
			src: url('/css/fonts/AngryBirds-Regular.woff2') format('woff2'),
					url('/css/fonts/AngryBirds-Regular.woff') format('woff');
			font-weight: normal;
			font-style: normal;
			font-display: swap;
		}
		*{box-sizing:border-box;font-family:Arial,sans-serif;font-size:20px;line-height:1.45;font-weight:300;}		
		body {
			background-color:white;
			color:#463651;
			position:relative;
			padding: 0;
			margin: 0;
			position:relative;
		}
		.page_width{width:100%;max-width:97vw;margin:0 auto;padding: 20px 10px;position:relative;}
		h2,h2>span{
			position:relative;
			font-size:80px;line-height: 1.17;
			/*font-weight:700;*/
			padding:10px 0 35px 0;
			margin:0;
			text-align:center;
			width:100%;
			font-family:AngryBirds,system-ui;
		}
		h2>span::after{
			content: "";
			position: absolute;
			bottom: 2px;
			right: 0;
			width: 13vw;
			height: 75px;
			background:url("/img/line.webp")no-repeat bottom right;			
		}
		li {
			list-style: none; /* Убирает стандартные точки */
			position: relative;
			padding-left: 30px; /* Освобождает место под тире */
		}

		li::before {
			content: "—"; /* Добавляет длинное тире */
			position: absolute;
			left: 0;
			color: #964af6; /* Задает нужный цвет */
		}		
		.block_case{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;flex-wrap: wrap;gap: 20px;justify-content: flex-start;}
		.block_case>li{
			list-style: none;
			width: 32%;
			height:auto;
			background: #fff745;
			padding: 20px 75px 20px 20px;
			margin:0;
			position:relative;
			box-shadow: 5px 5px 83px 0px rgb(0 0 0 / 13%);
		}
		.block_case>li::before{
			content:"";
			position:absolute;
			top:-22px;
			right:10px;
			width:80px;
			height:120px;
			background:url("/img/skrepa.png")no-repeat center center;
			left:auto;
		}
		.hero {
			width: 100%;
			height: 100vh;
			position: relative;
			overflow: hidden;
			color:#463651;
			text-align: center;
			display:flex;
			flex-direction:row;
			position:relative;
		}
		.header_left{flex:1;display:flex;flex-direction:column;align-items:flex-start;}
		.header_right{flex:1;display:flex;justify-content:right;align-items:flex-start;}
		.header_center{    
			display: flex;
			flex: 2;
			justify-content: center;
			flex-direction: column;
		}
		.header_img>img{max-height:80vh}
		.header_txt{
			font-weight:900;
			position: absolute;
			top: 20px;
			text-align: center;
			width: 100%;
			left: 0;	
			z-index:1;
		}
		.header_left>a{z-index:2;transition:opacity .5s;color:black;font-size:20px;font-weight:100;font-family:system-ui;text-decoration:none;line-height:110%}
		.header_left>a>span{color:#964af6;font-size:25px;font-weight:400;font-family:system-ui;line-height:110%}
		.header_left>a:hover{opacity:.6}
		.header_left,.header_right{min-width:10vw}
		.btn{
			color:#f25b29;
			font-size:20px;
			font-weight:300;
			text-transform:uppercase;
			font-family:system-ui;
			text-decoration:none;
			border:2px solid #f25b29;
			border-radius:45px;
			padding:10px 30px;
			z-index:2;
			transition: background .5s;
		}
		.btn:hover{color:white;background:#f25b29;}
		.strelka{
			background:url("/img/strelka.png")no-repeat center center;
			width:40px;height:20px;
			background-size:cover;
			text-decoration:none;
			position:absolute;
			bottom:5px;
			left:calc(50% - 20px);
			animation: moveArrow 1s ease-in-out infinite alternate;
		}
		a{white-space: nowrap;}
		@keyframes moveArrow {
		0% {
				transform: translateY(0);
			}
			100% {
				transform: translateY(-20px);
			}
		}
		.part_num{color:#964af6;display:flex;justify-content:center;margin: 70px 0 0 0;}
		.part_num>div{
			padding: 0px 20px;
			border: 2px solid;
			border-radius: 50%;
			font-weight: bold;
			font-size: 25px;	
			position:relative;
		}
		.img_float_right{width:270px;height:auto;border-radius:100%;}
		.about_block{display:flex;flex-direction:row;justify-content:center;align-items: center;column-gap: 20px;}
		.block_case b{display:block;font-weight:bold}
		.block_case small{position:relative;display:block;font-size:.8em;height: 20px;}
		.block_ramka{
			margin: 0 auto;
			max-width: 300px;
			width: auto;
			height: 125px;
			background: url(/img/ramka.png) no-repeat left top;
			background-size: 100% 107%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.block_case p{font-style: italic;font-size: .8em;}
		.block_case small>b{display:inline-block}
		zhir2,zhir1,zhir3{position:relative}
		.zhir1::before{content:"";position:absolute;background:url("/img/zhiraf_s.png")no-repeat right bottom;
			width: 77px;
			height: 137px;
			background-size: cover;
			bottom: 10px;
			right: -20px;
		}		
		.zhir2::before{content:"";position:absolute;background:url("/img/zhiraf_s2.png")no-repeat right bottom;
			width: 77px;
			height: 137px;
			background-size: cover;
			top: -74px;
			left: 38px;
		}
		.zhir3::before{content:"";position:absolute;background:url("/img/zhiraf_s.png")no-repeat right bottom;
			width: 77px;
			height: 137px;
			background-size: cover;
			top: -77px;
			right: -22px;
		}		
		.zigzag_left,.zigzag_right{position:relative;display:block;width:100%;height:1px;}
		.zigzag_right::before,
		.zigzag_left::before{
			content: "";
			position: absolute;
			left: 13px;
			top: -126px;
			background: url(/img/zzz.svg) no-repeat left center;
			width: 254px;
			height: 400px;
			background-size: cover;
			z-index: -1;		
		}
		.zigzag_right::before{
			left: auto;
			right: 0;
			top: -42px;		
		}
		a{text-decoration:none}
		.kont_cont{display:flex;flex-direction:column;row-gap:30px;}
		.kont_cont img{width:55px}
		.kont_cont a{font-weight:bold;font-size:1.1em;color:black}
		.kont_center{display:flex;justify-content:center;align-items:center;column-gap:20px}
		.bottom_logo>svg{fill:#f1f1f1;margin-top:100px}
		.comment{color:gray;font-style:italic;}
		.notice{display:flex;justify-content:right;}
		.notice>span{
			width: 300px;
			text-transform: uppercase;
			font-size: .8em;
			font-weight: bold;	
			position: relative;			
		}
		.notice>span::before{
			content:"";
			display: block;
			position: absolute;		
			background:url("/img/notice2.svg")no-repeat right center;
			width: 19px;
			height: 110%;
			top: -5px;
			right: 0;
		}		
		.notice>span::after{
			content:"";
			display: block;
			position: absolute;		
			background:url("/img/notice.svg")no-repeat right center;
			width: 19px;
			height: 110%;
			top: -5px;
			left:-32px;
		}
		.mark{color:#fe7800;font-weight:bold}
		a{color:#964af6}
		.bottom_add{display:flex;justify-content:center;font-size:12px}
		.bottom_add *{font-size:12px}
		.bottom_add>div{text-align: center;margin-bottom: 50px;}
		li>h1,li>h2{font-size: 20px;font-family: Arial, sans-serif;line-height: 1.45;display:inline}
		@media (max-width: 980px){
			body .is_mobile{display:flex!important;opacity:1!important;}
			body .is_desktop{display:none!important;opacity:0!important;}
			body .is_mobile_b{display:block!important;opacity:1!important;}
			body .is_desktop_b{display:none!important;opacity:0!important;}
			.header_right,
			.strelka
			{display:none}
			.header_img>img{
				width: 100%;
				object-fit: contain;
			}
			.about_block{flex-direction:column;align-items:center}
			h2, h2>span{font-size:1.5em;line-height:1}
			h2>span::after{width:30vw;}
			.block_case>li{max-width:100%;width:100%;padding:20px}
			.zhir2::before{top: -85px;left: 6px;}
			.zhir3::before{display:none}
			.block_case small{font-size: .6em;}
			.block_ramka{width:100%;max-width:100%}
			h2>span::after{bottom: -8px;}
			.notice>span::after{top: -6px;left: -12px;}
			.hero{flex-direction:column-reverse;}
			.header_left{
        width: 150px;
        margin: 0 auto;				
			}
			.header_left>a{padding-bottom:10px;white-space: nowrap;}
			.notice>span{font-size: .7em;}
			.notice>span::before{top: -5px;right:-12px;}
		}
		@media (min-width: 980px){
			body .is_mobile{display:none!important;opacity:0!important;}
			body .is_desktop{display:flex!important;opacity:1!important}
			body .is_mobile_b{display:none!important;opacity:0!important;}
			body .is_desktop_b{display:block!important;opacity:1!important;}
		}




.gallery{display:flex;flex-wrap:wrap}
.gallery>a{width:100px;height:auto}
.gallery img{width:100%;border-radius:none;}