* {
  margin: 0;
  padding: 0; }

img {
  width: 100%;
  height: auto;
  display: block; }

a {
  color: inherit;
  text-decoration: underline; }

a:hover {
  text-decoration: none; }

body,
html {
  height: 100%; }

.page {
  font-family: 'Montserrat', Arial, sans-serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1.15;
  -webkit-tap-highlight-color: transparent;
  font-size: 10px;
  position: relative;
  background: #020100 url("../../willbetgamebettingsa/image/bg-desk.jpg") 50% 0 no-repeat;
  background-size: 192em 108.6em; }

.blur_wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  filter: blur(5px);
  width: 100%;
  min-height: 100%;
  z-index: 5; }

.layout {
  min-height: 100%;
  position: relative;
  z-index: 2;
  overflow-x: hidden; }

.sh {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("https://ggbetbestoffer.com/gg_betting_allsports/img/sh.png") 50% 0 no-repeat;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background-size: cover;
  z-index: 2; }

.parallax_l {
  position: absolute;
  left: 0;
  top: 0;
  width: 49.8em;
  height: 103.2em;
  z-index: 1; }
  .parallax_l img {
    position: absolute;
    left: 0;
    top: 0;
    width: 49.8em;
    height: 103.2em; }

.parallax_2 {
  position: absolute;
  right: -10em;
  bottom: -20em;
  width: 109.5em;
  height: 86.1em;
  z-index: 1; }
  .parallax_2 img {
    position: absolute;
    left: 0;
    top: 0;
    width: 109.5em;
    height: 86.1em; }

html.hide {
  display: block; }
  html.hide .blur_wrap {
    background: transparent;
    position: relative;
    filter: none; }

.preloader {
  width: 5em;
  height: 5em;
  position: absolute;
  z-index: 6; }

html.en .en {
  display: block; }
html .en {
  display: none; }

html.ru .ru {
  display: block; }
html .ru {
  display: none; }

html.es .es {
  display: block; }
html .es {
  display: none; }

html.de .de {
  display: block; }
html .de {
  display: none; }

html.pl .pl {
  display: block; }
html .pl {
  display: none; }

.lang_switcher_outer {
  position: absolute;
  font-family: 'Roboto', Arial, sans-serif;
  top: 2em;
  right: 3em;
  width: 7.6em;
  height: 4em;
  border: 0.1em solid #ff7d01;
  box-sizing: border-box;
  border-radius: 0.7em;
  z-index: 4;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400; }
  .lang_switcher_outer .lang_switcher {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    display: block;
    cursor: pointer;
    border-radius: 1.3em;
    position: relative;
    padding-bottom: 1.75em;
    z-index: 3; }
    .lang_switcher_outer .lang_switcher .curr_lang {
      position: relative;
      display: inline-block;
      top: 0.8em;
      margin: 0 0.5em 0 1em; }
      .lang_switcher_outer .lang_switcher .curr_lang span {
        font-size: 1.3em;
        padding: 0.3em 0 0 0;
        display: inline-block;
        color: #ff7d01; }
      .lang_switcher_outer .lang_switcher .curr_lang em {
        top: 0.4em;
        margin: 0 0.5em 0 0; }
  .lang_switcher_outer i {
    background: url("../../willbetgamebettingsa/image/lang-arr.png") 0 0 no-repeat;
    background-size: contain;
    width: 1.3em;
    position: absolute;
    height: 0.8em;
    right: 1em;
    top: 1.5em;
    animation: up .2s ease forwards; }
    .lang_switcher_outer i.down {
      animation: down .2s ease forwards; }

.lang_list {
  position: absolute;
  list-style-type: none;
  top: 4.1em;
  display: none;
  left: 0;
  width: 7.4em;
  border-radius: 0.7em;
  border: 0.1em solid #ff7d01;
  overflow: hidden;
  cursor: auto; }
  .lang_list.act {
    display: block;
    background: #2a3040;
    padding: 1em 0; }
  .lang_list li {
    background: #2a3040;
    height: 3em;
    cursor: pointer;
    text-align: center; }
    .lang_list li span {
      font-size: 1.3em;
      padding: 0.5em 0 0 0;
      display: inline-block; }
    .lang_list li.curr {
      pointer-events: none;
      background: #ff7d01; }
    .lang_list li:hover {
      background: #ff7d01; }

@keyframes down {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(180deg); } }
@keyframes up {
  0% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(0deg); } }
#container {
  max-width: 134em;
  margin: 0 auto;
  padding: 6em 0 0 0;
  position: relative;
  z-index: 3; }

.logo_wrap {
  text-align: center; }

.logo {
  width: 36.9em;
  height: 7.2em;
  margin: 0 auto; }

.main {
  padding: 9em 0 11em 0;
  max-width: 54em;
  text-align: center;
  text-transform: uppercase; }

.txt_1 {
  color: #fff;
  font-weight: 800;
  font-style: italic;
  font-size: 9.6em;
  line-height: 1;
  margin: 0 0 0.2em 0; }
  .txt_1 .es {
    font-size: 70%; }

.txt_2 {
  font-weight: 600;
  font-style: italic;
  font-size: 3.6em;
  color: #ff7d01; }

.btn_wrap {
  padding: 4em 0 0 0; }

.btn {
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  text-decoration: none;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  width: 50.5em;
  height: 8.6em;
  position: relative;
  box-sizing: border-box;
  padding: 2.15em 0;
  z-index: 1;
  margin: 0 auto; }
  .btn span {
    font-size: 4em; }
  .btn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ff7d00;
    z-index: -1;
    transform: skewX(-11deg);
    transition: all .3s; }
  .btn:after {
    content: '';
    position: absolute;
    left: -0.5em;
    top: 0.5em;
    width: 100%;
    height: 100%;
    z-index: -2;
    border-bottom: 0.5em solid #ffffff;
    border-left: 0.5em solid #ffffff;
    transform: skewX(-11deg);
    box-sizing: border-box; }
  .btn:hover:before {
    background-color: #FE9C0A; }

.steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: row; }
  .steps div {
    height: 12.4em;
    background-image: url("../../willbetgamebettingsa/image/steps.png");
    background-size: 51em 37.3em;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column; }
    .steps div.step_1 {
      background-position: -11.4em 0;
      width: 39.7em;
      padding: 0 0 0 12em; }
    .steps div.step_2 {
      background-position: -5.6em -12.4em;
      width: 45.5em;
      margin: 0 -2em;
      padding: 0 0 0 17em; }
    .steps div.step_3 {
      background-position: -2.1em -24.8em;
      width: 48.9em;
      text-align: center;
      padding: 0 0 0 18.5em; }
      .steps div.step_3 span {
        padding: 0 2em 0 0; }
  .steps span {
    font-weight: 600;
    font-style: italic;
    font-size: 1.8em;
    color: #fff; }
  .steps strong {
    font-weight: inherit;
    color: #ff7d00; }

#footer {
  padding: 3em 0;
  max-width: 127em;
  margin: 0 auto;
  font-family: 'Roboto', Arial, sans-serif;
  position: relative;
  z-index: 3;
  text-align: center; }
  #footer img {
    width: 95%;
    margin: 0 auto 2em; }
    #footer img.desk {
      max-width: 120em; }
    #footer img.mob {
      max-width: 55.2em;
      display: none; }
  #footer p {
    text-transform: uppercase;
    color: #4A515E;
    font-size: 1.2em; }

.year {
  margin: 0 auto 1.5em;
  border-radius: 50%;
  border: 0.2em solid #4A515E;
  text-align: center;
  width: 4em;
  height: 4em; }
  .year div {
    color: #4A515E;
    padding: 0.85em 0 0 0;
    font-size: 1.5em;
    font-weight: 700; }

@media (max-width: 1480px) and (orientation: landscape) {
  .page {
    font-size: 8.5px; } }
@media (max-width: 1280px) and (orientation: landscape) {
  .page {
    font-size: 8.25px; } }
@media (max-width: 1140px) and (orientation: landscape) {
  .page {
    font-size: 7.75px; } }
@media (max-width: 1080px) and (orientation: landscape) {
  .page {
    font-size: 7.25px; } }
@media (max-width: 1010px) and (orientation: landscape) {
  .page {
    font-size: 7.25px; } }
@media (min-width: 683px) and (max-width: 929px) {
  .page {
    font-size: 4.5px; } }
@media (max-width: 930px) and (orientation: landscape) {
  .page {
    font-size: 5px; }

  .lang_switcher_outer {
    font-size: 7px; } }
@media (max-width: 812px) and (orientation: landscape) {
  .page {
    font-size: 4.75px; } }
@media (max-width: 736px) and (orientation: landscape) {
  .page {
    font-size: 4.5px; } }
@media (max-width: 667px) and (orientation: landscape) {
  .page {
    font-size: 4.25px; } }
@media (max-width: 568px) and (orientation: landscape) {
  .page {
    font-size: 4px; } }
@media (max-width: 1024px) and (orientation: portrait) {
  .page {
    font-size: 10px;
    background: #030200 url("../../willbetgamebettingsa/image/bg-mob.jpg") 50% 0 no-repeat;
    background-size: 1024px; }

  #container {
    padding: 9em 0 0 0; }

  .main {
    margin: 0 auto;
    padding: 80em 0 5em 0; }

  #footer img.desk {
    display: none; }
  #footer img.mob {
    display: block; }

  .steps {
    display: block;
    width: 52em;
    margin: 0 auto; }
    .steps div.step_2 {
      margin: 0 0 0 2em; }
    .steps div.step_3 {
      margin: 0 0 0 4em; }

  .lang_switcher_outer {
    top: 3.5em; } }
@media (max-width: 682px) and (orientation: portrait) {
  .page {
    background-size: 682px; }

  .main {
    margin: 0 auto;
    padding: 50em 0 5em 0; } }
@media (max-width: 560px) and (orientation: portrait) {
  .page {
    font-size: 9px;
    background-size: 560px; } }
@media (max-width: 500px) and (orientation: portrait) {
  .page {
    font-size: 8px;
    background-size: 500px; } }
@media (max-width: 450px) and (orientation: portrait) {
  .page {
    font-size: 7px;
    background-size: 450px; } }
@media (max-width: 400px) and (orientation: portrait) {
  .page {
    font-size: 5.75px;
    background-size: 400px; } }

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