@font-face {
	font-family: 'TT_Bluescreens';
	src: url('../fonts/TT_Bluescreens_Black.woff2') format('woff2'),
	url('../fonts/TT_Bluescreens_Black.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT_Bluescreens';
	src: url('../fonts/TT_Bluescreens_Bold.woff2') format('woff2'),
	url('../fonts/TT_Bluescreens_Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT_Bluescreens';
	src: url('../fonts/TT_Bluescreens_DemiBold.woff2') format('woff2'),
	url('../fonts/TT_Bluescreens_DemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'TT_Bluescreens';
	src: url('../fonts/TT_Bluescreens_Medium.woff2') format('woff2'),
	url('../fonts/TT_Bluescreens_Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}


html {font-size:10px;}

td,table,img {padding:0; border:none;border-collapse:collapse;}
body {font-family: "TT_Bluescreens", sans-serif;font-weight:500;margin:0; padding:0; background:#348F36; font-size:24px;color:#fff;scroll-behavior: smooth;}




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

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

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;}

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

.button {
	padding:0px 5px 0px 5px;
	width:100%;
	height:64px;
	box-sizing:border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	-webkit-appearance: none;
	-webkit-border-radius: 0;
	outline:none;


	background: #124385;
	box-shadow: 4px 4px 0px 0px rgba(255, 255, 255, 1);
	border-radius: 0px;

	font-family: inherit;
	text-transform: uppercase;
	color:#fff;
	font-size:40px;
	border: none;


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

}

.button.row {flex-direction: row;}

.button img {display:flex;width:30px;height:auto;margin-right:10px;}

.button small {font-size:16px;font-weight: 400;text-transform: none;text-transform: uppercase;}
.button.green {background:#41982D;}
.button.white {background:#fff;color:#124385;box-shadow: 4px 4px 0px 0px #124385;}

.confirm-button {height:55px;filter: saturate(0);opacity:0.7;border:none;font-size:22px}
.confirm-button.active {filter: saturate(1);opacity: 1;}

input.cf,select.cf {
	background:none;
	border:none;
	height:60px;
	line-height:1;
	padding:15px 20px 0 20px;
	text-align: left;
	box-sizing:border-box;
	display:inline-block;
	font-family:inherit;
	font-weight:500;
	text-transform: uppercase;

	text-align: left !important;


	font-size:24px;
	width:100%;
	color:#000;
	outline:none;
	-webkit-appearance: none;
	-moz-appearance: none;;


}


input, input:autofill, textarea:autofill, select:autofill, input:hover, input:active, input:focus
{
	background: none; /* Optional: Smooth transition */
}

select.cf {
	padding:5px 20px 0 20px;

}



@media only screen and (max-width: 720px) {
	input.cf,select.cf {

		border:none;
		height:85px;
		line-height:85px;
		padding:20px 20px 0 20px;

		font-size:35px;

	}

	.button small {font-size:26px;}
}



@media only screen and (max-width: 720px) {
	h2 {font-size:56px;}
	input.cf, select.cf {height:88px;line-height:40px;font-size:40px;border-radius: 16px;}
	.button {height:90px;font-size:50px;}
	.button img {width:45px;}
}


.clickable {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor:pointer;}


.mobile {display: none;}
.desktop {display: block;}

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

@media only screen and (max-width: 720px) {
	body {width:720px;overflow: auto;min-width: 720px;background-size: 100% auto;}
	html {width:720px;min-width: 720px;min-height: 100vh}
	.main {width:720px; overflow: hidden;}
	body.mainpage {background-size: 100% auto;}
}

.loader {position:fixed;left:0;top:0;width:100%;height:100%;background:#79B6E8;align-items:center;justify-content:center;display:flex;z-index:9999;transition:z-index 0.1s ease .1s,opacity .1s ease}
body.ready-loader .loader {opacity:0;z-index:-10;}

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

.main {padding:0}



@media only screen and (max-width: 1000px) {
	.menu-button {position: fixed;right:5px;top:8px;width:134px;padding:10px 0px;z-index:9999;cursor: pointer;transform:scale(0.8)}
	.menu-button span {display:block;height:4px;width:90px;background:#fff;margin:20px auto;transition: all .3s ease;}
	body.menu-opened span.s-1 {transform:rotate(45deg) }
	body.menu-opened span.s-2 {transform:rotate(-45deg) translate(16px,-18px);}
	body.menu-opened span.s-3 {display: none; }
	body.menu-opened .menu-button {padding-top:40px;}
}


.fancySwiperHtml,.fancyHtml {position:fixed;left:0;top:0;width:1px;height:1px;opacity:0;z-index:-100}


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

	.page-top-navi.mobile {display: none;}
	.page-top-navi.desktop {display: block;}

	.page-top-navi-desktop {display: flex;padding:0 0 0 2vw}
	.page-top-navi-desktop .button {height:auto;font-size:min(1.566vw , 32px);;padding:.366vw 1.466vw;white-space:nowrap;font-weight:700;flex-direction: row;}
	.page-top-navi-desktop .button img {width:min(1.566vw , 32px);;margin-right:min(0.8vw , 12px);}
	.xpage-top-navi-bttn {padding-left:1.5vw;}

	.page-top {position:fixed;left:0;top:0;width:100%;z-index:1000;transition: all 1s ease;}

	.menu-main {position:fixed;left:0;top:0;width:100%;z-index:1999;transition: all 1s ease;color:#fff;background: #286724}
	.menu-w {display: flex;justify-content:space-between;align-items:center;width:100%;text-transform: uppercase;font-size:min(1.666vw , 32px);font-weight:700;padding:10px 40px 10px 230px;transition: all 1s ease;}
	.menu-item a {display: block;white-space:nowrap;padding:10px 0px;height:100%;display:flex;align-items:center;margin:0  1.166vw;transition: all 1s ease;}
	.logo-main {position:absolute;left:40px;top:0px;height:100%;display:flex;align-items:center;width:170px;transition: all 1s ease;z-index: 9999}



	body.scrolled .lk-button img {width:35px;}


}

@media only screen and (max-width: 1000px) {

	.logo-main {position:fixed;left:0;top:0;padding:25px;width:100%;background:#266525;transition: all 1s ease;z-index: 998}

	.logo-main img {width:280px;}

	.logo-main-lk {position:fixed;top:25px;right:140px;width:84px;z-index:999;}

	body.menu-opened .logo-main {background:none;}


	.menu-main {position:fixed;left:0;top:0;width:100%;height:100%;z-index:-999;color:#fff;background:#273151 url(../i/bgm.png) center top 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:32px;font-weight: 400;color:#fff;margin:0 0 4vh 0;transition:all .3s ease;transform: translateY(20%);opacity:0;}
	.menu-item a {color:#124385;transition:all .5s ease;font-size:48px;margin:0 0 0 0;padding:0px 0;display: block;font-weight: 700;}

	.menu-lk-button {width:640px;margin:100px auto  auto  auto;}

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


	.menu-main .button {margin:20px auto;width:500px;}

	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;}

	body.menu-opened .menu-parts {opacity:1;transform: none;}


}

@media only screen and (max-width: 720px) {

	.fancybox-content {width:670px;padding:50px 30px 50px 30px}

	.popwinalert.fancybox-content {font-size:40px}

	.fancybox-slide--html .fancybox-close-small {
		color: currentColor;
		padding: 0px;
		right: 0px;
		top: 0px;
		width:60px;height:60px;
		background-size: 40px 40px;
	}
	.fancybox-slide--html .fancybox-close-small svg {}

	.page-top {height:110px;position:fixed;left:0;top:0;width:100%;z-index:1000;transition: all 1s ease;}
	.page-top .logo {position: absolute;left:40px;top:15px;width:280px;}
	.page-top {width:720px;min-width: 720px;}
}

.page-top-navi {z-index:9999;position:fixed;right:1.5vw;top:30px;display: flex;transition: all 0.5s ease;}
.page-top-navi.mobile {right:140px;top:20px}
body.menu-opened .page-top-navi.mobile {display: none;}
.page-top-navi.mobile div {width:80px;margin:0 10px;transition: all 1s ease;}

.cookies {position:fixed;font-size:26px;z-index:9999;bottom:20px;left:50%;width:95%;transform:translateX(-50%);padding:30px 280px 30px 30px;background: #348F36;}
.cookies a {text-decoration:underline;}
.cookies .xs {font-size:14px;}
.cookies .button {width:209px;margin:0;}

.cookies-bttn {position:absolute;right:30px;top:30px;}

@media only screen and (max-width: 860px) {
	.cookies  {font-size:28px;}
	.cookies-bttn {position:relative;right:auto;top:auto;margin:40px 0 0 0;width:100%;}
	.cookies-bttn .button {width:100%;}
	.cookies {padding:30px;}
}

.age-gate {position:fixed;z-index:99999; left:0;top:0;width:100%;height:100%;   background:#000 url(../i/18/bg.webp) center center no-repeat;background-size: cover; display: flex;align-items: center;justify-content: center;}
.age-gate-w {max-width:900px;padding:50px 40px 120px 40px;color:#fff;}
.age-gate .caption {font-size:84px;font-weight:700;margin:0 0 0px 0;text-transform: uppercase;text-align: center;}
.age-gate .intro {font-size:22px;line-height:1.3;margin:0 0 40px 0;position: absolute;left:0;bottom:50px;width:100%;text-align: center;text-transform: uppercase;font-size:22px;font-weight:700;}
.age-gate .bttns {display: flex;justify-content: center;width:100%;margin:auto;max-width:600px;}
.age-gate .button {margin:0 10px;}

@media only screen and (max-width: 750px) {
	.age-gate {background:#000 url(../i/18/bgm.webp) center top no-repeat;background-size: cover;}
	.age-gate-w {max-width:700px;padding:100px 40px;border-radius:20px;text-align:center;color:#012653}
	.age-gate .caption {font-size:68px;font-weight:700;margin:0 0 200px 0;color:#fff;}
	.age-gate .intro {font-size:40px;line-height:1.3;padding:0 60px 0px 60px;margin:0;}
	.age-gate .bttns {display: block;justify-content: center;width:100%;max-width:600px;}
	.age-gate .button {margin:20px 0px;}

}

.fancybox-content {color:#fff;;padding:50px 70px 50px 70px;
	background: url(../i/form.png) no-repeat;
	background-size: 100% 100%;

	overflow: visible;
}
.popwinalert.fancybox-content {font-size:40px;max-width: 600px;text-align: center;line-height: 1.4;}

.fancybox-content.pop-m {width:540px;padding:50px 70px 50px 70px;}
.fancybox-content.pop-s {width:540px;padding:50px 70px 50px 70px;}
.fancybox-content.pop-l {width:780px;padding:50px 70px 50px 70px;}
.fancybox-slide {padding:40px 40px 0 40px}
.fancybox-slide--html .fancybox-close-small {top:-30px;right:-40px;}
.form-popup .fancybox-button {width:50px;height:50px;opacity:1;background: url(../i/close.png) no-repeat;background-size: contain;}

.fancybox__content > .f-button.is-close-btn {top:26px;right:10px;}
.f-button:focus-visible {box-shadow: none;}
.fancybox__backdrop {background: rgba(0, 0, 0, 0.50);backdrop-filter: blur(25px);}


@media only screen and (max-width: 720px) {
	.fancybox-slide {padding:40px 10px 0 10px}

	.pop-l.fancybox-content {background-image: url(../i/forml.png)}

	.fancybox-slide--html .fancybox-close-small {top:-40px;right:0px;}
	.fancybox__content > .f-button.is-close-btn {top:55px;right:15px;--f-button-svg-width:32px;}
	.fancybox__content > .f-button.is-close-btn svg {width:32px;height:32px;}
	.fancybox__content {color:#fff;padding:80px 70px 70px 70px;}

	.fancybox-content.pop-m {width:700px;padding:80px 70px 90px 70px;}
	.fancybox-content.pop-s {width:700px;padding:80px 70px 70px 70px;}
	.fancybox-content.pop-l {width:700px;padding:80px 50px 50px 50px;}

	.popwinalert.fancybox-content {font-size:60px;}
}

.label-set {margin:10px 0 30px 0;text-transform: uppercase;;}
.form-group {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.form-group.col-5 .form-item {width:19%;}
.form-group.col-4 .form-item {width:24%;}
.form-group.col-3 .form-item {width:32%;}
.form-group.col-2 .form-item {width:49%;}
.form-group .form-item {margin:0px 0 15px 0;width:100%;}

.form-footer-captcha {margin:15px 0;}

.form-caption {
	font-style: normal;font-weight: 800;font-size: 59px;line-height: 100%;text-align: center;text-transform: uppercase;
	margin:0 0 20px 0;
	transform: rotate(-2deg);
}
.form-caption-prize {font-size:28px;text-align: center;margin:0px 0 20px 0;text-transform: uppercase;}

.form-item {position:relative;height:60px;background: #fff;margin:15px 0;}
.form-item.transparent {background: none;}
.form-item .placeholder {font-size:24px;text-transform:uppercase;position:absolute;font-weight:400;color:#888888;left:20px;top:17px;z-index:1;transition:transform 0.2s ease;transform-origin:left top;white-space: nowrap;}
.form-item-dadata {width:100%;}
.form-footer-captcha {transform: scale(1.32);;transform-origin:left top;margin-bottom:30px;}

.form-body-prize-image {width:100%;padding:0 50px;}
.form-body-prize-image img {width:100%;height:auto;transform:scale(1)}

@media only screen and (min-width: 721px) {
	.form-footer-captcha.g-recaptcha-register {transform: none;}
	.form-footer-reg-row  {display: flex;width:100%;}
	.form-footer-reg-col-1 {width:51%;}
	.g-recaptcha-register {padding:25px 0 0 0;}
}

@media only screen and (max-width: 720px) {
	.form-item {height:88px;position: relative;left:0;top:0}
	.form-item .cf {width:100%;}
	.form-footer-captcha {transform-origin:left top;transform: scale(1.85);margin-bottom:80px;}


	.form-caption {text-transform: uppercase;color:#fff;text-align: center;font-weight:700;font-size:80px;margin:0 0 20px 0;}
	.form-caption-prize {font-size:48px;text-align: center;margin:30px 0 0 0;}

	.form-item {}
	.form-group {width: 100%;display: block;}
	.form-group-auth-checkbox {display: flex;}
	.form-group.col-5 .form-item {width:100%;}
	.form-group.col-4 .form-item {width:100%;}
	.form-group.col-3 .form-item {width:100%;}
	.form-group.col-2 .form-item {width:100%;}
	.form-group .form-item {margin:25px 0 0 0;}
	.form-item .placeholder {left:20px;top:22px;font-size:37px;}

	.label-set {margin:50px 0;text-transform: uppercase;;}


}

.form-item .input {position:absolute;left:0;top:0;width:100%;z-index:2;}
.form-item.filled .placeholder {transform:translateY(-10px) scale(0.7);z-index:3;}

.checkbox-custom {width:30px;min-width:30px;height:30px;background:url(../i/checkoff.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/checkon.png?1?6) no-repeat;background-size:contain;}
input.checkbox {display:none;}
.form-item-label {display: flex;align-items: flex-start;margin:4px 0;  font-weight:400;}
.form-item-label a {text-decoration: underline; color:#fff;}
.form-item-label .label {width:750px;display: block;padding-top:5px;font-size:24px;}
.form-text {line-height:1.24;font-size: 28px;text-align: center;}
.form-text.bottom {color:#fff;text-transform: none;margin:20px 0 0 0;font-size:20px;}
.form-text.bottom a {text-decoration: underline;}
.form-text h2 {margin:20px 0 20px 0;font-size: 24px;font-weight: 700;}

.form-text-order {text-transform: uppercase;margin:30px 0;line-height: 1.4;}

.form-text-resend {margin-top:20px;}
.form-text-resend a {text-decoration: dashed;}

.pass-button {color:#fff;font-size:24px;text-align: right;margin:0 0 20px 0;text-transform: uppercase;}
.pass-button a {display: inline-block;border-bottom:2px solid #fff;}
.form-links {text-align: center;margin:25px 0 0 0;text-transform: uppercase;}
.form-links a {color:#fff;display: inline-block;margin:0 10px;border-bottom:2px solid #fff;}

.auth-label {width:230px;margin:0 0 20px 0;text-transform: uppercase;}
.auth-label .form-item-label {width: 262px;}
.auth-label .form-item-label .label {width:auto}

.suggestions-wrapper {color:#000;text-transform: none;font-weight:400;}

@media only screen and (max-width: 720px) {

	.auth-label {width:250px;margin:20px 0 40px 0;}

	.pass-button {font-size:34px;text-align: right;margin:20px 0 40px 0;}
	.pass-button a {display: inline-block;border-bottom:2px solid #fff;}
	.form-links {text-align: center;margin:35px 0 0 0;text-transform: uppercase;font-weight:700;}
	.form-links a {display: inline-block;margin:0 10px;border-bottom:2px solid #fff;}

	.form-text.bottom {font-size:34px;}

	.checkbox-custom {width:40px;height:40px;}
	.form-item-label .label {width:550px;display: block;padding-top:5px;font-size:34px;}

	.form-item.filled .placeholder {transform:translateY(-15px) scale(0.7);z-index:3;}

	.form-text {font-size: 40px;margin-bottom:25px;}
	.form-text h2 {margin:20px 0 20px 0;font-size: 34px;font-weight: 700;}
	.form-links  {font-size:39px;}

}


.qr-video-wrapper {display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:446px;padding:0px;border-radius: 40px;margin:40px 0;background:url(../i/form/qr.png?1) center center no-repeat;}
.qr-message {text-align: center;font-size:26px;line-height:1.2;;font-weight:700;}
.qr-message .qrpopupmessage {margin: 0 0 40px 0;text-transform: uppercase;}
.qr-message .form-caption {margin:40px 0 20px 0}
.qr-message .image {margin:0 0 40px 0;text-align: center;font-size:36px;line-height:1.2;}
.qr-bttn {margin:20px 0;}
#qr-video {width:100%;height:100%;object-fit: cover;border-radius: 40px;}

@media only screen and (max-width: 720px) {

	.qr-video-wrapper {display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:446px;padding:0px;border-radius: 40px;margin:40px 0;background:url(../i/form/qr.png?1) center center no-repeat;}
	.qr-message {text-align: center;font-size:36px;line-height:1.2;;}
	.qr-message .qrpopupmessage {margin: 40px 0 60px 0;text-transform: uppercase;font-size:42px;}
	.qr-message .form-caption {margin:40px 0 20px 0;font-size:60px;}
	.qr-message .icon img {width:160px;}
	.qr-message .image {margin:0 0 40px 0;text-align: center;font-size:36px;line-height:1.2;}
	.qr-bttn {margin:20px 0;}
	#qr-video {width:100%;height:100%;object-fit: cover;border-radius: 40px;}

}

.check-upload-image {width:400px;margin:30px 0 30px 0;min-height:208px;background: rgba(0, 0, 0, 0.20);;position:relative;font-size:38px;font-weight:700;color:#fff;text-transform:uppercase;border:2px dashed #000;overflow: hidden;border-radius: 12px;}
.check-upload-image .caption {position:absolute;padding-top:20px;left:0;top:40px;width:100%;text-align: center;background-size:35px auto;}
.check-upload-image input {font-size:2000px;}
.check-upload-image .check-input {height:158px;overflow:hidden;opacity:0;position: absolute;left:0;top:0;z-index:10;}
.cpreview {width:390px;max-height:300px;object-fit: cover;position: relative;z-index:10;display: block;}
.form-footer-check {display: none}
.form-footer-check.active {display: block}

.form-footer-check-manual {display: none}
.form-footer-check-manual.active {display: block}

@media only screen and (max-width: 720px) {
	.check-upload-image {width:100%;margin:40px auto 30px auto;min-height:320px;background: rgba(0, 0, 0, 0.20);position:relative;font-size:32px;color:#fff;border:2px dashed #000;overflow: hidden;}
	.check-upload-image .caption {position:absolute;padding-top:100px;left:0;top:40px;width:100%;text-align: center;background-size:55px auto;}
	.check-upload-image input {font-size:200px;}
	.check-upload-image .check-input {height:158px;overflow:hidden;opacity:0;position: absolute;left:0;top:0;z-index:10;}
	.cpreview {width:100%;max-height:500px;object-fit: cover;position: relative;z-index:10;display: block;}
	.form-footer-check {display: none}
	.form-footer-check.active {display: block}
}



.m-footer {width:100%;padding:50px 50px 30px 50px;background:url(../i/fbg.png) no-repeat;background-size: 100% 100%;color:#124385;margin-top:-50px;}
body.quest .m-footer {background-image:url(../i/bg3.webp) }
body.quest  {background:#fff; background-size: cover}
.m-footer .menu {font-style: normal;margin:0px 0 0px 0;font-weight: 700;font-size: 30px;line-height: 100%;text-align: center;text-transform: uppercase;}
.m-footer .menu ul {display: flex;width:100%;justify-content: center}
.m-footer .menu a {display: block;padding:10px 15px;}


.m-footer .rules {font-size: 22px;line-height: 130%;text-align: center;max-width:1150px;padding:10px 50px 20px 50px;margin: auto}

@media only screen and (max-width: 1000px) {

	.m-footer {padding:100px 20px 30px 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;background-image:url(../i/fbgm.png)}
	.m-footer .menu {font-size:44px;}
	.m-footer .menu ul {display: block}
	.m-footer .menu a {padding:20px 0;}
	.m-footer .rules {font-size:32px;padding:40px 0px}
	.m-footer .legal {margin-top:30px;opacity:0.3;}

}



.main-faq {width:100%;max-width:1100px;margin:30px auto;padding:0 0 50px 0;display: block;}

.faq-list {width:100%;height:500px;overflow:auto;text-align:left;}

.faq-list::-webkit-scrollbar {  height: 4px; width: 6px; border: 1px solid rgba(0,0,0,0);}
.faq-list::-webkit-scrollbar-thumb {background: #fff;border-radius:0px;}


.faq-item {margin:-1px 10px 0px 0;

	border: 1px solid #fff;
}
.faq-title {margin:0 0 0px 0;padding:15px 50px 15px 25px;cursor:pointer;font-size:40px;font-weight:700;line-height:1.4;text-transform: uppercase;position:relative;}
.faq-title:before {display: block;width:18px;height:9px;position: absolute;right:30px;top:30px;content:'';background: url(../i/faq.png) center center no-repeat;background-size:contain;transition:transform .5s ease;}
.faq-item.active {background: #fff;color:#124385}
.faq-item.active .faq-title {}
.faq-item.active .faq-title:before {transform:rotateX(0deg);background-image: url(../i/faq2.png)}
.faq-body {max-height:0px;overflow: hidden;font-family: "Inter";font-size:14px}
.faq-item.active .faq-body {transition: all 0.4s ease;transform: translateY(-10px)}
.faq-item.active .faq-body {max-height:1000px;}
.faq-body-w {padding:0px 30px 10px 30px;transition: all .4s ease; }
.faq-item p {font-weight: 400;font-size: 20px;line-height: 130%;text-transform: none;}

.faq-button {margin:30px auto;width:340px;}

@media only screen and (max-width: 720px) {
	.main-faq {width:100%;margin:30px auto;display: block;padding:0 40px;}

	.faq-button {margin:20px auto;width:640px;}

	.faq-list {width:100%;height:auto;padding-left:0px;border-top:2px solid #fff;}


	.faq-item {margin:-2px 0px 0px 0;
		background: none;
		border: 2px solid #fff;

	}
	.faq-title {margin:0 0 0px 0;padding:25px 70px 25px 25px;font-size:44px;}
	.faq-title:before {width: 28px;
		height: 18px;
		right: 22px;
		top: 47px;}
	.faq-item.active .faq-body {max-height:1000px;}
	.faq-body-w {padding:20px 30px 35px 205x;}
	.faq-item p {font-size: 32px;}

}


.page-section {padding:100px 30px 0px 30px;width:100%;position: relative;}
.page-section-w {max-width:1750px;min-width:900px;width:100%;margin:auto;position: relative;z-index: 10;}
.page-section-caption {width:100%;display: flex;justify-content: center; transform: rotate(-2deg);}
.page-section-caption-2 {font-weight: 700;font-size: 36px;line-height: 85%;text-align: center;text-transform: uppercase;margin-top:20px;position: relative;z-index:100;}
.page-section-caption h2 {display:inline-block;padding:30px 40px;font-weight: 800;  font-size: 90px;  line-height: 100%;  text-align: center;  text-transform: uppercase;  color: #124385; background: center center no-repeat;background-size: 100% 100%;}

.page-section-caption.gifts h2 {background-image: url(../i/h2/gifts.png?)}
.page-section-caption.rules h2 {background-image: url(../i/h2/rules.png?);padding:30px 60px 30px 90px;}
.page-section-caption.sku h2 {padding-left:80px;background-image: url(../i/h2/sku.png?)}
.page-section-caption.qa h2 {padding-right:80px;background-image: url(../i/h2/qa.png?);}


.page-section.page-section-3 {padding-top:0;margin-top:-50px}

@media only screen and (max-width: 720px) {
	.page-section {padding:70px 0px 0px 0px;}
	.page-section-w {max-width:1750px;min-width:640px;width:100%;margin:auto;background-size: 640px auto;padding:0 0 60px 0;}
	.page-section-caption {padding:0 20px;line-height: 100%;}
	.page-section-caption-2 {font-size:44px;margin-top:40px;}
	.page-section-caption h2 {font-size:77px;}

	.page-section-caption.sku h2 {padding-left:40px;background-image: url(../i/h2/skum.png?)}
}


.m-kv {height:100vh;overflow:hidden;position:relative;max-height:55vw;padding:80px 0 0 0;background:#348f36 url(../i/kv/bg.webp) right 10% top no-repeat;background-size: 100% auto;}
.m-kv-scene {width:67%;position:absolute;right:0;top:0px;}
.m-kv-scene .scene-layer {width:100%;position:absolute;right:0;top:0px;}

.m-kv-scene .scene-layer.black {animation: black 2s linear infinite}
.m-kv-scene .scene-layer.flash {animation: flash 1s linear infinite}
.m-kv-scene .scene-layer.wave {animation: wave 1s linear infinite}
.m-kv-scene .scene-layer.sku {  perspective: 1000px;perspective-origin: 50% 50%;}
.m-kv-scene .scene-layer.sku img {animation: sku 5s linear infinite}

@keyframes flash {
	0%{transform: scale(1)}
	10%{transform: scale(1.02)}
	90%{transform: scale(1)}
	100%{transform: scale(1.02)}
}

@keyframes black {
	0%{transform: scale(1)}
	10%{transform: scale(1.03)}
	90%{transform: scale(1)}
	100%{transform: scale(1.03)}
}

@keyframes wave {
	0%{transform: scale(1.02)}
	10%{transform: scale(1)}
	90%{transform: scale(1.02)}
	100%{transform: scale(1)}
}

@keyframes sku {
	0%{transform: rotateY(0deg)}
	50% {transform: rotateY(7deg)}
	100%{transform: rotateY(0deg)}
}

.m-kv-date {font-weight: 700;font-size: 40px;text-transform: uppercase;

	transform: rotate(-4.13deg);
	position: absolute;
	left:4%;top:20%;
	font-size:2vw;
	padding:1vw 2vw;
	background: url(../i/kv/date.png) no-repeat;
	background-size: 100% 100%;

}

.m-kv-wrap {position: absolute;left:6%;top:38%;}

.m-kv-wrap .caption {font-size:min(3.6vw , 70px);text-transform: uppercase;font-weight:800;line-height: 100%;}
.m-kv-wrap .button {margin-top:30px;}

@media only screen and (max-width: 720px) {
	.m-kv {background:#348f36 url(../i/kv/bgm.png) right top no-repeat;background-size: 100% auto;height:1100px;max-height: 1200px;margin-top:100px;}
	.m-kv-scene {width:950px;position:absolute;right: -307px;top: 93px;}
	.m-kv-date {font-size:40px;padding:20px 30px;top:100px;left:50px;}
	.m-kv-wrap {position: relative;left:auto;top:auto;padding:730px 40px 0 40px;}
	.m-kv-wrap .caption {font-size:52px;}
	.m-kv-wrap .caption br {display: none;}
	.m-kv-wrap .button {font-size: 56px;font-weight: 700;width:470px;}

	.m-kv-scene .scene-layer.wave img {transform: scale(1.11)}
}

.m-cabinet {padding:100px 0 0 0;}



.cab-title {width:100%;display: flex;justify-content: center; transform: rotate(-2deg);}
.cab-title h2 {display:inline-block;padding:30px 40px;font-weight: 800;  font-size: 70px;  line-height: 100%;  text-align: center;  text-transform: uppercase;  color: #124385; background:url(../i/h2/gifts.png?) center center no-repeat;background-size: 100% 100%;}


.m-cabinet {padding:120px 0 50px 0;}
.cab-section {padding:0 30px 20px 30px;width:100%;position: relative;}

.cab-section-w {max-width:1150px;width:100%;margin:auto;}

.cab-title-2 {text-align: center;margin:40px 0 20px 0;}
.cab-title-2 h2 {font-size:50px;font-weight:700;color:#124385;text-transform: uppercase;}

@media only screen and (max-width: 720px) {
	.cab-title-2 h2 {font-size:72px;}
}

.cabinet-row {margin:40px 0 0 0;width:100%;display: flex;justify-content: space-between;}
.cabinet-col.user-data {width:48%;}
.c-user-data {min-height:285px;padding:30px 30px 15px 35px;background: #fff;color:#124385;}
.c-user-data .user-data {font-size: 30px;line-height: 100%;}
.c-user-data .user-data p {margin:10px 0;	overflow:hidden;width:100%;  text-overflow: ellipsis;white-space: nowrap;text-transform: uppercase;}
.c-user-data .user-name {font-weight: 700;font-size: 40px;margin-bottom:15px;line-height: 120%;text-transform: uppercase;}
.c-user-data .user-data p.bttns {display: flex;flex-wrap:wrap;margin:25px 0 0 0 ;}
.c-user-data .bttns .button {width:auto;margin:0 15px 15px 0;padding:0 30px;}
.c-user-data .bttns .button img {margin:0 0 0 15px;width:24px;}

.cabinet-col.check-count {min-height:285px;width:48%;background: #124385;padding:30px 35px 30px 35px;}
.check-count-stats {width:100%;display: flex;min-height:110px;margin-bottom:18px;}
.c-check-count {width:50%;}
.c-check-count.balls {border-left:1px solid #fff;padding-left:30px;}
.cabinet-col.check-count .bttn {padding:30px 0 0 0;}
.c-check-count-value .value {font-weight: 700;font-size: 75px;line-height: 100%;text-transform: uppercase;color: #348F36;}
.c-check-count-value .caption {font-weight: 700;font-size: 35px;line-height: 100%;text-transform: uppercase;color: #FFFFFF;}

@media only screen and (max-width: 720px) {

	.m-cabinet {padding:160px 0 0 0;}
	.cabinet-row {display: block;}
	.cabinet-col.user-data {width:100%;margin:0 0 10px 0;}
	.c-user-data .user-data p {font-size:40px;}
	.c-user-data .user-name {font-size:60px;}
	.cabinet-col.check-count {width:100%;}
	.check-count-stats {display: block;min-height: 80px;}
	.c-user-data .user-data p {margin:15px 0; }
	.c-check-count {width:100%;}

	.c-check-count.balls {border-top:2px solid #fff;border-left:none;margin:10px 0 0 0;padding:10px 0 0 0;}
	.c-check-count-value {display: flex;align-items: center;}
	.c-check-count-value .value {font-size:120px;width:150px;text-align: center;}
	.c-check-count-value .caption {font-size:56px;}
}


.c-checks {text-transform:uppercase;font-size:24px;
	background: url(../i/table.webp) no-repeat;background-size: 100% 100%;

	padding:50px 60px 40px 80px;
	margin:0px 0 0 0;
}
.c-checks table {width:100%;margin:0px 0 0 0;}
.c-checks td {padding:15px 20px 15px 0px;font-weight:700;vertical-align: top;color:rgba(0,0,0,0.6);border-top:1px solid rgba(0,0,0,0.3);}

.c-checks td .accent {color:#000;}
.c-checks tr {}
.c-checks tr:first-child td {border:none;}
.c-status {position:relative;padding:4px 0 4px 33px;background:left top 2px no-repeat;background-size: 30px auto;margin-top: -4px;filter:saturate(0);}
.c-status.ok {background-image:url(../i/cabinet/status1.png?1)}
.c-status.wait {background-image:url(../i/cabinet/status0.png?1)}
.c-status.wrong {background-image:url(../i/cabinet/status2.png?1);}

.c-status {}

@media only screen and (min-width: 721px) {
	.c-status.wrong {padding:4px 100px 4px 40px }
	.recheck-button {margin-left:-30px;margin-top:10px;}
	.recheck-button .button {height:40px;line-height:40px;width:210px;font-size:22px;filter: saturate(0);}


}

.c-empty {text-align: center;font-size:33px;color:#124385;padding:60px 0;font-weight:700;}
.reload-button {width:300px;margin:30px auto auto auto;}

@media only screen and (max-width: 720px) {
	.c-empty {font-size:63px;}
	.c-checks {padding: 30px;background: url(../i/tablem.webp) no-repeat;background-size: 100% 100%;}
	.c-checks td {display: block;border:none;font-size:40px;padding:10px 30px 0px 30px}
	.c-checks table {display: block;}
	.c-checks tr {display: block;padding:20px 0;width:600px;border-top:2px solid rgba(0,0,0,0.3)}
	.c-checks tr:first-child {border:none;}
	.c-status {padding:0px 0 0px 55px;background-size: 42px 42px;}

	.recheck-button {margin:20px 0 0 -55px;}
	.recheck-button .button {height:80px;line-height:80px;width:410px;font-size:46px;filter: saturate(0);}
}