@font-face {
  font-family: Montserrat-Regular;
  src: url(.././font/montserrat/MONTSERRAT-SEMIBOLD.TTF); }
@font-face {
  font-family: Fester-Bold;
  src: url(.././font/montserrat/FESTER-BOLD.OTF); }
body, html {
  overflow-x: hidden;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 16px;
  background: black; }

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

::-webkit-scrollbar-track {
  background-color: #000;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #2f2f2f; }

@media screen and (max-width: 1900px) {
  body, html {
    overflow: auto; } }
.hide {
  display: none; }

.full-container {
  margin: auto;
  position: fixed;
  max-width: 1920px;
  max-height: 1078px;
  width: 100vw;
  height: 100vh;
  min-width: 1900px;
  min-height: 950px;
  background-image: url("../img/bg-2.jpg");
  background-size: cover;
  background-color: black; }

.relative {
  position: relative; }

.container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto; }

.text-center {
  text-align: center; }

.rotation--grid {
  padding-left: 30px;
  padding-right: 30px;
  margin-right: auto;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
  width: 1140px;
  height: 223px;
  position: absolute;
  top: 242px;
  left: -11px; }
.rotation--item {
  font-family: "Oswald", sans-serif;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  font-weight: 600;
  width: 90px;
  font-size: 130px;
  color: #ffd375;
  position: relative;
  margin-top: 40px; }
  .rotation--item:before {
    content: "";
    right: -14px;
    width: 4px;
    height: calc(100% - 5px);
    position: absolute;
    top: -20px;
    background: linear-gradient(0deg, #f9f9f900 0%, #ffd171 50%, #f9f9f900 100%); }
  .rotation--item-9 {
    margin-right: 0; }
    .rotation--item-9:before {
      background: unset; }
.rotation--run {
  position: absolute;
  top: 37px;
  right: 15px;
  z-index: 1; }
  .rotation--run button {
    border-radius: 2px;
    cursor: pointer;
    border: 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 25px;
    background: url("../img/btn.png");
    color: #ffd375;
    width: 165px;
    height: 165px;
    padding-bottom: 7px;
    padding-right: 12px;
    position: absolute;
    top: 243px;
    left: -92px;
    transition: all 300ms; }
    .rotation--run button:hover {
      background: url("../img/btn-2.png"); }

.list-win {
  z-index: 1;
  position: relative; }
  .list-win--item {
    position: absolute;
    color: #ffd375;
    font-size: 44px;
    width: 350px; }
    .list-win--item-1 {
      top: 665px;
      left: 428px; }
    .list-win--item-2 {
      top: 725px;
      left: 428px; }
    .list-win--item-3 {
      top: 785px;
      left: 428px; }
    .list-win--item-4 {
      top: 806px;
      left: 1162px; }
    .list-win--item-5 {
      top: 744px;
      left: 1162px; }
    .list-win--item-6 {
      top: 682px;
      left: 1162px; }
    .list-win--item-7 {
      width: 480px;
      top: 580px;
      left: 1135px;
      font-size: 65px; }
      .list-win--item-7 .list-win--item__remove {
        top: 15px; }
    .list-win--item__remove {
      display: none;
      transition: opacity 300ms;
      opacity: 0;
      font-size: 15px;
      background: #f09820;
      width: 35px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      border-radius: 25px;
      color: #fff;
      top: 4px;
      position: absolute;
      right: 0;
      cursor: pointer;
      border-bottom: 2px solid #974f0c; }
    .list-win--item:hover .list-win--item__remove {
      display: inline-block;
      opacity: 1; }

.popup-win {
  transition: opacity 300ms;
  opacity: 0;
  background: #000000de url(../img/bg-p.png);
  width: 100%;
  height: 100%;
  z-index: 0;
  position: relative;
  top: -100vh; }
  .popup-win--phone {
    position: absolute;
    top: 532px;
    color: #ffcc68;
    left: 638px;
    font-size: 95px;
    text-shadow: 3px 3px 2px #2a2a2a; }
  .popup-win--close {
    position: absolute;
    cursor: pointer;
    font-size: 24px;
    color: white;
    top: 840px;
    left: 767px;
    background: #4b4b4b;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    transition: all 300ms;
    opacity: 0.7;
    text-shadow: 3px 3px 2px #2a2a2a;
    box-shadow: #000 0px 8px 24px;
    border-bottom: 2px solid #545454;
    z-index: 1; }
    .popup-win--close:hover {
      opacity: 1;
      background: #8b0000;
      border-bottom: 2px solid #8b0000; }
  .popup-win--next {
    position: absolute;
    cursor: pointer;
    font-size: 24px;
    color: white;
    top: 840px;
    left: 980px;
    background: #b10000;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    transition: all 300ms;
    text-shadow: 3px 3px 2px #2a2a2a;
    box-shadow: #000 0px 8px 24px;
    border-bottom: 2px solid #8b0000;
    z-index: 1; }
    .popup-win--next:hover {
      background: #8b0000; }
  .popup-win__active {
    top: 0;
    z-index: 999;
    opacity: 1; }

.disabled {
  pointer-events: none; }

#firework {
  position: absolute;
  top: 0;
  z-index: 0;
  max-width: 1920px; }

/*# sourceMappingURL=style.css.map */