@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,regular,500,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Acme:regular&display=swap);

[class*=_icon-]:before {
	font-family: icons;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

[class*=_icon-]:before {
	display: block
}

@font-face {
	font-family: icons;
	src: url(../fonts/icons.eot?2wlgby);
	src: url(../fonts/icons.eot?2wlgby#iefix) format("embedded-opentype"), url(../fonts/icons.ttf?2wlgby) format("truetype"), url(../fonts/icons.woff?2wlgby) format("woff"), url(../fonts/icons.svg?2wlgby#icons) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: block
}

._icon-check:before {
	content: "\e900";
	color: #fff
}

* {
	padding: 0;
	margin: 0;
	border: 0
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body,
html {
	height: 100%;
	min-width: 320px
}

body {
	color: #bdbdbd;
	line-height: 1;
	font-family: "Josefin Sans";
	font-size: 1.625rem;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
	font-family: "Josefin Sans";
	font-size: inherit
}

button {
	cursor: pointer;
	color: inherit;
	background-color: inherit
}

a {
	color: inherit
}

a:link,
a:visited {
	text-decoration: none
}

a:hover {
	text-decoration: none
}

ul li {
	list-style: none
}

img {
	vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit
}

body {
	font-family: "Josefin Sans";
	font-size: 1.625rem;
	font-weight: 400;
	background-color: #2b2b2b
}

.lock body {
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	-ms-scroll-chaining: none;
	overscroll-behavior: none
}

.wrapper {
	min-height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	position: relative
}

.wrapper>main {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.wrapper>* {
	min-width: 0
}

.wrapper__decor {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	max-width: 120rem;
	border: 1px solid #000
}

[class*=__container] {
	max-width: 98.125rem;
	margin: 0 auto;
	padding: 0 .9375rem
}

[class*=-ibg] {
	position: relative
}

[class*=-ibg] img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover
}

[class*=-ibg_contain] img {
	-o-object-fit: contain;
	object-fit: contain
}

.preloader {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background: #2b2b2b;
	z-index: 1001
}

.preloader__image {
	position: relative;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-top: -35px;
	margin-left: -35px;
	text-align: center;
	-webkit-animation: preloader-rotate 2s infinite linear;
	animation: preloader-rotate 2s infinite linear
}

@-webkit-keyframes preloader-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes preloader-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.loaded_hiding .preloader {
	-webkit-transition: .3s opacity;
	transition: .3s opacity;
	opacity: 0
}

.loaded .preloader {
	display: none
}

.button {
	-webkit-box-shadow: 0 0 27px 0 rgba(0, 0, 0, .5);
	box-shadow: 0 0 27px 0 rgba(0, 0, 0, .5);
	background: -webkit-gradient(linear, left top, right top, from(#ac874c), color-stop(49.55%, #f3d89d), to(#ac874c));
	background: linear-gradient(90deg, #ac874c 0, #f3d89d 49.55%, #ac874c 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 700;
	letter-spacing: .06em;
	text-align: center;
	color: #fff;
	-ms-flex-item-align: start;
	align-self: flex-start;
	padding-left: .125rem;
	padding-right: .125rem;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	position: relative;
	z-index: 2
}

@-webkit-keyframes top {
	0% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes top {
	0% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

.header {
	-webkit-box-shadow: 0 4px 22px 6px rgba(0, 0, 0, .25);
	box-shadow: 0 4px 22px 6px rgba(0, 0, 0, .25);
	height: 4.688rem;
	position: relative;
	z-index: 20;
}

.header__container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.header__logo {
	width: 100%;
	height: 100%
}

.header__logo img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.header__logo--mob {
	display: none
}

.header__join {
	font-weight: 500;
	font-size: 24px;
	line-height: 113%;
	letter-spacing: .06em;
	background: linear-gradient(110deg, #fee5aa 0, #ac874c 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.page {
	height: calc(var(--vh, 1vh) * 100 - 121px)
}

.hero {
	position: relative;
	width: 100%;
	height: 100%
}

.hero__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%
}

.hero__left {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.hero__left>.hero__vodka::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	max-width: 70.5625rem;
	max-height: 67.5rem;
	background: center/cover no-repeat url(../img/decor-1.svg);
	z-index: -1;
	pointer-events: none
}

.hero__left>.hero__vodka::after {
	content: "";
	position: absolute;
	left: 4%;
	bottom: -10%;
	height: 100%;
	width: 100%;
	max-width: 66.875rem;
	max-height: 20.5rem;
	background: center/cover no-repeat url(../img/decor-2.svg);
	z-index: -1;
	pointer-events: none
}

.hero__vodka {
	width: 100%;
	height: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.hero__vodka img {
	-webkit-transform: rotate(26.57deg);
	-ms-transform: rotate(26.57deg);
	transform: rotate(26.57deg);
	-o-object-fit: contain;
	object-fit: contain;
	width: 90%;
	height: 90%
}

.hero__decor {
	position: absolute;
	width: 100%;
	max-width: 27.6875rem;
	height: 110%;
	left: -10%;
	right: 0;
	margin: auto;
	top: -10%;
	mix-blend-mode: lighten;
	opacity: .8;
	-o-object-fit: cover;
	object-fit: cover
	pointer-events: none;
	z-inex:-1;
}

.hero__right {
	text-align: left;
	width: 100%;
	position: relative;
	z-index: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.hero__right a.animation {
	-webkit-animation: top .2s 1.2s linear both;
	animation: top .2s 1.2s linear both;
}

.hero__subtitle {
	position: relative;
	padding-bottom: 3.75rem;

}

.hero__subtitle.animation {
	-webkit-animation: top .2s .4s linear both;
	animation: top .2s .4s linear both
}

.hero__text {
	margin-bottom: .625rem
}

.hero__text p {
	font-weight: 300;
	line-height: 113%;
	letter-spacing: .06em;
	color: #fff
}

.hero__text :first-child.animation {
	-webkit-animation: top .2s .8s linear both;
	animation: top .2s .8s linear both
}

.hero__text :nth-child(2).animation {
	-webkit-animation: top .2s 1s linear both;
	animation: top .2s 1s linear both
}

.hero h1 {
	font-family: Acme;
	font-weight: 400;
	line-height: 113%;
	letter-spacing: .06em;
	background: linear-gradient(110deg, #fee5aa 0, #ac874c 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase
}

.hero h1.animation {
	-webkit-animation: top .2s .2s linear both;
	animation: top .2s .2s linear both
}

.hero h2 {
	font-weight: 400;
	line-height: 113%;
	letter-spacing: .06em;
	color: #fff;
	text-transform: uppercase
}


.hero h2.animation {
	-webkit-animation: top .2s .4s linear both;
	animation: top .2s .4s linear both
}

.hero h4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 400;
	line-height: 113%;
	letter-spacing: .06em;
	color: #fff;
	gap: .625rem
}

.hero h4.animation {
	-webkit-animation: top .2s .6s linear both;
	animation: top .2s .6s linear both
}

.hero h5 {
	font-weight: 400;
	line-height: 113%;
	letter-spacing: .06em;
	color: #fff
}

.hero h5.animation {
	-webkit-animation: top .2s .8s linear both;
	animation: top .2s .8s linear both
}

.hero span {
	font-weight: 400;
	line-height: 113%;
	letter-spacing: .06em;
	color: #d2d2d2
}

.hero span.animation {
	-webkit-animation: top .2s 1.4s linear both;
	animation: top .2s 1.4s linear both
}

.hero span a {
	text-decoration: underline;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.page-1 {
	min-height: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.page {
	position: relative
}

.page__container {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-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;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	justify-content: center
}

.page__sign {
	width: 100%;
	min-height: 100%;
	height: calc(100vh - 75px);
}

.page__body {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
	
	display: flex;
    align-items: center;
    justify-content: center;
}

.page__body h1 {
	font-weight: 400;
	line-height: 113%;
	letter-spacing: .06em;
	background: linear-gradient(110deg, #fee5aa 0, #ac874c 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase
}

.page__body h1.animation {
	-webkit-animation: top .2s .2s linear both;
	animation: top .2s .2s linear both
}

.page__body p {
	width: 100%;
	max-width: 43.75rem;
	text-align: center;
	font-weight: 400;
	line-height: 113%;
	letter-spacing: .06em;
	text-align: center;
	color: #d2d2d2
}

.page__body p a {
	text-decoration: underline
}


.page__box {
	background: #000;
	width: 100%;
	height: 100%;
/* 	max-width: 51.875rem; */
	max-width: 60rem; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 2;
}

.page__img {
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 432px;
	flex: 1 1 432px
}

.page__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.page__form {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: .625rem;
	padding-bottom: .625rem
}

.page__title {
	width: 100%;
	text-align: center;
	position: relative
}

.page__video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.page__video::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	-webkit-box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25);
	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25);
	-webkit-backdrop-filter: blur(0);
	backdrop-filter: blur(0)
}

.page__video embed,
.page__video iframe,
.page__video object,
.page__video video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.page__video img {
	display:none;
}

.page .form {
	width: 100%;
	max-width: 48.25rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: .9375rem;
}

.page .form button,
.page .form input[type=submit] {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

.page .form-label {
	width: 100%;
	background: rgba(255, 255, 255, .1);
	-webkit-backdrop-filter: blur(0);
	backdrop-filter: blur(0);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	border-bottom: 2px solid #fff
}

.page .form-label._icon-check::before {
	opacity: 0
}

.page .form-label:has(.input.required.error) {
	background: rgba(210, 0, 0, .1);
	border-bottom: 2px solid #d20000;
}

.page .form-label:has(.input.required.valid)::before {
	opacity: 1
}

.page .form-label:has(.input.required.valid) {
	background: rgba(255, 255, 255, .1);
}

.page .form-label._form-error::before {
	opacity: 0
}

.page .form.invalid .form-label:has(input[type=tel]) {
	background: rgba(210, 0, 0, .1);
	border-bottom: 2px solid #d20000;
}

.page .form.invalid .form-label:has(input[type=tel])::before {
	opacity: 0
}

.page .input {
	width: 100%;
	height: 100%;
	font-weight: 400;
	line-height: 113%;
	letter-spacing: .06em;
	color: #d2d2d2;
	background: 0 0
}

.page .input::-webkit-input-placeholder {
	line-height: 113%;
	letter-spacing: .06em;
	color: #d2d2d2
}

.page .input::-moz-placeholder {
	line-height: 113%;
	letter-spacing: .06em;
	color: #d2d2d2
}

.page .input:-ms-input-placeholder {
	line-height: 113%;
	letter-spacing: .06em;
	color: #d2d2d2
}

.page .input::-ms-input-placeholder {
	line-height: 113%;
	letter-spacing: .06em;
	color: #d2d2d2
}

.page .input::placeholder {
	line-height: 113%;
	letter-spacing: .06em;
	color: #d2d2d2
}

.page .form-data {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.page__thanks {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	width: 100%;
	height: 100%
}

.page__thanks .page__title ::after,
.page__thanks .page__title ::before {
	right: -4.5625rem
}

.page__thanks .page__title ::after {
	top: 28%
}

.page__thanks h1 {
	font-weight: 400;
	line-height: 113%;
	letter-spacing: .06em;
	background: linear-gradient(110deg, #fee5aa 0, #ac874c 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase
}

.page__thanks h1.animation {
	-webkit-animation: top .2s .2s linear both;
	animation: top .2s .2s linear both
}

.page__thanks p {
	line-height: 113%;
	letter-spacing: .06em;
	text-align: center;
	color: #fff;
	text-align: center
}

.page__thanks p.animation {
	-webkit-animation: top .2s .4s linear both;
	animation: top .2s .4s linear both
}

@media (min-width:100em) {
	.button {
		width: 22.5rem
	}

	.button {
		height: 3.75rem
	}

	.button {
		padding-top: 1.25rem
	}

	.button {
		padding-bottom: .9375rem
	}

	.button.button-small {
		height: 3.125rem
	}

	.button.button-small {
		width: 15rem
	}
	
	.button.button-small {
		padding-top: 1.125rem
	}

	.header__logo {
		max-width: 15.625rem
	}

	.header__logo-second {
		max-width: 9.375rem
	}

	.hero h4 img {
		width: 3.3125rem
	}

	.hero .button {
		margin-bottom: 2.5rem
	}

	.hero span {
		font-size: 1rem
	}

	.hero__text {
		margin-bottom: 3.3125rem
	}

	.page__body p {
		font-size: .875rem
	}

	.page__form {
		padding-left: 1.5625rem
	}

	.page__form {
		padding-right: 1.5625rem
	}

	.page__title {
		margin-bottom: .8125rem
	}

	.page .form button,
	.page .form input[type=submit] {
		margin-top: .5625rem
	}

	.page .form textarea {
		padding-top: 1.125rem
	}

	.page .form textarea {
		padding-bottom: .625rem
	}

	.page .form-label {
		padding-right: 1.5625rem
	}

	.page .input {
		padding-left: 2.0625rem
	}

	.page .input {
		padding-right: 2.0625rem
	}
}

@media (min-width:120em) {

	.button.button-small {
		font-size: 1.25rem
	}

	.hero__text p {
		font-size: 1.5rem
	}

	.hero h1 {
		font-size: 6.25rem
	}

	.hero h2 {
		font-size: 2.125rem
	}

	.hero h4 {
		font-size: 2.125rem
	}

	.hero h3 {
		font-size: 1.75rem
	}

	.hero h4 {
		margin-bottom: 3.125rem
	}

	.hero h5 {
		font-size: 2.125rem
	}

	.hero h5 {
		margin-bottom: 4.375rem
	}

	.page .form button,
	.page .form input[type=submit] {
		margin-bottom: 2.4375rem
	}

	.page .form-label {
		height: 3.4375rem
	}

	.page .form-label-textarea {
		height: 3.125rem;
/* 		height: 4.125rem; */
	}

	.page .input {
		font-size: 1rem
	}

	.page .input::-webkit-input-placeholder {
		font-size: 1rem
	}

	.page .input::-moz-placeholder {
		font-size: 1rem
	}

	.page .input:-ms-input-placeholder {
		font-size: 1rem
	}

	.page .input::-ms-input-placeholder {
		font-size: 1rem
	}

	.page .input::placeholder {
		font-size: 1rem
	}

	.page .form-data {
		gap: 1.875rem
	}

	.page__thanks h1 {
		font-size: 6.25rem
	}

	.page__thanks p {
		font-size: 2rem
	}
}

@media (max-width:90em) {
	.hero h4 {
		margin-bottom: 1.25rem
	}

	.page .form-label-textarea {
		height: 5.3125rem !important
	}

	.page__thanks .page__title ::after {
		top: 30%
	}
}

@media (max-width:25em) {
	.page__body p {
		max-width: 15rem
	}
}

@media (max-width:20em) {
	.button {
		width: 14.375rem
	}

	.button {
		height: 2.8125rem
	}

	.button {
		padding-top: 1rem
	}

	.button {
		padding-bottom: .6875rem
	}

	.button.button-small {
		height: 2.8125rem
	}

	.button.button-small {
		width: 14.375rem
	}
	
	.button.button-small {
		padding-top: 1rem
	}

	.header__logo {
		max-width: 10.1875rem
	}

	.header__logo-second {
		max-width: 5rem
	}

	.hero h4 img {
		width: 1.3125rem
	}

	.hero h4 img {
		height: 1.3125rem
	}

	.hero .button {
		margin-bottom: .625rem
	}

	.hero span {
		font-size: .625rem
	}

	.page__body p {
		font-size: .5rem
	}

	.page__form {
		padding-left: .625rem
	}

	.page__form {
		padding-right: .625rem
	}

	.page__title {
		margin-bottom: .5625rem
	}

	.page .form button,
	.page .form input[type=submit] {
		margin-top: .9375rem
	}

	.page .form textarea {
		padding-top: .75rem
	}

	.page .form textarea {
		padding-bottom: .75rem
	}

	.page .form-label {
		padding-right: .8125rem
	}

	.page .input {
		padding-left: .8125rem
	}

	.page .input {
		padding-right: .8125rem
	}
}

@media (max-width:47.99875em) {
	.button {
    	-ms-flex-item-align: center;
    	-ms-grid-row-align: center;
    	align-self: center
	}
    
	.header__logo--mob {
		display: block
	}

	.header__join {
		display: none
	}

	.hero__container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.hero__left>.hero__vodka::after {
		left: -4%
	}

	.hero__left {
		height: 60%;
		max-height: 29.8125rem;
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3)
	}

	.hero__vodka img {
		-webkit-transform: rotate(48.89deg) scale(1) !important;
		-ms-transform: rotate(48.89deg) scale(1) !important;
		transform: rotate(48.89deg) scale(1) !important;
		height: 100%
	}

	.hero__decor {
		-webkit-transform: rotate(24.86deg) !important;
		-ms-transform: rotate(24.86deg) !important;
		transform: rotate(24.86deg) !important;
		height: 120%;
		left: -5%;
		top: -8%;
		max-width: 100%;
		-o-object-fit: contain;
		object-fit: contain
	}

	.hero__right {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: absolute;
		left: 0;
		bottom: 2px
	}

	.hero__top {
		padding-left: 25%
	}

	.hero__subtitle ::before {
		display: none
	}

	.hero__subtitle ::after {
		display: none
	}

	.page__body p {
		max-width: 18.75rem
	}

	.page__title ::before {
		display: none
	}

	.page__title ::after {
		display: none
	}

	.page .form-data {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	
	.page__video video {
		display: none;
	}
	
	.page__video img {
		display: block;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}
}

@media (max-width:35.625em) {
	.hero__left {
		-webkit-transform: translateY(5%) scale(1.2);
		-ms-transform: translateY(5%) scale(1.2);
		transform: translateY(5%) scale(1.2)
	}
}

@media (max-width:31.25em) {
	.hero__vodka img {
		height: 90%;
		width: 90%
	}

	.hero__decor {
		height: 120%;
		width: 100%;
		left: -8%;
		top: -15%
	}
}

@media (min-width:90em) and (max-width:120em) {
	@supports (font-size:clamp(1.375rem, -0.5rem + 2.0833333333vw, 2rem)) {
		.button {
			font-size: clamp(1.375rem, -.5rem + 2.0833333333vw, 1.5rem)
		}
	}

	@supports not (font-size:clamp(1.375rem, -0.5rem + 2.0833333333vw, 2rem)) {
		.button {
			font-size: calc(1.375rem + .625 * (100vw - 90rem)/ 30)
		}
	}

	@supports (font-size:clamp(1.25rem, -0.625rem + 2.0833333333vw, 1.875rem)) {
		.button.button-small {
			font-size: clamp(1.25rem, -.625rem + 2.0833333333vw, 1.25rem)
		}
	}

	@supports not (font-size:clamp(1.25rem, -0.625rem + 2.0833333333vw, 1.875rem)) {
		.button.button-small {
			font-size: calc(1.25rem + .625 * (100vw - 90rem)/ 30)
		}
	}

	@supports (font-size:clamp(1.25rem, 0.5rem + 0.8333333333vw, 1.5rem)) {
		.hero__text p {
			font-size: clamp(1.25rem, .5rem + .8333333333vw, 1.5rem)
		}
	}

	@supports not (font-size:clamp(1.25rem, 0.5rem + 0.8333333333vw, 1.5rem)) {
		.hero__text p {
			font-size: calc(1.25rem + .25 * (100vw - 90rem)/ 30)
		}
	}

	@supports (font-size:clamp(5.5rem, -5.5rem + 8.3333333333vw, 6.25rem)) {
		.hero h1 {
			font-size: clamp(5.5rem, -5.5rem + 8.3333333333vw, 6.25rem)
		}
	}

	@supports not (font-size:clamp(5.5rem, -5.5rem + 8.3333333333vw, 6.25rem)) {
		.hero h1 {
			font-size: calc(5.5rem + 2.5 * (100vw - 90rem)/ 30)
		}
	}


	@supports (font-size:clamp(1.75rem, 0.625rem + 1.25vw, 2.125rem)) {
		.hero h2 {
			font-size: clamp(1.75rem, .625rem + 1.25vw, 2.125rem)
		}
	}

	@supports not (font-size:clamp(1.75rem, 0.625rem + 1.25vw, 2.125rem)) {
		.hero h2 {
			font-size: calc(1.75rem + .375 * (100vw - 90rem)/ 30)
		}
	}

	@supports (margin-bottom:clamp(1.25rem, -6.25rem + 8.3333333333vw, 3.75rem)) {
		.hero__subtitle {
			padding-bottom: clamp(2.25rem, -6.25rem + 8.3333333333vw, 3.75rem)
		}
	}

	@supports not (margin-bottom:clamp(1.25rem, -6.25rem + 8.3333333333vw, 3.75rem)) {
		.hero__subtitle {
			padding-bottom: calc(2.25rem + 2.5 * (100vw - 90rem)/ 30)
		}
	}

	@supports (font-size:clamp(1.75rem, 0.625rem + 1.25vw, 2.125rem)) {
		.hero h4 {
			font-size: clamp(1.75rem, .625rem + 1.25vw, 2.125rem)
		}
	}

	@supports not (font-size:clamp(1.75rem, 0.625rem + 1.25vw, 2.125rem)) {
		.hero h4 {
			font-size: calc(1.75rem + .375 * (100vw - 90rem)/ 30)
		}
	}

	@supports (margin-bottom:clamp(1.25rem, -4.375rem + 6.25vw, 3.125rem)) {
		.hero h4 {
			margin-bottom: clamp(1.25rem, -4.375rem + 6.25vw, 3.125rem)
		}
	}

	@supports not (margin-bottom:clamp(1.25rem, -4.375rem + 6.25vw, 3.125rem)) {
		.hero h4 {
			margin-bottom: calc(1.25rem + 1.875 * (100vw - 90rem)/ 30)
		}
	}

	@supports (font-size:clamp(1.75rem, 0.625rem + 1.25vw, 2.125rem)) {
		.hero h5 {
			font-size: clamp(1.75rem, .625rem + 1.25vw, 2.125rem)
		}
	}

	@supports not (font-size:clamp(1.75rem, 0.625rem + 1.25vw, 2.125rem)) {
		.hero h5 {
			font-size: calc(1.75rem + .375 * (100vw - 90rem)/ 30)
		}
	}

	@supports (margin-bottom:clamp(1.875rem, -5.625rem + 8.3333333333vw, 4.375rem)) {
		.hero h5 {
			margin-bottom: clamp(1.875rem, -5.625rem + 8.3333333333vw, 4.375rem)
		}
	}

	@supports not (margin-bottom:clamp(1.875rem, -5.625rem + 8.3333333333vw, 4.375rem)) {
		.hero h5 {
			margin-bottom: calc(3.875rem + 2.5 * (100vw - 90rem)/ 30)
		}
	}

	@supports (font-size:clamp(2.375rem, -3.25rem + 6.25vw, 4.25rem)) {
		.page__body h1 {
			font-size: clamp(2.375rem, -3.25rem + 6.25vw, 2.75rem)
		}
	}

	@supports not (font-size:clamp(2.375rem, -3.25rem + 6.25vw, 4.25rem)) {
		.page__body h1 {
			font-size: calc(2.375rem + 1.875 * (100vw - 90rem)/ 30)
		}
	}

	@supports (margin-bottom:clamp(1.25rem, -2.3125rem + 3.9583333333vw, 2.4375rem)) {

		.page .form button,
		.page .form input[type=submit] {
			margin-bottom: clamp(1.25rem, -2.3125rem + 3.9583333333vw, 2.4375rem)
		}
	}

	@supports not (margin-bottom:clamp(1.25rem, -2.3125rem + 3.9583333333vw, 2.4375rem)) {

		.page .form button,
		.page .form input[type=submit] {
			margin-bottom: calc(1.25rem + 1.1875 * (100vw - 90rem)/ 30)
		}
	}

	@supports (height:clamp(3.125rem, 2.1875rem + 1.0416666667vw, 3.4375rem)) {
		.page .form-label {
			height: clamp(3.125rem, 2.1875rem + 1.0416666667vw, 3.4375rem)
		}
	}

	@supports not (height:clamp(3.125rem, 2.1875rem + 1.0416666667vw, 3.4375rem)) {
		.page .form-label {
			height: calc(3.125rem + .3125 * (100vw - 90rem)/ 30)
		}
	}

	@supports (height:clamp(3.125rem, 3.125rem + 0vw, 3.125rem)) {
		.page .form-label-textarea {
			height: clamp(3.125rem, 3.125rem + 0, 3.125rem)
		}
	}

	@supports not (height:clamp(3.125rem, 3.125rem + 0vw, 3.125rem)) {
		.page .form-label-textarea {
			height: calc(3.125rem + 0 * (100vw - 90rem)/ 30)
		}
	}

/* 	@supports (font-size:clamp(1.125rem, 0.0000000625rem + 1.25vw, 1.5rem)) {
		.page .input {
			font-size: clamp(1.125rem, .0000000625rem + 1.25vw, 1.5rem)
		}
	}

	@supports not (font-size:clamp(1.125rem, 0.0000000625rem + 1.25vw, 1.5rem)) {
		.page .input {
			font-size: calc(1.125rem + .375 * (100vw - 90rem)/ 30)
		}
	} */
	
	@supports (font-size:clamp(0.875rem, 0.5rem + 0.4166666667vw, 1rem)) {
		.page .input {
			font-size: clamp(.875rem, .5rem + .4166666667vw, 1rem)
		}
	}

	@supports not (font-size:clamp(0.875rem, 0.5rem + 0.4166666667vw, 1re)) {
		.page .input {
			font-size: calc(.875rem + .125 * (100vw - 90rem)/ 300)
		}
	}

	@supports (font-size:clamp(0.875rem, 0.5rem + 0.4166666667vw, 1rem)) {
		.page .input::-webkit-input-placeholder {
			font-size: clamp(.875rem, .5rem + .4166666667vw, 1rem)
		}

		.page .input::-moz-placeholder {
			font-size: clamp(.875rem, .5rem + .4166666667vw, 1rem)
		}

		.page .input:-ms-input-placeholder {
			font-size: clamp(.875rem, .5rem + .4166666667vw, 1rem)
		}

		.page .input::-ms-input-placeholder {
			font-size: clamp(.875rem, .5rem + .4166666667vw, 1rem)
		}

		.page .input::placeholder {
			font-size: clamp(.875rem, .5rem + .4166666667vw, 1rem)
		}
	}

	@supports not (font-size:clamp(0.875rem, 0.5rem + 0.4166666667vw, 1rem)) {
		.page .input::-webkit-input-placeholder {
			font-size: calc(.875rem + .125 * (100vw - 90rem)/ 30)
		}

		.page .input::-moz-placeholder {
			font-size: calc(.875rem + .125 * (100vw - 90rem)/ 30)
		}

		.page .input:-ms-input-placeholder {
			font-size: calc(.875rem + .125 * (100vw - 90rem)/ 30)
		}

		.page .input::-ms-input-placeholder {
			font-size: calc(.875rem + .125 * (100vw - 90rem)/ 30)
		}

		.page .input::placeholder {
			font-size: calc(.875rem + .125 * (100vw - 90rem)/ 30)
		}
	}

	@supports (gap:clamp(1.25rem, -0.625rem + 2.0833333333vw, 1.875rem)) {
		.page .form-data {
			gap: clamp(1.25rem, -.625rem + 2.0833333333vw, 1.875rem)
		}
	}

	@supports not (gap:clamp(1.25rem, -0.625rem + 2.0833333333vw, 1.875rem)) {
		.page .form-data {
			gap: calc(1.25rem + .625 * (100vw - 90rem)/ 30)
		}
	}

	@supports (font-size:clamp(3.75rem, -3.75rem + 8.3333333333vw, 6.25rem)) {
		.page__thanks h1 {
			font-size: clamp(3.75rem, -3.75rem + 8.3333333333vw, 6.25rem)
		}
	}

	@supports not (font-size:clamp(3.75rem, -3.75rem + 8.3333333333vw, 6.25rem)) {
		.page__thanks h1 {
			font-size: calc(3.75rem + 2.5 * (100vw - 90rem)/ 30)
		}
	}

	@supports (font-size:clamp(1.5rem, 0.0000000625rem + 1.6666666667vw, 2rem)) {
		.page__thanks p {
			font-size: clamp(1.5rem, .0000000625rem + 1.6666666667vw, 2rem)
		}
	}

	@supports not (font-size:clamp(1.5rem, 0.0000000625rem + 1.6666666667vw, 2rem)) {
		.page__thanks p {
			font-size: calc(1.5rem + .5 * (100vw - 90rem)/ 30)
		}
	}
}

@media (min-width:20em) and (max-width:100em) {
	@supports (width:clamp(14.375rem, 12.34375rem + 10.15625vw, 22.5rem)) {
		.button {
			width: clamp(14.375rem, 12.34375rem + 10.15625vw, 22.5rem)
		}
	}

	@supports not (width:clamp(14.375rem, 12.34375rem + 10.15625vw, 22.5rem)) {
		.button {
			width: calc(14.375rem + 8.125 * (100vw - 20rem)/ 80)
		}
	}

	@supports (height:clamp(2.8125rem, 2.578125rem + 1.171875vw, 3.75rem)) {
		.button {
			height: clamp(2.8125rem, 2.578125rem + 1.171875vw, 3.75rem)
		}
	}

	@supports not (height:clamp(2.8125rem, 2.578125rem + 1.171875vw, 3.75rem)) {
		.button {
			height: calc(2.8125rem + .9375 * (100vw - 20rem)/ 80)
		}
	}

	@supports (padding-top:clamp(1rem, 0.9375rem + 0.3125vw, 1.25rem)) {
		.button {
			padding-top: clamp(1rem, .9375rem + .3125vw, 1.25rem)
		}
	}

	@supports not (padding-top:clamp(1rem, 0.9375rem + 0.3125vw, 1.25rem)) {
		.button {
			padding-top: calc(1rem + .25 * (100vw - 20rem)/ 80)
		}
	}

	@supports (padding-bottom:clamp(0.6875rem, 0.625rem + 0.3125vw, 0.9375rem)) {
		.button {
			padding-bottom: clamp(.6875rem, .625rem + .3125vw, .9375rem)
		}
	}

	@supports not (padding-bottom:clamp(0.6875rem, 0.625rem + 0.3125vw, 0.9375rem)) {
		.button {
			padding-bottom: calc(.6875rem + .25 * (100vw - 20rem)/ 80)
		}
	}

	@supports (height:clamp(2.8125rem, 2.734375rem + 0.390625vw, 3.125rem)) {
		.button.button-small {
			height: clamp(2.8125rem, 2.734375rem + .390625vw, 3.125rem)
		}
	}

	@supports not (height:clamp(2.8125rem, 2.734375rem + 0.390625vw, 3.125rem)) {
		.button.button-small {
			height: calc(2.8125rem + .3125 * (100vw - 20rem)/ 80)
		}
	}

	@supports (width:clamp(14.375rem, 14.21875rem + 0.78125vw, 15rem)) {
		.button.button-small {
			width: clamp(14.375rem, 14.21875rem + .78125vw, 15rem)
		}
	}

	@supports not (width:clamp(14.375rem, 14.21875rem + 0.78125vw, 15rem)) {
		.button.button-small {
			width: calc(14.375rem + .625 * (100vw - 20rem)/ 80)
		}
	}
	
		@supports (padding-top:clamp(1rem, 0.96875rem + 0.15625vw, 1.125rem)) {
		.button.button-small {
			padding-top: clamp(1rem, .96875rem + .15625vw, 1rem)
		}
	}

	@supports not (padding-top:clamp(1rem, 0.96875rem + 0.15625vw, 1.125rem)) {
		.button.button-small {
			padding-top: calc(1rem + .125 * (100vw - 20rem)/ 80)
		}
	}

	@supports (max-width:clamp(10.1875rem, 8.828125rem + 6.796875vw, 15.625rem)) {
		.header__logo {
			max-width: clamp(10.1875rem, 8.828125rem + 6.796875vw, 15.625rem)
		}
	}

	@supports not (max-width:clamp(10.1875rem, 8.828125rem + 6.796875vw, 15.625rem)) {
		.header__logo {
			max-width: calc(10.1875rem + 5.4375 * (100vw - 20rem)/ 80)
		}
	}

	@supports (max-width:clamp(5rem, 3.90625rem + 5.46875vw, 9.375rem)) {
		.header__logo-second {
			max-width: clamp(5rem, 3.90625rem + 5.46875vw, 9.375rem)
		}
	}

	@supports not (max-width:clamp(5rem, 3.90625rem + 5.46875vw, 9.375rem)) {
		.header__logo-second {
			max-width: calc(5rem + 4.375 * (100vw - 20rem)/ 80)
		}
	}

	@supports (width:clamp(1.3125rem, 0.8125rem + 2.5vw, 3.3125rem)) {
		.hero h4 img {
			width: clamp(1.3125rem, .8125rem + 2.5vw, 3.3125rem)
		}
	}

	@supports not (width:clamp(1.3125rem, 0.8125rem + 2.5vw, 3.3125rem)) {
		.hero h4 img {
			width: calc(1.3125rem + 2 * (100vw - 20rem)/ 80)
		}
	}

	@supports (height:clamp(1.3125rem, 0.8125rem + 2.5vw, 3.3125rem)) {
		.hero h4 img {
			height: clamp(1.3125rem, .8125rem + 2.5vw, 3.3125rem)
		}
	}

	@supports not (height:clamp(1.3125rem, 0.8125rem + 2.5vw, 3.3125rem)) {
		.hero h4 img {
			height: calc(1.3125rem + 2 * (100vw - 20rem)/ 80)
		}
	}

	@supports (margin-bottom:clamp(0.625rem, 0.15625rem + 2.34375vw, 2.5rem)) {
		.hero .button {
			margin-bottom: clamp(.625rem, .15625rem + 2.34375vw, 2.5rem)
		}
	}

	@supports not (margin-bottom:clamp(0.625rem, 0.15625rem + 2.34375vw, 2.5rem)) {
		.hero .button {
			margin-bottom: calc(.625rem + 1.875 * (100vw - 20rem)/ 80)
		}
	}

	@supports (font-size:clamp(0.625rem, 0.53125rem + 0.46875vw, 1rem)) {
		.hero span {
			font-size: clamp(.625rem, .53125rem + .46875vw, 1rem)
		}
	}

	@supports not (font-size:clamp(0.625rem, 0.53125rem + 0.46875vw, 1rem)) {
		.hero span {
			font-size: calc(.625rem + .375 * (100vw - 20rem)/ 80)
		}
	}

	@supports (font-size:clamp(0.5rem, 0.40625rem + 0.46875vw, 0.875rem)) {
		.page__body p {
			font-size: clamp(.5rem, .40625rem + .46875vw, .875rem)
		}
	}

	@supports not (font-size:clamp(0.5rem, 0.40625rem + 0.46875vw, 0.875rem)) {
		.page__body p {
			font-size: calc(.5rem + .375 * (100vw - 20rem)/ 80)
		}
	}

	@supports (padding-left:clamp(0.625rem, 0.390625rem + 1.171875vw, 1.5625rem)) {
		.page__form {
			padding-left: clamp(.625rem, .390625rem + 1.171875vw, 1.5625rem)
		}
	}

	@supports not (padding-left:clamp(0.625rem, 0.390625rem + 1.171875vw, 1.5625rem)) {
		.page__form {
			padding-left: calc(.625rem + .9375 * (100vw - 20rem)/ 80)
		}
	}

	@supports (padding-right:clamp(0.625rem, 0.390625rem + 1.171875vw, 1.5625rem)) {
		.page__form {
			padding-right: clamp(.625rem, .390625rem + 1.171875vw, 1.5625rem)
		}
	}

	@supports not (padding-right:clamp(0.625rem, 0.390625rem + 1.171875vw, 1.5625rem)) {
		.page__form {
			padding-right: calc(.625rem + .9375 * (100vw - 20rem)/ 80)
		}
	}

	@supports (margin-bottom:clamp(0.5625rem, 0.5rem + 0.3125vw, 0.8125rem)) {
		.page__title {
			margin-bottom: clamp(.5625rem, .5rem + .3125vw, .8125rem)
		}
	}

	@supports not (margin-bottom:clamp(0.5625rem, 0.5rem + 0.3125vw, 0.8125rem)) {
		.page__title {
			margin-bottom: calc(.5625rem + .25 * (100vw - 20rem)/ 80)
		}
	}

	@supports (margin-top:clamp(0.5625rem, 1.03125rem + -0.46875vw, 0.9375rem)) {

		.page .form button,
		.page .form input[type=submit] {
			margin-top: clamp(.5625rem, 1.03125rem + -.46875vw, .9375rem)
		}
	}

	@supports not (margin-top:clamp(0.5625rem, 1.03125rem + -0.46875vw, 0.9375rem)) {

		.page .form button,
		.page .form input[type=submit] {
			margin-top: calc(.9375rem + -.375 * (100vw - 20rem)/ 80)
		}
	}

	@supports (padding-top:clamp(0.75rem, 0.65625rem + 0.46875vw, 1.125rem)) {
		.page .form textarea {
			padding-top: clamp(.75rem, .65625rem + .46875vw, 1.125rem)
		}
	}

	@supports not (padding-top:clamp(0.75rem, 0.65625rem + 0.46875vw, 1.125rem)) {
		.page .form textarea {
			padding-top: calc(.75rem + .375 * (100vw - 20rem)/ 80)
		}
	}

	@supports (padding-bottom:clamp(0.625rem, 0.78125rem + -0.15625vw, 0.75rem)) {
		.page .form textarea {
			padding-bottom: clamp(.625rem, .78125rem + -.15625vw, .75rem)
		}
	}

	@supports not (padding-bottom:clamp(0.625rem, 0.78125rem + -0.15625vw, 0.75rem)) {
		.page .form textarea {
			padding-bottom: calc(.75rem + -.125 * (100vw - 20rem)/ 80)
		}
	}

	@supports (padding-right:clamp(0.8125rem, 0.625rem + 0.9375vw, 1.5625rem)) {
		.page .form-label {
			padding-right: clamp(.8125rem, .625rem + .9375vw, 1.5625rem)
		}
	}

	@supports not (padding-right:clamp(0.8125rem, 0.625rem + 0.9375vw, 1.5625rem)) {
		.page .form-label {
			padding-right: calc(.8125rem + .75 * (100vw - 20rem)/ 80)
		}
	}

	@supports (padding-left:clamp(0.8125rem, 0.5rem + 1.5625vw, 2.0625rem)) {
		.page .input {
			padding-left: clamp(.8125rem, .5rem + 1.5625vw, 2.0625rem)
		}
	}

	@supports not (padding-left:clamp(0.8125rem, 0.5rem + 1.5625vw, 2.0625rem)) {
		.page .input {
			padding-left: calc(.8125rem + 1.25 * (100vw - 20rem)/ 80)
		}
	}

	@supports (padding-right:clamp(0.8125rem, 0.5rem + 1.5625vw, 2.0625rem)) {
		.page .input {
			padding-right: clamp(.8125rem, .5rem + 1.5625vw, 2.0625rem)
		}
	}

	@supports not (padding-right:clamp(0.8125rem, 0.5rem + 1.5625vw, 2.0625rem)) {
		.page .input {
			padding-right: calc(.8125rem + 1.25 * (100vw - 20rem)/ 80)
		}
	}
}

@media (max-width:90em) and (min-width:90em) {

	.button {
		font-size: 1.25rem
	}

	.hero__text p {
		font-size: 1.25rem
	}

	.hero h1 {
		font-size: 3.75rem
	}

	.hero h2 {
		font-size: 1.75rem
	}

	.hero__subtitle {
		padding-bottom: 1.25rem
	}

	.hero h4 {
		font-size: 1.75rem
	}

	.hero h5 {
		margin-bottom: 1.875rem
	}

	.hero h5 {
		font-size: 1.75rem
	}

	.page__body h1 {
		font-size: 2.375rem
	}

	.page .form-label {
		height: 3.125rem
	}

	.page .input {
		font-size: 1.125rem
	}

	.page .form-data {
		gap: 1.25rem
	}

	.page__thanks h1 {
		font-size: 3.75rem
	}

	.page__thanks p {
		font-size: 1.5rem
	}
}

@media (max-width:90em) and (min-width:20em) and (max-width:90em) {

	@supports (font-size:clamp(1.125rem, 1.0892857143rem + 0.1785714286vw, 1.25rem)) {
		.button {
			font-size: clamp(1.125rem, 1.0892857143rem + .1785714286vw, 1.25rem)
		}
	}

	@supports not (font-size:clamp(1.125rem, 1.0892857143rem + 0.1785714286vw, 1.25rem)) {
		.button {
			font-size: calc(1.125rem + .125 * (100vw - 20rem)/ 70)
		}
	}

	@supports (font-size:clamp(0.75rem, 0.6071428571rem + 0.7142857143vw, 1.25rem)) {
		.hero__text p {
			font-size: clamp(.75rem, .6071428571rem + .7142857143vw, 1.25rem)
		}
	}

	@supports not (font-size:clamp(0.75rem, 0.6071428571rem + 0.7142857143vw, 1.25rem)) {
		.hero__text p {
			font-size: calc(.75rem + .5 * (100vw - 20rem)/ 70)
		}
	}

	@supports (font-size:clamp(2.125rem, 1.6607142857rem + 2.3214285714vw, 3.75rem)) {
		.hero h1 {
			font-size: clamp(2.125rem, 1.6607142857rem + 2.3214285714vw, 3.75rem)
		}
	}

	@supports not (font-size:clamp(2.125rem, 1.6607142857rem + 2.3214285714vw, 3.75rem)) {
		.hero h1 {
			font-size: calc(2.125rem + 1.625 * (100vw - 20rem)/ 70)
		}
	}

	@supports (font-size:clamp(0.875rem, 0.625rem + 1.25vw, 1.75rem)) {
		.hero h2 {
			font-size: clamp(.875rem, .625rem + 1.25vw, 1.75rem)
		}
	}

	@supports not (font-size:clamp(0.875rem, 0.625rem + 1.25vw, 1.75rem)) {
		.hero h2 {
			font-size: calc(.875rem + .875 * (100vw - 20rem)/ 70)
		}
	}

	@supports (margin-bottom:clamp(0.0000000625rem, -0.3571427768rem + 1.7857141964vw, 1.25rem)) {
		.hero__subtitle {
			padding-bottom: clamp(.0000000625rem, -.3571427768rem + 1.7857141964vw, 1.25rem)
		}
	}

	@supports not (margin-bottom:clamp(0.0000000625rem, -0.3571427768rem + 1.7857141964vw, 1.25rem)) {
		.hero__subtitle {
			padding-bottom: calc(.0000000625rem + 1.2499999375 * (100vw - 20rem)/ 70)
		}
	}

	@supports (font-size:clamp(0.875rem, 0.625rem + 1.25vw, 1.75rem)) {
		.hero h4 {
			font-size: clamp(.875rem, .625rem + 1.25vw, 1.75rem)
		}
	}

	@supports not (font-size:clamp(0.875rem, 0.625rem + 1.25vw, 1.75rem)) {
		.hero h4 {
			font-size: calc(.875rem + .875 * (100vw - 20rem)/ 70)
		}
	}

	@supports (margin-bottom:clamp(0.75rem, 0.4285714286rem + 1.6071428571vw, 1.875rem)) {
		.hero h5 {
			margin-bottom: clamp(1.75rem, .4285714286rem + 1.6071428571vw, 1.875rem)
		}
	}

	@supports not (margin-bottom:clamp(0.75rem, 0.4285714286rem + 1.6071428571vw, 1.875rem)) {
		.hero h5 {
			margin-bottom: calc(1.75rem + 1.125 * (100vw - 20rem)/ 70)
		}
	}

	@supports (font-size:clamp(0.875rem, 0.625rem + 1.25vw, 1.75rem)) {
		.hero h5 {
			font-size: clamp(.875rem, .625rem + 1.25vw, 1.75rem)
		}
	}

	@supports not (font-size:clamp(0.875rem, 0.625rem + 1.25vw, 1.75rem)) {
		.hero h5 {
			font-size: calc(.875rem + .875 * (100vw - 20rem)/ 70)
		}
	}

	@supports (font-size:clamp(2rem, 1.8928571429rem + 0.5357142857vw, 2.375rem)) {
		.page__body h1 {
			font-size: clamp(2rem, 1.8928571429rem + .5357142857vw, 2.375rem)
		}
	}

	@supports not (font-size:clamp(2rem, 1.8928571429rem + 0.5357142857vw, 2.375rem)) {
		.page__body h1 {
			font-size: calc(2rem + .375 * (100vw - 20rem)/ 70)
		}
	}

	@supports (height:clamp(2.9375rem, 2.8839285714rem + 0.2678571429vw, 3.125rem)) {
		.page .form-label {
			height: clamp(2.9375rem, 2.8839285714rem + .2678571429vw, 3.125rem)
		}
	}

	@supports not (height:clamp(2.9375rem, 2.8839285714rem + 0.2678571429vw, 3.125rem)) {
		.page .form-label {
			height: calc(2.9375rem + .1875 * (100vw - 20rem)/ 70)
		}
	}

	@supports (font-size:clamp(0.875rem, 0.8035714286rem + 0.3571428571vw, 1.125rem)) {
		.page .input {
			font-size: clamp(.875rem, .8035714286rem + .3571428571vw, 1.125rem)
		}
	}

	@supports not (font-size:clamp(0.875rem, 0.8035714286rem + 0.3571428571vw, 1.125rem)) {
		.page .input {
			font-size: calc(.875rem + .25 * (100vw - 20rem)/ 70)
		}
	}

	@supports (gap:clamp(0.8125rem, 0.6875rem + 0.625vw, 1.25rem)) {
		.page .form-data {
			gap: clamp(.8125rem, .6875rem + .625vw, 1.25rem)
		}
	}

	@supports not (gap:clamp(0.8125rem, 0.6875rem + 0.625vw, 1.25rem)) {
		.page .form-data {
			gap: calc(.8125rem + .4375 * (100vw - 20rem)/ 70)
		}
	}

	@supports (font-size:clamp(2.125rem, 1.6607142857rem + 2.3214285714vw, 3.75rem)) {
		.page__thanks h1 {
			font-size: clamp(2.125rem, 1.6607142857rem + 2.3214285714vw, 3.75rem)
		}
	}

	@supports not (font-size:clamp(2.125rem, 1.6607142857rem + 2.3214285714vw, 3.75rem)) {
		.page__thanks h1 {
			font-size: calc(2.125rem + 1.625 * (100vw - 20rem)/ 70)
		}
	}

	@supports (font-size:clamp(0.75rem, 0.5357142857rem + 1.0714285714vw, 1.5rem)) {
		.page__thanks p {
			font-size: clamp(.75rem, .5357142857rem + 1.0714285714vw, 1.5rem)
		}
	}

	@supports not (font-size:clamp(0.75rem, 0.5357142857rem + 1.0714285714vw, 1.5rem)) {
		.page__thanks p {
			font-size: calc(.75rem + .75 * (100vw - 20rem)/ 70)
		}
	}
}

@media (max-width:47.99875em) and (min-width:90em) {

	.page .form button,
	.page .form input[type=submit] {
		margin-bottom: 1.25rem
	}
}

@media (max-width:47.99875em) and (min-width:20em) and (max-width:90em) {

	.page__img {
		display: none;
	}

	.page__box {
		background: transparent;
	}

	.wpcf7.js {
		width: 100%;
	}

	@supports (margin-bottom:clamp(0.8125rem, 0.6875rem + 0.625vw, 1.25rem)) {

		.page .form button,
		.page .form input[type=submit] {
			margin-bottom: clamp(.8125rem, .6875rem + .625vw, 1.25rem)
		}
	}

	@supports not (margin-bottom:clamp(0.8125rem, 0.6875rem + 0.625vw, 1.25rem)) {

		.page .form button,
		.page .form input[type=submit] {
			margin-bottom: calc(.8125rem + .4375 * (100vw - 20rem)/ 70)
		}
	}
}

@media (any-hover:hover) {
	.button:hover {
		-webkit-transition: all .3s ease 0s;
		transition: all .3s ease 0s;
		background: -webkit-gradient(linear, left top, right top, from(#7c6237), color-stop(49.55%, #c7b181), to(#7c6237));
		background: linear-gradient(90deg, #7c6237 0, #c7b181 49.55%, #7c6237 100%)
	}

	.header__join:hover {
		background: linear-gradient(110deg, #fee5aa 80%, #ac874c 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-transition: all .3s ease 0s;
		transition: all .3s ease 0s
	}

	.hero span a:hover,
	input[type=submit] {
		cursor: pointer;
		-webkit-transition: all .3s ease 0s;
		transition: all .3s ease 0s
	}
}