<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("https://fonts.googleapis.com/css?family=Battambang&amp;display=swap");
@font-face {
  font-family: GRegular;
  src: url("../../img/web_asset/fonts/GTWalsheimProRegular.woff2") format("woff2"), url("../../img/web_asset/fonts/GTWalsheimProRegular.woff") format("woff"), url("../../img/web_asset/fonts/GTWalsheimProRegular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: GBold;
  src: url("../../img/web_asset/fonts/GTWalsheimProBold.woff2") format("woff2"), url("../../img/web_asset/fonts/GTWalsheimProBold.woff") format("woff"), url("../../img/web_asset/fonts/GTWalsheimProBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
.m-0 {
  margin: 0px !important; }

.p-0 {
  padding: 0px !important; }

.mt-0 {
  margin-top: 0px !important; }

.pt-0 {
  padding-top: 0px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.ml-0 {
  margin-left: 0px !important; }

.pl-0 {
  padding-left: 0px !important; }

.mr-0 {
  margin-right: 0px !important; }

.pr-0 {
  padding-right: 0px !important; }

.m-5 {
  margin: 5px !important; }

.p-5 {
  padding: 5px !important; }

.mt-5 {
  margin-top: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.m-10 {
  margin: 10px !important; }

.p-10 {
  padding: 10px !important; }

.mt-10 {
  margin-top: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.m-15 {
  margin: 15px !important; }

.p-15 {
  padding: 15px !important; }

.mt-15 {
  margin-top: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.pl-15 {
  padding-left: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.m-20 {
  margin: 20px !important; }

.p-20 {
  padding: 20px !important; }

.mt-20 {
  margin-top: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.m-25 {
  margin: 25px !important; }

.p-25 {
  padding: 25px !important; }

.mt-25 {
  margin-top: 25px !important; }

.pt-25 {
  padding-top: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.pl-25 {
  padding-left: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.pr-25 {
  padding-right: 25px !important; }

.m-30 {
  margin: 30px !important; }

.p-30 {
  padding: 30px !important; }

.mt-30 {
  margin-top: 30px !important; }

.pt-30 {
  padding-top: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.ml-30 {
  margin-left: 30px !important; }

.pl-30 {
  padding-left: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.m-35 {
  margin: 35px !important; }

.p-35 {
  padding: 35px !important; }

.mt-35 {
  margin-top: 35px !important; }

.pt-35 {
  padding-top: 35px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.ml-35 {
  margin-left: 35px !important; }

.pl-35 {
  padding-left: 35px !important; }

.mr-35 {
  margin-right: 35px !important; }

.pr-35 {
  padding-right: 35px !important; }

.m-40 {
  margin: 40px !important; }

.p-40 {
  padding: 40px !important; }

.mt-40 {
  margin-top: 40px !important; }

.pt-40 {
  padding-top: 40px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.ml-40 {
  margin-left: 40px !important; }

.pl-40 {
  padding-left: 40px !important; }

.mr-40 {
  margin-right: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.m-45 {
  margin: 45px !important; }

.p-45 {
  padding: 45px !important; }

.mt-45 {
  margin-top: 45px !important; }

.pt-45 {
  padding-top: 45px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.ml-45 {
  margin-left: 45px !important; }

.pl-45 {
  padding-left: 45px !important; }

.mr-45 {
  margin-right: 45px !important; }

.pr-45 {
  padding-right: 45px !important; }

.m-50 {
  margin: 50px !important; }

.p-50 {
  padding: 50px !important; }

.mt-50 {
  margin-top: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.ml-50 {
  margin-left: 50px !important; }

.pl-50 {
  padding-left: 50px !important; }

.mr-50 {
  margin-right: 50px !important; }

.pr-50 {
  padding-right: 50px !important; }

.m-75 {
  margin: 75px !important; }

.p-75 {
  padding: 75px !important; }

.mt-75 {
  margin-top: 75px !important; }

.pt-75 {
  padding-top: 75px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.pb-75 {
  padding-bottom: 75px !important; }

.ml-75 {
  margin-left: 75px !important; }

.pl-75 {
  padding-left: 75px !important; }

.mr-75 {
  margin-right: 75px !important; }

.pr-75 {
  padding-right: 75px !important; }

.m-100 {
  margin: 100px !important; }

.p-100 {
  padding: 100px !important; }

.mt-100 {
  margin-top: 100px !important; }

.pt-100 {
  padding-top: 100px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.pb-100 {
  padding-bottom: 100px !important; }

.ml-100 {
  margin-left: 100px !important; }

.pl-100 {
  padding-left: 100px !important; }

.mr-100 {
  margin-right: 100px !important; }

.pr-100 {
  padding-right: 100px !important; }

body {
  font-family: GRegular, "Battambang", Arial, Helvetica, sans-serif;
  font-size: 1em;
  position: relative; }

.text-bold {
  font-size: .75em;
  font-weight: bold;
  color: #09685e;
  margin-right: .3em;
  text-transform: capitalize; }

.text-red {
  font-size: .75em;
  color: red;
  margin-right: .3em;
  text-transform: capitalize; }

.contact-us {
  display: block;
  width: 200px;
  min-height: 200px;
  color: white;
  position: fixed;
  top: 20%;
  right: 0;
  z-index: 9999;
  margin-right: -200px;
  transition: margin-right .3s ease-in; }
  .contact-us:hover {
    margin-right: 0; }
  .contact-us .contact-us-btn {
    cursor: pointer;
    position: absolute;
    font-size: 1em;
    transform: rotate(270deg);
    background: #078c7e;
    top: 42px;
    left: -94px;
    min-width: 156px;
    padding: 4px;
    padding-left: 16px;
    padding-right: 45px;
    border-radius: 8px; }
    .contact-us .contact-us-btn::after {
      content: '';
      display: block;
      background: url(../../img/web_asset/bg/contact-phone.png);
      background-size: 100%;
      width: 32px;
      height: 44px;
      position: absolute;
      top: -6px;
      left: 78%;
      transform: rotate(90deg);
      right: 0; }
  .contact-us .contact-us-body {
    padding: 10px 10px;
    background: #078c7e; }
    .contact-us .contact-us-body .contact-us-item {
      cursor: pointer;
      display: block;
      width: 100%;
      background: #09685e;
      text-transform: capitalize;
      padding: .2em 1em;
      margin-bottom: 5px;
      border-radius: 5px;
      font-size: .85em;
      transition: color .2s ease-in; }
      .contact-us .contact-us-body .contact-us-item .icon {
        margin-right: 5px; }
      .contact-us .contact-us-body .contact-us-item:hover {
        color: #FFD700; }

#self-exclusion .modal-content .popup {
  background: white; }
  #self-exclusion .modal-content .popup .popup-title {
    background: #09685e;
    padding: .5em 1em;
    color: white; }
  #self-exclusion .modal-content .popup .popup-content {
    padding: 1em 1em;
    color: #333; }
    #self-exclusion .modal-content .popup .popup-content p, #self-exclusion .modal-content .popup .popup-content ul {
      margin-bottom: .5em; }
    #self-exclusion .modal-content .popup .popup-content ul li {
      margin-left: 1em; }
    #self-exclusion .modal-content .popup .popup-content a {
      color: #009ad6; }
      #self-exclusion .modal-content .popup .popup-content a:hover {
        text-decoration: underline; }

.container {
  min-width: 1200px !important; }

.modal-content {
  width: 55vw !important; }

.field {
  display: inherit;
  position: relative; }
  .field .control {
    font-family: Arial, Helvetica, sans-serif, "Battambang";
    text-transform: capitalize;
    color: #333;
    font-weight: 400; }

.input, .select select, .textarea {
  font-family: GRegular, "Battambang", Arial; }

.spacer {
  display: block;
  height: .5em; }

.login-password {
  min-width: 250px !important;
  padding-right: 125px !important; }

.forgot-password {
  font-size: .75em !important;
  width: 127px !important;
  pointer-events: auto !important;
  cursor: pointer !important; }
  .forgot-password a {
    color: orangered !important;
    border-left: 1px solid orangered;
    padding-left: 10px; }

.required::after {
  content: ' *';
  position: absolute;
  top: 15%;
  right: -15px; }

.right-span {
  margin-right: 25px; }
  .right-span .is-active {
    color: white; }
    .right-span .is-active:hover {
      color: #FFD700; }

.right-span,
.right-span-menu .span-menu-link {
  font-size: 1.1em; }

.right-span-menu .span-menu-link {
  color: white;
  text-transform: capitalize;
  margin-right: .6em; }
  .right-span-menu .span-menu-link:hover {
    text-decoration: underline; }
  .right-span-menu .span-menu-link svg {
    margin-right: 3px; }

.highlight {
  color: #dce816; }
  .highlight svg {
    margin-left: 3px;
    width: 1em !important; }
  .highlight span.text {
    font-weight: bold;
    letter-spacing: .08em; }

.addon::after {
  display: none;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.1em;
  visibility: visible;
  align-self: center;
  margin-left: 5px; }

.arrow-down::after {
  content: "\f0d7"; }

.reload-right::after {
  content: "\f01e"; }

.user-info {
  display: none;
  position: absolute;
  background: #097468;
  z-index: 99999;
  padding: 1em;
  border-radius: 8px;
  opacity: 0;
  transition: opacity .2s ease-in; }
  .user-info li a {
    display: block;
    width: 100%;
    padding: .3em;
    margin-bottom: .3em;
    color: white;
    transition: color .2s ease-in;
    font-weight: normal;
    text-transform: capitalize; }
    .user-info li a:hover {
      color: #FFD700; }
  .user-info li:last-child a {
    margin-bottom: 0; }
  .user-info.show {
    display: block;
    opacity: 1; }

.btn-sport {
  background: #09685e;
  border-color: #09685e;
  color: white;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .85em !important;
  padding: 0 2em; 
}
  
.btn-sport:hover {
  background: #0b867a;
  border-color: #0b867a;
  color: white; 
}

.btn-sport-disable {
  background: #CECECE;
  border-color: #CECECE;
  color: white;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .85em !important;
  padding: 0 2em; 
}
  
.btn-sport-disable:hover {
  background: #CECECE;
  border-color: #CECECE;
  color: white; 
}

.btn-casino {
  background: #9c6729;
  border-color: #9c6729;
  color: white;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .85em !important;
  padding: 0 2em; }
  .btn-casino:hover {
    background: #b6762d;
    border-color: #b6762d;
    color: white; }

.btn-slot {
  background: #a19459;
  border-color: #a19459;
  color: white;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .85em !important;
  padding: 0 2em; }
  .btn-slot:hover {
    background: #c0b06b;
    border-color: #c0b06b;
    color: white; }

.btn-orange {
  background: #fc7301 !important;
  border-color: #fc7301 !important;
  color: white; }
  .btn-orange:hover {
    background: #ff7f17 !important;
    border-color: #ff7f17 !important; }

.mini-topbar {
  background: #078c7e;
  max-height: 54px;
  padding: .75em;
  font-family: GRegular, "Battambang";
  font-size: .75em;
  font-weight: bold;
  color: #FFF; }
  .mini-topbar .lang-switcher {
    margin-right: 1em; }
    .mini-topbar .lang-switcher .langs {
      display: none;
      position: absolute;
      background: white;
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: .5em .8em;
      margin-left: -.5em;
      margin-top: -.35em;
      top: 0;
      left: 0;
      z-index: 999; }
      .mini-topbar .lang-switcher .langs .lang-item {
        display: inline-block;
        margin-right: 1em; }
        .mini-topbar .lang-switcher .langs .lang-item img {
          margin-right: .75em; }
      .mini-topbar .lang-switcher .langs .last {
        margin-right: 0 !important; }
    .mini-topbar .lang-switcher:hover .langs {
      display: block; }
  .mini-topbar .current-time {
    text-transform: uppercase; }
  .mini-topbar .links {
    margin-left: 1.5em; }
    .mini-topbar .links .link {
      color: white;
      margin-right: .5em;
      text-transform: uppercase; }
      .mini-topbar .links .link:hover {
        text-decoration: underline; }
  .mini-topbar form {
    display: inherit; }
    .mini-topbar form ::placeholder {
      color: #6d6d6d; }
  .mini-topbar .nbtn {
    font-family: GRegular, "Battambang";
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 2em;
    padding-left: 2em; }
  .mini-topbar .ngrey {
    background: #908e8e !important;
    border-color: #908e8e !important;
    color: white; }
    .mini-topbar .ngrey:hover {
      background: #a3a1a1 !important;
      border-color: #a3a1a1 !important; }
  .mini-topbar .norange {
    background: #fc7301 !important;
    border-color: #fc7301 !important;
    color: white; }
    .mini-topbar .norange:hover {
      background: #ff7f17 !important;
      border-color: #ff7f17 !important; }

.main-topbar {
  background: #09685e !important; }
  .main-topbar nav {
    background: #09685e !important;
    padding: .2em 0; }
    .main-topbar nav .navbar-brand {
      margin-right: 20px; }
      .main-topbar nav .navbar-brand .navbar-item img {
        max-height: none !important; }
    .main-topbar nav .navbar-start .navbar-item {
      font-family: GRegular, "Battambang";
      font-size: 1em;
      color: White;
      text-transform: capitalize;
      transition: color .3s ease-in; }
      .main-topbar nav .navbar-start .navbar-item:hover {
        background: transparent;
        color: yellow; }
      .main-topbar nav .navbar-start .navbar-item:active, .main-topbar nav .navbar-start .navbar-item:visited, .main-topbar nav .navbar-start .navbar-item:link {
        background: transparent; }
    .main-topbar nav .navbar-start .is-active {
      color: yellow;
      text-shadow: 0px 0px 8px #000; }

.hero-carousel .slick-dots {
  top: 88%;
  z-index: 10; }
  .hero-carousel .slick-dots li button {
    background: white;
    border-radius: 50%;
    width: 10px;
    height: 10px; }
    .hero-carousel .slick-dots li button:before {
      color: transparent; }
  .hero-carousel .slick-dots li:hover button {
    background: #56caff; }
  .hero-carousel .slick-dots li.slick-active button {
    background: #2a8fbd; }
    .hero-carousel .slick-dots li.slick-active button:before {
      color: transparent; }

.subheader {
  display: block;
  background: #09685e;
  padding: .3em 0;
  margin-top: -1px; }
  .subheader .subtitle {
    font-size: .85em;
    color: white;
    text-transform: capitalize; }
  .subheader .sublink {
    color: white;
    font-family: GRegular, "Battambang";
    font-size: .75em;
    margin-right: 1em;
    text-transform: capitalize; }
    .subheader .sublink:hover {
      text-decoration: underline; }

.b1, .b2, .b3 {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important; }

.b1 {
  background: url(../../img/web_asset/blocks/bgImages/B1.webp) !important; }

.b2 {
  background: url(../../img/web_asset/blocks/bgImages/B2.webp) !important; }

.b3 {
  background: url(../../img/web_asset/blocks/bgImages/B3.webp) !important; }

.block {
  display: block;
  margin-bottom: 0 !important;
  padding-bottom: .8em;
  background: white;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important; }
  .block .columns {
    height: 100%; }
  .block .block-title {
    padding: 1.5em 0;
    font-family: GRegular, "Battambang";
    font-size: 1.5em;
    text-transform: capitalize;
    color: #09685e; }
    .block .block-title img {
      vertical-align: middle;
      margin-right: .5em; }
  .block .block-cards .is-flex {
    min-width: 432px;
    flex-flow: row wrap; }
  .block .block-cards .link-more {
    display: block;
    font-family: GRegular, "Battambang" !important;
    width: 95%;
    padding: .5em 0;
    margin-top: 1em;
    margin-bottom: 1em;
    border-radius: 5px;
    text-align: center;
    text-transform: capitalize; }
  .block .block-cards .block-card {
    cursor: pointer;
    position: relative;
    text-align: center;
    margin-right: 20px; }
    .block .block-cards .block-card .block-item-bg {
      margin: 0; }
    .block .block-cards .block-card .block-item-title {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      bottom: 3px;
      color: #FFF;
      text-transform: capitalize; }
    .block .block-cards .block-card .sportsbook, .block .block-cards .block-card .vsports, .block .block-cards .block-card .m-suite, .block .block-cards .block-card .a-suite, .block .block-cards .block-card .mg-slot, .block .block-cards .block-card .haba-slot {
      background-position: 0 0 !important;
      background-size: 200% !important;
      width: 195px;
      height: 195px; }
    .block .block-cards .block-card .sportsbook {
      background: url(../../img/web_asset/blocks/sport2.png); }
    .block .block-cards .block-card .vsports {
      background: url(../../img/web_asset/blocks/vsports2.png); }
    .block .block-cards .block-card .m-suite {
      background: url(../../img/web_asset/blocks/m-suite2.png); }
    .block .block-cards .block-card .a-suite {
      background: url(../../img/web_asset/blocks/a-suite2.png); }
    .block .block-cards .block-card .mg-slot {
      background: url(../../img/web_asset/blocks/mg-slot2.png); }
    .block .block-cards .block-card .haba-slot {
      background: url(../../img/web_asset/blocks/haba-slot2.png); }
    .block .block-cards .block-card:hover .block-item-title {
      color: #333; }
    .block .block-cards .block-card:hover .sportsbook, .block .block-cards .block-card:hover .vsports, .block .block-cards .block-card:hover .m-suite, .block .block-cards .block-card:hover .a-suite, .block .block-cards .block-card:hover .mg-slot, .block .block-cards .block-card:hover .haba-slot {
      background-position-x: 100% !important; }
    .block .block-cards .block-card .sportsbook.is-active, .block .block-cards .block-card .vsports.is-active, .block .block-cards .block-card .m-suite.is-active,
    .block .block-cards .block-card .a-suite.is-active, .block .block-cards .block-card .mg-slot.is-active, .block .block-cards .block-card .haba-slot.is-active {
      background-position-x: 100% !important; }
    .block .block-cards .block-card .is-active + .block-item-title {
      color: #333; }
  .block .block-info {
    font-family: GRegular, "Battambang";
    text-align: center; }
    .block .block-info p {
      font-size: .85em;
      text-align: left;
      margin-bottom: .5em; }
    .block .block-info .button {
      font-family: Arial, Helvetica, sans-serif, "Battambang" !important; }
  .block .block-image {
    position: relative;
    min-height: 276px; }
    .block .block-image .block-banner {
      display: block;
      position: absolute;
      right: -35%;
      bottom: 10%;
      width: 120%;
      height: 120%;
      background-size: 94% !important;
      background-repeat: no-repeat !important; }
	  
	  .block-banner-wc {
      display: block;
      position: absolute;
      right: -35%;
      bottom: 10%;
      /*width: 120%;
      height: 120%;*/
      background-size: 94% !important;
      background-repeat: no-repeat !important; }

.block-m-suite {
  background: url(../../img/web_asset/blocks/block-wheel.webp); }

.block-a-suite {
  background: url(../../img/web_asset/blocks/block-wheel-golden2.webp); }

.block-mg-slot {
  background: url(../../img/web_asset/blocks/block-slot.webp); }

.block-haba-slot {
  background: url(../../img/web_asset/blocks/block-slot-haba2.webp); }

.block-promote-video {
  background: url(../../img/web_asset/blocks/TV-BA.png); }

.hero-carousel {
  display: none;
  overflow: hidden; }
  .hero-carousel.show {
    display: inherit; 
	background:#09685e;
	}

.block-lobby {
  display: block;
  min-height: 70vh;
  padding: 2em 0; }
  .block-lobby .block-lobby-item {
    display: block;
    position: relative;
    margin-bottom: 2em; }
    .block-lobby .block-lobby-item.new-member &gt; .block-lobby-title {
      border-bottom: 2px solid #09685e !important; }
    .block-lobby .block-lobby-item.rebate &gt; .block-lobby-title {
      border-bottom: 2px solid #9c6729 !important; }
    .block-lobby .block-lobby-item.featured &gt; .block-lobby-title {
      border-bottom: 2px solid #a19459 !important; }
    .block-lobby .block-lobby-item.new-member &gt; .block-lobby-title &gt; span, .block-lobby .block-lobby-item.new-member &gt; .block-lobby-list .block-lobby-card:hover, .block-lobby .block-lobby-item.new-member &gt; .block-lobby-list .block-lobby-card-action &gt; .button, .block-lobby .block-lobby-item.new-member &gt; .block-lobby-list .popup .popup-title, .block-lobby .block-lobby-item.new-member &gt; .block-lobby-list .popup table thead, .block-lobby .block-lobby-item.new-member &gt; .block-lobby-list .popup button,
    .block-lobby .block-lobby-item #self-exclusion &gt; .popup .popup-title {
      background: #09685e !important; }
    .block-lobby .block-lobby-item.rebate &gt; .block-lobby-title &gt; span, .block-lobby .block-lobby-item.rebate &gt; .block-lobby-list .block-lobby-card:hover, .block-lobby .block-lobby-item.rebate &gt; .block-lobby-list .block-lobby-card-action &gt; .button, .block-lobby .block-lobby-item.rebate &gt; .block-lobby-list .popup .popup-title, .block-lobby .block-lobby-item.rebate &gt; .block-lobby-list .popup table thead, .block-lobby .block-lobby-item.rebate &gt; .block-lobby-list .popup button {
      background: #9c6729 !important; }
    .block-lobby .block-lobby-item.featured &gt; .block-lobby-title &gt; span, .block-lobby .block-lobby-item.featured &gt; .block-lobby-list .block-lobby-card:hover, .block-lobby .block-lobby-item.featured &gt; .block-lobby-list .block-lobby-card-action &gt; .button, .block-lobby .block-lobby-item.featured &gt; .block-lobby-list .popup .popup-title, .block-lobby .block-lobby-item.featured &gt; .block-lobby-list .popup table thead, .block-lobby .block-lobby-item.featured &gt; .block-lobby-list .popup button {
      background: #a19459 !important; }
    .block-lobby .block-lobby-item.new-member &gt; .block-lobby-list .popup .subtitle, .block-lobby .block-lobby-item.new-member &gt; .block-lobby-list .popup .sub-list p {
      color: #09685e !important; }
    .block-lobby .block-lobby-item.rebate &gt; .block-lobby-list .popup .subtitle, .block-lobby .block-lobby-item.rebate &gt; .block-lobby-list .popup .sub-list p {
      color: #9c6729 !important; }
    .block-lobby .block-lobby-item.featured &gt; .block-lobby-list .popup .subtitle, .block-lobby .block-lobby-item.featured &gt; .block-lobby-list .popup .sub-list p {
      color: #a19459 !important; }
    .block-lobby .block-lobby-item .block-lobby-title {
      display: block;
      width: 100%;
      margin-bottom: 1em; }
      .block-lobby .block-lobby-item .block-lobby-title span {
        display: block;
        max-width: 250px;
        font-size: 1em;
        text-transform: capitalize;
        color: white;
        padding: .35em 1em;
        margin-bottom: .3em; }
    .block-lobby .block-lobby-item .block-lobby-list {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: stretch; }
      .block-lobby .block-lobby-item .block-lobby-list .block-lobby-list-item {
        width: 14.66%;
        margin-bottom: 1em;
        margin-right: 2%; }
      .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card {
        background: #ccc;
        padding: .5em;
        cursor: pointer;
        transition: .2s ease-in; }
        .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-image {
          display: block;
          position: relative;
          width: 100%;
          height: 113px;
          overflow: hidden; }
          .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-image .block-lobby-card-image-bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: 100% !important;
            background-repeat: no-repeat !important; }
        .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-title {
          font-size: .70em;
          font-weight: bold;
          color: #333;
          text-transform: capitalize;
          text-align: center;
          background: white;
          padding: 1.2em 0;
          margin-bottom: 1px;
          min-height: 5vh;
         }
        .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action {
          background: white;
          padding: .5em 0;
          text-align: center; }
          .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .button {
            color: white;
            min-width: 150px;
            font-family: Arial, Helvetica, sans-serif, "Battambang"; }
          .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup {
            display: block;
            width: 100%;
            background: white;
            cursor: text; }
            .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-title, .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content {
              text-align: left;
              font-size: .85em; }
            .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-title {
              color: white;
              font-weight: bold;
              padding: 1em 1em;
              text-transform: capitalize; }
            .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content {
              background: white;
              padding: 1em 2em;
              color: #333; }
              .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content p, .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content ul li {
                margin-bottom: .5em; }
              .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content table {
                margin-bottom: 1em; }
              .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content table thead tr th,
              .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content table tbody tr td {
                text-align: center;
                text-transform: capitalize;
                padding: .5em 0; }
              .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content table thead tr th {
                color: white; }
              .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content .subtitle {
                color: #078c7e;
                margin-bottom: 1em;
                font-weight: bold;
                font-size: 1em; }
              .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content ul li {
                margin-left: 1em;
                color: #333; }
                .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content ul li .sub-list {
                  margin: 1em 0;
                  margin-left: 2em; }
                  .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content ul li .sub-list p {
                    margin-bottom: .1em; }
              .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content ul li button, .block-lobby .block-lobby-item .block-lobby-list .block-lobby-card .block-lobby-card-action .popup .popup-content p button {
                text-transform: uppercase;
                color: white;
                padding: .3em 2em;
                font-family: Arial, Helvetica, sans-serif, "Battambang"; }

.block-casino {
  padding: 1.5em 0; }
  .block-casino .is-flex {
    flex-flow: row wrap;
    justify-content: space-between; }
  .block-casino .casino-card {
    display: block;
    min-width: 200px;
    min-height: 300px;
    background: #dddddd;
    padding: .8em;
    margin-bottom: 15px; }
    .block-casino .casino-card:hover {
      background: #09685e; }
    .block-casino .casino-card .casino-card-image {
      background: #078c7e;
      position: relative;
      width: 200px;
      height: 200px; }
      .block-casino .casino-card .casino-card-image .casino-card-image-src {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-repeat: no-repeat;
        background-size: 100% !important; }
    .block-casino .casino-card .casino-card-title {
      text-align: center;
      background: white;
      color: #09685e;
      text-transform: capitalize;
      padding: .4em 0;
      border-bottom: 1px solid #09685e; }
    .block-casino .casino-card .casino-card-action {
      background: white;
      padding: .4em 0;
      text-align: center; }
      .block-casino .casino-card .casino-card-action .button {
        font-family: Arial;
        text-transform: uppercase;
        padding: 0 2em;
        background: #078c7e;
        border-color: #078c7e;
        color: white; }
        .block-casino .casino-card .casino-card-action .button:hover {
          background: #09685e;
          border-color: #09685e;
          color: white; }

.flex-container {
  display: flex;
  justify-content: center;
}
.flex-container .flex-container-content{
  margin: 10px;
}          
.block-account-info {
  min-height: 80vh;
  padding: 2em 0; }
  .block-account-info .block-account-info-wrapper {
    display: block;
    width: 650px;
    margin: 0 auto;
    background: #eae9ef; }
    .block-account-info .block-account-info-wrapper .account-info-header {
      display: block;
      width: 100%;
      background: #078c7e;
      display: inline-flex;
      align-items: center;
      justify-content: left; }
      .block-account-info .block-account-info-wrapper .account-info-header .account-info-header-item {
        font-size: .85em;
        margin-right: 2em;
        color: white; }
        .block-account-info .block-account-info-wrapper .account-info-header .account-info-header-item:hover, .block-account-info .block-account-info-wrapper .account-info-header .account-info-header-item.is-active {
          border-bottom: 1px solid white; }
    .block-account-info .block-account-info-wrapper .account-info-header, .block-account-info .block-account-info-wrapper .account-info-content {
      padding: .5em 1em;
      text-transform: capitalize; }
    .block-account-info .block-account-info-wrapper .account-info-content {
      min-height: 250px; }
      .block-account-info .block-account-info-wrapper .account-info-content .account-info-title {
        color: #078c7e;
        font-size: 1em;
        margin-bottom: .5em;
        font-weight: bold; }
      .block-account-info .block-account-info-wrapper .account-info-content .account-info-list-item {
        color: #333;
        margin-bottom: .5em; }
        .block-account-info .block-account-info-wrapper .account-info-content .account-info-list-item .account-info-label {
          display: inline-block;
          min-width: 30%; }
        .block-account-info .block-account-info-wrapper .account-info-content .account-info-list-item .account-info-label, .block-account-info .block-account-info-wrapper .account-info-content .account-info-list-item .account-info-value {
          font-weight: bold; }
        .block-account-info .block-account-info-wrapper .account-info-content .account-info-list-item .wallet-info-value {
          font-weight: bold;
          float: right; }
      .block-account-info .block-account-info-wrapper .account-info-content .account-info-list-item, .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-header,
      .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list {
        font-size: .85em; }
      .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-header {
        margin-bottom: .5em; }
        .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-header span {
          font-weight: bold;
          cursor: pointer; }
      .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list {
        display: block;
        border-top: 2px solid #09685e;
        margin-left: -1.2em;
        margin-right: -1.2em; }
        .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li {
          background: white;
          padding: .5em 1em;
          margin: 0 .3em;
          cursor: pointer; }
          .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li .checkbox, .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li .subject {
            display: inline-flex;
            align-items: center; }
          .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li .checkbox {
            width: 7%;
            justify-content: center; }
          .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li .subject {
            width: 92%;
            display: inline-table; }
            .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li .subject .subject-title, .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li .subject .subject-body {
              width: 100%; }
            .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li .subject .subject-title {
              display: block; }
            .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li .subject .subject-body {
              display: none;
              margin-top: .5em;
              padding: 1em;
              background: #078c7e;
              border-radius: 5px;
              color: white;
              position: relative; }
              .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li .subject .subject-body p {
                margin-bottom: .8em;
                cursor: text; }
              .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li .subject .subject-body ul li {
                background: transparent;
                cursor: text; }
              .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li .subject .subject-body .hide {
                position: absolute;
                top: -29px;
                right: 3px;
                color: #888; }
                .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li .subject .subject-body .hide:hover {
                  color: #333; }
          .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li:nth-of-type(even) {
            background: #eae9ef; }
          .block-account-info .block-account-info-wrapper .account-info-content .account-info-table-list li:hover {
            background: #cfcfd2; }
      .block-account-info .block-account-info-wrapper .account-info-content hr {
        background-color: #ccc; }
      .block-account-info .block-account-info-wrapper .account-info-content .is-half {
        width: 50%; }
      .block-account-info .block-account-info-wrapper .account-info-content .btn-long {
        background: #09685e;
        border-color: #09685e;
        color: white;
        text-transform: capitalize;
        padding: 0 3em; }
        .block-account-info .block-account-info-wrapper .account-info-content .btn-long:hover {
          background: #078c7e;
          border-color: #078c7e;
          color: white; }
      .block-account-info .block-account-info-wrapper .account-info-content .is-grouped .input-value {
        min-width: 350px;
        padding-left: 170px; }
      .block-account-info .block-account-info-wrapper .account-info-content .is-grouped .input-label {
        width: 165px;
        justify-content: left;
        padding: 10px; }
        .block-account-info .block-account-info-wrapper .account-info-content .is-grouped .input-label span {
          color: #333; }
        .block-account-info .block-account-info-wrapper .account-info-content .is-grouped .input-label::after {
          content: '';
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          border-right: 1px solid #333;
          width: 1px;
          height: 15px; }
      .block-account-info .block-account-info-wrapper .account-info-content .is-grouped .icon {
        pointer-events: auto !important; }
        .block-account-info .block-account-info-wrapper .account-info-content .is-grouped .icon.is-right {
          cursor: pointer; }


.block-account-info .block-account-info-wrapper .wallet-balance-info-header {
  display: block;
  width: 100%;
  background: #078c7e;
  display: inline-flex;
  align-items: center;
  justify-content: left; }
.block-account-info .block-account-info-wrapper .wallet-balance-info-header .wallet-balance-info-header-item {
  font-size: .85em;
  margin-right: 10em;
  color: white; }
.block-account-info .block-account-info-wrapper .wallet-balance-info-header .wallet-balance-info-header-item:hover, .block-account-info .block-account-info-wrapper .wallet-balance-info-header .wallet-balance-info-header-item.is-active {
  border-bottom: 1px solid white; }
.block-account-info .block-account-info-wrapper .wallet-balance-info-header, .block-account-info .block-account-info-wrapper .account-info-content {
  padding: .5em 1em;
  text-transform: capitalize; }
.block-account-info .block-account-info-wrapper .wallet-balance-info-content {
  text-transform: capitalize; }
.block-account-info .block-account-info-wrapper .wallet-balance-info-content .wallet-balance-list-item-color {
  color: #333;
  background: #D3E0E3 !important;
  padding: .29em 1em;
  line-height: 18px;}
.block-account-info .block-account-info-wrapper .wallet-balance-info-content .wallet-balance-list-item {
  color: #333;
  padding: .29em 1em;
  line-height: 18px; }
.block-account-info .block-account-info-wrapper .wallet-balance-info-content .wallet-balance-list-item .account-info-value {
  font-weight: bold;
  font-size: .85em; }
.block-account-info .block-account-info-wrapper .wallet-balance-info-content .wallet-balance-list-item-color .account-info-value {
  font-weight: bold;
  font-size: .85em; }
.block-account-info .block-account-info-wrapper .wallet-balance-info-content .wallet-balance-list-item-color .wallet-info-value {
  font-weight: bold;
  float: right;
  font-size: .85em; }
.block-account-info .block-account-info-wrapper .wallet-balance-info-content .wallet-balance-list-item .wallet-info-value {
  font-weight: bold;
  float: right;
  font-size: .85em; }

.block-records {
  display: block;
  padding: 3em 0;
  min-height: 80vh; }
  .block-records hr {
    background-color: #09685e;
    margin: 1em 0;
    height: 1px; }
  .block-records .record-wrapper {
    display: block;
    background: white;
    width: 900px;
    margin: 0 auto; }
    .block-records .record-wrapper .record-header {
      display: block; }
    .block-records .record-wrapper .button {
      text-transform: capitalize;
      background: #09685e;
      border-color: #09685e;
      color: white; }
      .block-records .record-wrapper .button:hover, .block-records .record-wrapper .button.is-active {
        background: #078c7e;
        border-color: #078c7e;
        color: white; }
    .block-records .record-wrapper .record-block {
      margin-bottom: 1em; }
      .block-records .record-wrapper .record-block .record-block-title {
        font-size: .75em;
        color: white;
        background: #09685e;
        padding: .4em 1em; }
      .block-records .record-wrapper .record-block .record-block-body {
        background: #eae9ef;
        padding: 1em; }
        .block-records .record-wrapper .record-block .record-block-body .products select, .block-records .record-wrapper .record-block .record-block-body .product_children select,
        .block-records .record-wrapper .record-block .record-block-body .date-from, .block-records .record-wrapper .record-block .record-block-body .date-to {
          width: 150px; }
        .block-records .record-wrapper .record-block .record-block-body .is-grouped {
          margin-bottom: 0;
          overflow: hidden; }
          .block-records .record-wrapper .record-block .record-block-body .is-grouped label {
            line-height: 2.5em; }
          .block-records .record-wrapper .record-block .record-block-body .is-grouped .field {
            margin-right: 15px; }
          .block-records .record-wrapper .record-block .record-block-body .is-grouped .search-btn {
            font-family: Arial, Helvetica, sans-serif, "Battambang" !important;
            padding: .3em 2em; }
          .block-records .record-wrapper .record-block .record-block-body .is-grouped .btn-long {
            padding: .3em 3em !important; }
          .block-records .record-wrapper .record-block .record-block-body .is-grouped .background {
            line-height: 2.35em !important;
            min-width: 180px;
            padding: 0.08em 2em;
            background: white;
            margin-right: -1.5em;
            position: relative; }
            .block-records .record-wrapper .record-block .record-block-body .is-grouped .background::after {
              content: '';
              position: absolute;
              display: block;
              width: 1px;
              height: 1em;
              top: 30%;
              right: 3px;
              border-left: 1px solid #333; }
          .block-records .record-wrapper .record-block .record-block-body .is-grouped .account-input {
            min-width: 400px !important;
            padding-left: 156px; }
          .block-records .record-wrapper .record-block .record-block-body .is-grouped .account-label {
            width: 150px;
            justify-content: left !important;
            padding-left: 10px !important; }
            .block-records .record-wrapper .record-block .record-block-body .is-grouped .account-label span {
              color: #333;
              text-transform: capitalize; }
            .block-records .record-wrapper .record-block .record-block-body .is-grouped .account-label::after {
              content: '';
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              right: 0;
              border-right: 1px solid #333;
              width: 1px;
              height: 15px; }
        .block-records .record-wrapper .record-block .record-block-body .record-block-table {
          margin: 0 -1em;
          min-height: 25vh; }
          .block-records .record-wrapper .record-block .record-block-body .record-block-table table thead {
            background: #09685e; }
            .block-records .record-wrapper .record-block .record-block-body .record-block-table table thead th {
              color: white;
              text-align: center;
              padding: .5em; }
          .block-records .record-wrapper .record-block .record-block-body .record-block-table table th, .block-records .record-wrapper .record-block .record-block-body .record-block-table table td {
            font-size: .75em; }
        .block-records .record-wrapper .record-block .record-block-body .bank {
          display: inline-block;
          background-color: white;
          border-radius: .3em;
          overflow: hidden;
          margin-right: .3em;
          padding: .3em; }
          .block-records .record-wrapper .record-block .record-block-body .bank .bank-wing, .block-records .record-wrapper .record-block .record-block-body .bank .bank-aba, .block-records .record-wrapper .record-block .record-block-body .bank .bank-acleda, .block-records .record-wrapper .record-block .record-block-body .bank .bank-true {
            background-position: 0 0;
            background-size: 200% !important;
            background-repeat: no-repeat !important;
            width: 75px;
            height: 75px; }
          .block-records .record-wrapper .record-block .record-block-body .bank .bank-wing {
            background: url(../../img/web_asset/banks/wing.png); }
          .block-records .record-wrapper .record-block .record-block-body .bank .bank-aba {
            background: url(../../img/web_asset/banks/aba.png); }
          .block-records .record-wrapper .record-block .record-block-body .bank .bank-acleda {
            background: url(../../img/web_asset/banks/acleda.png); }
          .block-records .record-wrapper .record-block .record-block-body .bank .bank-true {
            background: url(../../img/web_asset/banks/true.png); }
          .block-records .record-wrapper .record-block .record-block-body .bank:hover, .block-records .record-wrapper .record-block .record-block-body .bank.is-active {
            background-color: #078c7e; }
            .block-records .record-wrapper .record-block .record-block-body .bank:hover .bank-wing, .block-records .record-wrapper .record-block .record-block-body .bank:hover .bank-aba, .block-records .record-wrapper .record-block .record-block-body .bank:hover .bank-acleda, .block-records .record-wrapper .record-block .record-block-body .bank:hover .bank-true, .block-records .record-wrapper .record-block .record-block-body .bank.is-active .bank-wing, .block-records .record-wrapper .record-block .record-block-body .bank.is-active .bank-aba, .block-records .record-wrapper .record-block .record-block-body .bank.is-active .bank-acleda, .block-records .record-wrapper .record-block .record-block-body .bank.is-active .bank-true {
              background-position-x: 100%; }

.block-slots {
  min-height: 70vh;
  padding: 2em 0; }
  .block-slots .is-flex {
    flex-flow: row wrap;
    justify-content: flex-start; }
  .block-slots .slot-menu {
    width: 15%;
    border-right: 1px solid #09685e; }
    .block-slots .slot-menu .slot-menu-wrapper {
      margin-top: 2em;
      margin-right: 20px; }
    .block-slots .slot-menu .slot-menu-item {
      font-size: 1em;
      color: #078c7e;
      text-transform: capitalize;
      padding: 1em 0;
      border-bottom: 1px solid;
      transition: .2s ease-in;
      cursor: pointer; }
      .block-slots .slot-menu .slot-menu-item .slot-icon, .block-slots .slot-menu .slot-menu-item .icon {
        margin-right: 5px; }
      .block-slots .slot-menu .slot-menu-item .slot-icon {
        display: inline-block;
        vertical-align: middle; }
      .block-slots .slot-menu .slot-menu-item .slot-icon-bg {
        background: url(../../img/web_asset/icons.png);
        background-position-y: 100% !important;
        background-size: 700% !important;
        width: 45px;
        height: 45px; }
        .block-slots .slot-menu .slot-menu-item .slot-icon-bg.mg {
          background-position-x: 0%; }
        .block-slots .slot-menu .slot-menu-item .slot-icon-bg.sg {
          background-position-x: -100%; }
        .block-slots .slot-menu .slot-menu-item .slot-icon-bg.pplay {
          background-position-x: -200%; }
        .block-slots .slot-menu .slot-menu-item .slot-icon-bg.haba {
          background-position-x: -300%; }
        .block-slots .slot-menu .slot-menu-item .slot-icon-bg.rtg {
          background-position-x: -400%; }
        .block-slots .slot-menu .slot-menu-item .slot-icon-bg.gs {
          background-position-x: -500%; }
        .block-slots .slot-menu .slot-menu-item .slot-icon-bg.fishing {
          background-position-x: -600%; }
      .block-slots .slot-menu .slot-menu-item:hover, .block-slots .slot-menu .slot-menu-item.is-active {
        color: #09685e;
        font-weight: bold; }
        .block-slots .slot-menu .slot-menu-item:hover .slot-icon-bg, .block-slots .slot-menu .slot-menu-item.is-active .slot-icon-bg {
          background-position-y: 0 !important; }
      .block-slots .slot-menu .slot-menu-item.is-active {
        border-bottom: 3px solid #09685e; }
  .block-slots .slot-content {
    width: 85%;
    min-height: 70vh; }
    .block-slots .slot-content .slot-content-wrapper {
      padding: 0 1.5em; }
    .block-slots .slot-content .slot-block {
      display: none; }
      .block-slots .slot-content .slot-block.open {
        display: inherit; }
    .block-slots .slot-content .slot-tabs {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 2em; }
      .block-slots .slot-content .slot-tabs .slot-tab-item {
        font-size: .85em;
        color: #078c7e;
        text-transform: capitalize;
        padding: .3em 0;
        margin-right: 3em;
        cursor: pointer; }
        .block-slots .slot-content .slot-tabs .slot-tab-item input {
          min-width: 250px; }
        .block-slots .slot-content .slot-tabs .slot-tab-item:hover, .block-slots .slot-content .slot-tabs .slot-tab-item.is-active {
          font-weight: bold;
          color: #09685e;
          border-bottom: 1px solid; }
        .block-slots .slot-content .slot-tabs .slot-tab-item.slot-search {
          border: none; }
      .block-slots .slot-content .slot-tabs.hide {
        display: none; }
    .block-slots .slot-content .slot-tab-content {
      display: none; }
      .block-slots .slot-content .slot-tab-content.show {
        display: inherit; }
      .block-slots .slot-content .slot-tab-content .is-flex {
        flex-flow: row wrap;
        justify-content: flex-start; }
    .block-slots .slot-content .slot-content-card {
      display: block;
      width: 20%;
      min-height: 200px; }
      .block-slots .slot-content .slot-content-card .slot-content-card-wrapper {
        display: block;
        width: calc(150px + .8em);
        background: #dddddd;
        padding: .4em;
        margin: 0 auto;
        margin-bottom: 15px; }
        .block-slots .slot-content .slot-content-card .slot-content-card-wrapper:hover {
          background: #09685e; }
        .block-slots .slot-content .slot-content-card .slot-content-card-wrapper .slot-content-card-image {
          background: #078c7e;
          position: relative;
          width: 150px;
          height: 97px; }
          .block-slots .slot-content .slot-content-card .slot-content-card-wrapper .slot-content-card-image.fishing {
            height: 140px !important; }
          .block-slots .slot-content .slot-content-card .slot-content-card-wrapper .slot-content-card-image .slot-content-card-image-bg {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-repeat: no-repeat;
            background-size: 100% !important; }
        .block-slots .slot-content .slot-content-card .slot-content-card-wrapper .slot-content-card-title {
          text-align: center;
          background: white;
          color: #09685e;
          text-transform: capitalize;
          padding: .4em 0;
          border-bottom: 1px solid #09685e; }
        .block-slots .slot-content .slot-content-card .slot-content-card-wrapper .slot-content-card-action {
          background: white;
          padding: .4em 0;
          text-align: center; }
          .block-slots .slot-content .slot-content-card .slot-content-card-wrapper .slot-content-card-action .button {
            font-family: Arial;
            text-transform: uppercase;
            padding: 0 2em;
            background: #078c7e;
            border-color: #078c7e;
            color: white; }
            .block-slots .slot-content .slot-content-card .slot-content-card-wrapper .slot-content-card-action .button:hover {
              background: #09685e;
              border-color: #09685e;
              color: white; }
    .block-slots .slot-content .slot-pagination {
      display: inherit;
      margin: 2em 0; }
      .block-slots .slot-content .slot-pagination.hide {
        display: none; }
      .block-slots .slot-content .slot-pagination .pagination-link.is-current {
        background-color: transparent;
        border-color: #09685e;
        color: #09685e; }

.register-bg {
  background: url(../../img/web_asset/bg/register.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  padding: 3em 0; }

.form-wrapper {
  display: block;
  max-width: 900px;
  margin: 0 auto;
  background: white;
  border-radius: .5em;
  box-shadow: 3px 3px 3px #ccc; }
  .form-wrapper .form-title {
    font-family: Arial, Helvetica, sans-serif, "battambang";
    background: #09685e;
    font-size: 1.2em;
    font-weight: bold;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    padding: .5em 0;
    text-align: center;
    color: white; }
  .form-wrapper .is-flex {
    padding: 1em; }
    .form-wrapper .is-flex .form-image {
      flex-basis: 40%;
      padding-right: .5em; }
      .form-wrapper .is-flex .form-image .the-image {
        display: block;
        width: 100%;
        height: 400px;
        background: red; }
    .form-wrapper .is-flex .form-data {
      flex-basis: 60%;
      padding: .3em;
      padding-right: 1em;
      margin: 0 auto;
      padding-bottom: 2em; }
      .form-wrapper .is-flex .form-data .form-heading {
        text-align: center;
        font-weight: bold;
        margin-bottom: 1em; }
      .form-wrapper .is-flex .form-data .form-select-group {
        display: inline-block; }
        .form-wrapper .is-flex .form-data .form-select-group .field {
          margin-right: 15px; }
          .form-wrapper .is-flex .form-data .form-select-group .field select {
            min-width: 130px; }
      .form-wrapper .is-flex .form-data button {
        width: 100% !important; }
      .form-wrapper .is-flex .form-data .tc {
        text-align: left; }
        .form-wrapper .is-flex .form-data .tc .help {
          font-size: .7em; }
        .form-wrapper .is-flex .form-data .tc a {
          color: #09685e; }
          .form-wrapper .is-flex .form-data .tc a:hover {
            text-decoration: underline; }

.help-center {
  padding: 1em 0;
  margin-bottom: 3em;
  display: block;
  min-height: 80vh; }
  .help-center .help-center-title {
    text-transform: capitalize;
    color: #09685e;
    font-size: 1.2em;
    margin-bottom: 1em; }
  .help-center .is-flex {
    flex-flow: row wrap;
    justify-content: space-between; }
    .help-center .is-flex .help-menu {
      width: 15%; }
      .help-center .is-flex .help-menu .help-menu-wrapper {
        padding-right: .3em;
        border-right: 1px solid #09685e;
        min-height: 400px;
        padding-top: .5em;
        position: relative; }
        .help-center .is-flex .help-menu .help-menu-wrapper .current-bar {
          display: block;
          position: absolute;
          transform: translate3d(0px, 0px, 0px);
          top: 0;
          height: 70px;
          width: 3px;
          background: #09685e;
          right: 0;
          transition: top .3s ease-in; }
        .help-center .is-flex .help-menu .help-menu-wrapper .m1 {
          top: 0; }
        .help-center .is-flex .help-menu .help-menu-wrapper .m2 {
          top: 80px; }
        .help-center .is-flex .help-menu .help-menu-wrapper .m3 {
          top: 175px; }
        .help-center .is-flex .help-menu .help-menu-wrapper .m4 {
          top: 270px; }
        .help-center .is-flex .help-menu .help-menu-wrapper .help-menu-item {
          display: block;
          cursor: pointer;
          width: 100%;
          float: left;
          color: #078c7e;
          margin-bottom: 70px;
          text-transform: capitalize;
          position: relative; }
          .help-center .is-flex .help-menu .help-menu-wrapper .help-menu-item .icon {
            vertical-align: middle;
            margin-bottom: 6px; }
            .help-center .is-flex .help-menu .help-menu-wrapper .help-menu-item .icon svg {
              color: white;
              border: 1px solid #078c7e;
              border-radius: 2px;
              width: 16px; }
          .help-center .is-flex .help-menu .help-menu-wrapper .help-menu-item:hover, .help-center .is-flex .help-menu .help-menu-wrapper .help-menu-item.is-active {
            color: #09685e;
            font-weight: bold; }
            .help-center .is-flex .help-menu .help-menu-wrapper .help-menu-item:hover .icon svg, .help-center .is-flex .help-menu .help-menu-wrapper .help-menu-item.is-active .icon svg {
              color: #09685e;
              border: none;
              border-radius: 2px; }
          .help-center .is-flex .help-menu .help-menu-wrapper .help-menu-item::before {
            content: "";
            display: block;
            border-left: 1px dashed #078c7e;
            width: 10px;
            height: 70px;
            position: absolute;
            top: 100%;
            left: 12px; }
          .help-center .is-flex .help-menu .help-menu-wrapper .help-menu-item.last::before {
            border: none !important; }
    .help-center .is-flex .help-content {
      width: 85%;
      padding-left: 1em; }
      .help-center .is-flex .help-content .help-content-wrapper {
        display: block;
        overflow: hidden;
        border-radius: .4em; }
        .help-center .is-flex .help-content .help-content-wrapper .help-block {
          display: block;
          margin-bottom: .2em; }
          .help-center .is-flex .help-content .help-content-wrapper .help-block:last-child {
            margin-bottom: 0; }
        .help-center .is-flex .help-content .help-content-wrapper .help-about, .help-center .is-flex .help-content .help-content-wrapper .help-tc, .help-center .is-flex .help-content .help-content-wrapper .help-member, .help-center .is-flex .help-content .help-content-wrapper .help-faq {
          display: none; }
        .help-center .is-flex .help-content .help-content-wrapper .show {
          display: block !important; }
        .help-center .is-flex .help-content .help-content-wrapper .help-content-title {
          background: #078c7e;
          color: white;
          padding: .3em .8em;
          transition: all .3s ease-in;
          cursor: pointer; }
          .help-center .is-flex .help-content .help-content-wrapper .help-content-title .icon {
            vertical-align: middle;
            transform: rotate(-90deg);
            transition: all .3s ease-in; }
          .help-center .is-flex .help-content .help-content-wrapper .help-content-title.open {
            border-top-right-radius: .4em;
            border-top-left-radius: .4em; }
            .help-center .is-flex .help-content .help-content-wrapper .help-content-title.open .icon {
              transform: rotate(0deg); }
        .help-center .is-flex .help-content .help-content-wrapper .help-content-body {
          padding: .5em .8em;
          border: 1px solid #078c7e; }
          .help-center .is-flex .help-content .help-content-wrapper .help-content-body p, .help-center .is-flex .help-content .help-content-wrapper .help-content-body ol li, .help-center .is-flex .help-content .help-content-wrapper .help-content-body ul li {
            font-size: .85em !important;
            margin: .7em 0 !important;
            margin-left: 3em !important;
            position: relative; }
          .help-center .is-flex .help-content .help-content-wrapper .help-content-body ol, .help-center .is-flex .help-content .help-content-wrapper .help-content-body ul {
            margin-bottom: .7em; }
            .help-center .is-flex .help-content .help-content-wrapper .help-content-body ol.marginless, .help-center .is-flex .help-content .help-content-wrapper .help-content-body ul.marginless {
              margin-left: -1em !important; }
          .help-center .is-flex .help-content .help-content-wrapper .help-content-body ol li {
            margin-left: 5em !important; }
          .help-center .is-flex .help-content .help-content-wrapper .help-content-body ul li {
            margin-left: 4em !important; }
          .help-center .is-flex .help-content .help-content-wrapper .help-content-body ol li, .help-center .is-flex .help-content .help-content-wrapper .help-content-body ul li {
            margin-bottom: -.3em !important; }
            .help-center .is-flex .help-content .help-content-wrapper .help-content-body ol li p, .help-center .is-flex .help-content .help-content-wrapper .help-content-body ul li p {
              font-size: 1em !important;
              color: #3ba69b;
              margin-left: 0px !important; }
          .help-center .is-flex .help-content .help-content-wrapper .help-content-body .shade {
            color: #3ba69b !important; }
          .help-center .is-flex .help-content .help-content-wrapper .help-content-body .withIndent {
            margin-left: 56px !important; }
            .help-center .is-flex .help-content .help-content-wrapper .help-content-body .withIndent li {
              margin-left: 1em !important; }
          .help-center .is-flex .help-content .help-content-wrapper .help-content-body a {
            color: #3ba69b; }
            .help-center .is-flex .help-content .help-content-wrapper .help-content-body a:hover {
              text-decoration: underline; }
          .help-center .is-flex .help-content .help-content-wrapper .help-content-body .help-content-subtitle {
            margin: 1em 0;
            font-weight: bold; }
            .help-center .is-flex .help-content .help-content-wrapper .help-content-body .help-content-subtitle::before {
              content: '';
              position: absolute;
              display: block;
              width: 15px;
              height: 15px;
              border-radius: 50%;
              background: #078c7e;
              top: 0;
              left: -2.5%; }
          .help-center .is-flex .help-content .help-content-wrapper .help-content-body .help-content-extra {
            color: #078c7e;
            font-weight: bold; }

.footer {
  background: #078c7e;
  padding: 1.5em 0; }
  .footer .column {
    border-right: 1px solid #09685e; }
    .footer .column.copy {
      border-right: 1px solid #09685e; }
    .footer .column.last {
      border-right: none; }
    .footer .column .is-flex {
      flex-flow: row wrap; }
  .footer .foot-title {
    color: white;
    font-size: .85em;
    margin-bottom: 1em; }
  .footer .foot-content {
    text-align: center;
    color: white;
    vertical-align: middle;
    font-size: .85em; }
  .footer .foot-brand-content {
    text-align: left;
    color: white;
    vertical-align: middle;
    font-size: .85em;
    line-height: 2; }
  .footer .foot-brand-img {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 75%;
    max-width: 120%;
    margin-bottom: -7.5%; }
  .footer .provider-icon {
    display: block;
    margin-right: .8em;
    margin-bottom: 1em; }
    .footer .provider-icon .p-box {
      background-position: 0 0;
      background-size: 200% !important;
      background-repeat: no-repeat; }
      .footer .provider-icon .p-box:hover {
        background-position-x: 100% !important; }
    .footer .provider-icon .bbin {
      background: url(../../img/web_asset/providers/bbin.png);
      width: 55px;
      height: 31px; }
    .footer .provider-icon .allbet {
      background: url(../../img/web_asset/providers/allbet.png);
      width: 75px;
      height: 50px;
      margin-top: -13px; }
    .footer .provider-icon .mg {
      background: url(../../img/web_asset/providers/mg.png);
      width: 126px;
      height: 31px; }
    .footer .provider-icon .haba {
      background: url(../../img/web_asset/providers/haba.png);
      width: 125px;
      height: 26px; }
    .footer .provider-icon .pplay {
      background: url(../../img/web_asset/providers/pplay.png);
      width: 91px;
      height: 39px;
      margin-top: -10px; }
    .footer .provider-icon .sg {
      background: url(../../img/web_asset/providers/sg.png);
      width: 106px;
      height: 26px;
      margin-top: -2px; }
    .footer .provider-icon .rtg {
      background: url(../../img/web_asset/providers/rtg.png);
      width: 93px;
      height: 26px; }
    .footer .provider-icon .gg {
      background: url(../../img/web_asset/providers/gg.png);
      width: 94px;
      height: 27px; }
    .footer .provider-icon .ebet {
      background: url(../../img/web_asset/providers/ebet.png);
      width: 62.5px;
      height: 15.75px; }
    .footer .provider-icon .wing {
      background: url(../../img/web_asset/providers/wing.png);
      width: 76px;
      height: 27px; }
    .footer .provider-icon .aba {
      background: url(../../img/web_asset/providers/aba.png);
      width: 98px;
      height: 17px;
      margin-top: 5px; }
    .footer .provider-icon .true {
      background: url(../../img/web_asset/providers/true.png);
      width: 90px;
      height: 18px;
      margin-top: 7px; }
    .footer .provider-icon .acleda {
      background: url(../../img/web_asset/providers/acleda.png);
      width: 85px;
      height: 21px;
      margin-top: 2px; }

@keyframes zoom {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.08); } }

/*# sourceMappingURL=main.css.map */
/*layerui*/
body .default-class .layui-layer-title{background:#333; color:#fff; border: none;}
body .default-class .layui-layer-content{word-break:normal;color:#222;}
body .default-class .layui-layer-btn{border:0px solid #E9E7E7}
body .default-class .layui-layer-btn a{background:#333;}
body .default-class .layui-layer-btn .layui-layer-btn0{border:0; color:#fff;}

body .layui-layer-lan .layui-layer-title{color:#fff; border: none;}
body .layui-layer-lan .layui-layer-content{color:#000;word-break:normal;}
body .layui-layer-lan .layui-layer-btn{border:0px solid #E9E7E7}
body .layui-layer-lan .layui-layer-btn a{background:#4476a7;}
body .layui-layer-lan .layui-layer-btn .layui-layer-btn0{border:0; color:#fff;}

body .custom-template-class .layui-layer-content{color:#000;word-break:normal;}
/*layerui end*/

.one-line{white-space: nowrap;}
.table_tr_no_top_bottom_border{border-bottom: 0px!important; border-top: 0px!important;background-color: white !important;}
.table_tr_no_bottom_border{border-bottom: 0px!important;background-color: white !important;}
.table_tr_no_top_border{border-top: 0px!important;background-color: white !important;}

.sport-card {
	display: block;
    min-width: 30vw;
    min-height: 116px;
    background: #dddddd;
    padding: .8em;
    margin-bottom: 0px;
}

.sport-card:hover {background: #09685e;}

.sport-card-image {
    background: #dddddd;
    position: relative;
    width: 30vw;
    height: 27vh;
}

.sport-card-image-src {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: 120% !important;
    width: 50%;
    margin-top: 3vh;
}

.sport-card-title {
    text-align: left;
    background: none;
	float: left;
    color: #000;    
    padding: .4em 0;
    border-bottom: 0px solid #09685e;
}

.sport-card-action {
    background: none;
    padding: .4em 0;
    text-align: right;
}

.sport-card-action .button {
    font-family: Arial;
    text-transform: uppercase;
    padding: 0 2em;
    background: #078c7e;
    border-color: #078c7e;
    color: white;
}	

.promote-video {
  margin-top: 3%;
  margin-left: 4.3%;
}

.promote-video-title {
  position: relative;
  text-align: center;
  margin-top: -7px;
}

body .layui-layer-war .layui-layer-title{color:#fff; border: none; background:#d99f00;}
body .layui-layer-war .layui-layer-content{color:#000;word-break:normal;}
body .layui-layer-war .layui-layer-btn{border:0px solid #E9E7E7}
body .layui-layer-war .layui-layer-btn a{background:#d99f00;}
body .layui-layer-war .layui-layer-btn .layui-layer-btn0{border:0; color:#fff;}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
.sport-match{
  padding: 3em 0;
}
.sport-match .is-flex {
  flex-flow: row wrap;
  /* justify-content: space-between; */
}
.match-card {
	  display: block;
    min-width: 31.5vw;
    /* min-height: 116px; */
    background: #dddddd;
    padding: .6em;
    margin-bottom: 0px;
}
 .match-card:hover {background: #09685e;}
/*.match-card h4:hover  {color: #f1f1f1;}
.match-card h1:hover  {color: #f1f1f1;}
.match-card .current-time:hover  {color: #f1f1f1;} */
.match-card-title {
  /* text-align: center; */
  background: white;
  color: #09685e;
  text-transform: capitalize;
  padding: .5em .2em;
}
.match-card-action {
    background: none;
    padding: .5em 0;
    text-align: right;
}
.match-card-action .button {
    font-family: Arial;
    text-transform: uppercase;
    padding: 0 2em;
    background: #078c7e;
    border-color: #078c7e;
    color: white;
}	
.sport-match-card {
	  display: block;
    min-width: 30vw;
    /* min-height: 116px; */
    background: #dddddd;
    padding: .8em;
    margin-bottom: 0px;
}
.sport-match-card:hover {background: #09685e;}



.sport-card-navbar {
  display: block;
  width: 20%;
  height: 170px;
  background: transparent;
  padding:0.5rem 3rem;
  text-align: center;
  display: block;
    /* margin-bottom: 15px;  */
}

.sport-card-navbar-bottom{
  display: block;
  width: 20%;
  /* min-height: 100px; */
  background: transparent;
  padding:0.5rem 3rem;
  text-align: center;
  /* margin-bottom: 15px;  */
}

.sport-card-slot {
    /* display: block;
    width: 16%;
    height: 170px;
    background: transparent;
    padding: 0.5rem 1.5rem;
    text-align: center;
    display: block; */
    /* margin-bottom: 15px;  */
    display: block;
    width: 20%;
    height: 170px;
    background: transparent;
    padding: 0.5rem 3rem;
    text-align: center;
    display: block;
}

.sport-card-navbar-slot {
    /* display: block;
    width: 16%;
    background: transparent;
    padding: 0.5rem 3rem;
    text-align: center; */
    display: block;
    width: 20%;
    background: transparent;
    padding: 0.5rem 3rem;
    text-align: center;
}



.sport-card-navbar-bottom p{
  font-weight: bold;
  color:#000;
}

/* .sport-card-navbar:hover {
  background: #e3e3e3;
} */


.sport-card-btn-navbar {
	display: block;
    min-width: 20vw;
    /* min-height: 40px; */
    padding: .8em;
    margin-bottom: 0px;
}

.widget-container{
  display: none;

}

.btn-sport {
  font-family: Arial;
  text-transform: uppercase;
  padding: 0 2em;
  background: #0B685E;
  border-color: #0B685E;
  color: white;
  border-radius: 2px;
   font-size: .75rem;

    border-width: 1px;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(.5em - 1px);
    text-align: center;
    white-space: nowrap;
}

.btn-sport-disable {
  font-family: Arial;
  text-transform: uppercase;
  padding: 0 2em;
  background: #CECECE;
  border-color: #CECECE;
  color: white;
  border-radius: 2px;
   font-size: .75rem;

    border-width: 1px;
    cursor: not-allowed;
    justify-content: center;
    padding-bottom: calc(.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(.5em - 1px);
    text-align: center;
    white-space: nowrap;
	opacity:.65
}

/*MAIN NAVI */
/* Navbar container */
.navbar2 {
  overflow: hidden;
  background-color: #09685e !important;  
}

.navbar2_active {
	background: #303030;/*black*/	
	background: -webkit-linear-gradient(#303030 0%, #555 100%);
	background: -o-linear-gradient(#303030 0%, #555 100%);
	background: -moz-linear-gradient(#303030 0%, #555 100%);
	background: linear-gradient(#303030 0%, #555 100%);
}

/* Links inside the navbar */
.navbar2 a {
  /*float: left;*/
  font-size: small;
  color: white;
  text-align: center;
  text-decoration: none;    
  border-radius: 4px;
}

.navbar2 a, .dropbtn2 {width:111.57px;} /*138.57, 122.57, 111.57, 109.57 lucky wheel */

/* The dropdown container */
.dropdown2 {
  float: left;
  overflow: hidden;
  font-family: GRegular, "Battambang";
  font-size: 1em;
  color: White;
  text-transform: capitalize;
  transition: color .3s ease-in;
}

/* Dropdown button */
.dropdown2 .dropbtn2 {  
  border: none;
  outline: none;
  color: white;
  border: 0px solid red;
  background-color: inherit;
  justify-content: center;
  font-family: GRegular, "Battambang";
  font-size: 0.9em;
  color: White;
  text-transform: capitalize;
  transition: color .3s ease-in;
  margin-top: 15px;  
}

/* Add a background color to navbar links on hover */
.navbar2 a:hover, .dropdown2:hover {
	background: #078c7e;
}

.sport-card-navbar:hover {
	background: #edf5f5;
}

.sport-card-navbar a:hover {
	background: transparent;
}

.sport-card-slot:hover {
	background: #edf5f5;
}

.sport-card-slot a:hover {
	background: transparent;
}


/* Dropdown content (hidden by default) */
.dropdown-content2 {
  display: none;
  position: absolute;
  background-color: white;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;  
}


/* Show the dropdown menu on hover */
.dropdown2:hover .dropdown-content2 {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column2 {
  float: left;
  width: 100%;
  padding: 0px;
  background-color: white;
  
}

/* Style links inside the columns */
.column2 a {
  float: none;
  color: 078c7e;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color on hover */
.mov a:hover {
  background: #000000;
    background: -webkit-linear-gradient(#000000 0%, #3e3e3e 50%, #000000 100%);
    background: -o-linear-gradient(#000000 0%, #3e3e3e 50%, #000000 100%);
    background: -moz-linear-gradient(#000000 0%, #3e3e3e 50%, #000000 100%);
    background: linear-gradient(#000000 0%, #3e3e3e 50%, #000000 100%);
}

/* Clear floats after the columns */
.row2:after {
  content: "";
  display: table;
  clear: both;
}
/************/


.theme_container {
  width:100%;
  background-color: #09685e !important;
	margin: 0 auto;	
}
.centered {
  position: absolute;
  top: 25%;
  left: 35%;
  transform: translate(-30%, -30%);
}
.left{
  position: absolute;
  top: 65%;
  left: 10%;
  transform: translate(-4%, -30%)
}

.container-sport {
  position: relative;
  text-align: center;
  color: white;
}

.navbar-container{
  margin-left: 10%;

}

.slot-promo{
  font-weight: bold;
  /* text-align: end; */
  color:#000;
  margin-left: 10px;
}

.slot-text {
    font-weight: bold;
    /* text-align: end; */
    color: #000;
    /* margin-left: 30px; */
}

.slot-container {
    margin-left: 12%;
}

@media screen and (min-width: 1408px) {
  .navbar-container {
    /* max-width: 1344px; */
    margin-left: 20%;
  }
  .slot-promo{
    margin-left: -6px;
  }
}
@media screen and (max-width: 1216px) {
    .navbar-container {
        /* max-width: 1152px; */
        margin-left: 10px;
    }
    /* .slot-promo {
        margin-left: 8px;
    }
    .sport-card-slot {
        display: block;
        width: 17%;
        height: 170px;
        background: transparent;
        padding: 0.5rem 1.5rem;
        text-align: center;
        display: block;
    }
    .sport-card-navbar-slot {
        display: block;
        width: 17%;
        background: transparent;
        padding: 0.5rem 3rem;
        text-align: center;
        margin-left: -20px;
        margin-right: 20px;
    }
    .slot-text {
        font-weight: bold;
        text-align: end;
        color: #000;
        margin-left: 15px;
    } */
}

@media screen and (min-width: 1024px) {
    .navbar-container {
        /* max-width: 960px; */
        margin-left: 15px;
    }
}

@media screen and (max-width: 1404px) {
    .navbar-container {
        /* max-width: 960px; */
        margin-left: 15px;
    }
    .slot-promo {
        margin-left: 8px;
    }
    .sport-card-slot {
        display: block;
        width: 17%;
        height: 170px;
        background: transparent;
        padding: 0.5rem 1.5rem;
        text-align: center;
        display: block;
    }
    .sport-card-navbar-slot {
        display: block;
        width: 17%;
        background: transparent;
        padding: 0.5rem 3rem;
        text-align: center;
        margin-left: -20px;
        margin-right: 20px;
    }
    .slot-text {
        font-weight: bold;
        text-align: end;
        color: #000;
        margin-left: 15px;
    }
	.slot-container {
        margin-left: 0px;
    }
}


@media screen and (min-width: 1504px){
  .navbar-container {
    /* max-width: 960px; */
    margin-left: 14%;
  }
  .slot-promo{
    margin-left: 10px;
  }
}

/*================== Special Event Use ===========================*/
.blink a{	
	font-family: cursive;
	color: #FFD700 !important;
	animation: blink 3s linear infinite;
}

@keyframes blink{
	0%{opacity: .3;}
	50%{opacity: 1;}
	100%{opacity: .3;}
}

.event h1 {
	font-size: 1.4em;	
	color: #444444;
	
	text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC;
}

.event_ul {	
	padding-left:2%;
	list-style-type: none;	
}

.orange_font {color: #fc7301;}
.green_font{color: #09685e;}

body .event-class .layui-layer-title{
	color: #FFFFFF;
	background: #078c7e;	
	font-weight:bold;
	text-transform: uppercase;
}
/*=================================================================*/

/*================== Snow Effect ===========================*/
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}

/*==========================================================*/</pre></body></html>