@font-face {
  font-family: "ITC Avant Garde Pro";
  src: url("../fonts/ITCAvantGardePro-Bold.woff2") format("woff2"), url("../fonts/ITCAvantGardePro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ITC Avant Garde Pro";
  src: url("../fonts/ITCAvantGardePro-Bk.woff2") format("woff2"), url("../fonts/ITCAvantGardePro-Bk.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Scaremate";
  src: url("../fonts/Scaremate.woff2") format("woff2"), url("../fonts/Scaremate.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.no-script-msg {
  font: 0.75em Arial, verdana, Helvetica, sans-serif;
  background: #FFFFCC url("../gfx/icon-noScript.gif") no-repeat 5px 10px;
  width: auto;
  padding: 0.625em 0.625em 0.625em 1.5em;
  margin: 0.5em;
  border: 0.1rem solid #CD3D18;
  font-weight: bold;
  height: auto;
  font-size: 11px;
  color: #000000;
  line-height: 1.5em;
  clear: both;
}

input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=button], input[type=reset], input[type=submit] {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: "ITC Avant Garde Pro", sans-serif;
  -webkit-appearance: none;
  font-weight: 700;
}

button {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: "ITC Avant Garde Pro", sans-serif;
  -webkit-appearance: none;
  font-weight: 700;
}

html {
  font-size: 2.962962963px;
}

body,
html {
  padding: 0;
  margin: 0;
  position: relative;
  background: #187F62;
  color: #fff;
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 700;
}

body {
  min-width: 320px;
  font-size: 1.6rem;
  line-height: 1.429;
  overflow-x: hidden;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
       hyphens: auto;
}

:-moz-placeholder,
:-ms-input-placeholder,
::-moz-placeholder,
::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}

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

a {
  color: #fff;
  cursor: pointer;
  -webkit-transition: color 0.15s linear;
  -moz-transition: color 0.15s linear;
  transition: color 0.15s linear;
  text-decoration: underline;
  outline: none;
}
a:hover {
  color: #fff;
  text-decoration: none;
}
a:not(:hover):focus {
  outline: thin dotted;
  outline-offset: -1px;
}

.text-primary {
  color: #fff !important;
}

.d-none {
  display: none;
}

@media (min-width: 320px) {
  html {
    font-size: 0.9259259259vw;
  }
}
@media (min-width: 540px) {
  html {
    font-size: 5px;
  }
}
/*btn*/
.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  width: 100%;
  position: relative;
  color: #187F62 !important;
  background-color: #fff;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 7rem;
  height: 20.2rem;
  line-height: 9rem;
  font-family: "ITC Avant Garde Pro", sans-serif;
  font-weight: 700;
  border: 0;
  border-radius: 10.1rem;
  text-decoration: none !important;
  letter-spacing: normal;
  min-width: 12rem;
  padding: 5.5rem 18.8rem 5.5rem 8rem;
  -webkit-transition: color 0.15s linear, background-color 0.15s linear, border-color 0.15s linear, -webkit-transform 0.15s linear;
  transition: color 0.15s linear, background-color 0.15s linear, border-color 0.15s linear, -webkit-transform 0.15s linear;
  -moz-transition: transform 0.15s linear, color 0.15s linear, background-color 0.15s linear, border-color 0.15s linear, -moz-transform 0.15s linear;
  transition: transform 0.15s linear, color 0.15s linear, background-color 0.15s linear, border-color 0.15s linear;
  transition: transform 0.15s linear, color 0.15s linear, background-color 0.15s linear, border-color 0.15s linear, -webkit-transform 0.15s linear, -moz-transform 0.15s linear;
  transition: transform 0.15s linear, color 0.15s linear, background-color 0.15s linear, border-color 0.15s linear, -webkit-transform 0.15s linear;
}

.btn-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
}

.btn-icon {
  position: absolute;
  right: 1.7rem;
  top: 1.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  width: 16.8rem;
  height: 16.8rem;
  border-radius: 50%;
  background-color: #187F62;
  background-position: center center;
  background-repeat: no-repeat;
}

.ms-icon-star {
  background-image: url("../gfx/ms-icon-start.svg");
  background-size: 10.8rem auto;
}

.ms-icon-gift {
  background-image: url("../gfx/ms-icon-gift.png");
  background-size: 7.2rem auto;
}

.ms-icon-asadm {
  background-image: url("../gfx/asadm_das-original_logo.svg");
  background-size: 15.3rem auto;
}

.ms-icon-marktguru {
  background-color: #08AAE7;
  background-image: url("../gfx/ms-icon-marktguru.png");
  background-size: 100% auto;
}

.btn-b {
  font-size: 5.6rem;
  line-height: 1.286;
  padding-left: 7rem;
}

.btn-c {
  font-size: 5.1rem;
  line-height: 1.286;
  padding-left: 4.5rem;
  padding-right: 4.5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  background-color: rgba(255, 255, 255, 0.7);
}
.btn-c .ms-time,
.btn-c .ms-time-start {
  font-weight: 300;
  display: block;
  padding-left: 1rem;
}

.btn-d {
  color: #08AAE7;
  font-size: 5.6rem;
  line-height: 1.286;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active {
  -webkit-transform: scale(0.97);
  -moz-transform: scale(0.97);
       transform: scale(0.97);
}
.btn:disabled {
  opacity: 0.2;
}

/* pages */
.ms-pages {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.ms-pages::before {
  display: block;
  content: "";
  min-height: 100vh;
  height: auto;
}

.ms-page {
  background-color: #187F62;
  display: none;
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  -moz-box-flex: 0;
       flex: 0 0 100%;
  opacity: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-box-align: start;
       align-items: flex-start;
}

.pagecontent-vcenter .ms-page {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
}

.ms-page::before {
  display: block;
  content: "";
  height: 100vh;
}

.ms-page-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 108rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 108rem;
  -moz-box-flex: 0;
       flex: 0 0 108rem;
  overflow: hidden;
  position: relative;
}

.ms-page.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  z-index: 1;
  opacity: 1;
}
.ms-page.back-will, .ms-page.next-will {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  z-index: 2;
  opacity: 0;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
       transition-duration: 300ms;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  transition-property: opacity;
  transition-property: opacity;
  -webkit-box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.2);
}
.ms-page.back-will, .ms-page.next-will {
  opacity: 0;
}
.ms-page.active-will {
  opacity: 1;
}
.ms-page.back-was, .ms-page.next-was {
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
       transition-duration: 300ms;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  transition-property: opacity;
  transition-property: opacity;
}
.ms-page.back-was.active-was, .ms-page.next-was.active-was {
  opacity: 0;
}

.ms-body {
  margin: 0;
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  -moz-box-flex: 0;
       flex: 0 0 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ms-body > :last-child {
  margin-bottom: 0;
}

/* header */
.ms-header {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 66rem;
}

.ms-header-bubble {
  display: block;
  margin: 0;
  width: 114.7rem;
  height: auto;
  position: absolute;
  top: 6.5rem;
  left: -6rem;
  z-index: 0;
}

.ms-header-asadm-logo {
  display: block;
  margin: 0;
  width: 34rem;
  height: auto;
  position: absolute;
  top: 29.7rem;
  right: 3.6rem;
  z-index: 4;
}

.ms-hl-a {
  display: block;
  font-size: 15.1rem;
  line-height: 1.291;
  color: #fff;
  position: absolute;
  top: 6rem;
  left: 8rem;
  z-index: 3;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
       transform: rotate(-8deg);
  width: 90rem;
  text-align: center;
}

.ms-hl-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  font-size: 11rem;
  line-height: 1.291;
  color: #fff;
  position: absolute;
  top: 12rem;
  left: 8rem;
  z-index: 3;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
       transform: rotate(-8deg);
  width: 90rem;
  text-align: center;
}

.ms-hl-b-pre {
  display: block;
  width: 11rem;
  height: auto;
  -webkit-transform: rotate(-27deg);
  -moz-transform: rotate(-27deg);
       transform: rotate(-27deg);
  position: relative;
  top: -5rem;
  left: 2rem;
}

.ms-hl-b-post {
  display: block;
  width: 11rem;
  height: auto;
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
       transform: rotate(-7deg);
  position: relative;
  top: 5rem;
}

.ms-hl-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  font-size: 10.8rem;
  line-height: 1.278;
  color: #fff;
  position: absolute;
  top: 13rem;
  left: 5rem;
  z-index: 3;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
       transform: rotate(-8deg);
  width: 92rem;
  text-align: center;
}

.ms-icon-sad {
  display: block;
  width: 17.2rem;
  height: auto;
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
       transform: rotate(-7deg);
  position: relative;
  top: 0;
}

.ms-hl-d {
  display: block;
  font-size: 15.1rem;
  line-height: 1.291;
  color: #fff;
  position: absolute;
  top: 6rem;
  left: 8rem;
  z-index: 3;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
       transform: rotate(-8deg);
  width: 90rem;
  text-align: center;
}

/* footer */
.ms-footer {
  position: relative;
  z-index: 1;
  width: 80rem;
  margin: auto auto 0 auto;
  padding: 0 0 5.5rem;
}
.ms-footer .btn {
  margin-bottom: 5.5rem;
}

.ms-max-count,
.ms-max-count > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  font-size: 4rem;
  line-height: 1.4;
  font-weight: 300;
  position: relative;
}

.ms-max-count-start {
  display: block;
  position: relative;
  width: 21rem;
  max-width: 21rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 21rem;
  -moz-box-flex: 0;
       flex: 0 0 21rem;
  height: 4.8rem;
  margin: 0 0 0 3.2rem;
}
.ms-max-count-start span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 20px;
  height: 100%;
  background: url("../gfx/ms-icon-circle.svg") no-repeat;
  background-size: contain;
}
.ms-max-count-start span:nth-child(1) {
  left: 33.3333333333%;
}
.ms-max-count-start span:nth-child(2) {
  left: 66.6666666667%;
}
.ms-max-count-start span:nth-child(3) {
  left: 100%;
}

.ms-footer-a {
  font-size: 3rem;
  line-height: 1.233;
  font-weight: 300;
  text-align: center;
  margin: 0 -2rem;
  position: relative;
}

.ms-footer-spacer {
  height: 5rem;
  position: relative;
}

.ms-footer-hl {
  margin: 0 0 5.6rem;
  text-transform: uppercase;
  color: #fff;
  font-size: 6rem;
  line-height: 1.283;
}

/* page-start */
.ms-slot-row {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 54.1rem;
}

.ms-slot-bg {
  display: block;
  margin: 0;
  width: 103.8rem;
  height: auto;
  position: absolute;
  top: 0;
  left: 5.6rem;
  z-index: 0;
}

.ms-text-a {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 4.8rem;
  line-height: 1.417;
  padding: 6rem 3rem 0;
  margin: 0 0 16.4rem;
}
.ms-text-a > * {
  margin: 0;
}
.ms-text-a > :last-child {
  margin-bottom: 0;
}
.ms-text-a strong {
  color: #fff;
}

.ms-slot {
  position: absolute;
  top: 0.1rem;
  left: 5.8rem;
  z-index: 1;
  width: 94rem;
  height: 44rem;
  overflow: hidden;
}
.ms-slot .jSlots-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  top: 0;
}
.ms-slot .slot {
  width: 28.4rem;
  height: 800%;
  list-style: none;
  padding: 0;
  float: left;
  margin: 0;
  display: block;
  opacity: 0;
}
.ms-slot .jSlots-wrapper .slot {
  opacity: 1;
}
.ms-slot .jSlots-wrapper .slot:nth-child(1) {
  top: -200%;
  margin-right: 4.2rem;
}
.ms-slot .jSlots-wrapper .slot:nth-child(2) {
  top: -300%;
  margin-right: 4.5rem;
}
.ms-slot .jSlots-wrapper .slot:nth-child(3) {
  top: -400%;
}
.ms-slot .slot li {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: -moz-calc(100%/8);
  height: calc(100%/8);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
}
.ms-slot .slot li span {
  width: 25rem;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.ms-slot .slot li span::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 150.4%;
}
.ms-slot .slot li .product-1 {
  background-image: url("../gfx/product-1.png");
}
.ms-slot .slot li .product-2 {
  background-image: url("../gfx/product-2.png");
}
.ms-slot .slot li .product-3 {
  background-image: url("../gfx/product-3.png");
}
.ms-slot .slot li .product-4 {
  background-image: url("../gfx/product-4.png");
}
.ms-slot .slot li .product-5 {
  background-image: url("../gfx/product-5.png");
}
.ms-slot .slot li .product-6 {
  background-image: url("../gfx/product-6.png");
}
.ms-slot .slot li .product-7 {
  background-image: url("../gfx/product-7.png");
}
.ms-slot .slot li .product-8 {
  background-image: url("../gfx/product-8.png");
}
.ms-slot .slot li .product-9 {
  background-image: url("../gfx/product-9.png");
}
.ms-slot .slot li .product-10 {
  background-image: url("../gfx/product-10.png");
}

/*.ms-pages[data-product=p7] .ms-slot .slot li .product-3{background-image:url(../gfx/product-7.png);} */
.ms-slot-copy {
  position: absolute;
  top: 0.1rem;
  left: 5.8rem;
  z-index: 1;
  width: 94rem;
  height: 44rem;
  overflow: hidden;
}
.ms-slot-copy .jSlots-wrapper-copy {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  top: 0;
}
.ms-slot-copy .slot-copy {
  width: 28.4rem;
  height: 800%;
  list-style: none;
  padding: 0;
  float: left;
  margin: 0;
  display: block;
}
.ms-slot-copy .jSlots-wrapper-copy .slot-copy:nth-child(1) {
  top: -200%;
  margin-right: 4.2rem;
}
.ms-slot-copy .jSlots-wrapper-copy .slot-copy:nth-child(2) {
  top: -300%;
  margin-right: 4.5rem;
}
.ms-slot-copy .jSlots-wrapper-copy .slot-copy:nth-child(3) {
  top: -400%;
}
.ms-slot-copy .slot-copy li {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: -moz-calc(100%/8);
  height: calc(100%/8);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
}
.ms-slot-copy .slot-copy li span {
  width: 25rem;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.ms-slot-copy .slot-copy li span::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 150.4%;
}
.ms-slot-copy .slot-copy li .product-1 {
  background-image: url("../gfx/product-1.png");
}
.ms-slot-copy .slot-copy li .product-2 {
  background-image: url("../gfx/product-2.png");
}
.ms-slot-copy .slot-copy li .product-3 {
  background-image: url("../gfx/product-3.png");
}
.ms-slot-copy .slot-copy li .product-4 {
  background-image: url("../gfx/product-4.png");
}
.ms-slot-copy .slot-copy li .product-5 {
  background-image: url("../gfx/product-5.png");
}
.ms-slot-copy .slot-copy li .product-6 {
  background-image: url("../gfx/product-6.png");
}
.ms-slot-copy .slot-copy li .product-7 {
  background-image: url("../gfx/product-7.png");
}
.ms-slot-copy .slot-copy li .product-8 {
  background-image: url("../gfx/product-8.png");
}
.ms-slot-copy .slot-copy li .product-9 {
  background-image: url("../gfx/product-9.png");
}
.ms-slot-copy .slot-copy li .product-10 {
  background-image: url("../gfx/product-10.png");
}

/*.ms-pages[data-product=p7] .ms-slot-copy .slot-copy li .product-3{background-image:url(../gfx/product-7.png);} */
/* page-win */
.page-win .ms-header {
  height: 50.2rem;
}

.ms-win-row {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 71.4rem;
}

.ms-win-bg {
  display: block;
  margin: 0;
  width: 101.8rem;
  height: auto;
  position: absolute;
  top: 0;
  left: 4.2rem;
  z-index: 0;
}

.ms-text-b {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 6rem;
  line-height: 1.283;
  padding: 1.8rem 3rem 0;
  margin: 0 0 7.2rem;
}
.ms-text-b > * {
  margin: 0;
}
.ms-text-b > :last-child {
  margin-bottom: 0;
}
.ms-text-b strong {
  display: block;
}

.ms-win-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  position: absolute;
  top: 7.2rem;
  left: 8.5rem;
  z-index: 2;
  width: 83rem;
  color: #187F62;
}

.ms-win-left {
  width: 42%;
  max-width: 42%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 42%;
  -moz-box-flex: 0;
       flex: 0 0 42%;
}

.ms-win-right {
  width: 58%;
  max-width: 58%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58%;
  -moz-box-flex: 0;
       flex: 0 0 58%;
}

.ms-win-gfx {
  display: block;
  width: 100%;
  max-width: 30rem;
  height: auto;
  margin: 1.5rem 0 0 1rem;
}

.ms-text-c {
  font-size: 11.4rem;
  line-height: 1.14;
  margin: 0 0 5.5rem;
  font-weight: 300;
  text-align: left;
}
.ms-text-c strong {
  display: block;
  font-size: 13.7rem;
}

.ms-text-d {
  font-size: 5.4rem;
  line-height: 1.214;
  margin: 0;
  font-weight: 300;
  text-align: left;
}
.ms-text-d strong {
  display: block;
}

/* page-lose */
.ms-text-e {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 4.8rem;
  line-height: 1.417;
  padding: 6rem 3rem 0;
  margin: 0 0 9.2rem;
}
.ms-text-e > * {
  margin: 0;
}
.ms-text-e > :last-child {
  margin-bottom: 0;
}

.ms-text-e-hl {
  display: block;
  text-transform: uppercase;
  font-size: 6rem;
  line-height: 1.283;
}

.ms-text-e strong {
  color: #fff;
}

/* page-clear */
.page-clear .ms-text-e,
.page-over .ms-text-e {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
}
.page-clear .ms-text-e::before,
.page-over .ms-text-e::before {
  display: block;
  content: "";
  height: 60rem;
}
.page-clear .ms-text-e > p,
.page-over .ms-text-e > p {
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  -moz-box-flex: 0;
       flex: 0 0 100%;
}
.page-clear .ms-text-e-hl,
.page-over .ms-text-e-hl {
  margin-bottom: 7.8rem;
}

/* page-over */
/* page-marktguru */
.page-marktguru {
  background-color: #08AAE7;
}
.page-marktguru .ms-header {
  height: 70rem;
  color: #fff;
  text-align: center;
  font-size: 5.4rem;
  line-height: 1.296;
  padding: 19rem 0 0;
}
.page-marktguru .ms-header h2 {
  font-weight: 700;
  font-size: 10rem;
  line-height: 1.29;
  margin: 0 0 7.4rem;
}
.page-marktguru .ms-header > :last-child,
.page-marktguru .ms-header p {
  margin: 0;
}

.page-marktguru-row {
  position: relative;
  width: 100%;
  height: 72rem;
  margin: 0 0 13.5rem;
}
.page-marktguru-row img {
  display: block;
  width: 110.2rem;
  height: auto;
  margin: 0 0 0 -1.6rem;
}

/* modal */
.tc-btn {
  position: absolute;
  display: block;
  top: 50%;
  left: 100%;
  margin: 0 0 0 2rem;
  width: 6rem;
  height: 6rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
       transform: translateY(-50%);
}
.tc-btn img {
  display: block;
  width: 100%;
  height: auto;
}

.ms-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  -moz-box-flex: 0;
       flex: 0 0 100%;
  opacity: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
       transition-duration: 300ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -moz-transition-property: opacity, transform, -moz-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform, -moz-transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translateY(-10rem);
  -moz-transform: translateY(-10rem);
       transform: translateY(-10rem);
}
.ms-modal.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
}
.ms-modal.active.show {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
       transform: translateY(0);
}
.ms-modal::after {
  display: block;
  content: "";
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.ms-modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  width: 100%;
  max-width: 108rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 108rem;
  -moz-box-flex: 0;
       flex: 0 0 108rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 3rem 3.6rem;
  height: 100vh;
}

.ms-modal-body {
  position: relative;
  margin: 0;
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  -moz-box-flex: 0;
       flex: 0 0 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10rem 10rem 0 10rem;
  padding: 8rem;
}

.ms-modal-header {
  border-bottom: #000 0.5rem solid;
  margin: 0 0 8rem;
}

.ms-modal-title {
  display: block;
  font-size: 4.8rem;
  line-height: 1.25;
  color: #000;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0 0 4.8rem;
}
.ms-modal-title strong {
  display: block;
}

.ms-modal-s-contnet {
  width: 100%;
  height: -moz-calc(100vh - 54rem);
  height: calc(100vh - 54rem);
  overflow: hidden;
  overflow-y: auto;
  color: #000;
  text-align: left;
  font-weight: 300;
  font-size: 3.4rem;
  line-height: 1.6;
}
.ms-modal-s-contnet > * {
  margin-bottom: 3.4rem;
  margin-top: 0;
}
.ms-modal-s-contnet > :last-child {
  margin-bottom: 0;
}
.ms-modal-s-contnet a {
  color: #000;
  text-decoration: underline;
}
.ms-modal-s-contnet a:focus, .ms-modal-s-contnet a:hover {
  text-decoration: none;
}

.ms-modal-close {
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  padding: 1.2rem;
  position: absolute;
  top: 6.5rem;
  right: 6.5rem;
}
.ms-modal-close img {
  display: block;
  width: 100%;
  height: auto;
}

/* site-footer */
.ms-site-footer-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  background-color: #fff;
}

.ms-site-footer-a-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 108rem;
  -moz-box-flex: 0;
       flex: 0 0 108rem;
  width: 100%;
  max-width: 108rem;
  padding: 5rem 9rem;
  font-size: 4.6rem;
  line-height: 1.391;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
}
.ms-site-footer-a-content img {
  display: block;
  width: 15.4rem;
  height: auto;
  margin: 0 3.6rem 0 0;
}

a:active.ms-site-footer-a-content, a:focus.ms-site-footer-a-content, a:hover.ms-site-footer-a-content {
  color: #000;
}

.ms-site-footer-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  background-color: #e8e8e8;
}

.ms-site-footer-b-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 108rem;
  -moz-box-flex: 0;
       flex: 0 0 108rem;
  width: 100%;
  max-width: 108rem;
  padding: 4.2rem 9rem 2rem;
  font-size: 3.2rem;
  line-height: 1.375;
  color: #000;
  font-weight: 300;
}
.ms-site-footer-b-content a {
  display: block;
  position: relative;
  color: #000;
  text-decoration: none !important;
  padding: 0.5rem;
}
.ms-site-footer-b-content a img {
  display: block;
  position: absolute;
  left: -6.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
       transform: translateY(-50%);
  width: 3.8rem;
  height: auto;
}

.ms-site-footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  padding-top: 3.6rem;
}

/* desktop */
.ms-desktop {
  display: none !important;
}

@media (min-width: 1024px) {
  html {
    font-size: 10px;
  }

  .ms-pages,
  .ms-site-footer {
    display: none !important;
  }

  .ms-desktop {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -moz-box !important;
    display: flex !important;
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    background: #1E5E4C;
  }
  .ms-desktop::before {
    display: block;
    content: "";
    height: 100vh;
  }

  .ms-desktop-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
         flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
         flex: 1;
  }

  .ms-desktop-header {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
         align-items: center;
    font-size: 2.2rem;
    line-height: 1.364;
    font-weight: 700;
    color: #000;
    padding: 0.727em 2.636em;
  }
  .ms-desktop-header img {
    display: block;
    width: 3.318em;
    height: auto;
    margin: 0 1.636em 0 0;
  }

  .ms-desktop-footer {
    background-color: #E8E8E8;
    padding: 0.2rem 0;
  }

  .ms-desktop-footer-content {
    max-width: 99rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
         align-items: center;
  }
  .ms-desktop-footer-content a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
         align-items: center;
    padding: 1rem;
    font-size: 1.6rem;
    line-height: 1.375em;
    color: #000;
    margin: 0 1.4rem 0 0;
    font-weight: 300;
    text-decoration: none;
  }
  .ms-desktop-footer-content a:focus, .ms-desktop-footer-content a:hover {
    text-decoration: underline;
  }
  .ms-desktop-footer-content a img {
    width: 1.5rem;
    height: auto;
    display: block;
    margin: 0 1rem 0 0;
  }
  .ms-desktop-footer-content a:last-child {
    margin-right: 0;
  }
  .ms-desktop-footer-content a:first-child {
    font-style: italic;
    margin-right: auto;
  }

  .ms-desktop-body {
    font-size: 0.625vw;
    width: 160em;
    margin: auto auto 0;
    padding: 0 0 0;
    position: relative;
    overflow: hidden;
  }

  .ms-desktop-mobile {
    display: block;
    width: 78em;
    height: auto;
    position: relative;
    z-index: 0;
    margin: 0 0 -4.5em;
  }

  .ms-desktop-mobile-lbl {
    display: block;
    width: 7em;
    text-align: center;
    font-weight: 700;
    position: absolute;
    z-index: 1;
    font-size: 6em;
    top: 5.8em;
    left: 3.3em;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
         transform: rotate(-15deg);
  }

  .ms-desktop-title {
    display: block;
    width: 78.7em;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 8em;
    right: 15em;
  }

  .ms-desktop-copy {
    display: block;
    width: 61.5em;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 42em;
    right: 8.4em;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
         transform: rotate(-8deg);
  }

  .ms-desktop-apps {
    position: absolute;
    z-index: 2;
    top: 75.3em;
    right: 9.5em;
    width: 53em;
  }
  .ms-desktop-apps p {
    font-size: 2.2em;
    line-height: 1.591;
    margin: 0 0 1.227em;
  }

  .ms-desktop-apps-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
  }
  .ms-desktop-apps-row a {
    display: block;
    margin-right: 1.5em;
  }
  .ms-desktop-apps-row a img {
    display: block;
    height: 5em;
    width: auto;
  }

  /* modal */
  .ms-modal {
    font-size: 0.625vw;
    -webkit-transform: translateY(-5em);
    -moz-transform: translateY(-5em);
         transform: translateY(-5em);
  }

  .ms-modal-content {
    max-width: 160em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160em;
    -moz-box-flex: 0;
         flex: 0 0 160em;
    padding: 1.5em 1.8em;
  }

  .ms-modal-body {
    border-radius: 5em 5em 0 5em;
    padding: 6em;
  }

  .ms-modal-header {
    border-bottom-color: 0.25em;
    margin: 0 0 4em;
  }

  .ms-modal-title {
    font-size: 2.4em;
    margin: 0 0 1em;
  }

  .ms-modal-s-contnet {
    height: -moz-calc(100vh - 13.5em);
    height: calc(100vh - 13.5em);
    font-size: 1.8em;
  }
  .ms-modal-s-contnet > * {
    margin-bottom: 1.2em;
    margin-top: 0;
  }
  .ms-modal-s-contnet > :last-child {
    margin-bottom: 0;
  }

  .ms-modal-close {
    width: 3.2em;
    height: 3.2rem;
    padding: 0.6em;
    bottom: 0.75em;
    right: 0.75em;
  }
}
@media (min-width: 1600px) {
  .ms-desktop-body,
.ms-modal {
    font-size: 1rem;
  }
}
@media (min-width: 1920px) {
  html {
    font-size: 0.5208333333vw;
  }
}
.img-80 {
  max-width: 80%;
  margin: 0 auto;
}

.img-100 {
  max-width: 100%;
}

body,
html,
.ms-page {
  background-color: transparent;
}

.ms-page {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ms-header {
  height: auto;
}
.ms-header::before {
  content: "";
  width: 100%;
  display: block;
  min-height: 14rem;
}

.mv-white {
  color: #FFFFFF;
}

.mv-vcenter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.mv-main-content {
  max-width: 318px;
  margin: 0 auto;
  width: 100%;
  min-height: 75px;
}
.mv-main-content .mv-big-text {
  font-size: 21px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #A8D5C8;
}
.mv-main-content .mv-game-result-text {
  font-size: 22px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.mv-main-content p {
  font-size: 15.5663px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #A8D5C8;
}

.mv-button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 0;
  background: url("../gfx/2022/bg-mv-button.png") center no-repeat;
  background-size: cover;
  height: 80px;
  width: 100%;
  margin: 0 auto 30px auto;
  max-width: 320px;
  text-decoration: none;
}
.mv-button .mv-btn-text {
  display: block;
  font-family: "Scaremate", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 32px;
  line-height: 36px;
  color: #28605B;
  position: relative;
  top: 6px;
}
.mv-button .mv-btn-text.mv-one-more {
  font-size: 27px;
}
.mv-button:active, .mv-button:focus {
  background: url("../gfx/2022/bg-mv-button-green.png") center no-repeat;
  background-size: contain;
}

.ms-max-count {
  color: #A8D5C8;
}

.ms-page.page-game .ms-slot-row {
  height: auto;
}

.hide-item {
  visibility: hidden;
}

.show-item {
  visibility: visible;
}

.mv-prize-slider {
  position: absolute;
  width: 100%;
  /* top: 3%;
  left: 500px;
  top: 0;
  left: 490px; */
  top: 6%;
  left: 486px;
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 1.75s ease-out;
  transition: -webkit-transform 1.75s ease-out;
  -moz-transition: transform 1.75s ease-out, -moz-transform 1.75s ease-out;
  transition: transform 1.75s ease-out;
  transition: transform 1.75s ease-out, -webkit-transform 1.75s ease-out, -moz-transform 1.75s ease-out;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
          transform: translateX(0);
}
.mv-prize-slider li {
  opacity: 1;
  -webkit-transition: opacity 0.75s ease-out;
  -moz-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
  -webkit-transition-delay: 1s;
     -moz-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  left: 25%;
  position: relative;
}
.mv-prize-slider li:last-child {
  margin-left: -75px;
  left: 50%;
  position: relative;
}
.mv-prize-container {
  position: relative;
  overflow: hidden;
}
.mv-prize-container img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 300px;
  max-height: 300px;
}

/* WIN page */
.page-win .mv-prize-slider-win {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
          transform: translateX(0);
}
.page-win .mv-prize-slider-win li {
  margin-left: -150px;
  left: 50%;
  position: relative;
}

.page-win .mv-rabatt {
    font-family: "Scaremate", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 42px;
    -webkit-transform: rotate( -10deg);
       -moz-transform: rotate( -10deg);
       transform: rotate( -10deg);
}

.page-win .mv-rabatt-second {
    font-family: "Scaremate", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 36px;
    margin-top: 15px;
    min-height: 130px;
    -webkit-transform: rotate( -10deg);
       -moz-transform: rotate( -10deg);
       transform: rotate( -10deg);
}

.page-win .ms-footer {
  opacity: 0;
  -webkit-animation: fadeIn 2s 1s ease-out forwards;
     -moz-animation: fadeIn 2s 1s ease-out forwards;
          animation: fadeIn 2s 1s ease-out forwards;
}

.page-win .ms-text-b {
    font-size: 4rem;
    margin-bottom: 2px;
}

@media (min-width: 1024px) {
    .ms-desktop-title {
        font-family: "Scaremate", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 76px;
        line-height: 86px;
        color: #ffffff;
        top: 10rem;
        right: 20%;
        width: auto;
        max-width: 370px;
        letter-spacing: 1px;
        -webkit-transform: rotate( -10deg);
           -moz-transform: rotate( -10deg);
           transform: rotate( -10deg);
    }

    .ms-desktop-copy {
        font-family: 'Montserrat-Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 38px;
        max-width: 360px;
        top: 40rem;
        transform: none;
        right: 17%;
        letter-spacing: 0.01em;
        color: #A8D5C8;
    }
}

@media (min-width: 1280px) {
    .ms-desktop-title {
        top: 20rem;
    }

    .ms-desktop-copy {
        top: 50rem;
    }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}