@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
body {
  min-width: 320px;
  margin: 0;
  padding: 0;
  font-family: 'Quicksand', sans-serif;
  background: white;
  color: black;
  background-image: url('../images/footer-bg.jpg');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
a:focus {
  outline: none;
  text-decoration: none;
}
/*---------------------------------
GALLERY AT MAIN PAGE
-----------------------------------*/
.gallery-wrapper {
  position: relative;
  z-index: 0;
}
.main-gallery {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.owl-item {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.slide {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 565px;
  display: block;
}
@media screen and (max-width: 991px) {
  .slide {
    min-height: 430px;
    background: transparent !important;
  }
  .owl-item .container{
    width: 100%;
  }
  .slide-video{
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .slide {
    min-height: 430px;
  }
}
@media screen and (max-width: 370px) {
  .slide {
    min-height: 380px;
  }
}
.slide__content {
  height: 0;
  min-height: 565px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .slide__content {
    min-height: 430px;
  }
}
@media screen and (max-width: 370px) {
  .slide__content {
    min-height: 380px;
  }
}
.slide__content-inner {
  padding-top: 30px;
  display: table-cell;
  vertical-align: middle;
}
.slide__content-inner img {
  max-width: 100%;
  display: inline-block !important;
  width: auto !important;
  height: auto;
}
@media screen and (max-width: 768px) {
  .slide__content-inner img {
    max-height: 200px;
  }
}
@media screen and (max-width: 991px) {
  .slide__content-inner {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center !important;
    background: linear-gradient(to bottom, #1F7ACB, #2670CF);
  }
}
.button-wrapper {
  padding-top: 15px;
}
.button-wrapper-center{
  max-width:380px;
  text-align: center;
}
.special-button-wrapper{
  max-width: 560px;
  text-align: center;
  transform: rotate(-6deg);
}
.christmas-button-wrapper{
  max-width: 360px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .special-button-wrapper{
    max-width: 100%;
  }
  .christmas-button-wrapper, .button-wrapper-center{
    max-width: 100%;
  }
  .button-wrapper {
    margin: 0 auto;
  }
}
.button-wrapper a, .button-wrapper span {
  display: inline-block;
  padding: 12px 50px;
  background: linear-gradient(to bottom, #F46435, #F43905);
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  font-size: 22px;
  color: white;
}
.button-wrapper a:hover, .button-wrapper span:hover {
  text-decoration: none;
  background: red;
}
@media screen and (max-width: 991px) {
  .slide__content-inner.orange-bg {
    background: #F46435;
  }
  .slide__content-inner.red-bg {
    background: #E02119;
  }
  .slide__content-inner.special-bg{
    background: #639065;
  }
  .slide__content-inner.slide2red-btn{
    background: #0d2180;
  }


  .slide__content-inner.tuesday-bg {
    background: #075300;
  }
  .slide__content-inner.wednesday-bg {
    background: #5B3300;
  }
  .slide__content-inner.thursday-bg {
    background: #571C38;
  }
  .slide__content-inner.friday-bg {
    background: #0A3309;
  }
  .slide__content-inner.weekend-bg {
    background: #041930;
  }
  .slide__content-inner.purple-bg {
    background: #51277B;
  }
  .slide__content-inner.pig-bg {
    background: #a7b9e4;
  }
}
.slide__content-inner.center-text {
  text-align: center;
}
.slide__content-inner.right-text {
  text-align: right;
}
 .slide__content-inner.orange-btn .button-wrapper span, .slide__content-inner.orange-btn .button-wrapper a {
/*  background: linear-gradient(to bottom, #2CA9FB, #096CC9);*/
  border: 2px solid #FDFEFF;
}
.slide__content-inner.orange-btn .button-wrapper span:hover, .slide__content-inner.orange-btn .button-wrapper a:hover {
  /* background: #0359A8;*/
}

.slide__content-inner.blue-btn .button-wrapper span, .slide__content-inner.blue-btn .button-wrapper a {
  background: linear-gradient(to bottom, #F17341, #EE4911);
  border: 2px solid #FFF0DC;
}
.slide__content-inner.blue-btn .button-wrapper span:hover, .slide__content-inner.blue-btn .button-wrapper a:hover {
  background: #B53301;
}
.slide__content-inner.red-btn .button-wrapper span, .slide__content-inner.red-btn .button-wrapper a {
  background: linear-gradient(to bottom, #ED3438, #CE080C);
}
.slide__content-inner.red-btn .button-wrapper span:hover, .slide__content-inner.red-btn .button-wrapper a:hover {
  background: #C40002;
}
.slide__content-inner.special-btn .button-wrapper span, .slide__content-inner.red-btn .button-wrapper a {
  background: linear-gradient(to bottom, #40414A, #282932);
  color:#76B159;
}
.slide__content-inner.special2-btn .button-wrapper span:hover, .slide__content-inner.red-btn .button-wrapper a:hover {
  background: #282932;
}


.slide__content-inner.special2-btn {
  padding-top: 60px;
}
/* .slide__content-inner.pig-btn .button-wrapper span, .slide__content-inner.red-btn .button-wrapper a {
  background: linear-gradient(to bottom, #40414A, #282932);
  color:#89ACFC;
}
.slide__content-inner.pig-btn .button-wrapper span:hover, .slide__content-inner.red-btn .button-wrapper a:hover {
  background: #282932;
} */
.slide__content-inner.purple-btn .button-wrapper span, .slide__content-inner.purple-btn .button-wrapper a {
  background: linear-gradient(to bottom, #844FBB, #512A80);
}
.slide__content-inner.purple-btn .button-wrapper span:hover, .slide__content-inner.purple-btn .button-wrapper a:hover {
  background: #9434BC;
}
.slide__title {
  font-size: 44px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .slide__title {
    font-size: 30px;
  }
}
.slide__desc {
  font-size: 17px;
  line-height: 30px;
  font-weight: 300;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .slide__desc {
    font-size: 16px;
  }
}
.slide__link {
  font-size: 24px;
  color: white;
  display: inline-block;
  padding: 15px 75px;
  background: #03BD5B;
  border-radius: 50px;
  text-transform: uppercase;
  position: relative;
  transition: 1s;
  overflow: hidden;
}
.slide__link:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 14px;
  background-image: url('../images/arrow-icon.png');
  top: 25px;
  left: 35px;
  transform: translate(-50px, 0);
  transition: 0.6s;
}
.slide__link:hover {
  text-decoration: none;
  color: white;
  background: #009C3A;
}
.slide__link:hover:before {
  transform: translate(0);
}
/*OWL CAROUSEL NAVIGATION - DOTS*/
.owl-dots {
  float: left;
  z-index: 99;
  margin-top: -85px;
  position: relative;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .owl-dots {
    margin-top: -30px;
  }
}
.owl-dot {
  display: inline;
  width: 12px;
  height: 12px;
  background: white;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
}
.owl-dots .active {
  background: #1456B7;
}
.owl-nav {
  position: absolute;
  margin-top: -150px;
}
.header {
  position: relative;
}
.header-wrapper {
  z-index: 9999;
  position: relative;
}
.header-inner {
  width: 100%;
  left: 0;
  right: 0;
  position: absolute;
  padding-bottom: 17px;
  text-align: right;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
@media screen and (max-width: 991px) {
  .header-inner {
    border-bottom: none;
    z-index: 9999;
  }
}
.logo {
  position: absolute;
  z-index: 99999;
  left: 50%;
  margin-left: -100px;
  padding-top: 20px;
  display: inline-block;
}
.logo a,
.logo span {
  position: absolute;
  z-index: 999;
  width: 186px;
  height: 40px;
}
.logo a:after,
.logo span:after {
  content: '';
  position: absolute;
  z-index: 99999;
  top: -20px;
  left: 85px;
  width: 70px;
  height: 70px;
  background-image: url('../images/shine1.png');
  background-repeat: no-repeat;
  animation: shining2 2s linear infinite;
}
.logo a:before,
.logo span:before {
  content: '';
  position: absolute;
  z-index: 99999;
  top: -20px;
  left: -48px;
  width: 90px;
  height: 70px;
  background-image: url('../images/shine2.png');
  background-repeat: no-repeat;
  animation: shining 3.5s linear infinite;
}
.logo:after {
  content: '';
  position: absolute;
  top: 20px;
  left: 76px;
  width: 41px;
  height: 41px;
  background-image: url('../images/spin1.png');
  background-repeat: no-repeat;
  animation: rotating 1s linear infinite;
}
.logo:before {
  content: '';
  position: absolute;
  left: 76px;
  top: 20px;
  width: 41px;
  height: 41px;
  background-image: url('../images/spin2.png');
  background-repeat: no-repeat;
  animation: rotating 1.2s linear infinite;
}
.au .logo a,
.au .logo span {
  width: 186px;
  height: 50px;
}
.au .logo:after {
  top: 17px;
  background-image: url('../images/spin1-au.png');
}
.au .logo:before {
  top: 17px;
  background-image: url('../images/spin2-au.png');
}
@media screen and (max-width: 991px) {
  .logo {
    position: absolute;
    left: 125px;
  }
}

@media screen and (max-width: 991px) {
  .app .logo {
    position: absolute;
    left: 50%;
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes shining {
  0% {
    transform: translateX(12px);
    opacity: 0;
  }
  50% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(12px);
    opacity: 0;
  }
}
@keyframes shining2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lang {
  display: inline-block;
  vertical-align: top;
  margin-top:32px;
  width: 50px;
  color: white;
}
@media screen and (max-width: 991px) {
  .lang {
    display: table;
    margin: 0 auto;
    margin-top: 15px;
  }
}
.lang-chooser {
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}
.lang-chooser label {
  margin: 0;
}
.lang-chooser label:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 14px;
  background-image: url('../images/arrow-icon.png');
  top: 3px;
  left: -10px;
  transform: rotate(90deg);
}
.lang-input {
  cursor: pointer;
  height: 17px;
  background: transparent;
  border: none;
  padding-left: 5px;
  width: 40px;
  min-height: 20px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}
.lang-list {
  width: 100%;
  background: #181818;
  display: none;
  top: 20px;
  min-width: 40px;
  left: -10px;
  position: absolute;
  z-index: 9999;
  padding: 0;
  text-align: left;
  list-style-type: none;
  padding: 10px;
}
.lang-list a {
  cursor: pointer;
  color: white;
  list-style-type: none;
  font-size: 15px;
  line-height: 16px;
}
.lang-list a:hover {
  color: #FFAF45;
}
.menu {
  display: inline-block;
  margin-top: 20px;
  order: 2;
  vertical-align: top;
}
.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu ul li {
  display: inline-table;
  margin-right: 45px;
  padding-top: 12px;
  position: relative;
}
.menu ul li a {
  color: white;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  padding-bottom: 5px;
  position: relative;
}
.menu ul li a:after {
  content: '';
  position: absolute;
  width: 0;
  left: 50%;
  height: 3px;
  transition: 0.3s;
  background: #FF6060;
  bottom: -5px;
}
.menu ul li a:hover {
  text-decoration: none;
}
.menu ul li a:hover:after {
  width: 100%;
  margin-left: -50%;
}
.left-wrapper .menu ul li{
  margin-right:20px;
}
@media screen and (max-width: 991px) {
  .left-wrapper .menu{
    top:0;
    margin-top: 0;
  }
  .left-wrapper .menu ul li {
    margin-right: 0;
  }
  .menu ul li {
    display: block;
    text-align: center;
    border-bottom: 1px solid white;
    padding-bottom: 15px;
    padding-top: 15px;
  }
}
@media screen and (max-width: 991px) {
  .menu ul li {
    margin-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .menu {
    top: 60px;
    padding-right: 15px;
    padding-left: 15px;
    left: 0;
    right: 0;
    width: 100%;
  }
}
#register-btn {
  font-size: 15px;
  color: white;
  overflow: hidden;
  display: inline-block;
  padding: 8px 0;
  width: 120px;
  text-align: center;
  background: #3AC459;
  font-weight: 700;
  border-radius: 5px;
  text-transform: uppercase;
  position: relative;
  transition: 1s;
  margin-left: 5px;
}
.au #register-btn {
  background: #FFEE32;
  color: #817609;
}
#register-btn:hover {
  text-decoration: none;
  color: white;
  background: #258139;
}

.au #register-btn:hover {
  color: #817609;
  background: #DDCD1A;
}
@media screen and (max-width: 991px) {
  #register-btn {
    display: block;
    margin: 0 auto;
  }
}
#sign-btn {
  font-size: 15px;
  color: black;
  overflow: hidden;
  display: inline-block;
  padding: 8px 0;
  background: white;
  font-weight: 700;
  width: 120px;
  text-align: center;
  border-radius: 5px;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
#sign-btn:hover {
  text-decoration: none;
  color: white;
  background: #303C94;
}
@media screen and (max-width: 991px) {
  #sign-btn {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
  }
}
#buter {
  order: 9;
  position: absolute;
  z-index: 99999;
  right: 30px;
  top: 30px;
  width: 40px;
  height: 35px;
  display: none;
}
@media screen and (max-width: 991px) {
  #buter {
    display: block;
  }
}
#buter span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: white;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
/* Icon 3 */
#buter span:nth-child(1) {
  top: 0px;
}
#buter span:nth-child(2),
#buter span:nth-child(3) {
  top: 10px;
}
#buter span:nth-child(4) {
  top: 20px;
}
#buter.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}
#buter.open span:nth-child(2) {
  transform: rotate(45deg);
}
#buter.open span:nth-child(3) {
  transform: rotate(-45deg);
}
#buter.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.header-buttons {
  display: inline-block;
  margin-top: 25px;
}
@media screen and (max-width: 991px) {
  .header-buttons {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .mobile-container {
    display: none;
  }
}
.mobile-container.open {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
  padding-bottom: 30px;
  background: #023D7D;
  z-index: 999;
  overflow: auto;
}
.mobile-container-inner {
  display: flex;
  padding-left: 85px;
  padding-right: 85px;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .mobile-container-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .mobile-container-inner {
    display: flex;
    padding-top: 50px;
    flex-direction: column;
  }
}
.left-wrapper {
  order: 2;
}
.games-container {
  overflow: hidden;
}
.games-wrapper {
  position: relative;
  z-index: 999;
  padding-top: 10px;
  padding-bottom: 30px;
}
.tabs {
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .tabs {
    text-align: center;
    width: 100%;
  }
}
.games-list-link {
  position: absolute;
  top: 40%;
  right: 30px;
  font-weight: bold;
  color: black;
  text-decoration: underline;
}
.games-list-link:hover {
  color: #AA3864;
}
@media screen and (max-width: 991px) {
  .games-list-link {
    position: relative;
    top: auto;
    width: 49%;
    padding-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
    right: auto;
  }
}
.allgames-wrapper {
  text-align: center;
  margin-bottom: 60px;
  padding-top: 30px;
}
.allgames-wrapper .allgames-link {
  float: none;
}
.tabs-wrapper {
  position: relative;
  z-index: 99;
  background: white;
  margin-top: -60px;
  margin-bottom: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 991px) {
  .tabs-wrapper {
    margin-top: 0;
  }
}
.tab {
  font-size: 14px;
  color: black;
  display: inline-block;
  float: left;
  padding: 42px 30px;
  margin-right: 0;
  padding-left: 60px;
  padding-right: 20px;
  margin-bottom: 0;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  transition: 1s;
  font-weight: bold;
}
.tab:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 22px;
  background-image: url('../images/tabs-icon1.png');
  top: 40%;
  background-repeat: no-repeat;
  left: 30px;
}
@media screen and (max-width: 1200px) {
  .tab:before {
    left: 10px;
  }
}
@media screen and (max-width: 991px) {
  .tab:before {
    top: 10px;
    left: 20px !important;
  }
}
@media screen and (max-width: 360px) {
    .tab:before {
        left: 10px !important;
    }
}
.tab:after {
  content: '';
  position: absolute;
  width: 14px;
  left: 50%;
  margin-left: -7px;
  height: 8px;
  transition: 0.6s;
  background-image: url('../images/arrow-down.png');
  bottom: -15px;
  transform: translateY(-100%);
  opacity: 0;
}
@media screen and (max-width: 991px) {
  .tab:after {
    display: none;
  }
}
.tab:hover {
  background: linear-gradient(to bottom, #E9EAE8, #F7F7F7);
  text-decoration: none;
}
.tab:hover:after {
  transform: translateY(0);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .tab:hover:after {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .tab {
    padding-left: 35px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 991px) {
  .tab {
    padding: 12px 10px;
    padding-left: 30px;
    font-size: 14px;
  }
}
.tab input {
  display: none;
}
@media screen and (max-width: 991px) {
  .tab {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  .tab {
    font-size: 12px;
  }
}
.tabs__change {
  cursor: pointer;
  font-size: 16px;
  width: 55px;
  display: inline-block;
  min-width: 55px;
}
.tabs__change img {
  vertical-align: middle;
  margin-top: -3px;
}
.tabs__change:hover {
  color: #FBCE65;
}
@media screen and (max-width: 768px) {
  .tabs__change {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}
.feature-tab:before {
  width: 23px;
  height: 23px;
  background-image: url('../images/features.png');
}
.slots-tab:before {
  width: 23px;
  height: 23px;
  background-image: url('../images/slots.png');
}
.table-tab:before {
  width: 23px;
  height: 23px;
  background-image: url('../images/table.png');
}
.poker-tab:before {
  width: 23px;
  height: 23px;
  background-image: url('../images/poker.png');
}
.new-tab:before {
  width: 23px;
  height: 23px;
  background-image: url('../images/new.png');
}
.specialties-tab:before {
  width: 23px;
  height: 23px;
  background-image: url('../images/speciality.png');
}
.live-tab:before {
  width: 23px;
  height: 23px;
  background-image: url('../images/live.png');
}
.tab.active {
  color: #A01F51;
  background: linear-gradient(to bottom, #E9EAE8, #F7F7F7);
}
.tab.active:after {
  transform: translateY(0);
  opacity: 1;
}
.tab_item {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.allgames-link {
  font-weight: bold;
  font-size: 14px;
  color: black;
  background: transparent;
  outline: none;
  display: inline-block;
  padding: 10px 40px;
  text-align: center;
  float: right;
  border: 1px solid black;
  border-radius: 50px;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.allgames-link:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.allgames-link:hover {
  text-decoration: none;
  background: #009C3A;
  color: white;
  border: 1px solid #009C3A;
}
.allgames-link:hover:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 991px) {
  .allgames-link {
    display: table;
    margin: 0 auto;
    float: none;
  }
}
@media screen and (max-width: 768px) {
  #allgames-link2 {
    display: table;
    margin: 0 auto;
    margin-top: 15px;
  }
}
.game-block {
  position: relative;
  height: 160px;
  width: 19%;
  margin-left: 0.5%;
  margin-right: 0.5%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 15px;
  border-radius: 5px;
  transform: scale(0);
  opacity: 0;
}
/*block animation 1*/
.grid-inner.active .game-block{
  transition: 0.6s;
  transform: scale(1);
  opacity: 1;
  background-color: #add9f5;
}
.grid-inner.disable-animation .game-block{
  transition: none !important;
}
.grid-inner.active .game-block:nth-of-type(2){transition-delay: 0.1s;}
.grid-inner.active .game-block:nth-of-type(3){transition-delay: 0.2s;}
.grid-inner.active .game-block:nth-of-type(4){transition-delay: 0.3s;}
.grid-inner.active .game-block:nth-of-type(5){transition-delay: 0.4s;}
.grid-inner.active .game-block:nth-of-type(6){transition-delay: 0.5s;}
.grid-inner.active .game-block:nth-of-type(7){transition-delay: 0.6s;}
.grid-inner.active .game-block:nth-of-type(8){transition-delay: 0.7s;}
.grid-inner.active .game-block:nth-of-type(9){transition-delay: 0.8s;}
.grid-inner.active .game-block:nth-of-type(10){transition-delay: 0.9s;}
.grid-inner.active .game-block:nth-of-type(11){transition-delay: 1s;}
.grid-inner.active .game-block:nth-of-type(12){transition-delay: 1.1s;}
.grid-inner.active .game-block:nth-of-type(13){transition-delay: 1.2s;}
.grid-inner.active .game-block:nth-of-type(14){transition-delay: 1.3s;}
.grid-inner.active .game-block:nth-of-type(15){transition-delay: 1.4s;}
.grid-inner.active .game-block:nth-of-type(16){transition-delay: 1.5s;}
.grid-inner.active .game-block:nth-of-type(17){transition-delay: 1.6s;}
.grid-inner.active .game-block:nth-of-type(18){transition-delay: 1.7s;}
.grid-inner.active .game-block:nth-of-type(19){transition-delay: 1.8s;}
.grid-inner.active .game-block:nth-of-type(20){transition-delay: 1.9s;}
.grid-inner.active .game-block:nth-of-type(21){transition-delay: 2s;}
.grid-inner.active .game-block:nth-of-type(22){transition-delay: 2.1s;}
.grid-inner.active .game-block:nth-of-type(23){transition-delay: 2.2s;}
.grid-inner.active .game-block:nth-of-type(24){transition-delay: 2.3s;}
.grid-inner.active .game-block:nth-of-type(25){transition-delay: 2.4s;}
.grid-inner.active .game-block:nth-of-type(26){transition-delay: 2.5s;}
.grid-inner.active .game-block:nth-of-type(27){transition-delay: 2.6s;}
.grid-inner.active .game-block:nth-of-type(28){transition-delay: 2.7s;}
.grid-inner.active .game-block:nth-of-type(29){transition-delay: 2.8s;}
.grid-inner.active .game-block:nth-of-type(30){transition-delay: 2.9s;}

.game-block:hover .games-block__inner {
  opacity: 1;
}
.game-block:hover .games-block__inner a {
  transform: translateY(0);
}
@media screen and (max-width: 1200px) {
  .game-block {
    height: 140px;
  }
}
@media screen and (max-width: 991px) {
  .game-block {
    height: 120px;
  }
}
@media screen and (max-width: 768px) {
  .game-block {
    height: 100px;
    margin-bottom: 5px;
    width: 24%;
  }
}
@media screen and (max-width: 580px) {
  .game-block {
    height: 120px;
    margin-bottom: 5px;
    width: 32%;
  }
}
@media screen and (max-width: 480px) {
  .game-block {
    height: 140px;
    width:49%;
  }
}
@media screen and (max-width: 350px) {
  .game-block {
    height: 120px;
  }
}
.games-block__inner {
  overflow: hidden;
  opacity: 0;
  border-radius: 5px;
  transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(45, 111, 221, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.games-block__inner a {
  color: #ffffff;
  display: inline-block;
  padding: 9px 0;
  width: calc(100% - 30px);
  font-size: 18px;
  text-align: center;
  border: 2px solid #ffffff;
  border-radius: 50px;
  text-transform: uppercase;
  position: relative;
  transition: 0.6s;
  margin-bottom: 5px;
  margin-top: 5px;
}
.games-block__inner a:hover {
  text-decoration: none;
  color: #CA0101;
  background: #ffffff;
}
.games-block__inner a:first-of-type {
  transform: translateY(-100%);
}
.games-block__inner a:last-of-type {
  transform: translateY(100%);
}
.loading::before,
.loading::after {
  content: '';
  position: fixed;
  z-index: 1000;
}
.loading::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2c2d31;
}
.loading::after {
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 8px solid #383a41;
  border-bottom-color: #565963;
  border-radius: 50%;
  animation: animLoader 0.8s linear infinite forwards;
}
@keyframes animLoader {
  to {
    transform: rotate(360deg);
  }
}
.hidden {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  pointer-events: none;
}
/* Grid */
.grid {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  width: 101%;
  margin-left: -0.5%;
}
.grid-inner{
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.grid:after {
  content: "";
  flex: auto;
}
.grid--hidden {
  position: fixed !important;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  opacity: 0;
}
.grid--loading::before,
.grid--loading::after {
  content: '';
  z-index: 1000;
}
.grid--loading::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
}
.grid--loading::after {
  position: absolute;
  top: 100px;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: 0 0 0 -20px;
  border: 8px solid grey;
  border-bottom-color: lightgrey;
  border-radius: 50%;
  animation: animLoader 0.8s linear forwards infinite;
}
.grid__sizer {
  margin-bottom: 0 !important;
}
.grid__link,
.grid__img {
  display: block;
}
.grid__img {
  width: 100%;
}
.grid__deco {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.grid__deco path {
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
}
.grid__reveal {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  background-color: #2c2d31;
}
.articles-wrapper {
  margin-bottom: 30px;
  margin-top: 100px;
}
@media screen and (max-width: 991px) {
  .articles-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .articles-bg img {
    display: none;
  }
}
.articles-inner {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .articles-inner {
    justify-content: space-around;
    flex-flow: row wrap;
  }
}
.article {
  width: 24%;
  background: white;
  overflow: hidden;
  border-radius: 5px;
  transition: 0.6s;
  box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 991px) {
  .article {
    width: 100%;
    max-width: 320px;
    margin-bottom: 30px;
  }
}
.article:hover {
  transform: translateY(-5px);
}
.article__img {
  height: 175px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../images/default.jpg');
}
@media screen and (max-width: 1200px) {
    .article__img {
        height:150px;
    }
}
@media screen and (max-width: 991px) {
  .article__img {
    height:200px;
  }
}
.article__info {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 20px;
}
.article__date {
  color: #8B99AD;
  font-size: 12px;
  margin-bottom: 15px;
}
.article__title {
  font-weight: 500;
  color: #394962;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 15px;
  text-transform: uppercase;
  min-height: 50px;
}
.article__desc {
  color: #51637D;
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 15px;
  border-bottom: 1px solid #C9D3DF;
}
.article__link-wrapper {
  padding-top: 15px;
  text-align: right;
}
.article__link-wrapper a {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 15px;
  color: #0081D5;
}
.article-icon-wrapper {
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .article-icon-wrapper {
    display: none;
  }
}
.article-icon {
  width: 55px;
  height: 53px;
  position: relative;
}
.article-icon:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 1px;
  width: 55px;
  height: 53px;
  background-image: url('../images/spin-icon2.png');
  background-repeat: no-repeat;
  animation: rotating 1s linear infinite;
}
.article-icon:before {
  content: '';
  position: absolute;
  left: 1px;
  top: -1px;
  width: 55px;
  height: 53px;
  background-image: url('../images/spin-icon3.png');
  background-repeat: no-repeat;
  animation: rotating 1.2s linear infinite;
}
.articles-bg {
  top: -30px;
  position: relative;
}
.articles-bg img {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .articles-bg {
    display: none;
  }
}
#allpromolink {
  border: 1px solid #3970B6;
  color: #3970B6;
}
#allpromolink:hover {
  color: white;
  border: 1px solid #009C3A;
}
.download-wrapper {
  margin-bottom: 100px;
}
.download {
  display: flex;
}
@media screen and (max-width: 991px) {
  .download {
    flex-direction: column;
    align-items: center;
  }
}
.download__picture {
  padding-top: 200px;
  overflow: hidden;
  width: 50%;
  position: relative;
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.download__picture img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 991px) {
  .download__picture {
    width: 100%;
    max-width: 570px;
    order: 1;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.moniki {
  position: absolute;
  left: 0;
  z-index: 1;
  bottom: 0;
  max-width: 100%;
  transform: translateY(50%);
  transition: 2s;
}
.moniki.in-view {
  transform: translateY(0);
}
.moniki-bg {
  bottom: 0;
  position: relative;
}
.download__info {
  width: 50%;
  padding-top: 250px;
  padding-left: 60px;
  padding-right: 15px;
}
@media screen and (max-width: 991px) {
  .download__info {
    width: 100%;
    order: 2;
    padding-top: 60px;
    padding-left: 15px;
    text-align: center;
  }
}
.download__title {
  font-size: 34px;
  color: #3A4A63;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .download__title {
    font-size: 24px;
  }
}
.download__desc {
  font-size: 17px;
  color: #3A4A63;
  line-height: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .download__desc {
    font-size: 16px;
  }
}
#desktop-btn {
  font-size: 16px;
  color: white;
  display: inline-block;
  padding: 12px 0;
  width: 180px;
  text-align: center;
  background: #03BD5B;
  border-radius: 5px;
  text-transform: uppercase;
  position: relative;
  transition: 0.6s;
  overflow: hidden;
}
#desktop-btn:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 25px;
  background-image: url('../images/download.png');
  width: 18px;
  height: 14px;
  transform: translate(-30px, 30px);
  transition: 0.6s;
}
#desktop-btn:hover {
  text-decoration: none;
  color: white;
  background: #009C3A;
  padding-left: 15px;
}
#desktop-btn:hover:before {
  transform: translate(0);
}
@media screen and (max-width: 991px) {
  #desktop-btn {
    display: block;
    margin: 0 auto;
  }
}
.info-wrapper {
  position: relative;
  z-index: 999;
  padding-top: 30px;
  margin-bottom: 100px;
}
.info {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 991px) {
  .info {
    flex-direction: column;
  }
}
.info__block {
  width: 25%;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  opacity: 0;
  transition: 2s;
}
@media screen and (max-width: 991px) {
  .info__block {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .info__block {
    padding: 35px;
  }
}
.info__block:nth-of-type(2) {
  transition-delay: 0.5s;
}
.info__block:nth-of-type(3) {
  transition-delay: 1s;
}
.info__block:nth-of-type(4) {
  transition-delay: 1.5s;
}
.info-wrapper.in-view .info__block {
  opacity: 1;
}
.info__title {
  vertical-align: top;
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.info__title a{
  font-weight: 700;
  color: black;
}
.info__block {
  text-align: center;
}
.info__img {
  padding-top: 15px;
  margin-bottom: 30px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info__desc {
  font-size: 14px;
  line-height: 30px;
}
.info__btn {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.info__btn a {
  font-size: 18px;
  color: white;
  display: inline-block;
  padding: 15px 45px;
  text-align: center;
  min-width: 250px;
  background: #03BD5B;
  border-radius: 5px;
  text-transform: uppercase;
  position: relative;
  transition: 0.6s;
  overflow: hidden;
}
.info__btn a:hover {
  text-decoration: none;
  color: white;
  background: #009C3A;
}
.footer-wrapper {
  margin-bottom: 25px;
}
@media screen and (max-width: 991px) {
  .footer-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer {
  background: white;
  border-radius: 10px;
  padding: 30px 15px;
  padding-bottom: 15px;
  box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.1);
}
.footer__menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.footer__menu li a {
  color: black;
}
.logo_li{
  text-align:center;
  max-width:110px;
}
.footer__menu li {
  width: 12%;
  text-align: center;
}
.footer__menu li:nth-of-type(1){
  width:7%;
}
.footer__menu li:nth-of-type(2){
  width:8%;
}
.footer__menu li:nth-of-type(3){
  width:8%;
}
.footer__menu li a{
  white-space: nowrap;
}
@media screen and (max-width: 991px) {
  .footer__menu li a{
    white-space: normal;
  }
  .footer__menu li:nth-of-type(1){
    width:33%;
  }
  .footer__menu li:nth-of-type(2){
    width:33%;
  }
  .footer__menu li:nth-of-type(3){
    width:33%;
  }

}
@media screen and (max-width: 991px) {
  .footer__menu li a {
    margin-bottom: 10px;
    display: inline-block;
  }
}
@media screen and (max-width: 991px) {
  .footer__menu li {
    width: 33%;
    text-align: center;
  }
  .footer__menu li.logo_li {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
    position: absolute;
    top: -25px;
  }
}
@media screen and (max-width: 991px) {
  .footer__menu {
    padding-top: 50px;
    flex-flow: row wrap;
    padding-right: 0;
  }
}
.footer-logo {
  width: 47px;
  height: 47px;
  position: relative;
  margin-left: 30px;
  margin-right: 30px;
}
.footer-logo:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 1px;
  width: 51px;
  height: 51px;
  background-image: url('../images/footer-logo2.png');
  background-repeat: no-repeat;
  animation: rotating 1s linear infinite;
}
.footer-logo:before {
  content: '';
  position: absolute;
  left: 1px;
  top: -1px;
  width: 51px;
  height: 51px;
  background-image: url('../images/footer-logo3.png');
  background-repeat: no-repeat;
  animation: rotating 1.2s linear infinite;
}
@media screen and (max-width: 768px) {
  .footer-logo {
    margin: 0 auto;
  }
}
.footer__second {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .footer__second {
    flex-direction: column;
  }
}
.footer__second-sup {
  width: 20%;
  position: relative;
  text-align: center;
  display: table;
}
.footer__second-sup a {
  display: table-cell;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #FA6C79;
  border-radius: 5px;
  color: black;
  text-transform: uppercase;
  font-size: 18px;
  transition: 0.3s;
}
.footer__second-sup a:hover {
  text-decoration: none;
  background: #03BD5B;
  border: 1px solid #03BD5B;
  color: white;
}
@media screen and (max-width: 991px) {
  .footer__second-sup {
    width: 100%;
    padding-left: 0;
    order: -1;
    margin-bottom: 15px;
  }
}
.footer__second-l {
  width: 40%;
  text-align: center;
}
.footer__second-l img {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 5px;
  max-width: 100px;
  filter: grayscale(100%);
}
@media screen and (max-width: 991px) {
  .footer__second-l {
    width: 100%;
    margin-bottom: 15px;
  }
}
.footer__second-r {
  width: 40%;
  text-align: center;
}
.footer__second-r img {
  max-width: 100px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 5px;
  filter: grayscale(100%);
}
.footer__second-r img:hover, .footer__second-l img:hover{
  filter: grayscale(0);
}
@media screen and (max-width: 991px) {
  .footer__second-r {
    width: 100%;
  }
}
.footer__phone {
  padding-top: 10px;
  text-align: center;
  padding-bottom: 10px;
}
.footer__phone a {
  color: black;
  font-size: 16px;
}
.footer__line {
  width: calc(100% + 30px);
  height: 1px;
  background: #C9D3DF;
  left: -15px;
  position: relative;
}
.footer__copy {
  text-align: center;
  padding-top: 15px;
  color: #8292A8;
  font-size: 12px;
}
.footer-bg {
  top: -180px;
  position: relative;
}
.footer-bg img {
  position: absolute;
  max-width: 100%;
  height: auto;
  z-index: -1;
}
h1 {
  font-size: 24px;
  text-transform: uppercase;
}
h2 {
  font-size: 19px;
  text-transform: uppercase;
}
h3 {
  font-size: 17px;
  text-transform: uppercase;
}
hr {
  border-top: 3px solid #282828;
}
@media screen and (max-width: 768px) {
  .table-wrapper {
    overflow: auto;
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
.text-wrapper {
  padding-bottom: 100px;
  border-radius: 5px;
  min-height: calc(100vh - 391px);
}
.text-wrapper table {
  width: 100%;
  font-size: 13px;
}
.text-wrapper table th,
.text-wrapper table td {
  padding: 10px 30px;
}
@media screen and (max-width: 768px) {
  .text-wrapper table th,
  .text-wrapper table td {
    padding: 15px;
  }
}
@media screen and (max-width: 480px) {
  .text-wrapper table th,
  .text-wrapper table td {
    padding: 5px;
    font-size: 12px;
  }
}
@media screen and (max-width: 370px) {
  .text-wrapper table th,
  .text-wrapper table td {
    padding: 3px;
    font-size: 10px;
  }
}
.text-wrapper table th {
  text-align: center;
  background: #EFF8FC;
  border: 1px solid #D6DEE7;
}
.text-wrapper table td {
  border: 1px solid #D6DEE7;
}
.text-wrapper table img {
  max-width: 100px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .text-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .text-wrapper table img{
    max-width: 50px;
  }
}
.text p {
  font-size: 15px;
  font-family: Arial;
}
.text img {
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
  border-radius: 5px;
}
.text blockquote {
  padding-left: 40px;
  display: block;
  position: relative;
  border-left: 3px solid #086AA9;
  margin-left: 15px;
  padding-left: 15px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 14px;
}
.text ul {
  list-style-type: none;
}
.text ul li {
  position: relative;
  margin-bottom: 5px;
  font-size: 15px;
}
.text ul li:before {
  content: '';
  position: absolute;
  top: 7px;
  left: -15px;
  width: 6px;
  height: 6px;
  background: #F70009;
  border-radius: 50%;
}
.text ul li a {
  color: white;
}
.list-container {
  background: #eeeeee;
  border-radius: 10px;
  padding: 15px;
}
.list-container ul {
  list-style-type: none;
  display: flex;
  flex-flow: row wrap;
}
.list-container ul li {
  width: 25%;
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .list-container ul li {
    width: 33%;
  }
}
@media screen and (max-width: 768px) {
  .list-container ul li {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  .list-container ul li {
    width: 100%;
  }
}
.list-container ul li a {
  color: black;
  font-size: 14px;
}
.fishka1-wrapper {
  position: relative;
}
@media screen and (max-width: 1480px) {
  .fishka1-wrapper {
    display: none;
  }
}
.fishka2-wrapper {
  position: relative;
}
@media screen and (max-width: 1480px) {
  .fishka2-wrapper {
    display: none;
  }
}
.fishka3-wrapper {
  position: relative;
}
@media screen and (max-width: 1480px) {
  .fishka3-wrapper {
    display: none;
  }
}
.fishka4-wrapper {
  position: relative;
}
@media screen and (max-width: 1480px) {
  .fishka4-wrapper {
    display: none;
  }
}
.fishka5-wrapper {
  position: relative;
}
@media screen and (max-width: 1400px) {
  .fishka5-wrapper {
    display: none;
  }
}
.fishka1 {
  position: absolute;
  z-index: 0;
  top: -100px;
  left: -130px;
}
.fishka2 {
  position: absolute;
  z-index: -1;
  top: -200px;
  right: -70px;
}
.fishka3 {
  position: absolute;
  z-index: 0;
  top: -200px;
  left: -130px;
}
.fishka4 {
  position: absolute;
  z-index: -1;
  top: 200px;
  right: -150px;
}
.fishka5 {
  position: absolute;
  z-index: 0;
  top: -200px;
  left: -130px;
}
.page .header-inner {
  position: relative;
  min-height: 145px;
}
@media screen and (max-width: 991px) {
  .page .header-inner {
    min-height: 95px;
  }
}
.page .header-wrapper {
  z-index: auto;
  background: linear-gradient(to right, #3A4BDE, #0F9CE2);
}
.page.cats .header-wrapper {
  z-index: auto;
  background: linear-gradient(to right, #BC3F04, #D94800);
}
.page.cats .mobile-container.open {
  background: linear-gradient(to right, #BC3F04, #D94800);
}
.page.winter .header-wrapper {
  z-index: auto;
  background: linear-gradient(to right, #2CA9FB, #096CC9);
}
.page.winter .mobile-container.open {
  background: linear-gradient(to right, #2CA9FB, #096CC9);
}
.page.mon .header-wrapper {
  z-index: auto;
  background: linear-gradient(to right, #AC4FF9, #863DC1);
}
.page.mon .mobile-container.open {
  background: linear-gradient(to right, #AC4FF9, #863DC1);
}
.page.bandit .header-wrapper {
  z-index: auto;
  background: linear-gradient(to right, #92CC9C, #7BAB83);
}
.page.bandit2 .header-wrapper {
  z-index: auto;
  background: linear-gradient(to right, #0d2189, #0d2180);
}

.page.bandit2 .promotions__text{
  width: 100%;
  margin-bottom: 30px;
}

.page.pig .header-wrapper {
  z-index: auto;
  background: linear-gradient(to right, #BCCFFC, #89ACFC);
}
.page.bandit .mobile-container.open {
  background: linear-gradient(to right, #92CC9C, #7BAB83);
}
.page.tuesday .header-wrapper {
  z-index: auto;
  background: linear-gradient(to right, #0C9400, #0DA000);
}
.page.tuesday .mobile-container.open {
  background: linear-gradient(to right, #0C9400, #0DA000);
}
.page.wednesday .header-wrapper {
  z-index: auto;
  background: linear-gradient(to right, #FF7A0D, #F3740C);
}
.page.wednesday .mobile-container.open {
  background: linear-gradient(to right, #FF7A0D, #F3740C);
}
.page.thursday .header-wrapper {
  z-index: auto;
  background: linear-gradient(to right, #561B37, #8E1C4A);
}
.page.thursday .mobile-container.open {
  background: linear-gradient(to right, #561B37, #8E1C4A);
}
.page.friday .header-wrapper {
  z-index: auto;
  background: linear-gradient(to left, #1C731C, #115910);
}
.page.friday .mobile-container.open {
  background: linear-gradient(to left, #1C731C, #115910);
}
.page.weekend .header-wrapper {
  z-index: auto;
  background: linear-gradient(to right, #0E2843, #0D4071);
}
.page.weekend .mobile-container.open {
  background: linear-gradient(to right, #0E2843, #0D4071);
}
.au.page .header-wrapper {
  z-index: auto;
  background: linear-gradient(to right, #00A74B, #04BE64);
}
.promotions-inner-wrapper {
  overflow: hidden;
  margin-top: -45px;
  padding-top: 45px;
  position: relative;
}
.promotions-wrapper{
	margin-bottom: 100px;
}
.promo {
  min-height: 350px;
  display: flex;
  margin-bottom: 30px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width: 769px) {
     .promo{
      height:350px;
    } /* IE11 */
  }

@media screen and (max-width: 991px) {
  .promo {
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 375px) {
  .promo {
    padding-left: 0;
    padding-right: 0;
  }
}
.promo__info {
  width: 400px;
  background: #89000A;
  color: white;
  padding: 50px;
}
@media screen and (max-width: 1200px) {
  .promo__info {
    padding:30px;
    width: 230px;
  }
}
@media screen and (max-width: 991px) {
  .promo__info {
    width: 100%;
    min-height: auto;
    order: 2;
    text-align: center;
  }
}
.promo.purple-bg .promo__info {
  background: #51277B;
}
.promo.cats-bg .promo__info {
  background: #096CC9;
}
.promo.blue-bg .promo__info {
  background: #096CC9;
}
.promo.bandit-bg .promo__info {
  background: #639065;
}
.promo.banditblue-bg .promo__info {
  background: #0d2180;
}

.promo.pig-bg .promo__info {
  background: #BCCFFC;
}
.promo.wecl-bg .promo__info {
  background: #275A98;
}
.promo.thursday-bg .promo__info {
  background: #571C38;
}
.promo.tuesday-bg .promo__info {
  background: #0A7400;
}
.promo.wednesday-bg .promo__info {
  background: #BE5B0A;
}
.promo.friday-bg .promo__info {
  background: #0A3309;
}
.promo.weekend-bg .promo__info {
  background: #041930;
}
.promo__info-inner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 15px;
}
.promo__img {
  width: calc(100% - 400px);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: auto 100%;
}
@media screen and (max-width: 1200px) {
  .promo__img {
    width: calc(100% - 230px);
  }
}
@media screen and (max-width: 991px) {
  .promo__img {
    width: 100%;
    order: 1;
    height: auto;
    padding-bottom: 45.5%;
    background-size: 100% 100%;
  }
}

.promo__title {
  font-size: 28px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .promo__title {
    font-size: 24px;
    line-height: 26px;
  }
}
.promo__subtitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 15px;
}
.monday-subtitle{
  font-size: 16px;
line-height: 22px;
}
@media screen and (max-width: 1200px) {
  .promo__subtitle {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 991px) {
  .promo__subtitle {
    font-size: 20px;
    line-height: 22px;
  }
}
/* Aylen */
.button--aylen {
  font-weight: bold;
  font-size: 18px;
  padding: 10px 30px;
  border-radius: 50px;
  background: #F8343B;
  display: inline-block;
  position: relative;
  z-index: 1;
  color: white;
  overflow: hidden;
  transition: color 0.3s;
}
.button--aylen::before,
.button--aylen::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen::before {
  background: #F7242C;
}
.button--aylen::after {
  background: #F30009;
}
.button--aylen:hover {
  color: #fff;
  text-decoration: none;
}
.button--aylen:hover::before,
.button--aylen:hover::after {
  transform: translate3d(0, 100%, 0);
}
.button--aylen:hover::after {
  transition-delay: 0.175s;
}
.promotions-bg {
  position: absolute;
  z-index: -1;
  bottom: 100px;
  height: 950px;
  overflow: hidden;
  width: 100%;
}
.promotions-bg img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: auto;
}
.page .articles-inner {
  flex-flow: row wrap;
}
.page .article {
  margin-bottom: 25px;
}
.top-line {
  position: relative;
  z-index: 999;
  background: white;
  margin-top: -45px;
  margin-bottom: 35px;
  border-radius: 5px;
  display: table;
  width: 100%;
  box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.1);
  height: 0;
  min-height: 90px;
  background-image: url('../images/aces.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
}
@media screen and (max-width: 991px) {
  .top-line {
    margin-top: 0;
  }
}
.top-line__inner {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  min-height: 90px;
  font-weight: bold;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .top-line__inner {
    padding-left: 15px;
  }
}
.content {
  margin-bottom: 60px;
}
.content img {
  width: 100%;
  height: auto;
}
.main-picture {
  margin-bottom:50px;
}
.main-picture img {
  border-radius: 5px;
}
.promotions__use {
  text-transform: uppercase;
  font-size: 18px;
font-weight: 500;
line-height: 25px;

}
.promotions__code-text {
  color: #F70009;
  font-size: 36px;
  line-height: 24px;
    padding-bottom: 25px;
  text-transform: uppercase;
  font-weight: 900;
}
.options-wrapper {
  padding-top: 25px;
  display: flex;
  justify-content: space-between;
}

.options-wrapper .article {
  display: inline-block;
  width: calc(33% - 30px);
}
@media screen and (max-width: 768px) {
  .options-wrapper .article {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .options-wrapper {
    flex-flow: row wrap;
    justify-content: space-around;
  }
}
.options-wrapper .article__desc {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

/*NEW styles of promotions inner*/
.promotions__title {
  text-align: left;
  font-weight: bold;
  font-size: 27px;
  line-height: 27px;
  margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
  .promotions__title {
    text-align: center;
  }
}
.promotions__text-wrapper {
  display: flex;
  justify-content: space-between;
}

.page.bandit2 .promotions__text-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.page.bandit2 .promotions__code{
  margin-bottom: 30px;
}
.page.bandit2  .content{
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .promotions__text-wrapper {
    flex-direction: column;
  }
}
.promotions__text {
  color: #3D4D65;
  font-size: 24px;
  margin-bottom: 15px;
  width: 68%;
}
.promotions__deposit{
  font-size:18px;
  display: block;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .promotions__text {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    text-align: justify;
  }
}
.promotions__code {
  border: 2px solid #B0C2D2;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  margin-bottom: 15px;
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .promotions__code {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
}
.promotions__btn {
  overflow: hidden;
}
.promotions__btn a {
  font-size: 30px;
  font-weight: bold;
  position: relative;
  overflow: visible;
  min-width: 370px;
}
.promotions__btn a:before {
  content: '';
  top: 50%;
  right: 110%;
  height: 1px;
  background: #DEE1E5;
  width: 110vw;
  position: absolute;
  z-index: 999;
}
.promotions__btn a:after {
  content: '';
  top: 50%;
  left: 110%;
  height: 1px;
  background: #DEE1E5;
  width: 110vw;
  position: absolute;
  z-index: 999;
}
.promotions__text-little{
  color:#636466;
  margin-top:15px;
  margin-bottom:30px;
}
@media screen and (max-width: 768px) {
  .promotions__btn a {
    min-width: 280px;
  }
  .promotions__text-little {
    padding-right:15px;
    padding-left:15px;
  }
}
@media screen and (max-width: 480px) {
  .promotions__btn a {
    width: calc(100% - 30px);
  }
}

/*promotions buttons*/
.monday-btn a{
  background: #AC4FF9;
}
.monday-btn a::before {
  background: #9645D8;
}
.monday-btn a::after {
  background: #863DC1;
}
.tuesday-btn a{
  background: #0FB800;
}
.tuesday-btn a::before {
  background: #0DA000;
}
.tuesday-btn a::after {
  background: #0C9400;
}
.wednesday-btn a{
  background: #FF7A0D;
}
.wednesday-btn a::before {
  background: #F9770D;
}
.wednesday-btn a::after {
  background: #F3740C;
}
.thursday-btn a{
  background: #CA4181;
}
.thursday-btn a::before {
  background: #C03E7B;
}
.thursday-btn a::after {
  background: #B13971;
}
.friday-btn a{
  background: #239123;
}
.friday-btn a::before {
  background: #208220;
}
.friday-btn a::after {
  background: #1C731C;
}
.weekend-btn a{
  background: #0C4B8E;
}
.weekend-btn a::before {
  background: #0A437F;
}
.weekend-btn a::after {
  background: #093B70;
}
.welcome-btn a{
  background: #0d95ff;
}
.welcome-btn a::before {
  background: #1090f2;
}
.welcome-btn a::after {
  background: #0084EA;
}
.monthly-btn a{
  background:#0d95ff;
}
.monthly-btn a::before {
  background: #1090f2;
}
.monthly-btn a::after {
  background: #0084EA;
}
.special-btn a{
  background: #92CC9C;
}
.special-btn a::before {
  background: #88BD91;
}
.special-btn a::after {
  background: #7BAB83;
}

.special2-btn a{
  background: #425cda;
}
.special2-btn a::before {
  background: #4057ca;
}
.special2-btn a::after {
  background: #3a50bb;
}





.pig-btn a{
  background: #89ACFC;
}
.pig-btn a::before {
  background: #83A8FC
}
.pig-btn a::after {
  background:#6A96FC;
}


#more-games-link.disable {
  display: none;
}


a.btn-bold, span.btn-bold {
  font-weight: bold;
}
.top-line__inner a {
  color: black;
}
.top-line__inner a:after {
  content: " > ";
}
.top-line__inner a:hover {
  text-decoration: none;
}
#more-games-link{
	transition: opacity 0.3s;
}


/*go-top*/
.go-top{
	display:none;
	position:fixed;
	z-index:999;
	top:50%;
	margin-top: -20px;
	right:40px;
	cursor: pointer;
}
.go-top:before{
	content:"";
	width:44px;
	height:44px;
	position: absolute;
	border-radius: 50%;
	z-index: 99;
	top:-2px;
	left:-2px;
	background:white;
}
.go-top:after{
	content:"";
	height:48px;
	width:48px;
	position: absolute;
	border-radius: 50%;
	z-index: 9;
	top:-4px;
	left:-4px;
	background: rgba(148,212,249,0.3);
}
.go-top-inner{
	position:relative;
	z-index:999;
	width:40px;
	height:40px;
	border-radius: 50%;
	background: rgba(148,212,249,0.7);
	transition: 0.3s;
	display:flex;
	align-items: center;
	justify-content: center;
}
.au .go-top-inner {
  background: #92E8C3;
  opacity: 0.7;
}
.au .go-top:after {
  background: #92E8C3;
  opacity: 0.3;
}
.go-top:hover .go-top-inner{
	background: rgba(148,212,249,1);
}
.au .go-top:hover .go-top-inner {
  background: #92E8C3;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .go-top{
	  top: auto;
      bottom: 24px;
	  right: calc(100% - 55px);
  }
}
.current-type {
  display: inline-block;
}
.current-type::first-letter {
  text-transform: uppercase;
}
div.text ul li a.back-l {
  color: red;
}
ul.second-nav-menu {
  display: none;
  list-style: none;
  margin: 15px auto 0;
  width: 100%;
  text-align: center;
  padding: 0 15px;
}
ul.second-nav-menu li {
  display: inline-block;
  padding: 0 15px;
}
ul.second-nav-menu li a {
  color: white;
}
@media screen and (max-width: 991px) {
  ul.second-nav-menu {
    display: block;
  }
}

html body.au {
  background-image: url(../images/footer-bg-au.jpg);
}

.contacts-info-text {
  padding: 20px 0;
}

/*popup new*/
.games-block__name {
  transform: translateY(-100%);
  transition: 0.6s;
  color: white;
  min-height: 42px;
  text-transform: uppercase;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.game-block:hover .games-block__name {
  transform: translateY(0);
}
.games-block__info {
  text-transform: lowercase;
  position: absolute;
  color: white;
  top: 5px;
  right: 5px;
  border-radius: 50%;
  border: 2px solid white;
  width: 25px;
  height: 25px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.games-block__info:hover {
  background: white;
  color: #CA0101;
}
.games-popup-wrapper {
  display: none;
  position: fixed;
  z-index: 9999999;
  overflow: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.games-popup-inner-wrapper {
  display: table;
  width: 100%;
  max-width: 768px;
  height: 100%;
  margin: 0 auto;
}
.games-popup-inner {
  display: table-cell;
  vertical-align: middle;
}
.games-popup {
  background: white;
  max-width: 768px;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  z-index: 999999;
}
.games-popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.games-popup-bg {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.games-popup-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 15px;
}
.games-popup-title:after {
  content: "";
  width: 50px;
  height: 2px;
  background: #525252;
  top: 100%;
  position: absolute;
  left: 0;
}
.games-popup-bottom {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
}
.games-popup-bottom a {
  text-transform: uppercase;
  color: black;
  text-decoration: underline;
  font-weight: bold;
  font-size: 16px;
}
.games-popup-bottom a:hover {
  color: #CA0101;
}
@media screen and (max-width: 768px) {
  .games-popup-bottom a {
    font-size: 12px;
  }
}
.text ul li a.term-link {
  color: #337ab7;
}
a.term-link:focus, a.term-link:hover {
  color: #23527c;
  text-decoration: underline;
}

.article-two-row .article {
  width: calc(49% - 30px);
}

.app-pad {
  padding: 25px 0;
}

.app-month.page .header-inner {
  min-height: 90px;
}
#canv{
  position: absolute;
      z-index: 9;
      pointer-events: none;
}
@media screen and (max-width: 991px) {
  #canv{
    display: none;
  }
}


.slide-video{
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: -1;
}
.slide-video video{
  margin: 0 auto;
}
.owl-item.active .slide-video{
  z-index: 9;
}
.owl-item.active .container{
  position: relative;
  z-index: 99;
}
@media screen and (min-width: 1921px) {
  .slide-video video{
    width:100%;
  }
}




/* application page */
.app-block{

}
.app-block-wrapper{
  width: 32%;
}
.app-wrapper{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .app-block-wrapper{
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
        margin-bottom: 60px
  }
  .app-wrapper{
    flex-direction: column;
  }
}

.app-main{
    background: #ffffff;
  padding: 45px;
  text-align: center;
  margin-bottom: 25px;
    box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 991px) {
  .app-main{
    padding: 30px;
  }
}
.app-img {
  margin-bottom: 30px;
}
.app-img svg{
  max-width: 100px;
}
.app-img svg polygon{
  fill: #006DF0;
}
.app-img svg path{
  fill: #006DF0;
}
.app-title{
  margin-bottom: 5px;
  font-size: 18px;
font-weight: 500;
      text-transform: uppercase;
}
.app-desc{
  margin-bottom: 10px;
  color: #8A8A8A;
    font-size: 16px;
}
.app__button a{
font-weight: 500;
font-size: 14px;
color: white;
background: #03BD5B;
border: 1px solid #03BD5B;
outline: none;
display: inline-block;
padding: 10px 40px;
text-align: center;
border-radius: 50px;
text-transform: uppercase;
position: relative;
overflow: hidden;
transition: 0.3s;
}
.app__button a:hover{
  text-decoration: none;
  background: #006DF0;
}
.app__button-coming span{
font-size: 14px;
color: #8A8A8A;
background: transparent;
outline: none;
display: inline-block;
padding: 10px 30px;
text-align: center;
border-radius: 50px;
text-transform: uppercase;
border: 1px solid #8A8A8A;
position: relative;
overflow: hidden;
transition: 0.3s;
cursor: default;
}
.app-open{
  background: linear-gradient(to left, #DBDCD9, #F8F8F8);
  text-align: center;
  padding: 15px;
  cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #7D7D7D;
    text-transform: uppercase;
}
.app-open:hover{
background: #006DF0;
color: white;
}
.app-info{
  background: linear-gradient(to left, #DBDCD9, #F8F8F8);
  padding:30px;
  color:#6B6D6F;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  display: none;
  padding-bottom: 0;
}
.app-p{
  margin-bottom: 5px;
}
.app-info img{
  max-width: 100%;
  height: auto;
  margin-bottom: 30px;
  border: 1px solid #949494;
}
.app-arrow{
  margin-bottom: 3px !important;
  margin-left: 10px;
  transform: rotate(180deg);
}
.app-arrow.opened{
  transform: rotate(0);
}
.app-divider{
  height: 2px;
  width: 70px;
  background: #086AA9;
  margin-bottom: 15px;
}

div.curo {
  width: 50px;
  margin: 0 auto;
}
.code-blocks-wrapper{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding-top: 30px;
}
.code-block{
  max-width: 360px;
  padding-top: 140px;
  padding-left: 40px;
  padding-right:40px;
  padding-bottom: 30px;
  background-image: url('../images/promotions/monthly/aut/table1.jpg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 15px;
  font-family: Arial,sans-serif;
}
@media screen and (max-width: 400px) {
  .code-block{
    margin: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 360px) {
  .code-block{
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    width:100%;
  }
}
.code-block table{
  width: 100%;
  color: white;
  background: #004189;
  text-align: center;
  margin-bottom: 15px;
}
.code-block table td{
  padding:5px;
  border: 1px solid cyan;
  font-size: 14px;
}
.code-block__code-td{
  background: #001226;
}
.code-block__desc{
  text-align: center;
  color:white;
  font-size: 14px;
}
.code-block__code{
  border: 1px dashed #88909A;
  border-radius: 25px;
  font-size: 18px;
  color:red;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 25px;
  margin-bottom: 5px;
}

.code-block__use{
font-size: 12px;
}
.code-block-mermaid{
    background-image: url('../images/promotions/monthly/aut/table2.jpg');
}
.beast-bg .button-wrapper-center{
  max-width: 470px;
}
.hog-bg .button-wrapper-center{
  max-width: 440px;
}


.fiesta-bg .button-wrapper-center{
  max-width: 490px;
}

@media screen and (min-width: 991px) {
  .dragon-bg .img-block img {
    display: none !important;
  }

  .dragon-bg .img-block {
    position: relative;
    height: 153px;
  }


  .dragon-bg .img-block:after {
    content: '';
    background-image: url('../images/promotions/special2/specialtext_new.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 183px;
    top: -35px;
    left: -13px;
    right: 0;
    margin-right: auto;
    z-index: 1;
  }

}

@media screen and (max-width: 991px) {
  .beast-bg .button-wrapper-center{
    max-width: 100%;
  }
  .hog-bg .button-wrapper-center{
    max-width: 100%;
  }
  .fiesta-bg .button-wrapper-center{
    max-width:100%;
  }

  .mushroom-bg{
    background-image: url('../images/promotions/mushroom/mobile.jpg');
    background-position: 50% bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .easter-bg{
    background-image: url('../images/promotions/easter/mobile.jpg');
    background-position: 50% bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .welcome-bg-1{
    background-image: url('../images/promotions/welcome/welcome_bg.png');
    background-position: 50% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .dragon-bg {
    background-image: url('../images/promotions/welcome/dragon_bg.png') !important;
    background-position: 50% 48% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative !important;
  }

  .dragon-bg .img-block {
    height: 221px;
  }

}
.men{
  display: none;
}
.slide__content-inner .easter-text-mob{
  display: none !important;
}

@media screen and (max-width: 991px) {
  .mushroom-bg{
    background-image: url('../images/promotions/mushroom/mobile.jpg');
    background-position: 50% bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .beast-bg {
    background-image: url('../images/promotions/beast/mobile_bg_big.jpg');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .hog-bg {
    background-image: url('../images/promotions/special2/mobile_bg.jpg');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .beast-bg.slide__content-inner img{
    max-height: 160px;
    margin-bottom: 70px;
  }

  .fiesta-bg {
    background-image: url('../images/promotions/fiesta/mobile_bg_big.jpg');
    background-position: 70% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .fiesta-bg.slide__content-inner img{
    max-width: 280px;
    height: auto;
  }

  .welcome-bg-1{
    background-image: url('../images/promotions/welcome/bg_empty.png');
    background-position: 50% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .men{
    display: block;
    position: absolute;
    width: 100%;
    max-width: 400px;
    bottom: -1px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
  }
  .welcome-bg-1 .button-wrapper,
  .easter-bg .button-wrapper{
    z-index: 2;
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -100px;
  }
  .welcome-bg-1 .img-block,
  .easter-bg .img-block{
    position: absolute;
    top: 100px;
    text-align: center;
    left:30px;
    right:30px;
  }
  .welcome-bg-1 .img-block img{
    max-width: 100%;
    height: auto;
  }
  .slide__content-inner .easter-text-mob{
    display: inline-block !important;
  }
  .slide__content-inner .easter-text-desc{
    display: none !important;
  }
}
@media screen and (max-width: 400px) {
  .men{
    width: 100%;
  }
}
@media screen and (max-width: 370px) {
  .beast-bg.slide__content-inner img{
    margin-bottom: 50px;
  }
  .dragon-bg .img-block {
    height: 205px;
  }
}


.pig-btn .button-wrapper span,.pig-btn .button-wrapper a{
  background: linear-gradient(to bottom, #fa9093, #f9494d);
  box-shadow: none;
  text-transform: capitalize;
}
.pig-btn .button-wrapper span:hover,.pig-btn .button-wrapper a:hover{
  background: linear-gradient(to bottom, #f9494d, #f9494d);
}
.pig-btn .button-wrapper{
  text-align: left;
}
.cds-image{
  margin-top:-5px;
}

/* games popup */
.show{
  display: block;
}
.allgames-link-btn{
  cursor: pointer;
}
.preloader{
  display: flex;
  min-height: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.preloader-text{
  font-size: 20px;
  margin-top: 10px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
}
#gamesApp{
  min-height: 50vh;
}

/* Error 404 */
.body-404 {
  width: 100%;
  position: relative;
  min-width: 320px;
  font-family: 'Quicksand', sans-serif;
  color: #384dde;
  background: #f8f9fb;
}

.header-404 {
  position: absolute;
  width: 250px;
  left: 50%;
  -webkit-transform: translate(-50%, 90px);
  -ms-transform: translate(-50%, 90px);
  transform: translate(-50%, 90px);
}

@media screen and (max-width:1070px) {
  .header-404 {
    left: auto;
    -webkit-transform: translate(50px, 50px);
    -ms-transform: translate(50px, 50px);
    transform: translate(50px, 50px);
  }
}

@media screen and (max-width:768px) {
  .header-404 {
    width: 200px;
  }
}

@media screen and (max-width:540px) {
  .header-404 {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    left: 0;
    top: 10px;
  }
}

@media screen and (max-width:350px) {
  .header-404 {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
    left: -10px;
  }
}

.logo-404 {
  position: relative;
}

.logo-404::after,
.logo-404::before {
  content: '';
  position: absolute;
  left: 110px;
  top: 7px;
  width: 41px;
  height: 41px;
  background-repeat: no-repeat;
  pointer-events: none;
}

@media screen and (max-width:768px) {

  .logo-404::after,
  .logo-404::before {
    left: 84px;
    top: 1px;
  }
}

.logo-404::after {
  background-image: url(../images/error-404/spin2.png);
  -webkit-animation: rotating 1.2s linear infinite;
  animation: rotating 1.2s linear infinite;
}

.logo-404::before {
  background-image: url(../images/error-404/spin1.png);
  -webkit-animation: rotating 1.6s linear infinite;
  animation: rotating 1.6s linear infinite;
}

.container-404 {
  width: 100%;
  min-height: 100vh;
  /* background: url(../images/error-404/background.jpg) 56% 50% no-repeat;
  background-size: cover; */
}
@media screen and (min-width: 1367px) {
  .container-404 {
    background: url(../images/error-404/background.jpg) 36% 50% no-repeat;
    background-size: cover;
  }
}

@media screen and (max-width:1200px) {
  .container-404 {
    background-position-x: 60%;
  }
}

@media screen and (max-width:1070px) {
  .container-404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: 0 0;
    background-position-x: 0;
  }
}

.container-404-content {
  position: absolute;
  width: 35%;
  max-width: 580px;
  left: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.container-404-content:before{
  content: '';
  width: 80px;
  height: 80px;
  position: absolute;
  background: url(../images/error-404/chip2.png) 50% 50% no-repeat;
  background-size: contain;
  bottom: -150px;
  left: 15%;
}

.container-404-content::after{
  content: '';
  width: 80px;
  height: 80px;
  position: absolute;
  background: url(../images/error-404/chip1.png) 50% 50% no-repeat;
  background-size: contain;
  top: -110px;
  left: 55%;
}

@media screen and (min-width: 1366px) {
  .container-404-content:before,
  .container-404-content::after {
    content: none;
  }
  .mob-bg {
    display: none;
  }
}

@media screen and (max-width:1070px) {
  .container-404-content:before,
  .container-404-content::after {
    display: none;
  }
  .container-404-content {
    left: 5%;
    width: 35%;
  }
}

@media screen and (max-width:1070px) {
  .container-404-content {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    position: unset;
    width: 50%;
    margin: 0 auto 40px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media screen and (max-width:540px) {
  .container-404-content {
    width: 90%;
  }
}

.container-404-img {
  width: 100%;
  display: block;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  position: relative;
  pointer-events: none;
}

.container-404-img img {
  width: 70%;
  float: right;
}

@media (max-width: 1070px) {
  .mob-bg {
    display: block;
  }
  .desk-bg {
    display: none;
  }
}

/* @media screen and (max-width: 1100px) {
  .desk-bg {
    display: none;
  }
} */

@media screen and (min-width:1240px) {
  .container-404-img img{
    width: 50%;
  }
}



@media screen and (max-width:768px) {
  .container-404-img img {
    width: 90%;
  }
}

.content-404-head {
  max-width: 400px;
  margin-bottom: 55px;
}

@media screen and (max-width:768px) {
  .content-404-head {
    text-align: center;
    margin-bottom: 35px;
  }
}

@media screen and (max-width:540px) {
  .content-404-head {
    max-width: 100%;
    margin-bottom: 24px;
  }
}

.content-404-head h1 {
  font-weight: bold;
  font-size: 48px;
  text-transform: initial;
}

@media screen and (max-width:1200px) {
  .content-404-head h1 {
    font-size: 42px;
  }
}

@media screen and (max-width:768px) {
  .content-404-head h1 {
    font-size: 30px;
  }
}

@media screen and (max-width:540px) {
  .content-404-head h1 {
    font-size: 20px;
  }
}

@media screen and (max-width:768px) {
  .content-404-body {
    text-align: center;
  }
}

.content-404-body p {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 55px;
}

@media screen and (max-width:768px) {
  .content-404-body p {
    font-size: 20px;
    margin-bottom: 35px;
  }
}

@media screen and (max-width:540px) {
  .content-404-body p {
    font-size: 16px;
    margin-bottom: 24px;
  }
}

.content-404-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width:768px) {
  .content-404-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
}

.content-404-btn a {
  display: block;
  width: 260px;
  text-decoration: none;
  font-size: 24px;
  font-weight: 600;
  padding: 18px 0;
  border: 1px solid #3ac459;
  border-radius: 33px;
  text-align: center;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

@media screen and (max-width:768px) {
  .content-404-btn a {
    width: 100%;
  }
}

@media screen and (max-width:540px) {
  .content-404-btn a {
    font-size: 17px;
    padding: 14px 0;
  }
}

.content-404-btn a:first-child {
  margin-right: 24px;
  color: #fff;
  background-color: #3ac459;
}

@media screen and (max-width:768px) {
  .content-404-btn a:first-child {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.content-404-btn a:first-child:hover {
  background-color: #258139;
  border-color: #258139;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
}

.content-404-btn a:last-child {
  background-color: #fff;
  color: #3ac459;
}

.content-404-btn a:last-child:hover {
  color: #fff;
  background-color: #258139;
  border-color: #258139;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
}

.desk-bg {
  display: none;
}

@media (max-width: 1366px){
  .mob-bg {
    display: none;
  }
  .desk-bg {
    display: block;
    width: 50%!important;
  }
  .container-404-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .container-404-img::before,
  .container-404-img::after {
    content: none;
  }
}

@media (max-width: 1070px) {
  .container-404-img {
    position: unset;
    top: unset;
    transform: unset;
  }
  .mob-bg {
    display: block;
  }
  .desk-bg {
    display: none;
  }
  .container-404-img::before,
  .container-404-img::after {
    content: '';
  }
  .container-404-img::before {
    bottom: 80%;
  }
  .container-404-img::after {
    bottom: 65%;
  }
}

.welcome-bg-1.welcome-hal .img-block {
  max-width: 42%;
}

@media screen and (max-width: 991px){
  .welcome-bg-1.welcome-hal .img-block {
    position: absolute;
    top: 80px;
    text-align: center;
    left: 30px;
    right: 30px;
    max-width: 50%;
    margin: 0 auto;
  }
  .welcome-bg-1.welcome-hal{
    width: 100%;
    background-image: url(../images/promotions/welcome/bg-art.jpg);
  }
}

@media screen and (max-width: 480px) {
  .welcome-bg-1.welcome-hal .img-block {
    top: 100px;
    max-width: 100%;
  }
  .slide__content.welcome-hal{
    display: flex;
    height: 100%
  }
  .welcome-hal .slide__content-inner{
    width: 100%
  }
}