.canela {font-family: Canela, sans-serif;font-weight:400;}
html {font-size:10px;}

td,table,img {padding:0; border:none;border-collapse:collapse;}
body {font-family: "Inter", sans-serif;font-optical-sizing: auto; font-weight:400;margin:0; padding:0;   font-size:16px;color:#fff;scroll-behavior: smooth;background: #000;}

@media only screen and (max-width: 720px) {
 	body {}
}
html,body {}


@media only screen and (min-width: 781px) {

}

td {}
form {margin:0;}
a {color:inherit;text-decoration:none;}
table {border-collapse:collapse;}

body {opacity:0;}
body.ready {opacity:1;}

sub,sup {vertical-align:baseline; position:relative;bottom:-4px;}

sup{top:-10px;}

ul, ul li {margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5 {margin:0;font-weight:normal;box-sizing:border-box;}
strong {}

body,div,ul,li,img,a,label,td,table,span {box-sizing:border-box;}


.b {
	font-family: "Unbounded", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-style: normal;
}

.inter {

			font-weight: 400;
			font-style: normal;
		}

.button {
	padding:0px 25px 0px 25px;
	width:100%;
	height:50px;
	line-height:50px;
	box-sizing:border-box;
	display: block;
	margin:0 auto auto auto;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	outline:none;
	color:#fff;
	background: #A07AFF;
	font-size:16px;
	font-family: inherit;
	border: none;
	border-radius: 100px;

	text-transform:uppercase;

	border:none;
	text-decoration:none;
	text-align:center;
	cursor:pointer;

}

.button.black {background: #000;text-decoration: none;}

.cf {
	width:100%;
	background:none;
	border:none;
	height:50px;
	line-height:50px;
	font-family: inherit;
	font-size:16px;
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	color:#fff;
}
.cf::placeholder {color:#fff;}
.cf:focus {border:none;outline: none;}

@media only screen and (max-width: 720px) {
	input.cf, select.cf {height:88px;line-height:88px;font-size:40px;border-radius: 16px;}
	.button {height:100px;line-height: 100px;font-size:30px;}
}

.mobile {display: none;}
@media only screen and (max-width: 720px) {
	.desktop {display: none;}
	.mobile {display: block;}
}


body {overflow: auto;}
.showreal2 {width:100%;height:100vh;position:relative;background: #000;}
.showreal {z-index:100;overflow:hidden;height:100vh;background: #000;z-index: 100;}


.showreal-w {width:100vw;height:100vh;display: flex;align-items:center;justify-content: center;}


.showreal .media {width:0px;height:100px;opacity:1;}
.showreal .media.fixed {transform:translate(0px ,-50%);height:100vh !important;width:100vw !important;}



.showreal .media.scene {transform-origin: right center;transition: transform 1s ease;position: relative;z-index:10;}
.showreal .media.scene.fixed {position:absolute;right:0px;top:50%;transition: width 0.5s linear, height 0.3s linear;}
.showreal .media.scene.unfixed {transition: width 0.5s linear, height 0.3s linear;}
.stage-video {width:100%;height:100%;object-fit:cover;display: block;}

.logo-3 {
	position:absolute;
	left:0%;
	top:50%;
	width:100%;
	font-weight: 600;
	font-size: 2.6vw;
	line-height: 130%;
	text-align: center;
	letter-spacing: 0.03em;
	text-transform: uppercase;

	transform: translateY(6vw);
	transition: transform 0.7s ease;
	color: #A07AFF;}

.logo-showreal.wide-open .logo-3 {transform: translateY(100vh);}

.logo-showreal {display: flex;width:200vw;min-width:200vw;height:100vh;margin-left:0vw;align-items:center;justify-content: center;}
.logo-showreal .logo-1 img {height:9vw;width:auto;display: block;}
.logo-showreal .logo-2 img {height:9vw;width:auto;display: block;}

.logo-showreal .logo-1.fixed {position: absolute;top:50%;transform:translate(0px ,-50%)}

.showreal-2.desktop {text-transform: uppercase;height:100vh;min-height:max-content;display: flex;align-items: center;justify-content: center;}
.showreal-2-w.desktop {font-size:4.5vw;}
.showreal-2 {width:90%;margin:max(150px , 12vh) auto;max-width:1600px;text-transform: uppercase;}
.showreal-2 p {line-height:1.2;display: flex;justify-content: center;align-items:center;width:100%;flex-wrap:wrap;}
.showreal-2 img {height: 0.9em;;width:auto;display: block;}
.showreal-2 span {display: flex;align-items: center;}

.media-s-bttn {position:absolute;right: 4%;bottom: 23%;width: 9%;cursor:pointer}
.media-s-bttn .media-bttn {width:100%;position:absolute;left:0;top:0;display: block;}
.media-s-bttn.muted .media-bttn.unmute {display: none;}
.media-s-bttn.muted .media-bttn.mute {display: block;}
.media-s-bttn img {width:100%;height:auto;display: block;}

@media only screen and (max-width: 720px) {
	.showreal-2-w.mobile {font-size:50px;margin:auto;display: block;}
	.media-s-bttn {position:absolute;right: 5%;bottom: 20%;width: 20%;cursor:pointer}
	.logo-3 {font-size: 5vw;}
}

.showreal-2 span.text {
	transition: mask-position 1s ease-in-out,-webkit-mask-position 1s ease-in-out;
	mask-image: linear-gradient(90deg,#fff 33.3%,rgba(255,255,255,.1) 66.6%);
	-webkit-mask-position: 100% 100%;
	mask-position: 100% 100%;
	-webkit-mask-size: 300% 100%;
	mask-size: 300% 100%;
}

.showreal-2 span.image img {transition:max-width 1s ease, opacity 1s ease;max-width:0.5em;opacity:0.1;}

.showreal-2 p span.step-1 {transition-delay:0.6s}
.showreal-2 p span.step-2 {transition-delay:0.4s}
.showreal-2 p span.step-3 {transition-delay:0.2s;}
.showreal-2 p span.step-4 {transition-delay:0s;}

.showreal-2 p.in span.step-1 {transition-delay:0.0s}
.showreal-2 p.in span.step-2 {transition-delay:0.2s}
.showreal-2 p.in span.step-3 {transition-delay:0.4s;}
.showreal-2 p.in span.step-4 {transition-delay:0.6s;}

.showreal-2 p span.step-2 img {transition-delay:0.4s !important;;}
.showreal-2 p span.step-3 img {transition-delay:0.2s !important;;}

.showreal-2 p.in span.step-2 img {transition-delay:0.15s !important;;}
.showreal-2 p.in span.step-3 img {transition-delay:0.30s !important;;}


.showreal-2 p.in span.text {mask-position: 0 100%;}
.showreal-2 p.in span.image img {max-width:150px;opacity:1;}

.page-section {width:100%;}
.page-section.mb {margin-bottom:100px;}
.page-section-w {padding:0 3.125vw}
.page-section-w.staff {width:100%;overflow: hidden;}
.page-section-caption {font-weight: 700;margin:0 0 60px 0;letter-spacing: -0.03em;text-transform: uppercase;font-size:9.375vw;line-height: 100%;}

@media only screen and (max-width: 720px) {
	.page-section-w {padding:0 40px}
	.page-section-caption {font-size:80px}
}

.k-stats-value {font-style: normal;font-weight: 500;font-size: 7.8125vw;line-height: 90%;letter-spacing: -0.03em;font-family: "Unbounded", sans-serif;}

.k-stats-caption {font-weight: 600;font-size: 2.0833333vw;line-height: 120%;margin:0 0 10px 0;}
.k-stats-title {font-size: 20px;line-height: 130%;color: #666666;max-width:400px;padding:0 50px 0 0;}

.k-stats {width:100%;display: flex;justify-content: flex-end;flex-wrap:wrap;}
.k-stats-item {width:33.333%;border-top:1px solid #fff;padding:25px 0 30px 0;}
.k-stats-item.wide {width:66.666%}

@media only screen and (max-width: 720px) {
	.k-stats {display: block;}
	.k-stats-item {width:100%;}
	.k-stats-item.wide {width:100%;}

	.k-stats-caption {font-size: 56px}
	.k-stats-title {font-size:40px;max-width: 100%;}
	.k-stats-value {font-size:120px;}
	.k-stats-item {padding:70px 0 70px 0; }
}



.service-item {cursor:pointer;width:100%;position:relative;max-height:146px;overflow: hidden;transition: all 0.3s ease;}
.service-item .bg {position: absolute;left:0;top:0;width:100%;bottom:30px;z-index:3;opacity:0;background: linear-gradient(228.28deg, rgba(130, 80, 255, 0.9) -51.68%, rgba(82, 45, 175, 0.9) -19.27%, rgba(34, 10, 95, 0.693) 1.06%, rgba(82, 45, 175, 0.9) 31.76%, rgba(130, 80, 255, 0.9) 81.55%, rgba(160, 122, 255, 0.9) 152.11%), #A07AFF;transition: all 0.3s ease 0s;}
.service-item.active .bg {opacity:1;transition: all 0.3s ease;}
.service-item li {position:relative;padding:0 0 0 20px;}
.service-item li:before {position:absolute;width:7px;height:7px;left:0;top:8px;content: '';display: block;background: #fff;border-radius: 100%;}
.service-item .title {font-weight: 400;font-size:1.1416667vw;line-height: 140%;transition: transform 0.3s ease;transform: translateY(100px)}
.service-item.active .title {transform: none;}
.service-item .caption {font-weight: 600;font-size:2.0833333vw;line-height: 120%;margin:0 0 20px 0;}
.service-item .count {position:absolute;right:0vw;top:55px;font-weight: 600;font-size:2.0833333vw;line-height: 120%;}
.service-item-w {padding-top:55px;padding-bottom:65px;width:100%;position:relative;z-index:10;display: flex;justify-content: space-between;}

.service-item.active {max-height:600px;transition: max-height 0.5s ease, margin-bottom 0.1s ease;margin-bottom: -31px;}

.service-item:before {position:absolute;height:1px;left:3.125vw;right:3.125vw;z-index:2;top:0px;content: '';display: block;background: #fff;}

.service-item:after {position:absolute;height:1px;left:3.125vw;right:3.125vw;z-index:2;bottom:0px;content: '';display: block;background: #fff;}

.service-item:after {opacity:0;}

.service-item.active .service-item-w {}

.service-item .meta {width:40vw;padding:0 30px 0 0;}

.service-item .image {width:60vw;transition: all 0.3s ease;margin:-20px 0 0 0;}
.service-item .image-w {border-radius:15px;overflow: hidden;width:31vw;max-height:76px;transition: max-height 0.3s ease;}
.service-item.active .image-w {max-height: 600px;}

.service-item.right-side .image {transform:translateX(100px)}

.service-item .image img {width:31vw;height:auto;display: block;transition: all 0.3s ease;transform: translateY(-30%)}
.service-item:hover .image img {transform:scale(1.1) translateY(-30%)}
.service-item.active .image img {transform: none;}

@media only screen and (max-width: 720px) {
	.service-item {max-height:185px;position: relative;}
	.service-item li {padding:0 0 10px 40px;}
	.service-item li:before {width:10px;height:10px;left:0;top:16px;}
	.service-item .title {font-size:36px;transform: translateY(100px)}
	.service-item.active .title {transform: none;}
	.service-item .caption {font-size:56px;line-height: 120%;margin:0 0 25px 0;}
	.service-item .count {right:0;top:55px;font-size:56px;line-height: 120%;}
	.service-item-w {padding-top:55px;padding-bottom:85px;width:100%;position:relative;z-index:10;display: block;}

	.service-item.active {max-height:1600px;transition: max-height 0.5s ease, margin-bottom 0.1s ease;margin-bottom: -34px;}

	.service-item:before {position:absolute;height:4px;left:40px;;right:40px;z-index:2;top:0px;}

	.service-item:after {position:absolute;height:4px;left:40px;right:40px;z-index:2;bottom:0px;}



	.service-item .meta {width:100%;padding:0 0px 0 0;}

	.service-item .image {width:100%;transition: all 0.3s ease;margin:40px 0 0 0;}
	.service-item .image-w {border-radius:35px;overflow: hidden;width:100%;max-height:1076px;}
	.service-item.active .image-w {max-height: 1600px;}

	.service-item.right-side .image {transform:translateX(0px)}

	.service-item .image img {width:100%;transform: translateY(-30%)}
	.service-item:hover .image img {transform:scale(1.1) translateY(-30%)}
	.service-item.active .image img {transform: none;}
}


.cases-line {width:100%;display: flex;justify-content:space-between;flex-wrap:wrap;overflow:hidden;}
.case-item {width:calc(50% - 5px);;margin:0 0 10px 0;overflow: hidden;position: relative;display: block;}
.case-item.wide {width:100%;}
.case-item .image {width:100%;border-radius: 20px;overflow: hidden;}
.case-item .image img {width:100%;height:auto;display:block;transition: transform 0.5s ease;}
.case-item:hover .image img {transform: scale(1.03)}
.case-item .bttn {
	position:absolute;
	left:30px;
	bottom:30px;
	height:80px;
	line-height:80px;
	padding:0 50px;
	border-radius: 10px;
	min-width:228px;
	font-size: 28px;
	font-weight: 600;

	background: rgba(255, 255, 255, 0.25);
	box-shadow: -1px 5px 5.4px rgba(0, 0, 0, 0.05), inset 0px 0px 68px rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(15px);

	text-align:center;
	color:#000;
}

.case-item .bttn.white {color:#fff;}

@media only screen and (max-width: 720px) {
	.cases-line {display: block;}
	.case-item {width:100%;margin:0 0 40px 0;}
	.case-item .image img {width:100%;height:640px;object-fit: cover;}
	.case-item .bttn {
		left:30px;
		bottom: 30px;;
		height:60px;
		line-height:60px;
		padding:0 50px;
		border-radius: 10px;
		min-width:180px;
		font-size: 34px;
	}
}



.staff-line {width:100%;display: flex;flex-wrap:wrap;}

@media only screen and (min-width: 721px) {

	.staff-card {
		background-color: transparent;
		width: calc(23.3vw - 22px);
		height: calc(23.3vw - 22px);
		margin:0 10px 20px 10px;


		perspective: 1000px;
		cursor:pointer;
	}



	.staff-card-inner {
		position: relative;
		width: 100%;
		height: 100%;

		text-align: center;
		transition: transform 0.3s;
		transform-style: preserve-3d;
	}

	.staff-card:hover .staff-card-inner {
		transform: rotateY(180deg);
	}

	.staff-card img {width:100%;height:100%;display: block;object-fit: cover;border-radius:100%;transition: transform .3s ease;}
	.staff-card img:hover {transform: scale(1.03)}
	.staff-card-front, .staff-card-back {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
		border-radius:100%;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.staff-card-front {

		color: black;
	}

	.staff-card-back {
		background: linear-gradient(228.28deg, rgba(130, 80, 255, 0.9) -51.68%, rgba(82, 45, 175, 0.9) -19.27%, rgba(34, 10, 95, 0.693) 1.06%, rgba(82, 45, 175, 0.9) 31.76%, rgba(130, 80, 255, 0.9) 81.55%, rgba(160, 122, 255, 0.9) 152.11%), #A07AFF;
		border-radius: 100%;
		color: white;
		transform: rotateY(180deg);
		display: flex;
		flex-direction: column;
		justify-content: center;align-items: center;
	}

	.staff-card-back h5 {font-weight: 600;font-size: 24px;margin:0 15px 12px 15px;text-align: center}
	.staff-card-back p {font-weight: 400;font-size: 18px;text-align: center}

}


@media only screen and (max-width: 1300px) {
	.staff-card {width: calc(30.3vw - 10px);height: calc(30.3vw - 10px);}
}

@media only screen and (max-width: 720px) {
	.staff-line {width:720px;}
	.staff-card {width: 200px;height:auto;margin-bottom: 40px;margin-right:20px;text-align:center;}
	.staff-card-back h5 {width:220px;	margin:10px 0px 5px -10px;font-weight: 500;font-size: 20px;line-height: 120%;}
	.staff-card-back p {width:220px;margin-left:-10px;font-weight:400;font-size: 20px;line-height: 120%;;opacity: 0.6;}
	.staff-card img {width:100%;height:auto;}
}


.section-footer {width:100%;overflow:hidden;}
.page-section.footer {background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(160, 122, 255, 0.9) 89.48%), #A07AFF;}
.page-section.footer {position:relative;margin:0;}
.page-section.clients {margin-bottom:0;}

.logo-line {width:100%;}

.scrolling-background {width: 102vw;overflow: hidden;position:absolute;left:0;top:5vw;}
.scrolling-background .scroll-content {
	width:100%;
	height:250px;
}

.scrolling-background1 {
	transform:rotate(-4deg) translateX(-1vw);
	transform-origin: left center;
}

.scrolling-background2 {
	transform:rotate(4deg) translateX(-1vw);
	transform-origin: left center;
	margin:8vw 0 0 0;
}

.scrolling-background1 .scroll-content {

	background: url(../i/clients1_.webp?22) repeat-x;
	background-size:400% auto;
	animation: scroll 250s linear infinite;
	animation-direction: reverse;

}

.scrolling-background2 .scroll-content {

	background: url(../i/clients2_.webp?42) repeat-x;
	background-size:400% auto;
	animation: scroll2 250s linear infinite;
	animation-direction: reverse;

}

@media only screen and (max-width: 720px) {
	.scrolling-background1 .scroll-content {
		background: url(../i/clients1_.webp?22) repeat-x;
		background-size:800% auto;
		animation: scrollm 250s linear infinite;
		animation-direction: reverse;

	}

	.scrolling-background2 .scroll-content {

		background: url(../i/clients2_.webp?42) repeat-x;
		background-size:800% auto;
		animation: scroll2m 250s linear infinite;
		animation-direction: reverse;
		margin:60px 0 0 0;
	}
}

@keyframes scroll {
	0% {
		background-position:0 top;
	}
	100% {
		background-position:-200% top;
	}
}

@keyframes scroll2 {
	0% {
		background-position:0 top;
	}
	100% {
		background-position:200% top;
	}
}

@keyframes scrollm {
	0% {
		background-position:0 top;
	}
	100% {
		background-position:-400% top;
	}
}

@keyframes scroll2m {
	0% {
		background-position:0 top;
	}
	100% {
		background-position:400% top;
	}
}


.footer-contents {width:100%;padding-top:34vw;font-size:12px;line-height:1.3;display: flex;flex-wrap:wrap;align-items:center;justify-content: center;text-transform:uppercase;font-weight: 400;font-size: 12px;color:#000;position: relative;z-index: 100;}
.footer-contents.inner {padding-top:200px;background: linear-gradient(180deg, #000000 1.45%, #503D80 31.04%, #785BBF 60.18%, #A07AFF 100%), #A07AFF;}
.footer-contents a {text-decoration:underline}
.footer-item {margin:0 0 40px 0;}
.footer-item.item-1,
.footer-item.item-3 {width:33%;}
.footer-item.item-4 {width:33%}
.footer-item.item-6 {width:20%;}
.footer-item.item-3 {text-align: right;}
.footer-item.item-6 {text-align: right;white-space: nowrap;}

.footer-item.item-2 {width:100%;}
.footer-item.item-5 {width:33%;}

.footer-item.contact {text-align: center;font-size: 3.2291667vw;line-height: 110%;margin-bottom:70px;}
.footer-item.contact a {text-decoration: none;}
.footer-item.location {text-align: right;}

.footer-item.logo {width:100%;margin:80px 0 0 0;}
.footer-item.logo img {width:100%;height:auto;display: block;}

@media only screen and (max-width: 720px) {
	.footer-contents.inner {padding-top:300px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(80, 61, 128, 0.9) 24.65%, rgba(160, 122, 255, 0.9) 72.12%);}
	.footer-contents {flex-direction: column;justify-content: center;padding-top:450px;}

	.footer-item {text-align: center;font-size: 24px;line-height: 110%;width:100%;}
	.footer-item.item-1 {order:2;width:100%;}
	.footer-item.item-2 {order:1;width:100%;font-size: 52px;line-height: 110%;margin:0 0 60px 0;}
	.footer-item.item-3 {text-align: center;width:100%;order:3}
	.footer-item.item-4 {order:5;width:100%;}
	.footer-item.item-5 {order:4;width:100%;margin:40px 0 80px 0;}
	.footer-item.item-6 {order:4;text-align: center;;width:100%;}
	.footer-item.item-7 {order:7;;}

	.footer-item.location {text-align: center;}
}

.m-navi {position:fixed;left:50%;transition:transform 0.8s ease;top:40px;width:650px;margin-left:-325px;z-index:9999;color: #000000;;background: #fff;padding:10px;border-radius: 10px;text-transform: uppercase;font-weight: 400;font-size: 14px;line-height: 100%;display: flex;justify-content: space-between;align-items: center;}
.m-navi.disabled {transform: translateY(-300px)}

.m-navi ul {display: flex;}
.m-navi ul a {display: block;padding:20px 15px}
.m-navi .button {height:48px;line-height:48px;background: #000;border-radius: 100px;}

@media only screen and (max-width: 720px) {
	.m-navi {display: none;}
}


.case {padding:150px 0 0 0;}
.case-caption {font-weight: 700;margin:0 0 30px 0;font-size:7.8125vw;line-height: 100%;text-align: center;letter-spacing: -0.03em;text-transform: uppercase;}
.case-hero img {width:100%;height:auto;object-fit:cover;display: block;transition: opacity 1s ease;opacity:0;}
body.ready-loader .case-hero img {opacity:1;}
.case-task {margin:70px 0 0 0;width:100%;display: flex;}
.case h2 {font-weight: 700;margin:0 0 15px 0;font-size: 50px;line-height: 110%;text-transform: uppercase;color: #A07AFF;}
.case p {font-size: 20px;line-height: 140%;}
.case-meta {width: 34%;}
.case-meta p {margin:0 0 10px 0;display: none;}
.case-objective {width:67%;}
.case p.narrow {width:55%;}
.case-hero.objective-hero {margin:30px 0 20px 0;}
.case-solution {padding:50px 0 0 0}
.case-hero.sub-hero {margin: 30px 0 0 0;}

.case-solution .row {display: flex;}
.case-solution .row p {padding-right:30px;width:50%;}

.case-description {font-size: 50px;margin:50px 0 0 0;line-height: 110%;width:70%;text-transform: uppercase;}

.case-slider {width:100%;overflow:hidden;margin:30px 0 0 0;position: relative}
.case-slider:after {position: absolute;left:0;width:100%;bottom:0;height:30px;display: block;content: '';background: #000;}
.case-slider-w0 {width:100%;overflow:auto;padding-bottom:30px;overflow-y: hidden;}
.case-slider-w {padding:0 3.125vw 0 3.125vw;width:max-content;display:flex;}
.case-slide {width:22.45vw;margin-right:1vw;}
.case-slide img {width:100%;height:auto;display: block;}
.case-slide:last-child {margin:0;}

@media only screen and (max-width: 720px) {
	.case {padding:150px 0 0 0;}
	.case-caption {font-weight: 700;margin:0 0 30px 0;font-size:80px;letter-spacing: -0.03em;}
	.case-hero img {width:100%;height:auto;max-height:100vh;}
	.case-task {margin:50px 0 0 0;width:100%;display: block;}
	.case h2 {margin:0 0 30px 0;font-size: 60px;}
	.case p {font-size: 32px;}
	.case-meta {width: 100%;margin:0 0 100px 0;}
	.case-meta p {margin:0 0 10px 0;}
	.case-objective {width:100%;}
	.case p.narrow {width:100%;}
	.case-hero.objective-hero {margin:40px 0 80px 0;}
	.case-solution {padding:50px 0 0 0}
	.case-hero.sub-hero {margin: 30px 0 0 0;}

	.case-solution .row {display: block;}
	.case-solution .row p {padding-right:0;width:100%;margin-bottom:20px;}

	.case-description {font-size: 50px;margin:100px 0 0 0;line-height: 110%;width:100%;}

	.case-slider {width:100%;overflow:hidden;height:auto;margin:30px 0 0 0;}
	.case-slider-w0 {width:100%;overflow:auto;padding-bottom:40px;overflow-y: hidden;}
	.case-slider-w {padding:0 40px 0 40px;width:max-content;display:flex;}
	.case-slide {width:308px;margin-right:20px;}

}


.case-stats {margin:70px 0 0 0;}
.case-stats-line {margin:30px 0 0 0;border-bottom:1px solid #fff;}
.case-stats-caption {font-size: 3.47vw;;max-width:57vw;margin:50px 0 0 0;line-height: 110%;width:70%;text-transform: uppercase;}
.case-stats-item {display: flex;width:100%;padding:25px 0 25px 0;border-top:1px solid #fff;align-items: center;}
.case-stats-item.item-2 {padding-left:20vw;}
.case-stats-item.item-3 {padding-left:35vw;}
.case-stats-item.item-4 {padding-left:50vw;}
.case-stats-item-value {font-size: 7.6vw;margin:0 50px 0 0;line-height: 100%;letter-spacing: -0.03em;text-transform: uppercase;color:#A07AFF;}

.case-stats-item-caption {font-size: 20px;line-height: 140%;max-width:250px;}

.case-video {width:100%;display: flex;justify-content: flex-end;margin:30px 0 0 0;}
.case-media-w {width:50%;border-radius:20px;overflow: hidden;}
.case-media {width:100%;height:auto;object-fit: cover;border-radius:20px;overflow: hidden;}

@media only screen and (min-width: 721px) {
	.case-stats-item-value.x3l {width:25vw}
	.case-stats-item-value.x3 {width:23vw}
	.case-stats-item-value.x2 {width:19vw}
	.case-stats-item-value.x2s {width:15vw}
	.case-stats-item-value.x1 {width:14vw}
}

@media only screen and (max-width: 720px) {
	.case-media-w {width:100%;}

	.case-stats {margin:100px 0 0 0;}
	.case-stats-line {margin:35px 0 0 0;border-bottom:2px solid #fff;}
	.case-stats-caption {font-size:60px;letter-spacing: -0.03em;margin:50px 0 0 0;line-height: 110%;width:100%;}
	.case-stats-item {display: block;width:100%;padding:35px 0 35px 0;border-top:2px solid #fff;align-items: center;}
	.case-stats-item.item-2 {padding-left:0;}
	.case-stats-item.item-3 {padding-left:0;}
	.case-stats-item.item-4 {padding-left:0;}
	.case-stats-item-value {font-size: 80px;margin:0 0px 10px 0;line-height: 100%;}
	.case-stats-item-value.x3 {width:auto;}
	.case-stats-item-caption {font-size: 28px;max-width:700px;}
}



.menu-button {position: fixed;right:0;top:-3px;width:134px;padding:10px 0px;z-index:9999;cursor: pointer;transform:scale(0.8)}
.menu-button span {display:block;background:#fff;transition: all .3s ease;height: 5px;width: 69px;background: #fff;margin: 16px auto;}
body.menu-opened span.s-1 {transform:rotate(45deg) }
body.menu-opened span.s-2 {transform:rotate(-45deg) translate(14px,-16px);}
body.menu-opened span.s-3 {display: none; }
body.menu-opened .menu-button {padding-top:40px;}


.menu-main {position:fixed;left:0;top:0;width:100%;height:100%;z-index:-999;background:#000 center center no-repeat;background-size: 100% 100%;opacity: 0;transition: all .5s ease;display: flex;align-items:center;justify-content:center;text-align:center;padding:0 0 0px 0px;text-transform: uppercase;}

.menu-w {position:relative;z-index: 100;}

.menu-item {font-size:36px;font-weight: 600;color:#fff;margin:0 0 6vh 0;transition:all .3s ease;transform: translateY(20%);opacity:0;}
.menu-item a {transition:all .5s ease;display: inline-block;}

body.menu-opened .menu-main {z-index:9998; opacity: 1;}
body.menu-opened .menu-item {opacity:1;transform: scale(1)}
body.menu-opened .menu-item.active {opacity:1;}


.menu-item.item-1 {transition-delay: .1s;}
.menu-item.item-2 {transition-delay: .2s;}
.menu-item.item-3 {transition-delay: .3s;}
.menu-item.item-4 {transition-delay: .4s;}
.menu-item.item-5 {transition-delay: .5s;}
.menu-item.item-6 {transition-delay: .6s;}



.menu-open:hover  {transform: scale(1.05)}

.menu-main {background:  #000 center center no-repeat;background-size: 100% 100%;}
.menu-item {font-size:42px;margin:0 0 0 0;padding:20px 0;}
.menu-item a {font-size:42px;margin:0 0 0 0;padding:15px 0;display: block}
.menu-main .button {margin-top:20px;}
.menu-main {padding:0 0 50px 0px;}


.page-top {height:90px;position:fixed;left:0;top:0;width:100%;z-index:1000;min-width:720px;transition: all 1s ease;background: #000;}
.page-top .logo {position: absolute;left:40px;top:40px;width:192px;}

img.rubber {width:100%;height:auto;display: block;}


.fancybox-content {border-radius:20px;background: #000;}
.fancybox-button {width:60px;height:60px;}
.popwinalert.fancybox-content {padding: 100px 70px;font-size: 28px;width: 600px;text-align: center;line-height:1.3;}
.poprepo {position:fixed;left:0;top:0;width:1px;height:1px;opacity: 0;z-index:-99999;}
.pop-feedback { width:1200px;border-radius:20px;padding:70px 70px;min-height:400px;background: #000;}
.fancybox-is-open .fancybox-bg {opacity: 0.5;}
.feedback-w {display:flex;flex-wrap:wrap;width:100%;justify-content: space-between;}
.feedback-meta {width:40%;}
.feedback-meta .caption {font-size:60px;text-transform: uppercase;line-height:1.1;margin:0 0 20px 0;}
.feedback-meta .title {font-size: 18px;line-height:1.3;}
.feedback-form {width:55%;}
.form-item {margin:0 0 20px 0;padding:0 0 0 10px;border-bottom:1px solid #fff;}

.checkbox-custom {width:20px;height:20px;background:url(../i/uncheck.png?1?5) no-repeat;background-size:contain;margin-right:10px;margin-top:3px;}
.checkbox-custom, .label {display:inline-block;vertical-align: middle;}
.checkbox:checked + .checkbox-custom {background:url(../i/check.png?1?6) no-repeat;background-size:contain;}
input.checkbox {display:none;}
.form-item-label {display: flex;align-items: flex-start;margin:30px 0 40px 0;  font-weight:400;}
.form-item-label a {text-decoration: underline; color:#fff;}
.form-item-label .label {display: block;padding-top:5px;font-size:16px;}

@media only screen and (max-width: 1200px) {
	.pop-feedback {width:1000px;}
	.feedback-meta .caption {font-size:40px;}
}

@media only screen and (max-width: 1000px) {
	.pop-feedback {width:100%;}
	.feedback-w {display: block;}
	.feedback-meta {width:100%;}
	.feedback-form {width:100%;margin-top:40px;}
}

@media only screen and (max-width: 720px) {
	.feedback-meta .caption {font-size:60px;}
	.feedback-meta .title {font-size: 24px;line-height:1.3;}
	.form-item-label .label {display: block;padding-top:0px;font-size:24px;}
	.checkbox-custom {width:30px;height:30px;margin-right:15px;}
}


.case-nav {margin-top:70px;width:100%;display: flex;justify-content: space-between;text-transform: uppercase;font-size:22px;}
.case-nav a {display: flex;align-items: ceneter;}
.case-nav img {width:60px;height:auto;display: block;}
.case-next img {margin-left:10px;}
.case-prev img {margin-right:10px;}