@font-face {
  font-family: GPBlack;
  src: url(../fonts/GothaProBlack.woff);
}

@font-face {
  font-family: GPBold;
  src: url(../fonts/GothaProBol.woff);
}

@font-face {
  font-family: GPM;
  src: url(../fonts/GothaProMed.woff);
}

@font-face {
  font-family: GPR;
  src: url(../fonts/GothaProReg.woff);
}


*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {

  --vw: 17.2;

  --color-gold: #F4CF56;
  --color-purple: #85439A;
  --color-white: #FFFFFF;
  --color-gray: #F6F6F6;
  --color-blue: #0057A4;
  --color-red: #E02E12;

  --menu-btn-height: calc(53/ var(--vw) * 1vw);

}

.text-gold {
  color: var(--color-gold);
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 2000;
  padding: 12px 16px;
  color: white;
  font-family: GPM;
  font-size: 16px;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.skip-link:focus {
  left: 12px;
  top: 12px;
}

.erid-banner {
  color: gray;
  font-size: calc(18 / var(--vw) * 1vw);
  background-color: white;
}

.erid-banner--padded {
  padding: calc(2 / var(--vw) * 1vw) calc(10 / var(--vw) * 1vw) calc(2 / var(--vw) * 1vw) calc(2 / var(--vw) * 1vw);
	color: var(--color-blue) !important;
}

.disclaimer {
  font-family: GPR;
  font-size: 10px;
  color: white;
  line-height: 130%;
}

body{
  font-family: GPBlack;
  background-color: var(--color-blue);
}

#wrapper{
	display: block
}

header{
	top: 0px;
	left: 0px;
	width: 100%;
	position: fixed;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--color-blue);
	height: calc(83/ var(--vw) * 1vw);
	z-index: 1000;
	padding: 0 calc(40/ var(--vw) * 1vw);
	box-shadow: 0px 6px 45px 0px rgba(0, 0, 0, 0.16);
}

.prods{
	display: flex;
	gap: calc(48/ var(--vw) * 1vw);
}
.prods-step2{
	overflow-x: auto;
	scroll-snap-type: none;
	padding-bottom: calc(12/ var(--vw) * 1vw);
	scrollbar-width: thin;
	scrollbar-color: rgba(255,255,255,0.5) rgba(255,255,255,0.1);
	padding-left: 20px;
	padding-right: 20px;
}
.prods-step2::-webkit-scrollbar{
	height: 6px !important;
	background: rgba(255,255,255,0.08) !important;
}
.prods-step2::-webkit-scrollbar-track{
	background: rgba(255,255,255,0.08) !important;
	border-radius: 999px;
}
.prods-step2::-webkit-scrollbar-thumb{
	background: linear-gradient(90deg, rgba(255,255,255,0.65), rgba(0,130,200,0.5)) !important;
	border-radius: 999px;
}
.prods-step2::-webkit-scrollbar-thumb:hover{
	background: linear-gradient(90deg, rgba(255,255,255,0.8), rgba(0,130,200,0.7)) !important;
}


.prod{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: calc(326/ var(--vw) * 1vw);
	height: calc(326/ var(--vw) * 1vw);
	background-color: var(--color-gray);
	border-radius: calc(24/ var(--vw) * 1vw);
	/*margin-bottom: calc(36/ var(--vw) * 1vw);*/
	scroll-snap-align: start;
}

.pack-cont{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
		border-radius: calc(24/ var(--vw) * 1vw);
	position: relative;
	isolation: isolate;

}

.pack{
	isolation: isolate;
	height: 100%;
	display: none;
	transform-origin: bottom center;
}

.pack-active{
	display: block;
}

.arr_l{
	display: block;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(-50%,-50%);
	cursor: pointer;
	width: calc(36/ var(--vw) * 1vw);
	height: calc(36/ var(--vw) * 1vw);
	transition: transform .25s ease-in-out;
}

.arr_r{
	display: block;
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(50%,-50%);
	cursor: pointer;
	width: calc(36/ var(--vw) * 1vw);
	height: calc(36/ var(--vw) * 1vw);
	transition: transform .25s ease-in-out;
}



#oldpromo{
	margin-top: calc(100/ var(--vw) * 1vw);
    padding-right: calc(116/ var(--vw) * 1vw);
}

#lk{
	position: relative;
	min-height: 100vh;
}

#lk_bg{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: right;
}

#lk_cont{
	position: relative;
	padding: calc(116/ var(--vw) * 1vw) calc(116/ var(--vw) * 1vw);
    padding-top: calc(160/ var(--vw) * 1vw);
}

#lk_title_block{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: calc(36/ var(--vw) * 1vw);
}

#lk_title_block .title{
	margin-bottom: 0;
	color: var(--color-purple);
}


#lk_cont .discript{
	color: var(--color-purple);
	margin-bottom: calc(36/ var(--vw) * 1vw);
}

#lk_info{
	display: flex;
	font-size: calc(21/ var(--vw) * 1vw);
	color: var(--color-purple);
	font-family: GPM;
	flex-wrap: wrap;
	margin-bottom: calc(36/ var(--vw) * 1vw);
}

#lk_info_mail{
	margin-right: calc(116/ var(--vw) * 1vw);
}

#check_table{
	position: relative;
	width: calc(650/ var(--vw) * 1vw);
	border-radius: calc(24/ var(--vw) * 1vw);
	background: rgba(255, 255, 255, 0.6);
	border: 6px solid #F4CF56;
	backdrop-filter: blur(6.5px);
	padding: calc(42/ var(--vw) * 1vw);
}

.check{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: calc(26/ var(--vw) * 1vw);
	font-family: GPM;
	color: var(--color-purple);
	margin-bottom: calc(36/ var(--vw) * 1vw);
}

.check:last-child{
	margin-bottom: 0;
}

.why{
	top: 0px;
	right: 0px;
	margin-right: calc(-24/ var(--vw) * 1vw);
	background-color: var(--color-purple);
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(20/ var(--vw) * 1vw);
	height: calc(20/ var(--vw) * 1vw);
	border-radius: calc((36/ var(--vw) * 1vw) / 2);
	color: var(--color-gold);
	font-size: calc(14/ var(--vw) * 1vw);
	font-family: GPM;
	cursor: pointer;
}

.why_dis{
	display: none;
}

.why:hover .why_sign{
	display: none;
}

.why:hover .why_dis{
	display: block;
}

.why:hover{
	width: auto;
	height: auto;
	padding: calc(12/ var(--vw) * 1vw);
	font-size: calc(18/ var(--vw) * 1vw);
	border-radius: 0;
}

.step .why{
		right: calc(16/ var(--vw) * 1vw);
}


#zanaves{
	top: 0px;
	left: 0px;
	width: 100%;
	position: fixed;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--color-blue);
	height: calc(0/ var(--vw) * 1vw);
	z-index: 999;
	padding: 0 calc(40/ var(--vw) * 1vw);
}

footer{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--color-white);
	height: calc(83/ var(--vw) * 1vw);
	padding: 0 calc(40/ var(--vw) * 1vw);
	color: var(--color-blue);
	font-family: GPM;
	font-size: calc(18/ var(--vw) * 1vw);
}

footer a{
	color: inherit;
}

.error{
	display: block;
	position: relative;
	font-size: calc(12/ var(--vw) * 1vw);
	margin-top: calc(-18/ var(--vw) * 1vw);
	margin-bottom: calc(14/ var(--vw) * 1vw);
	font-weight: bold;
	color: red;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
}

.error::before{
	content: '↑';
	padding-right: 5px;
}

#status, #reg, #getpass{
	display: flex;
	flex-direction: column;
	gap: calc(24/ var(--vw) * 1vw);
}

#pop{
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	overflow-y: scroll;
	height: 100vh;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(14px);
    z-index: 2000;
}

#pop_cont{
	text-align: center;
	margin: auto;
	position: relative;
	width: calc(1000/ var(--vw) * 1vw);
	height: calc(600/ var(--vw) * 1vw);
	background: var(--color-blue);
	background-image: url(../images/pop.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: calc(25/ var(--vw) * 1vw);
	padding: calc(34/ var(--vw) * 1vw) calc(34/ var(--vw) * 1vw);
}

#close_btn{
	position: absolute;
	top: calc(8/ var(--vw) * 1vw);
	right: calc(8/ var(--vw) * 1vw);
	width: calc(35/ var(--vw) * 1vw);
	height: calc(35/ var(--vw) * 1vw);
	cursor: pointer;
	transition: transform 0.5s cubic-bezier(1,0,0,1);
}

form{
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

form a{
	color: var(--color-white);
	font-family: GPM;
	margin-bottom: calc(24/ var(--vw) * 1vw);
	font-size: calc(18/ var(--vw) * 1vw);
}

form a:last-child{
	margin-bottom: 0;
}

.form_p{
	color: var(--color-white);
	font-family: GPR;
	margin-bottom: calc(24/ var(--vw) * 1vw);
	font-size: calc(13/ var(--vw) * 1vw);
	text-transform: uppercase;
	line-height: 1.3;
}

.form_p a{
	font-size: calc(13/ var(--vw) * 1vw);
}

.form_title{
	font-family: GPR;
	font-size: calc(32/ var(--vw) * 1vw);
	color: var(--color-white);
	text-transform: uppercase;
	margin-bottom: calc(34/ var(--vw) * 1vw);
	line-height: 1.2;
}

#status .form_title{
	margin-bottom: 0;
}

input[type=text], input[type=password]{
	width: 100%;
	border: 1px solid #FFF;
	border-radius: calc((60/ var(--vw) * 1vw) / 2);
	margin-bottom: calc(24/ var(--vw) * 1vw);
	outline: none;
	padding: calc(16/ var(--vw) * 1vw) calc(10/ var(--vw) * 1vw);
	font-size: calc(18/ var(--vw) * 1vw);
	color: var(--color-white);
	font-family: GPM;
	text-align: center;
	text-transform: uppercase;
	background: transparent;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-white);
  opacity: 0.4; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--color-white);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--color-white);
}

input[type="file"] {
    display: none;
}
 

.custom-file-upload {
	width: 100%;
	border: 1px solid #FFF;
	border-radius: calc((60/ var(--vw) * 1vw) / 2);
	margin-bottom: calc(24/ var(--vw) * 1vw);
	outline: none;
	padding: calc(16/ var(--vw) * 1vw) calc(10/ var(--vw) * 1vw);
	font-size: calc(18/ var(--vw) * 1vw);
	color: var(--color-white);
	font-family: GPM;
	text-align: center;
	text-transform: uppercase;
	background: transparent;
	cursor: pointer;
}

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
	width: 100%;
	border: 1px solid #FFF;
	border-radius: calc((60/ var(--vw) * 1vw) / 2);
	margin-bottom: calc(24/ var(--vw) * 1vw);
	outline: none;
	padding: calc(16/ var(--vw) * 1vw) calc(10/ var(--vw) * 1vw);
	font-size: calc(18/ var(--vw) * 1vw);
	color: var(--color-white);
	font-family: GPM;
	text-align: center;
	text-transform: uppercase;
	background: transparent;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {

}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: calc(10/ var(--vw) * 1vw);
  width: 0;
  height: 0;
  border: calc(6/ var(--vw) * 1vw) solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 50%;
  transform: translateY(-50%);
}

/*style the items (options), including the selected item:*/
.select-items div{
  color: #ffffff;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  margin-top: calc(24/ var(--vw) * 1vw);
}

.select-selected {
  position: relative;
  color: #ffffff;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.form_btn{
	width: fit-content;
	margin: 0 auto;
	border-radius: calc(9/ var(--vw) * 1vw);
	outline: none;
	border: 1px solid #DC738E;
	padding: calc(15/ var(--vw) * 1vw) calc(28/ var(--vw) * 1vw);
	font-size: calc(22/ var(--vw) * 1vw);
	color: var(--color-white);
	font-family: GPM;
	text-align: center;
	text-transform: uppercase;
	background: #DC738E;
	cursor: pointer;
	transition: background 0.25s, color 0.25s, border 0.25s;
}

#kv{
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-top: calc(83/ var(--vw) * 1vw);
	background-position: center;
	background-size: cover;
}

#ducks{
	display: block;
	position: relative;
	bottom: 0px;
	left: 0px;
	width: calc(880/ var(--vw) * 1vw);
	aspect-ratio: 1;
	margin-top: calc(10/ var(--vw) * 1vw);
}

.duck{
	position: absolute;
	top: 0px;
	width: 0px;
	width: 100%;
}

#txt{
	position: absolute;
	right: 0px;
	display: block;
	width: calc(861/ var(--vw) * 1vw);
	/*height: calc(340/ var(--vw) * 1vw);*/
	padding-top: calc(35/ var(--vw) * 1vw);
	padding-left: calc(35/ var(--vw) * 1vw);
	transform-origin: right bottom;
}

#txt h1{
	font-family: GPBold;
	color: var(--color-blue);
	font-size: calc(133/ var(--vw) * 1vw);
	text-transform: uppercase;
	margin-bottom: calc(60/ var(--vw) * 1vw);
	text-shadow: -4px 3px 0px #FFF;
}

#txt h2{
	font-family: GPBold;
	color: var(--color-blue);
	font-size: calc(60/ var(--vw) * 1vw);
	text-transform: uppercase;
	line-height: 1.15;
	text-shadow: -4px 3px 0px #FFF;
}

#prod_step{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
	overflow: hidden;
}

.prod_step_item{
	width: calc(502/ var(--vw) * 1vw);
	border-radius: calc(70/ var(--vw) * 1vw) 0 0 calc(70/ var(--vw) * 1vw);
	padding: calc(22/ var(--vw) * 1vw);
	padding-left: calc(54/ var(--vw) * 1vw);
	background-color: var(--color-blue);
	margin-bottom: calc(19/ var(--vw) * 1vw);
}

#prod_step p{
	font-family: GPBlack;
	font-size: calc(25/ var(--vw) * 1vw);
	color: var(--color-white);
	line-height: 120%;
	text-transform: uppercase;
}

#txt .btn{
	position: absolute;
	bottom: 0;
	right: calc(35/ var(--vw) * 1vw);
	transform: translateY(50%);
}

#logo{
	height: calc(53/ var(--vw) * 1vw);
}

.menu a{
	display: inline-block;
  	position: relative;
	text-decoration: none;
	color: var(--color-white);
	font-size: calc(21/ var(--vw) * 1vw);
	text-transform: uppercase;
	margin-left: calc(37/ var(--vw) * 1vw);
}

.menu a.menu-game{
	color: var(--color-gold);
}

.menu a:after {
    position: absolute;
    left: 0;
    bottom: -3px;
    content: "";
    height: calc(3/ var(--vw) * 1vw);
    width: 100%;
    transform: scaleX(0);
    will-change: transform;
    background: var(--color-white);
    transform-origin: right center;
    transition: transform .65s cubic-bezier(1,0,0,1), background .5s;
}

.btn{
	position: relative;
	display: inline-block;
	font-size: calc(24/ var(--vw) * 1vw);
	color: var(--color-purple);
	background-color: var(--color-gold);
	text-transform: uppercase;
	padding: calc(29/ var(--vw) * 1vw) calc(46/ var(--vw) * 1vw);
	border-radius: calc(50/ var(--vw) * 1vw);
	cursor: pointer;
	border: solid var(--color-gold) 3px;
	transition: background-color 0.25s, color 0.25s;
}

.add_btn{
	position: relative;
	display: inline-block;
	font-size: calc(24/ var(--vw) * 1vw);
	color: var(--color-gold);
	background-color: var(--color-purple);
	text-transform: uppercase;
	padding: calc(29/ var(--vw) * 1vw) calc(46/ var(--vw) * 1vw);
	border-radius: calc(50/ var(--vw) * 1vw);
	cursor: pointer;
	transition: background-color 0.25s, color 0.25s;
}

.title{
	font-size: calc(56/ var(--vw) * 1vw);
	color: var(--color-white);
	text-transform: uppercase;
	margin-bottom: calc(48/ var(--vw) * 1vw);
}

.discript{
	font-size: calc(35/ var(--vw) * 1vw);
	color: var(--color-gold);
	text-transform: uppercase;
	margin-bottom: calc(48/ var(--vw) * 1vw);
	line-height: 1.2;
}

.nominal{
	font-size: calc(35/ var(--vw) * 1vw);
	color: var(--color-gold);
	text-transform: uppercase;
	line-height: 1.2;
	font-family: GPBlack;
}

.week-list{
	display: flex;
	margin-bottom: calc(48/ var(--vw) * 1vw);
}

.week{
	font-size: calc(35/ var(--vw) * 1vw);
	color: var(--color-gold);
	text-transform: uppercase;
	line-height: 1.2;
	font-family: GPBlack;
	margin-right: calc(24/ var(--vw) * 1vw);
	margin-bottom: calc(18/ var(--vw) * 1vw);

}

.weeks{
	display: flex;
	width: calc(430/ var(--vw) * 1vw);
	flex-wrap: wrap;
}

.weeks .week{
	display: inline-block;
	position: relative;
	opacity: 0.3;
	color: var(--color-white);
	transition: color 0.25s, opacity 0.25s;
	cursor: pointer;
}

.weeks .week:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: calc(7/ var(--vw) * -1vw);
	width: 100%;
	height: calc(7/ var(--vw) * 1vw);
	background-color: var(--color-gold);
	visibility: hidden;
}

.weeks .active{
	opacity: 1;
	color: var(--color-gold);
}

.weeks .active:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: calc(7/ var(--vw) * -1vw);
	width: 100%;
	height: calc(7/ var(--vw) * 1vw);
	background-color: var(--color-gold);
	visibility: visible;
}

.winners-table{
	position: relative;
	width: calc(705/ var(--vw) * 1vw);
	background: linear-gradient(332.15deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 45.31%, rgba(255, 255, 255, 0.115714) 65.1%, rgba(255, 255, 255, 0.01) 84.9%);
	border: 2px solid rgba(255, 255, 255, 0.16);
	backdrop-filter: blur(3.5px);
	border-radius: 24px;
	padding: calc(42/ var(--vw) * 1vw);
}

.winner{
	position: relative;
	display: flex;
	align-items:center;
	justify-content: space-between;
	margin-bottom: calc(48/ var(--vw) * 1vw);
}

.winner:before{
	content: '';
	position: absolute;
	bottom: calc(24/ var(--vw) * -1vw);
	width: 100%;
	height: 1px;
	background-color: var(--color-white);
	opacity: 0.3;
}

.winner:last-child{
	margin-bottom: 0;
}

.winner:last-child:before{
	opacity: 0;
}

.winner-name{
	color: var(--color-white);
	line-height: 1.5;
	text-transform: uppercase;
	font-size: calc(24/ var(--vw) * 1vw);
}

.winner-mail{
	color: var(--color-white);
	line-height: 1.5;
	font-size: calc(24/ var(--vw) * 1vw);
	font-family: GPR;
}

.winner-priz{
	width: calc(160/ var(--vw) * 1vw);
}

.priz-nom{
	color: var(--color-gold);
	line-height: 1.5;
	font-size: calc(35/ var(--vw) * 1vw);
	margin-top: calc(15/ var(--vw) * -1vw);
}

.priz-vol{
	color: var(--color-gold);
	font-size: calc(24/ var(--vw) * 1vw);
	font-family: GPR;
	text-transform: uppercase;
}

.products{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: calc(48/ var(--vw) * 1vw);
	padding-bottom: calc(100/ var(--vw) * 1vw);
	padding-right: calc(70/ var(--vw) * 1vw);
}

.products p{
	margin-bottom: 0;
}

.products ul{
	margin-left: calc(20/ var(--vw) * 1vw);
}



.prod_dis{
	font-size: calc(28/ var(--vw) * 1vw);
	font-family: GPM;
	color: var(--color-gold);
	line-height: 1.3;
}




.product_item{
	border-radius: calc(24/ var(--vw) * 1vw);
	width: calc(326/ var(--vw) * 1vw);
	aspect-ratio: 1;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #ffffff1f;
}



#ecom_cont{
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: 100%;
	align-items: stretch;
	justify-items: center;
	gap: calc(36/ var(--vw) * 1vw);
	padding-right: calc(95/ var(--vw) * 1vw);
}

.ecom_cont_item{
	display: block;
	width: 100%;
	aspect-ratio: 2.5;
	max-width: calc(260/ var(--vw) * 1vw);
	border-radius: calc(24/ var(--vw) * 1vw);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: opacity .25s;
}


#steps a{
	color: var(--color-white);
	font-size: calc(18/ var(--vw) * 1vw);
	text-transform: uppercase;
	font-family: GPR;
}

#steps .btn{
	margin-right: calc(60/ var(--vw) * 1vw);
}

.step{
	display: block;
	position: relative;
	margin-bottom: calc(29/ var(--vw) * 1vw);
}

#priz_list{
	margin-right: calc(230/ var(--vw) * 1vw);
}




.btn_cont{
   position: relative;
   display: block;
   margin-top: calc(48/ var(--vw) * 1vw);*/
 }

.num{
	display: inline-block;
	font-size: calc(69/ var(--vw) * 1vw);
	color: var(--color-white);
	width: calc(74/ var(--vw) * 1vw);
}

.num_txt{
	display: inline-block;
	text-transform: uppercase;
	line-height: 1.2;
	font-family: GPR;
	font-size: calc(24/ var(--vw) * 1vw);
	color: var(--color-white);
}

.priz_icon{
	width: calc(92/ var(--vw) * 1vw);
	margin-right: calc(33/ var(--vw) * 1vw);
}

#blocks{
	position: relative;
	padding: calc(116/ var(--vw) * 1vw) calc(116/ var(--vw) * 1vw);
	padding-right: 0;
	padding-left: calc(116/ var(--vw) * 1vw);
	background-color: var(--color-blue);
    background-size: calc(750/ var(--vw) * 1vw);
    overflow: hidden;
    z-index: 1;
}

.dc{
	position: relative;
	display: block;
	width: calc(614/ var(--vw) * 1vw);
	height: calc(614/ var(--vw) * 1vw);

}

.dc-bg{
	display: flex;
	justify-content: center;
	position: relative;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	isolation: isolate;
}

.dc-bg img{
	height: 130%;
}

#dc1{
	position: absolute;
	width: 86%;
	top: calc(19/ var(--vw) * 1vw);
	left: calc(-46/ var(--vw) * 1vw);
}

#dc2{
	position: absolute;
	height: 100%;
	top: calc(0/ var(--vw) * 1vw);
	left: calc(-0/ var(--vw) * 1vw);
}

#dc3{
	position: absolute;
	height: 108%;
	bottom: calc(0/ var(--vw) * 1vw);
	right: calc(-0/ var(--vw) * 1vw);
}

#dc3_mob{
	display: none;
	position: absolute;
	height: 108%;
	bottom: calc(0/ var(--vw) * 1vw);
	right: calc(-0/ var(--vw) * 1vw);
}


.cont{
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-bottom: calc(159/ var(--vw) * 1vw);
	padding-top: calc(110/ var(--vw) * 1vw);
}

.cont:first-child{
	padding-top: 0;
}

.cont:last-child{
	padding-bottom: 0;
}


.menu-active{
	display: block;
}

#burger_btn{
	display: none;
	position: absolute;
	right: calc(40/ var(--vw) * 1vw);
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	width: var(--menu-btn-height);
	height: var(--menu-btn-height);
	transition: transform .25s ease-in-out;
	z-index: 1000;
}


.menu-line{
  position: relative;
  display: block;
  width: 100%;
  height: 23%;
  background-color: var(--color-white);
  border-radius: calc( var(--menu-btn-height) * 0.26 / 2 );
}

#steps, #gifts, #winners{
	padding-right: calc(116/ var(--vw) * 1vw);
}

#erid_mob_gen {
	visibility: hidden;
}

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

#erid_desk {
	visibility: hidden;
}	

#erid_mob_gen {
	visibility: visible;
	text-align: center;
}

#oldpromo{
	margin-top: calc(100/ var(--vw) * 1vw);
    padding-right: 0;
}

	.products li{
	margin-bottom: calc(30/ var(--vw) * 1vw);
}

	#steps, #gifts, #winners{
	padding-right: 0;
	}

	.step{
		width: calc(433/ var(--vw) * 1vw);
	}

	.step .why{
		right: calc(40/ var(--vw) * 1vw);
	}

	#pop_cont{

		width: 90%;
		height: calc(750 / var(--vw)* 1vw);
		background-image: url(../images/pop_mob.jpg);

	}

	#dc3_mob{
		display: block;
	}

	#dc3{
		display: none;
	}


	:root {

	  --vw: 6.2;

	}

	#burger_btn{
		display: flex;
	}

	.product_item{
		margin-left: calc(15/ var(--vw) * 1vw);
		margin-right: calc(15/ var(--vw) * 1vw);
		width: auto;
	/*width: calc(460/ var(--vw) * 1vw);
	height: calc(460/ var(--vw) * 1vw);*/
}

	.prods {
		flex-direction: column;
	}

	.prods-step2 {
		overflow-x: visible;
		scroll-snap-type: none;
		scrollbar-width: none;
		padding-bottom: 0;
		padding-left: 0;
	}

	header{

		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		height: auto;
		padding-top: calc(20/ var(--vw) * 1vw);
		padding-bottom: calc(20/ var(--vw) * 1vw);

	}



	#zanaves{

		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		height: auto;
		padding-top: calc(20/ var(--vw) * 1vw);
		padding-bottom: calc(20/ var(--vw) * 1vw);
	}

	.menu{
		margin-top: calc(40/ var(--vw) * 1vw);
		display: none;
	}

	.menu a{
		display: block;
		margin-left: 0;
		margin-bottom: calc(40/ var(--vw) * 1vw);
		font-size: calc(50/ var(--vw) * 1vw);
	}

	.menu a:last-child{
		/*margin-bottom: 0;*/
	}

	.menu a.menu-game{
		color: var(--color-gold);
	}

	#blocks{
		padding: calc(100/ var(--vw) * 1vw) calc(40/ var(--vw) * 1vw);

	}


	.cont{
		flex-direction: column;
		padding-bottom: calc(100/ var(--vw) * 1vw);
		padding-top: calc(100/ var(--vw) * 1vw);
		align-items: center;
	}

	.cont:nth-child(2){
		flex-direction: column-reverse;
	}

	.cont-info{
		width: 100%;
		margin-bottom: calc(100/ var(--vw) * 1vw);
	}

	#priz_list {
    	margin-right: 0;
	}

	.winners-table {

		width: 100%;

	}

	.winner{
		flex-direction: column;
		align-items: flex-start;
	}

	.winner-info{
		margin-bottom: calc(40/ var(--vw) * 1vw);
	}

	.week-list {
		flex-direction: column;
	}

	#ecom p{
		text-align: center;
	}

	#ecom_cont{
		grid-template-columns: 1fr;
		padding-right: 0;
	}

	.ecom_cont_item{
		max-width: none;
		width: 100%;
	}

	.products{
		padding-right: 0;
	}

	footer{
		padding-top: calc(20/ var(--vw) * 1vw);
		padding-bottom: calc(20/ var(--vw) * 1vw);
		height: auto;
	}

	footer p{
		width: 80vw;
		line-height: 1.4;

	}

	#kv{
		flex-direction: column;
		padding-top: calc(93/ var(--vw) * 1vw);
		align-items: flex-end;
	}

	#lk_bg{
		background-position: left;
	}

	#lk_cont{
	padding: calc(40/ var(--vw) * 1vw) calc(40/ var(--vw) * 1vw);
    padding-top: calc(160/ var(--vw) * 1vw);
	}

	#lk_title_block {
		flex-direction: column;
		align-items: flex-start;
	}

	#lk_title_block .title{
		margin-bottom: calc(36/ var(--vw) * 1vw);
	}

	#lk_info {
		flex-direction: column;
		font-size: calc(26/ var(--vw) * 1vw);
	}

	#lk_info_mail{
		margin-bottom: calc(24/ var(--vw) * 1vw);
	}

	#check_table{
		padding: calc(36/ var(--vw) * 1vw);
		width: 100%;
	}

	.why{
		width: calc(25/ var(--vw) * 1vw);
		height: calc(25/ var(--vw) * 1vw);
		margin-right: calc(-30/ var(--vw) * 1vw);
		font-size: calc(16/ var(--vw) * 1vw);
	}

	#txt{
		position: relative;
		width: 100%;
		/*height: calc(260/ var(--vw) * 1vw);*/
		margin-bottom: calc(25/ var(--vw) * 1vw);
		padding-top: calc(40/ var(--vw) * 1vw);
	}

	#txt h1 {
		font-size: calc(100/ var(--vw) * 1vw);
		/*font-family: GPBlack;*/
	}

	#txt h2 {
		font-size: calc(44/ var(--vw) * 1vw);
		/*font-family: GPBlack*/
	}

	#ducks{
		width: 100%;
		overflow: hidden;
	}

	.dc{
		width: calc(85vw - 2*calc(40/ var(--vw) * 1vw));
		height: calc(85vw - 2*calc(40/ var(--vw) * 1vw));
	}

	.prods{
	flex-direction: column;
}

.prod {
		width: calc(100vw - 2*calc(40/ var(--vw) * 1vw));
		height: calc(100vw - 2*calc(40/ var(--vw) * 1vw));
}

.arr_l{

	width: calc(62/ var(--vw) * 1vw);
	height: calc(62/ var(--vw) * 1vw);

}

.arr_r{

	width: calc(62/ var(--vw) * 1vw);
	height: calc(62/ var(--vw) * 1vw);

}

}







@media (hover: hover){

	#close_btn:hover{
	transform: rotate(-180deg);
	}

	.form_btn:hover{
	color: var(--color-blue);
	background: var(--color-white);
	border-color: var(--color-white);
	}

	.menu a:hover:after{
	    transform-origin: left center;
	    transform: scaleX(1);
	}

	.weeks .week:hover{

		opacity: 1;
		color: var(--color-gold);

	}

	.weeks .week:hover:after{
		visibility: visible;

	}

		.arr_l:hover{
		transform-origin: center;
		transform: translate(-50%, -50%) scale(1.2);
	}

	.arr_r:hover{
		transform-origin: center;
		transform: translate(50%, -50%) scale(1.2);
	}

	.ecom_cont_item:hover{
		opacity: .8;
	}

	.btn:hover{
		background-color: var(--color-purple);
		color: var(--color-gold);
	}

	.add_btn:hover{
		background-color: var(--color-gold);
		color: var(--color-purple);
	}

}