* { margin: 0; padding: 0; }

body { overflow-x: hidden !important; }

a { text-decoration: none; color: inherit; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: row; cursor: pointer; outline: none; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { a { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }

.center { width: 100%; max-width: 940px; padding: 0 20px; }
@media only screen and (max-width: 480px) { .center { padding: 0 10px; } }

.canvas { min-width: 320px; }
.canvas #main, .canvas #terms, .canvas footer, .canvas header { width: 100%; }
.canvas header { height: 90px; display: flex; justify-content: center; align-items: center; flex-direction: row; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas header { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas header .center { display: flex; justify-content: space-between; align-items: center; flex-direction: row; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas header .center { display: -ms-flexbox; -ms-flex-pack: justify; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas header .center .logo { flex: 1; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas header .center .logo { display: -ms-flexbox; -ms-flex-pack: start; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas header .center .login { display: flex; justify-content: flex-end; align-items: center; flex-direction: row; flex: 1; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas header .center .login { display: -ms-flexbox; -ms-flex-pack: end; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas header .center .login .members { display: flex; justify-content: flex-end; align-items: center; flex-direction: row; flex: 2; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas header .center .login .members { display: -ms-flexbox; -ms-flex-pack: end; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas #main { height: calc(100vh - 254px); display: flex; justify-content: center; align-items: unset; flex-direction: row; padding: 90px 0 0 0; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas #main { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: unset; -ms-flex-direction: row; } }
@media only screen and (max-width: 480px) { .canvas #main { display: flex; justify-content: center; align-items: flex-start; flex-direction: row; padding: 15px 0; height: auto; } }
@media only screen and (max-width: 480px) and (-ms-high-contrast: active) { .canvas #main { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: start; -ms-flex-direction: row; } }

.canvas #main .container .offer { display: flex; justify-content: center; align-items: center; flex-direction: row; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas #main .container .offer { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas #main .container .images { display: flex; justify-content: center; align-items: center; flex-direction: row; flex-wrap: wrap; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas #main .container .images { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas footer { height: 70px; display: flex; justify-content: center; align-items: center; flex-direction: row; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas footer { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas footer .footer__container { margin: 0 auto; }
.canvas footer div { display: flex; justify-content: center; align-items: center; flex-direction: row; font-size: 14px; border-radius: 2px; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas footer div { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas #terms { display: flex; justify-content: center; align-items: center; flex-direction: row; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas #terms { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }

@media only screen and (max-width: 362px) { .logo img { height: 85px !important; }
  .members { font-size: 8px !important; } }
@media only screen and (max-width: 480px) { .logo img { height: 85px !important; }
  .button { width: 50% !important; }
  .login .members { font-size: 12px; } }
@media only screen and (max-width: 767px) { .login { display: flex; justify-content: flex-end !important; align-items: flex-end !important; flex-direction: row; } }
@media only screen and (max-width: 767px) and (-ms-high-contrast: active) { .login { display: -ms-flexbox; -ms-flex-pack: flex-end !important; -ms-flex-align: flex-end !important; -ms-flex-direction: row; } }
@media only screen and (max-width: 767px) { .login .button { margin-bottom: 4px; }
  .login .members { padding-right: 0px !important; }
  .logo img { height: 60px; } }
@media only screen and (max-width: 568px) { .cta, .welcome { width: 90% !important; }
  .images a { max-width: 100% !important; }
  .images a img { max-width: 230px; margin-left: auto; margin-right: auto; }
  footer { height: auto !important; }
  footer .center .footer__container { flex-direction: column-reverse !important; padding: 5px 0; }
  footer .center .footer__container .button { margin: 0 0 10px; }
  footer .center .footer__container .payments img { width: 100%; margin: 20px auto; } }
@media only screen and (max-width: 568px) and (max-width: 480px) { footer .center .footer__container .payments img { width: 85%; } }

@media only screen and (max-width: 568px) { #main { height: calc(100vh - 300px) !important; overflow-x: hidden !important; } }
@media only screen and (max-width: 568px) and (max-width: 480px) { #main { height: auto !important; } }

html { background: #001200; }

.canvas { color: white; background: #001200; font-family: 'Lato', sans-serif; }
.canvas header { font-weight: 300; }
.canvas header .center .logo a { justify-content: flex-start; }
.canvas header .center .logo img { max-height: 85px; }
.canvas #main { background: url("https://oldhavanacasino.eu/18833/NDK35/images/main-background1.jpg"); background-repeat: no-repeat; background-size: auto 85%; background-position: top center; }
@media only screen and (max-width: 480px) { .canvas #main { background-size: auto 60%; } }
.canvas #main .container .offer { display: flex; justify-content: center; align-items: center; flex-direction: column; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas #main .container .offer { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: column; } }
.canvas #main .container .offer h1 { text-align: center; line-height: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas #main .container .offer h1 { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: column; } }
.canvas #main .container .offer h1 .span { display: block; }
.canvas #main .container .offer h1 .first { text-transform: uppercase; font-size: calc(15px + 10 * ( (100vw - 420px) / 347)); margin: 10px 0 7px; }
@media screen and (max-width: 420px) { .canvas #main .container .offer h1 .first { font-size: 15px; } }
@media screen and (min-width: 767px) { .canvas #main .container .offer h1 .first { font-size: 25px; } }
.canvas #main .container .offer h1 .second { color: #f3eb12; font-size: calc(70px + 15 * ( (100vw - 420px) / 347)); letter-spacing: -4px; line-height: 0.9; text-shadow: 1px 2px 5px black; font-weight: 900; }
@media screen and (max-width: 420px) { .canvas #main .container .offer h1 .second { font-size: 70px; } }
@media screen and (min-width: 767px) { .canvas #main .container .offer h1 .second { font-size: 85px; } }
@media only screen and (max-width: 500px) { .canvas #main .container .offer h1 .second span { font-size: 93px; } }
.canvas #main .container .offer h1 .third { text-transform: uppercase; font-size: calc(37px + 23 * ( (100vw - 420px) / 347)); line-height: 1.2; letter-spacing: -2px; text-shadow: 1px 2px 5px black; font-weight: 900; }
@media screen and (max-width: 420px) { .canvas #main .container .offer h1 .third { font-size: 37px; } }
@media screen and (min-width: 767px) { .canvas #main .container .offer h1 .third { font-size: 45px; } }
.canvas #main .container .offer h1 .fourth { margin: 0 auto 10px; font-family: 'Lato', sans-serif; font-weight: normal; font-size: calc(16px + 4 * ( (100vw - 420px) / 347)); }
@media screen and (max-width: 420px) { .canvas #main .container .offer h1 .fourth { font-size: 16px; } }
@media screen and (min-width: 767px) { .canvas #main .container .offer h1 .fourth { font-size: 20px; } }
.canvas #main .container .offer .cta, .canvas #main .container .offer .welcome { display: flex; justify-content: center; align-items: center; flex-direction: row; text-transform: uppercase; width: 100%; max-width: 355px; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas #main .container .offer .cta, .canvas #main .container .offer .welcome { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas #main .container .offer .welcome { min-height: 50px; border: 1px #1DA5F6 solid; border-radius: 4px; background: #03061D; display: flex; justify-content: center; align-items: center; flex-direction: row; margin: 10px 0; font-family: 'Lato', sans-serif; font-weight: 900; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas #main .container .offer .welcome { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas #main .container .offer .welcome div { height: 50px; display: flex; justify-content: center; align-items: center; flex-direction: row; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas #main .container .offer .welcome div { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas #main .container .offer .welcome .left { flex: 2; font-size: calc(30px + 5 * ( (100vw - 420px) / 347)); color: #f3eb12; }
@media screen and (max-width: 420px) { .canvas #main .container .offer .welcome .left { font-size: 30px; } }
@media screen and (min-width: 767px) { .canvas #main .container .offer .welcome .left { font-size: 35px; } }
.canvas #main .container .offer .welcome .right { display: flex; justify-content: center; align-items: center; flex-direction: row; display: block; cursor: pointer; font-size: calc(12px + 4 * ( (100vw - 420px) / 347)); background: #1DA5F6; position: relative; padding-right: 15px; padding-left: 15px; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas #main .container .offer .welcome .right { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }
@media screen and (max-width: 420px) { .canvas #main .container .offer .welcome .right { font-size: 12px; } }
@media screen and (min-width: 767px) { .canvas #main .container .offer .welcome .right { font-size: 16px; } }
.canvas #main .container .offer .welcome #tooltip { display: none; }
.canvas #main .container .offer .welcome #tooltip:after { display: flex; justify-content: center; align-items: center; flex-direction: row; text-align: center; text-transform: none; font-size: 12px; width: 141px; height: 29px; content: "Copied: NDK35"; right: 0; top: -41px; position: absolute; background: #f3eb12; color: black; border-radius: 6px; animation: fadein forwards 2s; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .canvas #main .container .offer .welcome #tooltip:after { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }
.canvas footer .payments img { width: 80%; max-width: 550px; padding-left: 20px; padding-right: 20px; }
@media only screen and (max-width: 480px) { .canvas footer .payments img { max-width: 350px; } }
.canvas #terms #termsInner { display: none; height: auto; }
.canvas #terms p { text-align: justify; font-size: 12px; line-height: 1.4; padding: 20px 10px; }

.button { text-transform: uppercase; width: 115px; min-height: 30px; display: flex; justify-content: center; align-items: center; flex-direction: row; font-weight: 300; cursor: pointer; text-align: center; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .button { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -ms-flex-direction: row; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .button { height: 30px; } }
@media only screen and (max-width: 480px) { .button { font-size: 13px; } }
.button--blue { border: 1px #1DA5F6 solid; color: #ffffff; transition: 0.2s; border-radius: 3px; }
.button--blue:hover { background-color: #1DA5F6; }
.button--blue-fill { background-color: #1DA5F6; color: #ffffff; border: 1px #1DA5F6 solid; transition: 0.2s; margin: 0 0 0 15px; border-radius: 3px; }
@media only screen and (max-width: 480px) { .button--blue-fill { margin: 0 0 0 10px; } }
.button--blue-fill:hover { background-color: #f3eb12; color: #03061D; border: 1px yellow solid; }
.button--white { border: 1px white solid; color: white; transition: 0.2s; }
.button--white:hover { border: 1px yellow solid; background-color: #f3eb12; color: #03061D; }

@keyframes fadein { 0% { opacity: 0; }
  30% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes pulse_animation { 0% { -webkit-transform: scale(1); box-shadow: 0 0 9px #0c1a30; }
  30% { -webkit-transform: scale(1); }
  40% { -webkit-transform: scale(1.08); }
  50% { -webkit-transform: scale(1); }
  60% { -webkit-transform: scale(1); }
  70% { -webkit-transform: scale(1.05); }
  80% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(1); box-shadow: 0 0 9px #0c1a30; } }
#myInput { color: transparent; width: 1px; height: 1px; background: black; border: none; }

.cta { height: 65px; margin: 10px auto 30px; text-transform: uppercase; }
.cta a { animation: pulse_animation 5000ms infinite; background: #1DA5F6; color: #ffffff; font-size: 35px; margin: 20px auto; width: 100%; max-width: 390px; transition: .2s; font-weight: 900; border-radius: 6px; }
@media only screen and (max-width: 480px) { .cta a { font-size: 30px; } }
.cta a:hover { animation: none; background: #138dd6; }
.cta a:active { transform: translateY(4px); }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cta a { max-height: 50px; } }

.cta--mobile { height: 50px; margin: 0 auto 20px auto; text-transform: uppercase; }
@media only screen and (min-width: 480px) { .cta--mobile { display: none; } }
.cta--mobile a { background: #1DA5F6; color: #ffffff; font-size: 20px; margin: 20px auto; width: 215px; max-width: 390px; transition: .2s; font-weight: 900; border-radius: 6px; }

@media only screen and (min-width: 480px) { .features-container { display: none; } }
.features-container { padding: 0 0 10px 0; }

.feature__block { display: flex; align-items: center; padding: 0 20px; }
@media only screen and (max-width: 375px) { .feature__block { padding: 0 5px; } }
.feature__block .feature__icon { width: 100px; }
.feature__block .feature__icon--image { max-width: 100px; }
@media only screen and (max-width: 345px) { .feature__block .feature__icon--image { max-width: 90px; } }
.feature__block .feature__text { width: calc( 100% - 100px); padding: 0 10px; }
@media only screen and (max-width: 345px) { .feature__block .feature__text { padding: 0 3px; } }
.feature__block .feature__text .bold { font-size: 16px; font-weight: 900; }
@media only screen and (max-width: 330px) { .feature__block .feature__text .bold { font-size: 15px; } }
.feature__block .feature__text p { font-size: 14px; }

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