@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Druk Wide Cyr';
    src: url('DrukWideCyr-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body { 
	position: relative;
	line-height: 1.2;
	font-family: "Exo 2", sans-serif;
	overflow-x: hidden;
	margin:0;
	color: #F4F4F4;
	background: #151515;
}
#wrapper{
	overflow: hidden;
	width: 100%;
	position: relative;
}
ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
a,:after,:before, .owl-nav> div, input, svg path, svg rect{transition: ease 0.3s all;}
.top-box {
	background: url(../img/bg-top.jpg) 50% / cover no-repeat;
	height: 100vh; 
}
.header {
	position: absolute;
	width: 100%;
	left: 0;
	top: calc((50 / 1920) * 100vw);
	z-index: 4;
	padding: calc((10 / 1920) * 100vw) 0;
}
.header.fixed {
	position: fixed;
	background: #151515;
	top: 0;
}
.fixed-button {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: calc((20 / 1920) * 100vw) 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 4;
	opacity: 0;
}
.fixed-button.fixed {
	opacity: 1;
}
.fixed-button.fixed .btn {
	opacity: .5;
}
.fixed-button.fixed .btn:hover {
	opacity: 1;
}
.btn {
	font-family: 'Druk Wide Cyr';
	font-weight: 700; 
	font-size: calc((22 / 1920) * 100vw); 
	line-height: 110%;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	padding: calc((12 / 1920) * 100vw) calc((30 / 1920) * 100vw);
	border-radius: calc((30 / 1920) * 100vw);
	background: #fff;
	color: #FF230A;
	text-decoration: none;
}
.btn:hover {
	opacity: .8;
}
.container {
	max-width: calc((1560 / 1920) * 100vw);
	margin: 0 auto;
}
.flex-beetween {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc((168 / 1920) * 100vw);
}
.logo img {
	width: 100%;
	display: block;
}
.mnu {
	display: flex;
	gap: calc((24 / 1920) * 100vw); 
	font-weight: 300; 
	font-size: calc((20 / 1920) * 100vw); 
}
.mnu a {
	color: #F4F4F4;
	text-decoration: none;
}
.top-box .container {
	height: 100%;
}
.top-box .texts {
	padding-top: calc((100 / 1920) * 100vw);
	align-items: flex-start;
	width: 100%;
}
.top-box .t1 { 
	font-weight: 300; 
	font-size: calc((40 / 1920) * 100vw); 
	margin-bottom: calc((10 / 1920) * 100vw); 
}
.top-box .t2 { 
	font-family: 'Druk Wide Cyr';
	font-weight: 700; 
	font-size: calc((60 / 1920) * 100vw); 
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: calc((10 / 1920) * 100vw); 
}
.top-box .t3 { 
	font-weight: 300; 
	font-size: calc((20 / 1920) * 100vw); 
	line-height: 110%;
	margin-bottom: calc((70 / 1920) * 100vw);
}
.top-box .bx2 {
	text-align: right;
}
.details {
	padding: calc((120 / 1920) * 100vw) 0; 
}
.details .title {
	font-family: 'Druk Wide Cyr';
	font-weight: 700;
	font-size: calc((60 / 1920) * 100vw);
	line-height: 110%;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: calc((85 / 1920) * 100vw);
}
.details .info {
	align-items: flex-start;
	margin-bottom: calc((85 / 1920) * 100vw);
}
.details .info .t1 { 
	font-weight: 300; 
	font-size: calc((20 / 1920) * 100vw); 
	line-height: 110%;
	margin-bottom: calc((15 / 1920) * 100vw);
}
.details .info .t2 { 
	font-weight: 300; 
	font-size: calc((30 / 1920) * 100vw); 
	line-height: 100%; 
	color: #FF230A;
	margin-bottom: calc((5 / 1920) * 100vw);
}
.details .info .t3 {
	font-size: calc((14 / 1920) * 100vw); 
	color: #F4F4F480; 
}
* {
	box-sizing: border-box;
}
.boxes {
	display: grid;
	grid-template-areas:
  "a a b"
  "c c c"
  "d e e";
	gap: calc((20 / 1920) * 100vw);
}
.boxes .bx1 {grid-area: a; background: url(../img/bx1.jpg) 50% / cover no-repeat;}
.boxes .bx2 {grid-area: b; background: url(../img/bx2.jpg) 50% / cover no-repeat;}
.boxes .bx3 {grid-area: c; background: url(../img/bx3.jpg) 50% / cover no-repeat;}
.boxes .bx4 {grid-area: d; background: url(../img/bx4.jpg) 50% / cover no-repeat;}
.boxes .bx5 {grid-area: e; background: url(../img/bx5.jpg) 50% / cover no-repeat;}
.boxes .bx {
	border-radius: calc((40 / 1920) * 100vw);
	padding: calc((40 / 1920) * 100vw);
	font-family: 'Druk Wide Cyr';
	font-weight: 700;
	font-size: calc((25 / 1920) * 100vw);
	line-height: 120%; 
	text-transform: uppercase;
	height: calc((348 / 1920) * 100vw);
}
.boxes .bx span {
	color: #FF230A;
}
.info-block {
	height: calc((735 / 1920) * 100vw);
	background: url(../img/texts.png) 50% / contain no-repeat;
	text-align: center;
	padding-top: calc((200 / 1920) * 100vw);
}
.info-block .t1 {
	font-family: 'Druk Wide Cyr';
	font-weight: 700; 
	font-size: calc((80 / 1920) * 100vw); 
	line-height: 110%;  
	text-transform: uppercase;
	margin-bottom: calc((36 / 1920) * 100vw);
}
.info-block .t2 {
	font-weight: 300;
	font-size: calc((40 / 1920) * 100vw);
	line-height: 110%;  
	color: #FF230A;
}
.reward {
	padding: calc((120 / 1920) * 100vw) 0;
}
.reward .title {
	font-family: 'Druk Wide Cyr';
	font-weight: 700;
	font-size: calc((60 / 1920) * 100vw);
	line-height: 110%;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: calc((120 / 1920) * 100vw);
}
.reward .title span {
	color: #FF230A;
}
.reward .frame {
	padding: calc((68 / 1920) * 100vw) calc((86 / 1920) * 100vw);
	background: #FF230A;
	position: relative;
	border-radius: calc((40 / 1920) * 100vw);
}
.reward .img {
	position: absolute;
	right: calc((-50 / 1920) * 100vw);
	top: calc((-180 / 1920) * 100vw);
	width: calc((1050 / 1920) * 100vw);
}
.reward .img img {
	width: 100%;
	display: block;
}
.reward .t1 {
	font-family: 'Druk Wide Cyr';
	font-weight: 700; 
	font-size: calc((40 / 1920) * 100vw);
	line-height: 110%;
	text-transform: uppercase;
	margin-bottom: calc((100 / 1920) * 100vw);
}
.reward .t2 {
	font-family: 'Druk Wide Cyr';
	font-weight: 700; 
	font-size: calc((20 / 1920) * 100vw);
	line-height: 110%;
	text-transform: uppercase;
	margin-bottom: calc((10 / 1920) * 100vw);
}
.reward .t3 { 
	font-weight: 300; 
	font-size: calc((22 / 1920) * 100vw);
	line-height: 110%;  
}
.copter {
	padding: 0 calc((105 / 1920) * 100vw);
	position: relative;
}
.copter .bg img {
	width: 100%;
	display: block;
}
.copter .texts {
	position: absolute;
	height: 100%;
	z-index: 2;	
	left: 0;
	top: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: calc((27 / 1920) * 100vw);
	align-items: center;
	justify-content: center;
	width: 100%;
}
.copter .t1 {
	font-family: 'Druk Wide Cyr';
	font-weight: 700; 
	font-size: calc((60 / 1920) * 100vw);
	line-height: 110%;
	text-transform: uppercase; 
}
.copter .t2 {
	font-weight: 300;
	font-size: calc((40 / 1920) * 100vw);
	line-height: 110%; 
	text-align: center;
	color: #FF230A;
}
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.cir {
	position: absolute;
	animation: rotation 3s linear infinite;
	width: calc((220 / 1920) * 100vw);
}
.cir img {
	width: 100%;
	display: block;
}
.cir1 {
	right: calc((466 / 1920) * 100vw);
	top: calc((173 / 1920) * 100vw);
}
.cir2 {
	left: calc((466 / 1920) * 100vw);
	bottom: calc((122 / 1920) * 100vw);
}
.why {
	padding: calc((50 / 1920) * 100vw)  calc((10 / 1920) * 100vw) calc((120 / 1920) * 100vw);
}
.why .title {
	font-family: 'Druk Wide Cyr';
	font-weight: 700;
	font-size: calc((60 / 1920) * 100vw);
	line-height: 110%;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: calc((40 / 1920) * 100vw);
}
/* @keyframes colors {
	0% {
		color: #F4F4F44D; 
	}
	100% {
		color: #FF230A;
	}
}
@keyframes move {
	0% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(calc((1320 / 1920) * 100vw));
	}
}
@keyframes move2 {
	0% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(calc((-1320 / 1920) * 100vw));
	}
} */
.why .t {
	font-family: 'Druk Wide Cyr';
	font-weight: 700; 
	font-size: calc((32 / 1920) * 100vw); 
	line-height: 110%; 
	text-align: center;
	text-transform: uppercase;
	color: #F4F4F44D; 
	transition: .3s ease all;
}
.why .center .t {
	color: #FF230A;
}
/* .why .t1 {
	animation: colors 3s linear alternate infinite, move 3s linear alternate infinite;
}
.why .t2 {
	animation: colors 3s 3s linear alternate infinite;
}
.why .t3 {
	animation: colors 3s linear alternate infinite, move2 3s linear alternate infinite;
} */
.rega {
	background: url(../img/bg-man.jpg) 50% / cover no-repeat;
	padding-top: calc((160 / 1920) * 100vw);
	height: calc((770 / 1920) * 100vw);
}
.rega .t1 {
	font-family: 'Druk Wide Cyr';
	font-weight: 700; 
	font-size: calc((60 / 1920) * 100vw); 
	line-height: 110%;  
	text-transform: uppercase;
	color: #FF230A;
	margin-bottom: calc((21 / 1920) * 100vw);
}
.rega .t2 {
	font-family: 'Druk Wide Cyr';
	font-weight: 700; 
	font-size: calc((30 / 1920) * 100vw); 
	line-height: 110%;  
	text-transform: uppercase; 
	margin-bottom: calc((172 / 1920) * 100vw);
}
.bottom {
	padding: calc((120 / 1920) * 100vw) 0;
	text-align: center;
	font-family: 'Druk Wide Cyr';
	font-weight: 700; 
	font-size: calc((60 / 1920) * 100vw); 
	line-height: 110%;  
	text-transform: uppercase; 
}
.bottom span {
	color: #FF230A;
}

.overlay {
	position: fixed;
	z-index: 6;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.3);
	backdrop-filter: blur(10px);
	width: 100%;
	height: 100%;
	display: none;
}
.popup {  
	padding: calc((90 / 1920) * 100vw) ;
	border-radius: calc((40 / 1920) * 100vw);
	position: fixed;
	z-index: 7;
	width: calc((1560 / 1920) * 100vw);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	background: #151515 ;
}
.popup-thx .thx {
	display: block;
}
.popup__title {  
	font-family: 'Druk Wide Cyr';
	font-weight: 700; 
	font-size: calc((48 / 1920) * 100vw); 
	line-height: 110%; 
	text-align: center; 
	text-transform: uppercase; 
	margin-bottom: calc((14 / 1920) * 100vw);
}
.popup__under { 
	font-weight: 300; 
	font-size: calc((40 / 1920) * 100vw); 
	line-height: 110%; 
	text-align: center;
	margin-bottom: calc((45 / 1920) * 100vw);
	color: #FF230A;
}
.popup__close {
	position: absolute;
	right: calc((30 / 1920) * 100vw);
	top: calc((30 / 1920) * 100vw);
	cursor: pointer;
	width: calc((30 / 1920) * 100vw);
}
.popup__close img {
	width: 100%;
	display: block;
}
.popup-form .btn { 
	margin: 0 auto;
	display: block;
	width: max-content;
	cursor: pointer;
}
.thx { 
	text-align: center;
	display: none;
}
.inp-wr {
	display: grid;
	gap: calc((20 / 1920) * 100vw);
	grid-template-columns: 1fr 1fr;
}
.inp-bx {
	background: linear-gradient(325.95deg, #1E1E1E -14.67%, #4B4B4B 121.5%);
	height: calc((70 / 1920) * 100vw);
	padding-left: calc((40 / 1920) * 100vw);
	gap: calc((20 / 1920) * 100vw);
	display: flex;
	align-items: center;
	border-radius: calc((35 / 1920) * 100vw);
	margin-bottom: calc((20 / 1920) * 100vw);
}
.inp-bx .lbl { 
	font-weight: 300; 
	font-size: calc((20 / 1920) * 100vw); 
	width: max-content;
	min-width: max-content;
}
.inp-bx .lbl span {
	color: #FF230A;
}
.inp-bx input[type='text'] {
	background: transparent;
	border: 0;
	height: 100%;
	width: 100%;
	outline: 0;
	font-family: 'Druk Wide Cyr';
	font-weight: 700; 
	font-size: calc((22 / 1920) * 100vw);  
	text-transform: uppercase;
	color: #FF230A;
}
.inp-wr.wide {
	grid-template-columns: 1fr;
}
.nobg .inp-bx{
	background: none;
}
.nobg .inp-bx.withbg{
	background: linear-gradient(325.95deg, #1E1E1E -14.67%, #4B4B4B 121.5%);
}
.radio-item {
	font-family: 'Druk Wide Cyr';
	font-weight: 700;
	font-size: calc((22 / 1920) * 100vw);
	text-transform: uppercase; 
	position: relative;
	cursor: pointer;
}
.radio-item span {
	position: relative;
	display: block;
	padding-left: calc((40 / 1920) * 100vw);
}
.radio-item input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	margin: 0;
}
.radio-item input:checked + span:before {
	opacity: 1;
}
.radio-item input:checked + span:after {
	border-color: #FF230A;
}
.radio-item input:checked + span {
	color: #FF230A;
}
.radio-item span:after {
	content: '';
	border: calc((2 / 1920) * 100vw) solid #F4F4F4;
	border-radius: 50%;
	width: calc((20 / 1920) * 100vw);
	height: calc((20 / 1920) * 100vw);
	position: absolute;
	left: 0;
	top: 0;
}
.radio-item span:before {
	content: '';
	background: #FF230A;
	border-radius: 50%;
	width: calc((7 / 1920) * 100vw);
	height: calc((7 / 1920) * 100vw);
	position: absolute;
	left: calc((8 / 1920) * 100vw);
	top: calc((8 / 1920) * 100vw);
	opacity: 0;
}
.thx {
	padding: calc((100 / 1920) * 100vw) 0;
	text-align: center;
}
.thx .flogo {
	margin-bottom: calc((42 / 1920) * 100vw);
}
.thx .t1 {
	font-family: 'Druk Wide Cyr';
	font-weight: 700;
	font-size: calc((58 / 1920) * 100vw);
	text-transform: uppercase;  
	margin-bottom: calc((42 / 1920) * 100vw);
}
.thx .t2 { 
	font-weight: 300;
	font-size: calc((40 / 1920) * 100vw); 
	color: #FF230A;
}
.lang {
	width: calc((90 / 1920) * 100vw);
}
.lang a, .lang img {
	display: block;
	width: 100%;
}
.foot {
	padding: 0px 0 100px;
}
.sc {
	display: flex;
	justify-content: center;
	gap: 16px;
}



@media (max-width: 767px) {
	.header {
		top: 0;
		padding: calc((15 / 375) * 100vw) 0;
	}
	.logo {
		position: static;
		transform: none;
		width: calc((168 / 375) * 100vw); 
	}
	.mnu {
		display: none;
	}
	.lang {
		opacity: 1;
	}
	.lang {
		width: calc((70 / 375) * 100vw);
	}
	.top-box .texts {
		display: block;
		text-align: center;
		padding-top: calc((80 / 375) * 100vw);
	}
	.top-box .container {
		display: block;
		height: auto;
	}
	.top-box .t1 {
		font-size: calc((20 / 375) * 100vw);
		margin-bottom: 10px;
	}
	.top-box .t2 {
		font-size: calc((40 / 375) * 100vw);
		margin-bottom: 10px;
	}
	.top-box .t3 {
		font-size: calc((16 / 375) * 100vw);
		margin-bottom: 10px;
	}
	.btn {
		padding: calc((10 / 375) * 100vw) calc((20 / 375) * 100vw);
		font-size: calc((14 / 375) * 100vw);
		border-radius: calc((22 / 375) * 100vw);
	}
	.top-box .bx2 {
		text-align: center;
		margin-top: calc((250 / 375) * 100vw);
		display: none;
	}
	.details {
		padding: calc((50 / 375) * 100vw) 0;
	}
	.details .title {
		font-size: calc((24 / 375) * 100vw);
		margin-bottom: calc((40 / 375) * 100vw);
	}
	.details .info {
		margin-bottom: calc((40 / 375) * 100vw);
		gap: calc((20 / 375) * 100vw);
		flex-direction: column;
	}
	.details .info .bx {
		width: 100%;
		text-align: center;
	}
	.container {
		max-width: initial;
		padding-left: 10px;
		padding-right: 10px;
	}
	.details .info .t1 {
		font-size: calc((18 / 375) * 100vw);
		margin-bottom: 10px;
	}
	.details .info .t2 {
		font-size: calc((30 / 375) * 100vw);
		margin-bottom: 10px;
	}
	.details .info .t3 {
		font-size: calc((14 / 375) * 100vw);
		margin-bottom: 10px;
	}
	.boxes .bx {
		width: 100%;
		margin-bottom: 10px;
	}
	.boxes {
		display: block;
	}
	.boxes .bx {
		height: calc((200 / 375) * 100vw);
		padding: calc((20 / 375) * 100vw);
		font-size: calc((20 / 375) * 100vw);
	}
	.info-block {
		height: calc((240 / 375) * 100vw);
		background-size: 150%;
	}
	.info-block .t1 {
		font-size: calc((34 / 375) * 100vw);
	}
	.info-block .t2 {
		font-size: calc((18 / 375) * 100vw);
	}
	.reward .title {
		font-size: calc((24 / 375) * 100vw);
	}
	.reward .frame {
    padding: calc((20 / 375) * 100vw) ; 
    border-radius: calc((20 / 375) * 375);
	}
	.reward .img {
		position: static;
		width: 100%;
		margin-bottom: 20px;
	}
	.reward .t1 {
		font-size: calc((19 / 375) * 100vw);
	}
	.reward .t2 {
		font-size: calc((16 / 375) * 100vw);
	}
	.reward .t3 {
		font-size: calc((14 / 375) * 100vw);
	}
	.copter .t1 {
		font-size:  calc((24 / 375) * 100vw);
	}
	.copter .t2 {
		font-size:  calc((16 / 375) * 100vw);
	}
	.why .title {
		font-size:  calc((24 / 375) * 100vw);
	}
	.why .t {
		font-size:  calc((11 / 375) * 100vw);
	}
	.why .title {
		margin-bottom: calc((25 / 375) * 100vw);
	}
	.why {
		padding: calc((25 / 375) * 100vw) calc((10 / 375) * 100vw) calc((50 / 375) * 100vw);
	}
	.rega {
		height: calc((220 / 375) * 100vw);
		padding-right: calc((100 / 375) * 100vw);
	}
	.rega .t1 {
		font-size:  calc((20 / 375) * 100vw);
	}
	.rega .t2 {
		font-size:  calc((16 / 375) * 100vw);
		margin-bottom: calc((20 / 375) * 100vw);
	}
	.bottom {
		font-size:  calc((20 / 375) * 100vw);
		padding: calc((40 / 375) * 100vw) 0  calc((80 / 375) * 100vw) ;
	}
	.fixed-button {
		padding: calc((15 / 375) * 100vw) 0;
	}
	.popup {
		border-radius: 0;
		left: 0;
		top: 0;
		transform: none;
		width: 100%;
		height: 100%;
		overflow: auto;
		padding: calc((15 / 375) * 100vw);
		border-radius: 0;
	}
	.popup__close {
		width: 20px;
	}
	.popup__title {
		font-size:  calc((20 / 375) * 100vw);
	}
	.popup__under {
		font-size:  calc((16 / 375) * 100vw);
	}
	.inp-wr {
		grid-template-columns: 1fr;
		gap: calc((16 / 375) * 100vw);
	}
	.inp-bx {
		margin: 0;
		height: calc((50 / 375) * 100vw);
		border-radius: calc((25 / 375) * 100vw);
	}
	.inp-bx .lbl {
		font-size:  calc((14 / 375) * 100vw);
	}
	.inp-bx input[type='text'] {
		font-size:  calc((14 / 375) * 100vw);
	}
	.inp-wr {
		margin-bottom: calc((16 / 375) * 100vw);
	}
	.inp-bx.rad {
		flex-wrap: wrap; 
		height: auto;
	}
	.inp-bx.rad .lbl {width: 100%;}
	.radio-item {
		font-size: calc((16 / 375) * 100vw);
	}
	.radio-item span {
		padding-left: calc((24 / 375) * 100vw);
	}
	.inp-bx {
		gap: calc((10 / 375) * 100vw);
	}
	.radio-item span:before {
		width: calc((7 / 375) * 100vw);
    height: calc((7 / 375) * 100vw); 
    left: calc((6 / 375) * 100vw);
    top: calc((6 / 375) * 100vw);
	}
	.radio-item span:after { 
    border: calc((1 / 375) * 100vw) solid #F4F4F4; 
    width: calc((16 / 375) * 100vw);
    height: calc((16 / 375) * 100vw); 
	}
	.popup-form .btn {
		height: 50px;
		width: 100%;
	}
}