@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap&subset=cyrillic');

@font-face {
	font-family: Helvetica Neue;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/HelveticaNeueCyrThin.ttf) format("truetype"), url(../fonts/HelveticaNeueCyrThin.woff) format("woff"), url(../fonts/HelveticaNeueCyrThin.woff2) format("woff2")
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css — базовый ресет стилей */
html {
	-webkit-text-size-adjust: 100%;
	line-height: 1.15
}

body {
	min-height: 100vh
}

body,
main {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

main {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

.app__title {
	color: #fff;
	font-family: 'Lora', serif;
	font-size: 54px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	text-shadow: 0 0 25px #c9a5ce;
	text-transform: uppercase
}

.app__title span {
	color: #ff0;
	text-shadow: none
}

@media (max-width:1279px) {
	.app__title {
		font-size: 40px
	}
}

@media (max-width:768px) {
	.app__title {
		font-size: 29px;
		text-align: center
	}
}

.app__btn {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #ff0;
	border: none;
	border-radius: 45px;
	-webkit-box-shadow: inset 0 14px 14px 0 hsla(0, 0%, 100%, .35);
	box-shadow: inset 0 14px 14px 0 hsla(0, 0%, 100%, .35);
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	justify-content: center;
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content;
	padding: 25px 55px;
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s
}

.app__btn img {
	height: 24px;
	min-width: 18px;
	width: 18px
}

.app__btn span {
	color: #000;
	font-family: Helvetica Neue, sans-serif;
	font-size: 24px;
	letter-spacing: 6px;
	line-height: normal;
	text-transform: uppercase;
	white-space: nowrap
}

.app__btn:active:not([disabled]),
.app__btn:hover:not([disabled]) {
	background: #ffe141
}

.app__btn:disabled {
	background: #ffec8b;
	-webkit-box-shadow: inset 0 14px 14px 0 hsla(0, 0%, 100%, .35);
	box-shadow: inset 0 14px 14px 0 hsla(0, 0%, 100%, .35);
	cursor: not-allowed;
	opacity: .5
}

@media (max-width:768px) {
	.app__btn {
		gap: 10px;
		padding: 15px 20px
	}

	.app__btn img {
		height: 17px;
		min-width: 13px;
		width: 13px
	}

	.app__btn span {
		font-size: 14px;
		letter-spacing: 3.5px
	}
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	scroll-behavior: smooth
}

body {
	background: #181f3f;
	color: #fefeff;
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	margin: 0;
	padding: 0;
	position: relative
}

img {
	height: auto;
	max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	line-height: 130%;
	margin: 0;
	padding: 0
}

li,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.container {
	margin: 0 auto;
	max-width: 1470px;
	padding: 0 16px;
	width: 100%
}

.footer,
.header {
	z-index: 1000 !important
}

main {
	background-color: #0b0f22;
	color: #fefeff;
	margin-top: 0px;
	position: relative
}

.btn-gradient {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	background: 
    linear-gradient(266.83deg, #7ca1ff 1.89%, #2155da 97.41%) right center / 200% 100% no-repeat,
    linear-gradient(90deg, #7ca1ff 1.89%, #2155da 97.41%) right center / 200% 100% no-repeat;
  	transition: background-position 0.8s ease-in-out;
	border: none;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: 'Rubik', sans-serif;
	font-size: 25px;
	font-weight: 300;
	justify-content: center;
	letter-spacing: .75px;
	line-height: 100%;
	max-height: 84px;
	max-width: 690px;
	outline: 0;
	padding: 30px 24px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	width: 100%
}

@media (max-width:768px) {
	.btn-gradient {
		font-size: 20px;
		letter-spacing: .6px;
		line-height: 95%;
		padding: 18px 24px
	}
}

.btn-gradient:hover {
	background-position: left center, right center;
}

#app {
	margin: 0 auto;
	overflow: hidden;
	width: 100%
}

#app .header {
	background-color: transparent
}

#app .form__text2 {
	margin-top: 10px
}

#app .form__text,
#app .form__text2 {
	color: #aeaeae;
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-align: center
}

@media (max-width:998px) {

	#app .form__text,
	#app .form__text2 {
		font-size: 12px;
		text-align: center
	}

	#app .form__text.form__text,
	#app .form__text2.form__text {
		margin-top: 44px
	}
}

#app .form__error {
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 30.98px
}

@media (max-width:800px) {
	#app .form__error {
		font-size: 20px;
		line-height: 27.98px
	}
}

@media (max-width:480px) {
	#app .form__error {
		font-size: 16px;
		line-height: 22.98px
	}
}

.intro {
	font-family: 'Noto Sans', sans-serif;
	margin: 0 auto;
	max-width: 888px;
	overflow: hidden;
	padding-bottom: 5.46875vw;
	padding-top: calc(2.65625vw + 44px);
	position: relative;
	width: 100%
}

@media (max-width:998px) {
	.intro {
		max-width: 100%;
		width: 100%
	}
}

.intro .button__content {
	position: relative
}

.intro .button__content,
.intro .button__content button {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	max-width: 100%;
	width: 100%
}

.intro .button__content button {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.intro .button__content img {
	position: absolute;
	z-index: 100
}

.intro .intro__gift {
	right: 0;
	top: -70%
}

@media (max-width:768px) {
	.intro .intro__gift {
		right: -10%;
		top: -100%;
		-webkit-transform: scale(.6);
		-ms-transform: scale(.6);
		transform: scale(.6)
	}
}

.intro__heading {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1.3020833333vw;
	justify-content: center;
	margin: 0 auto 2.5520833333vw;
	max-width: 37.7083333333vw
}

@media (max-width:768px) {
	.intro__heading {
		gap: 8px;
		margin-bottom: 37px;
		max-width: 100%;
		padding: 0 15px
	}
}

.intro__title {
	color: #fff;
	font-size: 4.1666666667vw;
	font-style: normal;
	font-weight: 600;
	line-height: 5vw;
	text-align: center
}

@media (max-width:768px) {
	.intro__title {
		font-size: 35px;
		line-height: 38px
	}
}

.intro__subtitle {
	color: #fff;
	font-size: 1.1458333333vw;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5625vw;
	opacity: .8;
	text-align: center
}

@media (max-width:768px) {
	.intro__subtitle {
		font-size: 16px;
		line-height: 24px
	}
}

.intro__calculation {
	background: hsla(0, 0%, 100%, .1);
	border-radius: 30px;
	padding: 44px 73px
}

@media (max-width:768px) {
	.intro__calculation {
		border-radius: 22px;
		padding: 17px 13px
	}
}

.intro__calculation-categotries {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: .5208333333vw;
	list-style: none;
	margin-bottom: 1.9791666667vw
}

@media (max-width:768px) {
	.intro__calculation-categotries {
		display: grid;
		gap: 10px;
		grid-template-columns: 1fr 1fr;
		margin-bottom: 18px
	}
}

.intro__calculation-category {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	border: 1px solid #fff;
	border-radius: 80px;
	color: #fff;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	justify-content: center;
	line-height: 140%;
	margin: 0 auto;
	max-width: 187px;
	min-height: 44px;
	text-align: center;
	width: 100%
}

.intro__calculation-category--active {
	background: #75bdff;
	border: none;
	color: #15132f
}

@media (max-width:768px) {
	.intro__calculation-category {
		border-radius: 100px;
		font-size: 14px;
		gap: 10px;
		min-height: 59px;
		padding: 8px 10px
	}
}

.intro__calculation-form {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: none;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1.89vw
}

.intro__calculation-form--active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:768px) {
	.intro__calculation-form {
		gap: 10px
	}
}

.intro__calculation-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	background-position: right 1.25vw center;
	background-repeat: no-repeat;
	border-radius: 5.2083333333vw;
	font-size: .8333333333vw;
	outline: 0;
	padding: 18px 24px;
	width: 100%
}

@media (max-width:768px) {
	.intro__calculation-select {
		background-position: right 24px center;
		border-radius: 100px;
		font-size: 13px;
		line-height: 24px;
		padding: 7px 24px
	}
}

.intro__calculation-inputs {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1.0416666667vw;
	width: 100%
}

@media (max-width:768px) {
	.intro__calculation-inputs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 10px
	}
}

.intro__calculation-input {
	background: #fff;
	border: 2px solid transparent;
	border-radius: 5.2083333333vw;
	color: #333;
	font-size: .8333333333vw;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25vw;
	outline: 0;
	padding: .8333333333vw 1.25vw;
	width: 100%
}

.intro__calculation-input::-webkit-input-placeholder {
	color: #333;
	font-size: .8333333333vw
}

.intro__calculation-input::-moz-placeholder {
	color: #333;
	font-size: .8333333333vw
}

.intro__calculation-input:-ms-input-placeholder {
	color: #333;
	font-size: .8333333333vw
}

.intro__calculation-input::-ms-input-placeholder {
	color: #333;
	font-size: .8333333333vw
}

.intro__calculation-input::placeholder {
	color: #333;
	font-size: .8333333333vw
}

@media (max-width:768px) {
	.intro__calculation-input::-webkit-input-placeholder {
		font-size: 13px;
		line-height: 24px
	}

	.intro__calculation-input::-moz-placeholder {
		font-size: 13px;
		line-height: 24px
	}

	.intro__calculation-input:-ms-input-placeholder {
		font-size: 13px;
		line-height: 24px
	}

	.intro__calculation-input::-ms-input-placeholder {
		font-size: 13px;
		line-height: 24px
	}

	.intro__calculation-input::placeholder {
		font-size: 13px;
		line-height: 24px
	}
}

.intro__calculation-input:focus {
	outline: 0
}

.intro__calculation-input--error {
	border: 2px solid red
}

@media (max-width:768px) {
	.intro__calculation-input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 100px;
		font-size: 13px;
		line-height: 24px;
		padding: 7px 24px;
		width: 100%
	}
}

.intro__calculation-button {
	background: -webkit-gradient(linear, left top, right top, color-stop(1.89%, #d238fa), color-stop(97.41%, #467aff)) 0 0 no-repeat;
	background: linear-gradient(90deg, #d238fa 1.89%, #467aff 97.41%) 0 0 no-repeat;
	border: none;
	border-radius: 5.2083333333vw;
	color: #fff;
	font-size: .9375vw;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25vw;
	padding: .8333333333vw;
	width: 100%
}

@media (max-width:768px) {
	.intro__calculation-button {
		border-radius: 100px;
		font-size: 16px;
		line-height: 24px;
		margin-top: 10px;
		padding: 7px 24px
	}
}

.date__wrapper {
	position: relative;
	width: 100%
}

@media (max-width:768px) {
	.date__wrapper {
		width: 100%
	}
}

.date__label {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	border-radius: 5.2083333333vw;
	color: #333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: .8333333333vw;
	font-style: normal;
	font-weight: 400;
	height: calc(100% - 4px);
	justify-content: flex-start;
	left: 1.5px;
	line-height: 1.25vw;
	padding-left: 1.25vw;
	pointer-events: none;
	position: absolute;
	top: 2px;
	width: 80%
}

@media (max-width:768px) {
	.date__label {
		border-radius: 100px;
		font-size: 13px;
		line-height: 24px;
		padding-left: 24px;
		width: 80%
	}

	.date__input {
		height: 42px
	}
}

.birth__input {
	background: #fff;
	border: 2px solid transparent;
	border-radius: 5.2083333333vw;
	color: #333;
	font-size: .8333333333vw;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25vw;
	outline: 0;
	padding: .8333333333vw 1.25vw;
	width: 100%
}

.birth__input::-webkit-input-placeholder {
	color: #333;
	font-size: .8333333333vw
}

.birth__input::-moz-placeholder {
	color: #333;
	font-size: .8333333333vw
}

.birth__input:-ms-input-placeholder {
	color: #333;
	font-size: .8333333333vw
}

.birth__input::-ms-input-placeholder {
	color: #333;
	font-size: .8333333333vw
}

.birth__input::placeholder {
	color: #333;
	font-size: .8333333333vw
}

@media (max-width:768px) {
	.birth__input::-webkit-input-placeholder {
		font-size: 13px;
		line-height: 24px
	}

	.birth__input::-moz-placeholder {
		font-size: 13px;
		line-height: 24px
	}

	.birth__input:-ms-input-placeholder {
		font-size: 13px;
		line-height: 24px
	}

	.birth__input::-ms-input-placeholder {
		font-size: 13px;
		line-height: 24px
	}

	.birth__input::placeholder {
		font-size: 13px;
		line-height: 24px
	}
}

@media (max-width:1200px) {
	.birth__input {
		max-width: 600px
	}
}

@media (max-width:768px) {
	.birth__input {
		font-size: 14px;
		line-height: 24px;
		max-width: 100%;
		min-height: 40px;
		padding-left: 24px;
		width: 100%
	}
}

.birth__input-wrap { 
	max-width: 700px;
	position: relative
}

.birth__input {
	position: relative;
	z-index: 90
}

.birth__input:after {
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 0
}

.birth__label {
	background: #fff;
	border: 2px solid transparent;
	border-radius: 5.2083333333vw;
	color: #333;
	font-size: .8333333333vw;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25vw;
	max-width: 100%;
	outline: 0;
	padding: .8333333333vw 1.25vw;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100
}

.birth__label:after {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 22px;
	position: absolute;
	right: 0;
	top: 0;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 36px;
	z-index: 60
}

@media (max-width:768px) {
	.birth__label {
		font-size: 14px;
		max-width: 100%;
		min-height: 40px;
		padding-left: 24px;
		width: 100%
	}
}

.birth__label.visible {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	justify-content: center
}

.birth__label.visible p {
	display: block
}

@media (max-width:768px) {
	.birth__label.visible {
		height: 0
	}
}

.birth__label.nonvisible {
	opacity: 0;
	right: 10%;
	width: 10%
}

.birth__label.nonvisible p {
	display: none
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-inner-spin-button {
	display: none
}

input[type=date] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.primary {
	padding: 60px 0 100px;
	position: relative;
	scroll-behavior: smooth;
	z-index: 10
}

.primary:after {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	filter: blur(15px);
	-webkit-filter: blur(5px);
	height: 100%;
	left: 0;
	position: absolute;
	top: -7%;
	width: 100%;
	z-index: -1
}

@media (max-width:768px) {
	.primary:after {
		height: 100%;
		top: -30%;
		width: 100%
	}

	.primary {
		padding: 20px 0 65px
	}
}

.primary__inner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 10
}

.primary__title {
	color: #fff;
	font-family: 'Lora', serif;
	font-size: 52px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	margin: 0 auto;
	max-width: 500px;
	text-align: center
}

@media (max-width:768px) {
	.primary__title {
		font-size: 40px;
		letter-spacing: .15px;
		max-width: 300px
	}
}

.primary__subtitle {
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .2px;
	line-height: 170%;
	margin-top: 20px;
	max-width: 1000px;
	text-align: center
}

@media (max-width:768px) {
	.primary__subtitle {
		font-size: 15px;
		letter-spacing: .15px
	}
}

.primary__form {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	margin-top: 40px
}

@media (max-width:768px) {
	.primary__form {
		margin-top: 30px
	}
}

.primary__input-block {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative
}

.primary__gift {
	bottom: -74px;
	max-height: 96px;
	max-width: 108px;
	position: absolute;
	right: 0;
	z-index: 100
}

@media (max-width:768px) {
	.primary__gift {
		bottom: -54px;
		max-height: 71px;
		max-width: 92px;
		right: -8px
	}
}

.primary__input-date,
.primary__input-name,
.primary__select {
	background: hsla(0, 0%, 100%, .1);
	border: none;
	border: 1px solid hsla(0, 0%, 100%, .14);
	border-radius: 100px;
	color: hsla(0, 0%, 100%, .7);
	font-family: Helvetica Neue, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	height: 70px;
	line-height: 150%;
	margin-bottom: 20px;
	max-width: 690px;
	outline: 0;
	padding: 20px 30px;
	width: 100vw
}

.primary__input-date::-webkit-input-placeholder,
.primary__input-name::-webkit-input-placeholder,
.primary__select::-webkit-input-placeholder {
	color: hsla(0, 0%, 100%, .7);
	font-family: Helvetica Neue, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%
}

.primary__input-date::-moz-placeholder,
.primary__input-name::-moz-placeholder,
.primary__select::-moz-placeholder {
	color: hsla(0, 0%, 100%, .7);
	font-family: Helvetica Neue, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%
}

.primary__input-date:-ms-input-placeholder,
.primary__input-name:-ms-input-placeholder,
.primary__select:-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .7);
	font-family: Helvetica Neue, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%
}

.primary__input-date::-ms-input-placeholder,
.primary__input-name::-ms-input-placeholder,
.primary__select::-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .7);
	font-family: Helvetica Neue, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%
}

.primary__input-date::placeholder,
.primary__input-name::placeholder,
.primary__select::placeholder {
	color: hsla(0, 0%, 100%, .7);
	font-family: Helvetica Neue, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%
}

@media (max-width:768px) {

	.primary__input-date,
	.primary__input-name,
	.primary__select {
		font-size: 15px;
		height: 48px;
		padding: 12px 24px;
		width: 92vw
	}

	.primary__input-date::-webkit-input-placeholder,
	.primary__input-name::-webkit-input-placeholder,
	.primary__select::-webkit-input-placeholder {
		font-size: 15px
	}

	.primary__input-date::-moz-placeholder,
	.primary__input-name::-moz-placeholder,
	.primary__select::-moz-placeholder {
		font-size: 15px
	}

	.primary__input-date:-ms-input-placeholder,
	.primary__input-name:-ms-input-placeholder,
	.primary__select:-ms-input-placeholder {
		font-size: 15px
	}

	.primary__input-date::-ms-input-placeholder,
	.primary__input-name::-ms-input-placeholder,
	.primary__select::-ms-input-placeholder {
		font-size: 15px
	}

	.primary__input-date::placeholder,
	.primary__input-name::placeholder,
	.primary__select::placeholder {
		font-size: 15px
	}
}

.primary__input-name::-moz-placeholder {
	color: hsla(0, 0%, 100%, .7)
}

.primary__input-date::-webkit-input-placeholder {
	color: transparent
}

.primary__input-date::-moz-placeholder {
	color: transparent
}

.primary__input-date:-ms-input-placeholder {
	color: transparent
}

.primary__input-date::-ms-input-placeholder {
	color: transparent
}

.primary__input-date::placeholder {
	color: transparent
}

.primary__input-date.visible {
	color: hsla(0, 0%, 100%, .7)
}

.primary__input-date.nonvisible {
	color: transparent
}

.primary__info-list {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-top: 40px
}

@media (max-width:768px) {
	.primary__info-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 35px
	}
}

.primary__info-item {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 290px
}

@media (max-width:768px) {
	.primary__info-item {
		max-width: 330px
	}
}

.primary__info-item:nth-child(2) {
	margin: 0 40px
}

@media (max-width:768px) {
	.primary__info-item:nth-child(2) {
		margin: 20px 0
	}
}

.primary__info-item-title {
	color: #fff;
	font-family: Helvetica Neue, sans-serif;
	font-size: 25px;
	font-style: italic;
	font-weight: 400;
	line-height: 150%;
	margin: 15px 0 10px;
	text-align: center;
	text-transform: uppercase
}

@media (max-width:768px) {
	.primary__info-item-title {
		font-size: 20px;
		margin: 20px 0 0
	}
}

.primary__info-item-text {
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: .2px;
	line-height: 150%;
	text-align: center
}

@media (max-width:768px) {
	.primary__info-item-text {
		font-size: 15px;
		font-weight: 400
	}
}

.primary__date-name-wrapper {
	position: relative
}

.primary__date-name-wrapper input {
	position: relative;
	z-index: 90
}

.primary__date-name-wrapper input:after {
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 0
}

.primary__date-name-wrapper label {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: 0 0;
	border-radius: 100px;
	color: hsla(0, 0%, 100%, .7);
	font-family: Helvetica Neue, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	height: 70px;
	line-height: 150%;
	padding-left: 30px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100
}

.primary__date-name-wrapper label:after {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 22px;
	position: absolute;
	right: 0;
	top: 0;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 36px;
	z-index: 60
}

@media (max-width:768px) {
	.primary__date-name-wrapper label {
		font-size: 15px;
		height: 48px;
		padding-left: 24px
	}
}

.primary__date-name-wrapper label.visible {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.primary__date-name-wrapper label.nonvisible {
	right: 0;
	width: 10%
}

.primary__date-name-wrapper label.nonvisible p {
	display: none
}

.suitable {
	position: relative;
	z-index: 10
}

.suitable__background {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: -74px;
	z-index: 1
}

.suitable__title {
	color: #fff;
	font-family: 'Lora', serif;
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 1.8px;
	line-height: 110%
}

@media (max-width:768px) {
	.suitable__title {
		font-size: 35px;
		letter-spacing: 1.05px
	}
}

.suitable__bg-graph {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	max-height: 572px;
	max-width: 572px;
	width: 100%
}

@media (max-width:1040px) {
	.suitable__bg-graph {
		margin-bottom: 30px
	}
}

@media (max-width:440px) {
	.suitable__bg-graph {
		-webkit-transform: scale(1.35);
		-ms-transform: scale(1.35);
		transform: scale(1.35)
	}

	.suitable__bg-graph img {
		-webkit-transform: scale(.7);
		-ms-transform: scale(.7);
		transform: scale(.7)
	}
}

.suitable__inner {
	position: relative;
	z-index: 10
}

.suitable__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 50px
}

@media (max-width:1040px) {
	.suitable__info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@media (max-width:768px) {
	.suitable__info {
		margin-top: 20px
	}
}

.suitable__block-text {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px;
	margin-left: 110px;
	max-width: 690px;
	width: 100%
}

@media (max-width:1040px) {
	.suitable__block-text {
		margin-left: 0
	}
}

.suitable__block-text p {
	color: #fefeff;
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .2px;
	line-height: 150%
}

@media (max-width:768px) {
	.suitable__block-text p {
		color: #fff;
		font-family: Helvetica Neue, sans-serif;
		font-size: 15px;
		font-weight: 400
	}
}

.suitable__block-text a {
	margin: 40px 0 0;
	max-width: 350px;
	padding: 20px 24px;
	text-decoration: none;
	width: 100%
}

@media (max-width:520px) {
	.suitable__block-text a {
		margin: 40px auto 0;
		max-width: 100%
	}
}

.timer {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #f0f5ff;
	border-radius: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 500px;
	padding: 16px 20px;
	position: relative;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	width: 100%
}

.timer__price {
	background: -webkit-gradient(linear, left top, right top, color-stop(1.89%, #34de96), color-stop(97.41%, #2155da));
	background: linear-gradient(90deg, #7ca1ff 1.89%, #2155da 97.41%);
	border-radius: 5px;
	color: #fff;
	font-family: Helvetica Neue, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	padding: 5px 10px;
	position: absolute;
	right: -20px;
	text-transform: uppercase;
	top: -20px;
	-webkit-transform: rotate(6deg);
	-ms-transform: rotate(6deg);
	transform: rotate(6deg)
}

@media (max-width:768px) {
	.timer__price {
		font-size: 12px
	}
}

.timer__head p {
	font-family: Helvetica Neue, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 150%;
	max-width: 246px
}

.timer__head p,
.timer__time {
	color: #2255da;
	font-style: normal
}

.timer__time {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: 'Rubik', sans-serif;
	font-size: 35px;
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	letter-spacing: -1.05px;
	line-height: 120%
}

@media (max-width:868px) {
	.timer .timer__head p {
		font-size: 15px;
		max-width: 115px
	}
}

@media (max-width:768px) {
	.timer .timer__head p {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-box-align: top;
		-ms-flex-align: top;
		align-items: top;
		justify-content: center
	}

	.timer__time {
		font-size: 30px
	}
}

@media (max-width:560px) {
	.timer .timer__head p {
		letter-spacing: -.5px;
		max-width: 110px
	}

	.timer__time {
		font-size: 26px
	}
}

.order {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-animation: opacity .3s;
	animation: opacity .3s;
	background-color: #1b2248;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	left: 50%;
	min-width: 580px;
	padding: 40px;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.order,
.order__wrapper {
	position: fixed;
	z-index: 1100
}

.order__wrapper {
	background: rgba(0, 0, 0, .47);
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

.order__wrapper.visible {
	display: block
}

.order__wrapper.nonvisible {
	display: none
}

.order.visible {
	display: block
}

.order.nonvisible {
	display: none
}

@media (max-width:768px) {
	.order {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		height: 525px;
		justify-content: flex-start;
		min-width: 340px;
		overflow-y: scroll;
		padding: 33px 20px
	}

	.order::-webkit-scrollbar {
		width: 0
	}

	.order {
		scrollbar-width: none
	}
}

@media (max-width:360px) {
	.order {
		min-width: 330px;
		padding: 28px 15px
	}
}

@media (max-width:336px) {
	.order {
		min-width: 300px;
		padding: 28px 14px
	}
}

.order__title {
	color: #fff;
	font-family: 'Lora', serif;
	font-size: 64px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 1.2x;
	line-height: 110%;
	margin-bottom: 40px;
	max-width: 500px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width:768px) {
	.order__title {
		font-size: 22.5px;
		letter-spacing: .7px;
		line-height: 95%
	}
}

.order__close {
	cursor: pointer;
	height: 30px;
	position: absolute;
	right: 36px;
	top: 36px;
	width: 30px;
	z-index: 300
}

@media (max-width:768px) {
	.order__close {
		right: 18px;
		top: 18px
	}

	.order__close,
	.order__close svg {
		height: 13px;
		width: 13px
	}
}

.order__info {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: hsla(0, 0%, 100%, .1);
	border-radius: 20px;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	margin: 40px 0;
	max-width: 500px;
	padding: 20px 24px;
	width: 100%
}

@media (max-width:768px) {
	.order__info {
		margin: 20px 0;
		padding: 10px 24px
	}
}

.order__info-date,
.order__info-name {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: .2px;
	line-height: 170%
}

@media (max-width:768px) {

	.order__info-date,
	.order__info-name {
		font-family: Helvetica Neue, sans-serif;
		font-size: 15px;
		font-weight: 400;
		line-height: 150%
	}
}

.order__info span {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	font-weight: 700;
	gap: 5px;
	margin-left: 3px
}

@media (max-width:768px) {
	.order__info span {
		font-weight: 500;
        font-size: 15px;
		text-transform: uppercase
	}
}

.order__gift {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: hsla(0, 0%, 100%, .1);
	border-radius: 15px;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	max-height: 105px;
	max-width: 500px;
	padding: 20px 10px;
	width: 100%
}

@media (max-width:768px) {
	.order__gift {
		margin-top: 10px;
		padding: 10px 5px
	}
}

.order__gift-img {
	max-height: 65px;
	max-width: 65px
}

.order__gift-text {
	margin-left: 8px;
	width: 100%
}

.order__gift-text-subtitle {
	color: #fff;
	font-family: Helvetica Neue, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%
}

@media (max-width:768px) {
	.order__gift-text-subtitle {
		font-size: 15px
	}
}

.order__gift-text-title {
	color: #fff;
	font-family: Helvetica Neue, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	text-transform: uppercase
}

@media (max-width:768px) {
	.order__gift-text-title {
		font-size: 15px
	}
}

.order .form {
	margin-top: 20px;
	max-width: 500px;
	width: 100%
}

@media (max-width:768px) {
	.order .form {
		margin-top: 10px
	}
}

.order .form__email {
	background: hsla(0, 0%, 100%, .1);
	border: 1px solid hsla(0, 0%, 100%, .14);
	border-radius: 100px;
	color: #8e8e8e;
	font-family: Helvetica Neue, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 16px;
	padding: 20px 24px;
	width: 100%
}

.order .form__email::-webkit-input-placeholder {
	color: #8e8e8e
}

.order .form__email::-moz-placeholder {
	color: #8e8e8e
}

.order .form__email:-ms-input-placeholder {
	color: #8e8e8e
}

.order .form__email::-ms-input-placeholder {
	color: #8e8e8e
}

.order .form__email::placeholder {
	color: #8e8e8e
}

@media (max-width:768px) {
	.order .form__email {
		font-size: 15px;
		padding: 12px 24px
	}
}

.order .form__button {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	background: -webkit-gradient(linear, left top, right top, color-stop(1.89%, #34de96), color-stop(97.41%, #2155da));
	background: linear-gradient(90deg, #7ca1ff 1.89%, #2155da 97.41%);
	border: none;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: 'Rubik', sans-serif;
	font-size: 25px;
	font-weight: 300;
	justify-content: center;
	letter-spacing: .75px;
	line-height: 100%;
	max-height: 84px;
	max-width: 690px;
	outline: 0;
	padding: 18px 24px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	width: 100%
}

@media (max-width:768px) {
	.order .form__button {
		font-size: 20px;
		letter-spacing: .6px;
		line-height: 95%;
		padding: 18px 24px
	}
}

.order .form__button:hover {
	background: linear-gradient(266.83deg, #7ca1ff 1.89%, #2155da 97.41%)
}

.advantages {
	padding: 100px 0 0;
	position: relative;
	z-index: 10
}

@media (max-width:768px) {
	.advantages {
		padding: 65px 0 0
	}
}

.advantages:after {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10%;
	content: "";
	filter: blur(15px);
	-webkit-filter: blur(5px);
	height: 100%;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1400px;
	z-index: -1
}

.advantages__title {
	color: #fff;
	font-family: 'Lora', serif;
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 1.8px;
	line-height: 110%
}

@media (max-width:768px) {
	.advantages__title {
		font-size: 35px;
		letter-spacing: 1.05px
	}
}

.advantages__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 50px
}

.advantages__info img {
	margin: 180px 0 0 20px;
}

@media (max-width:1040px) {
	.advantages__info img {
		margin: 10px 0 0
	}

	.advantages__info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

.advantages__block-info {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.advantages__btn {
	margin: 60px auto 0;
	max-width: 350px;
	padding: 20px 42px;
	text-decoration: none
}

@media (max-width:768px) {
	.advantages__btn {
		margin: 40px auto 0
	}
}

.advantages__info-item {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 690px
}

@media (max-width:768px) {
	.advantages__info-item {
		max-width: 330px
	}
}

.advantages__info-item:nth-child(2),
.advantages__info-item:nth-child(3),
.advantages__info-item:nth-child(4) {
	margin-top: 40px
}

@media (max-width:768px) {

	.advantages__info-item:nth-child(2),
	.advantages__info-item:nth-child(3),
	.advantages__info-item:nth-child(4) {
		margin: 20px 0
	}
}

.advantages__info-item-title {
	color: #fff;
	font-family: Helvetica Neue, sans-serif;
	font-size: 25px;
	font-style: italic;
	font-weight: 400;
	line-height: 150%;
	margin: 15px 0 10px;
	text-align: center;
	text-transform: uppercase
}

@media (max-width:768px) {
	.advantages__info-item-title {
		font-size: 20px;
		margin: 20px 0 6px
	}
}

.advantages__info-item-text {
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .2px;
	line-height: 150%;
	text-align: center
}

@media (max-width:768px) {
	.advantages__info-item-text {
		font-size: 15px;
		font-weight: 400
	}
}

.loader {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-animation: opacity .3s;
	animation: opacity .3s;
	background: #1b2248;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	left: 50%;
	max-height: 686px;
	max-width: 580px;
	padding: 40px;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.loader,
.loader__wrapper {
	position: fixed;
	z-index: 1100
}

.loader__wrapper {
	background: rgba(0, 0, 0, .47);
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

.loader__wrapper.visible {
	display: block
}

.loader__wrapper.nonvisible {
	display: none
}

@media (max-width:768px) {
	.loader {
		max-height: 471px;
		max-width: 385px;
		padding: 30px 20px
	}
}

@media (max-width:468px) {
	.loader {
		max-width: 374px
	}
}

@media (max-width:388px) {
	.loader {
		max-width: 330px
	}
}

@media (max-width:336px) {
	.loader {
		max-width: 300px
	}
}

.loader__status {
	color: #fff;
	font-family: 'Lora', serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 1.2x;
	line-height: 110%;
	max-width: 500px;
	text-align: center
}

@media (max-width:768px) {
	.loader__status {
		font-size: 25px;
		letter-spacing: .75px;
		line-height: 110%
	}
}

.loader__info {
	margin-top: 10px
}

.loader__info-text {
	color: hsla(0, 0%, 100%, .7);
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: .2px;
	line-height: 170%;
	text-align: center
}

@media (max-width:768px) {
	.loader__info-text {
		font-size: 15px;
		line-height: 150%
	}
}

.loader__info-text--1 {
	display: none
}

.loader__info-text--1.active-block {
	display: block
}

.loader__info-text--2 {
	display: none
}

.loader__info-text--2.active-block {
	display: block
}

.loader__info-text--3 {
	display: none
}

.loader__info-text--3.active-block {
	display: block
}

.loader__info-text--4 {
	display: none
}

.loader__info-text--4.active-block {
	display: block
}

.loader__block {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 475px;
	justify-content: center;
	margin-top: 40px;
	position: relative;
	width: 500px
}

.loader__block:after {
	bottom: 50px;
	color: #fff;
	content: "0%";
	font-family: 'Lora', serif;
	font-size: 40px;
	position: absolute
}

@media (max-width:768px) {
	.loader__block:after {
		bottom: 44px;
		font-size: 26px
	}
}

.loader__block.loading:after {
	-webkit-animation: animloaderNum 6s;
	animation: animloaderNum 6s;
	content: "100%"
}

.loader__ball-img {
	height: 160px;
	width: 160px;
	filter: hue-rotate(-20deg);
}

@media (max-width:768px) {
	.loader__ball-img {
		height: 102px;
		width: 102px
	}
}

.loader__wand-img {
	height: 110px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100px
}

@media (max-width:768px) {
	.loader__wand-img {
		height: 80px;
		width: 73px
	}
}

.loader__wand-img.moving {
	-webkit-animation: animloaderWand 6s;
	animation: animloaderWand 6s;
	left: 40px;
	top: 120px;
	filter: hue-rotate(-50deg);
}

@media (max-width:768px) {
	.loader__wand-img.moving {
		-webkit-animation: animloaderWandMobile 6s;
		animation: animloaderWandMobile 6s;
		left: 140px;
		top: 70px
	}
}

@-webkit-keyframes animloaderNum {
	0% {
		content: "0%"
	}

	1% {
		content: "1%"
	}

	2% {
		content: "2%"
	}

	3% {
		content: "3%"
	}

	4% {
		content: "4%"
	}

	5% {
		content: "5%"
	}

	6% {
		content: "6%"
	}

	7% {
		content: "7%"
	}

	8% {
		content: "8%"
	}

	9% {
		content: "9%"
	}

	10% {
		content: "10%"
	}

	11% {
		content: "11%"
	}

	12% {
		content: "12%"
	}

	13% {
		content: "13%"
	}

	14% {
		content: "14%"
	}

	15% {
		content: "15%"
	}

	16% {
		content: "16%"
	}

	17% {
		content: "17%"
	}

	18% {
		content: "18%"
	}

	19% {
		content: "19%"
	}

	20% {
		content: "20%"
	}

	21% {
		content: "21%"
	}

	22% {
		content: "22%"
	}

	23% {
		content: "23%"
	}

	24% {
		content: "24%"
	}

	25% {
		content: "25%"
	}

	26% {
		content: "26%"
	}

	27% {
		content: "27%"
	}

	28% {
		content: "28%"
	}

	29% {
		content: "29%"
	}

	30% {
		content: "30%"
	}

	31% {
		content: "31%"
	}

	32% {
		content: "32%"
	}

	33% {
		content: "33%"
	}

	34% {
		content: "34%"
	}

	35% {
		content: "35%"
	}

	36% {
		content: "36%"
	}

	37% {
		content: "37%"
	}

	38% {
		content: "38%"
	}

	39% {
		content: "39%"
	}

	40% {
		content: "40%"
	}

	41% {
		content: "41%"
	}

	42% {
		content: "42%"
	}

	43% {
		content: "43%"
	}

	44% {
		content: "44%"
	}

	45% {
		content: "45%"
	}

	46% {
		content: "46%"
	}

	47% {
		content: "47%"
	}

	48% {
		content: "48%"
	}

	49% {
		content: "49%"
	}

	50% {
		content: "50%"
	}

	51% {
		content: "51%"
	}

	52% {
		content: "52%"
	}

	53% {
		content: "53%"
	}

	54% {
		content: "54%"
	}

	55% {
		content: "55%"
	}

	56% {
		content: "56%"
	}

	57% {
		content: "57%"
	}

	58% {
		content: "58%"
	}

	59% {
		content: "59%"
	}

	60% {
		content: "60%"
	}

	61% {
		content: "61%"
	}

	62% {
		content: "62%"
	}

	63% {
		content: "63%"
	}

	64% {
		content: "64%"
	}

	65% {
		content: "65%"
	}

	66% {
		content: "66%"
	}

	67% {
		content: "67%"
	}

	68% {
		content: "68%"
	}

	69% {
		content: "69%"
	}

	70% {
		content: "70%"
	}

	71% {
		content: "71%"
	}

	72% {
		content: "72%"
	}

	73% {
		content: "73%"
	}

	74% {
		content: "74%"
	}

	75% {
		content: "75%"
	}

	76% {
		content: "76%"
	}

	77% {
		content: "77%"
	}

	78% {
		content: "78%"
	}

	79% {
		content: "79%"
	}

	80% {
		content: "80%"
	}

	81% {
		content: "81%"
	}

	82% {
		content: "82%"
	}

	83% {
		content: "83%"
	}

	84% {
		content: "84%"
	}

	85% {
		content: "85%"
	}

	86% {
		content: "86%"
	}

	87% {
		content: "87%"
	}

	88% {
		content: "88%"
	}

	89% {
		content: "89%"
	}

	90% {
		content: "90%"
	}

	91% {
		content: "91%"
	}

	92% {
		content: "92%"
	}

	93% {
		content: "93%"
	}

	94% {
		content: "94%"
	}

	95% {
		content: "95%"
	}

	96% {
		content: "96%"
	}

	97% {
		content: "97%"
	}

	98% {
		content: "98%"
	}

	99% {
		content: "99%"
	}

	to {
		content: "100%"
	}
}

@keyframes animloaderNum {
	0% {
		content: "0%"
	}

	1% {
		content: "1%"
	}

	2% {
		content: "2%"
	}

	3% {
		content: "3%"
	}

	4% {
		content: "4%"
	}

	5% {
		content: "5%"
	}

	6% {
		content: "6%"
	}

	7% {
		content: "7%"
	}

	8% {
		content: "8%"
	}

	9% {
		content: "9%"
	}

	10% {
		content: "10%"
	}

	11% {
		content: "11%"
	}

	12% {
		content: "12%"
	}

	13% {
		content: "13%"
	}

	14% {
		content: "14%"
	}

	15% {
		content: "15%"
	}

	16% {
		content: "16%"
	}

	17% {
		content: "17%"
	}

	18% {
		content: "18%"
	}

	19% {
		content: "19%"
	}

	20% {
		content: "20%"
	}

	21% {
		content: "21%"
	}

	22% {
		content: "22%"
	}

	23% {
		content: "23%"
	}

	24% {
		content: "24%"
	}

	25% {
		content: "25%"
	}

	26% {
		content: "26%"
	}

	27% {
		content: "27%"
	}

	28% {
		content: "28%"
	}

	29% {
		content: "29%"
	}

	30% {
		content: "30%"
	}

	31% {
		content: "31%"
	}

	32% {
		content: "32%"
	}

	33% {
		content: "33%"
	}

	34% {
		content: "34%"
	}

	35% {
		content: "35%"
	}

	36% {
		content: "36%"
	}

	37% {
		content: "37%"
	}

	38% {
		content: "38%"
	}

	39% {
		content: "39%"
	}

	40% {
		content: "40%"
	}

	41% {
		content: "41%"
	}

	42% {
		content: "42%"
	}

	43% {
		content: "43%"
	}

	44% {
		content: "44%"
	}

	45% {
		content: "45%"
	}

	46% {
		content: "46%"
	}

	47% {
		content: "47%"
	}

	48% {
		content: "48%"
	}

	49% {
		content: "49%"
	}

	50% {
		content: "50%"
	}

	51% {
		content: "51%"
	}

	52% {
		content: "52%"
	}

	53% {
		content: "53%"
	}

	54% {
		content: "54%"
	}

	55% {
		content: "55%"
	}

	56% {
		content: "56%"
	}

	57% {
		content: "57%"
	}

	58% {
		content: "58%"
	}

	59% {
		content: "59%"
	}

	60% {
		content: "60%"
	}

	61% {
		content: "61%"
	}

	62% {
		content: "62%"
	}

	63% {
		content: "63%"
	}

	64% {
		content: "64%"
	}

	65% {
		content: "65%"
	}

	66% {
		content: "66%"
	}

	67% {
		content: "67%"
	}

	68% {
		content: "68%"
	}

	69% {
		content: "69%"
	}

	70% {
		content: "70%"
	}

	71% {
		content: "71%"
	}

	72% {
		content: "72%"
	}

	73% {
		content: "73%"
	}

	74% {
		content: "74%"
	}

	75% {
		content: "75%"
	}

	76% {
		content: "76%"
	}

	77% {
		content: "77%"
	}

	78% {
		content: "78%"
	}

	79% {
		content: "79%"
	}

	80% {
		content: "80%"
	}

	81% {
		content: "81%"
	}

	82% {
		content: "82%"
	}

	83% {
		content: "83%"
	}

	84% {
		content: "84%"
	}

	85% {
		content: "85%"
	}

	86% {
		content: "86%"
	}

	87% {
		content: "87%"
	}

	88% {
		content: "88%"
	}

	89% {
		content: "89%"
	}

	90% {
		content: "90%"
	}

	91% {
		content: "91%"
	}

	92% {
		content: "92%"
	}

	93% {
		content: "93%"
	}

	94% {
		content: "94%"
	}

	95% {
		content: "95%"
	}

	96% {
		content: "96%"
	}

	97% {
		content: "97%"
	}

	98% {
		content: "98%"
	}

	99% {
		content: "99%"
	}

	to {
		content: "100%"
	}
}

@-webkit-keyframes animloaderWand {
	0% {
		left: 40px;
		top: 120px
	}

	20% {
		left: 143px;
		top: 272px
	}

	40% {
		left: 170px;
		top: 75px
	}

	60% {
		left: 167px;
		top: 169px
	}

	80% {
		left: 275px;
		top: 58px
	}

	to {
		left: 40px;
		top: 120px
	}
}

@keyframes animloaderWand {
	0% {
		left: 40px;
		top: 120px
	}

	20% {
		left: 143px;
		top: 272px
	}

	40% {
		left: 170px;
		top: 75px
	}

	60% {
		left: 167px;
		top: 169px
	}

	80% {
		left: 275px;
		top: 58px
	}

	to {
		left: 40px;
		top: 120px
	}
}

@-webkit-keyframes animloaderWandMobile {
	0% {
		left: 140px;
		top: 70px
	}

	20% {
		left: 198px;
		top: 162px
	}

	40% {
		left: 228px;
		top: 57px
	}

	60% {
		left: 202px;
		top: 166px
	}

	80% {
		left: 275px;
		top: 58px
	}

	to {
		left: 140px;
		top: 70px
	}
}

@keyframes animloaderWandMobile {
	0% {
		left: 140px;
		top: 70px
	}

	20% {
		left: 198px;
		top: 162px
	}

	40% {
		left: 228px;
		top: 57px
	}

	60% {
		left: 202px;
		top: 166px
	}

	80% {
		left: 275px;
		top: 58px
	}

	to {
		left: 140px;
		top: 70px
	}
}

.loader-circle,
.loader-circle-grey {
	aspect-ratio: 1;
	border-radius: 50%;
	border-style: solid;
	border-width: 1.2em;
	display: inline-block;
	position: absolute;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	width: 475px
}

@media (max-width:768px) {

	.loader-circle,
	.loader-circle-grey {
		border-width: .9em;
		width: 280px
	}
}

.loader-circle-grey {
	border-color: hsla(0, 0%, 100%, .2)
}

.loader-circle.loading {
	-webkit-animation: progress 6s cubic-bezier(.25, .4, .75, .6) forwards;
	animation: progress 6s cubic-bezier(.25, .4, .75, .6) forwards;
	border-color: #b1c5f8
}

@-webkit-keyframes progress {
	0% {
		clip-path: polygon(50% 50%, 50% -21%, 50% -21%, 50% -21%, 50% -21%, 50% -21%)
	}

	25% {
		clip-path: polygon(50% 50%, 50% -21%, -21% 50%, -21% 50%, -21% 50%, -21% 50%)
	}

	50% {
		clip-path: polygon(50% 50%, 50% -21%, -21% 50%, 50% 121%, 50% 121%, 50% 121%)
	}

	75% {
		clip-path: polygon(50% 50%, 50% -21%, -21% 50%, 50% 121%, 121% 50%, 121% 50%)
	}

	to {
		clip-path: polygon(50% 50%, 50% -21%, -21% 50%, 50% 121%, 121% 50%, 50% -21%)
	}
}

@keyframes progress {
	0% {
		clip-path: polygon(50% 50%, 50% -21%, 50% -21%, 50% -21%, 50% -21%, 50% -21%)
	}

	25% {
		clip-path: polygon(50% 50%, 50% -21%, -21% 50%, -21% 50%, -21% 50%, -21% 50%)
	}

	50% {
		clip-path: polygon(50% 50%, 50% -21%, -21% 50%, 50% 121%, 50% 121%, 50% 121%)
	}

	75% {
		clip-path: polygon(50% 50%, 50% -21%, -21% 50%, 50% 121%, 121% 50%, 121% 50%)
	}

	to {
		clip-path: polygon(50% 50%, 50% -21%, -21% 50%, 50% 121%, 121% 50%, 50% -21%)
	}
}

.get {
	padding: 134px 0;
	position: relative;
	z-index: 10
}

@media (max-width:768px) {
	.get {
		padding: 65px 0 40px
	}
}

.get:after {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	filter: blur(15px);
	-webkit-filter: blur(15px);
	height: 100%;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 70%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1400px;
	z-index: -1
}

.get__title {
	color: #fff;
	font-family: 'Lora', serif;
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 1.8px;
	line-height: 110%
}

@media (max-width:768px) {
	.get__title {
		font-size: 35px;
		letter-spacing: 1.05px
	}
}

.get__bg-graph {
	grid-area: block1;
	height: 100%;
	pointer-events: none;
	position: relative;
	width: 100%;
	z-index: -1
}

.get__bg-graph img {
	left: 30px;
	position: absolute;
	top: 30px;
	-webkit-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4)
}

@media (max-width:440px) {
	.get__bg-graph img {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

@media (max-width:368px) {
	.get__bg-graph img {
		top: 25%
	}
}

@media (max-width:1040px) {
	.get__bg-graph {
		margin-bottom: 30px
	}
}

@media (max-width:440px) {
	.get__bg-graph {
		-webkit-transform: scale(1.35);
		-ms-transform: scale(1.35);
		transform: scale(1.35)
	}
}

.get__inner {
	position: relative;
	z-index: 10
}

.get__info {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	display: grid;
	gap: 20px;
	grid: "block1 block2" 1fr/1fr 1fr;
	margin-top: 50px
}

@media (max-width:1040px) {
	.get__info {
		gap: 100px;
		grid: "block1" .8fr "block2" 1fr/1fr
	}
}

@media (max-width:768px) {
	.get__info {
		gap: 50px;
		grid: "block1" .9fr "block2" 1fr/1fr;
		margin-top: 20px
	}
}

@media (max-width:440px) {
	.get__info {
		gap: 0;
		grid: "block1" 1fr "block2" 1fr/1fr
	}
}

.get__block-text {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px;
	grid-area: block2;
	margin-left: 10px;
	margin-top: 110px;
	max-width: 690px;
	width: 100%
}

@media (max-width:1040px) {
	.get__block-text {
		margin-left: 0;
		margin-top: 0
	}
}

.get__block-text p {
	color: #fefeff;
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .2px;
	line-height: 150%
}

@media (max-width:768px) {
	.get__block-text p {
		color: #fff;
		font-family: Helvetica Neue, sans-serif;
		font-size: 15px;
		font-weight: 400
	}
}

.get__block-text a {
	margin: 40px 0 0;
	max-width: 350px;
	padding: 20px 24px;
	text-decoration: none;
	width: 100%
}

@media (max-width:520px) {
	.get__block-text a {
		margin: 40px auto 0
	}
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css — базовый ресет стилей */
.intro__calculation-select {
	background-image: url(../images/intro-down.svg)
}

.birth__label:after {
	background-image: url(../images/calendar.svg)
}

.primary:after,
body.no-js .primary:after,
body.no-webp .primary:after {
	background-image: url(../images/intro-bg.png)
}

body.webp .primary:after {
	background-image: url(../images/intro-bg.webp)
}

@media (max-width:768px) {

	.primary:after,
	body.no-js .primary:after,
	body.no-webp .primary:after {
		background-image: url(../images/bg-center.png)
	}

	body.webp .primary:after {
		background-image: url(../images/bg-center.webp)
	}
}

.primary__date-name-wrapper label:after {
	background-image: url(../images/calendar.svg)
}

.suitable__bg-graph {
	background-image: url(../images/bg-graph.svg)
}

.order,
body.no-js .order,
body.no-webp .order {
	background-image: url(../images/order-bg.png)
}

body.webp .order {
	background-image: url(../images/order-bg.webp)
}

.advantages:after,
body.no-js .advantages:after,
body.no-webp .advantages:after {
	background-image: url(../images/bg-center.png)
}

body.webp .advantages:after {
	background-image: url(../images/bg-center.webp)
}

.loader,
body.no-js .loader,
body.no-webp .loader {
	background-image: url(../images/loader-bg.png)
}

body.webp .loader {
	background-image: url(../images/loader-bg.webp)
}

.get:after,
body.no-js .get:after,
body.no-webp .get:after {
	background-image: url(../images/bg-bottom.png)
}

body.webp .get:after {
	background-image: url(../images/bg-bottom.webp)
}

.registration-form_group {
	width: 100%;
	max-width: 300px;
	display: flex;
	justify-content: center;
	margin: 0 auto
}

.registration-form {
	max-width: 584px;
	width: 100%;
	border-radius: 20px;
	padding: 34px 40px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgb(255 255 255 / 20%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid
}

.registration-form_action {
	max-width: 398px;
	gap: 15px;
	padding: 5px 2px 10px 0;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: center;
	margin-bottom: 24px
}

.registration-form_action-title {
	text-align: center;
	font-size: 30px;
	line-height: 1.4;
	color: #fff;
	font-weight: 500;
	margin-bottom: 8px
}

.registration-form_action-value {
	font-size: 20px;
	line-height: 1.05;
	color: #0e100f;
	font-weight: 400;
	letter-spacing: -.4px;
	text-transform: uppercase
}

.registration-form_main {
	width: 100%;
	margin-bottom: 25px
}

.registration-form_label {
	display: block;
	font-family: var(--font-moderustic);
	font-size: 30px;
	line-height: 1.2;
	color: var(--color-white);
	font-weight: 500;
	letter-spacing: -.72px;
	margin-bottom: 15px
}

.registration-form_input {
	display: block;
	width: 100%;
	border-radius: 22px;
	border: none;
	background: #f1f1f1;
	padding: 20px 25px;
	font-family: var(--font-gilroy);
	font-size: 20px;
	line-height: 1.4;
	font-weight: 400;
	outline: 0
}

.registration-form_bottom,
.registration-form_submit {
	color: var(--color-white);
	font-family: var(--font-gilroy)
}

.registration-form_input::placeholder {
	color: rgb(26 28 41 / .4)
}

.registration-form_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 24px
}

.registration-form_submit {
	line-height: 1.2;
	font-weight: 500;
	background-color: #f7c167
}

@media (hover:hover) {
	.registration-form_submit {
		-webkit-transition: .1s linear;
		transition: .1s linear
	}

	.registration-form_submit:hover {
		background-color: var(--color-white)
	}
}

.registration-form_bottom {
	max-width: 475px;
	width: 100%;
	font-size: 12px;
	line-height: 1.167;
	font-weight: 400;
	opacity: .5;
	margin-top: 26px
}

.footer_wrapper {
	background-color: #ffffff;
	border-radius: 30px;
	padding: 40px 40px 36px;
}

.footer_inner {
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 40px;
}

.footer_logo {
	font-family: var(--font-songer);
	font-size: 36px;
	line-height: 1.3334;
	color: #4d8eff;
	font-weight: 700;
}

.footer_logo span {
	color: #6ea3ff;
}

.footer_copy,
.footer_policy {
	line-height: 1.4;
	color: #000;
	font-size: 20px;
}

.footer_contacts {
	display: flex;
	flex-direction: column;
	justify-items: right;
	text-align: end;
	gap: 15px;
	font-weight: 400;
}

.footer_contact {
	color: #0e100f;
	font-size: 25px;
}

.footer_bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
}

.footer_bottom {
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.footer_copy,
.footer_policy {
	font-size: 22px;
	line-height: 1.4;
}

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

	.footer_copy,
	.footer_policy {
		font-size: 18px;
	}
}

@media screen and (max-width:768px) {
	.footer_bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	}

	.footer_bottom {
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 16px;
	}

	.footer_copy__break {
		display: block;
		margin-top: 4px;
	}
}

@media (max-width:768px) {
	.footer_bottom {
		text-align: center;
	}
}

@media screen and (max-width:1460px) {
	.footer_wrapper {
		padding: 30px 20px
	}

	.footer_inner {
		margin-bottom: 32px
	}

	.footer_copy,
	.footer_policy {
		font-size: 18px;
		max-width: 260px;
		text-align: center
	}

	.registration-form {
		max-width: 440px;
		padding: 30px
	}

	.registration-form_action {
		max-width: 100%;
		padding: 16px 24px
	}

	.registration-form_main {
		max-width: 100%
	}

	.registration-form_label {
		font-size: 20px;
		letter-spacing: normal;
		margin-bottom: 8px
	}

	.registration-form_input {
		font-size: 18px;
		line-height: 1.223;
		padding: 17px 20px;
		border-radius: 16px;
		border: solid #f1f1f1;
		background: #f1f1f1
	}

	.registration-form_box {
		gap: 12px
	}

	.registration-form_submit {
		font-size: 18px;
		padding: 8px 16px
	}

	.registration-form_bottom {
		margin-top: 32px
	}
}

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

	.container,
	.registration-form,
	.registration-form_bottom {
		max-width: 100%
	}
}

@media screen and (max-width:768px) {
	.footer_contacts {
		text-align: center
	}

	.footer_contact {
		font-size: 20px
	}

	.footer_logo,
	.registration-form_label {
		font-size: 28px
	}

	.footer_wrapper {
		padding: 30px
	}

	.footer_bottom,
	.footer_inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
		gap: 16px
	}

	.footer_logo {
		letter-spacing: normal;
		font-weight: 800
	}

	.registration-form {
		padding: 20px;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
		overflow: hidden
	}

	.registration-form_action {
		padding: 12px 16px;
		border-radius: 16px
	}

	.registration-form_input {
		font-size: 16px;
		line-height: 1.25;
		padding: 12px 16px;
		max-width: 250px
	}

	.registration-form_action-title {
		font-size: 23px;
		margin-bottom: 8px
	}
}

.registration-form_bottom a {
	color: #fff;
	text-decoration: underline
}

.countdown {
	display: flex;
	gap: 10px
}

.flip-card {
	width: 50px;
	height: 70px;
	font-size: 44px;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center
}

.flip-card-center {
	background: 0 0;
	width: 20px
}

.registration-form_submit {
	height: 3.5rem;
	width: 100%;
	font-size: 24px;
	font-family: var(--font-gilroy);
	padding: 10px 20px;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	color: #fff;
	box-shadow: 0 0 15px rgba(255, 255, 255, .6);
	transition: box-shadow .3s ease-in-out, transform .2s ease-in-out;
	animation: 2s infinite alternate glow
}

.registration-form_submit:hover {
	box-shadow: 0 0 25px #fff;
	transform: scale(1.05)
}

.registration-form_submit:active {
	box-shadow: 0 0 10px rgba(255, 255, 255, .8);
	transform: scale(.98)
}

.registration-form_body {
	min-width: 290px
}

.logo {
	font-weight: 700;
	-webkit-text-fill-color: transparent;
}

.logo,
a {
	text-decoration: none;
}

.logo {
	-webkit-text-fill-color: transparent;
}

.header-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 5px 45px;
	font-family: Alegreya Sans;
	font-style: normal;
	font-weight: 700;
}

.logo {
	font-size: 46px;
	background: #ffffff;
	-webkit-background-clip: text;
    font-family: 'Lora', serif;
}

.logo span {
	background: #f2f6ff;
	-webkit-background-clip: text;
    font-family: 'Lora', serif;
}

@media (max-width:768px) {
	.logo {
		font-size: 34px;
	}
}

@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");

.form,
.form__content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.form__content .form__check a,
.form__content .form__check2 a {
	text-decoration: underline
}

.form__content .form__check b,
.form__content .form__check2 b {
	font-weight: 700
}

.form__content .form__button:disabled {
	cursor: not-allowed
}

.form__content .form__check-box {
	cursor: pointer
}

.form__text {
	font-size: 14px !important;
	margin-bottom: 15px
}

.form__text a {
	color: inherit;
	text-decoration: underline
}

.form .form__text.form__text--bottom,
.form__text--terms {
	display: none
}

.form__text2 {
	font-size: 14px !important;
	padding-top: 10px
}

.form__text2 a {
	color: inherit;
	text-decoration: underline
}

.form__error {
	color: red;
	display: block;
	font-size: 14px;
	margin-bottom: 12px;
	text-align: center
}

@media (max-width:998px) {
	.form__button {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0
	}

	.form__text {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		font-size: 12px !important;
		margin-bottom: 0;
		margin-top: 10px;
		order: 1
	}

	.form__text--ux {
		display: none
	}

	.form__text--terms {
		display: inline
	}

	.form .form__text.form__text--top {
		height: 0;
		opacity: 0;
		pointer-events: none;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0)
	}

	.form .form__text.form__text--bottom {
		display: inline
	}

	.form__text2 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		font-size: 12px !important;
		order: 3
	}

	.form__text a,
	.form__text2 a {
		font-size: 12px !important;
		text-decoration: underline !important
	}
}

@media (max-width:768px) {
	.form__error-wrap {
		display: block;
		height: 0;
		position: relative;
		width: 100%
	}

	.form__error {
		color: red;
		display: block;
		font-size: 14px !important;
		left: 50%;
		line-height: 16px !important;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		position: absolute;
		text-align: center;
		top: -18px !important;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		white-space: nowrap !important
	}
}

.modal-again,
.modal-registration,
.modal-wrong {
	display: none
}

.modal-again--active,
.modal-registration--active,
.modal-wrong--active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 1000000 !important
}

.modal-again__overlay,
.modal-registration__overlay,
.modal-wrong__overlay {
	background-color: #060606;
	height: 100%;
	left: 0;
	opacity: .8;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 30
}

.modal-again__block,
.modal-registration__block,
.modal-wrong__block {
	background: #fff;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 15px rgba(104, 128, 155, .2);
	box-shadow: 0 0 15px rgba(104, 128, 155, .2);
	left: 50%;
	max-width: 540px;
	position: fixed;
	top: 5%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 100%;
	z-index: 40
}

@media (width <=768px) {

	.modal-again__block,
	.modal-registration__block,
	.modal-wrong__block {
		max-width: 420px;
		top: 0
	}
}

.modal-registration {
	font-family: Roboto Flex, serif
}

.modal-again-body,
.modal-fail,
.modal-registration-body {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #2f2f2f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 570px;
	padding: 20px;
	text-align: center
}

@media (max-width:998px) {

	.modal-again-body,
	.modal-fail,
	.modal-registration-body {
		padding: 15px
	}
}

.modal-again-body__title,
.modal-fail__title,
.modal-registration-body__title {
	font-size: 30px;
	line-height: 130%;
	margin: 12px 0
}

@media (max-width:998px) {

	.modal-again-body__title,
	.modal-fail__title,
	.modal-registration-body__title {
		font-size: 24px;
		margin: 12px 0
	}
}

@media (max-width:768px) {

	.modal-again-body__title,
	.modal-fail__title,
	.modal-registration-body__title {
		font-size: 20px;
		margin: 10px 0
	}
}

.modal-again-body__text-again,
.modal-fail__text-again,
.modal-registration-body__text-again {
	font-size: 16px;
	line-height: 130%;
	margin-bottom: 24px;
	max-width: 408px
}

@media (max-width:768px) {

	.modal-again-body__text-again,
	.modal-fail__text-again,
	.modal-registration-body__text-again {
		font-size: 14px;
		margin-bottom: 16px
	}
}

.modal-again-body__btn-wrap,
.modal-fail__btn-wrap,
.modal-registration-body__btn-wrap {
	background-color: #f3f4f7;
	border-radius: 20px;
	max-width: 440px;
	padding: 16px;
	width: 100%
}

.modal-again-body__btn-wrap-text,
.modal-fail__btn-wrap-text,
.modal-registration-body__btn-wrap-text {
	margin-bottom: 15px
}

@media (max-width:768px) {

	.modal-again-body__btn-wrap-text,
	.modal-fail__btn-wrap-text,
	.modal-registration-body__btn-wrap-text {
		font-size: 13px
	}
}

.modal-again-body picture,
.modal-again-body__img,
.modal-fail picture,
.modal-fail__img,
.modal-registration-body picture,
.modal-registration-body__img {
	width: 100%
}

.modal-again-body img,
.modal-fail img,
.modal-registration-body img {
	display: block;
	height: auto;
	max-width: 100%
}

.modal-again-body__text,
.modal-fail__text,
.modal-registration-body__text {
	font-size: 20px;
	line-height: 130%;
	margin-bottom: 16px
}

@media (max-width:998px) {

	.modal-again-body__text,
	.modal-fail__text,
	.modal-registration-body__text {
		font-size: 16px;
		margin-bottom: 15px
	}
}

@media (max-width:768px) {

	.modal-again-body__text,
	.modal-fail__text,
	.modal-registration-body__text {
		font-size: 14px;
		margin-bottom: 10px
	}
}

.modal-again-body__text-small,
.modal-fail__text-small,
.modal-registration-body__text-small {
	font-size: 16px;
	line-height: 130%;
	margin-bottom: 16px;
	max-width: 368px
}

@media (max-width:998px) {

	.modal-again-body__text-small,
	.modal-fail__text-small,
	.modal-registration-body__text-small {
		font-size: 14px;
		margin-bottom: 15px
	}
}

@media (max-width:768px) {

	.modal-again-body__text-small,
	.modal-fail__text-small,
	.modal-registration-body__text-small {
		margin-bottom: 10px
	}
}

.modal-again-body__button,
.modal-fail__button,
.modal-registration-body__button {
	background-color: #7200cc;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 20px;
	font-weight: 600;
	height: auto;
	margin: 0 auto;
	max-width: 380px;
	padding: 13px 30px;
	text-align: center;
	text-decoration: none
}

@media (max-width:998px) {

	.modal-again-body__button,
	.modal-fail__button,
	.modal-registration-body__button {
		font-size: 16px;
		padding: 10px 20px
	}
}

@media (max-width:768px) {

	.modal-again-body__button,
	.modal-fail__button,
	.modal-registration-body__button {
		font-size: 14px;
		padding: 5px 20px
	}
}

.modal-again-body__img-wrap,
.modal-fail__img-wrap,
.modal-registration-body__img-wrap {
	position: relative
}

.modal-again-body__cross,
.modal-fail__cross,
.modal-registration-body__cross {
	background-color: #f3f4f7;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	height: 25px;
	padding: 0;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 25px
}

.modal-again-body__cross:after,
.modal-again-body__cross:before,
.modal-fail__cross:after,
.modal-fail__cross:before,
.modal-registration-body__cross:after,
.modal-registration-body__cross:before {
	background-color: #000;
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 8px
}

.modal-again-body__cross:before,
.modal-fail__cross:before,
.modal-registration-body__cross:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.modal-again-body__cross:after,
.modal-fail__cross:after,
.modal-registration-body__cross:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.modal-again-body__cards,
.modal-fail__cards,
.modal-registration-body__cards {
	-ms-flex-pack: distribute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	justify-content: space-around;
	margin-bottom: 16px
}

@media (max-width:998px) {

	.modal-again-body__cards,
	.modal-fail__cards,
	.modal-registration-body__cards {
		margin-bottom: 15px
	}

	.modal-again-body__cards img,
	.modal-fail__cards img,
	.modal-registration-body__cards img {
		max-width: 60px
	}
}

@media (max-width:768px) {

	.modal-again-body__cards,
	.modal-fail__cards,
	.modal-registration-body__cards {
		margin-bottom: 10px
	}

	.modal-again-body__cards img,
	.modal-fail__cards img,
	.modal-registration-body__cards img {
		max-width: 50px
	}
}

.modal-again-body__warn,
.modal-fail__warn,
.modal-registration-body__warn {
	background-color: #f3f4f7;
	border-radius: 10px;
	gap: 10px;
	margin-bottom: 16px;
	max-width: 440px;
	padding: 25px 30px
}

@media (max-width:998px) {

	.modal-again-body__warn,
	.modal-fail__warn,
	.modal-registration-body__warn {
		margin-bottom: 15px;
		padding: 15px 20px
	}
}

@media (max-width:768px) {

	.modal-again-body__warn,
	.modal-fail__warn,
	.modal-registration-body__warn {
		margin-bottom: 10px;
		padding: 10px 15px
	}
}

.modal-again-body__warn-title,
.modal-fail__warn-title,
.modal-registration-body__warn-title {
	font-size: 26px;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 15px
}

@media (max-width:998px) {

	.modal-again-body__warn-title,
	.modal-fail__warn-title,
	.modal-registration-body__warn-title {
		font-size: 20px;
		margin-bottom: 10px
	}
}

@media (max-width:768px) {

	.modal-again-body__warn-title,
	.modal-fail__warn-title,
	.modal-registration-body__warn-title {
		font-size: 16px;
		margin-bottom: 8px
	}
}

.modal-again-body__warn-text,
.modal-fail__warn-text,
.modal-registration-body__warn-text {
	font-size: 16px;
	line-height: 130%;
	margin-bottom: 15px
}

@media (max-width:998px) {

	.modal-again-body__warn-text,
	.modal-fail__warn-text,
	.modal-registration-body__warn-text {
		font-size: 14px;
		margin-bottom: 10px
	}

	.modal-again-body__price-text,
	.modal-fail__price-text,
	.modal-registration-body__price-text {
		font-size: 14px
	}
}

.modal-again-body__price,
.modal-fail__price,
.modal-registration-body__price {
	color: #7200cc
}

@media (max-width:998px) {

	.modal-again-body__price,
	.modal-fail__price,
	.modal-registration-body__price {
		font-size: 14px
	}
}

.modal-again--options--tree .modal-again__text {
	-ms-flex-item-align: start;
	align-self: flex-start;
	font-family: Roboto, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 24px
}

@media (max-width:400px) {
	.modal-again--options--tree .modal-again__text {
		font-size: 18px
	}
}

.modal-again--options--tree .modal-again__block {
	background-color: #f8f8f8;
	border-radius: 32px;
	margin-top: 60px;
	max-width: 632px
}

@media (max-width:520px) {
	.modal-again--options--tree .modal-again__block {
		border-radius: 20px 20px 0 0;
		bottom: 0;
		max-width: 100%;
		top: auto;
		width: 100%
	}
}

.modal-again--options--tree .modal-again__top {
	text-align: left;
	width: 100%
}

.modal-again--options--tree .modal-again__bottom,
.modal-again--options--tree .modal-again__top {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	background-color: #fff;
	border-radius: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 16px
}

.modal-again--options--tree .modal-again__bottom {
	width: 100%
}

.modal-again--options--tree .modal-again__bottom--card-payment {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.modal-again--options--tree .modal-again-body {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	background-color: #f8f8f8;
	border-radius: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
	margin: 0 auto;
	max-width: 632px;
	padding: 28px 32px 32px
}

@media (max-width:520px) {
	.modal-again--options--tree .modal-again-body {
		border-radius: 20px 20px 0 0;
		padding: 16px
	}
}

.modal-again--options--tree .modal-again-body__img-wrap {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16px;
	width: 100%
}

.modal-again--options--tree .modal-again__title {
	-ms-flex-item-align: start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-self: flex-start;
	justify-content: space-between
}

.modal-again--options--tree .button__option,
.modal-again--options--tree .modal-again__title {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

.modal-again--options--tree .button__option {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: none;
	border-radius: 12px;
	cursor: pointer;
	justify-content: center;
	max-width: 100%;
	min-height: 53px;
	padding: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	width: 100%
}

.modal-again--options--tree .button__option:hover {
	-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .25)
}

.modal-again--options--tree .button__option:active {
	opacity: .8
}

.modal-again--options--tree .button.button__tinkoff {
	background: #fd3
}

.modal-again--options--tree .button.button__tinkoff span {
	color: #141414
}

.modal-again--options--tree .button.button__sbp {
	background: -webkit-gradient(linear, left top, right top, from(#4f326e), to(#1b143d));
	background: linear-gradient(90deg, #4f326e, #1b143d)
}

.modal-again--options--tree .button.button__sbp span {
	color: #fff
}

.modal-again--options--tree .button.button__sbp span,
.modal-again--options--tree .button.button__tinkoff span {
	font-family: Roboto, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: normal;
	line-height: normal;
	padding-right: 8px;
	text-transform: none
}

.modal-again--options--tree .button__sber {
	background-image: url(sys/js/img/payment-sber-bg.jpg);
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: cover
}

@media (max-width:390px) {
	.modal-again--options--tree .button__sber {
		background-image: url(sys/js/img/payment-sber-bg-mb.jpg);
		background-position: 100% 0;
		background-repeat: no-repeat;
		background-size: cover
	}
}

.modal-again--options--tree .button__card,
.modal-again--options--tree .button__sber,
.modal-again--options--tree .button__sbp,
.modal-again--options--tree .button__tinkoff,
.modal-again--options--tree .modal-again__other-card {
	display: none
}

.modal-again--options--tree .button__card.show,
.modal-again--options--tree .button__sber.show,
.modal-again--options--tree .button__sbp.show,
.modal-again--options--tree .button__tinkoff.show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.modal-again--options--tree .button__card {
	background: #fff;
	border: 1px solid #dce5e5;
	max-height: 53px;
	max-width: 100%
}

.modal-again--options--tree .button__option--card {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 8px;
	justify-content: space-between;
	max-width: 220px
}

.modal-again--options--tree .modal-again-body picture {
	max-height: 20px;
	width: auto
}

.modal-again--options--tree .modal-again-body img {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%
}

.modal-again--options--tree .modal-again-body__cross {
	position: absolute;
	right: 10px;
	top: 10px
}

.modal-again--options--tree .modal-again__tariff {
	color: #161616
}

.modal-again--options--tree .modal-again__symbol,
.modal-again--options--tree .modal-again__tariff {
	font-family: Roboto, sans-serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none
}

.modal-again--options--tree .modal-again__symbol {
	color: #737373
}

.modal-again--options--tree .modal-again__note {
	color: #000;
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 21px;
	text-transform: none;
	white-space: nowrap !important
}

@media (max-width:400px) {
	.modal-again--options--tree .modal-again__note {
		font-size: 14px
	}
}

.modal-again--options--tree .button__option img {
	height: auto;
	width: auto
}

.modal-again--options--tree .modal-again__text {
	margin-bottom: 16px
}

.modal-again--options--tree .modal-again__subtitle>.modal-again__text {
	margin-top: 0;
	text-align: left
}

@media (max-width:520px) {
	.modal-again--options--tree .modal-again-body__img-wrap {
		gap: 12px
	}
}

@media (max-width:768px) {
	.big-space {
		margin-bottom: 150px !important
	}

	.big-space-margin {
		margin-bottom: 70vh !important
	}

	.form__main-user-submit {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 50px !important;
		justify-content: center;
		padding-bottom: 0 !important;
		padding-top: 0 !important
	}

	.form__user-main-data {
		position: relative
	}

	.form__main-user-email {
		height: 50px !important;
		margin-bottom: 20px !important;
		padding-bottom: 0 !important;
		padding-top: 0 !important
	}
}

.form__button[data-sal|=fade] {
	opacity: 1
}

@media (max-width:768px) {
	.fix-scroll-margin {
		margin-bottom: 30px !important
	}
}

.no-scroll {
	height: 100%;
	overflow: hidden
}

.space-text-big {
	margin-top: 100vh !important
}

.space-text-small {
	margin-top: 50px !important
}