body { font-family: "Futura PT"; position: relative; height: 100vh; min-height: 900px; margin: 0px; padding: 0px; cursor: none; background: transparent url("bg.jpg") no-repeat scroll center center / cover ; }
a { text-decoration: none; }
.container { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; max-width: 2400px; margin: 0px auto; padding: 0px 90px; }
.soundBtnContainer { position: absolute; top: 50px; right: 90px; cursor: none; }
.soundBtnContainer img { width: 100%; }
.soundBtnOff { display: none; }
.logo { position: absolute; top: 50px; left: 90px; height: 120px; cursor: none; }
.logo img { height: 100%; }
.textContent { font-size: 134px; font-weight: 900; font-style: normal; font-stretch: normal; line-height: 1.15; position: absolute; top: 50%; left: 90px; transform: translateY(-50%); text-align: left; letter-spacing: 2.68px; text-transform: uppercase; color: rgb(255, 255, 255); }
.textContent_red { font-size: 172px; letter-spacing: 3.44px; background: linear-gradient(to left, rgb(140, 0, 203), rgb(253, 1, 151)) }

.slotContainer { position: absolute; top: 45%; right: 5.7%; width: 46%; transform: translateY(-50%); }
.slotMainImg { width: 100%; }
.slotLeprekonImg { position: absolute; top: 54.4%; left: -9%; width: 24%; }
.slotGonzoImg { position: absolute; top: 44%; right: -9%; width: 29%; }
.btnContainer { position: absolute; top: 93%; left: 50%; display: flex; width: 38.7%; height: 26.4%; transform: translateX(-50%); flex-flow: column nowrap; justify-content: space-between; }
.slotBtn { font-family: "Open Sans"; font-size: 46px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; display: flex; width: 100%; height: 52%; cursor: none; transition: transform 1s ease-in 0s; animation: 2s linear 0s normal none infinite running blink; text-align: center; letter-spacing: 0.92px; text-transform: uppercase; color: rgb(255, 255, 255); border: 0px none; border-radius: 6px; outline: medium none; background-image: linear-gradient(to right, rgb(20, 231, 71), rgb(3, 177, 125)); box-shadow: none; align-items: center; justify-content: center; }
.slotBtn_scaleMin { animation: 0.5s ease 0s normal none 1 running btnClick; }
@keyframes btnClick {
0% { transform: scale(1); }
50% { transform: scale(0.85); }
100% { transform: scale(1); }
}
@keyframes blink {
0% { transform: scale(1); box-shadow: none; }
50% { transform: scale(1.009); box-shadow: -4px 1px 37px 5px rgba(23, 231, 72, 0.77), 0px 0px 6px 1px rgba(255, 255, 255, 0.89) inset; }
100% { transform: scale(1); box-shadow: none; }
}
.slotBtnShadow { width: 100%; height: 30.9%; }
.slotLinesWrapper { position: absolute; z-index: 1; top: 15.1%; left: 17.8%; width: 66%; height: 69%; }
.slotLine { position: absolute; top: 15.1%; overflow: hidden; width: 17.8%; height: 69.4%; }
.slotLinesWrapper_hover ~ .slotLine3 .slotLineContainer { animation: 0.5s ease 0s normal none 1 running slotHover; }
.slotLinesWrapper_hover ~ .slotLine2 .slotLineContainer { animation: 0.5s ease 0.1s normal none 1 running slotHover; }
.slotLinesWrapper_hover ~ .slotLine1 .slotLineContainer { animation: 0.5s ease 0.2s normal none 1 running slotHover; }
.slotLinesWrapper_spin ~ .slotLine1 .slotLineContainer { animation: 5s ease 0s normal forwards 1 running spinSlot; }
.slotLinesWrapper_spin ~ .slotLine2 .slotLineContainer { animation: 5s ease 0.2s normal forwards 1 running spinSlot; }
.slotLinesWrapper_spin ~ .slotLine3 .slotLineContainer { animation: 5s ease 0.4s normal forwards 1 running spinSlot; }
@keyframes slotHover {
0% { transform: translateY(-78.5%); }
50% { transform: translateY(-78%); }
100% { transform: translateY(-78.5%); }
}
@keyframes spinSlot {
0% { transform: translateY(-78.5%); }
14% { transform: translateY(-79.1%); }
74% { transform: translateY(-11.4%); }
84% { transform: translateY(-15.1%); }
100% { transform: translateY(-14.1%); }
}
.slotLine img { width: 100%; }
.slotLine1 { left: 17.8%; }
.slotLine2 { left: 41.5%; }
.slotLine3 { left: 65.18%; }
.slotLine .slotLineContainer { transform: translateY(-78.5%); }
.popup { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; visibility: hidden; opacity: 0; background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%; }
.popup_closed { transition: opacity 0.4s ease-in 0s, visibility 0s ease-in 0.4s; }
.popup_open { visibility: visible; transition: opacity 0.4s ease-in 0s, visibility 0s ease-in 0s; opacity: 1; }
.popup__content { position: relative; width: calc(100% - 40px); max-width: 620px; margin: auto; padding-top: 160px; transition: transform 0.4s ease-in 0s; transform: scale(0.3); }
.popup_open .popup__content { transform: scale(1); }
.popup__closeBtn { position: absolute; top: 20px; right: 20px; width: 22px; cursor: none; }
.popup__psImg { position: absolute; top: 40px; left: 50%; width: 188px; transform: translateX(-50%) rotate(0deg); }
.popup_open .popup__psImg { transform: translateX(-50%) rotate(15deg); transform-origin: right bottom 0px; animation: 0.7s ease 0.4s normal forwards 1 running animatePs; }
@keyframes animatePs {
0% { transform: translateX(-50%) rotate(15deg); }
35% { transform: translateX(-50%) rotate(0deg); }
75% { transform: translateX(-50%) rotate(3deg); }
100% { transform: translateX(-50%) rotate(0deg); }
}
.popup__text { font-size: 30px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; padding: 60px 45px 46px; text-align: center; letter-spacing: 0.64px; text-transform: uppercase; color: rgb(255, 255, 255); background: rgb(30, 9, 53) none repeat scroll 0% 0%; }
.poput__textCongrat { font-size: 64px; font-weight: 900; letter-spacing: 1.28px; background: transparent linear-gradient(to left, rgba(140, 0, 203, 1), rgba(253, 1, 151, 1));  }
.poput__youWin { font-size: 32px; font-weight: 900; }
.poput__textRow { line-height: 1.53; margin: 5px 0px; letter-spacing: 0.6px; }
.slotBtn_popup.slotBtn { font-size: 28px; width: auto; height: auto; margin: 30px auto 0px; padding: 12px 64px; animation: 2s linear 0s normal none infinite running blink; letter-spacing: 0.56px; }
.mouseCursor { position: fixed; display: none; width: 50px; height: 50px; transition: width 0.15s ease-in 0s, height 0.15s ease-in 0s; transform: translate(-50%, -50%); pointer-events: none; border: 4px solid rgb(255, 255, 255); border-radius: 50%; box-shadow: 0px 0px 21px 10px rgba(255, 255, 255, 0.35) inset; }
.mouseCursor::before { position: absolute; top: 50%; left: 50%; visibility: hidden; width: 58px; height: 58px; content: ""; transition: visibility 0s ease-in 0s; transform: translate(-50%, -50%); opacity: 1; border: 1px solid rgb(255, 255, 255); border-radius: 50%; }
.mouseCursor::after { position: absolute; top: 50%; left: 50%; visibility: hidden; width: 30px; height: 30px; content: ""; transition: visibility 0s ease-in 0s; transform: translate(-50%, -50%); opacity: 1; border-radius: 50%; background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%; }
.mouseCursor_scaleMin { width: 15px; height: 15px; }
.mouseCursor_scaleFinish::before { visibility: visible; width: 75px; height: 75px; transition: width 0.35s ease-in 0s, height 0.35s ease-in 0s, opacity 0.2s ease-in 0.15s; opacity: 0; }
.mouseCursor_scaleFinish::after { visibility: visible; width: 75px; height: 75px; transition: width 0.35s ease-in 0s, height 0.35s ease-in 0s, opacity 0.25s ease-in 0.1s; opacity: 0; }
.formdiv {
    margin-left: auto;
    margin-right: auto;
    border-top: solid 1px rgba(255, 255, 255, .5);
    border-radius: 5px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: all .5s ease;
	padding: 20px 6px 42px 16px;
}

.poput__textRow.subtxt {
    font-size: 22px;
}
.nav {
    width: 100%;
    height: 100px;
    padding-top: 40px;
    opacity: 1;
    transition: all .5s ease
}

.signin-active a {
    padding-bottom: 10px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: solid 2px #1059FF;
    transition: all .25s ease;
    cursor: pointer
}

.signin-inactive a {
    padding-bottom: 0;
    color: rgba(255, 255, 255, .3);
    text-decoration: none;
    border-bottom: none;
    cursor: pointer
}
a.btn-signup:hover,
a.btn-signin:hover {
    cursor: pointer;
    background-color: #0F4FE6;
    transition: background-color .5s
}

.frm_hdr {
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
    border-bottom: solid 1px #1059FF;
    padding-bottom: 10px
}


.form-signin input,
.form-signup input {
    font-size: 16px
}

.form-signin input:focus,
textarea:focus,
.form-signup input:focus,
textarea:focus {
    background: rgba(255, 255, 255, 0.8);
    border: none;
    padding-right: 40px;
    transition: background .5s ease
}

label {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 15px;
    padding-bottom: 10px;
    color: rgba(255, 255, 255, .7);
    display: block
}

:focus {
    outline: none
}

.form-styling {
    width: 100%;
    height: 35px;
    border: none;
    border-radius: 6px;
    margin-bottom: 20px;
	margin-left: -8px;
    background: rgba(255, 255, 255, 0.9)
}



@media (max-width: 2399px) {
  .container { padding: 0px 70px; }
  .logo { top: 40px; left: 70px; height: 95px; }
  .soundBtnContainer { top: 30px; right: 80px; }
  .textContent_red { font-size: 140px; letter-spacing: 2.8px; }
  .textContent { font-size: 108px; left: 70px; letter-spacing: 2.16px; }
  .slotBtn { font-size: 36px; }
}
@media (max-width: 1919px) {
  .mouseCursor { width: 40px; height: 40px; }
  .mouseCursor_scaleMin { width: 13px; height: 13px; }
  .mouseCursor::after { width: 25px; height: 25px; }
  .mouseCursor::before { width: 48px; height: 48px; }
  .mouseCursor_scaleFinish::before { width: 65px; height: 65px; }
  .mouseCursor_scaleFinish::after { width: 65px; height: 65px; }
  body { min-height: 700px; }
  .container { padding: 0px 50px; }
  .logo { top: 30px; left: 50px; height: 70px; }
  .soundBtnContainer { top: 30px; right: 60px; }
  .textContent_red { font-size: 102px; letter-spacing: 2.04px; }
  .textContent { font-size: 80px; left: 50px; letter-spacing: 1.6px; }
  .slotBtn { font-size: 28px; }
}
@media (max-width: 1439px) {
  .mouseCursor { width: 30px; height: 30px; border: 2px solid rgb(255, 255, 255); }
  .mouseCursor_scaleMin { width: 11px; height: 11px; }
  .mouseCursor::after { width: 20px; height: 20px; }
  .mouseCursor_scaleFinish::after { width: 56px; height: 56px; }
  .mouseCursor::before { width: 34px; height: 34px; }
  .mouseCursor_scaleFinish::before { width: 50px; height: 50px; }
  body { min-height: 700px; }
  .container { padding: 0px 50px; }
  .logo { top: 40px; height: 60px; }
  .soundBtnContainer { right: 50px; }
  .textContent_red { font-size: 98px; letter-spacing: 1.96px; }
  .textContent { font-size: 76px; line-height: 1.16; left: 50px; letter-spacing: 1.52px; }
  .slotBtn { font-size: 26px; letter-spacing: 0.52px; }
}
@media (max-width: 1365px) {
  .mouseCursor { width: 25px; height: 25px; }
  .mouseCursor_scaleMin { width: 5px; height: 5px; }
  body { min-height: 600px; }
  .container { padding: 0px 46px; }
  .logo { top: 27px; left: 46px; height: 63px; }
  .soundBtnContainer { right: 41px; }
  .textContent_red { font-size: 92px; letter-spacing: 1.84px; }
  .textContent { font-size: 70px; line-height: 1.17; letter-spacing: 1.4px; }
}
@media (max-width: 1024px) {
  body { min-height: 1364px; background: transparent url("bgMobile.jpg") no-repeat scroll center center / cover ; }
  .container { padding: 0px 46px; }
  .logo { top: 43px; left: 44px; height: 83px; }
  .soundBtnContainer { right: 41px; }
  .textContent_red { font-size: 86px; letter-spacing: 1.72px; }
  .textContent { font-size: 86px; line-height: 1.12; top: 10%; left: 50%; width: 100%; transform: translate(-50%, 0px); text-align: center; letter-spacing: 1.72px; }
  .slotContainer { top: 29.5%; right: auto; left: 50%; width: 100%; max-width: 768px; transform: translate(-50%, 0px); }
  .slotBtn { font-size: 36px; height: 58%; letter-spacing: 0.72px; }
  .slotBtnShadow { display: none; }
  .slotLeprekonImg { display: none; }
  .slotGonzoImg { top: 119%; right: 50%; width: 60%; transform: translateX(50%); }
}
@media (max-width: 480px) {
  body { min-height: 640px; }
  .logo { top: 19px; left: 20px; height: 39px; }
  .soundBtnContainer { top: 20px; right: 20px; width: 41px; height: 41px; }
  .textContent_red { font-size: 40px; letter-spacing: 0.8px; }
  .textContent { font-size: 40px; line-height: 1.15; letter-spacing: 0.8px; }
  .slotBtn { font-size: 18px; letter-spacing: 0.36px; }
  .popup__content { padding-top: 80px; }
  .popup__psImg { top: 20px; width: 95px; }
  .popup__closeBtn { top: 10px; right: 9px; width: 16px; }
  .popup__text { padding: 30px 25px 24px; }
  .poput__textCongrat { font-size: 34px; letter-spacing: 0.68px; }
  .poput__textRow { font-size: 16px; line-height: 1.5; letter-spacing: 0.32px; }
  .poput__youWin { font-size: 18px; letter-spacing: 0.36px; }
  .slotBtn_popup.slotBtn { font-size: 18px; margin: 15px auto 0px; padding: 8px 29px; letter-spacing: 0.36px; }
  @keyframes blink {
0% { transform: scale(1); box-shadow: none; }
50% { transform: scale(1.009); box-shadow: -2px 1px 15px 4px rgba(23, 231, 72, 0.77), 0px 0px 6px 1px rgba(255, 255, 255, 0.89) inset; }
100% { transform: scale(1); box-shadow: none; }
}
}
@media (max-width: 480px) {
  .poput__textCongrat { font-size: 28px; letter-spacing: 0.68px; }
  .poput__textRow { font-size: 14px; }
  .poput__youWin { font-size: 15px; }
  .slotBtn_popup.slotBtn { font-size: 16px; }
}

p.phone_error {
    display: none;
    font-size: 16px;
    color: red;
	margin: -9px 0 21px 0px;
    background: #fff;
    padding: 7px 9px;
    border-radius: 7px;
	font-weight: bold;
	animation: blur 3s ease-out infinite;
   
}

@keyframes blur {
  from {
	  color: #000;
    text-shadow:0px 0px 5px #ff0000,
      0px 0px 10px #ff0000, 
      0px 0px 15px #ff0000,
      0px 0px 20px #ff0000,
      0px 0px 25px #ff0000,
      0px 0px 30px #ff0000,
      0px 0px 35px #ff0000
  }
}







p.phone_error.openbg {
    display: block;
	
}
input.green {
    border: 4px solid green;
	box-shadow: 0px 0px 6px 0px #fff;
}
input.red {
    border: 4px solid red;
	box-shadow: 0px 0px 12px 4px #fff;
}