.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, 0.54);
}
.mdi-dark.mdi-inactive:before {
 color: rgba(0, 0, 0, 0.26);
}
.mdi-light:before {
 color: #fff;
}
.mdi-light.mdi-inactive:before {
 color: hsla(0, 0%, 100%, 0.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, 0.1);
 box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
.tooltip.popover .popover-arrow {
 border-color: #eadca9;
}
.tooltip[aria-hidden="true"] {
 visibility: hidden;
 opacity: 0;
 -webkit-transition:
  opacity 0.15s,
  visibility 0.15s;
 transition:
  opacity 0.15s,
  visibility 0.15s;
}
.tooltip[aria-hidden="false"] {
 visibility: visible;
 opacity: 1;
 -webkit-transition: opacity 0.15s;
 transition: opacity 0.15s;
}
@font-face {
 font-family: Gilroy;
 font-weight: 400;
}
@font-face {
 font-family: Gilroy;
 font-weight: 500;
}
@font-face {
 font-family: Gilroy;
 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.is-empty select {
 color: var(--color-bg-5, hsla(0, 0%, 47.8%, 0.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: #006ab6;
 --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;
}
#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, 0.3));
}
#app input::-moz-placeholder,
#app textarea::-moz-placeholder {
 color: var(--color-bg-6, rgba(54, 54, 54, 0.3));
}
#app input:-ms-input-placeholder,
#app textarea:-ms-input-placeholder {
 color: var(--color-bg-6, rgba(54, 54, 54, 0.3));
}
#app input::-ms-input-placeholder,
#app textarea::-ms-input-placeholder {
 color: var(--color-bg-6, rgba(54, 54, 54, 0.3));
}
#app input::placeholder,
#app textarea::placeholder {
 color: var(--color-bg-6, rgba(54, 54, 54, 0.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.65em;
}
#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);
}
.dark strong {
 color: #fff;
}
.custom strong {
 color: var(--color-bg-text);
}
.button {
 font-size: 20px !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_color_theme {
 -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 0.2s ease-in;
 transition: -webkit-box-shadow 0.2s ease-in;
 transition: box-shadow 0.2s ease-in;
 transition:
  box-shadow 0.2s ease-in,
  -webkit-box-shadow 0.2s ease-in;
}
.button_color_theme,
.button_color_theme:focus,
.button_color_theme:hover {
 color: var(--color-primary-text-button);
 background-color: var(--color) !important;
}
.button_color_theme:focus,
.button_color_theme:hover {
 -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,
.button.is-primary:focus,
.button.is-primary:hover {
 background: var(--color);
 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 0.2s ease-in;
 transition: all 0.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;
 }
}
.mb-1 {
 margin-bottom: 1rem;
}
.mb-2 {
 margin-bottom: 2rem;
}
.mb-3 {
 margin-bottom: 3rem;
}
.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 #006ab6;
 background: var(--color-bg-2, #fff);
}
.b-radio.radio input[type="radio"]:checked + .check:before {
 background: #006ab6;
 background-size: 21px;
}
.b-radio.radio:focus input[type="radio"] + .check {
 -webkit-box-shadow: none;
 box-shadow: none;
}
.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: 0.9rem;
 -webkit-box-shadow: none;
 box-shadow: none;
}
.b-checkbox.checkbox input[type="checkbox"]:focus:checked + .check {
 -webkit-box-shadow: none;
 box-shadow: none;
}
@-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: 0.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: 0.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: 0.5rem;
}
p:last-child {
 margin-bottom: 0;
}
@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%, 0.1)),
  color-stop(20%, hsla(0, 0%, 100%, 0.2)),
  to(hsla(0, 0%, 100%, 0.6))
 );
 background: linear-gradient(
  90deg,
  hsla(0, 0%, 100%, 0.1) 10%,
  hsla(0, 0%, 100%, 0.2) 20%,
  hsla(0, 0%, 100%, 0.6)
 );
 width: 20px;
 -webkit-transform: skewX(-45deg);
 transform: skewX(-45deg);
 left: -20%;
 -webkit-transition: all 0.6s ease;
 transition: all 0.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 0.2s ease-in-out;
 transition: all 0.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-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, 0.2));
 box-shadow: 0 0 5px 0 var(--color-bg-alpha2, rgba(0, 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 0.6s infinite;
 animation: dots 0.6s infinite;
}
.hide-scrollbar {
 scrollbar-width: none;
 -ms-overflow-style: none;
}
.hide-scrollbar::-webkit-scrollbar {
 display: none;
}
@-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;
 }
}
.cls-1[data-v-14468613] {
 opacity: 0.54;
}
.assistant {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 font-size: 0.9rem;
 width: 100%;
 -webkit-box-flex: 1;
 -ms-flex: 1 0;
 flex: 1 0;
 padding: 23px 19.6px;
 margin-bottom: auto;
 height: 100%;
 max-height: 380px;
 min-height: 0;
}
.assistant.no-assistant .assistant__block {
 padding-top: 0;
 height: 100%;
}
.assistant__person {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 80px;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
}
.assistant hr {
 margin: auto;
}
.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: 0.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 0.1s ease-in-out;
 transition: all 0.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, 0.16));
 box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.16));
}
.assistant__block {
 position: relative;
 padding-top: calc(0.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));
 font-style: var(--additional-font-style, normal);
}
.assistant__text ol,
.assistant__text ul {
 padding-left: 15px;
}
.assistant__text-title,
.assistant__text h1,
.assistant__text h2,
.assistant__text h3,
.assistant__text h4,
.assistant__text h5,
.assistant__text h6 {
 font-weight: 700;
 line-height: 1.2;
}
.assistant__text-title {
 font-size: 12px;
 margin-top: 0.6rem;
 margin-bottom: 0.4rem;
 text-align: left;
}
.assistant__text-arrow {
 top: calc(-0.6rem + -1px);
 left: 24px;
 display: block;
 position: absolute;
 width: 0.6rem;
}
.assistant__text-arrow:after,
.assistant__text-arrow:before {
 position: absolute;
 display: block;
 content: "";
 border-style: solid;
 border-color: transparent;
 border-width: 0.6rem 0.6rem 0.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, 0.05);
 box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
 border-radius: 4px;
 overflow-y: auto;
 overflow-x: hidden;
 -webkit-transition: height 0.3s linear;
 transition: height 0.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.has-hint .assistant__text {
 background-color: #fffaeb;
 border: 1px solid #eadba7;
}
.assistant.has-hint .assistant__text:before {
 border-bottom: 12px solid #fffaeb;
}
.assistant.has-hint .assistant__text h1,
.assistant.has-hint .assistant__text h2,
.assistant.has-hint .assistant__text h3,
.assistant.has-hint .assistant__text h4,
.assistant.has-hint .assistant__text h5,
.assistant.has-hint .assistant__text h6 {
 margin-bottom: 0.4rem;
}
.assistant.has-hint .assistant__block {
 padding-left: calc(0.6rem - 1px);
 margin-left: -12px;
 padding-top: 0;
 height: calc(100% - 180px);
}
.assistant.has-hint .assistant__text {
 min-height: 4rem;
}
.assistant.has-hint .assistant__text-arrow {
 left: calc(-0.6rem + -1px);
 top: 16px;
}
.assistant.has-hint .assistant__text-arrow:before {
 border-bottom-color: transparent;
 border-right-color: #eadba7;
}
.assistant.has-hint .assistant__text-arrow:after {
 border-bottom-color: transparent;
 border-right-color: #fffaeb;
 top: 0;
 left: 1px;
}
.assistant .animation-comment-enter-active,
.assistant .animation-comment-leave-active {
 -webkit-transition: var(--quiz-transition);
 transition: var(--quiz-transition);
}
.assistant .animation-comment-enter {
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
 opacity: 0;
}
.assistant .animation-comment-leave-to {
 opacity: 0;
}
.assistant .animation-hint-enter-active,
.assistant .animation-hint-leave-active {
 -webkit-transition: var(--quiz-transition);
 transition: var(--quiz-transition);
}
.assistant .animation-hint-enter {
 -webkit-transform: translateX(-10px);
 transform: translateX(-10px);
 opacity: 0;
}
.assistant .animation-hint-leave-to {
 opacity: 0;
}
.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));
}
.slide-fade-enter-active,
.slide-fade-leave-active {
 -webkit-transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
}
.slide-fade-enter {
 opacity: 0;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
.slide-fade-enter-to {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}
.slide-fade-leave-to {
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
 opacity: 0;
}
.assistant-mobile {
 display: grid;
 grid-gap: 12px;
 overflow: hidden;
 font-size: 0.9rem;
 width: 100%;
 grid-template-rows: auto 1fr;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 padding: 0 0;
}
.assistant-mobile__person {
 -webkit-box-align: inherit;
 -ms-flex-align: inherit;
 align-items: inherit;
 display: block;
 width: 40px;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 margin-right: 10px;
}
.assistant-mobile hr {
 margin: auto;
}
.assistant-mobile__name {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-item-align: center;
 align-self: center;
 -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;
 text-align: center;
 margin-left: 0;
}
.assistant-mobile__avatar {
 -webkit-box-flex: 0;
 -ms-flex: 0 0 78px;
 flex: 0 0 78px;
 text-align: center;
}
.assistant-mobile__avatar img {
 border-radius: 35px;
 height: 40px;
 width: 40px;
}
.assistant-mobile__text {
 overflow-x: hidden;
}
.assistant-mobile__text ol,
.assistant-mobile__text ul {
 padding-left: 20px;
}
.assistant-mobile__text-container {
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
 overflow: auto;
 padding-top: 2px;
 padding-bottom: 0;
 padding-right: 1rem;
}
.assistant-mobile__text-container::-webkit-scrollbar {
 width: 10px;
}
.assistant-mobile__text-container::-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-container::-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-container::-webkit-scrollbar-track-piece {
 background: var(--color-bg-1, #f0f0f0);
}
.assistant-mobile__text-container::-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-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-html h1,
.assistant-mobile__text-html h2,
.assistant-mobile__text-html h3,
.assistant-mobile__text-html h4,
.assistant-mobile__text-html h5,
.assistant-mobile__text-html h6 {
 font-weight: 700;
 line-height: 1.2;
}
.assistant-mobile__block {
 position: relative;
 color: var(--color-bg-text, #2e2e54);
 line-height: 1.2;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 text-align: left;
 -webkit-transition: max-height 0.3s ease;
 transition: max-height 0.3s ease;
 min-height: 50px;
 max-height: 68px;
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
 margin-right: 0;
 padding: 10px;
 border-radius: 20px 20px 20px 3px;
 background: var(--color-bg-1, #f0f0f0);
 cursor: pointer;
 overflow: auto;
}
.assistant-mobile__arrow {
 margin-right: 5px;
 margin-left: 5px;
 margin-bottom: 6px;
 position: absolute;
 top: 50%;
 margin-top: -3.5px;
 right: 15px;
 width: 15px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 -webkit-animation-name: arrow-pulse;
 animation-name: arrow-pulse;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 cursor: pointer;
 z-index: 20;
}
.assistant-mobile__arrow path {
 fill: var(--color-bg-9);
}
@-webkit-keyframes arrow-pulse {
 0% {
  opacity: 0.7;
 }
 50% {
  opacity: 1;
 }
 to {
  opacity: 0.7;
 }
}
@keyframes arrow-pulse {
 0% {
  opacity: 0.7;
 }
 50% {
  opacity: 1;
 }
 to {
  opacity: 0.7;
 }
}
.assistant-mobile__title {
 font-size: 16px;
 font-weight: 500;
 margin: 0;
 color: var(--color-bg-text, #2e2e54);
 line-height: 1.125;
 word-break: break-word;
 -ms-flex-item-align: self-start;
 align-self: self-start;
 white-space: pre;
}
.assistant-mobile__subtitle {
 font-size: 12px;
 color: var(--color-bg-alpha7, #69748c);
 font-weight: 400;
 line-height: 1.25;
 margin: 0;
 margin-left: 8px;
 margin-right: 35px;
 margin-bottom: -2px;
 white-space: nowrap;
 overflow: hidden;
 word-break: break-word;
 text-overflow: ellipsis;
}
.assistant-mobile__status {
 display: inline-block;
 width: 5px;
 height: 5px;
 border-radius: 2.5px;
 background-color: #11983f;
 margin-right: 7px;
 margin-bottom: 1px;
 margin-top: 5px;
 color: #69748c;
}
.assistant-mobile__header {
 font-size: 13px;
 font-weight: 700;
 line-height: 1.54;
 text-align: left;
 color: #2e2e49;
}
.assistant-mobile__expanded-link {
 font-weight: 500;
 text-decoration: none;
 border-bottom: 1px dashed var(--color);
}
.assistant-mobile__expanded-link:focus,
.assistant-mobile__expanded-link:hover {
 text-decoration: none;
}
.assistant-mobile.has-text {
 height: 100%;
 grid-template-rows: 110px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.assistant-mobile.no-assistant {
 grid-template-rows: 1fr;
}
.assistant-mobile.has-assistant {
 grid-template-rows: 70px 1px;
 grid-template-columns: auto auto 1fr;
 padding: 23px 0 0;
}
.assistant-mobile.has-hint .assistant-mobile__block {
 background: #fffaeb;
 border: 1px solid #eadca9;
 border-radius: 20px 20px 3px 20px;
}
.assistant-mobile.has-hint .assistant-mobile__text-html {
 margin-top: 4px;
}
.assistant-mobile.has-hint .assistant-mobile__arrow {
 -webkit-animation: none;
 animation: none;
 color: #d1d0d1;
 top: auto;
 bottom: 2px;
 right: 10px;
}
.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(hsla(0, 0%, 96.9%, 0)),
  color-stop(52%, hsla(0, 0%, 96.9%, 0.9)),
  to(#f7f7f7)
 );
 background-image: linear-gradient(
  90deg,
  hsla(0, 0%, 96.9%, 0),
  hsla(0, 0%, 96.9%, 0.9) 52%,
  #f7f7f7
 );
 border-radius: 0 25px 25px 0;
}
.assistant-mobile.is-expanded .assistant-mobile__text:after {
 content: none;
}
.assistant-mobile.is-expanded .assistant-mobile__block {
 -webkit-transition: max-height 0.3s ease;
 transition: max-height 0.3s ease;
 max-height: 150px;
}
.assistant-mobile.is-expanded .assistant-mobile__arrow {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 top: auto;
 bottom: 15px;
}
.assistant-mobile.no-assistant .assistant-mobile__text-html {
 font-style: normal;
}
.custom .assistant-mobile.has-more .assistant-mobile__text:after,
.dark .assistant-mobile.has-more .assistant-mobile__text:after {
 background-image: none;
}
svg[data-v-d187c184] {
 height: 33px;
 border-radius: 50px;
 background: #fff;
 fill: var(--color);
 padding: 8px;
 -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 0.2s ease-in-out;
 transition: opacity 0.2s ease-in-out;
}
.image-with-loader_loading {
 background-image: url(https://markizopros.info/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, 0.1);
 box-shadow: 1.9px 6.7px 7px 0 rgba(0, 0, 0, 0.1);
}
.bonus__layer {
 background: -webkit-gradient(
  linear,
  left top,
  right top,
  from(rgba(0, 0, 0, 0.1)),
  to(rgba(0, 0, 0, 0.55))
 );
 background: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 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, 0.1));
 box-shadow: 0 4px 10px 0 var(--color-bg-alpha2, rgba(0, 0, 0, 0.1));
}
.bonus__lock-icon svg {
 z-index: 2;
 fill: #fff;
 height: 11px !important;
}
.bonus__unlock svg {
 position: absolute;
 top: 50%;
 left: 20%;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 -webkit-animation: pulse 1s ease 0s infinite;
 animation: pulse 1s ease 0s infinite;
}
.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, 0.2);
}
.bonus_locked {
 cursor: not-allowed;
}
.bonus_unlocked {
 cursor: pointer;
}
.bonus_type_custom .bonus__wrapper {
 background-size: 100% auto;
 background-position: 0 50%;
}
.bonus_type_custom.bonus_unlocked .bonus__layer {
 opacity: 0;
}
.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, 0.1);
 box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.bonus_type_emoji .bonus__lock-icon {
 background-color: #8d8d8d;
}
.bonus_type_emoji .bonus__text {
 color: var(--dark-grey-blue);
 max-width: 60%;
}
.bonus_type_emoji .bonus__unlock {
 z-index: 1;
}
.bonus_type_emoji .bonus__unlock svg {
 height: 44px;
 left: 15%;
}
.bonus_type_emoji.bonus_locked .bonus__layer,
.bonus_type_emoji.bonus_unlocked .bonus__layer {
 background: #d1d1d1;
 opacity: 1;
}
.bonus_type_emoji.bonus_unlocked .bonus__layer {
 background: #fff;
 opacity: 1;
}
@media (max-width: 1118px) {
 .bonus_unexpanded.bonus.bonus_type_custom .bonus__wrapper {
  background-size: cover;
 }
 .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__locked {
 cursor: pointer;
}
.bonus_expanded.bonus:not(.bonus_type_custom) .bonus__layer {
 display: none;
}
.bonus_expanded.bonus:not(.bonus_type_custom) .bonus__text {
 color: var(--grey-blue);
 text-shadow: none;
}
.bonus_expanded.bonus:not(.bonus_type_custom) .bonus__wrapper {
 background-size: 55px 59px;
 background-position-y: 4px;
}
.bonus_expanded.bonus:not(.bonus_type_custom).bonus_single.bonus_type_emoji
 img {
 height: 30px;
 width: 30px;
}
.bonus_expanded.bonus:not(.bonus_type_custom).bonus_single.bonus_type_emoji
 .bonus__emoji {
 margin-left: 2px;
}
.bonus_expanded.bonus:not(.bonus_type_custom).bonus_type_emoji img {
 height: 40px;
 width: 40px;
}
.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: 100% auto;
 background-position: 0 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: 60%;
 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: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -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);
 }
}
.answer_long {
 line-height: 1.3;
}
.answer__title {
 word-break: break-word;
 font-size: 14px;
}
.answer_long .answer__title {
 font-weight: 700;
 margin-bottom: 0.375rem;
}
.answer_long .answer__title + .answer__text {
 color: var(--color-bg-6, var(--grey-blue));
}
.other-input {
 height: 100%;
 width: 100%;
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.other-input label input {
 display: none !important;
}
.other-input .field {
 width: 100%;
}
.other-input .control {
 height: 100%;
 width: 100%;
}
.other-input .control input,
.other-input .control textarea {
 width: 100%;
 border: none !important;
 background: var(--color-bg-2, #f7f7f7);
 border-top-left-radius: 0 !important;
 border-bottom-left-radius: 0 !important;
 max-height: 100% !important;
}
.other-input .control textarea {
 min-height: 100% !important;
 resize: none;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.other-input .counter {
 position: absolute;
 bottom: 0;
 right: 5px;
 opacity: 0.5;
 color: #999;
 font-size: 10px;
}
.answer_verifying-end {
 pointer-events: none;
}
.answer_verifying-correct {
 --color-alpha: var(--color-success);
 --color: var(--color-success);
 background-color: var(--color-success-light);
}
.answer_verifying-correct.b-checkbox.checkbox,
.answer_verifying-correct .b-checkbox.checkbox,
.answer_verifying-correct.b-radio.radio,
.answer_verifying-correct .b-radio.radio {
 overflow: hidden;
}
.answer_verifying-correct.b-checkbox.checkbox:after,
.answer_verifying-correct .b-checkbox.checkbox:after,
.answer_verifying-correct.b-radio.radio:after,
.answer_verifying-correct .b-radio.radio:after {
 content: "";
 height: 120px;
 width: 120px;
 border-radius: 50%;
 display: block;
 opacity: 0;
 position: absolute;
 top: -34px;
 left: -34px;
 background-color: var(--color);
 will-change: transition;
 -webkit-animation: flash 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
 animation: flash 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.answer_verifying-correct.b-radio.radio input[type="radio"] + .check,
.answer_verifying-correct .b-radio.radio input[type="radio"] + .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);
 display: block !important;
}
.answer_verifying-correct.b-radio.radio input[type="radio"] + .check:before,
.answer_verifying-correct .b-radio.radio input[type="radio"] + .check:before {
 background: var(--color);
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
}
.answer_verifying-correct.b-checkbox.checkbox input[type="checkbox"] + .check,
.answer_verifying-correct .b-checkbox.checkbox input[type="checkbox"] + .check {
 background: url(https://markizopros.info/img/mark.e3f2a312.svg) no-repeat
  50%/0.9rem !important;
 background-color: var(--color) !important;
 -webkit-transition: none !important;
 transition: none !important;
}
.answer_verifying-correct.b-checkbox.checkbox:after,
.answer_verifying-correct .b-checkbox.checkbox:after {
 top: -37px;
}
.answer_verifying-correct .answer-image,
.answer_verifying-correct.answer-one-image__variant-text,
.answer_verifying-correct.answer-variants__variant-text {
 border: solid 1px var(--color) !important;
}
.answer_verifying-correct.answer-one-image__variant-text.b-radio.radio:after,
.answer_verifying-correct.answer-one-image__variant-text .b-radio.radio:after {
 top: -37px;
}
.answer_verifying-correct.answer-images__answer-container.b-checkbox.checkbox:after,
.answer_verifying-correct.answer-images__answer-container
 .b-checkbox.checkbox:after,
.answer_verifying-correct.answer-images__answer-container.b-radio.radio:after,
.answer_verifying-correct.answer-images__answer-container .b-radio.radio:after {
 left: auto;
 top: -27px;
 right: -27px;
}
.answer_verifying-correct.answer-images__answer-container
 .b-radio.radio
 input[type="radio"]
 + .check:before {
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
}
.answer_verifying-correct.answer-images__answer-container
 .b-checkbox.checkbox
 input[type="checkbox"]
 + .check {
 display: block !important;
 background: url(https://markizopros.info/img/mark.e3f2a312.svg) no-repeat
  50%/21px !important;
 background-color: var(--color) !important;
}
.answer_verifying-correct.answer-emoji__item-wrapper.b-checkbox.checkbox:after,
.answer_verifying-correct.answer-emoji__item-wrapper .b-checkbox.checkbox:after,
.answer_verifying-correct.answer-emoji__item-wrapper.b-radio.radio:after,
.answer_verifying-correct.answer-emoji__item-wrapper .b-radio.radio:after {
 left: auto;
 top: -43px;
 right: -43px;
}
.answer_verifying-correct.answer-emoji__item-wrapper.b-checkbox.checkbox,
.answer_verifying-correct.answer-emoji__item-wrapper.b-radio.radio {
 border: solid 1px var(--color);
}
.answer_verifying-correct.answer-emoji__item-wrapper.b-checkbox.checkbox
 input[type="checkbox"]
 + .check {
 display: block !important;
 background: url(https://markizopros.info/img/mark.e3f2a312.svg) no-repeat
  50%/0.9rem !important;
 background-color: var(--color) !important;
}
.answer_verifying-wrong {
 --color-alpha: var(--color-danger);
 --color: var(--color-danger);
 pointer-events: none;
 background-color: var(--color-danger-light);
}
.answer_verifying-wrong.b-checkbox.checkbox
 input[type="checkbox"]:checked
 + .check,
.answer_verifying-wrong
 .b-checkbox.checkbox
 input[type="checkbox"]:checked
 + .check {
 -webkit-animation: swing 0.6s ease-out forwards;
 animation: swing 0.6s ease-out forwards;
 background-image: url(https://markizopros.info/img/close.831d21da.svg);
 background-size: 0.6rem !important;
 background-position: 48%;
 -webkit-transition: none !important;
 transition: none !important;
}
.answer_verifying-wrong.b-radio.radio input[type="radio"]:checked + .check,
.answer_verifying-wrong .b-radio.radio input[type="radio"]:checked + .check {
 -webkit-animation: headShake 0.6s ease-out forwards;
 animation: headShake 0.6s ease-out forwards;
}
.answer_verifying-wrong.answer-emoji__item-wrapper.b-checkbox.checkbox,
.answer_verifying-wrong.answer-emoji__item-wrapper.b-radio.radio {
 border: solid 1px var(--color-alpha);
}
.answer_verifying-wrong.answer-emoji__item-wrapper.b-checkbox.checkbox
 input[type="checkbox"]:checked
 + .check {
 -webkit-animation: headShake 0.6s ease-out forwards;
 animation: headShake 0.6s ease-out forwards;
}
.answer_verifying-wrong.answer-images__answer-container
 .b-checkbox.checkbox
 input[type="checkbox"]:checked
 + .check {
 -webkit-animation: headShake 0.6s ease-out forwards;
 animation: headShake 0.6s ease-out forwards;
 background-size: 16px !important;
}
.answer_verifying-wrong.answer-one-image__variant-text_selected {
 border-color: var(--color-danger);
}
.answer-select .select select option.answer_verifying-correct,
.answer-select .select select option.answer_verifying-wrong {
 position: relative;
 pointer-events: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.answer-select .select select option.answer_verifying-correct:after,
.answer-select .select select option.answer_verifying-wrong:after {
 position: absolute;
 right: 2%;
 top: 20%;
 bottom: 0;
 content: "";
 display: block;
 width: 30px;
 height: 30px;
 background: url(https://markizopros.info/img/mark.e3f2a312.svg) no-repeat
  50%/1.3rem;
 background-color: var(--color-success);
 border-radius: 50%;
}
.answer-select .select select option.answer_verifying-wrong:after {
 background-color: var(--color-danger);
 -webkit-animation: headShake 0.6s ease-out forwards;
 animation: headShake 0.6s ease-out forwards;
}
.answer-select .select select option.answer_verifying-correct:after {
 -webkit-animation: zoomIn 0.1s ease-in-out forwards;
 animation: zoomIn 0.1s ease-in-out forwards;
}
.answer-select__verifying-correct .select.is-multiple select {
 border: 1px solid var(--color-success);
}
@media (max-width: 767px) {
 .answer-select__verifying-correct .select select option {
  color: var(--color-success) !important;
 }
}
.answer-select__verifying-correct .select:not(.is-multiple):not(:active) {
 --color-bg-text: var(--color-success);
 --color-bg-2: var(--color-success);
 --color-lighten: var(--color-success);
 --color: var(--color-success);
}
.answer-select__verifying-correct .select select:hover {
 border: 1px solid var(--color-success) !important;
}
.answer-select__verifying-wrong {
 pointer-events: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.answer-select__verifying-wrong .select.is-multiple select {
 border: 1px solid var(--color-danger);
}
.answer-select__verifying-wrong .select:not(.is-multiple) {
 --color-bg-text: var(--color-danger);
 --color-bg-2: var(--color-danger);
 --color-lighten: var(--color-danger);
 --color: var(--color-danger);
}
.answer-select__verifying-wrong .select select:hover {
 border: 1px solid var(--color-danger) !important;
}
.answer-variants {
 /* overflow: hidden; */
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
}
.answer-variants__other {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: stretch;
 -ms-flex-align: stretch;
 align-items: stretch;
}
.answer-variants__other label {
 -webkit-box-flex: 1;
 -ms-flex: 1 1 52px;
 flex: 1 1 52px;
 width: 52px !important;
 max-width: 52px;
}
.answer-variants__other .field {
 -webkit-box-flex: 1;
 -ms-flex: 1 1 100%;
 flex: 1 1 100%;
}
.answer-variants__other input {
 border: none !important;
 background: var(--color-bg-2, #f7f7f7);
 border-top-left-radius: 0 !important;
 border-bottom-left-radius: 0 !important;
}
.answer-variants__other .control,
.answer-variants__other input {
 height: 100% !important;
}
.answer-variants__group {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -ms-flex-line-pack: distribute;
 align-content: space-around;
 overflow-x: hidden;
 overflow-y: auto;
}
.answer-variants__group::-webkit-scrollbar {
 width: 10px;
}
.answer-variants__group::-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);
}
.answer-variants__group::-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);
}
.answer-variants_has_image .answer-variants__group {
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-flow: column nowrap;
 flex-flow: column nowrap;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -webkit-box-flex: 2;
 -ms-flex: 2 1 47%;
 flex: 2 1 47%;
 margin-right: 1rem;
}
@media (max-width: 767px) {
 .answer-variants_has_image .answer-variants__group {
  margin: 0;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
 }
}
.answer-variants__answerContainer {
 text-align: left;
}
.answer-variants__variant-text {
 -webkit-box-flex: 0;
 -ms-flex: 0 1 49%;
 flex: 0 1 49%;
 margin-bottom: 1rem;
 border-radius: 5px;
 border: solid 1px var(--color-bg-2, rgba(217, 216, 230, 0.55));
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 will-change: box-shadow;
 -webkit-transition: -webkit-box-shadow 0.15s ease-out;
 transition: -webkit-box-shadow 0.15s ease-out;
 transition: box-shadow 0.15s ease-out;
 transition:
  box-shadow 0.15s ease-out,
  -webkit-box-shadow 0.15s ease-out;
}
.answer-variants_has_image .answer-variants__variant-text {
 -webkit-box-flex: 0;
 -ms-flex: 0 1 auto;
 flex: 0 1 auto;
}
.answer-variants_long .answer-variants__variant-text {
 -webkit-box-flex: 1;
 -ms-flex: 1 0 100%;
 flex: 1 0 100%;
}
.answer-variants__variant-text:focus,
.answer-variants__variant-text:hover {
 -webkit-box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.1));
 box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.1));
}
@media (max-width: 767px) {
 .answer-variants__variant-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
 }
}
.answer-variants__variant-text .control-label {
 padding-left: 1rem !important;
}
.answer-variants__variant-text label {
 padding: 0.8rem 1rem;
 width: 100%;
 text-align: left;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 100%;
}
.answer-variants__variant-text_selected {
 -webkit-box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.1));
 box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.1));
 border: solid 1px var(--color-alpha);
}
.answer-variants__gradient {
 display: none;
}
.answer-variants .check {
 -webkit-box-flex: 0;
 -ms-flex: 0 0 1.25rem;
 flex: 0 0 1.25rem;
}
.answer-variants_long .check {
 -ms-flex-item-align: start;
 align-self: flex-start;
}
.answer-variants_has_image {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-flow: row nowrap;
 flex-flow: row nowrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 max-height: 100%;
}
@media (max-width: 767px) {
 .answer-variants_has_image {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
 }
}
.answer-variants__image {
 -webkit-box-flex: 0;
 -ms-flex: 0 1 47%;
 flex: 0 1 47%;
 margin-left: 1rem;
}
@media (max-width: 767px) {
 .answer-variants_has_image .answer-variants__image {
  margin: 0;
  margin-bottom: 1rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
 }
}
.answer-variants__image-img {
 /* border-radius: 4px; */
 height: 300px;
 object-fit: cover;
}

.telCont {
 margin-bottom: 20px !important;
}

.answer-variants__dummy-loading {
 width: 100%;
 height: 275px;
 background: var(--color-bg-1, #f6f5f6);
 position: relative;
 padding: 5%;
 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;
}
.answer-variants__dummy-loading:after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 bottom: 0;
 background: url(https://markizopros.info/img/image-loader.3e3a718c.svg)
  no-repeat 58% 48%;
 background-size: 75px auto;
}
.answer-one-image {
 overflow-x: hidden;
 overflow-y: auto;
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 max-height: 100%;
 height: 100%;
}
.answer-one-image__group {
 -webkit-box-flex: 2;
 -ms-flex: 2 1 47%;
 flex: 2 1 47%;
 margin-right: 1rem;
 overflow: hidden;
 overflow-y: auto;
}
@media (max-width: 767px) {
 .answer-one-image__group {
  overflow-y: visible;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
 }
}
.answer-one-image__group::-webkit-scrollbar {
 width: 10px;
}
.answer-one-image__group::-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);
}
.answer-one-image__group::-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);
}
.answer-one-image__image {
 -webkit-box-flex: 0;
 -ms-flex: 0 1 47%;
 flex: 0 1 47%;
 margin-left: 1rem;
}
.answer-one-image__image img {
 border-radius: 4px;
 max-width: 380px;
 max-height: 307px;
}
@media (max-width: 767px) {
 .answer-one-image__image {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
 }
 .answer-one-image__image img {
  width: 100%;
 }
}
.answer-one-image__dummy {
 color: var(--color-bg-alpha7, #4a4a4a);
}
.answer-one-image__dummy,
.answer-one-image__dummy-loading {
 width: 100%;
 height: 275px;
 background: var(--color-bg-1, #f6f5f6);
 padding: 5%;
 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;
}
.answer-one-image__dummy-loading {
 position: relative;
}
.answer-one-image__dummy-loading:after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 bottom: 0;
 background: url(https://markizopros.info/img/image-loader.3e3a718c.svg)
  no-repeat 58% 48%;
 background-size: 75px auto;
}
.answer-one-image__other {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: stretch;
 -ms-flex-align: stretch;
 align-items: stretch;
}
.answer-one-image__other label {
 -webkit-box-flex: 1;
 -ms-flex: 1 1 52px;
 flex: 1 1 52px;
 width: 52px !important;
}
.answer-one-image__other .field {
 -webkit-box-flex: 1;
 -ms-flex: 1 1 100%;
 flex: 1 1 100%;
}
.answer-one-image__other input {
 border: none !important;
 background: var(--color-bg-1, #f7f7f7);
 height: 48px !important;
}
.answer-one-image__answerContainer {
 text-align: left;
}
.answer-one-image__variant-text {
 margin-bottom: 1rem;
 border-radius: 5px;
 border: solid 1px var(--color-bg-2, rgba(217, 216, 230, 0.55));
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.answer-one-image__variant-text:last-child {
 margin-bottom: 0;
}
.answer-one-image__variant-text .control-label {
 padding-left: 1rem !important;
}
.answer-one-image__variant-text label {
 padding: 0.8rem 1rem;
 width: 100%;
 text-align: left;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 100%;
}
.answer-one-image__variant-text_selected {
 -webkit-box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.1));
 box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, 0.1));
}
.answer-one-image__gradient {
 display: none;
}
.answer-one-image .check {
 -webkit-box-flex: 0;
 -ms-flex: 0 0 1.25rem;
 flex: 0 0 1.25rem;
}
@media (max-width: 767px) {
 .answer-one-image {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
 }
 .answer-one-image__group,
 .answer-one-image__image {
  margin: 0;
 }
 .answer-one-image__image {
  margin-bottom: 1rem;
 }
}
.dark .answer-one-image__variant-text_selected,
.light .answer-one-image__variant-text_selected {
 border: solid 1px var(--color-alpha);
}
.answer-select__field:hover + .answer-select__hint {
 opacity: 1;
}
.answer-select__hint {
 text-align: left;
 font-size: 14px;
 -webkit-transition: opacity 0.2s ease-in-out;
 transition: opacity 0.2s ease-in-out;
 opacity: 0;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 color: var(--grey-blue);
}
@media (max-width: 1118px) {
 .answer-select__hint {
  display: none;
 }
}
.answer-select__hint-key {
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 margin-left: 5px;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 font-size: 12px;
 color: var(--color);
 font-weight: 800;
 text-transform: uppercase;
 background-color: var(--white-two);
 border-radius: 4px;
 padding: 3px 5px;
}
.answer-select__hint_mac span {
 padding-left: 24px !important;
 background-image: url(https://markizopros.info/img/cmd_key.1c87121c.svg);
 background-repeat: no-repeat;
 background-position: 5px;
 background-size: 14px;
}
.answer-select .select {
 width: 100%;
}
.answer-select .select:not(.is-multiple):not(.is-loading):after {
 border-color: var(--color);
}
.answer-select .select.is-multiple select {
 padding: 5px 10px;
}
.answer-select select {
 width: 100%;
}
.answer-select select:active,
.answer-select select:focus {
 outline: none;
 border-color: var(--color-lighten);
 -webkit-box-shadow: none;
 box-shadow: none;
}
.answer-slider {
 margin-top: 10px;
}
.answer-slider input {
 background: none !important;
}
.answer-slider__container .input {
 min-height: 50px;
 font-size: 18px;
}
.answer-slider__container .input:focus {
 -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16) !important;
 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16) !important;
}
.answer-slider__container .select {
 width: 100%;
}
.answer-slider__container .select:focus {
 outline: none;
 border-color: var(--color-lighten);
 -webkit-box-shadow: none;
 box-shadow: none;
}
.answer-slider__container .is-grouped {
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -ms-flex-wrap: nowrap !important;
 flex-wrap: nowrap !important;
}
.answer-slider__container .is-grouped .field {
 max-width: 160px;
}
@media (max-width: 767px) {
 .answer-slider__container .is-grouped .field {
  max-width: 139px;
 }
}
.answer-slider__container .control {
 max-width: 160px;
}
@media (max-width: 767px) {
 .answer-slider__container .control {
  max-width: 100%;
 }
}
.answer-slider__limit {
 font-size: 0.75em;
 color: var(--color-bg-alpha7, #b1b5be);
}
.answer-slider .vue-slider-dot-tooltip {
 -webkit-font-smoothing: antialiased;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform: translate3d(calc(-50% - 0.5px), calc(-100% - 0.5px), 0);
 transform: translate3d(calc(-50% - 0.5px), calc(-100% - 0.5px), 0);
 font-weight: 500;
}
.answer-slider .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner:before {
 content: "";
 position: absolute;
 bottom: -10px;
 left: 50%;
 width: 0;
 height: 0;
 border: 5px solid transparent;
 border-top-color: inherit;
 -webkit-transform: translate(-50%);
 transform: translate(-50%);
}
.answer-file {
 position: relative;
}
.answer-file .tags {
 margin: 0 !important;
}
.answer-file__header {
 font-size: 18px;
 font-weight: 500;
 line-height: 1.33;
 color: var(--color-bg-alpha7, #494949);
}
.answer-file__text {
 font-size: 14px;
 font-weight: 500;
 line-height: 1.31;
 color: var(--color-bg-6, #69748c);
 margin-top: 0.5rem;
}
.answer-file__limit.tag {
 position: absolute;
 top: 1rem;
 left: 1rem;
 color: var(--color);
 font-weight: 500;
 display: none;
 z-index: 20;
 background: var(--color-bg-quiz, #fff);
}
.answer-file__file-tag {
 background: var(--color, #fff);
 color: var(--color-text);
}
.answer-file__icon.svg-icon svg {
 height: 33px;
}
.answer-file:focus .answer-file__limit,
.answer-file:hover .answer-file__limit {
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
}
.answer-file .upload {
 width: 100%;
}
.answer-file .upload-draggable {
 width: 100%;
 border: dashed 1px var(--color-bg-3, #d2d4d8);
}
.answer-file .upload-draggable.is-primary:hover {
 border-color: var(--color-lighten);
 background: var(--color-alpha2);
}
.extend-input {
 border-radius: 4px;
 overflow: hidden;
 height: 55px;
 overflow: visible;
}
.extend-input,
.extend-input__icon {
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
}
.extend-input__icon {
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 height: 100%;
 padding: 0 12px;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 background: var(--color-bg-7, var(--white-two));
 border: solid 1px var(--color-bg-2, var(--light-blue-grey));
 border-right: 0;
 border-radius: 4px 0 0 4px;
 cursor: pointer;
}
.extend-input__icon .mdi-icon {
 width: 26px;
 display: inline;
 fill: var(--color-bg-alpha7, var(--light-blue-grey));
}
.extend-input__icon-text {
 margin-left: 9px;
 padding-right: 5px;
 font-size: 16px;
 font-weight: 500;
 color: var(--color-bg-alpha7, var(--light-grey-blue));
}
@media (min-width: 819px) {
 .extend-input__icon-text_default {
  display: none;
 }
}
.extend-input__input {
 width: 135px;
 font-size: 18px;
 text-align: center;
 -webkit-transition: border 0.5s ease;
 transition: border 0.5s ease;
 border: solid 1px var(--color-bg-2, var(--light-blue-grey)) !important;
 color: var(--color-bg-alpha7, #4a4a4a);
 border-radius: 0 4px 4px 0 !important;
 height: 100%;
 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;
}
.extend-input__input input {
 cursor: text;
 background: var(--color-bg-quiz, #fff) !important;
}
.extend-input__input input:invalid {
 border: 0;
 outline: none;
 -webkit-box-shadow: none;
 box-shadow: none;
}
.extend-input__input input::-webkit-input-placeholder {
 color: red;
}
.extend-input__input input::-moz-placeholder {
 color: red;
}
.extend-input__input input:-ms-input-placeholder {
 color: red;
}
.extend-input__input input::-ms-input-placeholder {
 color: red;
}
.extend-input__input input::placeholder {
 color: red;
}
.extend-input_focused .extend-input__input {
 border: 1px solid var(--color) !important;
}
.quiz__questions .datepicker-header {
 border-bottom-color: var(--color-bg-3, #dbdbdb);
}
.quiz__questions .datepicker-header .pagination select {
 background: none !important;
}
.quiz__questions .datepicker .dropdown input {
 background: var(--color-bg-quiz, #fff) !important;
}
.date-question {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.date-question .dropdown-content {
 background-color: var(--color-bg-quiz, #fff) !important;
}
.date-question__placeholder {
 color: var(--color-bg-alpha7, rgba(54, 54, 54, 0.3));
}
.date-question__hyphen {
 display: inline-block;
 width: 20px;
 height: 1px;
 margin: 0 15px;
 background-color: var(--color-bg-alpha7, var(--light-blue-grey));
}
.date-question__button-wrapper {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 padding-top: 10px;
}
.date-question__button {
 width: 48%;
 display: -webkit-box;
 display: -ms-flexbox;
 border-radius: 4px;
 height: 40px;
 line-height: 40px;
 font-size: 16px;
 background: none;
 color: var(--color-bg-6, var(--grey-blue));
 border: 0;
 background: var(--color-bg-7, var(--white-two));
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 cursor: pointer;
}
.date-question__button span {
 line-height: 1;
}
.date-question__button:focus {
 outline: none;
}
.date-question__button::-moz-focus-inner {
 border: 0;
}
.date-question__button .icon {
 margin-right: 5px;
}
.date-question__button_apply {
 color: var(--color);
 background-color: var(--color-alpha2);
 -webkit-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.date-question__button_apply-filled {
 color: var(--color-primary-text-button);
 background-color: var(--color);
}
.date-question__button_apply[disabled] {
 pointer-events: none;
 opacity: 0.5;
}
.date-question__button_width_100 {
 width: 100%;
}
@media (max-width: 819px) {
 .date-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
 }
 .date-question__hyphen {
  display: none;
 }
 .date-question__extend-input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
 }
 .date-question__extend-input .extend-input__input {
  width: calc(100% - 120px);
 }
 .date-question__extend-input .extend-input__icon {
  width: 120px;
 }
 .date-question__extend-input .extend-input__icon-text {
  padding-right: 0;
  margin: 0 auto;
 }
 .date-question__extend-input_hidden {
  display: inherit;
  width: inherit;
  height: inherit;
  margin-bottom: 0;
 }
 .date-question__extend-input_hidden .extend-input__icon {
  display: none;
 }
 .date-question__extend-input_hidden .extend-input__input {
  display: inherit;
  width: inherit;
  height: inherit;
  border: 0 !important;
 }
 .date-question__extend-input_hidden .date-question__placeholder {
  display: none;
 }
 .date-question .date-picker_hidden {
  width: auto;
 }
 .date-question__fake-input {
  display: none;
 }
}
.masked-input {
 display: block;
 width: 100%;
 border: 0 !important;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 height: 53px;
 text-align: center;
 font-size: 18px;
}
.date-picker:focus {
 outline: 0 !important;
}
.date-picker_hidden {
 width: 0;
}
.date-picker .is-active:not(.is-inline) > .background {
 display: block;
}
.date-picker .is-active:not(.is-inline) > .dropdown-menu {
 position: fixed;
 top: 25% !important;
 left: 50% !important;
 z-index: 50;
 -webkit-transform: translateX(-50%) translateY(-25%);
 transform: translateX(-50%) translateY(-25%);
 bottom: auto !important;
 right: auto !important;
}
.date-picker .is-active:not(.is-inline) > .dropdown-menu .dropdown-item:focus {
 outline: 0;
}
.date-picker input {
 border: 0 !important;
 text-align: center;
}
.date-picker .dropdown {
 height: 100% !important;
}
.date-picker .dropdown .datepicker-table:focus,
.date-picker .dropdown .dropdown-content:focus,
.date-picker .dropdown .dropdown-item:focus,
.date-picker .dropdown .dropdown-menu:focus,
.date-picker .dropdown:focus {
 outline: none;
}
.date-picker .dropdown .background {
 background: rgba(0, 0, 0, 0.5);
}
.date-picker .datepicker-header {
 padding-bottom: 0;
}
.date-picker .datepicker-header .pagination .has-text-primary {
 color: var(--color-bg-3, var(--light-blue-grey)) !important;
 height: 12px !important;
}
.date-picker .datepicker-header .pagination .pagination-previous {
 border: 0;
 margin: 0;
 padding: 0;
 -webkit-box-ordinal-group: 2;
 -ms-flex-order: 1;
 order: 1;
 min-width: auto;
 -webkit-box-flex: 0 !important;
 -ms-flex-positive: 0 !important;
 flex-grow: 0 !important;
 margin-right: auto;
}
.date-picker .datepicker-header .pagination .pagination-previous:active {
 -webkit-box-shadow: none;
 box-shadow: none;
}
.date-picker .datepicker-header .pagination .pagination-previous .icon {
 height: auto !important;
 width: auto !important;
}
.date-picker .datepicker-header .pagination .pagination-next {
 border: 0;
 margin: 0;
 padding: 0;
 -webkit-box-ordinal-group: 4;
 -ms-flex-order: 3;
 order: 3;
 min-width: auto;
 -webkit-box-flex: 0 !important;
 -ms-flex-positive: 0 !important;
 flex-grow: 0 !important;
 margin-left: auto;
}
.date-picker .datepicker-header .pagination .pagination-next:active {
 -webkit-box-shadow: none;
 box-shadow: none;
}
.date-picker .datepicker-header .pagination .pagination-next .icon {
 height: auto !important;
 width: auto !important;
}
.date-picker .datepicker-header .pagination .pagination-list {
 -webkit-box-ordinal-group: 3;
 -ms-flex-order: 2;
 order: 2;
}
.date-picker .datepicker-header .pagination .pagination-list .field {
 position: relative;
}
.date-picker .datepicker-header .pagination .pagination-list .field:after {
 display: block;
 position: absolute;
 top: 100%;
 content: "";
 width: 100%;
 height: 5px;
 top: 84%;
 border-radius: 5px;
 background: var(--color);
}
.date-picker
 .datepicker-header
 .pagination
 .pagination-list
 .field
 .select:first-child {
 margin: 0 5px;
}
.date-picker
 .datepicker-header
 .pagination
 .pagination-list
 .field
 .select:after {
 display: none !important;
}
.date-picker
 .datepicker-header
 .pagination
 .pagination-list
 .field
 .select
 select {
 border: 0 !important;
 padding: 0 !important;
 height: auto !important;
 background: var(--color-bg-quiz, #fff) !important;
 color: var(--color-bg-text, #363636) !important;
}
.date-picker
 .datepicker-header
 .pagination
 .pagination-list
 .field
 .select
 select:focus {
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
}
.date-picker .datepicker-content {
 height: auto !important;
}
.date-picker .datepicker-table {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}
.date-picker .datepicker-table .datepicker-header {
 display: none;
}
.date-picker .datepicker-table .datepicker-body {
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}
.date-picker .datepicker-table .datepicker-body,
.date-picker .datepicker-table .datepicker-body .datepicker-row {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.date-picker
 .datepicker-table
 .datepicker-body
 .datepicker-row
 .datepicker-cell {
 cursor: pointer;
 width: 43px;
 height: 43px;
 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;
 text-decoration: none;
 margin: 3.5px;
 border: solid 1px var(--color-bg-3, var(--light-blue-grey));
 font-size: 16px;
 font-weight: 400;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 color: var(--color-bg-text, #4a4a4a);
}
.date-picker
 .datepicker-table
 .datepicker-body
 .datepicker-row
 .datepicker-cell.is-first {
 border: solid 1px var(--color) !important;
 background: var(--color) !important;
 color: #fff !important;
}
.date-picker
 .datepicker-table
 .datepicker-body
 .datepicker-row
 .datepicker-cell.is-selected {
 border: solid 1px var(--color);
 background: var(--color);
 color: #fff;
}
.date-picker
 .datepicker-table
 .datepicker-body
 .datepicker-row
 .datepicker-cell.is-unselectable {
 border: 0;
 color: var(--color-bg-4, #e8e8e8);
 cursor: default;
}
.date-picker
 .datepicker-table
 .datepicker-body
 .datepicker-row
 .datepicker-cell.is-unselectable.is-within {
 border: solid 1px var(--color-bg-2);
 background-color: var(--color-alpha2);
 color: var(--color-bg-6);
}
.date-picker
 .datepicker-table
 .datepicker-body
 .datepicker-row
 .datepicker-cell.is-within:not(.is-first) {
 border: solid 1px var(--color-bg-2, var(--light-blue-grey));
 background-color: var(--color-alpha2, var(--color-alpha2));
 color: var(--color-bg-6, var(--dark-grey-blue));
}
.date-picker
 .datepicker-table
 .datepicker-body
 .datepicker-row
 .datepicker-cell.is-selectable:hover:not(.is-selected):not(.is-within) {
 background-color: var(--color-bg-1, #f5f5f5);
 color: var(--color-bg-text, #0a0a0a);
}
.date-picker
 .datepicker-table
 .datepicker-body
 .datepicker-row
 .datepicker-cell.is-selectable:focus:not(.is-selected) {
 background-color: var(--color-bg-1, var(--color));
 color: var(--color-bg-text, var(--color-text));
}
.date-picker .datepicker-table .datepicker-maximum-weeks .datepicker-cell {
 width: 38px !important;
 height: 38px !important;
}
@media (max-width: 320px) {
 .date-picker .datepicker-table .datepicker-maximum-weeks .datepicker-cell {
  width: 32px !important;
  height: 32px !important;
 }
}
.date-picker .datepicker-footer {
 padding: 0;
 margin: 0;
 border-top: 0;
 width: 100%;
}
@media (max-width: 1023px) {
 .date-picker .dropdown-menu {
  width: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  overflow-y: visible !important;
  height: auto !important;
 }
}
@media (max-width: 819px) {
 .date-picker .dropdown-content {
  -webkit-box-shadow: none;
  box-shadow: none;
 }
}
@media (max-width: 360px) {
 .date-picker .datepicker-cell {
  width: 36px !important;
  height: 36px !important;
 }
}
@media (max-width: 320px) {
 .date-picker .datepicker-cell {
  width: 32px !important;
  height: 32px !important;
 }
}
.time-picker_highlight {
 color: var(--color) !important;
}
.time-picker_highlight .dropdown-content {
 border: solid 1px var(--color) !important;
}
.time-picker .is-active {
 display: block !important;
}
.time-picker .is-active .dropdown-menu {
 display: block;
 -webkit-transform: none;
 transform: none;
 position: static;
}
.time-picker .is-active .dropdown-menu .dropdown-content {
 padding: 0 !important;
 -webkit-box-shadow: unset;
 box-shadow: unset;
 border: solid 1px var(--color-bg-4, #d1d1d1);
}
.time-picker .is-active .dropdown-menu .dropdown-content .dropdown-item {
 padding: 0 !important;
}
.time-picker__title {
 color: var(--color-bg-alpha7, var(--light-grey-blue));
 display: block;
 text-align: center;
 margin-top: 10px;
}
.time-picker .field {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: distribute !important;
 justify-content: space-around !important;
 text-align: center;
}
.time-picker .field .control:not(.is-colon) {
 font-size: 16px;
 width: 45%;
 text-align: center !important;
}
.time-picker .field .control:not(.is-colon) .select {
 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-sizing: border-box;
 box-sizing: border-box;
 text-align: center;
}
.time-picker .field .control:not(.is-colon) .select select {
 font-size: 24px;
 padding: 0;
 display: block;
 text-align: center !important;
 font-weight: 400 !important;
 height: auto !important;
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
 border: non !important;
 width: 100%;
 -moz-text-align-last: center !important;
 text-align-last: center !important;
 text-align: -webkit-center !important;
}
@media (max-width: 819px) {
 .time-picker .field .control:not(.is-colon) .select select {
  width: auto;
  border-right: 6vw solid transparent;
  border-left: 6vw solid transparent;
 }
}
.time-picker .field .control:not(.is-colon) .select select::-moz-focus-inner {
 border: 0;
}
.time-picker .field .control:not(.is-colon) .select select:focus {
 outline: 0 !important;
 border: 0 !important;
}
.time-picker .field .control:not(.is-colon) .select select option {
 font-size: 16px;
}
.time-picker .field .is-colon {
 color: var(--color-bg-text, #4a4a4a);
}
.dark .date-question__button_apply {
 background: none;
 border: 1px solid var(--color-bg-9);
 color: var(--color-bg-6);
}
.dark .date-question__button_apply-filled,
.dark .date-question__button_apply:hover {
 background: var(--color-bg-2);
 color: var(--color-bg-text);
}
.light
 .date-picker
 .datepicker-table
 .datepicker-body
 .datepicker-row
 .datepicker-cell.is-unselectable {
 border: 1px solid #e8e8e8;
}
.youtube-player,
.youtube-player__poster {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 width: 100%;
 height: 100%;
}
.youtube-player__poster {
 background: 50% / cover no-repeat;
}
.vimeo-player,
.vimeo-player__poster {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 width: 100%;
 height: 100%;
}
.vimeo-player__poster {
 background: 50% / cover no-repeat;
}
iframe.coub-player {
 pointer-events: all !important;
}
iframe.coub-player.coub-player_is-playing {
 pointer-events: none !important;
}
.video-bg {
 overflow: hidden;
}
.video-bg,
.video-bg__player,
.video-bg__stub {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.video-bg__stub {
 right: 0;
 background-color: var(--color-bg-1, #d2d4d8);
 background-image: url(https://markizopros.info/img/video-off-outline.42c83ef3.svg);
 background-repeat: no-repeat;
 background-position: 50%;
 z-index: 1;
}
.video-bg button {
 background-color: none;
 border: 0;
}
.video-bg button.is-visible {
 display: block;
}
.video-bg button:active {
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
}
.video-bg button:focus {
 outline: none;
}
.video-bg button:hover {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
.video-bg__mute {
 display: none;
 position: absolute;
 bottom: 0;
 right: 0;
 width: 60px;
 height: 60px;
 z-index: 1;
 background: 50% / contain no-repeat;
 cursor: pointer;
}
.video-bg__mute:hover {
 display: block;
}
.video-bg__mute.is-on {
 background-image: url(https://markizopros.info/img/volume-high-shadow.ead9a29img3.png);
}
.video-bg__mute.is-off {
 background-image: url(https://markizopros.info/img/volume-off-shadow.f332dbff.png);
}
.video-bg__replay {
 display: none;
 position: absolute;
 bottom: 0;
 right: 0;
 width: 60px;
 height: 60px;
 z-index: 2;
 background: 50% / contain no-repeat;
 background-image: url(https://markizopros.info/img/replay-shadow.8d612fd4.png);
 cursor: pointer;
}
.video-bg__loading {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: var(--color-bg-1, #d2d4d8)
  url(https://markizopros.info/img/loader.4c98b8f7.svg) no-repeat
  calc(50% + 40px) 50%;
 background-size: 160px;
}
.answer-statement {
 text-align: left;
 font-size: 1rem;
 line-height: 22px;
}
.answer-statement__text {
 color: var(--color-bg-text, #69748c);
}
.answer-statement__video {
 position: relative;
 height: 0;
 padding-top: 56.25%;
}
.answer-statement__video iframe,
.answer-statement__video video {
 position: absolute;
 top: 50% !important;
 left: 50% !important;
 min-height: 100%;
 width: 100%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 pointer-events: none;
}
.answer-statement__image-dummy-loading {
 background: url(https://markizopros.info/img/image-loader.3e3a718c.svg) 50%
  no-repeat;
 width: 100%;
 height: 100px;
 -webkit-filter: drop-shadow(0 0 3px var(--color-bg-quiz, #fff)) invert(0.3);
 filter: drop-shadow(0 0 3px var(--color-bg-quiz, #fff)) invert(0.3);
}
.verifying-result {
 text-align: left;
 font-size: 1rem;
 line-height: 22px;
}
.verifying-result__state {
 padding: 0.8rem 1rem;
 border-radius: 4px;
 background: -webkit-gradient(
  linear,
  left top,
  right top,
  from(var(--color-bg-1, #f7f7f7)),
  to(var(--color-bg-quiz, hsla(0, 0%, 96.9%, 0)))
 );
 background: linear-gradient(
  90deg,
  var(--color-bg-1, #f7f7f7),
  var(--color-bg-quiz, hsla(0, 0%, 96.9%, 0))
 );
}
.verifying-result_verified .verifying-result__state {
 background: -webkit-gradient(
  linear,
  left top,
  right top,
  from(rgba(59, 173, 75, 0.2)),
  to(var(--color-bg-quiz, rgba(59, 173, 75, 0) 100%))
 );
 background: linear-gradient(
  90deg,
  rgba(59, 173, 75, 0.2),
  var(--color-bg-quiz, rgba(59, 173, 75, 0) 100%)
 );
}
.verifying-result__explanation,
.verifying-result__phrase {
 color: var(--color-bg-alpha7, #69748c);
}
.verifying-result__phrase {
 font-size: 0.875rem;
 font-weight: 500;
}
.verifying-result_verified .verifying-result__phrase {
 color: #3bad4b;
}
.verifying-result__answer {
 color: var(--color-bg-text, #2e2e54);
 font-weight: 500;
}
.verifying-result__answer .icon {
 vertical-align: bottom;
 margin: 0 0 1px 8px;
}
.verifying-result__answer .icon svg path {
 fill: #3bad4b;
}
.question::-webkit-scrollbar {
 width: 10px;
}
.question::-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);
}
.question::-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);
}
.question_images {
 height: auto;
}
@media (min-width: 768px) {
 .question_one-image {
  overflow-y: hidden !important;
 }
}
@media (min-width: 768px) {
 .question_slider {
  overflow-y: visible !important;
 }
}
.question_select {
 height: 100%;
}
.arrow {
 width: 14px;
 height: 10px;
 -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 {
 padding: 20px 15px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 text-align: center;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 font-weight: 700;
 color: #2e2e54;
 border-radius: 3px;
 -webkit-box-shadow: 0 3px 10px 0 rgba(255, 221, 111, 0.36);
 box-shadow: 0 3px 10px 0 rgba(255, 221, 111, 0.36);
 background-color: #ffdd6f;
 border: 1px solid #fdcd32;
}
@media (max-width: 818px) {
 .discount {
  -webkit-box-shadow: 0 3px 6px 0 #f4cf5b;
  box-shadow: 0 3px 6px 0 #f4cf5b;
  padding: 17px 0.5rem 17px 15px;
 }
}
.discount.is-unexpanded .discount__icon {
 margin-top: 5px;
 margin-left: -2px;
}
.discount.is-unexpanded .discount__label-text {
 opacity: 0;
}
.discount:not(.is-unexpanded) .discount__icon {
 -webkit-animation-name: slide-icon-left;
 animation-name: slide-icon-left;
 background-color: #ffdd6f;
 margin-right: 0;
 -webkit-transform: translateX(-10px);
 transform: translateX(-10px);
 opacity: 0;
 width: 0;
}
.discount__icon {
 width: 18px;
 -webkit-animation-name: slide-right-icon;
 animation-name: slide-right-icon;
 -webkit-animation-duration: 0.3s;
 animation-duration: 0.3s;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 opacity: 1;
}
@media (max-width: 818px) {
 .discount__icon {
  display: block;
 }
}
@-webkit-keyframes slide-right-icon {
 0% {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
 }
 to {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
 }
}
@keyframes slide-right-icon {
 0% {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
 }
 to {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
 }
}
.discount__label {
 font-size: 14px;
 font-weight: 700;
 white-space: nowrap;
 margin-right: 5px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
@media (max-width: 818px) {
 .discount__label {
  font-size: 12px;
  font-weight: 400;
 }
}
.discount__label-text {
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 max-width: 95px;
 z-index: 1;
}
.discount__price {
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 font-size: 16px;
 font-weight: 700;
 white-space: nowrap;
 max-width: 50%;
 z-index: 2;
}
@media (max-width: 818px) {
 .discount__price {
  font-size: 14px;
  max-width: 100%;
 }
}
.discount__value {
 position: relative;
 z-index: 2;
}
@media (min-width: 818px) {
 .discount__value {
  background-color: #ffdd6f;
 }
 .discount__value:before {
  position: absolute;
  left: -20px;
  content: "";
  display: block;
  width: 20px;
  height: 24px;
  background: -webkit-gradient(
   linear,
   right top,
   left top,
   from(#fedc77),
   color-stop(50.29%, #fedc77),
   to(rgba(254, 220, 119, 0))
  );
  background: linear-gradient(
   270deg,
   #fedc77,
   #fedc77 50.29%,
   rgba(254, 220, 119, 0)
  );
  z-index: 1;
 }
}
.discount__bubble {
 position: absolute;
 color: #44bc75;
 top: -15px;
 right: 0;
 font-size: 12px;
 opacity: 0;
 -webkit-animation-name: bubble;
 animation-name: bubble;
 -webkit-animation-duration: 1.5s;
 animation-duration: 1.5s;
}
@media (max-width: 818px) {
 .discount__bubble_desktop {
  display: block;
 }
}
.discount__bubble_mobile {
 white-space: nowrap;
 color: #fff;
 background: rgba(68, 188, 117, 0.769);
 padding: 2px 5px;
 border-radius: 3px;
 top: 8px;
 right: 50px;
 -webkit-animation-name: bubble-down;
 animation-name: bubble-down;
}
@media (min-width: 768px) {
 .discount__bubble_mobile {
  display: none;
 }
}
.discount__bubble_mobile:not(.is-unexpanded) {
 opacity: 0;
 -webkit-animation-duration: 0s;
 animation-duration: 0s;
}
@-webkit-keyframes bubble {
 0% {
  opacity: 0;
  top: 0;
 }
 50% {
  top: -15px;
  opacity: 1;
 }
 to {
  opacity: 0;
 }
}
@keyframes bubble {
 0% {
  opacity: 0;
  top: 0;
 }
 50% {
  top: -15px;
  opacity: 1;
 }
 to {
  opacity: 0;
 }
}
@-webkit-keyframes bubble-down {
 0% {
  opacity: 0;
  top: -40%;
 }
 50% {
  top: 8px;
  opacity: 1;
 }
 to {
  opacity: 0;
 }
}
@keyframes bubble-down {
 0% {
  opacity: 0;
  top: -40%;
 }
 50% {
  top: 8px;
  opacity: 1;
 }
 to {
  opacity: 0;
 }
}
.discount__symbol {
 font-weight: 400;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: end;
 -ms-flex-align: end;
 align-items: flex-end;
}
.discount__symbol svg {
 height: 16px;
 fill: #2e2e54;
 stroke: #2e2e54;
}
.discount__arrows {
 position: absolute;
 top: -15px;
 right: -9px;
}
.discount__arrows.is-unexpanded {
 position: absolute !important;
 top: 4px !important;
 left: 28px;
 right: auto;
}
.discount__arrows.is-down {
 top: -12px;
}
[data-v-44fad548]: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-44fad548 {
 0% {
  opacity: 0;
 }
 30% {
  opacity: 0;
 }
 to {
  opacity: 0.53;
 }
}
@keyframes fade-hide-button-data-v-44fad548 {
 0% {
  opacity: 0;
 }
 30% {
  opacity: 0;
 }
 to {
  opacity: 0.53;
 }
}
.whitelabel[data-v-44fad548] {
 white-space: nowrap;
}
.whitelabel__container[data-v-44fad548] {
 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-44fad548],
.whitelabel a[data-v-44fad548] {
 color: var(--color-bg-6, #7e8ca8);
 opacity: 1 !important;
 visibility: visible !important;
}
.whitelabel a[data-v-44fad548] {
 display: block !important;
 font-weight: 900;
}
.whitelabel__icon[data-v-44fad548] {
 display: block !important;
 opacity: 1 !important;
 visibility: visible !important;
 height: 13px;
}
.whitelabel__icon-bg[data-v-44fad548] {
 display: -webkit-box !important;
 display: -ms-flexbox !important;
 display: flex !important;
 opacity: 1 !important;
 visibility: visible !important;
 margin-right: 8px;
 padding: 3px;
 border-radius: 2px;
 background: var(--color-white-label, none);
}
.result-loader,
.whitelabel__icon-bg[data-v-44fad548] {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.result-loader {
 min-height: 80px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-flow: column nowrap;
 flex-flow: column nowrap;
}
.result-loader__text {
 margin-top: auto;
 position: relative;
 font-size: 1rem;
 font-weight: 500;
 line-height: 1.19;
 color: var(--color-bg-6, #777b95);
}
.result-loader__emoji {
 width: 70px;
 margin-bottom: 10px;
}
@media (max-width: 767px) {
 .result-loader__emoji {
  width: 60px;
 }
}
.result-loader__slide-enter {
 opacity: 0;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
.result-loader__slide-enter-active {
 -webkit-backface-visibility: hidden;
 -webkit-transition:
  opacity 0.2s ease-in-out,
  -webkit-transform 0.2s ease-in-out;
 transition:
  opacity 0.2s ease-in-out,
  -webkit-transform 0.2s ease-in-out;
 transition:
  opacity 0.2s ease-in-out,
  transform 0.2s ease-in-out;
 transition:
  opacity 0.2s ease-in-out,
  transform 0.2s ease-in-out,
  -webkit-transform 0.2s ease-in-out;
}
.result-loader__slide-enter-to {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
.result-loader__slide_bottomTop-enter {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
.result-loader__slide_bottomTop-enter-active {
 -webkit-backface-visibility: hidden;
 -webkit-transition:
  opacity 0.2s ease-in-out,
  -webkit-transform 0.2s ease-in-out;
 transition:
  opacity 0.2s ease-in-out,
  -webkit-transform 0.2s ease-in-out;
 transition:
  opacity 0.2s ease-in-out,
  transform 0.2s ease-in-out;
 transition:
  opacity 0.2s ease-in-out,
  transform 0.2s ease-in-out,
  -webkit-transform 0.2s ease-in-out;
}
.result-loader__slide_bottomTop-enter-to {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
.result-loader__slide-emoji-enter {
 opacity: 0;
}
.result-loader__slide-emoji-enter-active {
 -webkit-transition: opacity 0.11s ease-in-out;
 transition: opacity 0.11s ease-in-out;
}
.result-loader__slide-emoji-enter-to,
.result-loader__slide-emoji-leave {
 opacity: 1;
}
.result-loader__slide-emoji-leave-active {
 -webkit-transition: opacity 0.11s ease-in-out;
 transition: opacity 0.11s ease-in-out;
}
.result-loader__slide-emoji-leave-to {
 opacity: 0;
}
.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;
}
.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: center;
 -ms-flex-align: center;
 align-items: center;
}
.price-label__discount svg {
 width: 12px;
}
.result {
 background: var(--color-bg-quiz, #fff);
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 min-height: 100%;
}
@media (min-width: 1119px) {
 .result {
  max-width: 600px !important;
  margin: 0 auto;
 }
}
.result__container {
 -ms-flex-direction: column;
 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: 600px;
 min-width: 550px;
 padding: 1.8rem;
 padding-bottom: 0;
 -ms-flex: 1;
 flex: 1;
}
.result__container,
.result__content {
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -webkit-box-flex: 1;
}
.result__content {
 padding-top: 25px;
 padding-bottom: 10px;
 margin-bottom: auto;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-negative: 0;
 flex-shrink: 0;
 -ms-flex-positive: 1;
 flex-grow: 1;
}
@media (max-width: 1200px) {
 .result__content {
  padding-bottom: 110px;
 }
}
.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;
}
.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__video {
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 width: 100%;
 max-height: 480px;
 cursor: pointer;
 -ms-flex-negative: 0;
 flex-shrink: 0;
}
.result__video-stub {
 width: 100%;
 height: 300px;
 background-color: var(--color-bg-1, #d2d4d8);
 background-image: url(https://markizopros.info/img/video-off-outline.42c83ef3.svg);
}
.result__video-muted,
.result__video-stub {
 background-repeat: no-repeat;
 background-position: 50%;
}
.result__video-muted {
 display: none;
 position: absolute;
 top: calc(50% - 30px);
 left: calc(50% - 30px);
 width: 60px;
 height: 60px;
 z-index: 1000;
 background-size: contain;
}
.result__video-muted:hover {
 display: block;
}
.result__video-muted.is-on {
 background-image: url(https://markizopros.info/img/volume-high-shadow.ead9a29img3.png);
}
.result__video-muted.is-off {
 background-image: url(https://markizopros.info/img/volume-off-shadow.f332dbff.png);
}
.result__video-muted.is-visible {
 display: block;
}
.result__video-replay {
 display: none;
 position: absolute;
 top: calc(50% - 30px);
 left: calc(50% - 30px);
 width: 60px;
 height: 60px;
 z-index: 1000;
 background-image: url(https://markizopros.info/img/replay-shadow.8d612fd4.png);
 background-repeat: no-repeat;
 background-position: 50%;
 background-size: contain;
}
.result__video-replay.is-visible {
 display: block;
}
.result__video_cloud:before {
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 top: 60%;
 background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  from(rgba(38, 41, 59, 0)),
  to(#26293b)
 );
 background: linear-gradient(180deg, rgba(38, 41, 59, 0), #26293b);
 opacity: 0.8;
 content: "";
}
.result__iframe {
 width: 100%;
 min-height: 306px;
}
.result__cost_in-bg {
 position: absolute;
 left: 1rem;
 bottom: 0.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: 0.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__text ol,
.result__text ul {
 padding-left: 1.6rem;
 padding-top: 0.4rem;
}
.result__text ul {
 list-style: disc;
}
.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, 0.08);
 box-shadow: 0 0 15px 0 rgba(0, 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: 0;
 right: 1.5rem;
 height: 100%;
 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__back-button {
 margin-right: 0.5rem;
 width: 53px;
 border-radius: 50%;
 padding: 0;
 color: rgba(0, 0, 0, 0.4) !important;
 border: 1px solid rgba(0, 0, 0, 0.1) !important;
 background-color: transparent !important;
 -webkit-transition: 0.2s ease-out;
 transition: 0.2s ease-out;
}
.result__back-button[disabled] {
 color: rgba(0, 0, 0, 0.2) !important;
 opacity: 1;
}
.result__back-button[disabled]:focus,
.result__back-button[disabled]:hover {
 color: rgba(0, 0, 0, 0.2) !important;
}
.result__back-button:focus,
.result__back-button:hover {
 color: rgba(0, 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;
 color: var(--color-bg-6, #777b95);
}
@media (min-width: 1119px) {
 .result__retry {
  margin-bottom: 10px;
 }
}
.result__retry:hover {
 color: var(--color-bg-5, #363636);
}
.result__retry .icon {
 margin-right: 5px !important;
}
.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);
}
@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: 25px 1rem 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
 }
 .result .result__bonuses {
  width: 100%;
 }
 .result .result__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 250px;
  border-radius: 0;
 }
 .result .result__video-stub {
  height: 186px;
 }
 .result .result__iframe {
  min-height: 186px;
 }
 .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 (min-width: 600px) and (max-width: 818px) {
 .result .result__video:not(.result__video_cloud) {
  height: 380px;
 }
 .result .result__iframe {
  min-height: 340px;
 }
}
.dark-tone .result__navpad {
 -webkit-box-shadow: 0 0 15px 0 hsla(0, 0%, 100%, 0.08);
 box-shadow: 0 0 15px 0 hsla(0, 0%, 100%, 0.08);
}
.dark-tone .result__back-button {
 color: hsla(0, 0%, 100%, 0.6) !important;
 border: 1px solid hsla(0, 0%, 100%, 0.1) !important;
 background-color: transparent !important;
 -webkit-transition: 0.2s ease-out;
 transition: 0.2s ease-out;
}
.dark-tone .result__back-button[disabled] {
 color: hsla(0, 0%, 100%, 0.3) !important;
 opacity: 1;
}
.dark-tone .result__back-button[disabled]:focus,
.dark-tone .result__back-button[disabled]:hover {
 color: hsla(0, 0%, 100%, 0.3) !important;
}
.dark-tone .result__back-button:focus,
.dark-tone .result__back-button:hover {
 color: hsla(0, 0%, 100%, 0.7) !important;
}
[data-v-0b1be1e8]: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-0b1be1e8 {
 0% {
  opacity: 0;
 }
 30% {
  opacity: 0;
 }
 to {
  opacity: 0.53;
 }
}
@keyframes fade-hide-button-data-v-0b1be1e8 {
 0% {
  opacity: 0;
 }
 30% {
  opacity: 0;
 }
 to {
  opacity: 0.53;
 }
}
.sidebar-mobile[data-v-0b1be1e8] {
 position: fixed;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 right: 0;
 top: 50%;
 width: 41px;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 z-index: 99;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.sidebar-mobile.is-expanded[data-v-0b1be1e8] {
 width: 186px;
}
.sidebar-mobile__discount[data-v-0b1be1e8] {
 position: relative;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.sidebar-mobile__discount[data-v-0b1be1e8]:not(.is-expanded) {
 margin-left: calc(100% - 41px);
}
.sidebar-mobile__discount:not(.is-expanded)
 .sidebar-mobile__discount-close[data-v-0b1be1e8] {
 display: none;
}
.sidebar-mobile__discount-component[data-v-0b1be1e8] {
 height: 35px;
 padding-left: 10px;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;
}
.sidebar-mobile__discount-close[data-v-0b1be1e8] {
 position: absolute;
 left: -30px;
 top: 5px;
 -webkit-animation-name: fade-hide-button-data-v-0b1be1e8;
 animation-name: fade-hide-button-data-v-0b1be1e8;
 -webkit-animation-duration: 0.5s;
 animation-duration: 0.5s;
 opacity: 0.53;
 color: var(--color-bg-9, #4a4a4a);
}
.sidebar-mobile__bonuses[data-v-0b1be1e8] {
 margin-top: 12px;
 position: relative;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.sidebar-mobile__bonuses[data-v-0b1be1e8]:not(.is-expanded) {
 margin-left: calc(100% - 41px);
}
.sidebar-mobile__bonuses:not(.is-expanded)
 .sidebar-mobile__bonuses-close[data-v-0b1be1e8] {
 display: none;
}
.sidebar-mobile__bonuses-close[data-v-0b1be1e8] {
 position: absolute;
 left: -30px;
 top: 5px;
 -webkit-animation-name: fade-hide-button-data-v-0b1be1e8;
 animation-name: fade-hide-button-data-v-0b1be1e8;
 -webkit-animation-duration: 0.5s;
 animation-duration: 0.5s;
 opacity: 0.53;
 color: var(--color-bg-9, #4a4a4a);
}
.sidebar-mobile__bonuses-list[data-v-0b1be1e8] {
 padding: 20px 15px;
 background-color: var(--color-bg-quiz, #fff);
 -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
 overflow: hidden;
 float: right;
 width: 0;
 opacity: 0;
}
.sidebar-mobile__bonuses-list.is-expanded[data-v-0b1be1e8] {
 width: 100%;
 opacity: 1;
 -webkit-animation-name: show-bonuses-data-v-0b1be1e8;
 animation-name: show-bonuses-data-v-0b1be1e8;
 -webkit-animation-duration: 0.2s;
 animation-duration: 0.2s;
}
@-webkit-keyframes show-bonuses-data-v-0b1be1e8 {
 0% {
  width: 41px;
  opacity: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
 }
 10% {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
 }
 20% {
  opacity: 0;
 }
 to {
  padding: 20px 15px;
  width: 100%;
  opacity: 1;
 }
}
@keyframes show-bonuses-data-v-0b1be1e8 {
 0% {
  width: 41px;
  opacity: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
 }
 10% {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
 }
 20% {
  opacity: 0;
 }
 to {
  padding: 20px 15px;
  width: 100%;
  opacity: 1;
 }
}
.sidebar-mobile__bonuses-list[data-v-0b1be1e8]:not(.is-expanded) {
 -webkit-animation-name: hide-bonuses-data-v-0b1be1e8;
 animation-name: hide-bonuses-data-v-0b1be1e8;
 -webkit-animation-duration: 0.8s;
 animation-duration: 0.8s;
 width: 0;
 opacity: 0;
}
@-webkit-keyframes hide-bonuses-data-v-0b1be1e8 {
 0% {
  width: 100%;
  opacity: 1;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
 }
 10% {
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
 }
 30% {
  opacity: 0;
 }
 to {
  padding-left: 0;
  padding-right: 0;
  width: 0;
  opacity: 0;
 }
}
@keyframes hide-bonuses-data-v-0b1be1e8 {
 0% {
  width: 100%;
  opacity: 1;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
 }
 10% {
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
 }
 30% {
  opacity: 0;
 }
 to {
  padding-left: 0;
  padding-right: 0;
  width: 0;
  opacity: 0;
 }
}
.sidebar-mobile__bonuses-title[data-v-0b1be1e8] {
 height: 35px;
 color: var(--color-bg-9, #fff);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 padding-left: 10px;
 font-size: 12px;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 border-radius: 3px 0 0 3px;
 background: var(--color);
 -webkit-box-shadow: 0 3px 6px 0 var(--color);
 box-shadow: 0 3px 6px 0 var(--color);
}
.sidebar-mobile__bonuses-title.is-expanded[data-v-0b1be1e8] {
 padding-left: 15px;
 border-radius: 3px 0 0 0;
}
.sidebar-mobile__bonuses-icon[data-v-0b1be1e8] {
 margin-right: 20px;
 -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;
 -webkit-animation-name: slide-icon-left-data-v-0b1be1e8;
 animation-name: slide-icon-left-data-v-0b1be1e8;
 color: #fff;
}
.sidebar-mobile__bonuses-icon.is-expanded[data-v-0b1be1e8] {
 margin-right: 0;
 opacity: 0;
 width: 0;
}
@-webkit-keyframes slide-icon-left-data-v-0b1be1e8 {
 0% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  margin-right: 20px;
 }
 to {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
  margin-right: 0;
  width: 0;
 }
}
@keyframes slide-icon-left-data-v-0b1be1e8 {
 0% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  margin-right: 20px;
 }
 to {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
  margin-right: 0;
  width: 0;
 }
}
.sidebar-mobile__bonuses-text[data-v-0b1be1e8] {
 -webkit-animation-name: fade-hide-button-data-v-0b1be1e8;
 animation-name: fade-hide-button-data-v-0b1be1e8;
 -webkit-animation-duration: 0.2s;
 animation-duration: 0.2s;
 white-space: nowrap;
 color: var(--color-primary-text-button, #4a4a4a);
 text-overflow: ellipsis;
 overflow: hidden;
}
.empty-result {
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 height: 100vh;
 background: var(--color-bg-quiz, #fff);
}
.empty-result,
.empty-result__wrapper {
 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;
}
.empty-result__wrapper {
 margin: auto;
}
.empty-result__buttons {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
}
.empty-result__buttons .button {
 margin: 0 15px;
}
@media (max-width: 818px) {
 .empty-result__buttons {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 60%;
 }
}
.empty-result__white-label {
 margin-bottom: 20px;
}
.empty-result__text {
 font-size: 24px;
 font-weight: 500;
 margin-bottom: 24px;
 color: var(--color-bg-text, #020202);
 padding: 0 5px;
}
@media (max-width: 818px) {
 .empty-result__text {
  max-width: 90%;
 }
}
.empty-result__emoji {
 margin: 0 auto 24px auto;
}
.empty-result__button-retry {
 font-size: 14px !important;
 color: #777b95;
 background: #f5f5f5 !important;
}
.empty-result__button-next {
 -webkit-box-shadow: 0 3px 10px 0 var(--color-alpha);
 box-shadow: 0 3px 10px 0 var(--color-alpha);
}
.empty-result .button {
 margin-top: 1rem;
}
@media (min-width: 1201px) {
 .empty-result {
  width: 100vw;
 }
}
.progress-bar-linear {
 margin-bottom: 5px;
}
.progress-bar-linear__label {
 font-size: 12px;
 text-align: left;
 font-weight: 500;
 line-height: 1.2;
 margin-bottom: 8px;
 height: 18px;
 position: relative;
}
.progress-bar-linear__label span {
 font-size: 14px;
 color: var(--color);
 font-weight: 700;
 margin-left: 10px;
}
@media (max-width: 818px) {
 .progress-bar-linear__label {
  margin-bottom: 0;
 }
}
.progress-bar-linear__field {
 height: 6px;
 position: relative;
 background: var(--color-bg-8, #dbdbdb);
 border-radius: 25px;
 -webkit-box-shadow: inset 0 -1px 1px var(--color-bg-2, hsla(0, 0%, 100%, 0.3));
 box-shadow: inset 0 -1px 1px var(--color-bg-2, hsla(0, 0%, 100%, 0.3));
}
.progress-bar-linear__field span {
 display: block;
 height: 100%;
 border-radius: 20px;
 background-image: -webkit-gradient(
  linear,
  left top,
  right top,
  from(var(--color-darken10)),
  to(var(--color-lighten10))
 );
 background-image: linear-gradient(
  90deg,
  var(--color-darken10),
  var(--color-lighten10)
 );
 -webkit-box-shadow:
  inset 0 2px 9px hsla(0, 0%, 100%, 0.3),
  inset 0 -2px 6px rgba(0, 0, 0, 0.4),
  0.6px 1.9px 7px 0 var(--color-alpha);
 box-shadow:
  inset 0 2px 9px hsla(0, 0%, 100%, 0.3),
  inset 0 -2px 6px rgba(0, 0, 0, 0.4),
  0.6px 1.9px 7px 0 var(--color-alpha);
 position: relative;
 overflow: hidden;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.progress-bar-linear__field span:after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background-image: linear-gradient(
  -45deg,
  hsla(0, 0%, 100%, 0.08) 25%,
  transparent 0,
  transparent 50%,
  hsla(0, 0%, 100%, 0.08) 0,
  hsla(0, 0%, 100%, 0.08) 75%,
  transparent 0,
  transparent
 );
 z-index: 1;
 background-size: 20px 20px;
 -webkit-animation: move 1.5s linear infinite;
 animation: move 1.5s linear infinite;
 border-radius: 20px;
 overflow: hidden;
}
.progress-bar-linear__field-mark {
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 position: absolute;
 bottom: 4px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.progress-bar-linear__field-percent {
 position: relative;
 font-size: 14px;
 color: var(--color-lighten10);
 left: calc(-50% - 1px);
 font-weight: 700;
 line-height: 1.2;
 margin-bottom: 8px;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.progress-bar-linear__field-pointer {
 position: absolute;
 left: -4px;
 bottom: 0;
 border: 3px solid transparent;
 border-top: 7px solid var(--color-lighten10);
 z-index: 1;
}
.progress-bar-linear_dynamic {
 height: 26px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: end;
 -ms-flex-align: end;
 align-items: flex-end;
 padding-left: 6px;
}
.progress-bar-linear_dynamic .progress-bar-linear__field {
 width: 100%;
}
.progress-bar-linear_dynamic .progress-bar-linear__field-mark {
 bottom: -4px;
}
.progress-bar-linear_dynamic .progress-bar-linear__field-pointer {
 position: relative;
 background-color: var(--color-lighten10);
 width: 14px;
 left: -8px;
 height: 14px;
 border: 3px solid var(--color-bg-quiz, #fff);
 border-radius: 50%;
 -webkit-box-shadow:
  inset 0 2px 9px hsla(0, 0%, 100%, 0.3),
  inset 0 -2px 6px rgba(0, 0, 0, 0.4);
 box-shadow:
  inset 0 2px 9px hsla(0, 0%, 100%, 0.3),
  inset 0 -2px 6px rgba(0, 0, 0, 0.4);
}
.progress-bar-linear_dynamic .progress-bar-linear__field-pointer:after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background-image: linear-gradient(
  -45deg,
  hsla(0, 0%, 100%, 0.08) 25%,
  transparent 0,
  transparent 50%,
  hsla(0, 0%, 100%, 0.08) 0,
  hsla(0, 0%, 100%, 0.08) 75%,
  transparent 0,
  transparent
 );
 z-index: 1;
 background-size: 20px 20px;
 -webkit-animation: move 1.5s linear infinite;
 animation: move 1.5s linear infinite;
 border-radius: 20px;
 overflow: hidden;
}
@-webkit-keyframes move {
 0% {
  background-position: 0 0;
 }
 to {
  background-position: 20px 20px;
 }
}
@keyframes move {
 0% {
  background-position: 0 0;
 }
 to {
  background-position: 20px 20px;
 }
}
.progress-bar-linear_dynamic .progress-bar-linear__field-percent {
 position: relative;
 margin-bottom: 0;
}
.progress-bar-linear_mobile {
 position: fixed;
 bottom: 0;
 width: calc(100% + 5px);
 left: -3px;
 padding: 0;
 margin: 0;
}
@media (max-width: 818px) {
 .progress-bar-linear_dark .progress-bar-linear__field-percent,
 .progress-bar-linear_dark .progress-bar-linear__label span {
  color: #fff;
 }
}
.progress-bar-circular {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.progress-bar-circular__circle {
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
}
.progress-bar-circular__circle svg {
 width: 28px;
 height: 28px;
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
}
.progress-bar-circular__circle svg circle {
 fill: transparent;
 stroke-width: 2px;
 stroke: var(--color-bg-2, rgba(217, 216, 230, 0.55));
}
.progress-bar-circular__circle svg circle:nth-child(2) {
 stroke: var(--color);
 -webkit-transition: stroke-dashoffset 0.3s ease;
 transition: stroke-dashoffset 0.3s ease;
 stroke-dasharray: 81.6814px;
}
.progress-bar-circular__label {
 font-size: 13px;
 line-height: 15px;
 margin-left: 12px;
}
.progress-bar-circular__label .progress-bar-circular__percent {
 font-weight: 700;
 color: var(--color);
}
@media (max-width: 818px) {
 .progress-bar-circular_dark .progress-bar-circular__percent {
  color: #fff;
 }
}
.progress-bar-circular-steps {
 font-size: 13px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 overflow: hidden;
 max-width: 95px;
}
.progress-bar-circular-steps__label {
 line-height: 15px;
 margin-bottom: 5px;
}
.progress-bar-circular-steps__gradient-wrapp {
 position: relative;
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -ms-flex-item-align: start;
 align-self: flex-start;
}
.progress-bar-circular-steps__gradient-wrapp:after,
.progress-bar-circular-steps__gradient-wrapp:before {
 display: inline-block;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 position: absolute;
 z-index: 1;
}
.progress-bar-circular-steps__gradient-wrapp:after {
 background-image: -webkit-gradient(
  linear,
  right top,
  left top,
  from(var(--color-bg-quiz, #fff)),
  to(transparent)
 );
 background-image: linear-gradient(
  -90deg,
  var(--color-bg-quiz, #fff),
  transparent var(--right-percent)
 );
}
.progress-bar-circular-steps__gradient-wrapp:before {
 background-image: -webkit-gradient(
  linear,
  left top,
  right top,
  from(var(--color-bg-quiz, #fff)),
  to(transparent)
 );
 background-image: linear-gradient(
  90deg,
  var(--color-bg-quiz, #fff),
  transparent var(--left-percent)
 );
}
.progress-bar-circular-steps__steps {
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 position: relative;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.progress-bar-circular-steps__step {
 width: 7px;
 height: 7px;
 border: 1px solid #006ab6;
 border-radius: 50%;
}
.progress-bar-circular-steps__step:not(:last-child) {
 margin-right: 5px;
}
.progress-bar-circular-steps__step_active {
 background-color: #006ab6;
}
@media (max-width: 818px) {
 .progress-bar-circular-steps_dark
  .progress-bar-circular-steps__gradient-wrapp:after,
 .progress-bar-circular-steps_dark
  .progress-bar-circular-steps__gradient-wrapp:before {
  content: none;
 }
}
.progress-bar {
 text-align: left;
 font-weight: 500;
 color: var(--color-bg-alpha7, #2e2e49);
 font-family: var(--additional-font, var(--font, Gilroy));
 font-style: var(--additional-font-style, normal);
}
.progress-bar__gradient,
.progress-bar__steps,
.progress-bar__text {
 font-size: 14px;
}
@media (max-width: 818px) {
 .progress-bar__gradient,
 .progress-bar__steps,
 .progress-bar__text {
  margin-right: -10px;
 }
}
.progress-bar__steps span {
 width: 22px;
 height: 22px;
 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;
 vertical-align: center;
 margin: 0 4px 0 7px;
 border-radius: 50%;
 background-color: var(--color);
 font-size: 13px;
 color: #fff;
}
.progress-bar__text span {
 color: var(--color);
}
.progress-bar__gradient {
 display: inline-block;
 background-image: linear-gradient(
  120deg,
  var(--color-darken10),
  var(--color-lighten10) var(--percent),
  var(--color-bg-alpha7, #2e2e49) var(--percent)
 );
 background-clip: text;
 -webkit-background-clip: text;
 text-fill-color: transparent;
 -webkit-text-fill-color: transparent;
}
@media (max-width: 818px) {
 .progress-bar_dark {
  color: #fff;
 }
 .progress-bar_dark .progress-bar__gradient {
  background-image: linear-gradient(
   120deg,
   var(--color),
   var(--color) var(--percent),
   #fff var(--percent)
  );
 }
}
.quiz-buttons {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
 position: relative;
 padding: 0;
 overflow: hidden;
 z-index: 10;
 border-top: solid 1px var(--color-bg-2, #f3f3f3);
 background-color: var(--color-bg-quiz, #fff);
}
@media (min-width: 819px) {
 .quiz-buttons {
  padding: 30px 30px;
  padding-top: 21px;
  width: 100%;
 }
}
@media (max-width: 818px) {
 .quiz-buttons {
  height: 60px;
  padding: 6px 10px;
  z-index: 100;
 }
 .quiz-buttons.mobile-navbar_on {
  max-height: 60px;
  padding-bottom: 18px;
  border-top: 0;
  background: none;
  overflow: visible;
 }
 .quiz-buttons.mobile-navbar_on:before {
  content: "";
  position: absolute;
  background: -webkit-gradient(
   linear,
   left bottom,
   left top,
   from(var(--color-bg-quiz, #f7f7f7)),
   color-stop(54%, var(--color-bg-quiz, #f7f7f7)),
   to(var(--color-bg-alpha0, hsla(0, 0%, 100%, 0)))
  );
  background: linear-gradient(
   0deg,
   var(--color-bg-quiz, #f7f7f7),
   var(--color-bg-quiz, #f7f7f7) 54%,
   var(--color-bg-alpha0, hsla(0, 0%, 100%, 0))
  );
  border-radius: 0;
  left: 0;
  bottom: 0;
  height: 103px;
  width: 100%;
 }
 .quiz-buttons:not(.is-outline) {
  border-top: 0;
 }
 .quiz-buttons:not(.is-outline):not(.mobile-navbar_on) {
  background-color: rgba(0, 0, 0, 0.4);
 }
 .quiz-buttons:not(.is-outline):not(.mobile-navbar_on)
  .quiz-buttons__button_prev {
  color: hsla(0, 0%, 100%, 0.6) !important;
  border: 1px solid hsla(0, 0%, 100%, 0.1) !important;
  background-color: transparent !important;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
 }
 .quiz-buttons:not(.is-outline):not(.mobile-navbar_on)
  .quiz-buttons__button_prev[disabled] {
  color: hsla(0, 0%, 100%, 0.3) !important;
  opacity: 1;
 }
 .quiz-buttons:not(.is-outline):not(.mobile-navbar_on)
  .quiz-buttons__button_prev[disabled]:focus,
 .quiz-buttons:not(.is-outline):not(.mobile-navbar_on)
  .quiz-buttons__button_prev[disabled]:hover {
  color: hsla(0, 0%, 100%, 0.3) !important;
 }
 .quiz-buttons:not(.is-outline):not(.mobile-navbar_on)
  .quiz-buttons__button_prev:focus,
 .quiz-buttons:not(.is-outline):not(.mobile-navbar_on)
  .quiz-buttons__button_prev:hover {
  color: hsla(0, 0%, 100%, 0.7) !important;
 }
}
@media (max-width: 600px) {
 .quiz-buttons.mobile-navbar_on {
  padding: 6px 10px 19px;
  overflow: visible;
 }
}
.quiz-buttons__hint {
 position: absolute;
 right: 35px;
 font-size: 11.5px;
 bottom: 8px;
 color: var(--color-bg-sub-text, #a6a6a6);
 display: none;
}
@media (min-width: 819px) {
 .quiz-buttons__hint {
  display: block;
 }
}
.quiz-buttons__progress {
 -webkit-box-flex: 2;
 -ms-flex-positive: 2;
 flex-grow: 2;
 margin-right: 40px;
 min-width: 0;
}
@media (max-width: 818px) {
 .quiz-buttons__progress {
  margin-right: 10%;
  margin-left: 10px;
 }
}
.quiz-buttons__progress > * {
 vertical-align: middle;
}
.quiz-buttons__whitelabel {
 margin-right: 20px;
}
@media (max-width: 818px) {
 .quiz-buttons__whitelabel {
  display: none;
 }
}
@media (min-width: 1201px) {
 .quiz-buttons__whitelabel {
  display: none;
 }
}
.quiz-buttons__button {
 font-size: 16px !important;
 height: 43px;
 z-index: 100;
 padding: 0 16px 0 22px;
 font-weight: 500;
 overflow: hidden;
}
.quiz-buttons__button .is-hidden-tablet {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.quiz-buttons__button[disabled] {
 opacity: 0.7;
}
@media (max-width: 818px) {
 .quiz-buttons__button {
  padding-left: 20px;
  padding-right: 20px;
 }
}
.quiz-buttons__button_prev {
 margin-right: 20px;
 margin-left: auto;
 padding: 0;
 width: 43px;
 height: 43px;
 color: rgba(0, 0, 0, 0.4) !important;
 border: 1px solid rgba(0, 0, 0, 0.1) !important;
 background-color: transparent !important;
 -webkit-transition: 0.2s ease-out;
 transition: 0.2s ease-out;
}
.quiz-buttons__button_prev[disabled] {
 color: rgba(0, 0, 0, 0.2) !important;
 opacity: 1;
}
.quiz-buttons__button_prev[disabled]:focus,
.quiz-buttons__button_prev[disabled]:hover {
 color: rgba(0, 0, 0, 0.2) !important;
}
.quiz-buttons__button_prev:focus,
.quiz-buttons__button_prev:hover {
 color: rgba(0, 0, 0, 0.5) !important;
}
@media (max-width: 818px) {
 .quiz-buttons__button_prev {
  min-width: 43px;
  margin-right: 9px;
 }
}
.quiz-buttons__button_next-text {
 margin-top: -1px;
}
.quiz-buttons__button_next {
 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 0.2s ease-in;
 transition: -webkit-box-shadow 0.2s ease-in;
 transition: box-shadow 0.2s ease-in;
 transition:
  box-shadow 0.2s ease-in,
  -webkit-box-shadow 0.2s ease-in;
}
.quiz-buttons__button_next[disabled],
.quiz-buttons__button_next[disabled]:focus,
.quiz-buttons__button_next[disabled]:hover {
 -webkit-box-shadow: 0 3px 10px 0 var(--color-alpha) !important;
 box-shadow: 0 3px 10px 0 var(--color-alpha) !important;
}
.quiz-buttons__button_next:focus,
.quiz-buttons__button_next:hover {
 color: var(--color-primary-text-button);
 background-color: var(--color) !important;
 -webkit-box-shadow: 0 3px 15px 0 var(--color-alpha) !important;
 box-shadow: 0 3px 15px 0 var(--color-alpha) !important;
}
.quiz-buttons__button_next:focus {
 -webkit-box-shadow: 0 2px 8px 0 var(--color-alpha) !important;
 box-shadow: 0 2px 8px 0 var(--color-alpha) !important;
}
@media (max-width: 818px) {
 .quiz-buttons__button_next {
  min-width: 115px;
 }
}
.quiz-buttons__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%, 0.1)),
  color-stop(20%, hsla(0, 0%, 100%, 0.2)),
  to(hsla(0, 0%, 100%, 0.6))
 );
 background: linear-gradient(
  90deg,
  hsla(0, 0%, 100%, 0.1) 10%,
  hsla(0, 0%, 100%, 0.2) 20%,
  hsla(0, 0%, 100%, 0.6)
 );
 width: 20px;
 -webkit-transform: skewX(-45deg);
 transform: skewX(-45deg);
 left: -20%;
 -webkit-transition: all 0.6s ease;
 transition: all 0.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;
}
.quiz-buttons.is-outline .progress-bar_mobile .progress-bar__label {
 color: var(--color-bg-alpha7, #2e2e49);
}
.quiz-buttons.is-outline .progress-bar_mobile .progress-bar__label span {
 color: var(--color);
}
.quiz-buttons.is-outline .quiz-buttons__button_next {
 background-color: transparent !important;
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
 color: var(--color);
}
.quiz-buttons.is-outline .quiz-buttons__button_next:not([disabled]):hover {
 background-color: var(--color) !important;
}
@media (max-width: 600px) {
 .quiz-buttons.mobile-navbar_on .quiz-buttons__hint,
 .quiz-buttons.mobile-navbar_on .quiz-buttons__next-icon {
  display: none;
 }
}
@media (max-width: 600px) {
 .quiz-buttons.mobile-navbar_on .quiz-buttons__button {
  margin-bottom: 0;
 }
}
@media (max-width: 818px) {
 .quiz-buttons.mobile-navbar_on .quiz-buttons__button_next {
  min-width: 115px;
 }
}
@media (max-width: 600px) {
 .quiz-buttons.mobile-navbar_on .quiz-buttons__button_next {
  min-width: 85px;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.18);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.18);
 }
 .quiz-buttons.mobile-navbar_on .quiz-buttons__button_next .icon {
  display: none;
 }
}
@media (max-width: 600px) {
 .quiz-buttons.mobile-navbar_on .quiz-buttons__button_next-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
 }
}
@media (max-width: 818px) {
 .quiz-buttons.mobile-navbar_on .quiz-buttons__button_prev {
  min-width: 42px;
  margin-right: 5px;
 }
}
.dark-tone .quiz-buttons__button_prev {
 color: hsla(0, 0%, 100%, 0.6) !important;
 border: 1px solid hsla(0, 0%, 100%, 0.1) !important;
 background-color: transparent !important;
 -webkit-transition: 0.2s ease-out;
 transition: 0.2s ease-out;
}
.dark-tone .quiz-buttons__button_prev[disabled] {
 color: hsla(0, 0%, 100%, 0.3) !important;
 opacity: 1;
}
.dark-tone .quiz-buttons__button_prev[disabled]:focus,
.dark-tone .quiz-buttons__button_prev[disabled]:hover {
 color: hsla(0, 0%, 100%, 0.3) !important;
}
.dark-tone .quiz-buttons__button_prev:focus,
.dark-tone .quiz-buttons__button_prev:hover {
 color: hsla(0, 0%, 100%, 0.7) !important;
}
@media (max-width: 818px) {
 .dark-tone .quiz-buttons:before {
  background: -webkit-gradient(
   linear,
   left bottom,
   left top,
   from(var(--color-bg-quiz, #303537)),
   color-stop(54%, var(--color-bg-quiz, #303537)),
   to(var(--color-bg-alpha0, hsla(0, 0%, 100%, 0)))
  );
  background: linear-gradient(
   0deg,
   var(--color-bg-quiz, #303537),
   var(--color-bg-quiz, #303537) 54%,
   var(--color-bg-alpha0, hsla(0, 0%, 100%, 0))
  );
 }
}
.final-discount_v2 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 position: relative;
 white-space: nowrap;
}
.final-discount_v2__title {
 font-size: 12px;
 font-weight: 500;
 line-height: 2;
 border-radius: 4px;
 background-color: #faf1d6;
 padding: 0 18px 0 11px;
 max-width: 200px;
 white-space: nowrap;
 overflow: hidden;
 word-break: break-word;
 text-overflow: ellipsis;
}
.final-discount_v2__title,
.final-discount_v2__value {
 font-style: normal;
 font-stretch: normal;
 letter-spacing: normal;
 text-align: left;
 color: #222;
 border: 1px solid #f7cd47;
}
.final-discount_v2__value {
 position: relative;
 margin-left: -10px;
 vertical-align: middle;
 font-size: 14px;
 font-weight: 700;
 line-height: 1.71;
 -webkit-box-shadow: 0 3px 8px 0 rgba(247, 205, 71, 0.48);
 box-shadow: 0 3px 8px 0 rgba(247, 205, 71, 0.48);
 background-color: #f7cd47;
 padding-top: 1px;
 padding-left: 10px;
 padding-right: 15px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.final-discount_v2__value svg {
 width: 16px;
 fill: #222;
}
.final-discount_v2__value:before {
 content: "";
 position: absolute;
 top: -1px;
 right: -14px;
 bottom: 0;
 width: 0;
 height: 0;
 border-left: 13px solid #f7cd47;
 border-top: 13px solid transparent;
 border-bottom: 13px solid transparent;
}
.final-discount_v2__value:after {
 content: "";
 position: absolute;
 top: 9px;
 right: 0;
 display: block;
 width: 7px;
 height: 7px;
 border: 1.5px solid #c39c23;
 border-radius: 50%;
 background-color: #fff;
}
.thank-page {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 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-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 padding: 1rem;
 background-color: var(--color-bg-quiz, #fff);
}
.thank-page__title {
 margin-bottom: 2.5rem !important;
 color: var(--color-bg-text, #363636);
}
.thank-page__subtitle {
 max-width: 800px;
 color: var(--color-bg-6, #4a4a4a);
}
.thank-page__bonuses {
 max-width: 228px;
}
.thank-page__bonuses-title {
 font-weight: 700;
 margin-bottom: 10px;
 color: var(--color-bg-text, #4a4a4a);
}
.thank-page__discount {
 margin-bottom: 15px;
}
.loading-icon2 svg {
 height: 5.4rem;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
 margin-top: -2rem;
}
.loading-overlay .loading-background {
 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;
 background: hsla(0, 0%, 100%, 0.9);
}
.loading h2 {
 font-size: 24px;
 font-weight: 500;
 line-height: 0.92;
 color: #363636;
}
.loading p {
 font-size: 16px;
 font-weight: 500;
 line-height: 2.1;
 color: #69748c;
}
.cookie-notice {
 background-color: #fff;
 width: 100%;
 position: relative;
}
.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, 0.1);
 box-shadow: 0 1px 2px 0 rgba(0, 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;
 }
}
.discount_mobile {
 border-radius: 8px;
 -webkit-box-shadow: none;
 box-shadow: none;
 background-color: #fff0c4;
 border-color: #fff0c4;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0;
 padding-left: 10px;
 margin: 0;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: horizontal;
 -ms-flex-direction: row;
 flex-direction: row;
}
.discount_mobile,
.discount_mobile .discount__wrap {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-direction: normal;
}
.discount_mobile .discount__wrap {
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 width: 100%;
 padding-top: 9px;
 padding-bottom: 9px;
}
.discount_mobile .discount__label {
 max-height: 10px;
 font-size: 10px;
 font-style: normal;
 line-height: 22px;
 font-weight: 700;
 color: #000;
 width: 100%;
}
.discount_mobile .discount__label-text {
 margin-bottom: 6px;
}
.discount_mobile .discount__price {
 font-weight: 500;
 font-size: 12px;
 max-height: 22px;
 line-height: 12px;
 text-align: left;
 color: #000;
}
.discount_mobile .discount__arrows {
 position: absolute;
 top: 0;
 right: 2px;
 left: auto;
}
.discount_mobile .discount__symbol_mobile {
 margin-bottom: 0;
 margin-left: 2px;
 font-weight: 500;
}
.dark-tone .discount.discount_mobile {
 background-color: rgba(247, 202, 46, 0.102);
 border-color: #fccc45;
}
.dark-tone .discount.discount_mobile .discount__label {
 color: hsla(0, 0%, 100%, 0.702);
}
.dark-tone .discount.discount_mobile .discount__price {
 color: #f7ca2e;
}
.bonuses_mobile.bonuses_row {
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 position: relative;
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 grid-gap: 0;
 grid-template-columns: 1fr 1fr;
 grid-template-rows: var(--bonus-height);
}
.bonuses_mobile.bonuses_row .bonuses__bonus {
 width: 40px;
 height: 40px;
}
@media (max-width: 360px) {
 .bonuses_mobile.bonuses_row.bonuses_has-discount.bonuses_count_2:last-child:after {
  width: 14.4px;
  height: 14.4px;
  position: absolute;
  background-color: #dbdada;
  right: 5px;
  content: "2";
  z-index: 2;
  top: -12px;
  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;
  color: var(--grey-blue);
  border: 2px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 100px;
  -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
  font-weight: 700;
  font-size: 8px;
 }
}
@media (max-width: 360px) {
 .bonuses_mobile.bonuses_row.bonuses_has-discount.bonuses_count_2
  .bonuses__bonus:last-child {
  position: absolute;
  top: -5px;
  left: 5px;
  z-index: 2;
  margin-right: 6px;
  -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
 }
 .bonuses_mobile.bonuses_row.bonuses_has-discount.bonuses_count_2
  .bonuses__bonus:first-child {
  margin-right: 11px;
  background-color: #cfcece;
 }
}
@media (max-width: 360px) {
 .bonuses_mobile.bonuses_column .bonuses__bonus {
  width: 145px;
 }
}
.bonuses_mobile.bonuses_column .bonuses__bonus {
 max-width: 100%;
 min-width: 145px;
 margin: 0 auto 14px auto;
}
.mobile-navbar {
 position: fixed;
 left: 0;
 padding-left: 12px;
 bottom: 15px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 max-width: 195px;
 height: auto;
 z-index: 99;
 -ms-touch-action: none;
 touch-action: none;
}
@media (min-width: 818px) {
 .mobile-navbar {
  display: none;
 }
}
.mobile-navbar:not(.is-expanded) .mobile-navbar__stick {
 display: none;
}
.mobile-navbar.is-expanded {
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 padding-right: 15px;
 padding-bottom: 20px;
 bottom: -1px;
 max-height: 217px;
 width: 195px;
 background: var(--color-bg-sidebar, #f7f7f7);
 border-radius: 0 20px 0 0;
}
.mobile-navbar.is-expanded .mobile-navbar__stick {
 margin: 0 auto;
 width: 28px;
 height: 3px;
 background: #dbdada;
 border-radius: 5px;
 margin-top: 6px;
 margin-bottom: 8px;
}
.mobile-navbar.is-expanded.show-navbar {
 -webkit-animation-name: show-expanded-navbar;
 animation-name: show-expanded-navbar;
 -webkit-animation-duration: 0.3s;
 animation-duration: 0.3s;
}
.mobile-navbar.is-expanded.hide-navbar {
 -webkit-animation-name: hide-expanded-navbar;
 animation-name: hide-expanded-navbar;
 -webkit-animation-duration: 0.3s;
 animation-duration: 0.3s;
}
@media (max-width: 360px) {
 .mobile-navbar.is-expanded {
  width: 168px;
 }
}
@-webkit-keyframes show-expanded-navbar {
 0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
 }
 to {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}
@keyframes show-expanded-navbar {
 0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
 }
 to {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}
@-webkit-keyframes hide-expanded-navbar {
 0% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
 to {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
 }
}
@keyframes hide-expanded-navbar {
 0% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
 to {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
 }
}
@-webkit-keyframes hide-mini-navbar {
 0% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
 to {
  -webkit-transform: translateY(80px);
  transform: translateY(80px);
 }
}
@keyframes hide-mini-navbar {
 0% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
 to {
  -webkit-transform: translateY(80px);
  transform: translateY(80px);
 }
}
@-webkit-keyframes show-mini-navbar {
 0% {
  -webkit-transform: translateY(80px);
  transform: translateY(80px);
 }
 to {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}
@keyframes show-mini-navbar {
 0% {
  -webkit-transform: translateY(80px);
  transform: translateY(80px);
 }
 to {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}
.mobile-navbar.show-navbar {
 -webkit-animation-name: show-mini-navbar;
 animation-name: show-mini-navbar;
 -webkit-animation-duration: 0.3s;
 animation-duration: 0.3s;
}
.mobile-navbar.hide-navbar {
 -webkit-animation-name: hide-mini-navbar;
 animation-name: hide-mini-navbar;
 -webkit-animation-duration: 0.3s;
 animation-duration: 0.3s;
}
.mobile-navbar__discount {
 position: relative;
 height: 40px;
 width: 100px;
}
@media (max-width: 360px) {
 .mobile-navbar__discount {
  width: 86px;
 }
}
.mobile-navbar__discount.is-expanded {
 width: 168px;
}
@media (max-width: 360px) {
 .mobile-navbar__discount.is-expanded {
  max-width: 145px;
 }
}
.mobile-navbar__discount-container {
 position: relative;
 width: 100px;
 border-radius: 8px;
}
.mobile-navbar__discount-container.is-expanded {
 width: 168px;
 margin: 0 auto;
}
.mobile-navbar__bonuses {
 position: relative;
 left: 0;
 bottom: 0;
 -webkit-transition: all $slide-duration ease;
 transition: all $slide-duration ease;
}
.mobile-navbar__bonuses-list {
 width: 0;
 opacity: 0;
}
.mobile-navbar__bonuses-list.is-expanded {
 width: 100%;
 opacity: 1;
}
.mobile-navbar__bonuses-list:not(.is-expanded) {
 width: 0;
 opacity: 0;
}
.mobile-navbar__bonuses-wrap {
 height: 40px;
 padding-right: 0;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.mobile-navbar__bonuses-wrap.is-expanded {
 display: none;
}
.mobile-navbar__bonuses-icon {
 color: #fff;
}
.mobile-navbar__bonuses-icon.is-expanded {
 margin-right: 0;
 opacity: 0;
 width: 0;
}
.mobile-navbar__bonuses-text {
 white-space: nowrap;
 color: var(--color-primary-text-button, #4a4a4a);
 text-overflow: ellipsis;
 overflow: hidden;
}
.wf-loading .quiz .whitelabel,
.wf-loading .quiz__questions,
.wf-loading .quiz__sidebar {
 opacity: 0;
}
.quiz {
 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-flow: row nowrap;
 flex-flow: row nowrap;
 height: 100%;
 background-color: var(--color-bg-quiz, #fff);
 --quiz-question-transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 -webkit-backface-visibility: hidden;
}
@media (max-width: 767px) {
 .quiz {
  display: block;
 }
}
@media (min-width: 768px) {
 .quiz {
  overflow-x: hidden;
 }
}
.quiz-container .slide-quiz-enter {
 opacity: 0;
}
@media (max-width: 1200px) {
 .quiz-container .slide-quiz-enter .result__container {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
 }
}
@media (min-width: 1201px) {
 .quiz-container .slide-quiz-enter.quiz__result {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
 }
}
.quiz-container .slide-quiz-enter-active {
 -webkit-transition: opacity 0.3s ease-in-out;
 transition: opacity 0.3s ease-in-out;
 -webkit-backface-visibility: hidden;
 overflow: hidden;
}
.quiz-container .slide-quiz-enter-active.quiz__result,
.quiz-container .slide-quiz-enter-active .result__container {
 -webkit-transition:
  opacity 0.3s ease-in-out,
  -webkit-transform 0.3s ease-in-out;
 transition:
  opacity 0.3s ease-in-out,
  -webkit-transform 0.3s ease-in-out;
 transition:
  opacity 0.3s ease-in-out,
  transform 0.3s ease-in-out;
 transition:
  opacity 0.3s ease-in-out,
  transform 0.3s ease-in-out,
  -webkit-transform 0.3s ease-in-out;
}
.quiz-container .slide-quiz-enter-to {
 opacity: 1;
}
@media (max-width: 1200px) {
 .quiz-container .slide-quiz-enter-to .result__container {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}
@media (min-width: 1201px) {
 .quiz-container .slide-quiz-enter-to.quiz__result {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}
.quiz-container .slide-quiz-leave {
 opacity: 1;
}
.quiz-container .slide-quiz-leave-active {
 -webkit-transition: opacity 0.3s ease-in-out;
 transition: opacity 0.3s ease-in-out;
 -webkit-backface-visibility: hidden;
}
.quiz-container .slide-quiz-leave-active .swiper-button-next,
.quiz-container .slide-quiz-leave-active .swiper-button-prev {
 display: none !important;
}
.quiz-container .slide-quiz-leave-to {
 opacity: 0;
}
.quiz-container_has_widget {
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
}
.quiz-container_has_widget .slide-quiz-enter,
.quiz-container_has_widget .slide-quiz-enter .result__container {
 opacity: 0;
 -webkit-transform: translateY(40px);
 transform: translateY(40px);
}
.quiz-container_has_widget .slide-quiz-enter-active,
.quiz-container_has_widget .slide-quiz-enter-active.quiz__result,
.quiz-container_has_widget .slide-quiz-enter-active .result__container {
 -webkit-transition: all 0.45s cubic-bezier(0.71, 0.09, 0.74, 0.91);
 transition: all 0.45s cubic-bezier(0.71, 0.09, 0.74, 0.91);
}
.quiz-container_has_widget .slide-quiz-enter-to,
.quiz-container_has_widget .slide-quiz-enter-to .result__container {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
.quiz-container_has_widget .quiz__questions-header {
 margin-bottom: 10px;
}
.quiz-container_has_widget .quiz__question-title {
 font-size: 18px;
 margin-bottom: 3px !important;
}
@media (min-width: 1201px) {
 .quiz-container_has_scroll {
  margin-bottom: 80px !important;
  width: 100%;
 }
 .quiz-container_has_scroll .result {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
 }
 .quiz-container_has_scroll .result__navpad {
  position: fixed;
 }
 .quiz-container_has_scroll .result__content {
  padding-bottom: 30px;
 }
 .quiz-container_has_scroll.quiz-container_with-loader.quiz-container_has_result {
  height: 100vh;
  margin-bottom: 0 !important;
 }
 .quiz-container_has_scroll.quiz-container_with-loader.quiz-container_has_result:before {
  display: none;
 }
 .quiz-container_has_scroll .slide-quiz-enter {
  opacity: 0;
 }
 .quiz-container_has_scroll .slide-quiz-enter.quiz__result {
  opacity: 0;
  -webkit-transform: none;
  transform: none;
 }
 .quiz-container_has_scroll .slide-quiz-enter-active,
 .quiz-container_has_scroll .slide-quiz-enter-active.quiz__result {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
 }
 .quiz-container_has_scroll .slide-quiz-enter-to {
  opacity: 1;
 }
 .quiz-container_has_scroll .slide-quiz-enter-to.quiz__result {
  -webkit-transform: none;
  transform: none;
 }
}
@media (min-width: 768px) and (max-width: 1200px) {
 .quiz-container.quiz-container_with-loader .slide-quiz-leave-active {
  -webkit-transition: -webkit-transform 0.6s ease-in-out 0.3s;
  transition: -webkit-transform 0.6s ease-in-out 0.3s;
  transition: transform 0.6s ease-in-out 0.3s;
  transition:
   transform 0.6s ease-in-out 0.3s,
   -webkit-transform 0.6s ease-in-out 0.3s;
 }
 .quiz-container.quiz-container_with-loader
  .slide-quiz-leave-active
  .quiz__questions,
 .quiz-container.quiz-container_with-loader
  .slide-quiz-leave-active
  .quiz__sidebar {
  -webkit-transition:
   opacity 0.3s ease-in-out,
   -webkit-transform 0.3s ease-in-out;
  transition:
   opacity 0.3s ease-in-out,
   -webkit-transform 0.3s ease-in-out;
  transition:
   opacity 0.3s ease-in-out,
   transform 0.3s ease-in-out;
  transition:
   opacity 0.3s ease-in-out,
   transform 0.3s ease-in-out,
   -webkit-transform 0.3s ease-in-out;
 }
 .quiz-container.quiz-container_with-loader .slide-quiz-leave-to {
  opacity: 1;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
 }
 .quiz-container.quiz-container_with-loader
  .slide-quiz-leave-to
  .quiz__questions,
 .quiz-container.quiz-container_with-loader
  .slide-quiz-leave-to
  .quiz__sidebar {
  -webkit-transform: translateX(-20px) !important;
  transform: translateX(-20px) !important;
  opacity: 0;
 }
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-to {
  opacity: 1;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
 }
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-to
  .quiz__questions,
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-to
  .quiz__sidebar {
  -webkit-transform: translateY(-20px) !important;
  transform: translateY(-20px) !important;
  opacity: 0;
 }
}
@media (max-width: 767px) {
 .quiz-container.quiz-container_with-loader {
  background: var(--color-bg-10, #f8f8f8);
 }
 .quiz-container.quiz-container_with-loader
  .slide-quiz-enter-to
  .result__container,
 .quiz-container.quiz-container_with-loader
  .slide-quiz-enter
  .result__container {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
 }
 .quiz-container.quiz-container_with-loader .slide-quiz-leave .quiz__questions {
  -webkit-transform: translateX(0);
  transform: translateX(0);
 }
 .quiz-container.quiz-container_with-loader .slide-quiz-leave-active {
  -webkit-transition: opacity 0.6s ease-in-out 0.3s;
  transition: opacity 0.6s ease-in-out 0.3s;
  -webkit-backface-visibility: hidden;
 }
 .quiz-container.quiz-container_with-loader
  .slide-quiz-leave-active
  .quiz__questions {
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.6s ease-in-out 0.3s;
  transition: -webkit-transform 0.6s ease-in-out 0.3s;
  transition: transform 0.6s ease-in-out 0.3s;
  transition:
   transform 0.6s ease-in-out 0.3s,
   -webkit-transform 0.6s ease-in-out 0.3s;
 }
 .quiz-container.quiz-container_with-loader .slide-quiz-leave-active .question,
 .quiz-container.quiz-container_with-loader
  .slide-quiz-leave-active
  .quiz__buttons,
 .quiz-container.quiz-container_with-loader
  .slide-quiz-leave-active
  .quiz__questions-header,
 .quiz-container.quiz-container_with-loader
  .slide-quiz-leave-active
  .quiz__whitelabel {
  -webkit-backface-visibility: hidden;
  -webkit-transition:
   opacity 0.3s ease-in-out,
   -webkit-transform 0.3s ease-in-out;
  transition:
   opacity 0.3s ease-in-out,
   -webkit-transform 0.3s ease-in-out;
  transition:
   opacity 0.3s ease-in-out,
   transform 0.3s ease-in-out;
  transition:
   opacity 0.3s ease-in-out,
   transform 0.3s ease-in-out,
   -webkit-transform 0.3s ease-in-out;
 }
 .quiz-container.quiz-container_with-loader .slide-quiz-leave-to {
  opacity: 1;
 }
 .quiz-container.quiz-container_with-loader
  .slide-quiz-leave-to
  .quiz__questions {
  -webkit-transform: translateX(-100%) !important;
  transform: translateX(-100%) !important;
 }
 .quiz-container.quiz-container_with-loader .slide-quiz-leave-to .question,
 .quiz-container.quiz-container_with-loader .slide-quiz-leave-to .quiz__buttons,
 .quiz-container.quiz-container_with-loader
  .slide-quiz-leave-to
  .quiz__questions-header,
 .quiz-container.quiz-container_with-loader
  .slide-quiz-leave-to
  .quiz__whitelabel {
  -webkit-transform: translateX(-20px) !important;
  transform: translateX(-20px) !important;
  opacity: 0;
 }
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave
  .quiz__questions {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-active {
  -webkit-transition: opacity 0.6s ease-in-out 0.05s;
  transition: opacity 0.6s ease-in-out 0.05s;
  -webkit-backface-visibility: hidden;
 }
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-active
  .quiz__questions {
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.6s ease-in-out 0.05s;
  transition: -webkit-transform 0.6s ease-in-out 0.05s;
  transition: transform 0.6s ease-in-out 0.05s;
  transition:
   transform 0.6s ease-in-out 0.05s,
   -webkit-transform 0.6s ease-in-out 0.05s;
 }
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-active
  .question,
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-active
  .quiz__buttons,
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-active
  .quiz__mobile-navbar,
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-active
  .quiz__questions-header,
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-active
  .quiz__whitelabel {
  -webkit-backface-visibility: hidden;
  -webkit-transition:
   opacity 0.6s ease-in-out,
   -webkit-transform 0.6s ease-in-out;
  transition:
   opacity 0.6s ease-in-out,
   -webkit-transform 0.6s ease-in-out;
  transition:
   opacity 0.6s ease-in-out,
   transform 0.6s ease-in-out;
  transition:
   opacity 0.6s ease-in-out,
   transform 0.6s ease-in-out,
   -webkit-transform 0.6s ease-in-out;
 }
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-to {
  opacity: 1;
 }
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-to
  .quiz__questions {
  -webkit-transform: translateY(-60%) !important;
  transform: translateY(-60%) !important;
 }
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-to
  .question,
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-to
  .quiz__buttons,
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-to
  .quiz__mobile-navbar,
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-to
  .quiz__questions-header,
 .quiz-container.quiz-container_with-loader.animation__bottom-top
  .slide-quiz-leave-to
  .quiz__whitelabel {
  -webkit-transform: translateY(-20px) !important;
  transform: translateY(-20px) !important;
  opacity: 0;
 }
}
@media (min-width: 1201px) {
 .quiz-container.quiz-container_with-loader.quiz-container_has_result
  .slide-quiz-enter.quiz__result {
  opacity: 1;
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_result
  .slide-quiz-enter.quiz__result:before {
  opacity: 0;
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_result
  .slide-quiz-enter-active.quiz__result,
 .quiz-container.quiz-container_with-loader.quiz-container_has_result
  .slide-quiz-enter-active.quiz__result:before {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_result
  .slide-quiz-enter-to.quiz__result {
  -webkit-transform: none;
  transform: none;
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_result
  .slide-quiz-enter-to.quiz__result:before {
  opacity: 1;
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_result
  .result-loader__slide-enter-active {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_results {
  position: relative;
  overflow: hidden;
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_results .quiz {
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_results
  .slide-quiz-leave-active {
  -webkit-transition: -webkit-transform 0.6s ease-in-out 0.3s;
  transition: -webkit-transform 0.6s ease-in-out 0.3s;
  transition: transform 0.6s ease-in-out 0.3s;
  transition:
   transform 0.6s ease-in-out 0.3s,
   -webkit-transform 0.6s ease-in-out 0.3s;
  overflow: hidden;
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_results
  .slide-quiz-leave-active
  .quiz__questions,
 .quiz-container.quiz-container_with-loader.quiz-container_has_results
  .slide-quiz-leave-active
  .quiz__sidebar {
  -webkit-transition:
   opacity 0.3s ease-in-out,
   -webkit-transform 20.3s ease-in-out;
  transition:
   opacity 0.3s ease-in-out,
   -webkit-transform 20.3s ease-in-out;
  transition:
   opacity 0.3s ease-in-out,
   transform 20.3s ease-in-out;
  transition:
   opacity 0.3s ease-in-out,
   transform 20.3s ease-in-out,
   -webkit-transform 20.3s ease-in-out;
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_results
  .slide-quiz-leave-to {
  opacity: 1;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_results
  .slide-quiz-leave-to
  .quiz__questions,
 .quiz-container.quiz-container_with-loader.quiz-container_has_results
  .slide-quiz-leave-to
  .quiz__sidebar {
  -webkit-transform: translateX(-20px) !important;
  transform: translateX(-20px) !important;
  opacity: 0;
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_results.animation__bottom-top
  .slide-quiz-leave-to {
  opacity: 1;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
 }
 .quiz-container.quiz-container_with-loader.quiz-container_has_results.animation__bottom-top
  .slide-quiz-leave-to
  .quiz__questions,
 .quiz-container.quiz-container_with-loader.quiz-container_has_results.animation__bottom-top
  .slide-quiz-leave-to
  .quiz__sidebar {
  -webkit-transform: translateY(-20px) !important;
  transform: translateY(-20px) !important;
  opacity: 0;
 }
}
@media (max-width: 1200px) {
 .quiz-container,
 .quiz__lead-form,
 .quiz__result,
 .quiz__results {
  height: 100%;
 }
}
@media (max-width: 767px) {
 .quiz {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
 }
}
.quiz__result {
 background-color: var(--color-bg-quiz, #fff);
}
@media (min-width: 767px) {
 .quiz__result {
  overflow-y: auto;
 }
}
.quiz__question-title {
 color: var(--color-bg-text, #363636);
 font-size: 28px;
 text-align: left;
 margin: 12px 0 16px 0 !important;
 line-height: 1.2;
 font-weight: 500;
}
@media (max-width: 818px) {
 .quiz__question-title {
  font-size: 22px;
 }
}
.quiz__question-title_without-title {
 margin-top: 0 !important;
}
.quiz__question-title_can-many {
 font-size: 12px;
}
.quiz__tags {
 margin-top: 5px;
}
.quiz__tag {
 font-size: 11px !important;
 margin-left: 5px;
 padding: 12px;
 border-radius: 4px !important;
 color: var(--color-bg-text, #4a4a4a) !important;
}
@media (max-width: 767px) {
 .quiz__tag {
  font-size: 10px !important;
  line-height: 12px !important;
 }
}
.quiz__tag:first-child {
 margin-left: 0;
}
.quiz__tag_many {
 background: var(--color-alpha2) !important;
 border: solid 1px var(--color);
}
.quiz__tag_skip {
 background: var(--color-bg-1, #f7f7f7) !important;
 border: solid 1px var(--color-bg-2, #e5e5e5);
}
.quiz__tag-icon {
 margin-right: 5px;
 vertical-align: middle;
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
}
.quiz__tag-icon svg {
 height: 12px;
 color: var(--color);
}
@media (min-width: 819px) {
 .quiz__sidebar-mobile {
  display: none;
 }
}
@media (max-width: 767px) {
 .quiz__sidebar-mobile .bonus_type_emoji .bonus__text {
  font-size: 12px;
 }
}
.quiz__bonuses {
 max-height: calc(143px + 2rem);
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 1rem 1.2rem;
 -webkit-box-flex: 1;
 -ms-flex: 1 1;
 flex: 1 1;
 margin-bottom: auto;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
}
@media (max-width: 818px) {
 .quiz__bonuses {
  max-height: 152px;
  padding: 12px 0 12px 80px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
 }
}
@media (max-width: 350px) {
 .quiz__bonuses {
  padding-left: 10px;
 }
}
.quiz__bonuses_bottom {
 margin-top: auto;
 margin-bottom: 0;
 -webkit-box-pack: end !important;
 -ms-flex-pack: end !important;
 justify-content: flex-end !important;
}
.quiz__questions {
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 width: 100%;
 padding: 30px;
 padding-bottom: 95px;
 overflow-x: hidden;
 background-color: var(--color-bg-quiz, #fff);
}
@media (max-width: 818px) {
 .quiz__questions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem 0 60px;
  min-height: 100%;
 }
}
@media (max-width: 818px) {
 .quiz__questions-header {
  padding: 0 1rem;
 }
}
.quiz__sidebar {
 position: relative;
 -ms-flex-negative: 0;
 flex-shrink: 0;
 width: 260px;
 background: var(--color-bg-sidebar, #f7f7f7);
 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;
}
@media (max-width: 818px) {
 .quiz__sidebar {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  height: auto;
  display: none;
 }
}
@media (min-width: 819px) {
 .quiz__sidebar-inner {
  display: none;
 }
}
.quiz__whitelabel {
 height: 40px;
}
.quiz__title {
 font-size: 16px;
 text-align: left;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 line-height: 1.2;
 color: var(--color-bg-alpha7, #69748c);
 font-weight: 500;
 margin-bottom: 16px;
 font-family: var(--additional-font, var(--font, Gilroy));
 font-style: var(--additional-font-style, normal);
}
.quiz__title-separator {
 background: var(--color-bg-2, #f3f3f3);
 margin: auto -30px;
 height: 1px;
}
.quiz__title-icon {
 color: var(--color);
 margin-right: 10px;
}
@media (max-width: 767px) {
 .quiz__title-icon {
  display: none;
 }
}
.quiz__buttons {
 padding: 0;
 background-color: var(--color-bg-quiz, #fff);
 z-index: 20;
}
@media (max-width: 818px) {
 .quiz__buttons_no-background {
  background: none;
 }
}
@media (max-width: 818px) {
 .quiz__buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  z-index: 100;
 }
}
@media (min-width: 819px) {
 .quiz__buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
 }
}
.quiz__question {
 padding-top: 10px;
}
.quiz__question.question_statement {
 padding-top: 0;
}
@media (min-width: 768px) {
 .quiz__question {
  overflow-y: auto;
 }
}
@media (max-width: 818px) {
 .quiz__question {
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: var(--color-bg-quiz, #fff);
 }
}
@media (min-width: 1119px) {
 .quiz__question {
  padding: 5px 0 0;
 }
}
@media (max-width: 818px) {
 .quiz__whitelabel {
  display: none;
 }
}
.quiz__whitelabel_mobile {
 display: block;
 margin-top: auto;
}
@media (min-width: 819px) {
 .quiz__whitelabel_mobile {
  display: none;
 }
}
.quiz__whitelabel_fixed-bottom {
 position: absolute;
 bottom: 20px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}
@media (max-width: 1200px) {
 .quiz__whitelabel_fixed-bottom {
  display: none !important;
 }
}
.quiz__discount {
 margin: 1rem 1.2rem 0;
 margin-bottom: 15px;
 height: 58px;
}
.quiz__discount.is-increasing {
 margin: 0.1rem 0.1rem 0;
}
@media (max-width: 818px) {
 .quiz__discount {
  display: none !important;
 }
}
.quiz__result-loader {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 z-index: 21;
 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;
 background: var(--color-bg-10, #f8f8f8);
}
@media (max-width: 1200px) {
 .quiz__result-loader {
  position: fixed;
 }
}
.quiz__empty-result {
 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;
 height: 100vh;
 background: var(--color-bg-quiz, #f8f8f8);
 color: var(--color-bg-text);
}
.quiz__empty-result .button {
 margin-top: 1rem;
}
.quiz__redirect .loading-background {
 background-color: #fff;
}
.quiz__assistant-text {
 text-align: left;
 overflow: hidden;
 overflow-wrap: break-word;
 color: var(--color-bg-alpha7, #69748c);
 font-size: 15px;
 font-style: italic;
 font-weight: 500;
 line-height: 20px;
 width: 100%;
}
.quiz_has-cookie-notice .quiz__questions {
 padding-bottom: 160px;
}
.quiz__mobile-navbar {
 z-index: 100;
 position: fixed;
 left: 0;
 padding-left: 12px;
 bottom: 18px;
}
@media (min-width: 1201px) {
 .quiz-container {
  border-radius: 4px;
  background: none;
 }
}
@media (max-width: 767px) {
 .dark .quiz__result-loader {
  background: var(--color-bg-10, #f8f8f8);
 }
}
.slide-loader-leave {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
}
.slide-loader-leave-active {
 -webkit-backface-visibility: hidden;
 -webkit-transition: -webkit-transform 0.6s ease-in-out;
 transition: -webkit-transform 0.6s ease-in-out;
 transition: transform 0.6s ease-in-out;
 transition:
  transform 0.6s ease-in-out,
  -webkit-transform 0.6s ease-in-out;
}
.slide-loader-leave-to {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
.animation__bottom-top .slide-loader-leave {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
}
.animation__bottom-top .slide-loader-leave-active {
 -webkit-backface-visibility: hidden;
 -webkit-transition: -webkit-transform 0.6s ease-in-out;
 transition: -webkit-transform 0.6s ease-in-out;
 transition: transform 0.6s ease-in-out;
 transition:
  transform 0.6s ease-in-out,
  -webkit-transform 0.6s ease-in-out;
}
.animation__bottom-top .slide-loader-leave-to {
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
.animation__bottom-top .question-slide_assistant-mobile-leave-active {
 -webkit-transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
}
.animation__bottom-top .question-slide_assistant-mobile-leave-to {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
.animation__bottom-top .question-slide_assistant-mobile-enter {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
.animation__bottom-top .question-slide_assistant-mobile-enter-active {
 -webkit-transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 -webkit-transition-delay: 0.15s;
 transition-delay: 0.15s;
}
.animation__bottom-top .question-slide_assistant-mobile-enter-to {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
.question-slide_back-enter {
 opacity: 0;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
.question-slide_back-enter-active {
 -webkit-transition: var(--quiz-question-transition);
 transition: var(--quiz-question-transition);
}
.question-slide_back-enter-active.quiz__question:not(
  .question_variants
 ).question-slide_back-enter-active.quiz__question:not(.question_images) {
 -webkit-transition-delay: 0.17s;
 transition-delay: 0.17s;
}
.question-slide_back-enter-active .swiper-button-next,
.question-slide_back-enter-active .swiper-button-prev {
 display: none !important;
}
.question-slide_back-enter-to {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
.question-slide_back-leave-active {
 -webkit-transition: var(--quiz-question-transition);
 transition: var(--quiz-question-transition);
}
.question-slide_back-leave-active .swiper-button-next,
.question-slide_back-leave-active .swiper-button-prev {
 display: none !important;
}
.question-slide_back-leave-to {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
.question-slide_forward-leave-active {
 -webkit-transition: var(--quiz-question-transition);
 transition: var(--quiz-question-transition);
}
.question-slide_forward-leave-active .swiper-button-next,
.question-slide_forward-leave-active .swiper-button-prev {
 display: none !important;
}
.question-slide_forward-leave-to {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
.question-slide_forward-enter {
 opacity: 0;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
.question-slide_forward-enter-active {
 -webkit-transition: var(--quiz-question-transition);
 transition: var(--quiz-question-transition);
}
.question-slide_forward-enter-active.quiz__question:not(
  .question_variants
 ).question-slide_forward-enter-active.quiz__question:not(.question_images) {
 -webkit-transition-delay: 0.17s;
 transition-delay: 0.17s;
}
.question-slide_forward-enter-active .swiper-button-next,
.question-slide_forward-enter-active .swiper-button-prev {
 display: none !important;
}
.question-slide_forward-enter-to {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
.question-slide_up-leave-active {
 -webkit-transition: var(--quiz-question-transition);
 transition: var(--quiz-question-transition);
}
.question-slide_up-leave-active .swiper-button-next,
.question-slide_up-leave-active .swiper-button-prev {
 display: none !important;
}
.question-slide_up-leave-to {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
.question-slide_up-enter {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
.question-slide_up-enter-active {
 -webkit-transition: var(--quiz-question-transition);
 transition: var(--quiz-question-transition);
}
.question-slide_up-enter-active.quiz__question:not(
  .question_variants
 ).question-slide_up-enter-active.quiz__question:not(.question_images) {
 -webkit-transition-delay: 0.17s;
 transition-delay: 0.17s;
}
.question-slide_up-enter-active .swiper-button-next,
.question-slide_up-enter-active .swiper-button-prev {
 display: none !important;
}
.question-slide_up-enter-to {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
.question-slide_sidebar-leave-active {
 -webkit-transition:
  margin 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82),
  opacity 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82);
 transition:
  margin 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82),
  opacity 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82);
 -webkit-transition-delay: 0.17s;
 transition-delay: 0.17s;
}
.question-slide_sidebar-enter,
.question-slide_sidebar-leave-to {
 opacity: 0;
 margin-right: -260px;
}
.question-slide_sidebar-enter-active {
 -webkit-transition:
  margin 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82),
  opacity 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82);
 transition:
  margin 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82),
  opacity 0.15s cubic-bezier(0.41, 0.86, 0.68, 0.82);
 -webkit-transition-delay: 0.17s;
 transition-delay: 0.17s;
}
.question-slide_sidebar-enter-to {
 opacity: 1;
}
.question-slide_assistant-mobile-leave-active {
 -webkit-transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
}
.question-slide_assistant-mobile-leave-to {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
.question-slide_assistant-mobile-enter {
 opacity: 0;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
.question-slide_assistant-mobile-enter-active {
 -webkit-transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 transition:
  opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97),
  -webkit-transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
 -webkit-transition-delay: 0.15s;
 transition-delay: 0.15s;
}
.question-slide_assistant-mobile-enter-to {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
.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 0.2s ease-in-out;
 transition: background 0.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(https://markizopros.info/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, 0.15);
 box-shadow: 0 3px 15px 0 rgba(0, 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;
}
.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, 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__name {
 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__contact {
 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;
 text-align: left;
}
.start-page__header {
 font-size: 24px;
 /* 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;
 text-align: center;
}
@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: 0.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_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-bg iframe,
.start-page_has_bg .video-bg 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-bg iframe,
 .start-page_has_bg .video-bg video {
  min-width: 187.77vh;
 }
}
@media (max-width: 819px) {
 .start-page_has_bg .video-bg {
  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-bg__mute,
 .start-page_has_bg.start-page_position_right .video-bg__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: 0.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__name {
  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;
 }
 .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__header,
 .start-page_has_bg.start-page_theme_expanded .start-page__legal,
 .start-page_has_bg.start-page_theme_expanded .start-page__name,
 .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%, 0.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%, 0.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__name {
  -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%, 0.16);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.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-bg__mute,
 .start-page_has_bg.start-page_theme_expanded.start-page_position_center
  .video-bg__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__name {
  text-align: center;
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
 }
 .start-page_has_bg.start-page_theme_centered .video-bg iframe,
 .start-page_has_bg.start-page_theme_centered .video-bg video {
  width: 100%;
  height: 100%;
  min-width: 110%;
 }
 .start-page_has_bg.start-page_theme_centered .video-bg__mute,
 .start-page_has_bg.start-page_theme_centered .video-bg__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-mute,
 .start-page_has_bg.start-page_theme_centered.start-page_has_brand
  .start-page__video-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 0.75s forwards;
 animation: hide-up 0.75s forwards;
 -webkit-animation-delay: 0.3s;
 animation-delay: 0.3s;
}
.start-page_closing:not(.start-page_has_bg) .start-page__footer {
 -webkit-animation: hide-down 0.75s forwards;
 animation: hide-down 0.75s forwards;
 -webkit-animation-delay: 0.3s;
 animation-delay: 0.3s;
}
.start-page_mode_landing .start-page__footer {
 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-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: end;
 -ms-flex-align: end;
 align-items: flex-end;
}
.start-page_mode_landing .whitelabel__container {
 padding-bottom: 2px !important;
}
@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: 0.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; */
  padding: 1.5rem 1rem;
 }
 .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;
  background-position: 50%;
 }
 .start-page.start-page_has_bg .start-page__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
 }
 .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.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;
 }
}
@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__name {
  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 .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 0.75s
   cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
  animation: slide-layout-to-left 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91)
   forwards;
 }
 .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right
  .start-page__body,
 .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right
  .start-page__brand,
 .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right
  .start-page__footer {
  -webkit-animation: hide-text-to-right 0.75s
   cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
  animation: hide-text-to-right 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91)
   forwards;
 }
 .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right
  .video-bg__mute,
 .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_right
  .video-bg__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 0.75s
   cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
  animation: slide-layout-to-right 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91)
   forwards;
 }
 .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left
  .start-page__body,
 .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left
  .start-page__brand,
 .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left
  .start-page__footer {
  -webkit-animation: hide-text-to-left 0.75s
   cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
  animation: hide-text-to-left 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91)
   forwards;
 }
 .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left
  .video-bg__mute,
 .start-page_has_bg.start-page_closing.start-page_theme_standart.start-page_position_left
  .video-bg__replay {
  display: none;
 }
 .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center
  .start-page__footer {
  -webkit-animation: hide-down 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91)
   forwards;
  animation: hide-down 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.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 0.75s ease-in-out forwards;
  animation: fade-out 0.75s ease-in-out forwards;
 }
 .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center
  .video-bg__mute,
 .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_center
  .video-bg__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 0.75s ease-in-out forwards;
  animation: fade-out 0.75s ease-in-out forwards;
 }
 .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right
  .start-page__body,
 .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right
  .start-page__brand,
 .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right
  .start-page__footer {
  -webkit-animation: hide-text-to-right 0.75s
   cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
  animation: hide-text-to-right 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.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-bg__mute,
 .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_right
  .video-bg__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 0.75s ease-in-out forwards;
  animation: fade-out 0.75s ease-in-out forwards;
 }
 .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left
  .start-page__body,
 .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left
  .start-page__brand,
 .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left
  .start-page__footer {
  -webkit-animation: hide-text-to-left 0.75s
   cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
  animation: hide-text-to-left 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.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-bg__mute,
 .start-page_has_bg.start-page_closing.start-page_theme_expanded.start-page_position_left
  .video-bg__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 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
  animation: hide-up 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.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 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91)
   forwards;
  animation: hide-down 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) forwards;
 }
 .start-page_has_bg.start-page_closing.start-page_theme_centered
  .video-bg__mute,
 .start-page_has_bg.start-page_closing.start-page_theme_centered
  .video-bg__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 0.75s forwards;
  animation: hide-up 0.75s forwards;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
 }
 .start-page_has_bg.start-page_closing .start-page__content {
  -webkit-animation: hide-down 0.75s forwards;
  animation: hide-down 0.75s forwards;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.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 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) 0.1s reverse
   forwards;
 }
 .start-page_widget .start-page__subheader {
  animation: hide-down 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) 0.2s reverse
   forwards;
 }
 .start-page_widget .start-page__button {
  animation: hide-down 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) 0.3s reverse
   forwards;
 }
 .start-page_widget .start-page__bonuses,
 .start-page_widget .start-page__footer {
  animation: hide-down 0.75s cubic-bezier(0.71, 0.09, 0.74, 0.91) 0.4s reverse
   forwards;
 }
}
@-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;
 }
}
.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;
}
.small-preview {
 width: 100%;
 height: 70px;
}
.small-preview__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;
}
.small-preview__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);
}
.small-preview_radius .small-preview__content {
 border-top-left-radius: 30px;
}
.small-preview__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;
}
.small-preview__button {
 width: 40px;
 min-height: 40px;
 border-radius: 100%;
 border: none;
 padding: 0;
}
.small-preview__button svg {
 width: 24px;
 fill: var(--color-primary-text-button);
}
.small-preview__discount {
 position: absolute;
 top: 0;
 right: 14px;
 -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.small-preview_has-discount {
 height: 80px;
}
.small-preview_has-discount .small-preview__content {
 margin-top: 10px;
}
.start-page-preview {
 width: 100%;
}
.start-page-preview_large {
 height: 190px;
 background-color: var(--color-bg-quiz, #fff);
}
.start-page-preview__bg,
.start-page-preview__content,
.start-page-preview__video-bg {
 position: absolute;
 top: 0;
 left: 0;
}
.start-page-preview__bg {
 width: 100%;
 height: 100%;
 background: var(--color-bg-quiz, #fff) no-repeat 50% / cover;
}
.start-page-preview__video-bg {
 height: 100%;
 width: 100%;
}
.start-page-preview__video-bg iframe,
.start-page-preview__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;
}
.start-page-preview__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;
}
.start-page-preview__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;
}
.start-page-preview__button {
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 height: 40px;
 font-size: 16px !important;
 padding: 9px 18px;
}
.start-page-preview__header {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
}
.start-page-preview__assistant {
 position: relative;
 width: 42px;
 height: 42px;
}
.start-page-preview__assistant:after {
 content: "";
 display: inline-block;
 position: absolute;
 right: 6px;
 bottom: 2px;
 width: 4px;
 height: 4px;
 background: #3bad4b;
 border-radius: 50%;
}
.start-page-preview__assistant img {
 border-radius: 50%;
}
.assistant-mobile_preview {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.assistant-mobile_preview .assistant-mobile__block {
 border-radius: 30px 10px 10px 10px;
 background-color: var(--color-bg-quiz, #fff);
 padding: 12px 1rem;
 cursor: pointer;
}
.assistant-mobile_preview .assistant-mobile__person {
 margin-right: 15px;
}
.assistant-mobile_preview .assistant-mobile__text-container {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 padding: 0;
}
.assistant-mobile_preview .assistant-mobile__text {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}
.assistant-mobile_preview .assistant-mobile__name {
 width: 100%;
}
.assistant-mobile_preview .assistant-mobile__subtitle,
.assistant-mobile_preview .assistant-mobile__title {
 font-size: 12px;
 font-weight: 500;
 line-height: 1.25;
 margin-bottom: 0;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.assistant-mobile_preview .assistant-mobile__status {
 margin: 0 7px 0 0;
}
.assistant-mobile_preview .assistant-mobile__number {
 font-size: 12px;
 line-height: 1.25;
 display: none;
 color: var(--color-bg-alpha7, #69748c);
}
.assistant-mobile_preview .assistant-mobile__number span {
 color: var(--color-alpha, #69748c);
}
.assistant-mobile_preview .assistant-mobile__text-html {
 font-size: 14px;
 font-style: normal;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}
.assistant-mobile_preview .assistant-mobile__slot {
 position: absolute;
 top: 7px;
 right: 6px;
}
.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__block {
 border-radius: 0;
 cursor: default;
}
.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__status,
.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__text-html {
 display: none;
}
.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__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;
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
}
.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__text {
 width: 100%;
 position: relative;
 top: -2px;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}
.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__subtitle {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 margin: 2px 0 0;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}
.assistant-mobile_preview.assistant-mobile_open .assistant-mobile__number {
 display: block;
 -ms-flex-item-align: end;
 align-self: flex-end;
}
.text-preview {
 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);
}
.text-preview__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;
}
.text-preview__slot {
 margin-left: 10px;
 -ms-flex-item-align: center;
 align-self: center;
}
.results-preview__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, 0.25);
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}
.result-preview {
 width: 100%;
}
.result-preview_large {
 height: 190px;
 background-color: var(--color-bg-quiz, #fff);
}
.result-preview__bg,
.result-preview__content,
.result-preview__video-bg {
 position: absolute;
 top: 0;
 left: 0;
}
.result-preview__bg {
 background: var(--color-bg-quiz, #fff) no-repeat 50% / cover;
}
.result-preview__bg,
.result-preview__video-bg {
 width: 100%;
 height: 100%;
}
.result-preview__video-bg iframe,
.result-preview__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;
}
.result-preview__content {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 100%;
 width: 100%;
 padding: 17px;
}
.result-preview__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;
}
.question-preview__emoji {
 position: relative;
 top: -6px;
 font-size: 22px;
 max-height: 18px;
}
.question-preview_assistant .question-preview__emoji {
 position: relative;
 top: 0;
 left: -6px;
 font-size: 16px;
}
.widget-preview > * {
 border-radius: 10px;
}
.widget-preview:hover {
 cursor: pointer;
}
.widget-preview_open .widget-preview__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, 0.2);
}
.widget-preview_open .widget-preview__close:before {
 content: "\2715";
 font-size: 10px;
 line-height: 10px;
 color: rgba(0, 0, 0, 0.4);
}
.widget-preview_open.widget-preview_mobile .widget-preview__close {
 width: 30px;
 height: 3px;
 border-radius: 3px;
 left: calc(50% - 15px);
 right: auto;
}
.widget-preview_open.widget-preview_mobile .widget-preview__close:before {
 content: none;
}
.widget-preview_open.widget-preview_fixed .widget-preview__question {
 position: fixed;
 width: 100%;
 top: 0;
 z-index: 1000;
}
.disable-overscroll {
 overflow: hidden;
 width: 100%;
 position: fixed;
}
.dark-tone .widget-preview__close {
 background-color: hsla(0, 0%, 100%, 0.2);
}
.dark-tone .widget-preview__close:before {
 color: hsla(0, 0%, 100%, 0.4);
}
: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: 0.53;
 }
}
@keyframes fade-hide-button {
 0% {
  opacity: 0;
 }
 30% {
  opacity: 0;
 }
 to {
  opacity: 0.53;
 }
}
.app__start-page {
 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-page {
  height: 100%;
 }
}
.app__start-page_widget {
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
}
.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__edit {
 position: absolute;
 bottom: 1rem;
 right: 1rem;
 background: var(--color-bg-6, #fff);
 opacity: 0.5;
 width: 2rem;
 height: 1rem;
}
.app__edit:hover {
 opacity: 1;
}
.app__edit-card {
 background: var(--color-bg-quiz, #fff);
 color: var(--color-bg-text, #4a4a4a);
}
.app__edit-card .button.is-danger {
 background-color: var(--color);
 color: var(--color-primary-text-button);
}
.app__edit-card .button.is-text {
 color: var(--color-bg-text, #4a4a4a);
}
.app__edit-card .button.is-text:hover {
 background-color: var(--color-bg-2, #f5f5f5);
}
.app__loading {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: transparent url(https://markizopros.info/img/loader.4c98b8f7.svg)
  no-repeat calc(50% + 40px) 50%;
 background-size: 160px;
}
.app_widget-open {
 background: var(--color-bg-quiz, #fff);
}
h1 {
 font-size: 2em;
}
h2 {
 font-size: 1.5em;
}
h3 {
 font-size: 1.17em;
}
.layout {
 background: var(--color-bg-10, #f8f8f8);
}
@media (max-width: 767px) {
 .layout {
  background: none;
 }
}
@media (max-width: 767px) {
 .quiz-container_with-loader .quiz__questions {
  overflow-x: visible;
 }
 .quiz-container_with-loader .quiz__questions:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: var(--color-bg-10, #f8f8f8);
  z-index: 22;
 }
}
@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: 100vh;
  height: auto;
 }
 .final-page,
 .quiz,
 .result,
 .results {
  margin: 0 auto;
  max-width: 1024px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 570px !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  border: 5px solid transparent;
  border-radius: 4px;
  border-color: var(--color-bg-7, #e6e6e6);
  -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
 }
 .quiz-container_with-loader {
  overflow: hidden;
 }
 .quiz-container_with-loader.quiz-container_has_results {
  -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
 }
 .quiz-container_with-loader.quiz-container_has_result .quiz__result:before,
 .quiz-container_with-loader.quiz-container_has_results:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 5px solid transparent;
  border-radius: 4px;
  border-color: var(--color-bg-7, #e6e6e6);
  z-index: 22;
 }
 .quiz-container_with-loader.quiz-container_has_result {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-animation: appearBoxShadow 0.3s ease-in-out forwards;
  animation: appearBoxShadow 0.3s ease-in-out forwards;
 }
 .quiz-container_with-loader.quiz-container_has_result.quiz-container_has_scroll
  .quiz__result:before {
  display: none;
 }
 @-webkit-keyframes appearBoxShadow {
  to {
   -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
   box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
  }
 }
 @keyframes appearBoxShadow {
  to {
   -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
   box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
  }
 }
 .dark
  .quiz-container_with-loader.quiz-container_has_result
  .quiz__result:before,
 .dark .quiz-container_with-loader:before {
  border-color: var(--color-bg-11);
 }
 .final-page,
 .quiz {
  width: 100vw;
 }
 .quiz {
  max-height: 75vh;
 }
 .dark .final-page,
 .dark .quiz,
 .dark .result,
 .dark .results {
  border-color: var(--color-bg-11);
  border-radius: 4px;
 }
 .dark .quiz__result-loader {
  background: var(--color-bg-10);
 }
 .dark .quiz__result-loader .result-loader__percent,
 .dark .quiz__result-loader .result-loader__text {
  color: var(--color-bg-6);
 }
}
.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%, 0.1)),
  color-stop(20%, hsla(0, 0%, 100%, 0.2)),
  to(hsla(0, 0%, 100%, 0.6))
 );
 background: linear-gradient(
  90deg,
  hsla(0, 0%, 100%, 0.1) 10%,
  hsla(0, 0%, 100%, 0.2) 20%,
  hsla(0, 0%, 100%, 0.6)
 );
 width: 20px;
 -webkit-transform: skewX(-45deg);
 transform: skewX(-45deg);
 left: -20%;
 -webkit-transition: all 0.6s ease;
 transition: all 0.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;
}

.phone-icon {
 color: #dbdbdb;
 height: 1.9em !important;
 pointer-events: none;
 position: absolute;
 top: 0;
 width: 2.25em !important;
 z-index: 4;
}

.title-desc {
 font-size: 16px;
 width: 80%;
 margin: 12px auto 0 auto;
 text-align: center;
}