.svg-icon {
	text-align: center
}

.svg-icon svg {
	height: 20px
}

.svg-icon_upload path {
	fill: none;
	stroke: var(--color);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3px
}

.mdi-18px.mdi-set,
.mdi-18px.mdi:before {
	font-size: 18px
}

.mdi-24px.mdi-set,
.mdi-24px.mdi:before {
	font-size: 24px
}

.mdi-36px.mdi-set,
.mdi-36px.mdi:before {
	font-size: 36px
}

.mdi-48px.mdi-set,
.mdi-48px.mdi:before {
	font-size: 48px
}

.mdi-dark:before {
	color: rgba(0, 0, 0, .54)
}

.mdi-dark.mdi-inactive:before {
	color: rgba(0, 0, 0, .26)
}

.mdi-light:before {
	color: #fff
}

.mdi-light.mdi-inactive:before {
	color: hsla(0, 0%, 100%, .3)
}

.mdi-rotate-45:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.mdi-rotate-90:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.mdi-rotate-135:before {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.mdi-rotate-180:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.mdi-rotate-225:before {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg)
}

.mdi-rotate-270:before {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

.mdi-rotate-315:before {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg)
}

.mdi-flip-h:before {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-webkit-filter: FlipH;
	filter: FlipH;
	-ms-filter: "FlipH"
}

.mdi-flip-v:before {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	-webkit-filter: FlipV;
	filter: FlipV;
	-ms-filter: "FlipV"
}

.mdi-spin:before {
	-webkit-animation: mdi-spin 2s linear infinite;
	animation: mdi-spin 2s linear infinite
}

@-webkit-keyframes mdi-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes mdi-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

.icon .mdi-12px,
.mdi-12px {
	width: 12px;
	height: 12px
}

.icon .mdi-16px,
.mdi-16px {
	width: 16px;
	height: 16px
}

.icon .mdi-18px,
.mdi-18px {
	width: 18px;
	height: 18px
}

.icon .mdi-24px,
.mdi-24px {
	width: 24px;
	height: 24px
}

.icon .mdi-36px,
.mdi-36px {
	width: 36px;
	height: 36px
}

.icon .mdi-48px,
.mdi-48px {
	width: 48px;
	height: 48px
}

.tooltip {
	display: block !important;
	z-index: 10000
}

.tooltip:after,
.tooltip:before {
	content: none
}

.tooltip .tooltip-inner {
	background: #fffaeb;
	border: 1px solid #eadca9;
	border-radius: 4px;
	padding: 5px 10px 4px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.54;
	text-align: left;
	color: #2e2e49;
	max-width: 280px
}

.tooltip .tooltip-arrow {
	margin: 5px;
	border-color: #eadca9
}

.tooltip .tooltip-arrow,
.tooltip .tooltip-arrow:after {
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	z-index: 1
}

.tooltip .tooltip-arrow:after {
	content: "";
	border-color: #fffaeb
}

.tooltip[x-placement^=top] {
	margin-bottom: 8px
}

.tooltip[x-placement^=top] .tooltip-arrow {
	bottom: -8px;
	left: calc(50% - 8px)
}

.tooltip[x-placement^=top] .tooltip-arrow,
.tooltip[x-placement^=top] .tooltip-arrow:after {
	border-width: 8px 8px 0 8px;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
	margin-top: 0;
	margin-bottom: 0
}

.tooltip[x-placement^=top] .tooltip-arrow:after {
	left: -8px;
	bottom: 1px
}

.tooltip[x-placement^=bottom] {
	margin-top: 8px
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
	top: -8px;
	left: calc(50% - 8px)
}

.tooltip[x-placement^=bottom] .tooltip-arrow,
.tooltip[x-placement^=bottom] .tooltip-arrow:after {
	border-width: 0 8px 8px 8px;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-top-color: transparent !important;
	margin-top: 0;
	margin-bottom: 0
}

.tooltip[x-placement^=bottom] .tooltip-arrow:after {
	left: -8px;
	bottom: -9px
}

.tooltip[x-placement^=right] {
	margin-left: 8px
}

.tooltip[x-placement^=right] .tooltip-arrow {
	border-width: 8px 8px 8px 0;
	border-left-color: transparent !important;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
	left: -8px;
	top: calc(50% - 8px);
	margin-left: 0;
	margin-right: 0
}

.tooltip[x-placement^=left] {
	margin-right: 8px
}

.tooltip[x-placement^=left] .tooltip-arrow {
	border-width: 8px 0 8px 8px;
	border-top-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
	right: -8px;
	top: calc(50% - 8px)
}

.tooltip.popover .popover-inner {
	background: #fffaeb;
	color: #000;
	padding: 4px 12px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 30px rgba(0, 0, 0, .1)
}

.tooltip.popover .popover-arrow {
	border-color: #eadca9
}

.tooltip[aria-hidden=true] {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .15s, visibility .15s;
	transition: opacity .15s, visibility .15s
}

.tooltip[aria-hidden=false] {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .15s;
	transition: opacity .15s
}

@font-face {
	font-family: Gilroy;
	src: url(/static/fonts/Gilroy/Regular.woff2) format("woff2"), url(/static/fonts/Gilroy/Regular.woff) format("woff"), url(/static/fonts/Gilroy/Regular.ttf) format("ttf"), url(/static/fonts/Gilroy/Regular.eot) format("eot");
	font-weight: 400
}

@font-face {
	font-family: Gilroy;
	src: url(/static/fonts/Gilroy/Medium.woff2) format("woff2"), url(/static/fonts/Gilroy/Medium.woff) format("woff"), url(/static/fonts/Gilroy/Medium.ttf) format("ttf"), url(/static/fonts/Gilroy/Medium.eot) format("eot");
	font-weight: 500
}

@font-face {
	font-family: Gilroy;
	src: url(/static/fonts/Gilroy/SemiBold2.woff2) format("woff2"), url(/static/fonts/Gilroy/SemiBold.woff) format("woff"), url(/static/fonts/Gilroy/SemiBold.ttf) format("ttf"), url(/static/fonts/Gilroy/SemiBold.eot) format("eot");
	font-weight: 600
}

html {
	overflow-y: auto
}

body,
html {
	position: relative;
	height: 100%
}

a,
label {
	-webkit-tap-highlight-color: transparent
}

.select select {
	border: solid 1.2px var(--color-bg-2, #dbdbdb);
	color: var(--color-bg-text, #4a4a4a);
	background: var(--color-bg-quiz, #fff)
}

.select select option {
	color: var(--color-bg-text, #4a4a4a) !important
}

.select:not(.is-multiple) {
	height: 2.25em
}

.select.is-empty select {
	color: var(--color-bg-5, hsla(0, 0%, 47.8%, .7))
}

.icon {
	width: 1.2rem;
	height: 1.2rem
}

.icon svg {
	width: 24px;
	height: 24px
}

#app,
.app-wrapper {
	position: relative;
	height: 100%
}

#app {
	font-family: var(--font), Gilroy, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	--color-danger: #d10a34;
	--color-success: #52bc77;
	--color-danger-light: rgba(209, 10, 52, 0.05);
	--color-success-light: rgba(59, 173, 75, 0.05)
}

#app input,
#app textarea {
	border-radius: 4px;
	-ms-touch-action: none;
	touch-action: none
}

#app input.is-danger,
#app textarea.is-danger {
	color: var(--color-danger);
	border-color: var(--color-danger)
}

#app input,
#app textarea {
	border: solid 1.2px var(--color-bg-3, #b1b5be);
	color: var(--color-bg-text, #363636);
	background: none
}

#app input {
	background-color: var(--color-bg-1, #f7f7f7)
}

#app input[type=number] {
	background: none
}

#app input::-webkit-input-placeholder,
#app textarea::-webkit-input-placeholder {
	color: var(--color-bg-6, rgba(54, 54, 54, .3))
}

#app input::-moz-placeholder,
#app textarea::-moz-placeholder {
	color: var(--color-bg-6, rgba(54, 54, 54, .3))
}

#app input:-ms-input-placeholder,
#app textarea:-ms-input-placeholder {
	color: var(--color-bg-6, rgba(54, 54, 54, .3))
}

#app input::-ms-input-placeholder,
#app textarea::-ms-input-placeholder {
	color: var(--color-bg-6, rgba(54, 54, 54, .3))
}

#app input::placeholder,
#app textarea::placeholder {
	color: var(--color-bg-6, rgba(54, 54, 54, .3))
}

#app .help.counter {
	color: var(--color-bg-alpha7) !important
}

#app .control-label {
	color: var(--color-bg-text, #4a4a4a)
}

#app .has-text-grey-light {
	color: var(--color-bg-alpha7, #b5b5b5) !important
}

#app .has-text-danger {
	color: var(--color-danger) !important
}

#app .help.is-danger {
	color: var(--color-danger)
}

#app .input,
#app .textarea {
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 2.6em
}

#app .icon.is-large {
	height: 4rem;
	font-size: 1.8rem
}

#app .icon.is-large .mdi {
	font-size: 29px
}

.dark code {
	background-color: var(--color-bg-7)
}

.button {
	font-size: 18px !important;
	padding: 12px 30px;
	min-height: 43px;
	height: auto;
	border-radius: 24px;
	border: none;
	line-height: 1.3rem
}

.button .icon {
	margin-right: 5px
}

.button .icon i:before {
	font-size: 18px !important
}

.button .icon svg {
	width: 18px;
	height: 18px
}

.button .icon:first-child:last-child {
	margin-left: calc(-.375em - 1px);
	margin-right: calc(-.375em - 1px)
}

.button .icon:first-child:not(:last-child) {
	margin-left: calc(-.375em - 1px);
	margin-right: .1875em
}

.button .icon:last-child:not(:first-child) {
	margin-right: calc(-.375em - 1px);
	margin-left: .1875em
}

.button_color_theme {
	color: var(--color-primary-text-button);
	background-color: var(--color) !important;
	-webkit-box-shadow: 0 3px 10px 0 var(--color-alpha);
	box-shadow: 0 3px 10px 0 var(--color-alpha);
	will-change: box-shadow;
	-webkit-transition: -webkit-box-shadow .2s ease-in;
	transition: -webkit-box-shadow .2s ease-in;
	transition: box-shadow .2s ease-in;
	transition: box-shadow .2s ease-in, -webkit-box-shadow .2s ease-in
}

.button_color_theme:focus,
.button_color_theme:hover {
	color: var(--color-primary-text-button);
	opacity:.8;
	-webkit-box-shadow: 0 3px 15px 0 var(--color-alpha) !important;
	box-shadow: 0 3px 15px 0 var(--color-alpha) !important
}

.button_color_theme:focus {
	-webkit-box-shadow: 0 2px 8px 0 var(--color-alpha) !important;
	box-shadow: 0 2px 8px 0 var(--color-alpha) !important
}

.button.is-primary {
	background: var(--color);
	color: var(--color-primary-text-button)
}

.button.is-primary:focus,
.button.is-primary:hover {
	background: var(--color-darken10);
	color: var(--color-primary-text-button)
}

.button.is-square {
	border-radius: 4px
}

.button.is-outline {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid var(--color);
	color: var(--color);
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.button.is-outline:not([disabled]):hover {
	background-color: var(--color);
	color: var(--color-primary-text-button)
}

.tag:not(body).is-primary,
.tag:not(body).is-primary:focus,
.tag:not(body).is-primary:hover {
	background: var(--color);
	color: var(--color-primary-text-button)
}

.modal {
	z-index: 100 !important
}

.modal-background {
	z-index: 110 !important
}

.modal-content {
	z-index: 120 !important
}

a,
a:focus,
a:visited {
	color: var(--color);
	text-decoration: none
}

a:focus,
a:hover {
	text-decoration: underline;
	color: var(--color-bg-alpha7, #363636)
}

.title {
	font-weight: 300
}

@media (max-width:767px) {

	.notification .title,
	.tile .title {
		font-size: 26px
	}
}

.p-0 {
	padding: 0 !important
}

.button_rounded {
	border-radius: 36px
}

.b-radio.radio {
	line-height: 1.5;
	z-index: 10
}

.b-radio.radio input[type=radio]+.check {
	border: none;
	background-color: var(--color-bg-2, #e8e8e8)
}

.b-radio.radio input[type=radio]+.check:before {
	background-color: transparent
}

.b-radio.radio input[type=radio]:checked+.check {
	-webkit-box-shadow: 0 2px 6px 0 var(--color-alpha) !important;
	box-shadow: 0 2px 6px 0 var(--color-alpha) !important;
	border: 2px solid var(--color);
	background: var(--color-bg-2, #fff)
}

.b-radio.radio input[type=radio]:checked+.check:before {
	background: var(--color);
	background-size: 21px
}

.b-radio.radio:hover input[type=radio]:checked+.check {
	border-color: var(--color)
}

.b-radio.radio:focus input[type=radio]+.check {
	-webkit-box-shadow: none;
	box-shadow: none
}

.b-radio.radio:not(.button) {
	margin-right: 0
}

.input,
.select select,
.textarea {
	padding: calc(.375em - 1px) calc(.625em - 1px);
	height: 2.25em
}

.control.has-icons-left .input {
	padding-left: 2.25em
}

.control.has-icons-right .input {
	padding-right: 2.25em
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
	width: 2.25em
}

.b-checkbox.checkbox {
	line-height: 1.5;
	z-index: 10
}

.b-checkbox.checkbox input[type=checkbox]+.check {
	border: none;
	background-color: var(--color-bg-2, #e8e8e8)
}

.b-checkbox.checkbox input[type=checkbox]:checked+.check {
	background-color: var(--color);
	background-size: .9rem;
	-webkit-box-shadow: none;
	box-shadow: none
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked+.check {
	-webkit-box-shadow: none;
	box-shadow: none
}

.b-checkbox.checkbox:not(.button) {
	margin-right: 0
}

@-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes flash {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		opacity: .8
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes flash {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		opacity: .8
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	to {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

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

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

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

p {
	margin-bottom: .5rem
}

p:last-child {
	margin-bottom: 0
}

body,
button,
select {
	font-family: var(--font), Gilroy, Helvetica, Arial, sans-serif
}

@media (min-width:819px) {
	.columns.is-desktop-modal {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.button {
	-webkit-tap-highlight-color: transparent
}

.button.is-blicked {
	overflow-x: hidden
}

.button.is-blicked:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, .1)), color-stop(20%, hsla(0, 0%, 100%, .2)), to(hsla(0, 0%, 100%, .6)));
	background: linear-gradient(90deg, hsla(0, 0%, 100%, .1) 10%, hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .6));
	width: 20px;
	-webkit-transform: skewX(-45deg);
	transform: skewX(-45deg);
	left: -20%;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-animation-name: blick;
	animation-name: blick;
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.button.is-retry {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	color: var(--color);
	background: var(--color-alpha3) !important;
	-webkit-box-shadow: unset !important;
	box-shadow: unset !important
}

.button.is-primary {
	overflow: hidden
}

.button.is-primary:not(.is-outline).has-hover-shadow:focus,
.button.is-primary:not(.is-outline).has-hover-shadow:hover,
.button.is-primary:not(.is-outline).has-shadow {
	-webkit-box-shadow: 0 6px 21px 0 var(--color-alpha);
	box-shadow: 0 6px 21px 0 var(--color-alpha)
}

.button.is-primary:not(.is-outline).has-light-shadow {
	-webkit-box-shadow: 0 1px 4px 0 var(--color-alpha2);
	box-shadow: 0 1px 4px 0 var(--color-alpha2)
}

.button__preloader {
	position: relative
}

.button__preloader_top:before {
	content: "";
	position: absolute;
	top: 0;
	width: 0;
	height: 5px;
	background: var(--color-darken10);
	-webkit-animation: button__preloader 2s ease-in-out infinite;
	animation: button__preloader 2s ease-in-out infinite
}

.app .swiper-container {
	width: 100%
}

.app .swiper-wrapper {
	margin-top: 0;
	margin-bottom: 20px
}

.app .swiper-button-next,
.app .swiper-button-prev {
	background-image: none;
	height: 70px
}

.app .swiper-button-next .icon,
.app .swiper-button-prev .icon {
	top: 0;
	position: absolute;
	background: var(--color-bg-8, #dbdbdb) !important;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 5px 0 var(--color-bg-alpha2, rgba(0, 0, 0, .2));
	box-shadow: 0 0 5px 0 var(--color-bg-alpha2, rgba(0, 0, 0, .2))
}

.app .swiper-button-next .icon svg,
.app .swiper-button-prev .icon svg {
	color: var(--color-text2)
}

.app .swiper-button-next.swiper-button-disabled,
.app .swiper-button-prev.swiper-button-disabled {
	opacity: 0
}

.app .swiper-button-prev .icon {
	-webkit-transform: translate(7px, -50%) !important;
	transform: translate(7px, -50%) !important;
	left: -15px
}

.app .swiper-button-next .icon {
	-webkit-transform: translate(-8px, -50%) !important;
	transform: translate(-8px, -50%) !important;
	right: -15px
}

.app .swiper-slide {
	width: 180px
}

.app .swiper-pagination-fraction {
	top: -4px
}

.app .swiper-scrollbar {
	background: var(--color-bg-2);
	height: 4px;
	width: 100%;
	left: 0;
	border-radius: 4px
}

.app .swiper-scrollbar-drag {
	background: var(--color)
}

p .emoji {
	margin-bottom: -2px
}

.u-points:after {
	content: "...";
	-webkit-animation: dots .6s infinite;
	animation: dots .6s infinite
}

.hide-scrollbar {
	scrollbar-width: none;
	-ms-overflow-style: none
}

.hide-scrollbar::-webkit-scrollbar {
	display: none
}

.html-content ol,
.html-content ul {
	padding-left: 1.5rem;
	margin: .75rem 0
}

.html-content ol ol,
.html-content ol ul,
.html-content ul ol,
.html-content ul ul {
	margin: .25rem 0
}

.html-content ol p,
.html-content ul p {
	margin: 0
}

.html-content ol:last-child,
.html-content ul:last-child {
	margin-bottom: 0
}

.html-content ul {
	list-style: disc
}

.html-content blockquote {
	border-left: 3px solid var(--light-grey-blue);
	padding-left: .6rem;
	font-style: italic;
	margin: .75rem 0;
	text-align: left
}

.html-content blockquote ol,
.html-content blockquote ul {
	display: block !important
}

.html-content blockquote:last-child {
	margin-bottom: 0
}

.html-content hr {
	margin: .75rem 0
}

.html-content h1,
.html-content h2,
.html-content h3,
.html-content h4,
.html-content h5,
.html-content h6 {
	font-size: 22px;
	margin-top: 24px;
	margin-bottom: 14px;
	color: var(--color-bg-text, #363636);
	font-weight: 500
}

.html-content h1:first-child,
.html-content h2:first-child,
.html-content h3:first-child,
.html-content h4:first-child,
.html-content h5:first-child,
.html-content h6:first-child {
	margin-top: 0
}

@media (max-width:818px) {

	.html-content h1,
	.html-content h2,
	.html-content h3,
	.html-content h4,
	.html-content h5,
	.html-content h6 {
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 10px
	}
}

strong {
	font-weight: 700;
	color: inherit
}

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

	25% {
		content: "."
	}

	50% {
		content: ".."
	}

	75% {
		content: "..."
	}
}

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

	25% {
		content: "."
	}

	50% {
		content: ".."
	}

	75% {
		content: "..."
	}
}

@-webkit-keyframes button__preloader {
	0% {
		width: 0;
		left: 0
	}

	50% {
		width: 100%;
		left: 0
	}

	to {
		width: 0;
		left: 100%
	}
}

@keyframes button__preloader {
	0% {
		width: 0;
		left: 0
	}

	50% {
		width: 100%;
		left: 0
	}

	to {
		width: 0;
		left: 100%
	}
}

.layout {
	height: 100%
}

.layout__footer {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 1.5rem 1rem 1rem
}

@media (max-width:767px) {
	.layout__footer {
		position: static
	}
}

.radio-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px
}

@media (max-width:400px) {
	.radio-buttons {
		height: 30px
	}
}

.radio-buttons__button {
	cursor: pointer;
	padding: 0 10px;
	min-width: 58px;
	line-height: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	height: 40px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
	background-color: var(--color-bg-7, var(--white-two))
}

@media (max-width:400px) {
	.radio-buttons__button {
		height: 30px
	}
}

.radio-buttons__button_selected~.radio-buttons__button {
	border-left: 0
}

.radio-buttons__button_selected {
	border: solid 1px var(--color);
	background-color: var(--color-alpha3);
	z-index: 10
}

.radio-buttons__button:first-child {
	border-radius: 4px 0 0 4px
}

.radio-buttons__button:last-child {
	border-radius: 0 4px 4px 0
}

.radio-buttons__button:hover {
	background-color: var(--color-alpha2);
	z-index: 10
}

.radio-buttons__icon {
	margin: 0 10px
}

.radio-buttons__text {
	color: var(--color-bg-text, #2e2e54);
	font-size: 14px;
	font-weight: 500
}

@media (max-width:400px) {
	.radio-buttons__text {
		font-size: 12px
	}
}

@media (min-width:819px) {
	.welcome {
		background: url(/static/bg.jpg) 50% 100% no-repeat;
		background-size: cover
	}
}

@media (min-width:1024px) {
	.welcome .hero-body {
		padding: 3rem
	}
}

.welcome .title {
	font-size: 36px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: var(--color-bg-text, #000)
}

@media (min-width:819px) {
	.welcome .title {
		max-width: 383px;
		max-height: 77px
	}
}

.welcome .subtitle {
	margin-top: 2.4rem !important;
	font-weight: 700;
	font-size: 18px;
	text-align: left;
	color: var(--color-bg-text, #000)
}

.welcome__text {
	text-align: left;
	font-size: 18px;
	max-width: 550px;
	margin-bottom: 2rem;
	color: #5f6980
}

.welcome__text p {
	margin-bottom: 1rem
}

.welcome__buttons {
	margin-top: 2rem;
	text-align: left
}

.welcome__language {
	border: 1px solid var(--white)
}

.welcome__language-selector {
	border-radius: 4px;
	background-color: #fff;
	position: absolute;
	top: 10px;
	right: 10px
}

@media (max-width:767px) {
	.welcome__language-selector {
		right: 15px
	}
}

.welcome__image img {
	-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .15);
	border-radius: 10px
}

.welcome__image,
.welcome__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.welcome .button {
	font-size: 16px !important;
	color: #5f6980
}

.welcome .button.is-primary {
	font-size: 18px !important;
	color: #fff
}

.welcome .button:focus,
.welcome .button:hover {
	text-decoration: none
}

.disabled {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.5rem
}

@media (max-width:767px) {
	.disabled {
		font-size: 1.25rem
	}
}

.disabled__emoji {
	display: block;
	width: 44px;
	height: 44px;
	margin-bottom: 10px
}

@media (max-width:767px) {
	.disabled__emoji {
		width: 34px;
		height: 34px
	}
}

.disabled__text {
	color: var(--color-bg-text, #363636);
	text-align: center
}

[data-v-d21d9eaa]:root {
	--light-grey-blue: #b1b5be;
	--gray: #e2e2e2;
	--dark-grey-blue: #2e2e54;
	--light-blue-grey: #d2d4d8;
	--white-two: #f7f7f7;
	--grey-blue: #69748c;
	--black: #000
}

@-webkit-keyframes fade-hide-button-data-v-d21d9eaa {
	0% {
		opacity: 0
	}

	30% {
		opacity: 0
	}

	to {
		opacity: .53
	}
}

@keyframes fade-hide-button-data-v-d21d9eaa {
	0% {
		opacity: 0
	}

	30% {
		opacity: 0
	}

	to {
		opacity: .53
	}
}

.whitelabel[data-v-d21d9eaa] {
	white-space: nowrap
}

.whitelabel__container[data-v-d21d9eaa] {
	font-size: 12px;
	padding: 10px 0;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.whitelabel__container[data-v-d21d9eaa],
.whitelabel a[data-v-d21d9eaa] {
	color: var(--color-bg-6, #7e8ca8);
	opacity: 1 !important;
	visibility: visible !important
}

.whitelabel a[data-v-d21d9eaa] {
	display: block !important;
	font-weight: 900
}

.whitelabel__icon[data-v-d21d9eaa] {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	height: 13px
}

.whitelabel__icon-bg[data-v-d21d9eaa] {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	width: 19px;
	opacity: 1 !important;
	visibility: visible !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 8px;
	padding: 3px;
	border-radius: 2px;
	background: var(--color-white-label, none)
}

.quiz-container_rtl .whitelabel__icon-bg[data-v-d21d9eaa],
.start-page_rtl .whitelabel__icon-bg[data-v-d21d9eaa] {
	margin-left: 5px
}

svg[data-v-0833fa94] {
	height: 18px;
	border-radius: 50px;
	background: #fff;
	fill: var(--color);
	padding: 5px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.image-with-loader {
	height: 44px;
	width: 44px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 44px;
	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;
	margin: 22px 24px;
	background-image: unset
}

.image-with-loader img {
	opacity: 1;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out
}

.image-with-loader_loading {
	background-image: url(../img/spin-loader.a211b89a.svg);
	background-position: cover;
	background-size: 100%
}

.image-with-loader_loading img {
	opacity: 0
}

.bonus {
	position: relative;
	width: 100%;
	height: var(--bonus-height);
	background: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-main)));
	background: linear-gradient(var(--gradient-main));
	border-radius: 5px;
	line-height: 1.2;
	margin-bottom: 15px
}

@media (max-width:767px) {
	.bonus {
		margin-bottom: 10px
	}
}

.bonus:last-child {
	margin-bottom: 0
}

.bonus:not(.bonus_type_custom) .bonus__text {
	text-shadow: none
}

.bonus__wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	height: 100%;
	background-size: 70px;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 10% 10px;
	-webkit-box-shadow: 1.9px 6.7px 7px 0 rgba(0, 0, 0, .1);
	box-shadow: 1.9px 6.7px 7px 0 rgba(0, 0, 0, .1)
}

.bonus__layer {
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .55)));
	background: linear-gradient(90deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .55))
}

.bonus__layer,
.bonus__lock {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.bonus__lock {
	height: 100%;
	width: 100%;
	z-index: 2;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}

.bonus__lock-icon {
	position: absolute;
	right: 0;
	top: 0;
	left: unset;
	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;
	-webkit-transform: translate(40%, -40%);
	transform: translate(40%, -40%);
	background-color: #8d8d8d;
	border-radius: 100%;
	z-index: 2;
	height: 25px;
	width: 25px;
	border: 4px solid #fff;
	-webkit-box-shadow: 0 4px 10px 0 var(--color-bg-alpha2, rgba(0, 0, 0, .1));
	box-shadow: 0 4px 10px 0 var(--color-bg-alpha2, rgba(0, 0, 0, .1))
}

.bonus__lock-icon svg {
	z-index: 2;
	fill: #fff;
	height: 11px !important
}

.bonus__unlock {
	width: 18px;
	height: 18px;
	position: relative
}

.bonus__unlock svg {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-animation: pulse 1s ease 0s infinite;
	animation: pulse 1s ease 0s infinite;
	-webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, .1);
	box-shadow: 1px 3px 4px rgba(0, 0, 0, .1)
}

.bonus__unlock:hover svg {
	fill: var(--color-lighten)
}

.bonus__unlock+.bonus__emoji {
	display: none
}

.bonus__text {
	position: absolute;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	right: 9%;
	max-height: 60%;
	top: 20%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 60%;
	max-width: 66%;
	text-align: right;
	word-break: break-word;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .2)
}

.bonus_locked {
	cursor: not-allowed
}

.bonus_unlocked {
	cursor: pointer
}

.bonus_type_custom .bonus__wrapper {
	background-size: cover;
	background-position: 50%
}

.bonus_type_icon {
	background: #dbdada
}

.bonus_type_icon .bonus__wrapper {
	background-size: auto 44px;
	background-position: 11px 50%;
	-webkit-box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, .1);
	box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, .1)
}

@media (max-width:375px) {
	.bonus_type_icon .bonus__wrapper {
		background-size: 38px 38px;
		background-position: 10% 50%
	}
}

.bonus_type_icon .bonus__text {
	text-shadow: none;
	color: var(--grey-blue);
	max-width: 50%
}

.bonus_type_icon .bonus__layer {
	display: none
}

.bonus_type_icon .bonus__unexpanded .bonus__wrapper {
	background-size: auto
}

.bonus__emoji {
	margin: 22px 13px;
	z-index: 1
}

.bonus_type_emoji {
	background: none
}

.bonus_type_emoji .bonus__wrapper {
	-webkit-box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, .1);
	box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, .1)
}

.bonus_type_emoji .bonus__lock-icon {
	background-color: #8d8d8d
}

.bonus_type_emoji .bonus__text {
	color: var(--grey-blue);
	max-width: 60%;
	text-shadow: none
}

.bonus_type_emoji.bonus_locked .bonus__layer,
.bonus_type_emoji.bonus_unlocked .bonus__layer {
	background: #d1d1d1;
	opacity: 1
}

@media (max-width:1118px) {
	.bonus_unexpanded.bonus.bonus_type_custom .bonus__wrapper {
		background-size: cover
	}

	.bonus_unexpanded.bonus.bonus_type_icon .bonus__wrapper {
		background-size: auto 29px
	}

	.bonus_unexpanded.bonus {
		margin-right: 6px;
		background: #dbdada;
		border-radius: 8px
	}

	.bonus_unexpanded.bonus .bonus__text {
		display: none
	}

	.bonus_unexpanded.bonus .bonus__emoji {
		width: 28px;
		height: 28px;
		margin: 0 auto
	}

	.bonus_unexpanded.bonus .bonus__lock {
		display: none
	}

	.bonus_unexpanded.bonus .bonus__lock-icon {
		height: 14.4px;
		width: 14.4px;
		border-width: 2px;
		background-color: #dbdada;
		position: absolute;
		right: 5px;
		top: -1px
	}

	.bonus_unexpanded.bonus .bonus__lock-icon svg {
		fill: var(--grey-blue);
		height: 6px !important
	}

	.bonus_unexpanded.bonus .bonus__wrapper {
		border-radius: 8px;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-size: 31px 33.5px;
		background-position: 50%;
		background-color: #dbdada
	}

	.bonus_unexpanded.bonus .bonus__layer {
		display: none
	}
}

.bonus_expanded.bonus {
	background: #dbdada;
	background-image: none;
	height: var(--bonus-height);
	margin-bottom: 13px;
	border-radius: 9px;
	-webkit-box-shadow: none;
	box-shadow: none
}

.bonus_expanded.bonus.bonus_type_icon .bonus__wrapper {
	background-size: auto 38px;
	background-position: 8px 50%
}

@media (max-width:360px) {
	.bonus_expanded.bonus.bonus_type_icon .bonus__wrapper {
		background-size: auto 35px
	}
}

.bonus_expanded.bonus.bonus_type_icon .bonus__layer {
	display: none
}

.bonus_expanded.bonus.bonus_type_icon .bonus__text {
	color: var(--grey-blue);
	text-shadow: none
}

.bonus_expanded.bonus__locked {
	cursor: pointer
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom) .bonus__layer {
	display: none
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom) .bonus__text {
	color: var(--grey-blue);
	text-shadow: none
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom) .bonus__wrapper {
	background-size: 55px 59px;
	background-position-y: 4px
}

@media (max-width:360px) {
	.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom).bonus_single .bonus__wrapper {
		background-size: 35px 35px;
		background-position: 7px 6px
	}
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom).bonus_single.bonus_type_emoji img {
	height: 30px;
	width: 30px
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom).bonus_single.bonus_type_emoji .bonus__emoji {
	margin-left: 2px
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom).bonus_type_emoji img {
	height: 40px;
	width: 40px
}

.bonus_expanded.bonus:not(.bonus_type_icon) .bonus_expanded.bonus:not(.bonus_type_custom).bonus_type_emoji .bonus__emoji {
	margin-left: 6.5px
}

.bonus_expanded.bonus:has(.bonus_type_custom) .bonus__wrapper {
	background-size: cover;
	background-position: 50%
}

.bonus_expanded.bonus:has(.bonus_type_custom) .bonus__wrapper.bonus__text {
	color: var(--white)
}

.bonus_expanded.bonus .bonus__lock {
	display: none
}

.bonus_expanded.bonus .bonus__wrapper {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 8px
}

.bonus_expanded.bonus .bonus__lock-icon {
	height: 18px !important;
	width: 18px !important;
	right: 17px;
	top: -2px;
	border-width: 2px;
	background-color: #dbdada
}

.bonus_expanded.bonus .bonus__lock-icon svg {
	fill: var(--grey-blue);
	height: 8px !important
}

.bonus_expanded.bonus .bonus__text {
	font-style: normal;
	font-weight: 600;
	font-size: 11px;
	line-height: 13px;
	text-align: right;
	margin-right: 11px;
	max-width: 50%;
	text-overflow: ellipsis;
	right: 0;
	left: auto
}

.bonuses {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.bonuses_direction_row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.bonuses_direction_row .bonuses__bonus {
	width: 195px
}

.bonuses_direction_row .bonuses__bonus:last-child {
	margin-left: 15px
}

.bonuses_direction_row .bonuses__bonus:first-child {
	margin-left: 0
}

@media (max-width:375px) {
	.bonuses_direction_row.bonuses_count_2 .bonus_type_emoji .bonus__text {
		font-size: 11px;
		left: 55px
	}
}

@media (max-width:375px) {
	.bonuses_direction_row.bonuses_count_2 .bonus_type_emoji .bonus__emoji {
		width: 38px;
		height: 38px;
		margin: 10px
	}
}

@media (max-width:767px) {
	.bonuses_direction_row-mobile {
		grid-gap: 10px;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: var(--bonus-height)
	}
}

.quiz-container_rtl .bonuses_direction_row .bonuses__bonus:first-child:not(:last-child),
.start-page_rtl .bonuses_direction_row .bonuses__bonus:first-child:not(:last-child) {
	margin-left: 15px
}

.cookie-notice {
	background-color: #fff;
	width: 100%;
	position: relative;
	z-index: 100
}

.cookie-notice__bg {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: var(--color-alpha3);
	z-index: 10
}

.cookie-notice__banner {
	padding: 11px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 56px;
	text-align: left;
	max-width: 800px;
	margin: 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.29;
	color: var(--dark-grey-blue);
	position: relative;
	z-index: 20
}

.cookie-notice__banner img {
	width: 42px;
	margin-right: 1rem
}

.cookie-notice__banner .button {
	background-color: #fff;
	margin-left: 1rem;
	border-radius: 30px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
	padding: 4px 12px;
	min-height: 20px;
	font-size: 14px !important
}

@media (max-width:767px) {
	.cookie-notice__banner {
		font-size: 11px
	}

	.cookie-notice__banner img {
		display: none
	}
}

video[data-v-358501e0] {
	outline: none
}

.video-player-youtube,
.video-player-youtube__poster {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.video-player-youtube__poster {
	background: 50%/cover no-repeat
}

.video-player-vimeo,
.video-player-vimeo__poster {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.video-player-vimeo__poster {
	background: 50%/cover no-repeat
}

iframe.video-player-coub {
	pointer-events: all !important
}

iframe.video-player-coub.coub-player_is-playing {
	pointer-events: none !important
}

.video-player {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.video-player iframe,
.video-player video {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	min-height: 100%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.video-player__loading {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--color-bg-1, #d2d4d8) url(../img/loader.4c98b8f7.svg) no-repeat calc(50% + 40px) 50%;
	background-size: 160px
}

.video-player__stub {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-bg-1, #d2d4d8);
	background-image: url(../img/video-off-outline.42c83ef3.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	z-index: 1
}

.video-player__mute,
.video-player__replay {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 60px;
	z-index: 2;
	background: 50%/contain no-repeat;
	cursor: pointer
}

.video-player__mute:hover {
	display: block
}

.video-player__mute_on {
	background-image: url(../img/volume-high-shadow.ead9a291.png)
}

.video-player__mute_off {
	background-image: url(../img/volume-off-shadow.f332dbff.png)
}

.video-player__replay {
	background-image: url(../img/replay-shadow.8d612fd4.png)
}

.video-player__button {
	background-color: none;
	border: 0
}

.video-player__button_visible {
	display: block
}

.video-player__button:active {
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

.video-player__button:focus {
	outline: none
}

.video-player__button:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.arrow {
	width: 14px;
	height: 10px
}

.arrow_animation {
	-webkit-animation-name: move-arrow;
	animation-name: move-arrow;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes move-arrow {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	50% {
		-webkit-transform: translateY(60%);
		transform: translateY(60%)
	}

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

@keyframes move-arrow {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	50% {
		-webkit-transform: translateY(60%);
		transform: translateY(60%)
	}

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

.discount-badge {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	white-space: nowrap;
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content
}

.discount-badge:after {
	content: "";
	position: absolute;
	background-color: #f7cd47;
	width: 16px;
	height: 16px;
	right: -6px;
	border-radius: 4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 2px;
	z-index: 1
}

.discount-badge:before {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #c39c23;
	z-index: 3;
	right: 0
}

.discount-badge_without-title .discount-badge__value {
	border-radius: 4px;
	margin-left: 0
}

.discount-badge__title {
	font-size: 11px;
	font-weight: 500;
	border-radius: 4px;
	background-color: #faf1d6;
	padding: 4px 15px 4px 5px;
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	word-break: break-word;
	text-overflow: ellipsis
}

.discount-badge__title,
.discount-badge__value {
	font-style: normal;
	font-stretch: normal;
	line-height: 12px;
	height: 20px;
	letter-spacing: normal;
	text-align: left;
	color: #222;
	border: 1px solid #f7cd47
}

.discount-badge__value {
	position: relative;
	margin-left: -10px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 700;
	background-color: #f7cd47;
	padding: 1px 12px 0 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0 4px 4px 0;
	z-index: 2
}

.discount-badge__value svg {
	width: 14px;
	fill: #222
}

.discount-badge_has-effect:after {
	right: -8px
}

.discount-badge_has-effect .discount-badge__title {
	background-color: #f7cd47;
	font-weight: 600;
	line-height: 10px;
	font-size: 12px;
	border-radius: 4px 0 0 4px;
	padding-right: 2px
}

.discount-badge_has-effect .discount-badge__value {
	padding-left: 0;
	border-radius: 0 4px 4px 0;
	margin-left: 4px
}

.discount-badge_has-effect .discount-badge__arrows {
	width: 19px;
	height: 20px;
	margin-left: 4px;
	background-color: #f7cd47;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 2
}

.discount-badge_has-effect .discount-badge__arrows:after {
	content: "";
	position: absolute;
	top: 0;
	left: -4px;
	background: url(../img/discount-badge-union.fe3a0b73.svg) no-repeat 100% 100%;
	z-index: 3;
	width: 4px;
	height: 100%
}

.discount-badge_has-effect .discount-badge__arrows svg {
	width: 11px
}

.quiz-container_rtl .discount-badge {
	margin-left: auto;
	margin-right: 10px
}

.quiz-container_rtl .discount-badge__value {
	direction: rtl;
	padding-right: 12px;
	border-radius: 4px
}

.quiz-container_rtl .discount-badge__value:before {
	right: 0;
	z-index: 2
}

.quiz-container_rtl .discount-badge__title {
	display: none
}

.wf-loading .start-page__brand,
.wf-loading .start-page__button,
.wf-loading .start-page__header,
.wf-loading .start-page__subheader {
	color: transparent !important
}

.wf-loading .start-page__footer {
	opacity: 0
}

.start-page {
	position: relative;
	margin: 0 !important;
	min-width: 100%;
	text-align: center
}

.start-page__bg {
	background: var(--color-bg-quiz, #fff) no-repeat 0 40%;
	background-size: cover
}

.start-page__brand {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 1rem 2rem;
	border-bottom: solid 1px var(--color-bg-2, rgba(0, 0, 0, .1));
	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;
	z-index: 21;
	background: var(--color-bg-quiz, #fff)
}

.start-page__company {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.25;
	text-align: left;
	color: var(--color-bg-text, #000);
	-webkit-box-flex: 1;
	-ms-flex: 1 1 70%;
	flex: 1 1 70%
}

.start-page__logo {
	height: 37px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 2.5rem
}

.start-page__content {
	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: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: auto;
	background: var(--color-bg-quiz, #fff);
	padding-bottom: 1rem
}

.start-page__body {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem 2rem
}

.start-page__body,
.start-page__footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center
}

.start-page__footer {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 40px;
	flex: 0 1 40px
}

@media (min-width:768px) {
	.start-page__footer {
		padding: 0 2rem
	}
}

.start-page__footer_has_contacts {
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.start-page__contact,
.start-page__footer_has_contacts {
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.start-page__contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: left
}

.start-page__discount {
	margin-bottom: 11px;
	z-index: 24
}

.start-page__header {
	font-size: 26px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: var(--color-bg-text, #020202);
	margin-bottom: 1rem
}

@media (min-width:1119px) {
	.start-page__header {
		font-size: 30px
	}
}

.start-page__subheader {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: var(--color-bg-alpha7, #777b95);
	margin-bottom: 1rem
}

@media (min-width:1119px) {
	.start-page__subheader {
		font-size: 18px
	}
}

.start-page__line {
	width: 38px;
	height: 3px;
	background-color: var(--color-bg-text, #363636);
	margin-bottom: 1rem
}

.start-page__white-label {
	justify-self: end
}

.start-page__bonuses {
	margin-top: 2.5rem;
	width: 100%;
	max-width: 400px;
	text-align: center
}

.start-page__bonuses-title {
	margin-bottom: .4rem;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.4;
	letter-spacing: 1px;
	color: var(--color-bg-text, #000)
}

.start-page__bonuses .bonuses_direction_row.bonuses_count_1 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.start-page__layer {
	display: none
}

.start-page__button {
	white-space: normal;
	min-height: 55px;
	border-radius: 40px
}

.start-page__phone {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--color-bg-text, #000)
}

.start-page__phone_clickable {
	color: var(--color)
}

.start-page__phone_clickable:hover {
	color: var(--color);
	cursor: pointer;
	text-decoration: none
}

.start-page__legal {
	font-size: 10px;
	font-weight: 500;
	line-height: 1.4;
	padding-right: 15px;
	text-align: left;
	color: var(--color-bg-alpha7, #494949)
}

.start-page__cookie-notice {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000
}

@media (max-width:819px) {
	.start-page_video_bg {
		padding-top: 56.25vw
	}

	.start-page_video_bg .start-page__discount {
		top: calc(56.25vw - 10px) !important
	}
}

.start-page_has_bg {
	text-align: left
}

.start-page_has_bg .start-page__body,
.start-page_has_bg .start-page__footer {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.start-page_has_bg .start-page__bonuses-title {
	text-align: left
}

.start-page_has_bg .bonuses.bonuses_direction_row.bonuses_count_1 {
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left
}

.start-page_has_bg .bonuses.bonuses_direction_row.bonuses_count_1.bonuses_centered {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.start-page_has_bg .video-player {
	position: absolute;
	height: 100%;
	padding-top: 0
}

.start-page_has_bg .video-player iframe,
.start-page_has_bg .video-player video {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	width: 100vw;
	height: 66.25vw;
	min-height: 110vh;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none
}

@media (min-width:819px) {

	.start-page_has_bg .video-player iframe,
	.start-page_has_bg .video-player video {
		min-width: 187.77vh
	}
}

@media (max-width:819px) {
	.start-page_has_bg .video-player {
		height: 56.25vw
	}
}

@media (min-width:819px) {
	.start-page_has_bg.start-page_position_right {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.start-page_has_bg.start-page_position_right .start-page__content {
		left: auto;
		right: 0;
		padding-left: 0
	}

	.start-page_has_bg.start-page_position_right .start-page__footer {
		padding-right: 1rem
	}

	.start-page_has_bg.start-page_position_right .start-page__footer .whitelabel__icon {
		min-width: 13px
	}

	.start-page_has_bg.start-page_position_right .start-page__bg {
		left: 0;
		right: 0
	}

	.start-page_has_bg.start-page_position_right .start-page__button,
	.start-page_has_bg.start-page_position_right .start-page__header,
	.start-page_has_bg.start-page_position_right .start-page__line,
	.start-page_has_bg.start-page_position_right .start-page__subheader {
		-ms-flex-item-align: start;
		align-self: flex-start
	}

	.start-page_has_bg.start-page_position_right .video-player__mute,
	.start-page_has_bg.start-page_position_right .video-player__replay {
		left: 0;
		right: 0
	}

	.start-page_has_bg.start-page_position_center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.start-page_has_bg.start-page_position_center .start-page__brand {
		background: none;
		border: 0
	}

	.start-page_has_bg.start-page_position_center .start-page__bg {
		right: 0
	}

	.start-page_has_bg.start-page_position_center .start-page__content {
		left: 0;
		right: 0;
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background: none
	}

	.start-page_has_bg.start-page_position_center .start-page__body {
		text-align: center;
		max-width: 55%
	}

	.start-page_has_bg.start-page_position_center .start-page__bonuses-title {
		text-align: center
	}

	.start-page_has_bg.start-page_position_center .start-page__body,
	.start-page_has_bg.start-page_position_center .start-page__footer {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.start-page_has_bg.start-page_position_center .start-page__footer {
		width: 100%;
		padding-right: .75rem
	}

	.start-page_has_bg.start-page_position_center .start-page__footer .whitelabel__container {
		padding: 0 !important
	}

	.start-page_has_bg.start-page_position_center .start-page__company {
		text-align: center
	}

	.start-page_has_bg.start-page_position_left {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.start-page_has_bg.start-page_position_left .start-page__content {
		left: 0;
		right: 0;
		padding-left: 0
	}

	.start-page_has_bg.start-page_position_left .start-page__footer {
		padding-right: 1rem
	}

	.start-page_has_bg.start-page_position_left .start-page__footer .whitelabel__icon {
		min-width: 13px
	}

	.start-page_has_bg.start-page_position_left .start-page__bg {
		left: auto;
		right: 0
	}

	.start-page_has_bg.start-page_position_left .start-page__button,
	.start-page_has_bg.start-page_position_left .start-page__header,
	.start-page_has_bg.start-page_position_left .start-page__line,
	.start-page_has_bg.start-page_position_left .start-page__subheader {
		-ms-flex-item-align: start;
		align-self: flex-start;
		text-align: start
	}

	.start-page_has_bg.start-page_theme_expanded .start-page__content {
		background: none
	}

	.start-page_has_bg.start-page_theme_expanded .start-page__bg {
		left: 0;
		right: 0
	}

	.start-page_has_bg.start-page_theme_expanded .start-page__brand {
		background: none;
		border: 0
	}

	.start-page_has_bg.start-page_theme_expanded .start-page__bonuses-title,
	.start-page_has_bg.start-page_theme_expanded .start-page__company,
	.start-page_has_bg.start-page_theme_expanded .start-page__header,
	.start-page_has_bg.start-page_theme_expanded .start-page__legal,
	.start-page_has_bg.start-page_theme_expanded .start-page__phone,
	.start-page_has_bg.start-page_theme_expanded .start-page__subheader {
		color: #fff
	}

	.start-page_has_bg.start-page_theme_expanded .start-page__line {
		background-color: #fff
	}

	.start-page_has_bg.start-page_theme_expanded .whitelabel__container,
	.start-page_has_bg.start-page_theme_expanded .whitelabel a {
		color: #fff !important
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_left:after {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: 10;
		background: -webkit-gradient(linear, left top, right top, from(#272626), to(transparent));
		background: linear-gradient(90deg, #272626, transparent)
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_left .start-page__content {
		border-right: 1px solid hsla(0, 0%, 100%, .16)
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_right:after {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: 10;
		background: -webkit-gradient(linear, right top, left top, from(#272626), to(transparent));
		background: linear-gradient(270deg, #272626, transparent)
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_right .start-page__content {
		border-left: 1px solid hsla(0, 0%, 100%, .16)
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_right .start-page__brand {
		left: auto
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_center:after {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: 10;
		background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#272626));
		background: linear-gradient(180deg, transparent, #272626)
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__content {
		padding-left: 0;
		padding-right: 0;
		position: relative
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__brand {
		position: static;
		padding: 0;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		width: auto
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__company {
		-webkit-box-flex: initial;
		-ms-flex: initial;
		flex: initial;
		text-overflow: ellipsis;
		overflow: hidden;
		text-align: left;
		word-break: break-word
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__logo {
		margin-right: 1rem
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__white-label {
		margin-left: auto
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__contact {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__footer {
		border-top: 1px solid hsla(0, 0%, 100%, .16);
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: .75rem 20px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__footer_has_wl .start-page__brand {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__bg {
		padding: 0
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_center .start-page__legal {
		padding: 0;
		padding-left: 20px;
		text-align: right;
		word-break: break-word
	}

	.start-page_has_bg.start-page_theme_expanded.start-page_position_center .video-player__mute,
	.start-page_has_bg.start-page_theme_expanded.start-page_position_center .video-player__replay {
		bottom: 65px;
		z-index: 22
	}

	.start-page_has_bg.start-page_theme_centered {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		background: var(--color-bg-quiz, #fff);
		width: 550px;
		min-width: 550px;
		margin: 0 auto !important;
		margin-top: 30px !important;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.start-page_has_bg.start-page_theme_centered .start-page__bg {
		position: relative;
		height: 275px;
		width: 100%;
		-ms-flex-item-align: center;
		align-self: center;
		border-radius: 10px;
		overflow: hidden;
		padding: 0;
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 auto !important;
		flex: 0 0 auto !important
	}

	.start-page_has_bg.start-page_theme_centered .start-page__content {
		position: relative;
		-ms-flex-item-align: center;
		align-self: center;
		padding-left: 0;
		padding-right: 0;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto
	}

	.start-page_has_bg.start-page_theme_centered .start-page__body {
		text-align: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		margin-bottom: 30px
	}

	.start-page_has_bg.start-page_theme_centered .start-page__bonuses-title {
		text-align: center
	}

	.start-page_has_bg.start-page_theme_centered .start-page__content {
		overflow: visible;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.start-page_has_bg.start-page_theme_centered .start-page__logo {
		margin-right: 1rem
	}

	.start-page_has_bg.start-page_theme_centered .start-page__brand {
		position: relative;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		border: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}

	.start-page_has_bg.start-page_theme_centered .start-page__footer {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

	.start-page_has_bg.start-page_theme_centered .start-page__footer .whitelabel__icon {
		min-width: 13px
	}

	.start-page_has_bg.start-page_theme_centered .start-page__contact {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
	}

	.start-page_has_bg.start-page_theme_centered .start-page__legal {
		text-align: right;
		padding: 0
	}

	.start-page_has_bg.start-page_theme_centered .start-page__company {
		text-align: center;
		-webkit-box-flex: initial;
		-ms-flex: initial;
		flex: initial
	}

	.start-page_has_bg.start-page_theme_centered .video-player iframe,
	.start-page_has_bg.start-page_theme_centered .video-player video {
		width: 100%;
		height: 100%;
		min-width: 110%
	}

	.start-page_has_bg.start-page_theme_centered .video-player__mute,
	.start-page_has_bg.start-page_theme_centered .video-player__replay {
		top: 215px
	}

	.start-page_has_bg.start-page_theme_centered.start-page_has_brand {
		margin-top: 0 !important
	}

	.start-page_has_bg.start-page_theme_centered.start-page_has_brand .start-page .video-player-mute,
	.start-page_has_bg.start-page_theme_centered.start-page_has_brand .start-page .video-player-replay {
		top: 292px
	}

	.start-page_has_bg.start-page_theme_standart.start-page_position_right .start-page__brand {
		left: auto
	}

	.start-page_has_bg.start-page_theme_standart.start-page_position_left .start-page__bg {
		background-position: 50%
	}
}

.start-page_closing:not(.start-page_has_bg) .start-page__body,
.start-page_closing:not(.start-page_has_bg) .start-page__brand {
	-webkit-animation: hide-up .75s forwards;
	animation: hide-up .75s forwards;
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.start-page_closing:not(.start-page_has_bg) .start-page__footer {
	-webkit-animation: hide-down .75s forwards;
	animation: hide-down .75s forwards;
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

@media (max-width:818px) {
	.start-page {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.start-page .start-page__brand {
		position: static;
		margin-bottom: .75rem;
		min-height: 57px
	}

	.start-page .start-page__logo {
		height: 30px
	}

	.start-page .start-page__content {
		padding: 0;
		overflow: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto
	}

	.start-page .start-page__body {
		padding: 1.5rem 2rem
	}

	.start-page .start-page__footer {
		padding: 1rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto
	}

	.start-page .start-page__contact,
	.start-page .start-page__footer {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.start-page .start-page__contact {
		margin-bottom: 1rem
	}

	.start-page .start-page__button {
		-webkit-box-shadow: none !important;
		box-shadow: none !important
	}

	.start-page .start-page__legal {
		text-align: center;
		padding: 0
	}

	.start-page.start-page_has_bg .start-page__bg {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 220px;
		flex: 0 0 220px;
		background-position: 50%;
		width: 100%
	}

	.start-page.start-page_has_bg .start-page__content {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		width: 100%
	}

	.start-page.start-page_has_bg .start-page__body,
	.start-page.start-page_has_bg .start-page__content {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.start-page.start-page_has_bg:not(.start-page_has_brand) .start-page__discount {
		position: absolute;
		top: 210px;
		left: 32px
	}

	.start-page.start-page_has_bg:not(.start-page_has_brand).start-page_theme_centered .start-page__bg {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}

	.start-page.start-page_theme_centered .start-page__bonuses-title,
	.start-page.start-page_theme_centered .start-page__header,
	.start-page.start-page_theme_centered .start-page__subheader {
		text-align: center
	}

	.start-page.start-page_theme_centered .start-page__body {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media (max-width:767px) {

	.start-page .start-page__header_centered,
	.start-page .start-page__subheader_centered {
		text-align: center
	}

	.start-page .start-page__button {
		width: 100%
	}

	.start-page .start-page__company {
		font-size: 12px
	}

	.start-page .start-page__logo {
		margin-right: 1.5rem;
		height: 28px
	}

	.start-page.start-page_has_bg .start-page__line {
		display: none
	}
}

@media (min-width:819px) {
	.start-page_has_bg {
		overflow: hidden
	}

	.start-page_has_bg .start-page__bg,
	.start-page_has_bg .start-page__content,
	.start-page_has_bg .start-page__layer {
		position: absolute;
		top: 0;
		bottom: 0
	}

	.start-page_has_bg .start-page__content {
		right: 0;
		z-index: 20;
		overflow-x: visible
	}

	.start-page_has_bg .start-page__bg {
		z-index: 10;
		left: 0
	}

	.start-page_has_bg .start-page__layer {
		display: block;
		right: 0;
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		z-index: 15;
		background: var(--color-bg-quiz, #fff);
		will-change: transform
	}

	.start-page_has_bg.start-page_closing,
	.start-page_has_bg.start-page_closing .start-page__content {
		overflow: hidden
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__layer {
		-webkit-animation: slide-layout-to-left .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: slide-layout-to-left .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__brand {
		-webkit-animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__bonuses,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__button,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__discount,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__header,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__line,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__subheader {
		-webkit-animation: hide-text-to-right .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-text-to-right .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__button,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__subheader {
		-webkit-animation-delay: .05s;
		animation-delay: .05s
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__bonuses {
		-webkit-animation-delay: .1s;
		animation-delay: .1s
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .start-page__footer {
		-webkit-animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .video-player__mute,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right .video-player__replay {
		display: none
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__layer {
		-webkit-animation: slide-layout-to-right .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: slide-layout-to-right .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__brand {
		-webkit-animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__bonuses,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__button,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__discount,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__header,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__line,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__subheader {
		-webkit-animation: hide-text-to-left .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-text-to-left .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__button,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__subheader {
		-webkit-animation-delay: .05s;
		animation-delay: .05s
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__bonuses {
		-webkit-animation-delay: .1s;
		animation-delay: .1s
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .start-page__footer {
		-webkit-animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .video-player__mute,
	.start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left .video-player__replay {
		display: none
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded:after {
		-webkit-animation: fade-out-background .75s ease-in-out forwards;
		animation: fade-out-background .75s ease-in-out forwards;
		-webkit-animation-delay: .1s;
		animation-delay: .1s
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center .start-page__footer {
		-webkit-animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center .start-page__bg,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center .start-page__body {
		-webkit-animation: fade-out .75s ease-in-out forwards;
		animation: fade-out .75s ease-in-out forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center .video-player__mute,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center .video-player__replay {
		display: none
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__bg {
		-webkit-animation: fade-out .75s ease-in-out forwards;
		animation: fade-out .75s ease-in-out forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__brand {
		-webkit-animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__bonuses,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__button,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__discount,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__header,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__line,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__subheader {
		-webkit-animation: hide-text-to-right .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-text-to-right .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__button,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__subheader {
		-webkit-animation-delay: .05s;
		animation-delay: .05s
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__bonuses {
		-webkit-animation-delay: .1s;
		animation-delay: .1s
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__footer {
		-webkit-animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .start-page__content {
		border: 0
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .video-player__mute,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right .video-player__replay {
		display: none
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__bg {
		-webkit-animation: fade-out .75s ease-in-out forwards;
		animation: fade-out .75s ease-in-out forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__brand {
		-webkit-animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__bonuses,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__button,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__discount,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__header,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__line,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__subheader {
		-webkit-animation: hide-text-to-left .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-text-to-left .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__button,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__subheader {
		-webkit-animation-delay: .05s;
		animation-delay: .05s
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__bonuses {
		-webkit-animation-delay: .1s;
		animation-delay: .1s
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__footer {
		-webkit-animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .start-page__content {
		border: 0
	}

	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .video-player__mute,
	.start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left .video-player__replay {
		display: none
	}

	.start-page_has_bg.start-page_closing.start-page_theme_centered .start-page__bg,
	.start-page_has_bg.start-page_closing.start-page_theme_centered .start-page__brand {
		-webkit-animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-up .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_centered .start-page__bonuses-title,
	.start-page_has_bg.start-page_closing.start-page_theme_centered .start-page__header,
	.start-page_has_bg.start-page_closing.start-page_theme_centered .start-page__subheader {
		text-align: center
	}

	.start-page_has_bg.start-page_closing.start-page_theme_centered .start-page__content {
		-webkit-animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards;
		animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) forwards
	}

	.start-page_has_bg.start-page_closing.start-page_theme_centered .video-player__mute,
	.start-page_has_bg.start-page_closing.start-page_theme_centered .video-player__replay {
		display: none
	}
}

@media (max-width:818px) {

	.start-page_has_bg.start-page_closing .start-page__bg,
	.start-page_has_bg.start-page_closing .start-page__brand {
		-webkit-animation: hide-up .75s forwards;
		animation: hide-up .75s forwards;
		-webkit-animation-delay: .3s;
		animation-delay: .3s
	}

	.start-page_has_bg.start-page_closing .start-page__content {
		-webkit-animation: hide-down .75s forwards;
		animation: hide-down .75s forwards;
		-webkit-animation-delay: .3s;
		animation-delay: .3s
	}

	.start-page_has_bg.start-page_closing:not(.start-page_has_brand) .start-page__discount {
		-webkit-animation: hide-up .75s forwards;
		animation: hide-up .75s forwards;
		-webkit-animation-delay: .3s;
		animation-delay: .3s
	}

	.start-page_widget .start-page__button,
	.start-page_widget .start-page__header,
	.start-page_widget .start-page__subheader {
		opacity: 0
	}

	.start-page_widget .start-page__header {
		animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) .1s reverse forwards
	}

	.start-page_widget .start-page__subheader {
		animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) .2s reverse forwards
	}

	.start-page_widget .start-page__button {
		animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) .3s reverse forwards
	}

	.start-page_widget .start-page__bonuses,
	.start-page_widget .start-page__footer {
		animation: hide-down .75s cubic-bezier(.71, .09, .74, .91) .4s reverse forwards
	}
}

.start-page_rtl .start-page__bonuses-title,
.start-page_rtl .start-page__company,
.start-page_rtl .start-page__header,
.start-page_rtl .start-page__subheader {
	text-align: right
}

.start-page_rtl .start-page__bonuses-title {
	font-size: 12px
}

.start-page_rtl .start-page__bonuses .bonuses.bonuses_direction_row {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

@media (min-width:819px) {

	.start-page_rtl.start-page_has_bg.start-page_theme_standart.start-page_position_left .start-page__brand,
	.start-page_rtl.start-page_has_bg.start-page_theme_standart.start-page_position_left .start-page__content {
		left: 0;
		right: auto
	}

	.start-page_rtl.start-page_has_bg.start-page_theme_standart.start-page_position_left .start-page__bg {
		left: auto
	}

	.start-page_rtl.start-page_has_bg.start-page_theme_standart.start-page_position_right .start-page__brand,
	.start-page_rtl.start-page_has_bg.start-page_theme_standart.start-page_position_right .start-page__content {
		left: auto;
		right: 0
	}

	.start-page_rtl.start-page_has_bg.start-page_theme_standart.start-page_position_right .start-page__bg {
		right: auto
	}
}

@media (max-width:818px) {
	.start-page_rtl.start-page_has_bg .start-page__discount {
		left: auto;
		right: 32px
	}
}

@-webkit-keyframes hide-text-to-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0
	}
}

@keyframes hide-text-to-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0
	}
}

@-webkit-keyframes hide-text-to-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0
	}
}

@keyframes hide-text-to-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0
	}
}

@-webkit-keyframes hide-up {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
		opacity: 0
	}
}

@keyframes hide-up {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
		opacity: 0
	}
}

@-webkit-keyframes hide-down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0
	}
}

@keyframes hide-down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0
	}
}

@-webkit-keyframes slide-layout-to-left {
	0% {
		-webkit-transform: translate3d(60%, 0, 0);
		transform: translate3d(60%, 0, 0)
	}

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

@keyframes slide-layout-to-left {
	0% {
		-webkit-transform: translate3d(60%, 0, 0);
		transform: translate3d(60%, 0, 0)
	}

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

@-webkit-keyframes slide-layout-to-right {
	0% {
		-webkit-transform: translate3d(-60%, 0, 0);
		transform: translate3d(-60%, 0, 0)
	}

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

@keyframes slide-layout-to-right {
	0% {
		-webkit-transform: translate3d(-60%, 0, 0);
		transform: translate3d(-60%, 0, 0)
	}

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

@-webkit-keyframes fade-out {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fade-out {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes fade-out-background {
	0% {
		opacity: 1
	}

	to {
		opacity: .2
	}
}

@keyframes fade-out-background {
	0% {
		opacity: 1
	}

	to {
		opacity: .2
	}
}

.discount-label {
	position: relative;
	height: 20px;
	border-radius: 4px;
	background-color: #f7cd47;
	font-weight: 500;
	padding: 2px 4px 2px 12px
}

.discount-label,
.discount-label__value {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.discount-label__value {
	color: #000;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 2
}

.discount-label__circle {
	position: absolute;
	background-color: #f7cd47;
	width: 16px;
	height: 16px;
	left: -5px;
	top: 2px;
	border-radius: 4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1
}

.discount-label__circle:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 6px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #c39c23
}

.preview-small {
	width: 100%;
	height: 70px
}

.preview-small__bg {
	position: absolute;
	left: 0;
	height: 100%;
	width: 34%;
	background: var(--color-bg-quiz, #fff) no-repeat 50%/cover;
	border-radius: 10px 0 0 10px
}

.preview-small__content {
	height: 70px;
	width: 100%;
	position: absolute;
	top: 0;
	padding: 17px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--color-bg-quiz, #fff)
}

.preview-small_radius .preview-small__content {
	border-top-left-radius: 30px
}

.preview-small__title {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 20px;
	text-align: right;
	overflow-wrap: break-word;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: var(--color-bg-text, #020202);
	font-weight: 500;
	z-index: 2
}

.preview-small__button {
	width: 40px;
	min-height: 40px;
	border-radius: 100%;
	border: none;
	padding: 0
}

.preview-small__button svg {
	width: 24px;
	fill: var(--color-primary-text-button)
}

.preview-small__discount {
	position: absolute;
	top: 0;
	right: 14px;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.preview-small_has-discount {
	height: 80px
}

.preview-small_has-discount .preview-small__content {
	margin-top: 10px
}

.preview-start-page {
	width: 100%
}

.preview-start-page_large {
	height: 190px;
	background-color: var(--color-bg-quiz, #fff)
}

.preview-start-page__bg,
.preview-start-page__content,
.preview-start-page__video-bg {
	position: absolute;
	top: 0;
	left: 0
}

.preview-start-page__bg {
	width: 100%;
	height: 100%;
	background: var(--color-bg-quiz, #fff) no-repeat 50%/cover
}

.preview-start-page__video-bg {
	height: 100%;
	width: 100%;
	padding-top: 0
}

.preview-start-page__video-bg iframe,
.preview-start-page__video-bg video {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	width: 100vw;
	height: 81.25vw;
	min-height: 121vh;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none
}

.preview-start-page__content {
	height: 100%;
	width: 100%;
	padding: 17px;
	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: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.preview-start-page__title {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 16px;
	position: relative;
	text-align: left;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 21px
}

.preview-start-page__button {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 40px;
	font-size: 16px !important;
	padding: 9px 18px
}

.preview-start-page__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.preview-start-page__assistant {
	position: relative;
	width: 42px;
	height: 42px
}

.preview-start-page__assistant:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 6px;
	bottom: 2px;
	width: 4px;
	height: 4px;
	background: #3bad4b;
	border-radius: 50%
}

.preview-start-page__assistant img {
	border-radius: 50%
}

.preview-landing {
	width: 100%
}

.preview-landing_large {
	height: 190px;
	background-color: var(--color-bg-quiz, #fff)
}

.preview-landing__bg,
.preview-landing__content,
.preview-landing__video-bg {
	position: absolute;
	top: 0;
	left: 0
}

.preview-landing__bg {
	width: 100%;
	height: 100%;
	background: var(--color-bg-quiz, #fff) no-repeat 50%/cover
}

.preview-landing__video-bg {
	height: 100%;
	width: 100%;
	padding-top: 0
}

.preview-landing__video-bg iframe,
.preview-landing__video-bg video {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	width: 100vw;
	height: 81.25vw;
	min-height: 121vh;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none
}

.preview-landing__content {
	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: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	width: 100%;
	padding: 17px
}

.preview-landing__content .preview-landing__info {
	color: #fff;
	font-weight: 500;
	text-align: left;
	max-width: 100%
}

.preview-landing__content .preview-landing__info .preview-landing__avatar {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	margin-right: 13px
}

.preview-landing__content .preview-landing__info .preview-landing__logo {
	max-width: 100%;
	max-height: 30px
}

.preview-landing__content .preview-landing__info .preview-landing__texts {
	min-width: 0
}

.preview-landing__content .preview-landing__info .preview-landing__title {
	font-size: 20px;
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.preview-landing__content .preview-landing__info .preview-landing__subtitle {
	font-size: 13px;
	line-height: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.preview-landing__content .preview-landing__info_person {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.preview-landing__content .preview-landing__button {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 40px;
	font-size: 16px !important;
	padding: 9px 18px
}

.cls-1[data-v-14468613] {
	opacity: .54
}

.assistant {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: .9rem;
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1 0;
	flex: 1 0;
	margin-bottom: auto;
	height: 100%;
	max-height: 380px;
	min-height: 0
}

.assistant,
.assistant__person {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal
}

.assistant__person {
	height: 80px;
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row
}

.assistant__name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-item-align: center;
	align-self: center;
	text-align: left;
	margin-left: .5rem
}

.assistant__avatar {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 78px;
	flex: 0 0 78px;
	text-align: left;
	position: relative
}

.assistant__avatar img {
	width: 70px;
	height: 70px;
	border-radius: 35px
}

.assistant__avatar-badge {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	border-radius: 50%;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	display: block;
	border: 2px solid var(--color-bg-quiz, #fff);
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	background-color: #1bb157;
	width: 12px;
	height: 12px;
	top: 54px;
	left: 54px;
	-webkit-box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, .16));
	box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, .16))
}

.assistant__block {
	position: relative;
	padding-top: calc(.6rem - 1px);
	line-height: 1.2;
	text-align: left;
	height: calc(100% - 80px);
	max-height: 380px;
	min-height: 0
}

.assistant__text {
	color: var(--color-bg-text, #2e2e49);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.54;
	padding: 5px 18px 5px 10px;
	word-break: break-word;
	font-family: var(--additional-font, var(--font)), Gilroy, Helvetica, Arial, sans-serif;
	font-style: var(--additional-font-style, normal)
}

.assistant__text ol,
.assistant__text ul {
	padding-left: 15px;
	margin: .25rem 0
}

.assistant__text ol ol,
.assistant__text ol ul,
.assistant__text ul ol,
.assistant__text ul ul {
	margin: .125rem 0
}

.assistant__text-arrow {
	top: calc(-.6rem + -1px);
	left: 24px;
	display: block;
	position: absolute;
	width: .6rem
}

.assistant__text-arrow:after,
.assistant__text-arrow:before {
	position: absolute;
	display: block;
	content: "";
	border-style: solid;
	border-color: transparent;
	border-width: .6rem .6rem .6rem
}

.assistant__text-arrow:after,
.assistant__text-arrow:before {
	border-bottom-color: var(--color-bg-7, #fff)
}

.assistant__text-arrow:after {
	top: 1px
}

.assistant__text-height {
	background: var(--color-bg-7, #fff);
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05);
	border-radius: 4px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-transition: height .3s linear;
	transition: height .3s linear;
	will-change: height;
	max-height: 100%
}

.assistant__text-height::-webkit-scrollbar {
	width: 10px
}

.assistant__text-height::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 10px 10px var(--color-bg-2, #eae9f1);
	box-shadow: inset 0 0 10px 10px var(--color-bg-2, #eae9f1)
}

.assistant__text-height::-webkit-scrollbar-thumb {
	border-left: 8px solid transparent;
	-webkit-box-shadow: inset 0 0 10px 10px var(--color);
	box-shadow: inset 0 0 10px 10px var(--color)
}

.assistant__text-height::-webkit-scrollbar-track {
	border-left: 8px solid transparent;
	-webkit-box-shadow: inset 0 0 10px 10px var(--color-bg-7, #eae9f1);
	box-shadow: inset 0 0 10px 10px var(--color-bg-7, #eae9f1)
}

.assistant__text-height::-webkit-scrollbar-track-piece {
	background: var(--color-bg-7, #fff)
}

.assistant__text-height::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 10px 10px var(--color-bg-4, #707070);
	box-shadow: inset 0 0 10px 10px var(--color-bg-4, #707070)
}

.assistant__title {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	color: var(--color-bg-text, #2e2e54);
	line-height: 1.125
}

.assistant__subtitle {
	font-size: 12px;
	color: var(--color-bg-alpha7, #69748c);
	font-weight: 400;
	line-height: 1.15;
	margin: 0
}

.assistant .assistant__person_animation-leave-active {
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	-webkit-transition-delay: .05s;
	transition-delay: .05s
}

.assistant .assistant__person_animation-enter,
.assistant .assistant__person_animation-leave-to {
	opacity: 0
}

.assistant .assistant__person_animation-enter-active {
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.assistant .assistant__person_animation-enter-to {
	opacity: 1
}

.assistant .assistant__block_animation-comment-leave-active {
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out
}

.assistant .assistant__block_animation-comment-enter,
.assistant .assistant__block_animation-comment-leave-to {
	opacity: 0
}

.assistant .assistant__block_animation-comment-enter-active {
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.assistant .assistant__block_animation-comment-enter-to {
	opacity: 1
}

.custom .assistant__text {
	background: var(--color-exactly-white, var(--color-bg-7, #fff))
}

.custom .assistant__text-arrow:after,
.custom .assistant__text-arrow:before {
	border-bottom-color: var(--color-exactly-white, var(--color-bg-7, #fff))
}

.custom .assistant__text-height {
	background: var(--color-exactly-white, var(--color-bg-7, #fff))
}

.custom .assistant__text-height::-webkit-scrollbar-track-piece {
	background: var(--color-exactly-white, var(--color-bg-7, #fff))
}

.quiz-container_rtl .assistant__text-arrow {
	right: 24px;
	left: 0
}

.quiz-container_rtl .assistant__block,
.quiz-container_rtl .assistant__subtitle,
.quiz-container_rtl .assistant__title {
	text-align: right
}

.quiz-container_rtl .assistant__name {
	margin-right: .5rem;
	margin-left: 0
}

.assistant-mobile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative;
	min-height: 50px;
	max-height: 62px;
	padding: 10px;
	border-radius: 20px 20px 20px 3px;
	color: var(--color-bg-text, #2e2e54);
	background: var(--color-bg-1, #f0f0f0);
	line-height: 1.2;
	cursor: pointer;
	-webkit-transition: max-height .3s ease;
	transition: max-height .3s ease;
	overflow: auto;
	-webkit-tap-highlight-color: transparent
}

.assistant-mobile__avatar {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 10px
}

.assistant-mobile__avatar img {
	border-radius: 35px;
	width: 100%
}

.assistant-mobile__text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 1rem;
	text-align: left
}

.assistant-mobile__text::-webkit-scrollbar {
	width: 10px
}

.assistant-mobile__text::-webkit-scrollbar-track {
	border-left: 8px solid transparent;
	-webkit-box-shadow: inset 0 0 10px 10px var(--color-bg-2, #eae9f1);
	box-shadow: inset 0 0 10px 10px var(--color-bg-2, #eae9f1)
}

.assistant-mobile__text::-webkit-scrollbar-thumb {
	border-left: 8px solid transparent;
	-webkit-box-shadow: inset 0 0 10px 10px var(--color);
	box-shadow: inset 0 0 10px 10px var(--color)
}

.assistant-mobile__text::-webkit-scrollbar-track-piece {
	background: var(--color-bg-1, #f0f0f0)
}

.assistant-mobile__text::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 10px 10px var(--color-bg-4, #707070);
	box-shadow: inset 0 0 10px 10px var(--color-bg-4, #707070)
}

.assistant-mobile__text .assistant-mobile__name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 20px
}

.assistant-mobile__text .assistant-mobile__name .assistant-mobile__title {
	font-weight: 500;
	color: var(--color-bg-text, #2e2e54);
	line-height: 1.125;
	word-break: break-word;
	white-space: pre
}

.assistant-mobile__text .assistant-mobile__name .assistant-mobile__subtitle {
	font-size: 12px;
	color: var(--color-bg-alpha7, #69748c);
	font-weight: 400;
	line-height: 1.25;
	margin: 0 0 -2px 8px;
	white-space: nowrap;
	overflow: hidden;
	word-break: break-word;
	text-overflow: ellipsis
}

.assistant-mobile__text .assistant-mobile__name .assistant-mobile__subtitle .assistant-mobile__status {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 2.5px;
	background-color: #11983f;
	margin: 5px 7px 1px 0;
	color: #69748c
}

.assistant-mobile__text .assistant-mobile__text-html {
	color: var(--color-bg-text, #2e2e54);
	margin-top: 4px;
	font-size: 13px;
	font-style: italic;
	font-weight: 500;
	line-height: 20px;
	display: inline-block;
	width: 100%;
	overflow: auto
}

.assistant-mobile__text .assistant-mobile__text-html p {
	margin: 0
}

.assistant-mobile__text .assistant-mobile__text-html ol,
.assistant-mobile__text .assistant-mobile__text-html ul {
	padding-left: 20px
}

.assistant-mobile__text .assistant-mobile__text-html ul {
	list-style: disc
}

.assistant-mobile__arrow {
	position: absolute;
	bottom: calc(50% - 4px);
	right: 15px;
	width: 15px;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	-webkit-animation: arrow-pulse 1s infinite;
	animation: arrow-pulse 1s infinite;
	cursor: pointer;
	z-index: 20
}

.assistant-mobile__arrow path {
	fill: var(--color-bg-9)
}

@-webkit-keyframes arrow-pulse {

	0%,
	to {
		opacity: .7
	}

	50% {
		opacity: 1
	}
}

@keyframes arrow-pulse {

	0%,
	to {
		opacity: .7
	}

	50% {
		opacity: 1
	}
}

.assistant-mobile_has-more .assistant-mobile__text {
	overflow: auto
}

.assistant-mobile_has-more .assistant-mobile__text:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 76px;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color-bg-alpha0, hsla(0, 0%, 99.6%, .004))), color-stop(52%, var(--color-bg-1, #f8f8f8)), to(var(--color-bg-1, #f7f7f7)));
	background-image: linear-gradient(90deg, var(--color-bg-alpha0, hsla(0, 0%, 99.6%, .004)), var(--color-bg-1, #f8f8f8) 52%, var(--color-bg-1, #f7f7f7));
	border-radius: 0 25px 25px 0
}

.assistant-mobile_expanded {
	max-height: 150px
}

.assistant-mobile_expanded .assistant-mobile__text:after {
	content: none
}

.assistant-mobile_expanded .assistant-mobile__arrow {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	bottom: 15px
}

.custom .assistant-mobile_has-more .assistant-mobile__text:after,
.dark .assistant-mobile_has-more .assistant-mobile__text:after {
	background-image: none 8px 0 20px
}

.quiz-container_rtl .assistant-mobile {
	margin-bottom: 1rem
}

.quiz-container_rtl .assistant-mobile__avatar {
	margin-left: 10px;
	margin-right: 30px
}

.quiz-container_rtl .assistant-mobile__text {
	padding-right: 0;
	padding-left: 1rem;
	text-align: right
}

.quiz-container_rtl .assistant-mobile__name {
	margin-right: 0
}

.quiz-container_rtl .assistant-mobile__name .assistant-mobile__title {
	margin-right: 0;
	margin-left: 4px
}

.quiz-container_rtl .assistant-mobile__name .assistant-mobile__subtitle .assistant-mobile__status {
	margin: 5px 0 1px 7px
}

.quiz-container_rtl .assistant-mobile__text-html {
	margin-right: 2px
}

.quiz-container_rtl .assistant-mobile__text:after {
	display: none
}

.quiz-container_rtl_has-more .assistant-mobile {
	padding-right: 2rem
}

.quiz-container_rtl_has-more .assistant-mobile__text:after {
	background: none
}

.assistant-mobile__text-html_animation_slide-enter-active,
.assistant-mobile__text-html_animation_slide-leave-active {
	-webkit-transition: opacity .17s cubic-bezier(.61, .3, .8, .97), -webkit-transform .17s cubic-bezier(.61, .3, .8, .97);
	transition: opacity .17s cubic-bezier(.61, .3, .8, .97), -webkit-transform .17s cubic-bezier(.61, .3, .8, .97);
	transition: opacity .17s cubic-bezier(.61, .3, .8, .97), transform .17s cubic-bezier(.61, .3, .8, .97);
	transition: opacity .17s cubic-bezier(.61, .3, .8, .97), transform .17s cubic-bezier(.61, .3, .8, .97), -webkit-transform .17s cubic-bezier(.61, .3, .8, .97)
}

.assistant-mobile__text-html_animation_slide-enter {
	opacity: 0;
	-webkit-transform: translateX(20px);
	transform: translateX(20px)
}

.assistant-mobile__text-html_animation_slide-enter-to {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

.assistant-mobile__text-html_animation_slide-leave-to {
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	opacity: 0
}

.preview-assistant {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	overflow: hidden;
	color: var(--color-bg-text, #2e2e54);
	background-color: var(--color-bg-quiz, #fff);
	border-radius: 30px 10px 10px 10px;
	padding: 12px 1rem;
	cursor: pointer
}

.preview-assistant__person {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 10px
}

.preview-assistant__person img {
	border-radius: 35px;
	width: 100%
}

.preview-assistant__text-container {
	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-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
	text-align: start;
	color: var(--color-bg-text, #2e2e54)
}

.preview-assistant__name,
.preview-assistant__subtitle,
.preview-assistant__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.preview-assistant__subtitle,
.preview-assistant__title {
	font-size: 12px;
	line-height: 1.25
}

.preview-assistant__subtitle {
	color: var(--color-bg-alpha7, #69748c);
	margin: 0 35px -2px 8px;
	white-space: nowrap;
	overflow: hidden;
	word-break: break-word;
	text-overflow: ellipsis
}

.preview-assistant__status {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #11983f;
	margin: 0 7px 0 0
}

.preview-assistant__text-html {
	margin-top: 4px;
	line-height: 20px;
	display: inline-block;
	width: 100%;
	font-size: 14px;
	font-style: normal;
	white-space: nowrap;
	overflow: hidden;
	word-break: break-word;
	text-overflow: ellipsis
}

.preview-assistant__slot {
	position: absolute;
	top: 7px;
	right: 6px
}

.preview-assistant_open {
	border-radius: 0;
	cursor: default
}

.preview-assistant_open .preview-assistant__status,
.preview-assistant_open .preview-assistant__text-html {
	display: none
}

.preview-assistant_open .preview-assistant__text-container {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.preview-assistant_open .preview-assistant__name {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.preview-assistant_open .preview-assistant__subtitle {
	margin: 2px 0 0
}

.preview-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 16px 20px;
	border-radius: 30px 10px 10px 10px;
	background-color: var(--color-bg-quiz, #fff)
}

.preview-text__title {
	text-align: left;
	color: var(--color-bg-text, #363636);
	line-height: 18px;
	overflow-wrap: break-word;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.preview-text__slot {
	margin-left: 10px;
	-ms-flex-item-align: center;
	align-self: center
}

.video-custom-player {
	position: relative;
	padding-top: 220px;
	width: auto;
	z-index: 1
}

.video-custom-player:focus {
	outline: none
}

.video-custom-player iframe,
.video-custom-player video {
	width: 100%;
	height: 100%;
	min-width: 175%;
	min-height: 110vh;
	pointer-events: none
}

.video-custom-player_rounded {
	border-radius: 10px
}

.video-custom-player .custom-controllers {
	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: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	-webkit-transition: opacity .15s ease-in;
	transition: opacity .15s ease-in
}

.video-custom-player .custom-controllers__buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: left;
	margin-bottom: 8px;
	padding: 0 8px
}

.video-custom-player .custom-controllers__button {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
	background-color: hsla(0, 0%, 100%, .7);
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
	box-shadow: 0 4px 4px rgba(0, 0, 0, .15)
}

.video-custom-player .custom-controllers__button svg {
	fill: rgba(48, 53, 55, .9)
}

.video-custom-player .custom-controllers__progress-bar {
	width: 100%;
	height: 4px;
	background-color: hsla(0, 0%, 100%, .5);
	cursor: pointer;
	position: relative
}

.video-custom-player .custom-controllers__progress-bar:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 4px;
	width: var(--progress, 0);
	background-color: #fff;
	z-index: 1
}

.video-custom-player .custom-controllers_hidden {
	opacity: 0
}

.preview-question__emoji {
	position: relative;
	top: -6px;
	font-size: 22px;
	max-height: 18px
}

.preview-question_assistant .preview-question__emoji {
	position: relative;
	top: 0;
	left: -6px;
	font-size: 16px
}

.preview-question__video iframe,
.preview-question__video video {
	min-width: 125%;
	min-height: 140vh;
	pointer-events: none
}

.preview-question__description {
	padding: 0 16px 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	color: #fff;
	text-align: left
}

.preview-question__description .preview-question__number {
	font-size: 12px;
	line-height: 1.25;
	margin-bottom: 4px
}

.preview-question__description .preview-question__number span {
	color: var(--color-alpha, #69748c)
}

.preview-question__description .preview-question__title {
	font-size: 16px;
	line-height: 22px
}

.preview-question_has-video:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 53, 55, 0)), color-stop(64.58%, rgba(48, 53, 55, .792)), to(rgba(48, 53, 55, .9)));
	background: linear-gradient(180deg, rgba(48, 53, 55, 0), rgba(48, 53, 55, .792) 64.58%, rgba(48, 53, 55, .9));
	z-index: 2
}

.preview-question_open .preview-question__description {
	display: none
}

.preview-question_open:before {
	content: none
}

.preview-results__count {
	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;
	width: 20px;
	height: 20px;
	background-color: var(--color);
	border-radius: 50%;
	color: var(--color-bg-alpha7, #2e2e49);
	font-size: 11px;
	font-weight: 500;
	-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .25);
	box-shadow: 0 4px 15px rgba(0, 0, 0, .25)
}

.price-label {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
	z-index: 20;
	color: #000
}

.price-label__number {
	color: var(--color-bg-text, #000);
	margin-right: 1.5rem
}

.price-label__old {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.18;
	text-align: left;
	color: var(--color-bg-text, #b2b2b2);
	text-decoration: line-through
}

.price-label__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.price-label__discount svg {
	width: 12px
}

.price-label_result .price-label {
	font-size: 18px
}

.price-label_result .price-label__container {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.price-label_result .price-label__values {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.price-label_result .price-label__old {
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	color: var(--color-bg-sub-text, #b2b2b2);
	margin-bottom: 10px
}

.price-label_result .price-label__discount {
	margin-bottom: 10px
}

.price-label_result .price-label__number {
	margin-right: 1rem;
	margin-bottom: 10px
}

.empty-result-notice {
	width: 100%
}

.empty-result-notice__content {
	position: relative;
	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;
	background: var(--color-bg-sidebar, #f7f7f7);
	height: 64px;
	border-radius: 0 0 20px 20px
}

.empty-result-notice__text {
	font-size: 13px;
	text-align: center;
	color: var(--color-bg-6, #69748c);
	padding: 0 40px
}

.empty-result-notice__icon {
	font-size: 18px;
	position: absolute;
	bottom: 11px;
	right: 12px
}

.empty-result-notice_animation-leave {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.empty-result-notice_animation-leave-active {
	-webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
	transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
	transition: opacity .5s ease-in-out, transform .5s ease-in-out;
	transition: opacity .5s ease-in-out, transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.empty-result-notice_animation-leave-to {
	opacity: 0;
	-webkit-transform: translateY(-64px);
	transform: translateY(-64px)
}

.result {
	background: var(--color-bg-quiz, #fff);
	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;
	min-height: 100%
}

.result,
.result__container {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column
}

.result__container {
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
	max-width: 550px;
	min-width: 550px;
	padding: 1.8rem;
	padding-bottom: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.result .images-slider+.price-label {
	margin-top: 0
}

.result .images-slider+.result__content {
	padding-top: 5px
}

.images-slider .result__image {
	width: calc(100% - 2px);
	border-radius: 3px 3px 0 0
}

.result__content {
	padding-top: 25px;
	padding-bottom: 10px;
	width: 100%;
	margin-bottom: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.result__content_has_cost {
	padding-top: 0
}

.result__content_empty-result {
	padding-top: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.result__content_empty-result .result__retry {
	height: 45px
}

.result__content_empty-result .result__retry:hover {
	color: #363636 !important
}

@media (max-width:767px) {
	.result__content_empty-result+.result__navpad-place {
		padding-bottom: 0 !important
	}
}

.result__content_empty-result+.result__navpad-place .result__whitelabel {
	width: 100%;
	display: block !important;
	padding-bottom: 20px
}

@media (max-width:1200px) {
	.result__content {
		padding-bottom: 110px
	}
}

.result__empty-result-notice {
	position: absolute;
	top: 0;
	left: 0
}

.result__image {
	position: relative;
	border-radius: 4px;
	background: var(--color) no-repeat 0 40%;
	background-size: cover;
	background-position: 50%;
	height: 300px;
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border: 1px solid rgba(0, 0, 0, .102);
	background-clip: padding-box
}

.result__image .price-label .price-label__old {
	color: #fff
}

.result__image .result__correct {
	position: absolute;
	top: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--color-bg-2, #fff);
	padding: 5px 20px;
	border-radius: 20px
}

.result__cost {
	margin-top: 22px;
	width: calc(100% - 2px)
}

.result__cost_in-bg {
	position: absolute;
	left: 1rem;
	bottom: .7rem
}

.result__cost_in-bg .price-label__number,
.result__cost_in-bg .price-label__old {
	color: #fff
}

.result__cost_in-text {
	margin: 0 0 20px
}

.result__bg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 36%;
	opacity: .74;
	z-index: 10;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(38, 41, 59, 0)), to(#26293b));
	background-image: linear-gradient(180deg, rgba(38, 41, 59, 0), #26293b)
}

.result__title {
	font-size: 24px;
	line-height: 1.17;
	color: var(--color-bg-text, #020202);
	margin: 0 0 20px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.result__text,
.result__title {
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: left
}

.result__text {
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-bg-6, #777b95);
	margin-bottom: 15px;
	height: 100%
}

.result__navpad {
	position: relative;
	z-index: 20;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-item-align: end;
	align-self: flex-end;
	margin-top: auto;
	background-color: var(--color-bg-quiz, #fff);
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .08)
}

.result__navpad_align_left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.result__navpad .result__whitelabel {
	position: absolute;
	top: 23px;
	right: 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: translateY(-64px);
	transform: translateY(-64px)
}

.result__navpad-place {
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (min-width:1119px) {
	.result__navpad-place {
		height: auto
	}
}

.result__navpad-place .result__whitelabel {
	display: none
}

.result__button {
	border: 1px solid transparent
}

.result__btn-text {
	overflow: hidden;
	text-overflow: ellipsis
}

.result__btn-price {
	margin-left: 1rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 14px;
	font-weight: 500;
	opacity: .5;
	margin-top: 3px
}

@media (max-width:767px) {
	.result__btn-price {
		display: none
	}
}

.result__back-button {
	margin-right: .5rem;
	width: 53px;
	height: 53px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
	padding: 0;
	color: rgba(0, 0, 0, .4) !important;
	border: 1px solid rgba(0, 0, 0, .1) !important;
	background-color: transparent !important;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out
}

.result__back-button[disabled] {
	color: rgba(0, 0, 0, .2) !important;
	opacity: 1
}

.result__back-button[disabled]:focus,
.result__back-button[disabled]:hover {
	color: rgba(0, 0, 0, .2) !important
}

.result__back-button:focus,
.result__back-button:hover {
	color: rgba(0, 0, 0, .5) !important
}

.result__bonuses {
	margin-bottom: 25px;
	width: 70%
}

.result__bonuses-title {
	text-align: left;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.4;
	letter-spacing: 1px;
	color: var(--color-bg-text, #000)
}

.result__retry {
	background: var(--color-bg-7, #f5f5f5);
	border-radius: 50px;
	font-size: 14px !important;
	padding: 5px 18px;
	min-height: 0;
	color: #777b95;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: auto;
	margin-left: auto;
	opacity: .8;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor: pointer
}

@media (min-width:1119px) {
	.result__retry {
		margin-bottom: 10px;
		color: var(--color-bg-6, #777b95)
	}
}

.result__retry .icon {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	margin-right: 5px !important
}

.result__retry:focus,
.result__retry:hover {
	opacity: 1
}

.result__retry:focus .icon,
.result__retry:hover .icon {
	-webkit-transform: rotate(0deg) scale(1.1);
	transform: rotate(0deg) scale(1.1)
}

.result__correct {
	text-align: left;
	color: var(--color-bg-6, #777b95);
	white-space: nowrap;
	text-overlow: ellipsis;
	margin-bottom: 20px
}

.result__correct-amount {
	font-size: 14px;
	color: var(--color, #d13980);
	margin-right: 7px;
	display: inline-block
}

.result__correct-amount em {
	color: var(--color-bg-6, #777b95);
	font-style: normal
}

.result__correct .icon {
	vertical-align: middle;
	margin: 0 7px 1px 0
}

.result__correct .icon svg path {
	fill: var(--color, #d13980)
}

.result_has_scroll .result__navpad {
	position: fixed
}

.result_has_scroll .result__content {
	padding-bottom: 30px
}

@media (max-width:1200px) {
	.result .result__navpad {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0
	}
}

@media (max-width:767px) {
	.result .result__container {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 0;
		min-width: 0;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.result .result__content {
		padding: 5px 1rem 0;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.result .result__content_has_cost {
		padding-top: 0
	}

	.result .result__bonuses {
		width: 100%
	}

	.result .result__image {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		height: 250px;
		border-radius: 0
	}

	.result .result__navpad-place {
		padding-bottom: 88px
	}

	.result .result__navpad-place .result__whitelabel {
		width: 100%;
		display: block
	}

	.result .result_has_image .result__container {
		padding: 0
	}

	.result .result__navpad {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.result .result__navpad .result__button {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	.result .result__navpad .result__whitelabel {
		display: none
	}
}

@media (max-width:767px) and (max-width:818px) {
	.result_has_image .result__cost {
		padding: 0 1rem
	}
}

.dark-tone .result__navpad {
	-webkit-box-shadow: 0 0 15px 0 hsla(0, 0%, 100%, .08);
	box-shadow: 0 0 15px 0 hsla(0, 0%, 100%, .08)
}

.dark-tone .result__back-button {
	color: hsla(0, 0%, 100%, .6) !important;
	border: 1px solid hsla(0, 0%, 100%, .1) !important;
	background-color: transparent !important;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out
}

.dark-tone .result__back-button[disabled] {
	color: hsla(0, 0%, 100%, .3) !important;
	opacity: 1
}

.dark-tone .result__back-button[disabled]:focus,
.dark-tone .result__back-button[disabled]:hover {
	color: hsla(0, 0%, 100%, .3) !important
}

.dark-tone .result__back-button:focus,
.dark-tone .result__back-button:hover {
	color: hsla(0, 0%, 100%, .7) !important
}

.quiz-container_rtl .result__bonuses-title,
.quiz-container_rtl .result__correct,
.quiz-container_rtl .result__text,
.quiz-container_rtl .result__title {
	text-align: right
}

.quiz-container_rtl .result__back-button {
	margin-left: .5rem
}

.quiz-container_rtl .result__retry .icon {
	margin-left: .5rem !important;
	margin-right: 0 !important
}

.preview-result {
	width: 100%
}

.preview-result_large {
	height: 190px;
	background-color: var(--color-bg-quiz, #fff)
}

.preview-result__bg,
.preview-result__content,
.preview-result__video-bg {
	position: absolute;
	top: 0;
	left: 0
}

.preview-result__bg {
	width: 100%;
	height: 100%;
	background: var(--color-bg-quiz, #fff) no-repeat 50%/cover
}

.preview-result__video-bg {
	height: 100%;
	width: 100%;
	padding-top: 0
}

.preview-result__video-bg iframe,
.preview-result__video-bg video {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	width: 100vw;
	height: 81.25vw;
	min-height: 121vh;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none
}

.preview-result__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	width: 100%;
	padding: 17px
}

.preview-result__title {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	text-align: left;
	-ms-flex-item-align: end;
	align-self: flex-end;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 21px
}

.preview-widget>* {
	border-radius: 10px
}

.preview-widget:hover {
	cursor: pointer
}

.preview-widget_open .preview-widget__close {
	height: 20px;
	width: 20px;
	border-radius: 100%;
	position: fixed;
	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;
	top: 7px;
	right: 6px;
	cursor: pointer;
	z-index: 1001;
	background-color: rgba(0, 0, 0, .2)
}

.preview-widget_open .preview-widget__close:before {
	content: "\2715";
	font-size: 13px;
	line-height: 13px;
	color: hsla(0, 0%, 100%, .7)
}

.preview-widget_open.preview-widget_mobile .preview-widget__close {
	width: 30px;
	height: 3px;
	border-radius: 3px;
	left: calc(50% - 15px);
	right: auto
}

.preview-widget_open.preview-widget_mobile .preview-widget__close:before {
	content: none
}

.preview-widget_open.preview-widget_fixed .preview-widget__question {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000
}

.disable-overscroll {
	overflow: hidden;
	width: 100%;
	position: fixed
}

.dark-tone .preview-widget__close {
	background-color: hsla(0, 0%, 100%, .2)
}

.dark-tone .preview-widget__close:before {
	color: hsla(0, 0%, 100%, .4)
}

.vk-settings {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	z-index: 2
}

.vk-settings__edit {
	background: var(--color-bg-6, #fff);
	opacity: .5;
	width: 2rem;
	height: 1rem
}

.vk-settings__edit:hover {
	opacity: 1
}

.vk-settings__edit-card {
	background: var(--color-bg-quiz, #fff);
	color: var(--color-bg-text, #4a4a4a)
}

.vk-settings__edit-card .button.is-danger {
	background-color: var(--color);
	color: var(--color-primary-text-button)
}

.vk-settings__edit-card .button.is-text {
	color: var(--color-bg-text, #4a4a4a)
}

.vk-settings__edit-card .button.is-text:hover {
	background-color: var(--color-bg-2, #f5f5f5)
}

:root {
	--light-grey-blue: #b1b5be;
	--gray: #e2e2e2;
	--dark-grey-blue: #2e2e54;
	--light-blue-grey: #d2d4d8;
	--white-two: #f7f7f7;
	--grey-blue: #69748c;
	--black: #000
}

@-webkit-keyframes fade-hide-button {
	0% {
		opacity: 0
	}

	30% {
		opacity: 0
	}

	to {
		opacity: .53
	}
}

@keyframes fade-hide-button {
	0% {
		opacity: 0
	}

	30% {
		opacity: 0
	}

	to {
		opacity: .53
	}
}

.app__start {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100vw;
	height: 100vh;
	background: var(--color-bg-quiz, #fff)
}

@media (max-width:767px) {
	.app__start {
		height: 100%
	}
}

.app__not-found {
	height: 100%;
	font-weight: 700;
	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;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: var(--color-bg-quiz, #fff);
	color: var(--color-bg-text)
}

.app__emoji {
	font-size: 35px
}

.app__loading-error {
	height: 100%;
	font-weight: 700;
	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
}

.app__retry-btn {
	background: var(--color);
	border-radius: 45px !important
}

.app__retry-btn,
.app__retry-btn:hover {
	color: var(--color-primary-text-button)
}

.app__loading {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent url(../img/loader.4c98b8f7.svg) no-repeat calc(50% + 40px) 50%;
	background-size: 160px
}

.app_widget-open {
	background: var(--color-bg-quiz, #fff)
}

.app_widget-open .app__start {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

h1 {
	font-size: 2em
}

h2 {
	font-size: 1.5em
}

h3 {
	font-size: 1.17em
}

.layout {
	background: var(--color-bg-10, #f8f8f8);
	position: relative;
	z-index: 1
}

@media (max-width:767px) {
	.layout {
		background: none
	}
}

@media (min-width:1201px) {
	.layout {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		min-height: 100%;
		height: auto
	}
}

.agreement {
	padding: 50px;
	max-width: 1024px;
	margin: 0 auto
}

@media (max-width:600px) {
	.agreement {
		padding: 20px
	}
}

.agreement__close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer
}

.agreement__title {
	font-size: 30px
}

.agreement__text {
	text-align: justify;
	margin-top: 20px
}

.agreement__button {
	margin-top: 20px;
	white-space: normal;
	min-height: 50px;
	overflow: hidden;
	background: #ca2f94 !important;
	color: #fff;
	position: fixed;
	bottom: 2rem;
	left: 50%;
	margin-left: -80px
}

.agreement__button:hover {
	color: #fff !important
}

.agreement__button:after {
	content: "";
	position: absolute;
	top: -50%;
	bottom: -50%;
	background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, .1)), color-stop(20%, hsla(0, 0%, 100%, .2)), to(hsla(0, 0%, 100%, .6)));
	background: linear-gradient(90deg, hsla(0, 0%, 100%, .1) 10%, hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .6));
	width: 20px;
	-webkit-transform: skewX(-45deg);
	transform: skewX(-45deg);
	left: -20%;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-animation-name: blick;
	animation-name: blick;
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes blick {

	15%,
	to {
		left: 110%
	}
}

@keyframes blick {

	15%,
	to {
		left: 110%
	}
}

.agreement__doc-frame {
	width: 100%;
	height: 60vh;
	background: #fff
}

.agreement__links {
	text-align: left
}