.swiper .vs {
  display: inline-block;
  vertical-align: baseline;
}

.swiper h5 {
  color: white;
}

.swiper-button-prev::after {
  background: url(../../assets/img/arrow-left.svg) 0 0 no-repeat;
  height: 18px;
  width: 9px;
  background-size: contain;
  content: " ";
}

.swiper-button-prev:hover::after {
  background: url(../../assets/img/arrow-left-hover.svg) 0 0 no-repeat;
  height: 18px;
  width: 9px;
  background-size: contain;
  content: " ";
}

.swiper-button-next::after {
  background: url(../../assets/img/arrow-right.svg) 0 0 no-repeat;
  height: 18px;
  width: 9px;
  background-size: contain;
  content: " ";
}

.swiper-button-next:hover::after {
  background: url(../../assets/img/arrow-right-hover.svg) 0 0 no-repeat;
  height: 18px;
  width: 9px;
  background-size: contain;
  content: " ";
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: absolute !important;
  z-index: 100;
  text-align: center;
}

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, white);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.4);
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}

.swipperHomepage .swiper-button-prev,
.swipperHomepage .swiper-button-next {
  z-index: 1000;
}

.swipperHomepage .swiper-button-prev::after,
.swipperHomepage .swiper-button-next::after {
  width: 1.5rem;
  height: 1.5rem;
}

.swipperHomepage .swiper-slide, .swipperHomepageMobile .swiper-slide {
  position: relative;
  border-radius: 0;
}
.swipperHomepage .swiper-slide .slide a, .swipperHomepageMobile .swiper-slide .slide a {
  display: block;
}
.swipperHomepage .swiper-slide .slide a img, .swipperHomepageMobile .swiper-slide .slide a img {
  width: 100%;
}

.banner_content.image_only_Yes {
  display: none;
}

.swiper-slide.image_only_Yes .slide::before {
  background: none !important;
  position: relative !important;
}

.banner_content {
  position: absolute;
  top: 0;
  right: 0;
  width: 62%;
  height: 100%;
  z-index: 1000;
  padding: 0em 8em 0 0;
  color: white;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
}
.banner_content .left {
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  padding: 0em 0 0 8em;
}
.banner_content p sup {
  top: -0.4em;
  font-size: 0.7em;
}
.banner_content h2 {
  font-size: 4.2em;
  font-weight: 800;
  display: table-cell;
  background: linear-gradient(90deg, #C3922E 1.87%, #FFFBCC 34.07%, #C3922E 53.69%, #EED688 73.31%, #FFFBCC 97.96%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  text-shadow: 0px 297px 83px rgba(0, 0, 0, 0), 0px 190px 76px rgba(0, 0, 0, 0.01), 0px 107px 64px rgba(0, 0, 0, 0.05), 0px 48px 48px rgba(0, 0, 0, 0.09), 0px 12px 26px rgba(0, 0, 0, 0.1);
  -webkit-text-stroke-width: 0.6625766754;
  -webkit-text-stroke-color: #E4C774;
  margin-bottom: 0;
  line-height: 1;
}
.banner_content h2 sup, .banner_content h3 sup {
  background: linear-gradient(97deg, #E0AC42 5.53%, #E0AC42 5.53%, #EED688 28.91%, #FFFBCC 55.82%, #E0AC42 93.77%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner_content .break {
  clear: both;
}
.banner_content h2 strong {
  font-weight: bolder;
  font-size: 0.9em;
  background: #E0AC42;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner_content h3 {
  font-size: 2.8em;
  font-weight: 700;
  display: block;
  background: linear-gradient(97deg, #E0AC42 5.53%, #E0AC42 5.53%, #EED688 28.91%, #FFFBCC 55.82%, #E0AC42 93.77%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  text-shadow: 0px 297px 83px rgba(0, 0, 0, 0), 0px 190px 76px rgba(0, 0, 0, 0.01), 0px 107px 64px rgba(0, 0, 0, 0.05), 0px 48px 48px rgba(0, 0, 0, 0.09), 0px 12px 26px rgba(0, 0, 0, 0.1);
  -webkit-text-stroke-width: 0.6625766754;
  -webkit-text-stroke-color: #E4C774;
  margin-bottom: 0;
  line-height: 1;
  text-transform: uppercase;
}
.banner_content .content {
  position: relative;
  text-align: left;
}
.banner_content p, .banner_content h5 {
  text-transform: uppercase;
  margin: 0;
  display: block;
  line-height: normal;
}
.banner_content h5 {
  display: table;
}
.banner_content p strong {
  font-weight: 700;
}
.banner_content .btn-success {
  text-align: center;
  display: inline-block !important;
  font-size: 1.3em;
  font-size: 0.95vw;
  font-size: 30px;
  margin: 1em 0 0;
  box-shadow: 0px 303px 85px 0px rgba(0, 0, 0, 0), 0px 194px 77px 0px rgba(0, 0, 0, 0.01), 0px 109px 65px 0px rgba(0, 0, 0, 0.05), 0px 48px 48px 0px rgba(0, 0, 0, 0.09), 0px 12px 27px 0px rgba(0, 0, 0, 0.1);
  padding: 1.1vh 2.1vw;
  padding: 2vh 3vw;
}
.banner_content .html h2 {
  font-size: 7em;
}

.mobile .banner_content {
  position: absolute;
  width: 100%;
  height: 40vh;
  z-index: 1000;
  padding: 0 1.1em 0;
  top: inherit;
  bottom: 0;
  width: 90%;
  left: 5%;
}
.mobile .banner_content h2 {
  font-size: 1.6em;
  font-weight: 800;
  text-align: center;
  display: block;
}
.mobile .banner_content h3 {
  font-size: 1.1em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.mobile .banner_content p {
  text-transform: uppercase;
  font-size: 0.5em;
  margin: 0;
  text-align: center;
}
.mobile .banner_content h2 {
  font-size: 4.4rem;
  display: block;
  font-size: 13vw;
}
.mobile .banner_content h3 {
  font-size: 1.1em;
  font-size: 5vw;
}
.mobile .banner_content h5 {
  font-size: 1.1em;
  display: block;
  text-align: center;
  font-size: 5vw;
}
.mobile .banner_content p {
  font-size: 0.9em;
  font-size: 4.5vw;
}
.mobile .banner_content .btn-success {
  font-size: 1em;
  margin: 0.5em 0;
  display: block !important;
  padding: 12px 24px;
}

.mobile.swiper-slide {
  /*height: calc(100vh - 73px);
  height: calc(100vh - 50vh);*/
  height: auto;
  max-height: 700px;
}
.mobile.swiper-slide:after {
  top: 10px;
  right: 10px;
  content: " ";
  width: 50px;
  height: 50px;
}
.mobile.swiper-slide:before {
  bottom: 10px;
  right: 10px;
  content: " ";
  width: 100px;
  height: 20px;
}
.mobile.swiper-slide h2 span {
  display: block;
}
.mobile.swiper-slide h2 span.vs {
  width: 7vw !important;
  height: 2vh;
  content: " ";
  background: url(/sports-vs.png) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  height: 100%;
  top: 0;
}

.mobile.swiper-slide h2.sport, .swiper-slide h2.sport {
  color: white;
  background: none;
  text-shadow: none;
  background-clip: inherit;
  -webkit-text-fill-color: inherit;
  position: relative;
}
.mobile.swiper-slide h3.lotto, .swiper-slide h3.lotto {
  color: white;
  background: none;
  text-shadow: none;
  background-clip: inherit;
  -webkit-text-fill-color: inherit;
}
.mobile.swiper-slide .slide:before, .swiper-slide .slide:before {
  content: "";
  background: linear-gradient(to top, #0e1b71 5%, #0e1b71 5%, transparent 50%);
  transform-style: preserve-3d;
  transform: translateZ(1px);
  position: absolute;
  width: 100%;
  height: 56%;
  height: 64%;
  height: 42%;
  right: 0;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 1;
}
.mobile.swiper-slide.years:after, .swiper-slide.years:after {
  top: 0;
  right: 10px;
  content: " ";
  width: 13vw;
}
.mobile.swiper-slide.ribbon2:after, .swiper-slide.ribbon2:after {
  position: absolute;
  top: 10px;
  right: 10px;
  content: " ";
  width: 100px;
  height: 100px;
  background: url(/assets/img/ribbon2.png) 0 0 no-repeat;
  background-size: contain;
}
.mobile.swiper-slide.tc:before, .swiper-slide.tc:before {
  bottom: 5px;
  left: 25%;
  width: 50vw;
  height: 5vh;
}

.swiper-slide h2 span.vs:before {
  width: 4vw;
  content: " ";
  background: url(/sports-vs.png) center center no-repeat;
  background-size: cover;
  vertical-align: middle;
  position: absolute;
  height: 100%;
}
.swiper-slide h2 span {
  position: relative;
}
.swiper-slide h2 span + span {
  margin-left: -30px;
  margin-right: -40px;
  z-index: 10;
}
.swiper-slide h2 span:last-of-type {
  margin: 0px;
  border: none;
  z-index: 1;
}
.swiper-slide.new .slide:after {
  position: absolute;
  top: 20px;
  left: 15px;
  content: " ";
  background: url(/assets/img/ribbon_new.png) 0 0 no-repeat;
  background-size: contain;
  z-index: 6;
  width: 12vw;
  height: 4vh;
  width: 63px;
  height: 30px;
  max-width: 63px;
}
.swiper-slide.tc-apply .slide .wrapper:before {
  position: absolute;
  bottom: 50px;
  left: 0px;
  content: "T&C apply";
  z-index: 3;
  font-size: 14px;
  color: white;
  -moz-transform: rotate(-90deg);
  -moz-transform-origin: center center;
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: center center;
  -ms-transform: rotate(-90deg);
  -ms-transform-origin: center center;
  background: none;
  width: auto;
  height: auto;
  right: auto;
  top: auto;
}
.swiper-slide.years:after {
  position: absolute;
  top: 0;
  right: 20px;
  content: " ";
  width: 5.7vw;
  height: 18vh;
  background: url(/assets/img/ribon.png) 0 0 no-repeat;
  background-size: contain;
  z-index: 2;
}
.swiper-slide.ribbon2:after {
  position: absolute;
  top: 10px;
  right: 10px;
  content: " ";
  width: 100px;
  height: 100px;
  background: url(/assets/img/ribbon2.png) 0 0 no-repeat;
  background-size: contain;
}
.swiper-slide.tc:before {
  position: absolute;
  bottom: 5px;
  right: 20px;
  content: " ";
  width: 19.5vw;
  height: 6vh;
  background: url(/assets/img/ribbon-bottom.png) center bottom no-repeat;
  background-size: contain;
  z-index: 100;
  left: auto;
}
.swiper-slide .wrapper {
  height: 100%;
  width: 100%;
  background: #0e1b71;
  z-index: 0;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
}
.swiper-slide video {
  z-index: 2;
  position: relative;
  height: auto !important;
  max-height: 609px;
  -webkit-transform-style: preserve-3d;
  -o-object-fit: cover;
     object-fit: cover;
  /*max-height:calc(100vh - 69vh)!important;*/
}
.swiper-slide.mobile video {
  z-index: 1;
  position: relative;
  width: 100% !important;
  height: auto !important;
  max-height: 31vh !important;
  -webkit-transform-style: preserve-3d;
}

.slide > .banner_content p {
  margin-bottom: calc(var(--bs-gutter-y) * 0.5);
}
.slide > .banner_content p:last-of-type {
  margin-bottom: 0;
}

.desktop.casino .wrapper {
  height: 100%;
  width: 100%;
  /*background: #021b77 url(/assets/img/casino_bg.png) center center no-repeat;*/
  background-size: cover;
  background: none;
  z-index: 1;
  opacity: 1;
  position: absolute;
  left: 0;
  bottom: 0;
}
.desktop.sport .wrapper {
  height: 100%;
  width: 100%;
  /*background: #021b77 url(/assets/img/sports_bg.png) center center no-repeat;*/
  background-size: cover;
  background: none;
  z-index: 1;
  opacity: 1;
  position: absolute;
  left: 0;
  bottom: 0;
}
.desktop.lotto .wrapper {
  height: 100%;
  width: 100%;
  /*background: #021b77 url(/assets/img/lotto_bg.png) center center no-repeat;*/
  background-size: cover;
  background: none;
  z-index: 1;
  opacity: 1;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media only screen and (min-width: 280px) and (max-width: 1200px) and (orientation: portrait) {
  .swiper-slide h2 span.vs::before {
    display: none;
  }
}
@media only screen and (min-width: 280px) and (max-width: 460px) {
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 25px);
  }
  .mobile.swiper-slide {
    /*height: calc(100vh - 45vh);*/
    max-height: 600px;
  }
  .mobile.swiper-slide h2 span.vs {
    width: 11vw;
    left: 53%;
  }
  .mobile .banner_content {
    height: 38vh;
    /*h2 .long {
        font-size: 12vw;
    }*/
  }
  .mobile .banner_content .content {
    text-align: center;
    width: 100%;
  }
  .mobile .banner_content .btn-success {
    width: 100%;
  }
  .mobile .banner_content h2 {
    font-size: 4.4rem;
    display: block;
    font-size: 13vw;
  }
  .mobile .banner_content h3 {
    font-size: 1.1em;
    font-size: 5vw;
  }
  .mobile .banner_content h5 {
    font-size: 1.1em;
    display: block;
    text-align: center;
    font-size: 5vw;
  }
  .mobile .banner_content p {
    font-size: 0.9em;
    font-size: 4.5vw;
  }
  .mobile .banner_content .btn-success {
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 280px) and (max-width: 520px) {
  .mobile .banner_content {
    padding: 0 0.6em 0;
    height: 54vh;
  }
  .mobile.swiper-slide {
    /*height: calc(100vh - 25vh);*/
  }
  .swiper-slide.tc-apply .slide .wrapper:before {
    bottom: 49%;
    font-size: 10px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .swiper-slide video {
    max-height: 36vh !important;
  }
}
@media only screen and (min-width: 521px) and (max-width: 699px) {
  .mobile .banner_content {
    height: 49vh;
  }
  .mobile .banner_content h2 {
    font-size: 2.5em;
    display: block;
  }
  .mobile .banner_content h3 {
    font-size: 1.8em;
  }
  .mobile .banner_content h5 {
    font-size: 1em;
    display: block;
    text-align: center;
  }
  .mobile .banner_content p {
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 700px) {
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 16px);
  }
  .mobile .banner_content .content {
    text-align: center;
  }
  .mobile .banner_content .btn-success {
    width: 100%;
  }
  .mobile .banner_content h2 {
    font-size: 4.5em;
    display: block;
  }
  .mobile .banner_content h3 {
    font-size: 3em;
  }
  .mobile .banner_content h5 {
    font-size: 1.1em;
    display: block;
    text-align: center;
  }
  .mobile .banner_content p {
    font-size: 1em;
  }
  .mobile .banner_content .btn-success {
    font-size: 1em;
    padding: calc(var(--bs-btn-padding-y) * 2) calc(var(--bs-btn-padding-x) * 2);
    margin: 1em 0;
    display: block !important;
    width: 100%;
  }
  .mobile.swiper-slide {
    /*height: calc(100vh - 30vh);*/
    max-height: 1075px;
    background-size: contain !important;
    background-position: top center !important;
  }
}
@media only screen and (min-width: 640px) {
  .swiper-slide h2 span.vs {
    width: 6vw;
    min-height: 4vh;
  }
  .swiper-slide h2 span + span {
    margin-left: -20px;
    margin-right: -26px;
  }
  .tc-apply .slide .wrapper:before {
    bottom: 36% !important;
  }
  .slide:before {
    height: 43% !important;
  }
  .mobile.swiper-slide.tc:before, .swiper-slide.tc:before {
    bottom: 30px;
  }
  .tablet h2 span {
    display: block;
  }
  .tablet .banner_content {
    height: 100%;
    padding: 0em 2em !important;
  }
  .tablet .banner_content .content {
    width: 100%;
  }
  .tablet .banner_content.left {
    padding: 0em 0 0 2em;
  }
  .tablet .banner_content h2 {
    font-size: 11vw;
  }
  .tablet .banner_content h3 {
    font-size: 0.8em;
    font-size: 3vw;
    margin-top: calc(var(--bs-gutter-y) * 0.5);
    background: inherit;
    text-shadow: none;
    -webkit-text-stroke-width: inherit;
    -webkit-text-stroke-color: inherit;
    color: white;
    -webkit-text-fill-color: inherit;
  }
  .tablet .banner_content h3 sup {
    background: inherit;
    text-shadow: none;
    -webkit-text-stroke-width: inherit;
    -webkit-text-stroke-color: inherit;
    color: white;
    -webkit-text-fill-color: inherit;
  }
  .tablet .banner_content h5 {
    font-size: 0.9em;
    font-size: 1.6vw;
  }
  .tablet .banner_content p {
    font-size: 0.8em;
    font-size: 2.2vw;
  }
  .tablet .banner_content p strong {
    /*font-size: 1.8em;*/
    font-weight: 500;
  }
  .tablet .banner_content .btn-success {
    padding: 0.8vh 3vw;
    font-size: 30px;
    margin: 0;
    margin-top: calc(var(--bs-gutter-y) * 0.5);
  }
  .tablet.swiper-slide h2 span.vs {
    position: relative;
    width: 4vw;
    height: 5vh;
  }
  .tablet.swiper-slide h2 span.vs:before {
    width: 100%;
    height: 100%;
    content: " ";
    background: url(/sports-vs.png) center center no-repeat;
    background-size: contain;
    display: block;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
    position: absolute;
    left: 0;
    top: 0;
  }
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 10px);
  }
}
@media only screen and (min-width: 641px) and (orientation: landscape) {
  .tablet h2 span {
    display: inline-block;
  }
  .tablet .banner_content {
    width: 62%;
  }
  .tablet.swiper-slide h2 span.vs {
    width: 4vw;
  }
}
@media only screen and (min-height: 700px) and (orientation: portrait) {
  .mobile .banner_content {
    max-height: 65vh;
  }
  .sport.mobile .banner_content {
    max-height: 40vh !important;
  }
  .lotto.mobile .banner_content {
    max-height: 40vh !important;
  }
}
@media only screen and (min-width: 376px) and (max-width: 512px) {
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 16px);
  }
  .mobile.swiper-slide {
    /*height: calc(100vh - 55vh);*/
  }
  .mobile .banner_content {
    height: 32vh;
  }
}
@media only screen and (min-width: 513px) and (max-width: 600px) {
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 16px);
  }
}
@media only screen and (min-width: 376px) and (max-width: 512px) and (max-height: 940px) {
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 16px);
  }
  .mobile.swiper-slide {
    /*height: calc(100vh - 25vh);*/
  }
  .mobile .banner_content {
    height: 45vh;
  }
}
@media only screen and (min-width: 376px) and (max-width: 512px) and (max-height: 640px) {
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 16px);
  }
  .mobile.swiper-slide {
    /*height: calc(100vh - 15vh);*/
  }
  .mobile .banner_content {
    height: 60vh;
  }
}
@media only screen and (min-width: 412px) {
  .mobile.swiper-slide {
    /*height: calc(100vh - 20vh);*/
  }
  .mobile.swiper-slide .slide:before {
    height: 43%;
    background: linear-gradient(to top, #0e1b71 5%, #0e1b71 10%, transparent 50%);
  }
  .mobile .banner_content {
    height: 54vh;
  }
}
@media only screen and (min-width: 631px) and (max-width: 1023px) and (orientation: landscape) {
  .landscape.swiper-slide {
    height: 100%;
  }
  .landscape .banner_content {
    height: 96%;
    width: 62%;
    padding: 0em 2em 0 0;
    top: 2%;
  }
  .landscape .banner_content.left {
    padding: 0em 0 0 2em;
  }
  .landscape .banner_content h2 {
    font-size: 2em;
    font-size: 5.8vw;
  }
  .landscape .banner_content h2.long {
    font-size: 4.5vw;
  }
  .landscape .banner_content h3 {
    font-size: 1em;
  }
  .landscape .banner_content h5 {
    font-size: 0.9em;
    font-size: 1.6vw;
  }
  .landscape .banner_content p {
    font-size: 0.8em;
    font-size: 1.8vw;
  }
  .landscape .banner_content p strong {
    font-size: 1.8em;
  }
  .landscape .banner_content .btn-success {
    margin: 0.51em 0 0;
    padding: 1vh 3vw;
    font-size: 18px;
  }
  .swiper-slide h2 span.vs {
    width: 5vw;
    min-height: 6.5vh;
  }
}
@media only screen and (min-width: 631px) and (max-width: 900px) and (orientation: landscape) {
  .swiper-slide h2 span.vs {
    width: 5vw;
    min-height: 8vh;
  }
}
@media only screen and (min-width: 631px) and (max-width: 720px) and (orientation: landscape) {
  .landscape .banner_content h2 {
    font-size: 4.5vw;
  }
  .landscape .banner_content h2 span.vs {
    margin-left: -8px;
    margin-right: -11px;
  }
}
@media only screen and (min-width: 1024px) and (orientation: landscape) {
  .tablet .banner_content {
    height: 100%;
    width: 62%;
    padding: 0em 3em 0 0;
  }
  .tablet .banner_content.left {
    padding: 0em 0 0 3em;
  }
  .tablet .banner_content .btn-success {
    width: auto;
  }
  .tablet .banner_content h2 {
    font-size: 3.3em;
    font-size: 5vw;
  }
  .tablet .banner_content h2.long {
    font-size: 4.2vw;
  }
  .tablet .banner_content h3 {
    font-size: 1.5em;
  }
  .tablet .banner_content h5 {
    font-size: 1em;
    font-size: 1.5vw;
  }
  .tablet .banner_content p {
    font-size: 1em;
    font-size: 1.5vw;
  }
  .tablet .banner_content p strong {
    font-size: 1.7em;
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 820px) and (max-width: 1200px) and (orientation: landscape) {
  .swipperHomepage .swiper-slide {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) and (orientation: landscape) {
  .swiper-slide {
    height: 100%;
  }
  .swiper-slide video {
    height: auto;
    max-height: 375px;
  }
  .swiper-slide h2 span.vs {
    width: 3vw;
    min-height: 4vh;
  }
  .banner_content {
    position: absolute;
    height: 100%;
    z-index: 1000;
    padding: 0 1em 0;
    top: inherit;
    bottom: 0;
  }
  .banner_content .btn-success {
    padding: 10px 3%;
  }
}
@media only screen and (min-width: 820px) and (max-width: 1200px) {
  .swipperHomepage .swiper-slide {
    position: relative;
  }
  .banner_content {
    height: 100%;
    padding: 1.2em 2em 0 0;
    width: 62%;
  }
  .banner_content.left {
    height: auto;
    padding: 1.2em 0 0 2em;
    width: 62%;
  }
  .banner_content h2 {
    font-size: 3em;
  }
  .banner_content h3 {
    font-size: 1.5em;
  }
  .banner_content h5 {
    font-size: 0.9em;
  }
  .banner_content p {
    font-size: 0.8em;
  }
  .banner_content .btn-success {
    width: auto;
    font-size: 0.9em;
  }
  .mobile .banner_content {
    width: 94%;
    left: 3%;
    height: 45vh;
  }
  .mobile .banner_content.left {
    width: 94%;
  }
  .mobile.swiper-slide {
    /*height: calc(100vh - 30vh);
    max-height: 1075px;
    height: calc(100vh - 20vh);*/
    height: auto;
    max-height: 1375px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1512px) {
  .swiper-slide h2 span.vs {
    width: 4vw;
    min-height: 6vh;
  }
  .banner_content {
    width: 62% !important;
  }
  .banner_content.left {
    width: 62%;
  }
  .banner_content h3 {
    font-size: 3em;
    text-align: left;
    font-size: 2.3vw;
  }
  .banner_content h2 {
    text-align: left;
    font-size: 4em;
  }
  .banner_content h2.long {
    font-size: 3.4em;
  }
  .banner_content p {
    font-size: 1.1em;
    text-align: left;
    font-size: 1.6vw;
  }
  .banner_content h5 {
    font-size: 1.2em;
    text-align: left;
    font-weight: 500;
    font-size: 1.7vw;
  }
  .mobile .banner_content {
    width: 100%;
  }
  .mobile .banner_content.left {
    width: 100%;
  }
}
@media only screen and (min-width: 1513px) and (max-width: 1550px) {
  .swiper-slide h2 span.vs {
    width: 4vw;
    min-height: 8vh;
  }
  .banner_content {
    width: 62%;
  }
  .banner_content.left {
    width: 62%;
  }
  .banner_content h3 {
    font-size: 3em;
    text-align: left;
  }
  .banner_content h2 {
    text-align: left;
    font-size: 4.6em;
  }
  .banner_content p {
    font-size: 1.6em;
    font-size: 1.2vw;
    text-align: left;
  }
  .banner_content h5 {
    font-size: 1.7em;
    font-size: 1.6vw;
    text-align: left;
    font-weight: 500;
  }
}
@media only screen and (min-width: 1551px) and (max-width: 1820px) {
  .swiper-slide h2 span.vs {
    width: 4vw;
    min-height: 8vh;
  }
  .banner_content {
    width: 62%;
  }
  .banner_content.left {
    width: 62%;
  }
  .banner_content h3 {
    font-size: 2.6em;
    text-align: left;
  }
  .banner_content p {
    font-size: 1.6em;
    font-size: 1.2vw;
    text-align: left;
  }
  .banner_content h5 {
    font-size: 1.7em;
    font-size: 1.6vw;
    text-align: left;
    font-weight: 500;
  }
}
@media only screen and (min-width: 1821px) {
  .swiper-slide h2 span.vs {
    width: 4vw;
    min-height: 8vh;
  }
  .swiper-slide h2 span + span {
    margin-left: -30px;
    margin-right: -40px;
  }
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 40px);
  }
  .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 20px);
    left: auto;
  }
  .swiper-button-prev {
    right: auto;
    left: var(--swiper-navigation-sides-offset, 20px);
  }
  .landscape .banner_content h2 {
    font-size: 6.5em;
    font-size: 4vw;
  }
  .landscape .banner_content h3 {
    font-size: 1.8em;
    font-size: 1.7vw;
    margin-top: 0.5em;
  }
  .landscape .banner_content p {
    font-size: 1.6em;
    font-size: 1.25vw;
  }
  .landscape .banner_content h5 {
    font-size: 1.7em;
    font-size: 1.6vw;
  }
  .landscape .banner_content h2.numbers {
    font-size: 9em;
  }
  .landscape .banner_content h2.casino, .landscape .banner_content h2.lotto {
    font-size: 5.75vw;
  }
  .banner_content {
    width: 60%;
  }
  .banner_content.left {
    width: 60%;
  }
  .banner_content .content {
    position: absolute;
    left: 0;
    padding: 0em 2em 0 0;
  }
  .swiper-slide .slide:before {
    display: none;
  }
  .swiper-slide.tc:before {
    right: 20px;
    left: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .swipperHomepage.desktop {
    display: block;
  }
  .swipperHomepageMobile.mobile {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .swipperHomepage.desktop {
    display: none;
  }
  .swipperHomepageMobile.mobile {
    display: block;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .swipperHomepage.desktop {
    display: block !important;
  }
  .swiper-slide video {
    max-height: 85vh !important;
  }
  .swipperHomepageMobile.mobile {
    display: none !important;
  }
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) {
  .mobile.swiper-slide h2 span.vs {
    left: 50%;
  }
}/*# sourceMappingURL=slider.css.map */