@font-face {
	font-family: "NunitoSans";
	src: url(../fonts/NunitoSans-ExtraLight.woff2) format("woff2"), url(../fonts/NunitoSans-ExtraLight.woff) format("woff");
	font-weight: 200;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "NunitoSans";
	src: url(../fonts/NunitoSans-Light.woff2) format("woff2"), url(../fonts/NunitoSans-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "NunitoSans";
	src: url(../fonts/NunitoSans-Regular.woff2) format("woff2"), url(../fonts/NunitoSans-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "NunitoSans";
	src: url(../fonts/NunitoSans-SemiBold.woff2) format("woff2"), url(../fonts/NunitoSans-SemiBold.woff) format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "NunitoSans";
	src: url(../fonts/NunitoSans-Bold.woff2) format("woff2"), url(../fonts/NunitoSans-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "NunitoSans";
	src: url(../fonts/NunitoSans-ExtraBold.woff2) format("woff2"), url(../fonts/NunitoSans-ExtraBold.woff) format("woff");
	font-weight: 800;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "NunitoSans";
	src: url(../fonts/NunitoSans-Black.woff2) format("woff2"), url(../fonts/NunitoSans-Black.woff) format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

:root {
	--min-value: 50;
	--min-value-px: 50px;
	--max-value: 100;
	--width-max-window: 100vw;
	--width-min-window: 320;
	--width-min-window-px: 320px;
	--animation-left: -100%;
	--animation-right: 100%;
	--animation-top: -100%;
	--animation-bottom: 100%;
	--columns: 12;
	--gap-x: 20px;
	--gap-y: 20px;
	--container-gap: 15px;
	--body-font-size: 0.28rem;
	--size-1-5: 1.5
}

html {
	font-size: calc(var(--min-value-px) + (var(--max-value) - var(--min-value)) * ((var(--width-max-window) - var(--width-min-window-px)) / (1920 - var(--width-min-window))))
}

body {
	line-height: 1.33333;
	font-weight: 400;
	font-size: var(--body-font-size);
	font-family: "NunitoSans", sans-serif;
	margin: 0;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#060606), to(#19191a));
	background: -o-linear-gradient(top, #060606, #19191a) #060606;
	background: linear-gradient(180deg, #060606, #19191a) #19191a repeat;
	-webkit-box-shadow: 0 100px 80px rgba(0, 0, 0, .07), 0 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0 12.5216px 10.0172px rgba(0, 0, 0, .035), 0 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0 2.76726px 2.21381px rgba(0, 0, 0, .0196802);
	box-shadow: 0 100px 80px rgba(0, 0, 0, .07), 0 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0 12.5216px 10.0172px rgba(0, 0, 0, .035), 0 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0 2.76726px 2.21381px rgba(0, 0, 0, .0196802)
}

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

img {
	display: block;
	max-width: 100%
}

a {
	text-decoration: none;
	-webkit-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s
}

ul {
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

iframe {
	border: 0
}

.subtitle {
	display: block;
	font-size: .36rem
}

br {
	--dp-inline: inline;
	display: var(--dp-inline)
}

.btn {
	--dp-flex: flex;
	display: var(--dp-flex);
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	-webkit-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s;
	line-height: 1;
	cursor: pointer
}

.btn--primary {
	font-weight: 500;
	border-radius: 500px;
	background: #a1efa4;
	color: #1f1f22;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase
}

.btn--primary:active {
	background: #fff
}

.btn--size-sm {
	font-size: .24rem;
	padding: .33rem .24rem .3rem 
}

.btn--size-md {
	font-size: .24rem;
	padding: .33rem .24rem .3rem 
}

.icon {
	width: 1em;
	height: 1em;
	--dp-block: block;
	display: var(--dp-block);
	flex: 0 0 auto;
	fill: currentColor;
	-webkit-transition: all .4s 0s;
	-o-transition: all .4s 0s;
	transition: all .4s 0s;
	position: relative
}

.icon--no-fill {
	fill: none
}

.icon--stroke {
	stroke: currentColor
}

.loader {
	height: 1em;
	width: 1em;
	display: block;
	overflow: hidden;
	position: relative
}

.loader:after,
.loader:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 3px solid currentColor;
	border-radius: 50%
}

.loader:after {
	opacity: .15
}

.loader:before {
	border-bottom-color: transparent;
	border-top-color: transparent;
	-webkit-animation: f 1.5s linear infinite;
	animation: f 1.5s linear infinite
}

.logo {
	display: flex;
	align-items: center;
	width: 3.0rem
}

.logo img {
	width: 100%
}

.list li {
	position: relative;
	padding-left: .62rem;
	padding-top: .07rem;
	line-height: 1.36389
}

.list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 1em;
	width: 1em;
	font-size: .62rem;
	background: no-repeat 0 0/100%;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2MiA2MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjAyMSAzMS4wMDAzTDI3LjMzMTggMzguMzExMUw0MS45NzkzIDIzLjY4OTUiIHN0cm9rZT0iI0ExRUZBNCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==")
}

.sticky-header {
	overflow: hidden;
	padding: 0.48rem 0;
	background: #060606;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
}

.mt-gap {
	margin-top: 123px;
}

.sticky-header-right {
	float: right;
}

.sticky-header a {
	float: left;
}

@media screen and (max-width: 500px) {
	.sticky-header a {
		float: none;
		display: block;
		text-align: left;
	}
	.header-right {
		float: none;
	}
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%
}

.sticky+.content {
	padding-top: 300px;
}

.legal_content {
	padding: 3em 0em 0em 0em;
	line-height: 2;
	font-size: .28rem;
	font-weight: 300;
	letter-spacing: 1.5px;
	min-height: 600px;
}

.legal_content h1 {
	font-size: .68rem;
	font-weight: 900;
	margin-bottom: .3rem;
	text-align: center;
	color: #060606;
	letter-spacing: 0px
}

.legal_content h2 {
	font-size: .48rem;
	font-weight: 900;
	margin-bottom: .4rem;
	text-align: left;
	color: #060606;
	letter-spacing: 0px
}

.legal_content h3 {
	font-size: .40rem;
	font-weight: 700;
	margin-bottom: .1rem;
	text-align: left;
	color: #060606;
	letter-spacing: 0px
}

.legal_content em {
	font-size: .28rem;
	font-weight: 300;
	font-style: italic;
}

.legal_content p {
	font-size: .28rem;
	font-weight: 300;
	margin-bottom: .4rem
}

ul.c {
	list-style-type: circle;
	list-style-position: inside;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 40px
}

ul.s {
	list-style-type: square;
	list-style-position: inside;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 40px
}

ol.d {
	list-style-type: decimal;
	list-style-position: inside;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 40px
}

ol.d li::marker {
	font-weight: bold
}

ol.dn {
	list-style-type: decimal;
	list-style-position: inside;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 40px
}

ol.dn li {
	margin-bottom: .4rem;
}

ol.dn li::marker {
	font-weight: 300
}

ol.rn {
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 40px
}

ol.r {
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 40px
}

ol.r li::marker {
	font-weight: 300;
	font-style: italic
}

.dont-break-out {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.decor-text {
	text-transform: uppercase;
	font-weight: 900;
	line-height: 103.9%;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(hsla(0, 0%, 9%, 0)));
	background: -o-linear-gradient(top, #333, hsla(0, 0%, 9%, 0));
	background: linear-gradient(180deg, #333, hsla(0, 0%, 9%, 0));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	pointer-events: none
}

.link {
	color: currentColor
}

.link:active {
	color: #5f2f2f
}

.download {
	width: 1em;
	height: .33405em;
	font-size: 4.0rem;
	fill: #000;
	-webkit-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s;
	background-color: #fff;
	border: 3px solid #000;
	border-radius: .25rem
}

.download:hover {
	background-color: #a1efa4
}

.switch {
	position: relative;
	border-radius: 500px;
	background-color: #252525;
	display: inline-flex;
	align-items: center
}

.switch--icon .switch__decor {
	z-index: 3
}

.switch--icon .switch__icon-1,
.switch--icon .switch__icon-2 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	font-size: calc(.32rem * var(--size-1-5));
	color: #070707
}

.switch--icon .switch__icon-2,
.switch--icon .switch__input:checked~.switch__decor .switch__icon-1 {
	opacity: 0
}

.switch--icon .switch__input:checked~.switch__decor .switch__icon-2 {
	opacity: 1
}

.switch__input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	font-size: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}

.switch__input:checked~.switch__decor {
	-webkit-transform: translateX(calc(100% + 10px));
	-ms-transform: translateX(calc(100% + 10px));
	transform: translateX(calc(100% + 10px))
}

.switch__input:checked~.switch__item--left,
.switch__input:checked~.switch__item--theme-dark {
	color: #fff
}

.switch__input:checked~.switch__item--right {
	color: #070707
}

.switch__decor {
	position: absolute;
	left: 5px;
	top: 5px;
	width: calc(50% - 10px);
	height: calc(100% - 10px);
	background-color: #fff;
	border-radius: 500px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s
}

.switch__item {
	position: relative;
	z-index: 2;
	display: block;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 900;
	color: #fff;
	text-align: center;
	line-height: 1.375;
	-webkit-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s
}

.switch__item--left {
	color: #070707
}

.switch__item--right {
	color: #fff
}

.switch__item--size-md {
	font-size: .24rem;
	padding: .24rem 12px .21rem;
	min-width: 1.8rem
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	padding: 0;
	outline: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	background: transparent;
	border: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield
}

input[type=number]:focus,
input[type=number]:hover {
	-moz-appearance: number-input
}

button {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	opacity: 1;
	color: currentColor
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: currentColor
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	opacity: 1;
	color: currentColor
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
	color: currentColor
}

.container,
.container-full,
.container-lg,
.container-md,
.container-xs {
	--local-container-gap: var(--container-gap);
	--dp-block: block;
	display: var(--dp-block);
	width: 100%;
	padding-left: var(--local-container-gap);
	padding-right: var(--local-container-gap);
	margin-left: auto;
	margin-right: auto;
}

@-webkit-keyframes a {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(var(--animation-left), 0, 0);
		transform: translate3d(var(--animation-left), 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes a {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(var(--animation-left), 0, 0);
		transform: translate3d(var(--animation-left), 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes b {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(var(--animation-right), 0, 0);
		transform: translate3d(var(--animation-right), 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes b {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(var(--animation-right), 0, 0);
		transform: translate3d(var(--animation-right), 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes c {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, var(--animation-bottom), 0);
		transform: translate3d(0, var(--animation-bottom), 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes c {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, var(--animation-bottom), 0);
		transform: translate3d(0, var(--animation-bottom), 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes d {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes d {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes e {
	0% {
		-webkit-transform: translate3d(-50%, -50%, 0) scale(0);
		transform: translate3d(-50%, -50%, 0) scale(0)
	}
	to {
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1)
	}
}

@keyframes e {
	0% {
		-webkit-transform: translate3d(-50%, -50%, 0) scale(0);
		transform: translate3d(-50%, -50%, 0) scale(0)
	}
	to {
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1)
	}
}

@-webkit-keyframes f {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes f {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes loading-n {
	to {
		-webkit-transform: rotate(-2turn);
		transform: rotate(-2turn)
	}
}

@keyframes loading-n {
	to {
		-webkit-transform: rotate(-2turn);
		transform: rotate(-2turn)
	}
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	display: none
}

.modal._index {
	z-index: 1999
}

.modal__wrapper {
	height: 100%;
	width: 100%;
	background: #060606;
	overflow: hidden
}

.modal__header {
	height: 1rem;
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 20;
	pointer-events: none
}

.modal__container {
	display: flex;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto
}

.modal__box {
	margin: auto
}

.modal__close {
	color: #fff;
	margin: auto .3rem auto auto;
	pointer-events: auto;
	font-size: .32rem
}

.modal__close:active {
	color: #a1efa4
}

.modal-form__box {
	background-color: #181819
}

.modal-video {
	width: 100%
}

.modal-video__box {
	width: 100%;
	padding-bottom: 56.25%;
	position: relative
}

.modal-video__frame {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 2
}

.modal-video__loader {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	font-size: 4em;
	z-index: 1
}

.adaptive-box {
	position: relative;
	width: 100%;
	overflow: hidden;
	--dp-block: block;
	display: var(--dp-block)
}

.adaptive-box__wrapper {
	padding: 0 0 var(--adaptive-box)
}

.adaptive-box__item {
	z-index: 2;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.adaptive-box__loader {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	z-index: 1;
	font-size: .8rem
}

.social {
	--dp-flex: flex;
	display: var(--dp-flex);
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	overflow: hidden;
	position: relative;
	-webkit-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s
}

.social .icon {
	color: #a1efa4;
	font-size: .5em
}

.social:hover .icon {
	color: #fff
}

.social--size {
	font-size: .64rem
}

.social--size .icon {
	font-size: 1em
}

.social--circle {
	border-radius: 50%
}

.social--outline {
	background: none;
	border: 1px solid #000
}

.social--outline .icon {
	color: #000
}

.social--outline:hover {
	background-color: #000
}

.social--outline:hover .icon {
	color: #fff
}

.social-group {
	--dp-flex: flex;
	display: var(--dp-flex);
	flex-wrap: wrap;
	position: relative
}

.social-group>* {
	margin-right: .18rem
}

.wow {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.fadeInRight {
	-webkit-animation-name: b;
	animation-name: b
}

.fadeInLeft {
	--fadeInLeft: -100%;
	-webkit-animation-name: a;
	animation-name: a
}

.fadeInUp {
	-webkit-animation-name: c;
	animation-name: c
}

.fadeIn {
	-webkit-animation-name: d;
	animation-name: d
}

.circle-scale-0-1 {
	-webkit-animation-name: e;
	animation-name: e
}

[class*=" m:align-"],
[class^="m:align-"] {
	--align: initial;
	--justify: initial;
	align-items: var(--align);
	justify-content: var(--justify)
}

.box,
.box-center,
.box-center-x,
.box-center-y,
.box-reverse,
.box-y,
.box-y-reverse {
	--dp-flex: flex;
	display: var(--dp-flex)
}

.item {
	--dp-block: block;
	display: var(--dp-block)
}

.grid {
	--grid-gap-x: var(--gap-x);
	--grid-gap-y: var(--gap-y);
	--grid-columns: var(--columns);
	--dp-grid: grid;
	display: var(--dp-grid);
	grid-template-columns: repeat(var(--grid-columns), calc(((100% + var(--grid-gap-x)) / (var(--grid-columns) / 1)) - var(--grid-gap-x)));
	grid-gap: var(--grid-gap-y) var(--grid-gap-x)
}

@supports (gap:var(--gap)) {
	.grid {
		gap: var(--grid-gap-y) var(--grid-gap-x)
	}
}

.grid>* {
	--col: var(--grid-columns);
	--row: 1;
	--col-start: auto;
	--row-start: auto;
	grid-area: var(--row-start)/var(--col-start)/span var(--row)/span var(--col)
}

.grid[class*=" m:align-"],
.grid[class^="m:align-"] {
	align-items: var(--align);
	justify-items: var(--justify)
}

.col-1 {
	--col: 1
}

.col-2 {
	--col: 2
}

.col-3 {
	--col: 3
}

.col-4 {
	--col: 4
}

.col-5 {
	--col: 5
}

.col-6 {
	--col: 6
}

.col-7 {
	--col: 7
}

.col-8 {
	--col: 8
}

.col-9 {
	--col: 9
}

.col-10 {
	--col: 10
}

.col-11 {
	--col: 11
}

.col-12 {
	--col: 12
}

.row-1 {
	--row: 1
}

.row-2 {
	--row: 2
}

.row-3 {
	--row: 3
}

.row-4 {
	--row: 4
}

.row-5 {
	--row: 5
}

.row-6 {
	--row: 6
}

.row-7 {
	--row: 7
}

.row-8 {
	--row: 8
}

.row-9 {
	--row: 9
}

.row-10 {
	--row: 10
}

.row-11 {
	--row: 11
}

.row-12 {
	--row: 12
}

.order-0 {
	order: 0
}

.order-1 {
	order: 1
}

.order-2 {
	order: 2
}

.order-3 {
	order: 3
}

.order-4 {
	order: 4
}

.order-5 {
	order: 5
}

.order-6 {
	order: 6
}

.order-7 {
	order: 7
}

.order-8 {
	order: 8
}

.order-9 {
	order: 9
}

.order-10 {
	order: 10
}

.order-11 {
	order: 11
}

.order-12 {
	order: 12
}

.g\:columns-2 {
	--grid-columns: 2
}

.g\:columns-3 {
	--grid-columns: 3
}

.g\:columns-4 {
	--grid-columns: 4
}

.g\:columns-5 {
	--grid-columns: 5
}

.g\:columns-6 {
	--grid-columns: 6
}

.g\:columns-7 {
	--grid-columns: 7
}

.g\:columns-8 {
	--grid-columns: 8
}

.g\:columns-9 {
	--grid-columns: 9
}

.g\:columns-10 {
	--grid-columns: 10
}

.g\:columns-11 {
	--grid-columns: 11
}

.g\:columns-12 {
	--grid-columns: 12
}

.g\:cs-1 {
	--col-start: 1
}

.g\:cs-2 {
	--col-start: 2
}

.g\:cs-3 {
	--col-start: 3
}

.g\:cs-4 {
	--col-start: 4
}

.g\:cs-5 {
	--col-start: 5
}

.g\:cs-6 {
	--col-start: 6
}

.g\:cs-7 {
	--col-start: 7
}

.g\:cs-8 {
	--col-start: 8
}

.g\:cs-9 {
	--col-start: 9
}

.g\:cs-10 {
	--col-start: 10
}

.g\:cs-11 {
	--col-start: 11
}

.g\:cs-auto {
	--col-start: auto
}

.g\:col-auto {
	--col: auto
}

.g\:gap-0 {
	--local-container-gap: 0px;
	--grid-gap-x: 0px;
	--grid-gap-y: 0px;
	--gap-n: 0px
}

.g\:gap-n {
	--gap-n: calc(var(--local-container-gap) / -1);
	margin-right: var(--gap-n);
	margin-left: var(--gap-n)
}

.g\:gap-x {
	--grid-gap-x: var(--gap-x)
}

.g\:gap-x-0 {
	--grid-gap-x: 0px
}

.g\:gap-y {
	--grid-gap-y: var(--gap-y)
}

.g\:gap-y-0 {
	--grid-gap-y: 0px
}

.g\:rs-1 {
	--row-start: 1
}

.g\:rs-2 {
	--row-start: 2
}

.g\:rs-3 {
	--row-start: 3
}

.g\:rs-4 {
	--row-start: 4
}

.g\:rs-5 {
	--row-start: 5
}

.g\:rs-6 {
	--row-start: 6
}

.g\:rs-7 {
	--row-start: 7
}

.g\:rs-8 {
	--row-start: 8
}

.g\:rs-9 {
	--row-start: 9
}

.g\:rs-10 {
	--row-start: 10
}

.g\:rs-11 {
	--row-start: 11
}

.g\:rs-auto {
	--row-start: auto
}

.g\:rows-fixed {
	grid-auto-rows: 1fr
}

.box {
	--align: flex-start;
	--justify: initial
}

.box-reverse {
	flex-direction: row-reverse
}

.box-reverse[class*=" m:align-"],
.box-reverse[class^="m:align-"] {
	align-items: var(--align);
	justify-content: var(--justify-r-x)
}

.box-y {
	flex-direction: column
}

.box-y[class*=" m:align-"],
.box-y[class^="m:align-"] {
	align-items: var(--justify);
	justify-content: var(--align)
}

.box-y-reverse {
	flex-direction: column-reverse
}

.box-y-reverse[class*=" m:align-"],
.box-y-reverse[class^="m:align-"] {
	align-items: var(--justify);
	justify-content: var(--align-r-y)
}

.box-center {
	--justify: center;
	justify-content: var(--justify)
}

.box-center,
.box-center-y {
	--align: center;
	align-items: var(--align)
}

.box-center-x {
	--justify: center;
	justify-content: var(--justify)
}

.inline {
	--dp-inline: inline;
	display: var(--dp-inline)
}

.t\:100 {
	font-weight: 100
}

.t\:200 {
	font-weight: 200
}

.t\:300 {
	font-weight: 300
}

.t\:400 {
	font-weight: 400
}

.t\:500 {
	font-weight: 500
}

.t\:600 {
	font-weight: 600
}

.t\:700 {
	font-weight: 700
}

.t\:800 {
	font-weight: 800
}

.t\:left {
	text-align: left
}

.t\:right {
	text-align: right
}

.t\:center {
	text-align: center
}

.t\:italic {
	font-style: italic
}

.t\:no-italic {
	font-style: normal
}

.m\:inline {
	--dp-flex: inline-flex;
	--dp-grid: inline-grid;
	--dp-block: inline-block;
	--dp-inline: inline
}

.m\:block {
	--dp-flex: flex;
	--dp-grid: grid;
	--dp-block: block;
	--dp-inline: block
}

.m\:hide,
.m\:show\@lg,
.m\:show\@md {
	--dp-flex: none;
	--dp-grid: none;
	--dp-block: none;
	--dp-inline: none
}

.m\:axis-x {
	flex-direction: row
}

.m\:axis-x[class*=" m:align-"],
.m\:axis-x[class^="m:align-"] {
	align-items: var(--align);
	justify-content: var(--justify)
}

.m\:axis-x-r {
	flex-direction: row-reverse
}

.m\:axis-x-r[class*=" m:align-"],
.m\:axis-x-r[class^="m:align-"] {
	align-items: var(--align);
	justify-content: var(--justify-r-x)
}

.m\:axis-y {
	flex-direction: column
}

.m\:axis-y[class*=" m:align-"],
.m\:axis-y[class^="m:align-"] {
	align-items: var(--justify);
	justify-content: var(--align)
}

.m\:axis-y-r {
	flex-direction: column-reverse
}

.m\:axis-y-r[class*=" m:align-"],
.m\:axis-y-r[class^="m:align-"] {
	align-items: var(--justify);
	justify-content: var(--align-r-y)
}

.m\:left {
	margin-right: auto;
	margin-left: 0
}

.m\:left-0,
.m\:right {
	margin-right: 0
}

.m\:right {
	margin-left: auto
}

.m\:right-0 {
	margin-left: 0
}

.m\:top {
	margin-bottom: auto;
	margin-top: 0
}

.m\:bottom,
.m\:top-0 {
	margin-bottom: 0
}

.m\:bottom {
	margin-top: auto
}

.m\:bottom-0 {
	margin-top: 0
}

.m\:center {
	margin: auto
}

.m\:center-0 {
	margin: 0
}

.m\:center-x {
	margin-left: auto;
	margin-right: auto
}

.m\:center-x-0 {
	margin-left: 0;
	margin-right: 0
}

.m\:center-y {
	margin-top: auto;
	margin-bottom: auto
}

.m\:center-y-0 {
	margin-top: 0;
	margin-bottom: 0
}

.m\:align-right {
	--justify: flex-end;
	--justify-r-x: flex-start
}

.m\:align-left {
	--justify: flex-start;
	--justify-r-x: flex-end
}

.m\:align-bottom {
	--align: flex-end;
	--align-r-y: flex-start
}

.m\:align-top {
	--align: flex-start;
	--align-r-y: flex-end
}

.m\:align-center {
	--align: center;
	--align-r-y: center
}

.m\:align-center,
.m\:align-center-x {
	--justify: center;
	--justify-r-x: center
}

.m\:align-center-y {
	--align: center;
	--align-r-y: center
}

.m\:align-stretch {
	--align: stretch;
	--align-r-y: stretch
}

.m\:align-stretch,
.m\:align-stretch-x {
	--justify: stretch;
	--justify-r-x: stretch
}

.m\:align-stretch-y {
	--align: stretch;
	--align-r-y: stretch
}

.m\:relative {
	position: relative
}

.m\:static {
	position: static
}

.header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 100;
	padding: .48rem 0 0
}

.header-language {
	position: relative;
	margin: auto 0 auto auto;
	z-index: 230
}

.header-language__box {
	position: relative;
	background-color: #252525;
	padding: calc(.17rem * var(--size-1-5)) calc(.15rem * var(--size-1-5)) calc(.13rem * var(--size-1-5)) calc(.25rem * var(--size-1-5));
	border-radius: calc(.15rem * var(--size-1-5));
	display: flex;
	-webkit-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s;
	flex: 1
}

.header-language__box._active>.header-language__drop,
.header-language__box:hover>.header-language__drop {
	top: calc(100% - (.15rem * var(--size-1-5)));
	visibility: visible;
	opacity: 1;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.header-language__box._active .header-language__page .icon,
.header-language__box:hover .header-language__page .icon {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.header-language__page {
	text-transform: uppercase;
	font-size: .4rem;
	line-height: 1;
	display: flex;
	align-items: center;
	flex: 1 0 auto
}

.header-language__page .icon {
	font-size: .5em;
	margin-left: calc(.1rem * var(--size-1-5));
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-bottom: 3px
}

.header-language__drop {
	position: absolute;
	left: 0;
	top: 50%;
	background-color: #252525;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	padding: calc(.25rem * var(--size-1-5)) 0 calc(.13rem * var(--size-1-5));
	min-width: 100%;
	border-bottom-left-radius: calc(.15rem * var(--size-1-5));
	border-bottom-right-radius: calc(.15rem * var(--size-1-5))
}

.header-language__drop:before {
	content: "";
	border-top: 1px solid #a1efa4;
	position: absolute;
	top: calc(.125rem * var(--size-1-5));
	left: 50%;
	width: calc(100% - (.3rem * var(--size-1-5)));
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.header-language__link {
	font-size: .4rem;
	line-height: 1;
	display: block;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	-webkit-tap-highlight-color: transparent
}

.header-language__link:active {
	color: #a1efa4
}

.header-language__link:not(:last-child) {
	margin-bottom: .2rem
}

.home {
	position: relative;
	padding: 0 0 1.15rem;
	z-index: 1;
	overflow: hidden
}

.home__wrapper {
	padding-top: 2.58rem;
	overflow: hidden
}

.home__decor {
	overflow: visible;
	--adaptive-box: 115.22843%;
	margin: 1.16rem auto 0;
	width: 5.91rem
}

.home__decor .icon {
	position: absolute;
	z-index: 1;
	top: -.89rem;
	left: -.29rem;
	font-size: 8.5rem
}

.home__decor-watch {
	width: 3.46rem;
	position: absolute;
	top: 1.68rem;
	left: -.33rem;
	z-index: 2
}

.home__decor-phone {
	width: 2.86rem;
	position: absolute;
	top: -.43rem;
	left: 2.64rem;
	z-index: 3
}

.home__decor-phone img {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.home__decor-phone img.hide {
	display: none
}

.home__title {
	font-size: .96rem;
	line-height: 1.059;
	font-weight: 900;
	margin-top: .2rem;
	position: relative
}

.home__title .icon {
	display: none
}

.home__switch {
	margin: .65rem auto .4rem;
	z-index: 20
}

.home__text {
	font-size: .36rem
}

.home__play {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .82rem
}

.home__play-box {
	position: relative;
	height: 1em;
	width: 1em;
	font-size: 9.38rem;
	margin: 0 -15px
}

.home__play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-45%, -50%, 0) scale(1);
	transform: translate3d(-45%, -50%, 0) scale(1);
	font-size: .25265em;
	z-index: 5
}

.home__play-btn:active {
	-webkit-transform: translate3d(-45%, -50%, 0) scale(.9);
	transform: translate3d(-45%, -50%, 0) scale(.9)
}

.home__play-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	height: 1em;
	width: 1em;
	border-radius: 50%
}

.home__play-circle._1 {
	font-size: .54312em;
	opacity: .6;
	border: 1.5px solid #a1efa4
}

.home__play-circle._2 {
	opacity: .35;
	font-size: .79576em;
	border: 1.5px solid hsla(0, 0%, 100%, .65)
}

.home__play-circle._3 {
	background: rgba(201, 255, 203, .25);
	-webkit-filter: blur(256px);
	filter: blur(256px);
	font-size: .30257em
}

.home__play-circle._4 {
	opacity: .15;
	border: 1.5px solid rgba(205, 255, 207, .27)
}

.showcase {
	padding: 0 0 1.1rem;
	overflow: hidden
}

.showcase-card {
	position: relative
}

.showcase-card:not(:last-child) {
	margin-bottom: .62rem
}

.showcase-card__title {
	font-size: .48rem;
	font-weight: 900;
	margin-bottom: .4rem
}

.showcase-card__number {
	position: absolute
}

.showcase-card-1 .adaptive-box {
	--adaptive-box: 76.73841%;
	overflow: visible;
	width: 12.08rem;
	-webkit-transform: translateX(-13%);
	-ms-transform: translateX(-13%);
	transform: translateX(-13%)
}

.showcase-card-1 .showcase-card__title {
	margin-bottom: .35rem
}

.showcase-card-1 .showcase-card__number {
	top: 3.585rem;
	left: -1.2rem;
	font-size: 6.464rem
}

.showcase-card-2__image {
	--adaptive-box: 276.65094%;
	width: 2.9rem;
	margin: 0 auto .62rem;
	pointer-events: none
}

.showcase-card-2__image img {
	border: none;
	outline: none
}

.showcase-card-2 .showcase-card__number {
	top: .5rem;
	left: 50%;
	margin-left: -.5em;
	font-size: 7.1rem
}

.info {
	padding: 1rem 0 .1rem;
	position: relative;
	overflow: hidden
}

.info__decor {
	display: none
}

.info__title {
	font-weight: 800;
	font-size: .48rem;
	margin-bottom: .4rem;
	text-align: center
}

.info__subtitle {
	font-size: .36rem;
	font-weight: 600;
	margin-bottom: .62rem;
	text-align: center
}

.info__box {
	margin-bottom: .6rem
}

.info-card {
	text-align: center;
	font-weight: 300
}

.info-card__number {
	font-size: 1.92rem;
	color: #a1efa4;
	line-height: 1.36111
}

.info-card__text {
	font-size: .36rem
}

.share-section {
	overflow: hidden;
	padding: 1.1rem 0 .62rem
}

.share-section__decor {
	margin-bottom: -.76rem;
	position: relative
}

.share-section__decor-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	height: 1em;
	width: 1em;
	border-radius: 50%;
	opacity: .15
}

.share-section__decor-circle-box {
	font-size: 6.6rem
}

.share-section__decor-circle._1 {
	font-size: 1em;
	border: 1.5px solid hsla(0, 0%, 100%, .15)
}

.share-section__decor-circle._2 {
	font-size: .79576em;
	border: 1.5px solid hsla(0, 0%, 100%, .35)
}

.share-section__decor-circle._3 {
	font-size: .54312em;
	border: 1.5px solid #fff
}

.share-section__image {
	--adaptive-box: 78.69231%;
	z-index: 2
}

.share-section__title {
	font-size: 1.28rem;
	letter-spacing: .225em;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 112.4%;
	color: #a1efa4;
	text-align: center
}

@supports (-webkit-text-stroke:1px chocolate) {
	.share-section__title {
		color: transparent;
		-webkit-text-stroke: 4px #a1efa4
	}
}

.share-section__subtitle {
	font-size: .48rem;
	font-weight: 800;
	color: #a1efa4;
	text-align: center;
	margin-bottom: .48rem
}

.plan-section {
	overflow: hidden
}

.plan-section__decor {
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: .6rem
}

.plan-section__decor-title {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	letter-spacing: .42em;
	text-transform: uppercase;
	font-size: .96rem;
	z-index: 10
}

.plan-section__decor-text {
	font-size: 3.0rem
}

.plan-section__list {
	margin-bottom: .6rem;
	font-size: .36rem
}

.plan-section__list li {
	padding-left: .775rem;
	padding-top: .14rem;
	white-space: pre-wrap
}

.plan-section__list li:not(:last-child) {
	margin-bottom: .3rem
}

.plan-section__list li:before {
	font-size: .775rem
}

.plan-section__btn {
	width: 100%;
	max-width: 5.2rem;
	margin-bottom: 1rem
}

.tariffs {
	overflow: hidden;
	padding: 3.04rem 0 .88rem;
	position: relative;
	z-index: 1
}

.tariffs__title {
	letter-spacing: .3em;
	text-transform: uppercase;
	font-size: .84rem;
	text-align: center;
	line-height: 1;
	margin-bottom: .4rem
}

.tariffs__subtitle {
	font-size: .48rem;
	font-weight: 300;
	text-align: center;
	margin-bottom: .95rem
}

.tariffs__decor-text {
	font-size: 3.0rem;
	position: absolute;
	top: 1rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1
}

.tariffs__controller {
	margin-bottom: .68rem
}

.tariffs__card-box {
	overflow-x: auto;
	display: flex;
	margin: 0 -15px;
	padding: 0 0 15px 15px
}

.tariffs__grid {
	margin: 0 auto;
	min-width: 620px;
	padding-right: 20px
}

.tariffs-card {
	padding: .5rem .34rem .6rem;
	border: 1px solid #373737;
	border-radius: .15rem;
	display: flex;
	flex-direction: column
}

.tariffs-card__title {
	font-size: .72rem;
	font-weight: 700
}

.tariffs-card__price {
	margin-bottom: .3rem
}

.tariffs-card__price-month {
	display: none
}

.tariffs-card__price-sum {
	font-size: .72rem;
	font-weight: 700;
	margin-bottom: -.05rem;
	color: #a1efa4
}

.tariffs-card__price-text {
	font-size: .36rem
}

.tariffs-card__free {
	color: #a1efa4;
	font-size: .36rem;
	margin-bottom: .37rem
}

.tariffs-card__plus {
	font-size: .36rem;
	font-weight: 600
}

.tariffs-card__list {
	margin: .3rem 0
}

.tariffs-card__list li {
	padding-top: .14rem;
	font-size: .28rem
}

.tariffs-card__list li:not(:last-child) {
	margin-bottom: .2rem
}

.tariffs-card__btn {
	margin: auto auto 0;
	width: 100%;
	max-width: 5.2rem
}

.goals {
	overflow: hidden;
	position: relative
}

.goals__container {
	width: 100vw
}

.goals-ticker {
	display: flex;
	overflow: hidden
}

@-webkit-keyframes h {
	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@keyframes h {
	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@-webkit-keyframes i {
	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes i {
	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

.goals-ticker--bottom,
.goals-ticker--top {
	margin-bottom: .4rem
}

.goals-ticker__wrapper {
	z-index: 2
}
._no-animation .goals-ticker__box {
	-webkit-animation: none!important;
	animation: none!important
}
.goals-ticker__body {
	display: flex;
	-webkit-animation: 120s linear 0s infinite normal none h;
	animation: 120s linear 0s infinite normal none h;
	will-change: transform
}
.goals-ticker__body._n {
	-webkit-animation-name: i;
	animation-name: i
}
.goals-ticker__body._n .goals-ticker__box:last-child {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.goals-ticker__box {
	flex: 0;
	display: flex;
	align-items: center;
	will-change: transform
}
.goals-ticker__box:last-child {
	position: absolute;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}
.goals-ticker__item {
	flex: 0 0 auto;
	width: 3.9rem
}
.goals-ticker__item img {
	width: 100%
}

.goals__title {
	letter-spacing: .155em;
	font-size: .48rem;
	line-height: 112.4%;
	text-align: center;
	margin-bottom: .63rem;
	position: relative;
	z-index: 1;
	background: none;
	color: #333
}

.footer {
	padding: .8rem 0 1.14rem
}

.footer__container {
	align-items: center
}

.footer__container,
.footer__list {
	display: flex;
	flex-direction: column
}

.footer__list {
	margin-bottom: .4rem
}

.footer__list-item {
	margin-bottom: .2rem
}

.footer__list-link {
	font-size: .36rem;
	color: #fff;
	text-align: center;
	display: block
}

.footer__list-link:active {
	color: #a1efa4
}

@media (min-width:480px) {
	.container {
		max-width: 440px
	}
	.home__play-box {
		margin: 0
	}
}

@media (min-width:640px) {
	.container,
	.container-xs {
		max-width: 520px
	}
}

@media (min-width:768px) {
	.container,
	.container-md,
	.container-xs {
		max-width: 720px
	}
	.col-1\@md {
		--col: 1
	}
	.col-2\@md {
		--col: 2
	}
	.col-3\@md {
		--col: 3
	}
	.col-4\@md {
		--col: 4
	}
	.col-5\@md {
		--col: 5
	}
	.col-6\@md {
		--col: 6
	}
	.col-7\@md {
		--col: 7
	}
	.col-8\@md {
		--col: 8
	}
	.col-9\@md {
		--col: 9
	}
	.col-10\@md {
		--col: 10
	}
	.col-11\@md {
		--col: 11
	}
	.col-12\@md {
		--col: 12
	}
	.row-1\@md {
		--row: 1
	}
	.row-2\@md {
		--row: 2
	}
	.row-3\@md {
		--row: 3
	}
	.row-4\@md {
		--row: 4
	}
	.row-5\@md {
		--row: 5
	}
	.row-6\@md {
		--row: 6
	}
	.row-7\@md {
		--row: 7
	}
	.row-8\@md {
		--row: 8
	}
	.row-9\@md {
		--row: 9
	}
	.row-10\@md {
		--row: 10
	}
	.row-11\@md {
		--row: 11
	}
	.row-12\@md {
		--row: 12
	}
	.order-0\@md {
		order: 0
	}
	.order-1\@md {
		order: 1
	}
	.order-2\@md {
		order: 2
	}
	.order-3\@md {
		order: 3
	}
	.order-4\@md {
		order: 4
	}
	.order-5\@md {
		order: 5
	}
	.order-6\@md {
		order: 6
	}
	.order-7\@md {
		order: 7
	}
	.order-8\@md {
		order: 8
	}
	.order-9\@md {
		order: 9
	}
	.order-10\@md {
		order: 10
	}
	.order-11\@md {
		order: 11
	}
	.order-12\@md {
		order: 12
	}
	.g\:columns-2\@md {
		--grid-columns: 2
	}
	.g\:columns-3\@md {
		--grid-columns: 3
	}
	.g\:columns-4\@md {
		--grid-columns: 4
	}
	.g\:columns-5\@md {
		--grid-columns: 5
	}
	.g\:columns-6\@md {
		--grid-columns: 6
	}
	.g\:columns-7\@md {
		--grid-columns: 7
	}
	.g\:columns-8\@md {
		--grid-columns: 8
	}
	.g\:columns-9\@md {
		--grid-columns: 9
	}
	.g\:columns-10\@md {
		--grid-columns: 10
	}
	.g\:columns-11\@md {
		--grid-columns: 11
	}
	.g\:columns-12\@md {
		--grid-columns: 12
	}
	.g\:cs-1\@md {
		--col-start: 1
	}
	.g\:cs-2\@md {
		--col-start: 2
	}
	.g\:cs-3\@md {
		--col-start: 3
	}
	.g\:cs-4\@md {
		--col-start: 4
	}
	.g\:cs-5\@md {
		--col-start: 5
	}
	.g\:cs-6\@md {
		--col-start: 6
	}
	.g\:cs-7\@md {
		--col-start: 7
	}
	.g\:cs-8\@md {
		--col-start: 8
	}
	.g\:cs-9\@md {
		--col-start: 9
	}
	.g\:cs-10\@md {
		--col-start: 10
	}
	.g\:cs-11\@md {
		--col-start: 11
	}
	.g\:cs-auto\@md {
		--col-start: auto
	}
	.g\:start-auto\@md {
		--col-start: auto;
		--row-start: auto
	}
	.g\:col-auto\@md {
		--col: auto
	}
	.g\:col-auto-none\@md {
		--col: var(--grid-columns)
	}
	.g\:gap\@md {
		--local-container-gap: var(--container-gap);
		--grid-gap-x: calc((var(--gap-x) * var(--size-valye)) * var(--size));
		--grid-gap-y: var(--gap-y);
		--gap-n: calc(var(--container-gap) / -1)
	}
	.g\:gap-0\@md {
		--local-container-gap: 0px;
		--grid-gap-x: 0px;
		--grid-gap-y: 0px;
		--gap-n: 0px
	}
	.g\:gap-n\@md {
		--gap-n: calc(var(--local-container-gap) / -1);
		margin-right: var(--gap-n);
		margin-left: var(--gap-n)
	}
	.g\:gap-n-0\@md {
		--gap-n: 0px
	}
	.g\:gap-x\@md {
		--grid-gap-x: var(--gap-x)
	}
	.g\:gap-x-0\@md {
		--grid-gap-x: 0px
	}
	.g\:gap-y\@md {
		--grid-gap-y: var(--gap-y)
	}
	.g\:gap-y-0\@md {
		--grid-gap-y: 0px
	}
	.g\:rs-1\@md {
		--row-start: 1
	}
	.g\:rs-2\@md {
		--row-start: 2
	}
	.g\:rs-3\@md {
		--row-start: 3
	}
	.g\:rs-4\@md {
		--row-start: 4
	}
	.g\:rs-5\@md {
		--row-start: 5
	}
	.g\:rs-6\@md {
		--row-start: 6
	}
	.g\:rs-7\@md {
		--row-start: 7
	}
	.g\:rs-8\@md {
		--row-start: 8
	}
	.g\:rs-9\@md {
		--row-start: 9
	}
	.g\:rs-10\@md {
		--row-start: 10
	}
	.g\:rs-11\@md {
		--row-start: 11
	}
	.g\:rs-auto\@md {
		--row-start: auto
	}
	.g\:rows-auto\@md {
		grid-auto-rows: auto
	}
	.g\:rows-fixed\@md {
		grid-auto-rows: 1fr
	}
	.t\:left\@md {
		text-align: left
	}
	.t\:right\@md {
		text-align: right
	}
	.t\:center\@md {
		text-align: center
	}
	.m\:inline\@md {
		--dp-flex: inline-flex;
		--dp-grid: inline-grid;
		--dp-block: inline-block;
		--dp-inline: inline
	}
	.m\:block\@md {
		--dp-flex: flex;
		--dp-grid: grid;
		--dp-block: block;
		--dp-inline: block
	}
	.m\:hide\@md {
		--dp-flex: none;
		--dp-grid: none;
		--dp-block: none;
		--dp-inline: none
	}
	.m\:show\@md {
		--dp-flex: flex;
		--dp-grid: grid;
		--dp-block: block;
		--dp-inline: inline
	}
	.m\:axis-x\@md {
		flex-direction: row
	}
	.m\:axis-x\@md[class*=" m:align-"],
	.m\:axis-x\@md[class^="m:align-"] {
		align-items: var(--align);
		justify-content: var(--justify)
	}
	.m\:axis-x-r\@md {
		flex-direction: row-reverse
	}
	.m\:axis-x-r\@md[class*=" m:align-"],
	.m\:axis-x-r\@md[class^="m:align-"] {
		align-items: var(--align);
		justify-content: var(--justify-r-x)
	}
	.m\:axis-y\@md {
		flex-direction: column
	}
	.m\:axis-y\@md[class*=" m:align-"],
	.m\:axis-y\@md[class^="m:align-"] {
		align-items: var(--justify);
		justify-content: var(--align)
	}
	.m\:axis-y-r\@md {
		flex-direction: column-reverse
	}
	.m\:axis-y-r\@md[class*=" m:align-"],
	.m\:axis-y-r\@md[class^="m:align-"] {
		align-items: var(--justify);
		justify-content: var(--align-r-y)
	}
	.m\:left\@md {
		margin-right: auto;
		margin-left: 0
	}
	.m\:left-0\@md,
	.m\:right\@md {
		margin-right: 0
	}
	.m\:right\@md {
		margin-left: auto
	}
	.m\:right-0\@md {
		margin-left: 0
	}
	.m\:top\@md {
		margin-bottom: auto;
		margin-top: 0
	}
	.m\:bottom\@md,
	.m\:top-0\@md {
		margin-bottom: 0
	}
	.m\:bottom\@md {
		margin-top: auto
	}
	.m\:bottom-0\@md {
		margin-top: 0
	}
	.m\:center\@md {
		margin: auto
	}
	.m\:center-0\@md {
		margin: 0
	}
	.m\:center-x\@md {
		margin-left: auto;
		margin-right: auto
	}
	.m\:center-x-0\@md {
		margin-left: 0;
		margin-right: 0
	}
	.m\:center-y\@md {
		margin-top: auto;
		margin-bottom: auto
	}
	.m\:center-y-0\@md {
		margin-top: 0;
		margin-bottom: 0
	}
	.m\:align-right\@md {
		--justify: flex-end;
		--justify-r-x: flex-start
	}
	.m\:align-left\@md {
		--justify: flex-start;
		--justify-r-x: flex-end
	}
	.m\:align-bottom\@md {
		--align: flex-end;
		--align-r-y: flex-start
	}
	.m\:align-top\@md {
		--align: flex-start;
		--align-r-y: flex-end
	}
	.m\:align-center\@md {
		--align: center;
		--align-r-y: center
	}
	.m\:align-center-x\@md,
	.m\:align-center\@md {
		--justify: center;
		--justify-r-x: center
	}
	.m\:align-center-y\@md {
		--align: center;
		--align-r-y: center
	}
	.m\:align-stretch\@md {
		--align: stretch;
		--align-r-y: stretch
	}
	.m\:align-stretch-x\@md,
	.m\:align-stretch\@md {
		--justify: stretch;
		--justify-r-x: stretch
	}
	.m\:align-stretch-y\@md {
		--align: stretch;
		--align-r-y: stretch
	}
	.m\:relative\@md {
		position: relative
	}
	.m\:static\@md {
		position: static
	}
	.home__title {
		font-size: 1.22rem
	}
	.home__text {
		font-size: .48rem
	}
	.showcase-card-1 .adaptive-box {
		margin: 300px auto .62rem;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
	.showcase-card-1 .showcase-card__number {
		top: 2.39rem;
		left: .4rem;
		font-size: 6.08rem;
		margin: 0
	}
	.info__title {
		font-size: .8rem
	}
	.info__subtitle {
		font-size: .64rem
	}
	.share-section__title {
		font-size: 2.13333rem
	}
	.plan-section__decor-text {
		font-size: 4rem
	}
	.tariffs-card {
		padding: .56rem .25rem .6rem;
		text-align: left
	}
	.tariffs-card__free,
	.tariffs-card__plus,
	.tariffs-card__price,
	.tariffs-card__title {
		text-align: center
	}
	.tariffs__decor-text {
		font-size: 4rem
	}
	.goals-ticker__item {
		width: 5.2rem
	}
	.goals__title {
		font-size: .76129rem
	}
	.footer__list {
		flex-direction: row
	}
	.footer__list-item {
		margin-right: .4rem;
		margin-bottom: 0
	}
}

@media (min-width:1024px) {
	 :root {
		--size-1-5: 1;
		--width-min-window: 960;
		--width-min-window-px: 960px;
		--min-value: 50;
		--min-value-px: 50px;
		--max-value: 90;
		--gap-x: 0.3rem;
		--gap-y: 0.3rem;
		--container-gap: 0px;
		--body-font-size: 0.24rem
	}
	.btn--size-sm {
		font-size: .22rem;
		padding: .33rem .24rem .3rem
	}
	.btn--size-md {
		font-size: .22rem;
		padding: .33rem .24rem .3rem 
	}
	.logo {
		width: 2.85rem
	}
	.download {
		font-size: 3rem
	}
	.switch__item--size-md {
		font-size: .16rem;
		padding: .20rem 12px .17rem;
		min-width: 1.2rem
	}
	.container,
	.container-lg,
	.container-md,
	.container-xs {
		max-width: 14.6rem
	}
	.modal-video {
		max-width: 12rem
	}
	.social--size {
		font-size: .3rem
	}
	.col-1\@lg {
		--col: 1
	}
	.col-2\@lg {
		--col: 2
	}
	.col-3\@lg {
		--col: 3
	}
	.col-4\@lg {
		--col: 4
	}
	.col-5\@lg {
		--col: 5
	}
	.col-6\@lg {
		--col: 6
	}
	.col-7\@lg {
		--col: 7
	}
	.col-8\@lg {
		--col: 8
	}
	.col-9\@lg {
		--col: 9
	}
	.col-10\@lg {
		--col: 10
	}
	.col-11\@lg {
		--col: 11
	}
	.col-12\@lg {
		--col: 12
	}
	.row-1\@lg {
		--row: 1
	}
	.row-2\@lg {
		--row: 2
	}
	.row-3\@lg {
		--row: 3
	}
	.row-4\@lg {
		--row: 4
	}
	.row-5\@lg {
		--row: 5
	}
	.row-6\@lg {
		--row: 6
	}
	.row-7\@lg {
		--row: 7
	}
	.row-8\@lg {
		--row: 8
	}
	.row-9\@lg {
		--row: 9
	}
	.row-10\@lg {
		--row: 10
	}
	.row-11\@lg {
		--row: 11
	}
	.row-12\@lg {
		--row: 12
	}
	.order-0\@lg {
		order: 0
	}
	.order-1\@lg {
		order: 1
	}
	.order-2\@lg {
		order: 2
	}
	.order-3\@lg {
		order: 3
	}
	.order-4\@lg {
		order: 4
	}
	.order-5\@lg {
		order: 5
	}
	.order-6\@lg {
		order: 6
	}
	.order-7\@lg {
		order: 7
	}
	.order-8\@lg {
		order: 8
	}
	.order-9\@lg {
		order: 9
	}
	.order-10\@lg {
		order: 10
	}
	.order-11\@lg {
		order: 11
	}
	.order-12\@lg {
		order: 12
	}
	.g\:columns-2\@lg {
		--grid-columns: 2
	}
	.g\:columns-3\@lg {
		--grid-columns: 3
	}
	.g\:columns-4\@lg {
		--grid-columns: 4
	}
	.g\:columns-5\@lg {
		--grid-columns: 5
	}
	.g\:columns-6\@lg {
		--grid-columns: 6
	}
	.g\:columns-7\@lg {
		--grid-columns: 7
	}
	.g\:columns-8\@lg {
		--grid-columns: 8
	}
	.g\:columns-9\@lg {
		--grid-columns: 9
	}
	.g\:columns-10\@lg {
		--grid-columns: 10
	}
	.g\:columns-11\@lg {
		--grid-columns: 11
	}
	.g\:columns-12\@lg {
		--grid-columns: 12
	}
	.g\:cs-1\@lg {
		--col-start: 1
	}
	.g\:cs-2\@lg {
		--col-start: 2
	}
	.g\:cs-3\@lg {
		--col-start: 3
	}
	.g\:cs-4\@lg {
		--col-start: 4
	}
	.g\:cs-5\@lg {
		--col-start: 5
	}
	.g\:cs-6\@lg {
		--col-start: 6
	}
	.g\:cs-7\@lg {
		--col-start: 7
	}
	.g\:cs-8\@lg {
		--col-start: 8
	}
	.g\:cs-9\@lg {
		--col-start: 9
	}
	.g\:cs-10\@lg {
		--col-start: 10
	}
	.g\:cs-11\@lg {
		--col-start: 11
	}
	.g\:cs-auto\@lg {
		--col-start: auto
	}
	.g\:start-auto\@lg {
		--col-start: auto;
		--row-start: auto
	}
	.g\:col-auto\@lg {
		--col: auto
	}
	.g\:col-auto-none\@lg {
		--col: var(--grid-columns)
	}
	.g\:gap\@lg {
		--local-container-gap: var(--container-gap);
		--grid-gap-x: calc((var(--gap-x) * var(--size-valye)) * var(--size));
		--grid-gap-y: var(--gap-y);
		--gap-n: calc(var(--container-gap) / -1)
	}
	.g\:gap-0\@lg {
		--local-container-gap: 0px;
		--grid-gap-x: 0px;
		--grid-gap-y: 0px;
		--gap-n: 0px
	}
	.g\:gap-n\@lg {
		--gap-n: calc(var(--local-container-gap) / -1);
		margin-right: var(--gap-n);
		margin-left: var(--gap-n)
	}
	.g\:gap-n-0\@lg {
		--gap-n: 0px
	}
	.g\:gap-x\@lg {
		--grid-gap-x: var(--gap-x)
	}
	.g\:gap-x-0\@lg {
		--grid-gap-x: 0px
	}
	.g\:gap-y\@lg {
		--grid-gap-y: var(--gap-y)
	}
	.g\:gap-y-0\@lg {
		--grid-gap-y: 0px
	}
	.g\:rs-1\@lg {
		--row-start: 1
	}
	.g\:rs-2\@lg {
		--row-start: 2
	}
	.g\:rs-3\@lg {
		--row-start: 3
	}
	.g\:rs-4\@lg {
		--row-start: 4
	}
	.g\:rs-5\@lg {
		--row-start: 5
	}
	.g\:rs-6\@lg {
		--row-start: 6
	}
	.g\:rs-7\@lg {
		--row-start: 7
	}
	.g\:rs-8\@lg {
		--row-start: 8
	}
	.g\:rs-9\@lg {
		--row-start: 9
	}
	.g\:rs-10\@lg {
		--row-start: 10
	}
	.g\:rs-11\@lg {
		--row-start: 11
	}
	.g\:rs-auto\@lg {
		--row-start: auto
	}
	.g\:rows-auto\@lg {
		grid-auto-rows: auto
	}
	.g\:rows-fixed\@lg {
		grid-auto-rows: 1fr
	}
	.t\:left\@lg {
		text-align: left
	}
	.t\:right\@lg {
		text-align: right
	}
	.t\:center\@lg {
		text-align: center
	}
	.m\:inline\@lg {
		--dp-flex: inline-flex;
		--dp-grid: inline-grid;
		--dp-block: inline-block;
		--dp-inline: inline
	}
	.m\:block\@lg {
		--dp-flex: flex;
		--dp-grid: grid;
		--dp-block: block;
		--dp-inline: block
	}
	.m\:hide\@lg {
		--dp-flex: none;
		--dp-grid: none;
		--dp-block: none;
		--dp-inline: none
	}
	.m\:show\@lg {
		--dp-flex: flex;
		--dp-grid: grid;
		--dp-block: block;
		--dp-inline: inline
	}
	.m\:axis-x\@lg {
		flex-direction: row
	}
	.m\:axis-x\@lg[class*=" m:align-"],
	.m\:axis-x\@lg[class^="m:align-"] {
		align-items: var(--align);
		justify-content: var(--justify)
	}
	.m\:axis-x-r\@lg {
		flex-direction: row-reverse
	}
	.m\:axis-x-r\@lg[class*=" m:align-"],
	.m\:axis-x-r\@lg[class^="m:align-"] {
		align-items: var(--align);
		justify-content: var(--justify-r-x)
	}
	.m\:axis-y\@lg {
		flex-direction: column
	}
	.m\:axis-y\@lg[class*=" m:align-"],
	.m\:axis-y\@lg[class^="m:align-"] {
		align-items: var(--justify);
		justify-content: var(--align)
	}
	.m\:axis-y-r\@lg {
		flex-direction: column-reverse
	}
	.m\:axis-y-r\@lg[class*=" m:align-"],
	.m\:axis-y-r\@lg[class^="m:align-"] {
		align-items: var(--justify);
		justify-content: var(--align-r-y)
	}
	.m\:left\@lg {
		margin-right: auto;
		margin-left: 0
	}
	.m\:left-0\@lg,
	.m\:right\@lg {
		margin-right: 0
	}
	.m\:right\@lg {
		margin-left: auto
	}
	.m\:right-0\@lg {
		margin-left: 0
	}
	.m\:top\@lg {
		margin-bottom: auto;
		margin-top: 0
	}
	.m\:bottom\@lg,
	.m\:top-0\@lg {
		margin-bottom: 0
	}
	.m\:bottom\@lg {
		margin-top: auto
	}
	.m\:bottom-0\@lg {
		margin-top: 0
	}
	.m\:center\@lg {
		margin: auto
	}
	.m\:center-0\@lg {
		margin: 0
	}
	.m\:center-x\@lg {
		margin-left: auto;
		margin-right: auto
	}
	.m\:center-x-0\@lg {
		margin-left: 0;
		margin-right: 0
	}
	.m\:center-y\@lg {
		margin-top: auto;
		margin-bottom: auto
	}
	.m\:center-y-0\@lg {
		margin-top: 0;
		margin-bottom: 0
	}
	.m\:align-right\@lg {
		--justify: flex-end;
		--justify-r-x: flex-start
	}
	.m\:align-left\@lg {
		--justify: flex-start;
		--justify-r-x: flex-end
	}
	.m\:align-bottom\@lg {
		--align: flex-end;
		--align-r-y: flex-start
	}
	.m\:align-top\@lg {
		--align: flex-start;
		--align-r-y: flex-end
	}
	.m\:align-center\@lg {
		--align: center;
		--align-r-y: center
	}
	.m\:align-center-x\@lg,
	.m\:align-center\@lg {
		--justify: center;
		--justify-r-x: center
	}
	.m\:align-center-y\@lg {
		--align: center;
		--align-r-y: center
	}
	.m\:align-stretch\@lg {
		--align: stretch;
		--align-r-y: stretch
	}
	.m\:align-stretch-x\@lg,
	.m\:align-stretch\@lg {
		--justify: stretch;
		--justify-r-x: stretch
	}
	.m\:align-stretch-y\@lg {
		--align: stretch;
		--align-r-y: stretch
	}
	.m\:relative\@lg {
		position: relative
	}
	.m\:static\@lg {
		position: static
	}
	.header-language__link,
	.header-language__page {
		font-size: .24rem
	}
	.header-language__link:not(:last-child) {
		margin-bottom: .1rem
	}
	.home {
		overflow: visible
	}
	.home__wrapper {
		padding-top: 2.17rem
	}
	.home__decor {
		width: 100%;
		margin: 0
	}
	.home__title {
		margin-bottom: .4rem;
		font-size: 1.1rem;
		margin-bottom: .49rem
	}
	.home__title .icon {
		display: block;
		position: absolute;
		left: -1.25rem;
		top: .27rem;
		font-size: 1.01rem
	}
	.home__text {
		font-size: .34rem;
		margin-bottom: .13rem
	}
	.home__play {
		margin-top: 0
	}
	.home__play-box {
		font-size: 6.61rem
	}
	.home__play-circle._3 {
		font-size: .49319em;
		background: rgba(201, 255, 203, .15)
	}
	.showcase {
		padding: 0 0 1.3rem
	}
	.showcase-card__title {
		font-size: .64rem;
		margin-bottom: .14rem
	}
	.showcase-card-1 .adaptive-box {
		width: 9.29231rem;
		--adaptive-box: 76.73841%
	}
	.showcase-card-2__image {
		width: 2.6rem;
		margin: 300px auto .25rem
	}
	.showcase-card-2 .showcase-card__number {
		top: 0;
		font-size: 7rem
	}
	.info {
		padding: 1.92rem 0 .07rem
	}
	.info__decor {
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		font-size: 12.71rem;
		fill: none
	}
	.info__title {
		font-size: 1rem
	}
	.info__box {
		margin-bottom: 1.5rem
	}
	.info-card__number {
		font-size: 1.44rem
	}
	.share-section {
		padding: 2.75rem 0 .62rem
	}
	.share-section__decor {
		margin-bottom: -1.92rem
	}
	.share-section__decor-circle-box {
		font-size: 15.23rem
	}
	.share-section__image {
		width: 13rem;
		-webkit-transform: translateX(-.35rem);
		-ms-transform: translateX(-.35rem);
		transform: translateX(-.35rem);
		margin: 0 auto
	}
	.share-section__title {
		font-size: 2.88rem
	}
	.share-section__subtitle {
		font-size: .72rem
	}
	.plan-section__decor {
		height: 6.23rem;
		margin-bottom: -.33rem
	}
	.plan-section__decor-title {
		-webkit-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0)
	}
	.plan-section__decor-text {
		font-size: 6rem
	}
	.plan-section__list {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		-webkit-column-gap: .3rem;
		-moz-column-gap: .3rem;
		column-gap: .3rem
	}
	.plan-section__list li {
		padding-left: .62rem;
		padding-top: .07rem
	}
	.plan-section__list li:before {
		font-size: .62rem
	}
	.plan-section__btn {
		max-width: 4.66rem
	}
	.tariffs {
		padding: 2.86rem 0 .68rem
	}
	.tariffs__title {
		letter-spacing: .42em;
		font-size: .96rem
	}
	.tariffs__subtitle {
		font-size: .72rem
	}
	.tariffs__decor-text {
		top: 0;
		font-size: 6rem
	}
	.tariffs__card-box {
		margin: 0;
		padding: 0
	}
	.tariffs__grid {
		padding: 0
	}
	.tariffs-card__free,
	.tariffs-card__price-text {
		font-size: .24rem
	}
	.tariffs-card__plus {
		font-size: .3rem;
		margin-bottom: .03rem
	}
	.tariffs-card__list {
		margin: .23rem 0 .6rem
	}
	.tariffs-card__list li {
		font-size: .24rem;
		padding-top: .14rem
	}
	.tariffs-card__btn {
		max-width: 4.2rem
	}
	.goals-ticker--top {
		margin-bottom: .2rem
	}
	.goals-ticker--bottom {
		margin-bottom: -.76rem
	}
	.goals-ticker__wrapper {
		left: 0
	}
	.goals-ticker__item {
		width: 7.8rem
	}
	.goals__title {
		font-size: 1.18rem
	}
	.footer {
		padding: .63rem 0 .87rem
	}
	.footer__container {
		flex-direction: row
	}
	.footer__list {
		margin-bottom: 0
	}
	.footer__list-link {
		font-size: .24rem
	}
}

@media (min-width:1920px) {
	 :root {
		--width-max-window: 1920px
	}
}

@media (pointer:fine) {
	.btn--primary:hover {
		background: #fff
	}
	.link:hover {
		color: #444
	}
	.modal__close:hover {
		color: #a1efa4
	}
	.header-language__page {
		pointer-events: none
	}
	.header-language__link:hover {
		color: #a1efa4
	}
	.home__play-btn:hover {
		-webkit-transform: translate3d(-45%, -50%, 0) scale(1.1);
		transform: translate3d(-45%, -50%, 0) scale(1.1)
	}
	.footer__list-link:hover {
		color: #a1efa4
	}
}

/* Contact form */

.d-none {
	display: none !important;
}

.form__wrapper {
	position: relative;
}

.form-group {
	margin-bottom: .3rem;
}

.form-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
  
.form-control {
	display: block;
	width: 100%;
	padding: .2rem;
	font-size: 1em;
	font-weight: 500;
	line-height: 1;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
  
  .form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, .25);
  }
  
  .form-label {
	padding-left: .2rem;
	font-weight: 800;
	text-transform: uppercase;
	font-size: .85em;
	box-sizing: content-box;
  }
  
  .invalid-feedback {
	display: none;
	width: 100%;
	margin-top: .1rem;
	font-size: 80%;
	color: #dc3545;
  }
  
  input[type=checkbox],
  input[type=radio] {
	box-sizing: border-box;
	padding: 0;
  }
  
  textarea.form-control {
	overflow: auto;
	resize: vertical;
	height: auto;
  }
  
  /* Стили для секции, с помощью которой можно добавить к форме файлы */

  .form-attach__wrapper {
	position: relative;
	border: 2px dashed #e0e0e0;
	border-radius: 0.375rem;
	min-height: 50px;
  }
  
  .is-invalid .form-attach__wrapper {
	border-color: #dc3545;
  }
  
  .form-attach__wrapper input {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	cursor: pointer;
	display: block;
  }
  
  .form-attach__description {
	text-align: center;
	padding: .5rem;
	color: #757575;
	line-height: 1.5;
	font-size: .28rem;
  }
  
  .form-attach__items {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.5;
  }
  
  .form-attach__item {
	overflow: hidden;
	flex: 0 1 calc((100% / 3) - 0.48rem);
	margin: 0.24rem;
	font-size: .24rem;
	border: 1px solid #dedede;
	padding: 1rem 0.2rem;
	border-radius: 0.25rem;
	position: relative;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
  }

@media (max-width:767px) {
	.form-row>.form-group {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 5px;
		padding-left: 5px;
	}
	.form-attach__item {
		flex: 0 1 calc((100% / 2) - 0.48rem)
	}
}

@media (min-width:768px) {
	.form-row>.form-group {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 5px;
		padding-left: 5px;
	}
}
  
  .form-attach__image {
	display: block;
	max-width: 100%;
	height: auto;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #eee;
  }
  
  .form-attach__name {
	margin-top: auto;
	max-width: 100%;
	overflow: hidden;
	word-wrap: break-word;
	color: #757575;
	text-align: center;
  }
  
  .form-attach__size {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: .2rem;
	font-weight: bold;
	text-align: right;
  }
  
  .form-attach__link {
	position: absolute;
	top: 0;
	right: 0;
	padding: .2rem .2rem .35rem .35rem;
	color: inherit;
	cursor: pointer;
	float: right;
	font-size: .5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
  }
  
  .form-attach__item.is-valid {
	border-color: #28a745;
  }
  
  .form-attach__item.is-invalid {
	border-color: #dc3545;
  }
  
  .text-sm {
	font-size: .22rem;
	padding-top: .1rem;
  }
  
  /* Стили секции, в которой выводится капча */
  .form-captcha {
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
  }
  
  .form-captcha__image {
	border-radius: 4px;
	margin-right: 0.5rem;
  }
  
  .form-captcha__refresh {
	padding: 0.5rem 0.75rem;
	line-height: 1;
	border: 1px solid #ced4da;
	margin-right: 0.5rem;
	border-radius: 4px;
	cursor: pointer;
  }
  
  .form-captcha__refresh:hover {
	background-color: #eee;
  }
  
  .form-captcha__input {
	flex-grow: 1;
	position: relative;
	margin-bottom: 0;
  }
  
  @media (max-width: 400px) {
	.form-captcha {
	  flex-wrap: wrap;
	}
  
	.form-captcha__input {
	  min-width: 200px;
	  margin-top: 0.5rem;
	}
  }
  
  .form-captcha__input .invalid-feedback {
	position: absolute;
	bottom: -1.5rem;
  }
  
  /* CSS для секции "Пользовтельское соглашение" */
  .form-check {
	display: block;
	text-align: center;
	margin-bottom: 0;
  }
  
  .form-check-input.is-invalid,
  .was-validated .form-check-input:invalid {
	border-color: #dc3545;
  }
  
  .form-check-input {
	width: 1.2em;
	height: 1.2em;
	margin-top: 0.4em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, .25);
	border-radius: 0.25em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
  }
  
  .form-check .form-check-input {
	float: left;
	margin-left: -1.5em;
  }
  
  .form-check-input.is-invalid~.form-check-label,
  .was-validated .form-check-input:invalid~.form-check-label {
	color: #dc3545;
  }
  
  .form-check-input:checked[type=checkbox] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  }
  
  .form-check-input:checked {
	border-color: #9e9e9e;
	background-color: #9e9e9e;
  }
  
  .form-check-label {
	text-align: center;
	font-size: .24rem;
	font-weight: normal;
  }
  
  .is-invalid~.invalid-feedback,
  .is-invalid~.invalid-tooltip,
  .was-validated :invalid~.invalid-feedback,
  .was-validated :invalid~.invalid-tooltip {
	display: block;
  }
  
  .invalid-feedback {
	display: none;
	width: 100%;
	margin-top: .1rem;
	font-size: .875em;
	color: #dc3545;
  }
  
  .custom-control {
	position: relative;
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5rem;
  }
  
  .custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0;
  }
  
  .custom-control-label {
	position: relative;
	vertical-align: top;
  }
  
  .custom-checkbox .custom-control-label::before {
	border-radius: .25rem;
  }
  
  .custom-control-label::before {
	transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }
  
  .custom-control-label::before {
	position: absolute;
	top: .25rem;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	background-color: #fff;
	border: #adb5bd solid 1px;
  }
  
  .custom-control-label::after {
	position: absolute;
	top: .25rem;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
	background: no-repeat 50%/50% 50%;
  }
  
  .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
  }
  
  .custom-control-label::after {
	position: absolute;
	top: .25rem;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
	background: no-repeat 50%/50% 50%;
  }
  
  .custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #007bff;
	background-color: #007bff;
  }
  
  .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
  }
  
  .custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border-color: #80bdff;
  }
  
  .custom-control-input:active~.custom-control-label::before {
	color: #fff;
	background-color: #b3d7ff;
	border-color: #b3d7ff;
  }
  
  .form-agreement label {
	font-size: 0.875rem;
  }
  
  /* CSS для индикации полей форме при их валидности */
  .form-control.is-valid {
	border-color: #28a745;
	padding-right: .8rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center right .35rem;
	background-size: .3rem;
  }
  
  textarea.form-control.is-valid {
	padding-right: .8rem;
	background-position: top .35rem right .35rem;
  }
  
  .form-control.is-valid:focus {
	border-color: #28a745;
	box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, .25);
  }
  
  /* CSS для индикации полей форме при их не валидности */
  .form-control.is-invalid {
	border-color: #dc3545;
	padding-right: .8rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
	background-repeat: no-repeat;
	background-position: center right .35rem;
	background-size: .3rem;
  }
  
  textarea.form-control.is-invalid {
	padding-right: .8rem;
	background-position: top .35rem right .35rem;
  }
  
  
  .form-control.is-invalid:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, .25);
  }
  
  .form-control.is-invalid~.invalid-feedback,
  .is-invalid .invalid-feedback {
	display: block;
  }
  
  /* CSS для индикатора */
  .progress {
	display: -ms-flexbox;
	display: flex;
	height: .5rem;
	overflow: hidden;
	font-size: .36rem;
	background-color: #e9ecef;
	border-radius: .25rem;
	margin-top: .8rem;
  }
  
  .progress-bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #a1efa4;
	transition: width .6s ease;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
  }
  
  .form-submit {
	width: 100%;
	text-align: center;
	margin: .8rem 0 .3rem;
  }
  
  /* CSS для кнопки submit */
  button[type="submit"] {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 500px;
	background: #a1efa4;
	color: #1f1f22;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: .33rem 2rem .3rem 2rem;
	font-size: .24rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	position: relative;
	max-width: 5.2rem;
  }
  
  button[type="submit"]:hover {
	color: #fff;
	background-color: #1f1f22;
	border-color: #1f1f22;
  }
  
  button[type="submit"]:focus {
	outline: 0;
	box-shadow: 0 0 0 0.1rem rgba(38, 143, 255, 0.5);
  }
  
  button[type="submit"]:disabled {
	opacity: 0.65;
  }
  
  /* Стили для сообщения об ошибках */
  .form-error {
	position: relative;
	padding: .5rem 1rem 0.6rem;
	margin-bottom: 1rem;
	border-radius: .25rem;
	color: #dc3545;
	background-color: #dc35450d;
	border: 1px solid #dc3545;
  }
  
  .form-error_hide {
	display: none;
  }
  
  
  /* сообщение об успешной отправки формы */
  .form-success {
	position: absolute;
	top: -.3rem;
	left: -.3rem;
	right: -.3rem;
	bottom: -.3rem;
	z-index: 1000;
	display: flex;
	text-align: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.7);
	font-size: .32rem;
	line-height: 1.5;
	font-weight: normal;
	border-radius: 0.25rem;
  }
  
  .form-success_hide {
	display: none;
  }
  
  .form-success__message {
	position: relative;
	width: 100%;
	padding: .3rem;
	background-color: #fafafa;
  }
  
  .form-success__btn {
	font-weight: 400;
	color: #0d6efd;
	text-decoration: underline;
	border: none;
	background-color: transparent;
	display: inline;
	padding: 0;
  }