@charset "UTF-8";
@import url("../fonts/Parimatch/include.css");
@import url("../fonts/Parimatch-kz/include.css");
@import url("../fonts/Circe/include.css");
@import url("../fonts/Gilroy/include.css");
@import url("../fonts/Gilroy-kz/include.css");
@import url("../fonts/DrukCyr/include.css");
@import url("../fonts/SFProText/include.css");
:root {
  font-size: 16px;
  --desc-height: 1080;
  --tab-width: 768;
  --mob-width: 320;
}

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

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

.m-t-30 {
  margin-top: 30px !important;
}

.btn-brand {
  background: #F8FF13;
  box-shadow: 0px 4px 13px rgba(108, 111, 0, 0.3);
  border-radius: 5px;
  padding: 1.5vh 2.5vh;
  text-align: center;
  color: #000000;
  margin-top: -2.5vh;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
}

/**
 * Задает отступы текущим элементам, всем кроме краних, на крайних элементах крайние отступы не зыдаються
 */
.wrap {
  height: 100%;
  transform-style: preserve-3d;
  position: absolute;
  bottom: 0;
  left: 50%;
  display: none;
}
.wrap.show {
  display: block;
}

.firework {
  position: absolute;
  top: 105%;
  left: 50%;
  backface-visibilty: hidden;
  background-image: url("../images/phone.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 3vw;
  height: 6vw;
  width: 3vw;
}

.c {
  background: white;
  height: 0.3vw;
  width: 0.3vw;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
}

@keyframes shoot1 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.1);
  }
  95% {
    opacity: 1;
  }
  100% {
    transform: translate3d(-39.2625817703vw, -64vh, 0) scale(1);
    opacity: 0;
  }
}
.firework:nth-child(1) {
  animation: shoot1 3s infinite;
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(1) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(2) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(3) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(4) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(5) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(6) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(7) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(8) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(9) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(10) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(11) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(12) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(13) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(14) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(15) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(16) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(17) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(18) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(19) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(20) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(21) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(22) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(23) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(24) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(25) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(26) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(27) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(28) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(29) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(30) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(31) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(32) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(33) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(34) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(35) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(36) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(37) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(38) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(39) {
  animation-delay: 0.3s;
}

.firework:nth-child(1) .c {
  background: hsl(36deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(36deg, 100%, 50%, 0.8);
}
.firework:nth-child(1) .c:nth-child(40) {
  animation-delay: 0.3s;
}

@keyframes shoot2 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.1);
  }
  95% {
    opacity: 1;
  }
  100% {
    transform: translate3d(17.0449413829vw, -46vh, 0) scale(1);
    opacity: 0;
  }
}
.firework:nth-child(2) {
  animation: shoot2 3s infinite;
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(1) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(2) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(3) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(4) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(5) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(6) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(7) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(8) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(9) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(10) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(11) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(12) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(13) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(14) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(15) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(16) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(17) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(18) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(19) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(20) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(21) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(22) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(23) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(24) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(25) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(26) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(27) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(28) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(29) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(30) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(31) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(32) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(33) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(34) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(35) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(36) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(37) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(38) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(39) {
  animation-delay: 0.6s;
}

.firework:nth-child(2) .c {
  background: hsl(72deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(72deg, 100%, 50%, 0.8);
}
.firework:nth-child(2) .c:nth-child(40) {
  animation-delay: 0.6s;
}

@keyframes shoot3 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.1);
  }
  95% {
    opacity: 1;
  }
  100% {
    transform: translate3d(-0.3730042507vw, -50vh, 0) scale(1);
    opacity: 0;
  }
}
.firework:nth-child(3) {
  animation: shoot3 3s infinite;
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(1) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(2) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(3) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(4) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(5) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(6) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(7) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(8) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(9) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(10) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(11) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(12) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(13) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(14) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(15) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(16) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(17) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(18) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(19) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(20) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(21) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(22) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(23) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(24) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(25) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(26) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(27) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(28) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(29) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(30) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(31) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(32) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(33) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(34) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(35) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(36) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(37) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(38) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(39) {
  animation-delay: 0.9s;
}

.firework:nth-child(3) .c {
  background: hsl(108deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(108deg, 100%, 50%, 0.8);
}
.firework:nth-child(3) .c:nth-child(40) {
  animation-delay: 0.9s;
}

@keyframes shoot4 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.1);
  }
  95% {
    opacity: 1;
  }
  100% {
    transform: translate3d(-7.0160769102vw, -41vh, 0) scale(1);
    opacity: 0;
  }
}
.firework:nth-child(4) {
  animation: shoot4 3s infinite;
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(1) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(2) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(3) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(4) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(5) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(6) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(7) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(8) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(9) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(10) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(11) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(12) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(13) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(14) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(15) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(16) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(17) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(18) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(19) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(20) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(21) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(22) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(23) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(24) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(25) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(26) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(27) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(28) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(29) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(30) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(31) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(32) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(33) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(34) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(35) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(36) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(37) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(38) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(39) {
  animation-delay: 1.2s;
}

.firework:nth-child(4) .c {
  background: hsl(144deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(144deg, 100%, 50%, 0.8);
}
.firework:nth-child(4) .c:nth-child(40) {
  animation-delay: 1.2s;
}

@keyframes shoot5 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.1);
  }
  95% {
    opacity: 1;
  }
  100% {
    transform: translate3d(-2.7514973179vw, -64vh, 0) scale(1);
    opacity: 0;
  }
}
.firework:nth-child(5) {
  animation: shoot5 3s infinite;
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(1) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(2) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(3) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(4) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(5) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(6) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(7) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(8) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(9) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(10) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(11) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(12) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(13) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(14) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(15) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(16) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(17) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(18) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(19) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(20) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(21) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(22) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(23) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(24) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(25) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(26) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(27) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(28) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(29) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(30) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(31) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(32) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(33) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(34) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(35) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(36) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(37) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(38) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(39) {
  animation-delay: 1.5s;
}

.firework:nth-child(5) .c {
  background: hsl(180deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(180deg, 100%, 50%, 0.8);
}
.firework:nth-child(5) .c:nth-child(40) {
  animation-delay: 1.5s;
}

@keyframes shoot6 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.1);
  }
  95% {
    opacity: 1;
  }
  100% {
    transform: translate3d(-21.5404941837vw, -66vh, 0) scale(1);
    opacity: 0;
  }
}
.firework:nth-child(6) {
  animation: shoot6 3s infinite;
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(1) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(2) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(3) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(4) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(5) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(6) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(7) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(8) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(9) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(10) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(11) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(12) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(13) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(14) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(15) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(16) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(17) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(18) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(19) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(20) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(21) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(22) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(23) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(24) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(25) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(26) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(27) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(28) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(29) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(30) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(31) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(32) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(33) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(34) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(35) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(36) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(37) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(38) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(39) {
  animation-delay: 1.8s;
}

.firework:nth-child(6) .c {
  background: hsl(216deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(216deg, 100%, 50%, 0.8);
}
.firework:nth-child(6) .c:nth-child(40) {
  animation-delay: 1.8s;
}

@keyframes shoot7 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.1);
  }
  95% {
    opacity: 1;
  }
  100% {
    transform: translate3d(7.1784815655vw, -56vh, 0) scale(1);
    opacity: 0;
  }
}
.firework:nth-child(7) {
  animation: shoot7 3s infinite;
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(1) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(2) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(3) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(4) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(5) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(6) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(7) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(8) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(9) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(10) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(11) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(12) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(13) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(14) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(15) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(16) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(17) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(18) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(19) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(20) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(21) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(22) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(23) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(24) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(25) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(26) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(27) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(28) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(29) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(30) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(31) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(32) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(33) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(34) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(35) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(36) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(37) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(38) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(39) {
  animation-delay: 2.1s;
}

.firework:nth-child(7) .c {
  background: hsl(252deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(252deg, 100%, 50%, 0.8);
}
.firework:nth-child(7) .c:nth-child(40) {
  animation-delay: 2.1s;
}

@keyframes shoot8 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.1);
  }
  95% {
    opacity: 1;
  }
  100% {
    transform: translate3d(12.575953524vw, -44vh, 0) scale(1);
    opacity: 0;
  }
}
.firework:nth-child(8) {
  animation: shoot8 3s infinite;
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(1) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(2) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(3) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(4) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(5) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(6) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(7) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(8) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(9) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(10) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(11) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(12) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(13) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(14) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(15) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(16) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(17) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(18) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(19) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(20) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(21) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(22) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(23) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(24) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(25) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(26) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(27) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(28) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(29) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(30) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(31) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(32) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(33) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(34) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(35) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(36) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(37) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(38) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(39) {
  animation-delay: 2.4s;
}

.firework:nth-child(8) .c {
  background: hsl(288deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(288deg, 100%, 50%, 0.8);
}
.firework:nth-child(8) .c:nth-child(40) {
  animation-delay: 2.4s;
}

@keyframes shoot9 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.1);
  }
  95% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0.8636435357vw, -66vh, 0) scale(1);
    opacity: 0;
  }
}
.firework:nth-child(9) {
  animation: shoot9 3s infinite;
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(1) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(2) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(3) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(4) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(5) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(6) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(7) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(8) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(9) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(10) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(11) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(12) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(13) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(14) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(15) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(16) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(17) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(18) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(19) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(20) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(21) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(22) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(23) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(24) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(25) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(26) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(27) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(28) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(29) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(30) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(31) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(32) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(33) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(34) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(35) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(36) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(37) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(38) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(39) {
  animation-delay: 2.7s;
}

.firework:nth-child(9) .c {
  background: hsl(324deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(324deg, 100%, 50%, 0.8);
}
.firework:nth-child(9) .c:nth-child(40) {
  animation-delay: 2.7s;
}

@keyframes shoot10 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.1);
  }
  95% {
    opacity: 1;
  }
  100% {
    transform: translate3d(-24.1512221944vw, -55vh, 0) scale(1);
    opacity: 0;
  }
}
.firework:nth-child(10) {
  animation: shoot10 3s infinite;
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(1) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(2) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(3) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(4) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(5) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(6) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(7) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(8) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(9) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(10) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(11) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(12) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(13) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(14) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(15) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(16) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(17) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(18) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(19) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(20) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(21) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(22) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(23) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(24) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(25) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(26) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(27) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(28) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(29) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(30) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(31) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(32) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(33) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(34) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(35) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(36) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(37) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(38) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(39) {
  animation-delay: 3s;
}

.firework:nth-child(10) .c {
  background: hsl(0deg, 100%, 50%);
  box-shadow: 0 0 3vw 0vw hsla(0deg, 100%, 50%, 0.8);
}
.firework:nth-child(10) .c:nth-child(40) {
  animation-delay: 3s;
}

@keyframes explode1 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-1.0174776948vw, -1.5012181562vw, 0) scale(0.1);
  }
}
.c:nth-child(1) {
  animation: explode1 3s infinite linear;
}

@keyframes explode2 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-0.0809857683vw, -0.3511282892vw, 0) scale(0.1);
  }
}
.c:nth-child(2) {
  animation: explode2 3s infinite linear;
}

@keyframes explode3 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(1.0297527847vw, -0.1014221024vw, 0) scale(0.1);
  }
}
.c:nth-child(3) {
  animation: explode3 3s infinite linear;
}

@keyframes explode4 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.2048924273vw, 1.1889134117vw, 0) scale(0.1);
  }
}
.c:nth-child(4) {
  animation: explode4 3s infinite linear;
}

@keyframes explode5 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.6133145196vw, 1.5583623519vw, 0) scale(0.1);
  }
}
.c:nth-child(5) {
  animation: explode5 3s infinite linear;
}

@keyframes explode6 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-2.0738397666vw, -1.6781060697vw, 0) scale(0.1);
  }
}
.c:nth-child(6) {
  animation: explode6 3s infinite linear;
}

@keyframes explode7 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(2.647698701vw, 1.4174415735vw, 0) scale(0.1);
  }
}
.c:nth-child(7) {
  animation: explode7 3s infinite linear;
}

@keyframes explode8 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-0.7461984646vw, -1.1344239572vw, 0) scale(0.1);
  }
}
.c:nth-child(8) {
  animation: explode8 3s infinite linear;
}

@keyframes explode9 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-4.4532547836vw, -0.9518935626vw, 0) scale(0.1);
  }
}
.c:nth-child(9) {
  animation: explode9 3s infinite linear;
}

@keyframes explode10 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(2.2079038558vw, -0.0486999735vw, 0) scale(0.1);
  }
}
.c:nth-child(10) {
  animation: explode10 3s infinite linear;
}

@keyframes explode11 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(2.5201676992vw, 1.6384384021vw, 0) scale(0.1);
  }
}
.c:nth-child(11) {
  animation: explode11 3s infinite linear;
}

@keyframes explode12 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.7408569568vw, -0.2791461848vw, 0) scale(0.1);
  }
}
.c:nth-child(12) {
  animation: explode12 3s infinite linear;
}

@keyframes explode13 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-1.8851788209vw, 1.0029223229vw, 0) scale(0.1);
  }
}
.c:nth-child(13) {
  animation: explode13 3s infinite linear;
}

@keyframes explode14 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-4.0381411849vw, -0.9517063978vw, 0) scale(0.1);
  }
}
.c:nth-child(14) {
  animation: explode14 3s infinite linear;
}

@keyframes explode15 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-3.3702420678vw, -2.0502043976vw, 0) scale(0.1);
  }
}
.c:nth-child(15) {
  animation: explode15 3s infinite linear;
}

@keyframes explode16 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.8424785308vw, 0.6514594798vw, 0) scale(0.1);
  }
}
.c:nth-child(16) {
  animation: explode16 3s infinite linear;
}

@keyframes explode17 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-2.1301835686vw, 3.0051689934vw, 0) scale(0.1);
  }
}
.c:nth-child(17) {
  animation: explode17 3s infinite linear;
}

@keyframes explode18 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.1701843389vw, -0.3059177459vw, 0) scale(0.1);
  }
}
.c:nth-child(18) {
  animation: explode18 3s infinite linear;
}

@keyframes explode19 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-0.8267004015vw, -0.8603879619vw, 0) scale(0.1);
  }
}
.c:nth-child(19) {
  animation: explode19 3s infinite linear;
}

@keyframes explode20 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(1.4000399446vw, -2.1769030841vw, 0) scale(0.1);
  }
}
.c:nth-child(20) {
  animation: explode20 3s infinite linear;
}

@keyframes explode21 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.8883252228vw, -0.5990157173vw, 0) scale(0.1);
  }
}
.c:nth-child(21) {
  animation: explode21 3s infinite linear;
}

@keyframes explode22 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-0.4672647855vw, 4.8842005801vw, 0) scale(0.1);
  }
}
.c:nth-child(22) {
  animation: explode22 3s infinite linear;
}

@keyframes explode23 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.925783549vw, 0.3468165417vw, 0) scale(0.1);
  }
}
.c:nth-child(23) {
  animation: explode23 3s infinite linear;
}

@keyframes explode24 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-0.4282015814vw, -0.1779782685vw, 0) scale(0.1);
  }
}
.c:nth-child(24) {
  animation: explode24 3s infinite linear;
}

@keyframes explode25 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.7859999762vw, 2.8526806435vw, 0) scale(0.1);
  }
}
.c:nth-child(25) {
  animation: explode25 3s infinite linear;
}

@keyframes explode26 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(3.9128064512vw, 2.5505587752vw, 0) scale(0.1);
  }
}
.c:nth-child(26) {
  animation: explode26 3s infinite linear;
}

@keyframes explode27 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(1.7390695744vw, 4.6533545349vw, 0) scale(0.1);
  }
}
.c:nth-child(27) {
  animation: explode27 3s infinite linear;
}

@keyframes explode28 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.772339539vw, 0.3731499712vw, 0) scale(0.1);
  }
}
.c:nth-child(28) {
  animation: explode28 3s infinite linear;
}

@keyframes explode29 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-0.4201385593vw, -1.8563641711vw, 0) scale(0.1);
  }
}
.c:nth-child(29) {
  animation: explode29 3s infinite linear;
}

@keyframes explode30 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-2.4553478406vw, 2.1992734246vw, 0) scale(0.1);
  }
}
.c:nth-child(30) {
  animation: explode30 3s infinite linear;
}

@keyframes explode31 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-2.3979973756vw, 2.757954967vw, 0) scale(0.1);
  }
}
.c:nth-child(31) {
  animation: explode31 3s infinite linear;
}

@keyframes explode32 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-0.3056729405vw, -0.7362951409vw, 0) scale(0.1);
  }
}
.c:nth-child(32) {
  animation: explode32 3s infinite linear;
}

@keyframes explode33 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.4483833293vw, -0.3332925287vw, 0) scale(0.1);
  }
}
.c:nth-child(33) {
  animation: explode33 3s infinite linear;
}

@keyframes explode34 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.782599096vw, -3.6499792634vw, 0) scale(0.1);
  }
}
.c:nth-child(34) {
  animation: explode34 3s infinite linear;
}

@keyframes explode35 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-0.0896564722vw, 1.8946470454vw, 0) scale(0.1);
  }
}
.c:nth-child(35) {
  animation: explode35 3s infinite linear;
}

@keyframes explode36 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(2.1230038749vw, 0.1304432192vw, 0) scale(0.1);
  }
}
.c:nth-child(36) {
  animation: explode36 3s infinite linear;
}

@keyframes explode37 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.8649781248vw, -1.6026990417vw, 0) scale(0.1);
  }
}
.c:nth-child(37) {
  animation: explode37 3s infinite linear;
}

@keyframes explode38 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-0.9715759925vw, 0.5846156885vw, 0) scale(0.1);
  }
}
.c:nth-child(38) {
  animation: explode38 3s infinite linear;
}

@keyframes explode39 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0.1092620414vw, -0.4011852956vw, 0) scale(0.1);
  }
}
.c:nth-child(39) {
  animation: explode39 3s infinite linear;
}

@keyframes explode40 {
  60% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-0.0490072144vw, 0.1959710116vw, 0) scale(0.1);
  }
}
.c:nth-child(40) {
  animation: explode40 3s infinite linear;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, select,
figure, figcaption, picture {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

input[type=text], input[type=password], input[type=email], input[type=number] {
  background: transparent;
}

header, footer, section, nav, aside {
  display: block;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

textarea {
  resize: none;
  overflow: auto;
}

address {
  font-style: normal;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background-color: #F8FF13;
  outline: 1px solid #F8FF13;
}

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #F8FF13;
}

::selection {
  color: #fff;
  background: #F8FF13;
}

/*--------------------------для шапки------------------------------------*/
/*-если в хедере есть элемент с высотой большей чем лого или кнопки то юзаем код ниже -*/
/*--------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: "Gilroy", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 106%;
  background-color: #000;
  color: #fff;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;
  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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #000;
  overflow-x: hidden;
}

.vertical-line {
  border-left: 2px solid #fff;
  height: 7vh;
  margin-left: 1vw;
  margin-right: 1vw;
  margin-top: -1vh;
}

.header-logo img {
  height: 6.5vh;
}

.header-logo-title {
  font-weight: bold;
  line-height: 1.25;
  margin-top: -1vh;
}

.left-top-image {
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 63vw;
}

.left-top-image img {
  height: 40vw;
}

.left-down-image {
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 154vw;
}

.left-down-image img {
  height: 40vw;
}

.right-top-image {
  display: inline-block;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 35vw;
}

.right-top-image img {
  height: 40vw;
}

.right-down-image {
  display: inline-block;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 154vw;
}

.right-down-image img {
  height: 40vw;
}

.for-mobile {
  display: none;
}

#owl_carusel_image_text {
  position: relative;
  display: inline-block;
  width: 20vw;
  height: 4vw;
}

.owl-carousel .owl-item img {
  -webkit-transition: all ease-out 0.5s;
  -moz-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
}

.owl-nav {
  display: flex;
  margin: auto;
  height: 4vw;
  align-items: center;
  justify-content: space-around;
}

a {
  -webkit-transition: 0.5s all ease-out;
  transition: 0.5s all ease-out;
  cursor: pointer;
}

a, a:hover {
  text-decoration: none;
}

select, input, textarea {
  vertical-align: middle;
}

textarea {
  vertical-align: top;
}

:focus {
  outline: none;
}

input[type=submit] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

div, p, a, span, em, strong, img, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, td, tr, form, fieldset, label, select, input, textarea {
  padding: 0;
  margin: 0;
  outline: none;
  list-style: none;
  line-height: 1;
}

section, footer {
  text-align: center;
}

button,
button:active,
button:focus {
  outline: none;
}

.gold-color, .pm-color {
  color: #FFFF14;
}

.container {
  padding: 0 3.7037037037vh;
}

.btn-main {
  height: auto;
  display: inline-block;
  text-align: center;
  color: #000;
  background: #F8FF13;
  border: calc(1 / var(--desc-height) * 100vh) solid #F8FF13;
  font-family: "Parimatch", sans-serif;
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.5vw 3.5vw 0.9vw;
  font-size: 2.5vw;
}

.btn-main2 {
  height: auto;
  display: inline-block;
  text-align: center;
  color: #000;
  background: #FFFF14;
  border: calc(1 / var(--desc-height) * 100vh) solid #FFFF14;
  font-family: "Parimatch", sans-serif;
  font-style: italic;
  font-weight: 600;
  transform: skewX(-14deg);
  text-transform: uppercase;
  padding: 0.5vw 3.5vw 0.9vw;
  font-size: 1.9vw;
}

.btn-main--small {
  height: 3.5185185185vh;
  font-size: 1.6666666667vh;
  font-style: normal;
  border-width: calc(1 / var(--desc-height) * 100vh);
  text-transform: none;
  margin-bottom: 0;
  padding: 0.5vw 1.5vw;
}

.btn-main--small:hover {
  text-shadow: none;
}

.btn-main--transparent {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
  text-shadow: none;
  font-weight: normal;
}

.btn-main--transparent:hover {
  background-color: #fff !important;
  text-shadow: none;
  color: #000 !important;
  border-color: #fff !important;
}

.btn-main__text {
  position: relative;
  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;
  width: 100%;
  height: 100%;
  color: inherit;
  text-transform: uppercase;
  transform: skewX(14deg);
}

.btn-main:hover {
  color: #000000;
  border-color: #ffffff;
  background: #ffffff;
}

.btn-skew {
  position: relative;
  display: inline-block;
  width: auto;
  min-width: 0;
  line-height: 1;
  cursor: pointer;
  border: calc(2 / var(--desc-height) * 100vh) solid #FFFF14;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background-color: #FFFF14;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  padding: 0 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  -webkit-appearance: none;
  -webkit-transform: skewX(-14deg);
  transform: skewX(-14deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-family: "Parimatch", sans-serif;
  height: 5.8333333333vh;
  font-size: 2.2222222222vh;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-skew--small {
  height: 3.5185185185vh;
  font-size: 1.6666666667vh;
  font-weight: normal;
  border-width: calc(1 / var(--desc-height) * 100vh);
  padding: 0 1.6em;
  padding-top: 0.05em;
  padding-bottom: 0 !important;
  margin-left: 0.7em;
}

.btn-skew--small .btn-skew__text {
  -webkit-transform: skewX(14deg) translateY(-0.1em);
  transform: skewX(14deg) translateY(-0.1em);
}

.btn-skew--small:hover {
  text-shadow: 0 0 0.25em black;
}

.btn-skew__text {
  position: relative;
  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;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transform: skewX(14deg);
  transform: skewX(14deg);
}

.btn-skew.black {
  background-color: #000;
  color: #fff;
  text-shadow: none;
  border-color: #000;
}

.btn-skew.black:hover {
  background-color: transparent !important;
  color: #000 !important;
  border-color: #000 !important;
}

.btn-skew--transparent {
  border-color: #fff;
  background-color: transparent !important;
  color: #fff !important;
  text-shadow: 0 0 0.25em black;
  font-weight: normal;
}

.btn-skew--transparent:hover {
  background-color: #fff !important;
  text-shadow: none;
  color: #000 !important;
  border-color: #fff !important;
}

.btn-skew--transparent.black {
  border-color: #000;
  color: #000 !important;
  text-shadow: none;
}

.btn-skew--transparent.black:hover {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

.btn-skew:hover {
  background-color: transparent;
  border-color: #FFFF14;
  color: #FFFF14;
}

.header-lang {
  display: flex;
  align-items: center;
  margin-right: 2vw;
  margin-left: auto;
  margin-top: 0.462962963vh;
  color: #fff;
}
.header-lang .lang {
  font-size: 2vh;
  line-height: 113%;
  padding: 0.7vh;
  color: rgba(255, 255, 255, 0.8);
}
.header-lang .lang.active {
  color: #F8FF13;
}

.header {
  padding: 2vw 0;
  height: 8vw;
  position: relative;
  z-index: 5;
  margin-bottom: -10vw;
}

.header .container {
  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;
  position: relative;
  z-index: 2;
  height: 100%;
}

.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.logo img {
  width: auto;
  height: 4.5vw;
  display: block;
  image-rendering: -webkit-optimize-contrast;
}

.header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-right .btn-main, .header-right .btn-skew {
  margin-left: 0.6em;
}

.header-right .btn-main:first-child, .header-right .btn-skew:first-child {
  margin-left: 0;
  position: relative;
  display: inline-block;
  width: auto;
  min-width: 0;
  line-height: 1;
  cursor: pointer;
  border: 0.2vh solid #F8FF13;
  text-decoration: none;
  text-align: center;
  color: #000;
  background-color: #F8FF13;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  padding: 0 4vh 0.2vh 4vh;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  height: 4vh;
  font-size: 2.2vh;
  font-weight: 300;
  border-radius: 1vw;
}

.header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
}
.header-left .header__logo-link {
  height: 100%;
}
.header-left .header__logo-link img {
  height: 75%;
}
.header-left picture {
  height: 100%;
  margin-left: 1vw;
}
.header-left picture img {
  height: 75%;
}

.header .container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-wr {
  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;
}

.btn-main--small {
  min-width: 5em;
}

.h3 {
  color: #fff;
  font-family: "Parimatch", sans-serif;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  font-size: 4.5vw;
  text-align: center;
}

.phone {
  display: none;
}

.section_1 {
  background: url("../images/bg_1.jpg") no-repeat left top;
  background-size: cover;
  background-color: black;
  padding-bottom: 4vw;
}

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
}

.main__center {
  height: auto;
  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;
  padding: calc(20 / var(--desc-height) * 100vh);
  text-align: center;
  margin: 10.5vw auto auto 6vw;
}
.main__center .bonus-text {
  line-height: 106%;
  text-align: center;
  font-size: 1.6vw;
  width: 27vw;
  margin: auto auto 1.5vw;
}

.main__right .hand {
  margin-top: 3vw;
}
.main__right .hand img {
  width: 50vw;
}

.participation {
  z-index: 1;
  margin-top: 7vw;
}
.participation .h3 {
  text-transform: none;
}
.participation .section-steps {
  width: 64vw;
  display: flex;
  margin: 2vw auto 2vw;
}
.participation .section-steps .step {
  flex: 0 0 33%;
  text-align: left;
  max-width: 33%;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.participation .section-steps .step:first-child .block-image {
  margin-right: -1vw;
  width: 28%;
}
.participation .section-steps .step .image {
  height: fit-content;
  max-width: 100%;
  width: auto;
}
.participation .section-steps .step .block-image {
  width: 30%;
  margin-right: 1vw;
}
.participation .section-steps .step .step-short {
  transform: skewX(-14deg);
  font-family: "SFProText", sans-serif;
  width: 70%;
}
.participation .section-steps .text {
  line-height: 113.5%;
  padding: 1vw 0 0;
  font-size: 0.9vw;
  color: #fff;
  font-weight: 600;
}
.participation .section-steps .text_1 {
  color: #FFF;
  font-size: 1.7vw;
  font-style: normal;
  font-weight: 500;
  line-height: 86%; /* 40.922px */
}
.participation .btn-n-rules {
  margin: auto;
}
.participation .btn-n-rules .links {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.participation .btn-n-rules .instruction {
  background-color: inherit;
  color: #F8FF13;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2vw;
}
.participation .btn-n-rules .instruction img {
  margin-right: 1vw;
  width: 0.75vw;
}

.section_3 {
  background-size: cover;
  background-image: url("../images/bg_3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.section_3 .participation2 {
  z-index: 1;
}
.section_3 .participation2 .section-steps {
  background: url(../images/fon__winner.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 67vw;
  height: 19.2vw;
  display: flex;
  margin: 0vw auto 2vw;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
}
.section_3 .participation2 .section-steps .winner {
  margin-top: 5vw;
}
.section_3 .participation2 .section-steps .winner .text__winner p {
  color: #FFF;
  font-family: "Parimatch", sans-serif;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  font-size: 2.8vw;
}
.section_3 .participation2 .section-steps .winner .kar__winner {
  display: flex;
  align-items: center;
  margin-top: 2vw;
  flex-direction: column;
}
.section_3 .participation2 .section-steps .winner .kar__winner img {
  width: 8vw;
}
.section_3 .participation2 .section-steps .winner .kar__winner div {
  display: flex;
  flex-direction: column;
  margin-left: 3vw;
  align-items: center;
}
.section_3 .participation2 .section-steps .winner .kar__winner div .participant__name {
  color: #FFF;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 2.5vw;
}
.section_3 .participation2 .section-steps .winner .kar__winner div .participant__number {
  color: #CCC;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-size: 1.8vw;
}
.section_3 .participation2 .btn-n-rules {
  margin: auto;
}
.section_3 .participation2 .btn-n-rules .links {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section_3 .participation2 .btn-n-rules .instruction {
  background-color: inherit;
  color: #F8FF13;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2vw;
}
.section_3 .participation2 .btn-n-rules .instruction img {
  margin-right: 1vw;
  width: 0.75vw;
}
.section_3 .until_the_next_mob {
  display: none;
}

.container2 {
  display: none;
}

.participation3 {
  z-index: 1;
}
.participation3 .table-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.participation3 .table-title .image-table-left {
  margin-right: 2vw;
}
.participation3 .table-title .image-table-right {
  margin-left: 2vw;
}
.participation3 .table-title2 {
  display: flex;
  justify-content: center;
}
.participation3 .table-title2 span {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 1.5vw;
  line-height: 113.5%;
}
.participation3 .block-table {
  margin-top: 3vw;
  display: flex;
  justify-content: center;
  /*
      table {
        width: 60vw;
        border: solid 1px #fff;

        thead {
          background-color: #fff;
          color: #000;

          th {
            font-family: 'Gilroy';
            font-style: normal;
            font-weight: 600;
            font-size: 1.5vw;
            line-height: 113.5%;

            padding-top: 0.5vw;
            padding-bottom: 0.5vw;
          }

        }

        tbody {
          tr {
            //border-bottom: solid 1px #fff;
          }

          tr {

            td:first-child {
              padding-left: 3vw;
            }

            td:last-child {
              padding-right: 3vw;
            }

          }

          td {
            font-family: 'Gilroy';
            font-style: normal;
            font-weight: 400;
            font-size: 1.2vw;
            line-height: 113.5%;

            padding-top: 0.5vw;
            padding-bottom: 0.5vw;

            border: none;
  //          border-bottom: solid 1px #fff;
          }

        }

      }
       */
}
.participation3 .block-table .div-table {
  border: solid 1px #fff;
  width: 60vw;
}
.participation3 .block-table .div-table .table-header {
  display: flex;
  justify-content: space-between;
  padding: 0 3vw 0 3vw;
  background-color: #fff;
  color: #000;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 1.5vw;
  line-height: 113.5%;
}
.participation3 .block-table .div-table .table-header .th-small {
  flex-grow: 1;
  padding: 1vw 1vw 1vw 1vw;
  text-align: center;
  width: 10%;
}
.participation3 .block-table .div-table .table-header .th-small2 {
  flex-grow: 1;
  padding: 1vw 1vw 1vw 1vw;
  text-align: center;
  width: 15%;
}
.participation3 .block-table .div-table .table-header .th-big {
  flex-grow: 6;
  padding: 1vw 1vw 1vw 1vw;
  width: 30%;
  text-align: center;
}
.participation3 .block-table .div-table .table-header .th-right {
  text-align: right;
}
.participation3 .block-table .div-table .table-body {
  padding: 1vw 3vw 1vw 3vw;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 400;
  font-size: 1.2vw;
  line-height: 113.5%;
}
.participation3 .block-table .div-table .table-body .table-tr {
  display: flex;
  justify-content: space-between;
}
.participation3 .block-table .div-table .table-body .table-tr .td-small {
  flex-grow: 1;
  padding: 0.5vw 1vw 0.5vw 1vw;
  width: 10%;
  text-align: center;
}
.participation3 .block-table .div-table .table-body .table-tr .td-small2 {
  flex-grow: 1;
  padding: 0.5vw 1vw 0.5vw 1vw;
  width: 15%;
  text-align: center;
}
.participation3 .block-table .div-table .table-body .table-tr .td-big {
  flex-grow: 6;
  padding: 0.5vw 1vw 0.5vw 1vw;
  width: 30%;
  text-align: center;
}
.participation3 .block-table .div-table .table-body .table-tr .td-right {
  text-align: right;
}
.participation3 .block-table .div-table .table-body .table-tr .td-bottom-line {
  border-bottom: solid 1px #fff;
}
.bg_participation_2 {
  background: none;
}

.div_participation_2 {
  background-color: #000;
}

.div_participation_3 {
  display: block;
  width: 100%;
  height: 40vw;
  background: url("../images/bg_participation_3.jpg") no-repeat left top;
  background-size: 100% 100%;
}
.div_participation_3 .owl-carousel .owl-item img {
  width: 40%;
  margin-left: 5vw;
  margin-top: 6vw;
}

.participation-image {
  margin-top: 2vw;
  text-align: center;
}

.participation-image2 {
  display: inline-flex;
  width: 56vw;
}
.participation-image2 img:first-child {
  margin-right: 2vw;
}
.participation-image img {
  height: 4vw;
}

.participation-title-2 {
  z-index: 1;
  color: #fff;
  position: relative;
  margin-top: 3vw;
}

.text-small {
  font-size: 1vw;
}

.participation2 {
  position: relative;
  margin-bottom: 2vw;
  z-index: 2;
}
.participation2 .btn-n-rules {
  margin: auto;
}
.participation2 .btn-n-rules .links {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq {
  margin-top: 2vw;
  z-index: 2;
  padding-bottom: 10vw;
}
.faq .faq-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.faq .faq-title .image-faq-left {
  margin-right: 1.2vw;
}
.faq .faq-title .image-faq-right {
  margin-left: 1.8vw;
}
.faq .h3 {
  color: #fff;
  margin-bottom: 1.5vw !important;
  margin-top: 1vw;
}
.faq .container-center {
  width: 60vw;
  margin: auto;
}
.faq .faq-list {
  width: 100%;
}
.faq .faq-list .faq-item {
  margin-bottom: 1.5vw;
  z-index: 1;
}
.faq .faq-list .faq-item .faq-item__question {
  border-radius: 0.2vw;
  padding: 1.1vw 1.7vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  opacity: 0.9;
  -webkit-transition: all ease-out 0.5s;
  -moz-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
  /* filter: drop-shadow(0px 4px 11px rgba(0, 0, 0, 0.25)); */
  border: solid 1px #fff;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.2;
  text-align: left;
  color: #fff;
}
.faq .faq-list .faq-item .faq-item__question .minus, .faq .faq-list .faq-item .faq-item__question .plus {
  width: 1.1vw;
  filter: invert(1);
}
.faq .faq-list .faq-item .faq-item__question .minus {
  display: none;
}
.faq .faq-list .faq-item .faq-item__question .plus {
  display: block;
}
.faq .faq-list .faq-item .faq-item__answer {
  font-style: normal;
  font-weight: normal;
  font-size: 0.85vw;
  line-height: 1.25;
  padding: 2vw 2vw 0;
  width: 70%;
  display: none;
  margin-left: 8vw;
  color: #fff;
}
.faq .faq-list .faq-item .faq-item__answer li, .faq .faq-list .faq-item .faq-item__answer p {
  margin-bottom: 0.3vw;
  list-style: circle;
}
.faq .faq-list .faq-item .faq-item__answer a {
  color: #000;
}
.faq .faq-list .faq-item__open .faq-item__question {
  filter: drop-shadow(0px 4px 11px rgba(0, 0, 0, 0.25));
  border-color: transparent;
  background: #F0F0F0;
  -webkit-transition: all ease-out 0.5s;
  -moz-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
  color: #000;
}
.faq .faq-list .faq-item__open .faq-item__question .minus {
  display: block;
}
.faq .faq-list .faq-item__open .faq-item__question .plus {
  display: none;
}
.faq .faq-list .faq-item__open .faq-item__answer {
  display: inline-block;
}
.faq .faq-list .faq-item__icon {
  height: 1.5vw;
  position: absolute;
  top: 0.9vw;
  right: 1.1vw;
}
.faq .faq-list .faq-item__open .faq-item__icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 0.6vw;
}
.faq .faq-list .faq-item__answer__link {
  color: #F8FF13;
}
.faq .faq-list .faq-item__answer__link:hover {
  text-decoration: underline;
}
.faq .faq-list .faq-bg {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
}

.image-right-top {
  position: absolute;
  right: 0;
  top: 38vw;
  z-index: 1;
}
.image-right-top img {
  width: 13vw;
}

.image-right-middle {
  position: absolute;
  right: 0;
  top: 96vw;
  z-index: 1;
}
.image-right-middle img {
  width: 10vw;
}

.image-right-middle2 {
  position: absolute;
  right: 0;
  top: 80vw;
  z-index: 1;
}
.image-right-middle2 img {
  width: 10vw;
}

.image-right-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.image-right-bottom img {
  width: 40vw;
}

.image-right-bottom2 {
  position: absolute;
  right: 0;
  bottom: 12vw;
  z-index: 1;
}
.image-right-bottom2 img {
  width: 12vw;
}

.image-left-bottom {
  position: absolute;
  left: 0;
  bottom: 50vw;
  z-index: 1;
}
.image-left-bottom img {
  width: 12vw;
}

.image-left-bottom2 {
  position: absolute;
  left: 0;
  bottom: 44vw;
  z-index: 1;
}
.image-left-bottom2 img {
  width: 16vw;
}

.image-left-top {
  position: absolute;
  left: 0;
  top: 70vw;
  z-index: 1;
}
.image-left-top img {
  width: 12vw;
}

.image-left-top2 {
  position: absolute;
  left: 0;
  top: 80vw;
  z-index: 1;
}
.image-left-top2 img {
  width: 10vw;
}

.bonus-0-desk img {
  height: 8vw;
}

.team__wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 100vh;
  text-align: center;
  font-family: "Parimatch", sans-serif;
  font-style: italic;
  width: 100%;
}

.team__wrap--left {
  -webkit-transform: translate(-42%, -50%);
  transform: translate(-42%, -50%);
}

.team__wrap--left .team__logo img {
  -webkit-transform: translateX(4%);
  transform: translateX(4%);
}

.team__wrap--right {
  -webkit-transform: translate(-58%, -50%);
  transform: translate(-58%, -50%);
}

.team__wrap--right .team__logo img {
  -webkit-transform: translateX(-4%);
  transform: translateX(-4%);
}

.team__logo img {
  display: block;
  margin: 0 auto;
  width: calc(493 / var(--desc-height) * 1em);
  max-width: 100%;
}

.team__name {
  font-size: calc(48 / var(--desc-height) * 1em);
  font-weight: bold;
  margin-top: -0.25em;
  margin-bottom: 0.25em;
}

.team__koef {
  font-weight: 300;
  font-size: calc(48 / var(--desc-height) * 1em);
}

.date {
  font-size: calc(36 / var(--desc-height) * 100vh);
  font-family: "Parimatch", sans-serif;
  font-style: italic;
  font-weight: 300;
  margin-bottom: calc(5 / var(--desc-height) * 100vh);
}

.club img {
  height: 13.7vh;
}

.bonus {
  margin-bottom: calc(22 / var(--desc-height) * 100vh);
}

.bonus img {
  display: block;
  margin: 0 auto;
  width: 35vw;
  max-width: 100%;
}

.btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rules {
  font-size: 1vw;
  font-family: "Gilroy", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  margin-top: 0.7em;
}

.rules a {
  text-decoration: underline;
  font-weight: 300;
  color: #fff;
}

.rules2 a {
  color: #fff;
}

.rules a:hover {
  text-decoration: none;
}

.teams-portrait {
  display: none;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font-size: calc(36 / var(--desc-height) * 100vh);
  font-family: "Parimatch", sans-serif;
  font-style: italic;
  margin-bottom: calc(42 / var(--desc-height) * 100vh);
}

.teams-portrait__left {
  text-align: right;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
}

.teams-portrait__left .teams-portrait__name {
  margin-right: -0.12em;
}

.teams-portrait__name {
  font-size: 1.6em;
  font-weight: normal;
}

.teams-portrait__koef {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1em;
  height: 1.11em;
  padding: 0 0.25em;
  background-color: #FFFF14;
  color: black;
  border-radius: 0.11em;
  font-weight: 300;
  align-items: center;
  margin: 1vh 0.5vw 0;
}

.teams-portrait__center {
  text-align: center;
  text-decoration: underline;
  font-weight: 300;
  padding: 0 0.145em 0 0.245em;
  line-height: 1em;
  text-transform: uppercase;
}

.teams-portrait__right {
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
}

.teams-portrait__right .teams-portrait__name {
  margin-left: 0.05em;
}

.for-mob, .for-tablet {
  display: none;
}

.for-desk {
  display: inline-block;
}

.for-desk.title {
  display: block;
}

.for-desk.header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.25vw;
}

.footer-apps__item img {
  width: 8rem;
}

table {
  margin-bottom: 0.5vw;
}
table td {
  border: 1px solid #F8FF13;
  padding: 0.3vw 1vw;
}

.dc__modal-back-instruction {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
.dc__modal-back-instruction .cross-instruction {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  cursor: pointer;
}
.dc__modal-back-instruction.open {
  display: block;
}
.dc__modal-back-instruction.slide .dc__modal-rules {
  opacity: 1;
  transition: opacity 0.3s linear;
}

.footer {
  z-index: 20;
  background: transparent;
}

body {
  /*background: url("images/footer.jpg") no-repeat left bottom;*/
}

.img-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img {
  opacity: 1;
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
}

.img-color {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.img-box:hover .img {
  opacity: 0;
}

.img-box:hover .img-color {
  opacity: 1;
}

.footer {
  width: 100%;
  z-index: 102;
  font-size: 2.4vh;
  position: absolute;
  padding: 1.4vh 1vh;
  bottom: 0;
}

.footer img {
  display: block;
  max-width: 100%;
  /*height: 2em;*/
}

.footer .container {
  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;
  position: relative;
  width: auto;
}

.footer__item {
  display: flex;
  align-items: center;
  width: 25%;
}

.footer__item:nth-child(2) {
  width: 50%;
}

.footer-payments {
  margin-right: auto;
}

.footer-payments__item {
  margin: 0 0.86em 0 0;
  display: inline-block;
  vertical-align: top;
}

.footer-payments__item > div {
  position: relative;
}

.footer-apps {
  display: flex;
  align-items: center;
  margin: auto auto;
}

.footer-apps__item {
  margin: 0 0.32em;
}

.footer-info {
  flex-shrink: 0;
  margin-right: 4vh;
  margin-left: auto;
}

.footer-social {
  flex-shrink: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
}

.footer-social img {
  height: 1.6rem;
}

.footer-social__item:not(:first-child) {
  margin-left: 1em;
}

.footer-text {
  padding: 1em 0.5em 0;
  font-size: 1.2vh;
  font-family: "Circe", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  text-align: center;
  flex: 1;
  line-height: 1.2;
}

.until_the_next {
  display: flex;
  margin-left: 5vw;
}
.until_the_next .until_the_next_text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.until_the_next .until_the_next_text .unti {
  color: #000;
  text-align: center;
  font-family: "Parimatch", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 4vw;
}
.until_the_next .until_the_next_text .roses {
  color: #000;
  text-align: center;
  font-family: "Parimatch", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 4vw;
}
.until_the_next .until_the_next_2 {
  display: flex;
}
.until_the_next .until_the_next_2 .until_the_next_watch {
  display: flex;
  margin-left: 2vw;
  flex-direction: column;
}
.until_the_next .until_the_next_2 .until_the_next_watch .watch {
  color: #000;
  text-align: center;
  font-family: "Parimatch", sans-serif;
  font-size: 6vw;
  font-style: italic;
  font-weight: 800;
  line-height: 101.5%;
}
.until_the_next .until_the_next_2 .until_the_next_watch .watch_2 {
  color: #000;
  text-align: center;
  font-family: "Parimatch", sans-serif;
  font-style: italic;
  font-weight: 800;
  line-height: 101.5%;
  font-size: 2.5vw;
}
.until_the_next .until_the_next_2 .until_the_next_watch_2 {
  display: flex;
  margin-left: 0vw;
  flex-direction: column;
}
.until_the_next .until_the_next_2 .until_the_next_watch_2 .minutes {
  color: #000;
  text-align: center;
  font-family: "Parimatch", sans-serif;
  font-size: 6vw;
  font-style: italic;
  font-weight: 800;
  line-height: 101.5%;
}
.until_the_next .until_the_next_2 .minutes_2 {
  color: #000;
  text-align: center;
  font-family: "Parimatch", sans-serif;
  font-style: italic;
  font-weight: 800;
  line-height: 101.5%;
  font-size: 2.5vw;
}

.bonus_text {
  transform: skewX(-14deg);
}

.text__29 {
  color: #000;
  font-family: "Parimatch", sans-serif;
  font-style: italic;
  font-weight: 800;
  line-height: normal;
  font-size: 10vw;
}

.p__top {
  margin-top: -1vw;
  color: #000;
}

.partici {
  color: #000;
  line-height: 1;
}

.section_2 {
  background: url("../images/bg_2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 1.5vw;
}
.section_2 .prizes-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section_2 .prizes-title .prizes-title__text {
  padding-top: 1vw;
}
.section_2 .prizes-title .image-prizes-left {
  margin-right: 1vw;
}
.section_2 .prizes-title .image-prizes-right {
  margin-left: 1vw;
}

.section-steps_mob {
  display: none;
}

.boks__p__for-desc {
  margin-left: 1.5vw;
  margin-right: 1.5vw;
}
.boks__p__for-desc .boks__p__for-desc {
  color: #000;
  text-align: center;
  font-family: "Parimatch", sans-serif;
  font-size: 111.312px;
  font-style: italic;
  font-weight: 800;
  line-height: 101.5%;
}

@media only screen and (max-width: 142vh) and (orientation: landscape) {
  .footer {
    font-size: 2vh;
  }
  .footer-info {
    margin-right: 1.6vh;
  }
  .footer-social__item:not(:first-child) {
    margin-left: 0.6em;
  }
}
@media only screen and (orientation: portrait) {
  .footer {
    position: relative;
    font-size: 8.125vw;
    padding: 6.125vw 0;
  }
  .footer img {
    max-width: unset;
  }
  .footer .container {
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0;
  }
  .footer__item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer__item:not(:last-child) {
    margin-bottom: 6vw;
  }
  .footer__item:nth-child(1) {
    display: none;
  }
  .footer__item:nth-child(2) {
    width: 100%;
  }
  .footer-payments {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
  }
  .footer-payments__item {
    margin: 0 3vw;
  }
  .footer-apps {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 4vw;
  }
  .footer-apps__item {
    margin: 2vw 2vw;
  }
  .footer-info {
    width: 100%;
    margin: 0 0 9.375vw;
  }
  .footer-info img {
    margin: auto;
  }
  .footer-social {
    width: 100%;
    margin-left: 0;
    justify-content: center;
  }
  .footer-social__item {
    margin: 0 3vw;
  }
  .footer-social__item:not(:first-child) {
    margin: 0 3vw;
  }
  .footer-text {
    order: 4;
    margin-top: 0;
    text-align: center;
    font-size: 3.1vw;
    line-height: 3.75vw;
    padding: 6.125vw 5.6vw 0;
    font-family: "Roboto", sans-serif;
  }
  .participation-image-mobile {
    width: 100%;
  }
  .section_1 {
    background-image: url(../images/bg_mob_1.jpg);
    background-size: cover;
    background-color: black;
    padding-bottom: 4vw;
    background-position: top;
    background-repeat: no-repeat;
  }
  .main__center {
    margin: 80vw auto auto auto;
    margin-bottom: 20vw;
  }
  .main__center .bonus .bonus_mob_svg {
    width: 90%;
  }
  .participation .h3 {
    font-size: 14vw;
  }
  .participation .section-steps .step:nth-child(2) {
    display: flex;
    flex-direction: row-reverse;
  }
  .participation .section-steps .step:nth-child(2) .text_1 {
    ext-align: left;
  }
  .participation .section-steps .step:nth-child(2) .text {
    ext-align: left;
  }
  .participation .section-steps .step .block-image {
    width: 38%;
  }
  .participation .section-steps .step .step-short {
    width: 65%;
  }
  .participation .section-steps .step .step-short .text_1 {
    font-size: 7vw;
    text-align: left;
  }
  .participation .section-steps .step .step-short .text {
    font-size: 4vw;
    text-align: left;
  }
  .section_2 {
    background: url(../images/bg_mob_2.jpg);
  }
  .section_2 .prizes-title .prizes-title__text .partici {
    font-size: 13vw;
  }
  .section_2 .prizes-title .prizes-title__text .p__top {
    font-size: 13vw;
  }
  .section_2 .prizes-title .prizes-title .text__29 {
    font-size: 33vw;
    padding-bottom: 4vw;
  }
  .section_2 .until_the_next {
    display: none;
  }
  .section_3 {
    background-image: url(../images/bg_mob_3.jpg);
    padding-bottom: 15vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .section_3 .participation2 .section-steps_mob {
    background: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 90%;
    height: auto;
    display: flex;
    margin: 12vw auto 10vw;
    align-items: flex-end;
  }
  .section_3 .participation2 .section-steps_mob .winner {
    margin: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
  .section_3 .participation2 .section-steps_mob .winner .text__winner {
    text-align: center;
    margin-left: 0;
    margin-top: -5vw;
  }
  .section_3 .participation2 .section-steps_mob .winner .text__winner p {
    font-size: 13vw;
    line-height: 1;
    font-family: "Parimatch", sans-serif;
    font-style: italic;
  }
  .section_3 .participation2 .section-steps_mob .winner .kar__winner {
    flex-direction: column;
    margin-left: 0;
    margin-top: 5vw;
    display: flex;
    align-items: center;
  }
  .section_3 .participation2 .section-steps_mob .winner .kar__winner .participant__kar {
    width: 60%;
  }
  .section_3 .participation2 .section-steps_mob .winner .kar__winner div {
    align-items: center;
    flex-direction: column;
    margin-left: 0;
    margin-top: 5vw;
    display: flex;
  }
  .section_3 .participation2 .section-steps_mob .winner .kar__winner div .participant__name {
    margin-bottom: 2vw;
    color: #FFF;
    text-align: center;
    font-size: 12vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .section_3 .participation2 .section-steps_mob .winner .kar__winner div .participant__number {
    font-size: 8vw;
  }
  .section_3 .until_the_next_mob {
    flex-direction: column;
    align-items: center;
    display: block;
    margin-top: 10vw;
  }
  .section_3 .until_the_next_mob .until_the_next_text {
    text-align: center;
  }
  .section_3 .until_the_next_mob .until_the_next_text .unti {
    font-size: 12vw;
    font-family: "Parimatch", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  .section_3 .until_the_next_mob .until_the_next_text .roses {
    font-size: 12vw;
    font-family: "Parimatch", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  .section_3 .until_the_next_mob .until_the_next_2 {
    display: flex;
    margin-top: 5vw;
    justify-content: center;
  }
  .section_3 .until_the_next_mob .until_the_next_2 .until_the_next_watch {
    margin-right: 0vw;
    margin-left: 0vw;
  }
  .section_3 .until_the_next_mob .until_the_next_2 .until_the_next_watch .watch {
    font-size: 32vw;
    font-family: "Parimatch", sans-serif;
    font-weight: 400;
    color: #F8FF13;
    font-style: italic;
  }
  .section_3 .until_the_next_mob .until_the_next_2 .until_the_next_watch .watch_2 {
    font-size: 12vw;
    font-family: "Parimatch", sans-serif;
    font-weight: 400;
    color: #F8FF13;
    font-style: italic;
  }
  .section_3 .until_the_next_mob .until_the_next_2 .until_the_next_watch_2 .minutes {
    font-size: 32vw;
    font-family: "Parimatch", sans-serif;
    font-weight: 400;
    color: #F8FF13;
    font-style: italic;
  }
  .section_3 .until_the_next_mob .until_the_next_2 .until_the_next_watch_2 .minutes_2 {
    font-size: 12vw;
    font-family: "Parimatch", sans-serif;
    font-weight: 400;
    color: #F8FF13;
    font-style: italic;
  }
  .rules {
    margin-top: 4vw;
  }
  .rules a {
    font-size: 5vw;
  }
  .firework {
    background-size: 10vw;
    height: 25vw;
    width: 15vw;
  }
  .participation .section-steps {
    margin: 2vw auto 20vw;
  }
  .btn-n-rules .links .bonus_text {
    height: 20.25vw;
  }
  .btn-n-rules .links .bonus_text .btn-main__text {
    font-size: 10vw;
  }
  .main__center .btn-n-rules .bonus_text {
    height: 20.25vw;
  }
  .main__center .btn-n-rules .bonus_text .btn-main__text {
    font-size: 10vw;
  }
  .boks__p__for-mob {
    margin-left: 10vw;
    margin-right: 10vw;
    margin-top: 16vw;
  }
  .p__for-mob {
    color: #FFF;
    text-align: center;
    font-family: "Parimatch", sans-serif;
    font-size: 31vw;
    line-height: 0%;
    font-style: italic;
    font-weight: 300;
  }
  .fon-len {
    height: 0.5vw;
    margin: auto;
    background: #698085;
    width: 90%;
    margin-top: 12vw;
  }
}
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

div > .dc__modal-back, p > .dc__modal-back, a > .dc__modal-back, span > .dc__modal-back, h3 > .dc__modal-back, ul > .dc__modal-back, ol > .dc__modal-back, li > .dc__modal-back {
  padding: auto;
  margin: auto;
  outline: auto;
  list-style: auto;
  line-height: auto;
}

body.dc__modal-open-body {
  overflow: hidden;
}

.dc__modal-back {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

.pl-20 {
  padding-left: 10px;
}

.dc__modal-rules {
  background-color: #000;
  height: 70vh;
  width: 100vh;
  overflow: hidden;
  margin-top: 15vh;
  margin-left: calc(50vw - 50vh);
  opacity: 0;
}

.dc__modal-back.open {
  display: block;
}

.dc__modal-back.slide .dc__modal-rules {
  opacity: 1;
  transition: opacity 0.3s linear;
}

.dc__modal-container {
  overflow: hidden;
  margin: 4vh 4vh 4vh 4vh;
  color: #fff;
  font-family: "Circe";
  font-style: normal;
}

.dc__modal-head {
  font-size: 28px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}

h3 {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 10px !important;
}

.dc__modal-body {
  height: 48vh;
  margin-top: 3vh;
}

.dc__modal-back ol {
  margin-bottom: 20px;
}

.dc__modal-body a {
  color: #fff;
  text-decoration: underline;
}

.dc__modal-body p {
  margin-top: 0;
  color: #fff;
  margin-bottom: 7px;
}

.dc__modal-body a {
  color: #fff;
  text-decoration: underline;
}

#mCSB_1_dragger_vertical {
  height: 3vh !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #F8FF13;
}

.dc__modal-footer {
  background-color: transparent;
}

.dc__modal-back ol li {
  margin-left: 15px;
  margin-bottom: 10px;
  list-style: decimal !important;
}

.dc__modal-back ul li {
  margin-bottom: 10px;
}

.dc__modal-back > p {
  margin-bottom: 10px;
}

.btn-dc__modal {
  transform: skew(-10deg, 0);
  width: 25vh;
  height: 6vh;
  font: 3vh "Parimatch", sans-serif;
  font-weight: bold;
  background-color: #F8FF13;
  display: block;
  cursor: pointer;
  margin-top: 3vh;
  margin-left: calc(50% - 12.5vh);
  font-style: italic;
  text-decoration: none;
}

.btn-dc__modal span {
  transform: skew(10deg, 0);
  height: 6vh;
  color: #0b0c0e;
  line-height: 6vh;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
  font-family: "Parimatch", sans-serif;
}

.dc__modal-body ul li .accardion-name {
  display: block;
  margin-bottom: 10px;
}

.dc__modal-container ul {
  margin: 0;
  padding: 0;
}

.dc__modal-container ul li {
  list-style: none;
}

.accardion-name {
  cursor: pointer;
}

.dc__modal-container ul li .accardion-name {
  text-decoration: underline;
}

.dc__modal-container ul li .accardion-name:hover {
  color: #F8FF13;
}

.dc__modal-container ul.accardion li {
  list-style: none;
  cursor: pointer;
}

.accardion-inside {
  overflow: hidden;
  height: 0;
  padding-left: 10px;
}

ul.accardion li.active .accardion-inside {
  transition: height 1s linear;
  height: auto;
}

.cross {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  cursor: pointer;
}

.for-desc {
  display: block;
}

.for-mob {
  display: none;
}

@media screen and (orientation: portrait) {
  .dc__modal-rules {
    width: 90vw;
    margin-top: 20vh;
    margin-left: 5vw;
  }
  .for-desc {
    display: none;
  }
  .for-mob {
    display: block;
  }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .dc__modal-rules {
    height: 90vh;
    width: 90vw;
    margin-top: 5vh;
    margin-left: 5vw;
  }
  .dc__modal-head {
    font-size: 6vw;
    padding-top: 10vw;
    margin-bottom: 5vh;
  }
  .dc__modal-body {
    margin-top: 3vw;
  }
  .btn-dc__modal {
    width: 67vw;
    height: 16vw;
    font: 6vw "Parimatch", sans-serif;
    font-weight: bold;
    font-style: italic;
    margin-top: 5vw;
    margin-left: 5vw;
  }
  .dc__modal-container {
    margin: 4vw;
  }
  .btn-dc__modal span {
    height: 16vw;
    line-height: 16vw;
  }
}
@media screen and (max-height: 500px) and (orientation: landscape) {
  .dc__modal-rules {
    height: 90vh;
    width: 90vw;
    margin-top: 5vh;
    margin-left: 5vw;
  }
  .dc__modal-body {
    height: 54vh;
  }
  .btn-dc__modal {
    width: 62vh;
    height: 13vh;
    font: 6vh "Parimatch", sans-serif;
    font-style: italic;
    margin-top: 3vh;
    margin-left: calc(50% - 31vh);
  }
  .btn-dc__modal span {
    height: 13vh;
    line-height: 13vh;
  }
}
@media screen and (min-height: 300px) and (max-width: 767px) and (orientation: portrait) {
  .dc__modal-body {
    height: 58vh;
  }
}
@media screen and (min-height: 650px) and (max-width: 767px) and (orientation: portrait) {
  .dc__modal-body {
    height: 58vh;
  }
}
@media screen and (min-height: 750px) and (max-width: 767px) and (orientation: portrait) {
  .dc__modal-body {
    height: 63vh;
  }
}
/*
 * подгрузка изменений для конкретных страниц
 */
.teams-portrait {
  display: flex;
}

/* -------------------------------------- */
@media (max-width: 991px) and (orientation: portrait) {
  body {
    background-size: 100% auto;
    background-color: #F8FF13;
    background: url("../images/bg-portrait.jpg") no-repeat left top;
    background-size: 100% auto;
  }
  .helmet-left-image {
    display: none;
  }
  .helmet-right-image {
    display: none;
  }
  .for-desktop {
    display: none;
  }
  .for-mobile {
    display: inline-block;
  }
  .header-logo-title {
    font-size: 1.8vh;
  }
  .participation-image-mobile {
    margin-top: 4vw;
    text-align: center;
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .participation-image-mobile img {
    max-width: 100%;
  }
  .participation-image-mobile img:last-child {
    margin-top: 2vw;
  }
  .h3 {
    font-size: 9vw;
    text-transform: uppercase;
  }
  .rules2 {
    padding-bottom: 8vw;
  }
  .btn-main {
    min-width: 30vh;
    padding: 3vw;
  }
  .btn-main2 {
    width: 70vw;
    padding: 3vw;
    font-weight: 400;
    margin-top: 8vw;
  }
  .participation-title-2 {
    font-size: 12vw;
    font-family: "Parimatch", sans-serif;
    font-style: italic;
    font-weight: normal;
    padding: 5vw 10vw 5vw 10vw;
  }
  .owl-prev svg, .owl-next svg {
    height: 5vw;
    width: 5vw;
  }
  .owl-nav {
    display: flex;
    margin: auto;
    height: 10vw;
    align-items: center;
    justify-content: space-around;
  }
  .phone {
    display: block;
  }
  .desktop {
    display: none;
  }
  .header-right img {
    width: 8vw;
  }
  .header-right img:last-child {
    margin-left: 1vw;
  }
  .main__center {
    padding: 0;
  }
  .main__center .bonus {
    margin-bottom: 0;
    position: relative;
  }
  .main__center .bonus img {
    width: 95vw;
  }
  .main__center .bonus img {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  .main__center .bonus-text {
    font-size: 4.7vw;
    width: 80vw;
    margin: auto auto 5.5vw;
  }
  .main__center .hand {
    margin-top: -4vw;
    margin-left: 5vw;
  }
  .main__center .hand img {
    width: 90vw;
  }
  .main__right {
    display: flex;
  }
  .bonus-0-mob img {
    width: 80vw;
  }
  #owl_carusel_image_text {
    position: relative;
    display: inline-block;
    width: 60vw;
    height: 20vw;
  }
  #owl_carusel_image_text .text1, #owl_carusel_image_text .text {
    font-family: "Parimatch", sans-serif;
    font-style: italic;
  }
  #owl_carusel_image_text .text1 {
    font-size: 6vw;
    color: #F8FF13;
  }
  #owl_carusel_image_text .text {
    font-size: 8vw;
  }
  .owl-view-item .text1, .owl-view-item .text {
    font-family: "Parimatch", sans-serif;
    font-style: italic;
  }
  .owl-view-item .text1 {
    font-size: 6vw;
    color: #F8FF13;
  }
  .owl-view-item .text {
    font-size: 8vw;
  }
  .bg_participation_2 {
    display: block;
    width: 100%;
    height: 110vw;
    background: url("../images/bg_participation_2_mob.jpg") no-repeat left top;
    background-size: 100% 100%;
  }
  .div-participation-title-2 {
    margin-top: -110vw;
  }
  .header {
    position: relative;
    z-index: 100;
    padding: 3.25521vw 0;
    margin-bottom: -11.71875vw;
    height: 20vw;
  }
  .header .container {
    align-items: center;
  }
  .logo {
    display: block;
  }
  .logo img {
    height: 5.20833vw;
  }
  .btn-icon img {
    display: block;
    height: 4.94792vw;
  }
  .icon-user {
    height: 5.20833vw;
  }
  .header-right .btn-main, .header-right .btn-skew {
    margin-left: 0.6em;
  }
  .header-right .btn-main:first-child, .header-right .btn-skew:first-child {
    margin-left: 0;
  }
  .main__center {
    width: 100%;
  }
  .text-small {
    font-size: 4vw;
  }
  .participation2 h3 {
    font-size: 12vw;
  }
  .participation2 .btn-n-rules {
    margin-bottom: 5vw;
  }
  .container2 {
    display: block;
    margin-bottom: 10vw;
  }
  .participation3 h3 {
    font-size: 12vw;
  }
  .participation3 .table-title2 span {
    font-size: 5vw;
  }
  .participation3 .block-table {
    margin-top: 3vw;
    display: flex;
    justify-content: center;
  }
  .participation3 .block-table .div-table {
    width: 80vw;
  }
  .participation3 .block-table .div-table .table-header {
    padding: 0 4vw 0 4vw;
    font-size: 4vw;
  }
  .participation3 .block-table .div-table .table-header .th-small {
    flex-grow: 1;
    padding: 1vw 1vw 1vw 1vw;
  }
  .participation3 .block-table .div-table .table-header .th-big {
    flex-grow: 3;
    padding: 1vw 1vw 1vw 1vw;
  }
  .participation3 .block-table .div-table .table-header .th-right {
    text-align: right;
  }
  .participation3 .block-table .div-table .table-body {
    padding: 2vw 5vw 2vw 5vw;
    font-size: 3vw;
  }
  .participation3 .block-table .div-table .table-body .table-tr {
    display: flex;
    justify-content: space-between;
  }
  .participation3 .block-table .div-table .table-body .table-tr .td-small {
    flex-grow: 1;
    padding: 1vw 1vw 1vw 1vw;
  }
  .participation3 .block-table .div-table .table-body .table-tr .td-big {
    flex-grow: 3;
    padding: 1vw 1vw 1vw 1vw;
  }
  .participation3 .block-table .div-table .table-body .table-tr .td-right {
    text-align: right;
  }
  .participation3 .block-table table {
    width: 80vw;
    border: solid 1px #fff;
  }
  .participation3 .block-table table thead {
    background-color: #fff;
    color: #000;
  }
  .participation3 .block-table table thead th {
    font-size: 5vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
  .participation3 .block-table table tbody tr td:first-child {
    padding-left: 3vw;
  }
  .participation3 .block-table table tbody tr td:last-child {
    padding-right: 3vw;
  }
  .participation3 .block-table table tbody td {
    font-size: 4vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    border: none;
  }
  .participation {
    margin-top: -5vw;
  }
  .participation .h3 {
    text-transform: uppercase;
  }
  .participation .section-steps {
    flex-direction: column;
    width: 90%;
  }
  .participation .section-steps .step {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 6vh;
    max-width: 100%;
    text-align: center;
  }
  .participation .section-steps .step img {
    margin: -10vw auto -10vw;
    width: 70vw;
    display: block;
  }
  .participation .section-steps .step .text {
    margin-top: 1vh;
    font-size: 4.1vw;
    width: 100%;
  }
  .participation .section-steps .step:first-child {
    /*
    img {
      margin-left: 30%;
    }
    */
  }
  .participation .section-steps .step:not(:first-child) {
    margin-left: 0;
  }
  .participation .section-steps .step:not(:first-child) .text {
    width: 100%;
    margin-left: 0;
  }
  .participation .btn-n-rules {
    margin-top: 10vw;
    padding-bottom: 4vw;
  }
  .participation .btn-n-rules .links {
    flex-direction: column;
  }
  .participation .btn-n-rules .instruction {
    margin-left: 0;
    margin-top: 3vw;
  }
  .participation .btn-n-rules .instruction img {
    margin-right: 3vw;
    width: 3.75vw;
  }
  .express {
    margin-top: 5vw;
    width: 83vw;
    border-width: 1px;
    border-radius: 3vw;
    padding: 1vw 0vw;
  }
  .express h2 {
    font-size: 8vw;
    margin-bottom: 3vw;
  }
  .express .col p {
    font-size: 3.8vw;
    margin-bottom: 1.8vw;
  }
  .express .col p:first-child {
    font-size: 4vw;
    margin-bottom: 2.3vw;
  }
  .express .col:first-child:before, .express .col:nth-child(2):before {
    height: 12vw;
    width: 0.1vw;
    top: 7.5vw;
  }
  .prize {
    background-size: 200vw;
    background-position: center top;
    background-repeat: inherit;
  }
  .prize .container-center {
    width: 83vw;
  }
  .prize .container-center .row {
    display: flex;
    flex-direction: row;
    padding: 2vw 7vw;
  }
  .prize .container-center .row .col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 2vw;
    padding: 0 3%;
  }
  .prize .container-center .row .image-block {
    height: 30vw;
    margin-bottom: 2vw;
  }
  .prize .container-center .row .text {
    font-size: 3.45vw;
    width: 29vw;
    height: inherit;
  }
  .prize .btn-main {
    margin: auto 5vw;
  }
  .btn-main {
    min-width: 30vh;
    height: 16.25vw;
  }
  .btn {
    width: 70vw;
  }
  .btn-main__text {
    font-size: 7.5vw;
  }
  .faq .h3 {
    margin-bottom: 6.5vw !important;
    font-size: 12vw;
  }
  .faq .container-center {
    width: 83vw;
  }
  .faq .faq-list .faq-item {
    margin-bottom: 3.5vw;
  }
  .faq .faq-list .faq-item .faq-item__question {
    font-size: 4vw;
    text-align: center;
    padding: 3.1vw 4.7vw;
    border-radius: 1.2vw;
    align-items: center;
    justify-content: center;
  }
  .faq .faq-list .faq-item .faq-item__question .plus, .faq .faq-list .faq-item .faq-item__question .minus {
    display: none;
  }
  .faq .faq-list .faq-item .faq-item__answer {
    font-size: 3.5vw;
    padding: 3vw 15vw 3vw 1vw;
    width: 100%;
  }
  .header-lang {
    color: #fff;
    margin-bottom: 2vw;
  }
  .header-lang .lang {
    font-size: 5vw;
    color: rgba(255, 255, 255, 0.8);
  }
  .header-lang .lang.active {
    font-weight: normal;
    color: #F8FF13;
  }
  .container {
    padding: 0 1.3888888889vh;
  }
  .div_participation_3 {
    display: block;
    width: 100%;
    height: auto;
    background: url("../images/bg_participation_3_mob.jpg") no-repeat left top;
    background-size: cover;
  }
  .div_participation_3 .owl-carousel .owl-item {
    display: flex;
    justify-content: center;
  }
  .div_participation_3 .owl-carousel .owl-item img {
    width: 70%;
    margin: auto !important;
  }
}
@media only screen and (orientation: portrait) {
  .for-desk {
    display: none !important;
  }
  .for-tablet {
    display: block !important;
  }
}
@media only screen and (min-height: 150vw) and (max-height: 260vw) and (orientation: portrait) {
  .for-tablet, .for-desk {
    display: none !important;
  }
  .for-mob {
    display: block !important;
  }
}

/*# sourceMappingURL=main.css.map */