html {
	overflow-x: hidden;
	width: 100%;
}
*{
	box-sizing: border-box;
}
@font-face {
	font-family: 'Futura Cyrillic';
	src: url('../fonts/FuturaCyrillicMedium/FuturaCyrillicMedium.eot');
	src: url('../fonts/FuturaCyrillicMedium/FuturaCyrillicMedium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/FuturaCyrillicMedium/FuturaCyrillicMedium.woff2') format('woff2'),
	url('../fonts/FuturaCyrillicMedium/FuturaCyrillicMedium.woff') format('woff'),
	url('../fonts/FuturaCyrillicMedium/FuturaCyrillicMedium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Futura Cyrillic';
	src: url('../fonts/FuturaCyrillic-Bold/FuturaCyrillic-Bold.eot');
	src: url('../fonts/FuturaCyrillic-Bold/FuturaCyrillic-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/FuturaCyrillic-Bold/FuturaCyrillic-Bold.woff2') format('woff2'),
	url('../fonts/FuturaCyrillic-Bold/FuturaCyrillic-Bold.woff') format('woff'),
	url('../fonts/FuturaCyrillic-Bold/FuturaCyrillic-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Futura Cyrillic Book';
	src: url('../fonts/FuturaCyrillicBook/FuturaCyrillicBook.eot');
	src: url('../fonts/FuturaCyrillicBook/FuturaCyrillicBook.eot?#iefix') format('embedded-opentype'),
	url('../fonts/FuturaCyrillicBook/FuturaCyrillicBook.woff2') format('woff2'),
	url('../fonts/FuturaCyrillicBook/FuturaCyrillicBook.woff') format('woff'),
	url('../fonts/FuturaCyrillicBook/FuturaCyrillicBook.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Futura Cyrillic';
	src: url('../fonts/FuturaCyrillicLight/FuturaCyrillicLight.eot');
	src: url('../fonts/FuturaCyrillicLight/FuturaCyrillicLight.eot?#iefix') format('embedded-opentype'),
	url('../fonts/FuturaCyrillicLight/FuturaCyrillicLight.woff2') format('woff2'),
	url('../fonts/FuturaCyrillicLight/FuturaCyrillicLight.woff') format('woff'),
	url('../fonts/FuturaCyrillicLight/FuturaCyrillicLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}


body {
	padding: 0;
	margin: 0;
	font-family: "Futura Cyrillic", sans-serif;
	position: relative;
	min-width: 320px;
	max-width: 400px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: white;
	background: #000417;
	margin: 0 auto;
}

main{
	background: url(../img/pattern.png);
}

.container{
	max-width: 400px;
	margin: auto;
	padding: 0 14px;
	position: relative;
}

.img-responsive{
	display: block;
	max-width: 100%;
	height: auto;
}


.text-center{
	text-align: center
}

.flex{
	display: flex
}

.aic	{
	align-items: center
}

section{
	position: relative;
	z-index: 1;
}

.title_bg{
	position: absolute;
	width: 100%;
	height: auto;
	left: -15px;
	top: -10px;
	z-index: -1;
}

.main_title{
	text-align: center;
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 25px;
	text-align: center;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #A962FF;
	padding: 25px 0 20px;
	margin: 0;
}

.main_title .name{
	font-size: 24px;
	line-height: 20px;
	color: #fff;
	text-transform: none;
	margin-bottom: 20px;
}

.full_image{
	position: relative;
	overflow: hidden;
}

.full_image img{
	border-radius: 20px;
	margin: auto;
}

#circle {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 200px;
	margin: -45px -45px 0 0;
	overflow: hidden;
	pointer-events: none
}

#circle .circle_logo {
	position: absolute;
	top: 51%;
	left: 52%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 48px
}

#circle text {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: .8em;
}

#circle svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation-name: rotate;
	animation-name: rotate;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes rotate {
	from {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

.button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 370px;
	max-width: 100%;
	height: 53px;
	border-radius: 50px;
	background-color: transparent;
	background-image: url(../img/button_bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	border: none;
	margin: 8px auto;
	font-size: 20px;
	line-height: 26px;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 1px;
	transition: all .35s ease-in-out
}

.button:hover{
	letter-spacing: 1px;
}

.button_green{
	background-image: url(../img/button_bg_1.jpg);
}

.button_violet{
	background-image: url(../img/button_bg_2.jpg);
}

.button_purple{
	background-image: url(../img/button_bg_3.jpg);
	margin-top: 24px;
}

.button u{
	text-decoration: none;
	border-bottom: 1px solid #fff;
	display: inline-block;
}

.arr_btn{
	margin-left: 18px;
}

.main_adv{
	margin-top: 23px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	border-radius: 20px;
	padding: 27px 25px 45px 30px;
	font-size: 17px;
	line-height: 22px;
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.main_adv span{
	color: #fff;
}

.s_why_block{
	position: relative;
	border-radius: 20px;
	padding: 30px 20px 30px 30px;
	background-size: cover;
	background-position: center;
	margin-top: 40px;
}

.s_title{
	text-align: center;
	font-weight: 400;
	font-size: 24px;
	line-height: 31px;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 35px;
}

.s_why_block .star{
	position: absolute;
	right: 0;
	top: 0;
	transform: translateY(-40%)
}

.s_list{
	margin: 0;
	padding: 0 0 0 20px;
}

.s_list li{
	position: relative;
}

.s_offer{
	padding: 45px 0 130px;
	position: relative;
}

.offer_svg{
	position: absolute;
	top: -100%;
	left: 0;
	display: block;
	width: 300px;
	max-width: 100%;
	height: 5000px;
	margin: 0 auto;
	transform: translateY(-200px);
	pointer-events: none;
}

.s_offer_list{
	padding: 0;
}

.s_offer_list li{
	margin-bottom: 25px;
}

.s_offer_list img{
	margin-right: 14px;
}

.s_offer_block{
	position: relative;
	padding: 45px 15px 50px 5px;
	border: 1px solid #A962FF;
	border-radius: 20px;
}

.s_offer_block .star{
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(-50%)
}

.fire_block{
	margin: 30px 0 0;
	line-height: 100%;
}

.fire_block_img{
	width: 50px;
	min-width: 50px;
	margin-left: -10px;
}

.fire_block_img img{
	position: relative;
	top: -20px;
}

.s_enjoy{
	padding-bottom: 100px;
}

.s_enjoy .s_title{
	font-size: 22px;
	line-height: 20px;
	text-transform: uppercase;
	color: #A962FF;
}

.s_enjoy_descr{
	text-align: center;
	margin-bottom: 34px;
}

.s_enjoy .button_wrap{
	margin-top: 15px;
}

.s_enjoy .button{
	margin-bottom: 10px;
}

.s_find{
	overflow: hidden;
}

.s_find .s_title{
	font-size: 28px;
	line-height: 30px;
	background: linear-gradient(180deg, #0BA360 0%, #A962FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.s_find_descr{
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 80px;
}

.variant_title{
	position: relative;
	width: 260px;
	height: 72px;
	background-image: url(../img/var_title_bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	border-radius: 30px;
	margin: 0 auto 30px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	line-height: 26px;
	text-transform: uppercase;
	text-align: center;
}

.variant_wrap{
	border-radius: 30px;
	background-size: cover;
	background-position: center;
	padding: 0 20px 30px 30px;
	font-size: 16px;
}
.variant_1{
	background-image: url(../img/var_1_bg.jpg);
}

.variant_title .star{
	position: absolute;
}

.variant_body ol{
	margin: 0;
	padding: 0 0 0 20px;
}

.variant_body li{
	margin-bottom: 10px;
	position: relative;
}

.star_1{
	left: 0;
	top: 65%;
	transform: translate(-50%, -50px)
}

.star_2{
	right: 0;
	top: 50%;
	transform: translate(50%, -50%)
}

.dark_title{
	text-transform: uppercase;
	color: #161616;
	margin: 20px 0 10px;
	/* padding-left: 20px; */
}

.dark ol{
	list-style-type: none;
	color: #161616;
}

.dark_icon{
	position: absolute;
	left: -20px;
	top: 5px;
}

.variant_2{
	background-image: url(../img/var_2_bg.jpg);
	background-size: cover;

	margin-top: 120px;
}

.variant_2 .variant_title{
	background-image: url(../img/var_title_bg_2.jpg);
	width: 264px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.variant_2 .star_1{
	left: 0;
	top: 100%;
	transform: translate(-50%, -50px)
}

.variant_2 .star_2{
	right: 0;
	top: 0%;
	transform: translate(50%, -50%)
}

.variant_2 .dark_title,
.variant_2 .dark ol {
	color: #fff;
}

.gift_block img{
	margin: auto;
}


.variant_2 .dark_icon{
	width: 17px;
	left: -22px;
}

.s_works{
	margin-top: 112px;
}

.s_works .s_title{
	color: #A962FF;
	margin-bottom: 0;
}

.card__contents img{
	border-radius: 20px;
	margin: auto;
}

.s_works{
	z-index: 2;
}

.s_bottom{
	background-image: url(../img/bottom_bg.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	margin-top: 100px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.alex_img{
	margin-left: -20%;
	max-width: 80%;
}

.bootom_text{
	position: absolute;
	text-align: center;
	width: 215px;
	font-size: 20px;
	line-height: 22px;
	right: 5px;
	top: 15%;
}

.button_callback_wrap{
	position: absolute;
	bottom: 0;
	right: 0;
}

.stiker_2{
	position: absolute;
	left: -53px;
	top: -43px;
}

.button_callback{
	position: relative;

}

.letter-l {
	margin-top: 100px;
	width: 200px;
	left: 50vw;
	margin-left: -75px;
	position: fixed;
	left: 50vw;
	margin-left: -75px;
}

.letter-a {
	margin-top: 158px;
	position: fixed;
	left: 50vw;
	margin-left: -77px;
	width: 150px;
}

.letter-x {
	margin-top: 85px;
	position: fixed;
	left: 50vw;
	margin-left: -300px;
	transform: scale(0.25);
	transform-origin: 50% 50%;
	width: 600px;
	height: 600px;
}

.letter-x img {
	width: 600px;
	position: absolute;
}

.scrolldown {
	bottom: 90px;
	height: 40px;
	position: fixed;
	width: 300vw;
	left: -100vw;
	font-size: 40px;
	text-align: center;
}

.oooh {
	font-size: 50px;
	position: absolute;
	left: 0;
	top: 140vh;
	z-index: 1;
	background: linear-gradient(113.13deg,#5d3f07 11.55%,#6e5523 20.28%,#aa9362 40.66%,#bd9d61 47.93%,#7b6940 63.94%,#7e612b 74.85%,#654d13 84.31%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	line-height: 60px;
}

.aaah {
	font-size: 50px;
	position: absolute;
	right: 0;
	top: 170vh;
	z-index: 1;
	background: linear-gradient(113.13deg,#5d3f07 11.55%,#6e5523 20.28%,#aa9362 40.66%,#bd9d61 47.93%,#7b6940 63.94%,#7e612b 74.85%,#654d13 84.31%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	line-height: 60px;
}

.wheee {
	top: 230vh;
	position: absolute;
	left: 0;
	height: 90px;
	font-size: 90px;
	z-index: 1;
	background: linear-gradient(113.13deg,#5d3f07 11.55%,#6e5523 20.28%,#aa9362 40.66%,#bd9d61 47.93%,#7b6940 63.94%,#7e612b 74.85%,#654d13 84.31%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	line-height: 90px;
}



.bubbles {
	top: -100vh;
	position: fixed;
	-webkit-transform: translate3d(0, 0, 0);
	z-index: 1;
}

.bubble {
	width: 40px;
	height: 40px;
	opacity: 1;
	border-radius: 5px;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.bubble.red {
	background-image: url(../img/star.png);
	filter: hue-rotate(45deg);
}

.bubble.blue {
	background-image: url(../img/star.png);
}

.bubble.yellow {
	background-image: url(../img/star.png);
	filter: hue-rotate(155deg);
}

.absolute_spin{
	position: absolute;
	right: 0;
	bottom: 0;
}

@keyframes octocat-wave {

	0%,
	100% {
		transform: rotate(0)
	}

	20%,
	60% {
		transform: rotate(-25deg)
	}

	40%,
	80% {
		transform: rotate(10deg)
	}
}

@media (max-width:360px) {
	.variant_title .star{
		width: 60px;
		height: 60px;
	}
	.star_1{
		top: 84%;
	}
	.variant_1 .variant_title,
	.variant_2 .variant_title{
		width: 220px;
		font-size: 18px;
		height: 64px;
	}

	.button{
		font-size: 16px;
	}

	.arr_btn{
		margin-left: 10px;
		width: 10px;
	}
}

.christmas_img{
	position: absolute;
	top: 0;
	left: -30px;
	width: 130px;
	z-index: 1;
	transform: rotateY(135deg);
}

.pumpkin_img{
	position: absolute;
	top: 20px;
	left: 0;
	width: 60px;
}

.lang{
	position: absolute;
	top: 20px;
	right: 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	z-index: 2;
}

.lang_icon{
	display: inline-block;
	border-radius: 5px;
	margin: 4px;
	font-size: 16px;
	font-weight: 500;
	padding: 2px 8px;
	background-color: #333;
	/*border: 2px solid #fff;*/
	color: #fff;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	text-decoration: none;
}