@import url("font.css");
@viewport { width: device-width; zoom: 1; }

::-webkit-scrollbar { background: #000f80; width: 11px; }
::-webkit-scrollbar-thumb { background: #00baf6; border: 0px solid #000; border-radius: 10px;  }
::-webkit-scrollbar-track { background: #ffffff; border-radius: 0px; }

html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-family: "Nunito", sans-serif;
  font-size: initial; 
}
.btn {
  display: inline-block;
  padding: 5px 15px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
input { outline: unset; }
a { color: #ffffff; }
a:hover { text-decoration: none; color: #ec1c12; }

.page { display: flex; }
.page.active { display: block !important; }

.themetbl { display: table; }
.themetblrow { display: block; }
.themetblcell { display: block; }
.themetblwidth { width: 100%; }
.themetblheight { height: 100%; }
.theme-container-box { width: 100%; height: auto; }

#theme { display: block; height: 100%; width: 100%; position: relative; background-size: cover; }
#theme-frame { height: auto; background: #fff; margin: auto; width: 100%; }
#theme-header-link { width: 100%; }
#theme-header-link .container { display: flex; align-content: center; justify-content: center; align-items: center; }
#theme-menu { flex-grow: 1; }
#theme-header-top { background: #e1e1e2; border-top: 2px solid transparent; }

.container { width: 1300px; margin: auto; padding:0; }
.collapse { display: none; }
.clearboth { clear: both; }

#logo { width: 160px; padding: 5px; }
.logo img { width: 100%; }

#redirectaddr {
    padding: 9px;
    text-align: center;
    font-size: 15px;
    background: #fff;
    border-radius: 20px;
    font-weight: bold;
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { text-align: right; }
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
  background: transparent;
  color: #ec1c23;
  text-transform: initial;
  font-size: 16px;
  transition: 0.2s;
  font-weight: 100;
  letter-spacing: 0px;
}
#cssmenu > ul > li::before {
  content: "";
  position: absolute;
  background-color: #ec1c23;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.2s;
  opacity: 0;
}
#cssmenu > ul > li.active::before, #cssmenu > ul > li:hover::before {
  content: "";
  position: absolute;
  background-color: #0d59ff;
  width: 100%;
  height: 3px;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.2s;
  opacity: 1;
}
#cssmenu > ul > li.active a::before { display: none; }
#cssmenu > ul > li { position: relative; margin: 0 10px; }
#cssmenu > ul > li > a {
  padding: 20px 0;
  text-transform: initial;
  font-size: 16px;
  color: #ffffff;
  font-weight: 200;
  letter-spacing: 0px;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #00aeee; font-weight: 600; }
#theme-header-link { background: #370563; }

.mobile a { color: #ffffff; font-size: medium; }
.mobile a:hover { color: #0d59ff; }
.menu-downloadapp { position: absolute; margin: -45px 0 0 15%; font-size: large; }
.menu-downloadapp a:hover { color:#fcca04; }
.menu-top-header { display: none; }
.header__logo { background-image: url(../images/logo.webp) !important; }
.clock { color: #03045e; font-size: 12px; opacity: 1; padding-right: 10px; border-right: 1px solid #00baf6; }


/*=================================== Dropdown Button ===================================*/
.dropbtn {
  background: unset;
  color: 03045e;
  border: none;
}
.dropdown {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  background: transparent;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: max-content;
  border-radius: 10px;
  padding: 5px 0 0 5px;
  left: -50%;
  box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 20%);
  z-index: 9999;
}
.dropdown-content img, button.dropbtn img { width: 28px; }
.dropdown-content a:hover { text-decoration: underline; }
.dropdown-content a {
  color: #000000;
  padding: 6px 7px;
  text-decoration: none;
  display: block;
}
.dropdown:hover .dropdown-content {
  display: block;
  padding-top: 5px;
  padding-left: 3px;
}
.dropbtn .glyphicon {
  top: 0px;
  left: 2px;
  font-size: 7px;
}
.dropdown-content img, button.dropbtn img { width: 23px; }
.dropdown-content img, .dropdown-content a { display: inline-block; }
.dropdown-content span { color: #03045e; }
.dropdown-content span:hover { color: #00b9f6; text-decoration: underline; }
.lang-active { color: #43bfff !important; }
.language .dropdown-content { left:0; }
.language { background: #6fd0fd00; }
.language span { color: #000; }
.language a {
    color: #233455;
    padding: 0;
    text-decoration: none;
    display: inline-block;
    margin: 0 2px 0 0;
}

.country-flag-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.country-info {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    float: left;
}
.country-name { font-size: 10px; margin: 0 0 3px 0; }
.country-languages { font-size: 11px; }

.header-link {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  padding: 5px 10px;
}
.header-left, .header-right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header-right { justify-content: flex-end; }
.dropbtn2 {
    background: #460096;
    padding: 5px 15px;
    border-radius: 15px;
    color: #ffffff;
    border: 0;
}
.down-list {
    list-style: none;
    color: #fff;
    float: left;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}
.down-list li {
    margin: 5px 10px;
    display: block !important;
}

/*=================================== BUTTON ===================================*/
.btn-box { display: flex; }
.btn-login {
  border: 0px solid #fff;
  border-radius: 20px;
  margin: 0 10px 0 5px;
  background: #fbb429;
}
.btn-login .btn {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  transition: 0.2s;
}
.btn-login .btn:hover {
  background: #ffffff8c;
  transition: 0.2s;
  border-radius: 20px;
  background: #6ecefc;
}
.btn-sign-up {
  border: 0px solid #000;
  border-radius: 20px;
  background: #4b1779;
  animation: 1.5s ease 0s infinite normal none move;
}
.btn-sign-up .btn {
  color: #fff;
  background: #none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  transition: 0.2s;
}
.btn-sign-up .btn:hover {
  border-radius: 20px;
  background: #6ecefc;
  transition: 0.2s;
}
@keyframes move {
        0% { opacity: .8; }
        10% { transform: translate3d(-0.01rem,0,0); }
        70% { transform: scale(0.8); box-shadow: #ffca0085 0 0 0 0.2rem; }
        80% { transform: translate3d(-0.01rem,0,0); }
        100% { transform: scale(1); box-shadow: #ffca0175 0 0 0 0.5rem; opacity: 1; }
}
.play-btn {
    position: relative;
    float: left;
    background: linear-gradient(180deg, #000f80, #0d59ff, #00baf6);
    color: #fff;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 30px;
    border: none;
    filter: drop-shadow(0px 2px 5px #000f80);
    margin: 0 0 30px 0;
}

.live-chat { padding: 0px 10px; }
.live-chat a { color: #a2aabd; }


/*=================================== CURRENCY ===================================*/
.currency {
    color: #03045e;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 5px;
}
.currency-icon img {
    width: 22px;
    margin-right: 10px;
    filter: brightness(0.4);
}
.currency p { margin: 0; }


/*=================================== MOBILE DROP MENU ===================================*/
.menu-dropdown {
    background: transparent;
    width: 60px;
    display: none;
    overflow: hidden;
}
.mobile-dropdown-content { display: none; position: absolute; }
.mobile-dropdown-content a { float: none; color: black; }
.mobile-dropdown-content a:hover { background-color: #ddd; }
.mobile-down-list { margin: 0; list-style: none; padding: 0; }
.mobile-down-list li { margin-bottom: 15px; }
.menu-dropdown:hover .mobile-dropdown-content {
    display: block;
    background: #ffffff;
    height: auto;
    width: 150px;
    z-index: 5;
    padding: 5px 0 0 10px;
    border-radius: 10px;
    margin: 5px 0 0 0;
}

/*=================================== BANNER ===================================*/
.flexslider { border: 0; margin: 0; }
.flex-control-nav { bottom: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flex-direction-nav .flex-next { right: 0; }
.flexslider .flex-control-nav li { margin: 0 13px; }
.flexslider .flex-control-paging li a {
  width: 20px;
  height: 10px;
  border-radius: 20px;
  position: absolute;
  margin-top: -3%;
  z-index: 9 !important;
  background: #9f9e9e89;
}
.flexslider .slides img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    filter: drop-shadow(0px 5px 6px #000000bd);
}
.flexslider .flex-control-paging li a.flex-active { background: #0080ff; border-radius: 20px; }
.annouc-txt {
  background: #000;
  padding: 5px 0;
  color: #fff;
  margin-bottom: -10px ;
}
.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgb(111 208 253);
    text-shadow: 1px 1px 0 rgb(255 255 255 / 80%);
}

.home-banner { margin-top: 50px; }
#mainslider { border-radius: 15px; }
.announcetext {
    border: 0px solid green;
    padding: 15px 5px 0 5px;
    background: linear-gradient(90deg, transparent, #dd5fe5, transparent);
    width: 100%;
    color: #03045e;
    overflow-x: hidden;
    position: relative;
    font-size: medium;
}
.marqIcon { display: inline-block; width: 3%; }
marquee#horizontal_scrollmsg {
    vertical-align: middle;
    display: inline-block;
    width: 94%;
}
marquee#horizontal_scrollmsg ul {
    list-style: none;
    padding: 0;
    width: 100vw;
}

/*.marquee#web_announcement { margin-bottom: -4px; }
.marqueeIcon { margin-right: 15px; }
.marqueetext { width :95%; }
.marqueetext ul { list-style: none; }*/


/*=================================== WITHDRAW ===================================*/
.empty { float: left; margin: 50px 0 0 0; width: 100%; }
.spacer { padding: 20px; }
.txt ul { padding: 0; }
.txt ul li { display: block; }
.txt ul li:first-child {
    font-size: 25px;
    font-family: 'Roboto-blk',sans-serif;
    color: #00baf6;
    font-weight: bold;
}
.min {
    color: #0a69d7;
    position: relative;
    border: 0px solid blue;
    font-size: 16px;
    font-family: 'Roboto-blk',sans-serif;
    margin: -10px 0 0 30px;
    float: right;
}
.progress {
    height: 7px;
    margin: 10px 0 0;
    overflow: hidden;
    background-color: #4bb8fc3b;
    border-radius: 4px;
}
.progress-bar {
    background-color: #2d7edd;
    float: left;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/*=================================== VIDEO & AMBASSADOR ===================================*/
.video-box  { margin-top: 30px; }
.top-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 480px;
    max-height: 600px;
}
.top-container iframe {
    width: 100%;
    display: block;
    height: 100%;
    border-radius: 10px;
}
.item-title { color: #6600ad; }
.iframe-container iframe {
    width: 100%;
    height: 480px;
    max-height: 600px;
    border-radius: 15px;
    filter: drop-shadow(0px 5px 6px #000000bd);
}
.side-banner img {
    width: 100%;
    border-radius: 15px;
    filter: drop-shadow(0px 5px 6px #000000bd);
}


#v2cashfeed table tr td{font-size:14px;padding: 6px 4px;}

/*=================================== HOME-PROMOTION ===================================*/
.hpromo {
    padding: 0;
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    margin-bottom: 50px;
}
.promo-line {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.promo-btn {
    position: relative;
    border: 0px solid red;
}
.promo-btn a {
    border: 2px solid #000f80;
    padding: 5px 20px;
    background: #4b1779;
    transition: .2s ease-in;
    border-radius: 10px;
}
.promo-sec ol {
    margin: 0;
    padding: 0;
    text-align: center;
}
.promo-sec ol li.question img {
    width: 100%; height: auto;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
ol#faq_modal {
    flex-wrap: nowrap;
    gap: 15px;
    justify-content: flex-start;
}
ol#faq_modal li.question {
    width: 32%;
    padding: 0px;
    display: inline-block;
    list-style: none;
}


/*=================================== HOME ===================================*/
.step {
  background: url(../images/step.png) no-repeat 50%;
  background-size: cover;
  height: 128px;
  display: flex;
  margin-bottom: 15px;
}
.step ul { display: flex; }
.step ul li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: calc(100% / 3);
}
.step ul li img { width: 50px; margin-right: 15px; }
.step ul li div { display: flex; flex-direction: column; }
.step ul li div span:first-child {
  font-size: 15px;
  color: #ec1200;
  font-weight: bold;
  margin-bottom: 5px;
}
.step ul li div span:nth-child(2) {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
}
.sports-section {
  background: #0f181e url(../images/section-new.png) no-repeat bottom;
  background-size: cover;
}
.sports-group {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: flex-start;
}
.item-title {
  font-size: 20px;
  text-transform: capitalize;
  margin: 10px 0;
  font-weight: bold;
}
.item-content p {
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
}
#imageCarousel .content-img {
  width: 60%;
  border: 0px solid red;
  margin: auto;
}
.content-box { position: relative; }
.content-img img { width: 100%; }
.sports-sec { width: 60%; }
#imageCarousel .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 280px;
}
#imageCarousel {
  position: relative;
  background: url(../images/red.png) right -30px bottom -30px no-repeat;
  background-size: contain;
}
.item-content {
  position: absolute;
  right: -30px;
  bottom: 69px;
  z-index: 9;
}
.item-content {
  position: absolute;
  right: -30px;
  top: 25%;
  z-index: 9;
}
span.btn {
  background: #ffffff;
  color: #c82307;
  cursor: pointer;
  padding: 2px 25px;
  white-space: nowrap;
}
.icon-box { width: 70%; display: block; margin-bottom: 12px; }
.icon-box img { width: 100%; }
.carousel-indicators li { margin: 0; }

#imageCarousel ol.carousel-indicators {
  width: fit-content;
  left: 0%;
  bottom: unset;
  top: 40px;
  right: unset;
  margin: unset;
}
#imageCarousel .carousel-indicators li, #imageCarousel .carousel-indicators .active {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  position: relative;
  width: 100px;
  height: 35px;
  background: #1e2022;
  border: unset;
  border-radius: 5px;
  z-index: 1;
  text-indent: 0;
  filter: drop-shadow(0px 0px 2px #7003089c);
}

#imageCarousel .carousel-indicators li::before, #imageCarousel .carousel-indicators li::after {
  transition: background 0.5s;
  content: "";
  position: absolute;
}
#imageCarousel .carousel-indicators li::before {
  height: 2px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #6b1315;
  z-index: 9;
}
#imageCarousel .carousel-indicators li::after {
  width: 60%;
  height: 3px;
  background: #6b1315;
  left: 0;
  right: 0;
  bottom: 2px;
  margin-left: 8px;
  z-index: 9;
  -webkit-transform: perspective(0.5em) rotateX(8deg);
  transform: perspective(0.5em) rotateX(8deg);
}
#imageCarousel .carousel-indicators li.active::before, #imageCarousel .carousel-indicators li.active::after,
#imageCarousel .carousel-indicators li:hover::before, #imageCarousel .carousel-indicators li:hover::after { background: #ec1c23; }
#imageCarousel img.provider-character {
  width: 86px;
  position: absolute;
  bottom: 0px;
  right: -8px;
  z-index: 2;
  filter: saturate(0);
}

#imageCarousel .carousel-indicators li.active img.provider-character,
#imageCarousel .carousel-indicators li:nth-child(1):hover img.provider-character,
#imageCarousel .carousel-indicators li:nth-child(2):hover img.provider-character,
#imageCarousel .carousel-indicators li:nth-child(3):hover img.provider-character,
#imageCarousel .carousel-indicators li:nth-child(4):hover img.provider-character {
  filter: saturate(1);
  transition: background 0.5s;
}

.BR, .CMD, .MAXBET, .ME {
  position: absolute;
  bottom: 12px;
  left: 8px;
  z-index: 20;
  color: #6a6a6a;
  font-size: 12px;
}
#imageCarousel .carousel-indicators li.active span,
#imageCarousel .carousel-indicators li:nth-child(1):hover .CMD,
#imageCarousel .carousel-indicators li:nth-child(2):hover .MAXBET,
#imageCarousel .carousel-indicators li:nth-child(3):hover .ME,
#imageCarousel .carousel-indicators li:nth-child(4):hover .BR { color: #ec1c23; }


/*=================================== UPCOMING EVENT ===================================*/
.event-sec { padding: 0 8%; }
.up-event {
  background: url(../images/box.png) center center no-repeat;
  background-size: cover;
  width: fit-content;
  padding: 10px 20px;
  border-radius: 20px;
}
.up-event table img {
  width: 80px;
  padding: 7px;
  background: #edededcc;
  border-radius: 50px;
  box-shadow: 0 0 2px 7px #aaaaaab8;
}
.up-event table th {
  color: #001b42;
  font-size: 18px;
  text-align: center;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
}
.up-event table tr td {
  text-align: center;
  padding: 3px 5px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}
.up-event table tr td a {
  background: #ec1c23;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  display: block;
  padding: 3px 7px;
  margin: 3px;
}
.up-event table tbody tr:first-child td:nth-child(2) {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.up-event table tbody tr:nth-child(2) td,
.up-event table tbody tr:nth-child(5) td {
  text-align: center;
  font-size: 16px;
  color: #001b42;
  font-weight: bold;
}
.up-event table tbody tr:nth-child(5) td span { font-size: 12px; font-weight: normal; }
.up-event table tbody tr:first-child td p { margin-top: -6px; margin-bottom: -10px; }
.up-event table tbody tr:nth-child(5) td p { margin: 0; margin-bottom: -11px; }
.up-event table tbody tr:nth-child(5) td:nth-child(even) { background: #ffffffa1; }
.up-event table tbody tr:nth-child(5) td:nth-child(odd) { background: #ffffff5c; }

#eventCarousel { width: fit-content; margin-top: 25px; }
#eventCarousel .carousel-control {
  bottom: unset;
  top: 43%;
  vertical-align: middle;
  height: 30px;
  width: 30px;
  background-image: unset !important;
  background: #8b8b8b;
  border-radius: 50px;
}
#eventCarousel .carousel-control .glyphicon-chevron-left,
#eventCarousel .carousel-control .glyphicon-chevron-right,
#eventCarousel .carousel-control .icon-next,
#eventCarousel .carousel-control .icon-prev {
  background: unset;
  border-radius: unset;
  font-size: 15px;
  height: unset;
  margin: unset;
  top: 0;
  transform: translateY(50%);
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
}
#eventCarousel .carousel-indicators {
  bottom: 0;
  margin-bottom: -25px;
}
#eventCarousel .carousel-indicators li.active {
  background-color: #ec1c23;
  width: 10px;
  height: 10px;
  margin: 1px;
}
#eventCarousel .carousel-indicators li {
  background-color: #9f9f9f;
  border: 0px solid #fff;
  margin: 1px;
}
#eventCarousel .carousel-control.left { left: -15px; }
#eventCarousel .carousel-control.right { right: -15px; }

.contact-box { position: relative; }
.contact-box img { width: 100%; }
.contact-list {
  display: -webkit-flex;
  display: flex;
  position: absolute;
  left: 15%;
  top: 0;
  transform: translateY(50%);
}
.contact-list li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 10px;
  cursor: pointer;
  white-space: nowrap;
}
.contact-list li svg { width: 40px; }
.contact-list svg path { fill: #ec1c12 !important; }

.contact-list li div {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.contact-list li span, .contact-list a { transition: color 0.3s; color: #fff; }
.contact-list li span:nth-child(2):hover, .contact-list a:hover { text-decoration: none; color: #ec1c23; }
.prod-section { background: #0a0a0a; }
.prod-box { display: flex; margin: 30px 0; flex-direction: column; }

.select-sec ul { border-bottom: 1px solid #2d2d2d; }
.select-sec ul li {
  padding: 10px 20px;
  background: #ec1c23;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  cursor: pointer;
  margin-right: 10px;
  border: 1px solid #ec1c12;
  color: #fff;
  list-style: none;
}
.select-sec ul li.inactive { color: #ffffff40; }
.select-sec ul li.inactive { background: #181717; border: 1px solid #ffffff40; }

.prod-section ol#faq_modal li.question {
  width: calc(100% / 3);
  list-style: none;
  padding: 10px;
}
ul#tabs {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
ul#tabs li img { width: 100%; }
ul#tabs li.inactive img {
  border-right: 0 solid #ec1c23;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
ul#tabs li img {
  border-right: 5px solid #ec1c23;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}


/*=================================== SLOT HOME ===================================*/
.slot-section { background: #181717; }
.slot-section .prod-box {
  display: flex;
  margin: 30px 0;
  flex-direction: row;
}

.jackpot { position: relative; width: 30.3%; }
.jackpot img { width: 100%; }

.jackpot span {
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.more-games { flex-grow: 3; text-align: right; }
.games { width: 100%; }
.games > ul { display: flex; }
.games-content ul {
  display: flex;
  margin: 0;
  padding: 0;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}
.games-content ul li {
  width: calc(100% / 5.5);
  margin: 4px 7px;
  transition: 0.3s;
  border-radius: 5px;
  overflow: hidden;
}
.games-content ul > li > img { width: 100%; }
.games > ul li {
  padding: 10px 20px;
  background: #ec1c23;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  cursor: pointer;
  margin-right: 10px;
  border: 1px solid #ec1c12;
  list-style: none;
}
.games > ul li.inactive { background: #181717; border: 1px solid #ffffff40; }
.games > ul li a { color: #fff; text-decoration: none; }
.games > ul li.inactive a { color: #ffffff40; }
.games > ul li.inactive { background: #181717; border: 1px solid #ffffff40; }
.games > ul li:hover a { color: #fff; transition: 0.2s; }
.games > ul li:hover { background: #ec1c23; transition: 0.2s; }
ul#tabss { border-bottom: 1px solid #2d2d2d; margin-left: -30px; }

.more-games {
  flex-grow: 3;
  text-align: right;
  padding: 10px 20px;
  font-weight: bold;
}
.more-games a {
  color: #ec1c23;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
}
.img-box { position: relative; }
.img-box img { width: 100%; }

.hover-box {
  position: absolute;
  padding-top: 15%;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: translateY(90%);
  opacity: 0;
  background: #000000c7;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.games-content ul li a { text-decoration: none; }
.games-content ul li:hover { transform: translateY(-5px); transition: 0.3s; }
.games-content ul li:hover .hover-box { transform: translateY(0); opacity: 1; transition: 0.3s; }

.hover-box span {
  width: 52%;
  margin: 5px auto;
  border-radius: 5px;
  padding: 3px;
  font-weight: bold;
  cursor: pointer;
 color:#000;
}

.txt-box { display: none;}
.txt-box {
  background: #000;
  position: relative;
  margin: 0;
  color: #fff;
  padding: 10px 10px 15px;
  justify-content: space-between;
  align-items: center;
  justify-content: space-between;
  }
.txt-box::before {
  content: "";
  height: 4px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #ec1c12;
  position: absolute;
  z-index: 9;
}
.txt-box::after {
  content: "";
  width: 40%;
  height: 6px;
  background: #ec1c12;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  margin-left: 8px;
  z-index: 9;
  -webkit-transform: perspective(0.5em) rotateX(8deg);
  transform: perspective(0.5em) rotateX(8deg);
}
img.love { width: 20px !important; }
.slot-more h3 { color: #fff; }
.slot-more { margin: 10px 0; }
.slot-more ul li img { width: 100px; }
.slot-more ul li {
  width: calc(100% / 8);
  padding: 5px;
  list-style: none;
}
.slot-more ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  text-align: center;
}

/*=================================== PLAYNOW SECTION ===================================*/
.content {
  color: #fff;
  font-size: 13px;
  text-align: center;
  padding: 10px;
}
.playnow-section {
  padding: 30px 0;
  background: #000;
}
.playnow-section ul {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.playnow-section ul li {
  margin: 10px;
  padding: 0;
  width: 25em;
  height: 21.2em;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 10px;
}
.playnow-section span.title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
}
.playnow-section ul li .hoverbox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-size: 100% 0;
  transform-origin: bottom center;
  opacity: 0;
}
.playnow-section ul li .bottom {
  opacity: 1;
  transform: translateY(100%);
  margin-top: 0;
  height: 55px;
}
.playnow-section ul li .bottom {
  opacity: 1;
  margin-top: 20px;
  height: 45px;
  transform: translateY(90%);
}
.playnow-section ul li:hover .bottom {
  transform: translateY(0%);
  opacity: 1;
  transition: transform 0.2s, opacity 0.2s;
  transition-delay: 0.3s;
}
.playnow-section ul li:first-child span.title { color: #f1c300; }
.playnow-section ul li:first-child { background: url(../images/1-new.png) center center no-repeat; }
.playnow-section ul li:first-child:hover .hoverbox {
  background: url(../images/1h-new.png) bottom center no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 24em;
  top: -40px;
  opacity: 1;
  left: 0;
  transition: background-size 0.2s, opacity 0.2s;
}
.playnow-section ul li:first-child:hover .bottom { margin-top: 20px; height: 45px; transform: translateY(0%); }
.playnow-section ul li:first-child .bottom::before { background: #f1c300; }
.playnow-section ul li:first-child .bottom { background: #f1c300; }
.playnow-section ul li:nth-child(2) span.title { color: #ec1c23; }
.playnow-section ul li:nth-child(2) { background: url(../images/2-new.png) center center no-repeat; }
.playnow-section ul li:nth-child(2):hover .hoverbox {
  background: url(../images/2h-new.png) bottom center no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 24em;
  top: -40px;
  opacity: 1;
  left: 0;
  transition: background-size 0.2s, opacity 0.2s;
}
.playnow-section ul li:nth-child(2):hover .bottom { margin-top: 20px; height: 45px; transform: translateY(0%); }
.playnow-section ul li:nth-child(2) .bottom::before { background: #ec1c23; }
.playnow-section ul li:nth-child(2) .bottom { background: #ec1c23; }
.playnow-section ul li:nth-child(3) span.title { color: #02c7bd; }
.playnow-section ul li:nth-child(3) { background: url(../images/3-new.png) center center no-repeat; }
.playnow-section ul li:nth-child(3):hover .hoverbox {
  background: url(../images/3h-new.png) bottom center no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 24em;
  top: -40px;
  opacity: 1;
  left: 0;
  transition: background-size 0.2s, opacity 0.2s;
}
.playnow-section ul li:nth-child(3):hover .bottom { margin-top: 20px; height: 45px; transform: translateY(0%); }
.playnow-section ul li:nth-child(3) .bottom::before { background: #02c7bd; }
.playnow-section ul li:nth-child(3) .bottom { background: #02c7bd; }
.playnow-section ul li:nth-child(4) span.title { color: #b401e2; }
.playnow-section ul li:nth-child(4) { background: url(../images/4-new.png) center center no-repeat; }
.playnow-section ul li:nth-child(4):hover .hoverbox {
  background: url(../images/4h-new.png) bottom center no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 24em;
  top: -40px;
  opacity: 1;
  left: 0;
  transition: background-size 0.2s, opacity 0.2s, margin-top 0.2s;
}
.playnow-section ul li:nth-child(4):hover .bottom { margin-top: 20px; height: 45px; transform: translateY(0%); }
.playnow-section ul li:nth-child(4) .bottom::before { background: #b401e2; }
.playnow-section ul li:nth-child(4) .bottom { background: #b401e2; }

.bottom-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 0 0 9px 9px;
  overflow: hidden;
}
.bottom {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 10px;
  border-radius: 0 0 9px 9px;
  height: 45px;
  margin-top: 10px;
}
.bottom::before {
  height: 5px;
  width: 40%;
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
  margin: auto;
  transform: perspective(10px) rotateX(10deg);
}
.bottom span {
  font-size: 15px;
  font-weight: bold;
  color: #000;
}


/*=================================== FOOTER ===================================*/
#theme-footer { background-image: linear-gradient(to right,#4b1779,#831583); padding: 30px 0; }
.prod-foot ul, .social ul, .pay ul, .license ul { margin: 0; padding: 0; }
.prod-foot ul li img, .social ul li img, .pay ul li img, .license ul li img { width: 100%;  height: auto;}
.footer-top { display: flex; justify-content: space-between; align-items: flex-start; }
.footer-title { color: #ffffff; margin-top: 30px; }
.footer-ctn p { margin: 3px; color: #fff; }
.footer-ctn .row {
    text-align: center;
    margin: 10px 15px 0;
    padding: 0 0 10px;
    border: 1px solid #333;
    border-radius: 20px;
    border: none;
}

.ft-1 { display: flex; }
.ft-1 ul { display: flex; flex-direction: column; margin: 0 60px 0 0; padding: 0; }
.ft-1 ul li { padding: 0px 10px 10px 0; margin: 0; list-style: none; }
.ft-1 ul li a { color: #808080; text-decoration: none; }
.ft-2 { width: 20%; }
.ft-2, .ft-3 { display: flex; flex-direction: column;}
.ft-1 img, .ft-2 img, .ft-3 img { width: auto; height: 35px; padding: 5px; margin: 10px 5px 0 0; }
.ft-1 ul li:first-child, .ft-2 ul li:first-child, .ft-3 ul li:first-child, .ft-4 .download { color: #fff; }

.certs, .g-license { margin-bottom: 30px; }
.certs ul li, .g-license ul li, .payment ul li, .social ul li { filter: grayscale(1); }
.certs ul li:hover, .g-license ul li:hover, .payment ul li:hover, .social ul li:hover { filter: grayscale(0); transition: filter 0.3s; }
.certs ul, .payment ul, .social ul, .g-license ul { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.certs ul li:first-child, .payment ul li:first-child, .social ul li:first-child, .g-license ul li:first-child { flex-grow: 0; width: 15%; }

.social ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.social ul li {
    width: 15%;
    display: inline-block;
    padding: 0 7px;
    filter: grayscale(0);
}
.pay ul li {
    width: 23%;
    display: inline-block;
    padding: 0 5px;
    margin: 10px;
}
.license ul li {
    display: inline-block;
    padding: 0 5px;
    margin: 10px;
}
.social-2 ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.social-2 ul li {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 3px 0;
  color: #fff;
}
.social-2 svg {
  fill: #575757;
  width: 30px;
  margin-right: 5px;
}
.social-2 a { color: #fff; }
.responsible li {
    list-style: none;
    margin-left: 3%;
    filter: opacity(0.6) drop-shadow(0 0 red);
}
button#cert-btn { background: none; border: none; padding: 0; }
button#cert-btn img { width: 100%; }
center { display: none; }

.copyright {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin: 30px 0 0 0;
  list-style: none;
}
.copyright p { margin: 0; color: grey; }
.copyright img { margin-left: 15px; }

.download-box {
  position: relative;
  background: #2e3035;
  margin-top: 20px;
}
.download-box img {
  width: 100%;
  margin-top: -20px;
}
.download {
  display: flex;
  flex-direction: column;
}
.download-box p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
}
.download-os {
  display: flex;
  border: 1px solid #2e3035;
  justify-content: space-evenly;
}
.download-os img {
  width: 55px;
  background: #fff;
}
.d-android, .d-ios {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 5px;
}
.d-btn { padding: 10px; }
.d-btn a {
  background: #ec1c23;
  padding: 4px;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  font-size: 10px;
}

.footer-line { width: 100%; border-bottom: 1px solid #252526; }
.footer-mid { padding: 20px 0; }
#more { display: none; }
.footer-mid h3 { font-size: 14px; color: #fff; font-weight: bold; }
.footer-mid p { margin: 0; color: grey; }
.footer-mid button#myBtn {
  background: unset;
  text-decoration: underline;
  margin: 0;
  padding: 15px 0;
  color: grey;
  font-size: 10px;
  outline: none;
  border: 0;
}

.fb-1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 10px 0 30px 0;
}
.fb-1 .logo {
  width: 12%;
  padding: 10px;
  filter: grayscale(1) contrast(0.1);
}


/*=================================== GAME ===================================*/
#theme-contain-poker ul#game-tabs::after, #theme-contain-lottery ul#game-tabs::after { flex: unset; }
.prod-page { background: #000; }
.prod-page .games-content img { width: 100%; }
.games-content { position: relative; }

.games-box {
  position: absolute;
  top: 50%;
  right: 15%;
  transform: translateY(-70%);
  width: 30%;
  text-align: center;
}
.game-logo { width: 60%; margin: auto; }
.game-log img { width: 100%; }
.game-desc { padding: 20px 0 30px; }
.game-desc span { font-size: 20px; color: #fff; }

.game-btn a {
  cursor: pointer;
  background: #ec1c23;
  padding: 5px 30px;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

ul#game-tabs {
  display: flex;
  margin: 0;
  justify-content: center;
  flex-wrap: wrap;
  padding: 30px;
}
ul#game-tabs::after { content: ""; flex: auto; }
ul#game-tabs li {
  border: 0px solid red;
  list-style: none;
  padding: 7px;
  width: 15%;
  margin: 5px 10px;
  background: #2e2d2d;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
ul#game-tabs li:hover {
  transform: translateY(-10%);
  transition: 0.3s;
  transition-delay: 0.1s;
}
ul#game-tabs li img { width: 100%; }
ul#game-tabs li::before {
  content: "";
  height: 3px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #ec1c12;
  position: absolute;
  z-index: 9;
}
ul#game-tabs li::after {
  content: "";
  width: 60%;
  height: 5px;
  background: #ec1c12;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  margin: auto;
  z-index: 9;
  -webkit-transform: perspective(0.5em) rotateX(8deg);
  transform: perspective(0.5em) rotateX(8deg);
}
.prod-page .container {
  margin-top: -5%;
}


/*=================================== SLOT ===================================*/
#theme-contain-slot { background: #fff ; }
.slot-banner {
  background: url(../images/slotbanner.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
}
.slot-banner img { width: 100%; }

.slot-jackpot {
  position: absolute;
  bottom: 108px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 22%;
}

.jackpot-title { color: #9c9c9c; font-weight: bold; }
ul#slot-tabs { display: flex; padding: 0px 10px 0px 30px; flex-direction: column; }
ul#slot-tabs li { padding: 10px 0; list-style: none; }
ul#slot-tabs li:not(:last-child) { border-bottom: 1px solid #3f4143; }
ul#slot-tabs li img { width: 100px; }
ul#slot-tabs li.inactive { filter: grayscale(1); }

.slot-jackpot .jackpot { position: unset; }
.slot-jackpot #jackpot { position: unset; color: #fff000; }
.slot-jackpot .jackpot span { color: #fff000; font-size: 35px; }
.slot-container { display: flex; width: auto; }
.slot-side { background: #282828; border-radius: 20px 0 0 20px; }
.slot-game { padding: 15px 0px 15px 20px; }
.slot-game .games-content ul li { width: calc(100% / 5); padding: 10px; margin: 0; }
.slot-game .more-games { text-align: left; padding: 20px 10px; }

ul#games-subtab {
  padding: 10px 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
ul#games-subtab li {
  padding: 0px 35px;
  list-style: none;
  color: #5c5c5c;
  border-right: 1px solid #606060;
  cursor: pointer;
  font-weight: bold;
}
ul#games-subtab li:not(.inactive) {
  color: #ec1c12;
}

/*VIP*/
#theme-contain-vip {
  background: #131112;
}
.vip-banner {
  position: relative;
}
.vip-banner img {
  width: 100%;
}
.vip-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 25%;
  margin-right: 10%;
}
.vip-title h4 {
  font-weight: bold;
  color: #fff;
}
.vip-title p {
  color: #909090;
}
.vip-table {
  width: 80%;
  margin: auto;
}
.vip-table table {
  margin: auto;
  width: 100%;
}
.vip-table th:first-child,
.vip-table td:first-child {
  text-align: left;
  color: #fff;
}
.vip-table th,
.vip-table td {
  text-align: center;
  padding: 15px;
  font-size: 13px;
  color: gold;
}
.vip-table tr.table-top,
.vip-table table tbody {
  border-bottom: 1px solid #363434;
}
.vip-table thead tr:nth-child(2) {
  background: unset;
}
.vip-table th {
  color: #ffa012;
}
.vip-table th:first-child {
  color: #ffab16;
}
.vip-table tr td:first-child {
  width: 40%;
}
.vip-table tr.table-top th {
  border: unset;
}
.vip-table tr.table-top th:first-child {
  vertical-align: bottom;
  background: unset;
  color: #ff9608;
  font-size: 23px;
  font-weight: bold;
}

.vip-table tr th img {
  width: 80%;
  padding: 15px;
}
.vip-table tr td img {
  width: 14%;
}
.vip-table > p {
  margin-top: 40px;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
ul.vip-info {
  margin: 0;
  padding: 15px;
}
ul.vip-info li {
  padding: 10px 5px;
  color: #858385;
  list-style: circle;
}

/*========== PROMOTION ==========*/
#theme-contain-promotion {
  background: #fff;
  background-size: cover;
}
#cms5-faq-list li#faq {  list-style: none;  }

.tab {
    margin: 30px 0;
    overflow: hidden;
    background: #f3f5f6;
    border-radius: 10px;
    padding: 0 15px;
}
.tab .promo-tablinks {
    border: 0;
    border-radius: 0;
    margin: 0;
    background-color: #f3f5f6;
    color: #a5a5a5;
    margin: 5px 5px;
}
.tab button {
    float: left;
    background-color: #fff;
    border: 2px solid #000f80;
    border-radius: 20px;
    cursor: pointer;
    margin: 0 1px;
    padding: 5px 10px;
    transition: 0.3s;
    text-transform: uppercase;
    font-weight: bold;
}
.promo-tablinks:hover { color: #00aeee; }
.promo-tablinks.active { color: #000f80; border-bottom: 3px solid #000f80; }
.sort-title { float: left; }
.promo { display: flex; flex-direction: row; }
.promo-wrapper { margin-bottom: 30px; }
.answer { text-align: center; }
.answer img { border-radius: 15px; }
#promobox ol#faq_modal li.question { width: 100%; }
#promobox ol#faq_modal { display: flex; flex-direction: column; }
.info h3 { color: #2dacfb; margin: 0px; }
.info h5 { color: #000f80; margin-bottom: 20px; }

.promo-row img {  width:100%;  }
.promo-count .glyphicon { margin: 0 10px 0 0; }
.promo .info { padding: 0px; }
.promo .row{ width: 100%; }
.promo a { text-decoration: none; }
.pbtn-apply { background: #e12c12; }

.promo-count {
    padding: 30px 0 0 30px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #d7a01c;
}
.promo .tnc-btn {
    color: #fff;
    padding: 7px 10px;
    background: linear-gradient(to left, #8e8919, #DCCF11);
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-left: 0 !important;
    cursor: pointer;
    margin-right: 10px;
}
.promo .join-btn {
    color: #fff;
    padding: 7px 20px;
    background: linear-gradient(to left, #096cd8, #25aae1);
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-left: 0 !important;
    cursor: pointer;
}
.promo-count span {
    font-size: 12px;
    color: #535d64;
}
.promo {
  padding: 5px 0;
  display: flex;
  flex-direction: row;
}
.promo-img {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.promo-img img {
  width: 100%;
}
.promo-txt {
  position: relative;
  color: #5a5a5a;
  background: #000;
  border-radius: 0 0 20px 20px;
  padding: 15px;
}
.promo-txt span {
  color: #ec1c12;
}
.promo-txt::before {
  height: 3px;
  background: #ec1c12;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
}
.promo-txt::after {
  height: 3px;
  background: #ec1c12;
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  width: 30%;
  margin: auto;
  transform: perspective(0.5em) rotateX(354deg);
  content: "";
}
.promo-txt h3 {
  color: #fff;
  font-weight: bold;
  margin: 0 0 15px 0;
  font-size: 19px;
}
.promo-txt p {
  font-size: 13px;
  color: #868686;
  margin-bottom: 20px;
}
.promo-btn {
  display: flex;
  padding-bottom: 5px;
}
.pbtn-info,
.pbtn-apply {
  padding: 5px 10px;
  background: #3a3a3a;
  font-size: 15px;
  border-radius: 5px;
  margin-right: 10px;
}
.promo-btn a, .pbtn-apply a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}


ol#faq_modal .promo img {
    border-radius: 15px;
    width: 100%;
}
input[type=checkbox], input[type=radio] {
    height: 10px;
    margin: 4px 5px 0 0;
}
ul#promo-tab {
  display: flex;
  margin: 0;
  padding: 0 10px;
}
ul#promo-tab li {
  padding: 5px 15px;
  color: #fff;
  list-style: none;
  font-size: 15px;
  border-right: 1px solid #383838;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.2s;
}
span.total {
  padding-left: 7px;
  color: #ec1c12;
}
ul#promo-tab li:not(.inactive),
ul#promo-tab li:hover {
  opacity: 1;
  transition: 0.2s;
}
ol#faq_modal {
  display: flex;
  flex-direction: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  gap: 15px;
  justify-content: flex-start;
}
ol#faq_modal::after {
  content: "";
  flex: auto;
}
ol#faq_modal li.question {
  width: calc(100% / 3.2);
  list-style: none;
  padding: 0px;
  display: inline-block;
}
ol#faq_modal img {
    border-radius: 15px;
    max-width: 100%;
}

.day-number { border-radius: 5px; }
.time-hour { border-radius: 5px 0 0 5px; }
.time-sec { border-radius: 0 5px 5px 0; }
.time-container {
    display: flex;
    margin-top: 5px;
}
.day-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.day-number, .time-hour, .time-min, .time-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    min-width: 40px;
    background: #e1e1e2;
    color: #4d4d4d;
}
.day-text, .time-text {
    margin: 0;
    color: #535d64;
    font-size: 12px;
}
.time-box-container {
    display: flex;
    margin: 0 10px;
}
.time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.time-colon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #e1e1e2;
    color: #4d4d4d;
    padding: 0 5px;
}


/*========== FANCYBOX ==========*/
div#faq_fbwrap {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%);
}
.tbl-list .title { font-weight: bold; font-size: large; }
.td-bg-color { background: #6fd0fd; }
.tbl-list a { color: #0770d9; }

.fancybox-inner .promo {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding: 20px;
  border-bottom: 1px solid #313131;
}
.fancybox-inner .promo-txt h3 { font-size: 15px; }
.fancybox-inner .promo-txt {
  color: #5a5a5a;
  background: #000;
  font-size: 13px;
}
.fancybox-inner .promo-txt::before, .fancybox-inner .promo-txt::after { display: none; }
.fancybox-inner > div > h4, .fancybox-inner > div > p { margin: 0; }
.fancybox-inner .promo-btn { padding-bottom: 10px; }
.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner .promo-header {
  padding: 10px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: #ec1c12;
  border-radius: 20px 20px 0 0;
}
.fancybox-inner h4 { display: none; }
.fancybox-opened .fancybox-skin {
    margin: auto !important;
    width: auto;
    height: auto;
    box-shadow: none;
}
.fancybox-skin {
    background: #fff;
    color: #fff;
    border: 0px solid red;
    padding: 30px;
    text-shadow: none;
    position: relative;
    border-radius: 4px;
}
.fancybox-inner table.tbl-list { margin: 19px 0px; }
.fancybox-inner .promo-img, .fancybox-inner .promo-txt { border-radius: 0; width: 100%; }
.fancybox-wrap, .fancybox-skin, .fancybox-outer, 
.fancybox-inner, .fancybox-image, .fancybox-wrap iframe, 
.fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 5px;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
    background: #fff;
    border-radius: 15px;
}
.fancybox-inner { 
  width: 100% !important; 
  background-color: #ffffff; 
  overflow: auto;
  height: 525px;
  color: #000 !important;}

.fancybox-wrap {
  width: 60% !important;
  margin: auto !important;
  left: 0 !important;
  right: 0 !important;
}
.fancybox-close {
  top: -11px;
  right: -1px;
}
.fancybox-inner strong {
  font-size: 15px;
  color: #fff;
}
.fancybox-inner p {
  color: #9a9a9a;
  margin-bottom: 20px;
  font-size: 14px;
}
.fancybox-inner ol li {
  color: #9a9a9a;
  font-size: 14px;
}
.fancybox-inner > div > div {
  padding: 20px;
}
.fancybox-inner table {
  width: 100%;
}

/*=================================== EC-MALL===================================*/
.intro button#customform_submit {
    width: 48.5%;
    padding: 10px;
    background: linear-gradient(0deg, #00baf6, #0a69d7);
    color: #fff;
    border: 0;
    border-radius: 20px;
    font-size: 15px;
}
.intro .modal-content {
    background: #fff;
}
div#search-bar {
    border: 1px solid #4c4c4c52;
    padding: 16px;
    border-radius: 6px;
    background: white;
    filter: drop-shadow(0px 2px 3px grey);
    max-width: 1250px;
    margin: 25px auto 0;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 24px;
    font-size: 21px;
    line-height: inherit;
    color: #0a69d7;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
#keyword {
    display: none;
    width: 40%;
}
div#price-range {
    display: inline-block;
    width: 60%;
}
label {
    font-size: 18px;
    margin: 8px 0;
    color: #0a69d7;
    display: inline-block;
    font-weight: 500;
}
#price-range input#price-min {
    border-radius: 3px;
    display: inline-block;
    width: 23%;
    padding: 0px 4px;
    height: 38px;
    border: 1px solid #0a69d7;
}
input#price-max {
    display: inline-block;
    border-radius: 3px;
    width: 23%;
    padding: 0 4px;
    height: 38px;
    border: 1px solid #0a69d7;
}
div#price-range input#stock {
    margin-left: 10px;
}
#search-form input#submit-btn {
    background: linear-gradient(to bottom, #03a1ed 0%,#004ea9 100%);
    color: white;
    padding: 15px 1px;
    border: 0px #075fc6 solid;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 800;
    box-shadow: inset 0 0 1px #000000;
    width: 14%;
    position: absolute;
    bottom: 24px;
    right: 0;
    left: unset;
    margin: 0 15px 0 0;
}
a#clear-btn { display: none;}

select#sortlist {
    border-radius: 4px;
    height: 38px;
    border: 1px solid #0a69d7;
}

/*=================================== EC-MALL PROUCT ===================================*/
#cms5-prod-list {
    width: 92%;
    max-width: 1250px;
    margin: 25px auto 0;
    text-align: center;
    padding-bottom: 20px;
}
#cms5-prod-list ul {
    background: #fff;
    border-radius: 20px;
    margin: 0px;
    padding: 32px 11px;
    display: inline-block;
    transition: 0.3s;
    height: 350px;
    border: 2px solid #ffffff;
    width: 226px;
    vertical-align: top;
    position: relative;
}
#cms5-prod-list ul li {
    list-style: none;
}
#cms5-prod-list .caption, #cms5-prod-list #desc, #cms5-prod-list #details, #cms5-prod-list #enquiry, #cms5-prod-list #code {
    display: none;
}
#cms5-prod-list ul #title a, #cms5-prod-list ul #title a:visited {
    color: #444;
    font-size: 14px;
}
#cms5-prod-list ul #price {
    color: #a10000;
    font-weight: 600;
    font-size: 15px;
}
#cms5-prod-list #addcart a {
    margin: auto;
}
div#cms5-pagenum ul {
    padding: 0;
    margin: 0;
    text-align: center;
}
div#cms5-pagenum ul li {
    display: inline-block;
    width: 3%;
    vertical-align: top;
    color: #0a69d7;
    margin: 30px 10px;
    font-weight: bold;
}
#cms5-pagenum a, a:hover, a:active, a:focus {
    color: #7d7d7d;
    text-decoration: none;
}

/*=================================== EC-MALL PROUCT PAGE ===================================*/
#cms5-prodcatlist {
    display: block;
}
div#cms5-prodcatlist ul {
    list-style: none;
    padding: 0;
    text-align: center;
}
div#cms5-prodcatlist ul li {
    display: inline-block;
    margin: 5px 2px;
    width: 12.6%;
    background: #0a69d7;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}
div#cms5-prodcatlist ul li a {
    text-transform: capitalize;
    color: #fff;
}
#back-btn a {
    border: 0px solid red;
    padding: 8px 15px;
    background: #0a69d7;
    margin-top: 33px;
    color: white;
}
#cms5-prod-view > table > tbody > tr {
    direction: rtl;
}
#cms5-prod-view > table > tbody > tr > td {
    width: 47%;
    direction: ltr;
    display: inline-block;
}
#cms5-prod-view table#particular {
    padding-top: 59px;
    margin: 70px auto;
}
#cms5-prod-view #particular #caption {
    display: none;
}
#cms5-prod-view #particular td#title {
    font-size: 30px !important;
    font-weight: 600 !important;
}
#cms5-prod-view table#particular tr td#code {
    font-size: 19px;
}
#cms5-prod-view #particular #price {
    font-size: 20px !important;
}
#cms5-prod-view table#particular tr td#price {
    color: #797979;
}
#cms5-prod-view table#particular tr td#addcart a {
    padding: 10px;
    text-align: center;
    background: linear-gradient(to bottom, #0a69d7 0%,#004ea9 100%);
    background-size: 100%;
    width: 126px;
    height: 45px;
    border: 0px;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 4px 1px #5379b3;
}
#cms5-prod-view #desc {
    border-top: 0px solid #d4d4d4;
}
#cms5-prod-view #desc td#content {
    padding-top: 40px;
}

.gcontent {
    color: #777;
    font: 12px/1.4 "helvetica neue",arial,sans-serif;
    width: 250px;
    margin: 20px auto;
}
#galleria {
    height: 260px;
}
.galleria-container {
    width: 250px;
    height: 260px;
    position: relative;
    overflow: hidden;
    background: transparent;
}
.galleria-stage {
    position: absolute;
    top: 10px;
    bottom: 60px
    right: 10px;
    overflow: hidden;
    left: -46px;
}

/*=================================== EC-MALL ADD CART ===================================*/
#prod-cart {
    width: 90%;
    margin: 0px auto;
    padding: 36px 0;
}
#prod-cart .tbllist form table {
    border: 1px solid #cccccc;
}
#prod-cart .tbllist form table tr:first-child {
    background: #ffffff;
}
#prod-cart .tbllist form table tr {
    border-bottom: 1px solid #000;
}
.tbllist.rounded.spacer tr td {
    border: 1px solid #cccccc;
}
#prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th {
    border-right: 0px solid !important;
    text-align: left;
    padding: 10px;
    background: #fbfbfb;
    font-weight: 600;
    font-size: small;
}
.tbllist.rounded.spacer tr th {
    background: #0a69d7 !important;
    border: 1px solid #0063d4;
    text-align: left;
    padding: 10px;
    width: 14%;
    color: white;
    font-weight: 600;
}

#continue-shopping {
    padding: 7px;
    background: linear-gradient(to left, #0a69d7 0%,#044590 100%);
    border-radius: 10px;
    border: 3px #517ab9 solid;
    color: #ffffff;
    box-shadow: inset 0 0 5px #000000;
    width: 14%;
    text-align: center;
    margin-top: 7px;
}
div#continue-shopping a {
    color: white;
}
.alert-warning {
    background-color: #fdfdfd00 !important;
    margin-top: 12px;
    color: red;
}
#theme-contain-prod #remoteloginform, #theme-contain-prod #customform {
    width: 26%;
    margin: 25px auto 0;
    text-align: center;
    background: #d6d6d6;
    border-radius: 17px;
    padding: 18px;
    padding: 40px 30px;
    border: 0px solid green;
}
.customform, .loginform {
    border: 0px solid green;
    margin: 0;
    text-align: right;
}
#theme-contain-prod #remoteloginform input, #theme-contain-prod #customform input {
    width: 100%;
    border-bottom: 2px solid #0a69d7 !important;
    border: 0px;
    border-radius: 0;
    background: transparent;
    color: #1b2e60;
    max-width: unset;
}
#prod-cart #remoteloginform dl, #prod-cart #customform dl {
    display: block;
}
#customform dl, #loginform dl {
    display: inline-block;
    width: 100%;
    text-align: center;
}
#theme-contain-prod #customform .caption {
    display: none !important;
}

#icon-delete {
    list-style: none;
}
#icon-delete a {
    color: #f00;
}
.tbllist .tbl td a, .tbllist .tbl td a:visited {
    color: #000;
    text-decoration: none;
    font-size: small;
    font-weight: 300;
}
.tbllist.rounded.spacer input[type="button"] {
    background: #0a69d7;
    color: white;
    border: 0px solid;
    border-radius: 4px;
    font-size: 12px;
    padding: 3px 12px;
}

#theme-contain-prod #remoteloginform input, #theme-contain-prod #customform input {
    width: 100%;
    border-bottom: 2px solid #0a69d7 !important;
    border: 0px;
    border-radius: 0;
    background: transparent;
    color: #1b2e60;
    max-width: unset;
}
#theme-contain-prod #customform dl:nth-of-type(3) dd img {
    width: 100px !important;
    margin-top: 10px;
}
#theme-contain-prod #remoteloginform input#remoteloginformsubmit, #theme-contain-prod #customform input#customform_submit {
    color: #fff;
    background: linear-gradient(to left, #0a68d3 0%,#05448d 100%);
    border-radius: 10px;
    border: 3px #517ab9 solid;
    padding: 8px;
    width: 46%;
}
#theme-contain-prod #remoteloginform input#remoteloginformsubmit, #theme-contain-prod #customform input#customform_submit:hover {
    background: linear-gradient(to right, #0a68d3 0%,#05448d 100%);
    border-radius: 10px;
    border: 3px #517ab9 solid;
    color: #d5e7ff;
}


/*========================== LOTTERY ==========================*/
.webpage-lottery .panel-body {padding:0px 15px;}
.webpage-lottery .panel {padding:0px 0px;}
.webpage-lottery .panel-default>.panel-heading {border-color: transparent;}
.webpage-lottery .liveresult-template .btn {margin:20px;}
#Perdana-3D, #Perdana-3D .small { color:#fff !important;}

#Magnumimg {
  background: url(../images/4D_magnum.png) left no-repeat #383838;
  height: 50px;
  width: 85px;
}
#PMPimg {
  background: url(../images/4D_damacai.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#Totoimg {
  background: url(../images/4D_toto.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#Singaporeimg {
  background: url(../images/4D_sgpool.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#Sabahimg {
  background: url(../images/4D_sabah88.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#Sandakanimg {
  background: url(../images/4D_stc.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#Sarawakimg {
  background: url(../images/4D_cashsweep.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#GDLottoimg {
  background: url(../images/4D_gdlotto.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#Perdanaimg {
  background: url(../images/4D_perdana.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#LuckyHari-Hariimg {
  background: url(../images/4D_luckyharihari.png) left no-repeat;
  height: 50px;
  width: 85px;
}
#GOOD4Dimg {
  background: url(../images/4D_good4d.png) left no-repeat;
  height: 50px;
  width: 85px;
}

#THV88, #GDLotto, #Toto-5D, #Toto-6D { display: none; }
#Magnum .panel-heading, #Magnum .logo { background: #f2bc00; color: #000 !important; }
#PMP .panel-heading, #PMP .logo { background: #148ea4; }
#Toto .panel-heading, #Toto .logo { background: #dd0000; }
#Singapore .panel-heading, #Singapore .logo { background: #12689a; }
#Sabah .panel-heading, #Sabah .logo { background: #eee; color: #000 !important; }
#Sandakan .panel-heading, #Sandakan .logo { background: #2f9405; }
#Sarawak .panel-heading, #Sarawak .logo { background: #094405; }
#GDLotto .panel-heading, #GDLotto .logo { background: #95650a; }
#Perdana .panel-heading, #Perdana .logo { background: #777; }
#LuckyHari-Hari .panel-heading, #LuckyHari-Hari .logo { background: #00aced; }
#GOOD4D .panel-heading, #GOOD4D .logo { background: #ffd45e; color: #000 !important; }

#Magnum .panel-default {
  border: 3px solid #f2bc00;
  border-radius: 10px;
  overflow: hidden;
}
#PMP .panel-default {
  border: 3px solid #148ea4;
  border-radius: 10px;
  overflow: hidden;
}
#Toto .panel-default {
  border: 3px solid #dd0000;
  border-radius: 10px;
  overflow: hidden;
}
#Singapore .panel-default {
  border: 3px solid #12689a;
  border-radius: 10px;
  overflow: hidden;
}
#Sabah .panel-default {
  border: 3px solid #eee;
  border-radius: 10px;
  overflow: hidden;
}
#Sandakan .panel-default {
  border: 3px solid #2f9405;
  border-radius: 10px;
  overflow: hidden;
}
#Sarawak .panel-default {
  border: 3px solid #094405;
  border-radius: 10px;
  overflow: hidden;
}
#GDLotto .panel-default {
  border: 3px solid #95650a;
  border-radius: 10px;
  overflow: hidden;
}
#Perdana .panel-default {
  border: 3px solid #777;
  border-radius: 10px;
  overflow: hidden;
}
#LuckyHari-Hari .panel-default {
  border: 3px solid #00aced;
  border-radius: 10px;
  overflow: hidden;
}
#GOOD4D .panel-default {
  border: 3px solid #ffd45e;
  border-radius: 10px;
  overflow: hidden;
}

#LuckyHari-Hari .col-sm-9 { font-size: 14px; }
#Magnum #datetime label,
#GOOD4D #datetime label,
#Sabah #datetime label {
  color: #000;
}

#datetime { text-align: right; }
#datetime label { background: transparent; }
#datetime .col-sm-12 { padding: 0; }

.panel.panel-default {
    background-color: transparent;
    height: auto;
    max-height: fit-content;
    margin-bottom: 10px;
}
.panel-body label {
  color: #fff;
  background: #000;
  padding: 4px;
  width: 100%;
}
.panel-body #TopThree .col-sm-4 { padding: 1px; }
#TopThree, #Special, #Consolation { padding: 10px 20px; }
.popwin { color: #fff; }
#TopThree { padding-top: 20px; }
#Consolation { padding-bottom: 20px; }


/*========================== LOGIN ==========================*/
.customform dl { text-align: center; }
.login { text-align: center; }
.login span { text-align: center; }
.login #customform dl { margin: 0; }
.login-btm {
  text-align: center;
  padding: 30px;
}
.login input#customform_submit {
    width: auto;
    text-align: center;
    padding: 5px 10px;
}
.login .logo {
  width: 50%;
  margin: auto;
  padding: 10px 0;
}
.login #customform {
  width: 50%;
  margin: auto;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-evenly;
  margin-bottom: 10px;
}

#customform #customform_UserName,
#customform #customform_Password {
  width: 100%;
  font-size: 15px;
  border: 0;
  border-bottom: 1px solid white;
  padding: 10px 10px 10px 0px;
  margin: 0;
  color: #fff;
  background: transparent;
  outline: unset;
}


/*========================== REGISTER ==========================*/
.register {
  display: flex;
  background: #fff;
  border-radius: 10px;
  justify-content: space-evenly;
  width: 90%;
  margin: 20px auto;
  flex-wrap: wrap;
}
.regis-content { width: 100%; }
.regis-banner { width: 100%; }
.regis-banner img {
    width: 100%;
    border-radius: 10px;
    margin: auto;
}
.regis-box {
  width: 35%;
  background: #f2f5f5;
  padding: 40px;
  float: left;
  border-radius: 10px;
}
.reg-txt {
  width: 100%;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  background: #ec1c12;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 25px;
}
.regis-info h4 {
    text-align: center;
    color: #00068f;
    font-size: 30px;
    font-weight: bold;
    margin-top: 15px;
}
.regis-info h5 {
    text-align: center;
    color: #00068f;
}
#registerform_btnSubmit,
input#customform_submit {
  background: #ffffff;
  color: #000;
  padding: 5px 30px;
  border: 0px solid #ec1c12;
  border-radius: 0 0 10px 10px;
  outline: unset;
  float: right;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

#reg-title1 {
  font-size: 36px;
  color: #fff;
  font-weight: 900;
}
#reg-desc p {
  font-weight: 800;
  font-size: 18px;
}
#reg-title1 span,
#reg-desc p {
  color: #dfdd00;
  background: #ec1c12;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#reg-desc {
  border-left: 5px solid #ec1c12;
  margin: 10px 0px 0px;
  padding: 0px 15px;
}
#reg-desc ul {
  width: 100%;
  text-align: justify;
}
#reg-desc ul li {
  padding: 10px;
  color: #000;
}
.reg p {
  font-size: 10px;
  color: grey;
  margin-top: 20px;
}
.regis-dtl {
    width: 60%;
    float: right;
    background: #f2f5f5;
    border-radius: 10px;
    padding: 40px;
}
.register #registerform {
  width: 100%;
  border: 0px solid red;
  overflow: auto;
}
.register #registerform dl { margin-bottom: 15px; }
.register #registerform dt {
  width: 100%;
  color: #927d37;
  font-size: 10px;
  display: none;
}
.register #registerform dd {
  text-align: left;
}
.register #registerform textarea,
.register #registerform input[type="text"],
.register #registerform input[type="text"],
.register #registerform input[type="password"] {
  width: 100%;
  color: #000;
  font-size: 13px;
  padding: 10px;
  background: white;
  border: 1px solid #9a9a9a !important;
  border-radius: 5px;
  margin: 5px 0;
}

.register #registerform #registerform_Currency {
  background: #fff;
  border-radius: 0px;
  width: 100%;
  color: #757575;
  border: 1px solid #9a9a9a !important;
  padding: 10px;
  border-radius: 5px;
  outline: unset;
}
.register #registerform #groupSubmit dd {
  float: left;
  width: 100%;
}
.register #registerform .btnCheckUser,
#registerform_btnSubmit {
  color: #fff;
  font-weight: bold;
  background: #ec1c12;
  padding: 10px;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 11px;
  outline: 0;
  border: 0;
}
dl#groupVerifyCode {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.register #registerform dl#groupCurrency {
  width: 100%;
}
.register input::placeholder {
  transform: translateX(0px);
  transition: 0.4s;
}
.register input:focus::placeholder {
  transform: translateX(200px);
  transition: 0.4s;
  opacity: 0;
  transition-timing-function: ease-in;
}
.register #registerform .btnCheckUser, #registerform_btnSubmit {
    color: #fff;
    font-weight: bold;
    background: #0d59ff;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 11px;
    outline: 0;
    border: 0;
}
#registerform_btnSubmit, input#customform_submit {
    background: #0d59ff;
    color: #fff;
    padding: 10px 30px;
    border: 0px solid #ec1c12;
    border-radius: 0 0 10px 10px;
    outline: unset;
    float: none;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 15px;
    border-radius: 20px;
}
.register #registerform textarea, .register #registerform input[type="text"], .register #registerform input[type="text"], .register #registerform input[type="password"] {
    width: 100%;
    color: #000;
    font-size: 13px;
    padding: 10px;
    background: white;
    border: 1px solid #9a9a9a !important;
    border-radius: 5px;
    margin: 5px 0;
    height: 40px;
}

/*========================== MODAL ==========================*/
.modal-content {
  background: linear-gradient(180deg, #000f80, #000840);
  box-shadow: 0 0 15px rgb(0 15 128 / 37%);
}
.modal-body { color: #aaaaaa; }
.modal-header {
  padding: 0;
  border: unset;
  height: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
}
.modal-header .close {
  margin-top: -1px;
  padding: 8px 13px;
  background: #ec1c12;
  opacity: 1;
  border-radius: 50%;
  color: #fff;
  text-shadow: none;
}
.modal-dialog {
  width: 40%;
  margin: 6% auto;
}


/*========================== VIP ==========================*/
#theme-contain-vip { background: #02143a; }
.vip-custom { width: 100%; margin: auto; }
.vip-banner-title { position: absolute; width: 100%; top: 35%; color: #ffffff; padding: 0 60px; }
.vip-banner-title h4 { font-size: 26px; font-weight: bold; margin: 0 0 5px 30px; }
.vip-banner-title h2 { font-size: 40px; font-weight: bold; margin: 0 0 5px 30px; }
.vip-banner-title p { font-size: 18px; margin: 0 0 5px 30px; width: 40%; }
#vip-table { border-radius: 15px; margin: auto; }
#vip-table td, #vip-table th { padding: 5px 10px; }
.vip-table-content h4, .vip-table-content h5 { color: #ffffff; font-weight: bold; }
.vip-level { text-align: center; color: #f6af01; }
.bgclr01 { text-align: center; width: 150px; }
.text-gold { color: #a68952; padding: 8px 10px !important; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.vip-tbcntnt { border-radius: 10px; }
.sml-title { font-weight: bold; font-size: 16px; }
#vip-table2 { width: 60%; margin: auto; background: #edfaff; }
#vip-table2 td { padding: 6px 10px; border: 1px solid #ffffff; }

.vip-table-content {
    width: 100%;
    margin: auto;
    color: #fff;
    margin-top: -150px;
    position: relative;
    margin-bottom: 60px;
    padding: 30px;
    border-radius: 10px;
}
.vip1 {
    background: #14264b;
    border-radius: 10px;
    color: #ffffff;
    padding: 50px;
    width: 48%;
    float: left;
    height: 500px;
}
.vip-heading1 h3{ color: #a58852; font-weight: bolder; margin: 0 0 20px 0; }
.vip-body1 li { color: #606c8e; list-style: none; }
.vip2 {
    background: #14264b;
    border-radius: 10px;
    color: #ffffff;
    padding: 50px;
    width: 48%;
    float: right;
    height: 500px;
    margin-bottom: 30px;
}
.vip-heading2 h3{ color: #a58852; font-weight: bolder; margin: 0 0 20px 0; }
.vip-body2 li { color: #606c8e; list-style: none; }
.vip-body2 h5 { margin-top: 20px; }

/*========================== CONTACT ==========================*/
.contact { text-align: center; }
.contact-malaysia, .contact-singapore, .contact-indonesia{ margin-bottom: 30px; }
.c-area { border: 0px solid red; padding: 10px; }
.c-area img { filter: drop-shadow(2px 4px 6px black); width: 50%; }
.c-inner {
    width: 55%;
    padding: 10px;
    margin: 20px auto;
    border: 1px solid #00baf6;
    border-radius: 15px;
}
p.c-title { font-size: 30px; font-weight: bolder; color: #0073ba; }
.c-inner p { text-align: center; }
.qr { width: 80%; margin: auto; }
.qr img { width: 100%; }
.center { text-align: left; margin: auto; }
.center a { color: #0d59ff; }
.feedback h1 { border-bottom: 1px solid #cbcbcb; }
.seo-line { margin-bottom: 30px; padding: 0 30px; }
.seo-line form { background: #ffffff; padding: 10px; border-radius: 10px; }
.seo-line input {
    outline: unset;
    width: 330px;
    height: 30px;
    max-height: 30px;
    max-width: 330px;
    border: 1px solid #c8c8c8;
    margin-bottom: 5px;
    background: white;
}
#TextArea1, #TextArea2 { border: 1px solid #c8c8c8; max-width: 330px; max-height: 200px; }

/*========================== JACKPOT ==========================*/
.jackpot-sec {
    position: relative;
    display: flex;
    justify-content: center;
}
.jackpot-sec img {
    width: 60%;
    margin-bottom: 30px;
    border-radius: 10px;
}
#jackpot {
    position: absolute;
    text-align: center;
    top: 25%;
    left: 20%;
    right: 0;
    width: max-content;
    margin: auto;
    font-size: 48px;
    font-weight: bold;
    color: #ffd600;
}

/*========================== HOT & NEW ==========================*/
.hot-provider {
    background: #ff650f;
    color: #fff;
    position: absolute;
    margin: -2% 0 0 10%;
    padding: 2px 10px;
    border-radius: 15px;
    font-size: 10px;
    animation: 1.0s ease 0s infinite normal none scale;
    width: 40px;
}
.new-provider {
    background: #ff0f4a;
    color: #fff;
    position: absolute;
    margin: -2% 0 0 10%;
    padding: 2px 8px;
    border-radius: 15px;
    font-size: 10px;
    animation: 1.0s ease 0s infinite normal none scale;
    width: 40px;
}
.float-dot {
    background: #f7af00;
    color: #03045e;
    position: absolute;
    left: 70%;
    padding: 2px 8px;
    border-radius: 15px;
    font-size: 10px;
    top: 5%;
    animation: move;
    animation: 1.0s ease 0s infinite normal none scale;
}
@keyframes scale{
0% { opacity: .8; }
10% { transform: translate3d(-0.01rem,0,0); }
70% { transform: scale(0.8); }
80% { transform: translate3d(-0.01rem,0,0); }
100% { transform: scale(1); opacity: 1; }
}

/*========================== SPORT/ CASINO/ SLOT =========================*/
.banner.container{ width: auto; }
.banner img { width: 100%; border-radius: 15px; }
.title { margin-bottom: 30px; }
.show { display: block; }

.seo h1, .news-title h1, .title h1 {
    color: #2dacfb;
    text-align: left;
    padding: 10px 0;
    font-weight: bold;
    border-bottom: 1px solid #cbcbcb;
}
.tab {
    margin: 30px 0;
    overflow: hidden;
    background: #f3f5f6;
    border-radius: 10px;
    padding: 0 15px;
}
.tab button.tablinks:hover { color: #000f80; }
.tab button.tablinks.active { color: #000f80; border: 1px solid #000f80; }

.tab button.tablinks {
    float: left;
    margin: 5px 5px;
    background-color: #fff;
    border: 0px solid #000f80;
    cursor: pointer;
    padding: 5px 10px;
    transition: 0.3s;
    text-transform: uppercase;
    font-weight: bold;
    color: #a5a5a5;
    border-radius: 15px;
}
.filterDiv {
  float: left;
  background-color: #2196F3;
  color: #ffffff;
  width: 100px;
  line-height: 100px;
  text-align: center;
  margin: 2px;
  display: none;
}
.btn1 {
    border-radius: 15px;
    border: 0px solid white;
    margin: 2px;
    padding: 5px 20px;
    background: #f3f5f6;
}
.btn1:hover { background-color: #000f80; color: #fff; }
.btn1.active, .btn1:active { background-color: #000f80; color: #fff; }
#myBtnContainer { margin-bottom:30px; }
.games-box center { display: block; }


/*============================== GAMES ==============================*/
.game-filter {
    display: flex;
    width: 100%;
    background: #e1e1e2;
    margin: 30px 0;
    padding: 15px;
    border-radius: 10px;
}
.gf-wrapper {
    display: grid;
    flex-direction: row;
    list-style: none;
    margin: auto;
    padding: 0;
    flex-wrap: wrap;
    grid-gap: 10px 0px;
    grid-template-columns: repeat(6,0.7fr);
}
.logo-box {
    width: 190px;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo-box.active { border: 0px solid #fe9b1c; background: #a2f5ff; }
.sport-container { margin: 0 auto 30px auto; }
.sport-pc iframe { width:100%; height: 600px; }
.divSport-title h1 { text-align: center; }
.iframe-sport { width: 100%; text-align: center; }
.iframe-sport iframe{ width: 100%; height: 600px; }

.swiper-pagination { display: none; }
.swiper-slide { width: 32% !important; }
.swiper-slide .logo-box img { width: 60px; }
.swiper-slide button { border: 0; }
.swiper-button-prev { left: 3%; }
.swiper-button-next { right: 3%; }
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    width: 27px;
    height: 44px;
    margin-top: -12%;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    top: auto;
    filter: drop-shadow(1px 1px 2px black);
}

/*========================== IMG =========================*/
.example-tabs-tabs__list { margin: 0; padding: 0; }
.example-tabs-tabs__content { background: #0b0f16; padding: 1em; }
.game-prod { display: flex; }
.game-prod>.js-tabs { display: flex; width: 100%; }
.game-prod>.js-tabs>ul.js-tablist.example-tabs-tabs__list { display: flex; flex-direction: column; background: #1a202c; }
.games-item { flex: 0 0 18%; }

.game-box {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.js-tabs { margin-bottom: 50px; }
.js-tabcontent { width: 100%; }
.js-tabs a { font-weight: bold; outline: unset; }
.img-box { position: relative; overflow: hidden; }
.img-box img { width: 100%; }

.hover-box {
    position: absolute;
    padding-top: 15%;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: translateY(90%);
    opacity: 0;
    background: #00000080;
    transition: .3s;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-top: 10%;
    justify-content: center;
}
.games-content ul li a { text-decoration: none; }
.games-item:hover { transform: translateY(-5px); transition: 0.3s; cursor: grab; }
.games-item:hover .hover-box { transform: translateY(0); opacity: 1; transition: 0.3s; }
.hover-box span { padding: 6px; margin: 3px auto; }
.hover-box span:first-child { background: #0d59ff; color: #fff; }
.hover-box span:last-child { background: #67909d; }
.games-box.active { display: block; }
.games-box {
    position: relative;
    top: 0;
    right: 0;
    transform: translateY(0%);
    width: 100%;
    text-align: left;
    display: none;
}

/*========================== BUTTON =========================*/
.js-tablist { display: flex; flex-direction: row; list-style: none; }
.js-tablist__item { margin: 5px; font-size: 15px; }
.js-tablist__item a { color: #000f80; }

#id-firsty3 .games-item,
#id-firsty4 .games-item,
#id-firsty5 .games-item,
#id-firsty6 .games-item,
#id-firsty7 .games-item,
#id-firsty10 .games-item,
#id-firsty14 .games-item,
#id-firsty15 .games-item,
#id-firsty16 .games-item,
#id-firsty17 .games-item { flex: 0 0 31%; }

#id-firsty18 .games-item {  flex: 0 0 23%; }

/*============================== PROD ==============================*/
#theme-nav {display:none;}
#theme-frame { background: #fff;}
#theme-nav { text-align: center; background: white;margin-top:15px;}
#theme-nav ul {margin:0; padding: 0;}
#theme-nav ul li {
    display: inline-flex;
    flex-direction: column;
    margin: 0px 6px;
}
#theme-nav ul li a {
    color: #fff;
    background: #0a69d7;
    padding: 10px 50px;
    border-radius: 4px;
    cursor: pointer;
}
#theme-nav ul li:first-child a {
    position: relative;
    color: #0a69d7;
}
div#theme-nav ul li:first-child a:after {
    content: "All Product";
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 0;
    right: 0;
}

span.effect-photogrp { position: relative;}
img#piclayer { position: absolute; top: -70px; left: 0px;}
#search-bar {width: 90%;max-width: 1250px;margin: 25px auto 0;}

div#offer-strike {
    font-size:12px;
    font-style: italic;
    font-weight: normal;
    text-decoration: line-through;
    color: #838383;
}


#cms5-prod-list {width: 92%;max-width: 1250px;margin: 25px auto 0;text-align: center;padding-bottom: 20px;}
#cms5-prod-list ul:hover{ box-shadow: 2px 4px 10px #d4d4d4; }
#cms5-prod-list ul li{ list-style: none; }
#cms5-prod-list .caption, #cms5-prod-list #desc, #cms5-prod-list #details, #cms5-prod-list #enquiry, #cms5-prod-list #code{ display: none; }
#cms5-prod-list #price{ font-weight: 600; font-size:15px;}
#cms5-prod-list #addcart a{ margin: auto; }

#cms5-prod-view {    margin-left: 20px;  }
#cms5-prod-view #desc td#content {padding-top: 40px;}
#cms5-prod-view > table > tbody > tr > td {width: 50%;direction: ltr;display: inline-block;}
#cms5-prod-view > table > tbody > tr {direction: rtl;}
#cms5-prod-view #particular #caption{ display: none;}
#cms5-prod-view #particular td#title{font-size: 30px !important;font-weight: 600 !important;}
#cms5-prod-view #particular #price{ font-size: 20px !important;}
#cms5-prod-view #particular #sharelink { padding: 0; }
#cms5-prod-view #desc{ border-top: 0px solid #d4d4d4;padding-top: 10px;}

#prod_cat{ display: none; }
#prod-cart .tbllist form table {  border: 1px solid #cccccc; }
#prod-cart .tbllist form table tr{ border-bottom: 1px solid #000; }
#prod-cart .tbllist form table tfoot tr:first-child{ border: 0; }
#prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th {border-right: 1px solid;text-align: center;padding: 10px;}
#prod-cart .tbllist form table tr td:last-child, #prod-cart .tbllist form table tr th:last-child{ border-right: 0; }
#prod-cart .tbllist form table tr:first-child{ background: #d4d4d4; }
#prod-cart > p > a{ color: #0008ff; }

div#back-btn {position: relative; top: 31px; left: 0px;}
#enquiry, #sharelink{ display: none; }
#back-btn a {border: 0px solid red;padding: 8px 15px;background: #0a69d7;margin-top: 33px;color: white;}
#back-btn a:hover {background: #cce1f4;color: #0a69d7;}

.ctrllist.iconx32 ul{ margin: 0; } 
#icon-delete{ list-style: none; }
#icon-delete a{ color: #f00; }
#submember-login table tr:last-child td:last-child > p:nth-child(3) > a{ text-decoration: underline; color: #0008ff; }
#submember-login table { width: fit-content; background: #efefef; }
#submember-login table tr td { padding: 10px 20px; }
#submember-login table tr:last-child td:last-child > p:nth-child(1) > a {
    background: #d4d4d4;
    padding: 5px 20px;
    display: block;
    text-align: center;
}
#submember-login input[type=submit] {
    background: #ffc903;
    padding: 5px 20px;
    display: block;
    width: 100%;
    text-align: center;
}

#prod-cart .tbllist form #continue-shopping a{
    padding: 10px;
    margin: 5px 0;
    text-align: center;
    background: #fbed86;
    display: inline-block;
    float: right;
    border-radius: 10px;
}
#prod-cart .tbllist form table input[value=UPDATE]{
  padding: 0 10px;
  background: transparent;
  text-decoration: underline;
  color: blue;
}

.gcontent {width: 500px;}
#prod-cart .tbllist form table input[value=EMPTY]{ background: transparent; }
#cms5-prod-list ul #title a, #cms5-prod-list ul #title a:visited {color: #444;}
#cms5-prod-list ul #price {color: #a10000;}
#cms5-prod-list ul #title a:hover {color: #335587;}
#cms5-prod-view table#particular tr td#code {font-size: 19px;}
#cms5-prod-view table#particular tr td#price {color: #797979;}
#cms5-prod-view table#particular tr td#addcart a {
  padding: 10px;
  text-align: center;
  background: linear-gradient(to bottom, #0a69d7 0%,#004ea9 100%);
  background-size: 100%;
  width: 126px;
  height: 45px;
  border: 0px;
  color: #fff;
  border-radius: 10px;
  box-shadow: 0px 2px 4px 1px #5379b3;
}
#cms5-prod-view table#particular tr td#addcart a:hover{
  background: linear-gradient(to top, #004ea9 0%,#0a69d7 100%);
  box-shadow: 0px 0px 0px 0px #5379b3;
  border: 2px solid #1476e8;
}
#cms5-prod-list ul #addcart a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    padding: 8px 10px;
    text-align: center;
    background:linear-gradient(to bottom, #0a69d7 0%,#004ea9 100%);
    background-size: 100%;
    width: 150px;
    height: 40px;
    border: 0px solid white;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 4px 1px #5379b3;
}
#cms5-prod-list ul #addcart a:hover {
    background: linear-gradient(to top, #004ea9 0%,#0a69d7 100%);
    box-shadow: 0px 0px 0px 0px #5379b3;
    border: 2px solid #1476e8;
}
#cms5-prod-view table#particular {padding-top: 59px;margin: 70px auto;}
#cms5-pagenum a, a:hover, a:active, a:focus {color: #7d7d7d;text-decoration: none;}
#cms5-prod-view > table > tbody > tr > td { width: 47%; }

.tbllist.rounded.spacer tr th {background: #00c3b3 !important;color: #4c4c4c;width: 15%;text-align: center;padding: 7px 0;}
.tbllist .tbl td {border-top: 1px solid #5ae;padding-left: 8px;padding-right: 8px;color: #000;}
.tbllist .tbl td a, .tbllist .tbl td a:visited {color: #000;text-decoration: none;}
.tbllist {padding: 0px;background: #ffffff;}
.tbllist .tbl tfoot td {color: #000000;}
.tbllist.rounded.spacer input[type="button"] {border: 0px solid;}

#prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th {border-right: 0px solid !important;}
#prod-cart #remoteloginform dl, #prod-cart #customform dl {display: block;}

#theme-contain-prod input#customform_submit {position: unset;}
#theme-contain-prod #customform .caption {display: none !important;}
#theme-contain-prod #customform dl:nth-of-type(3) dd {display: inline-block;vertical-align: bottom;width: 49%;}
#theme-contain-prod #customform dl:nth-of-type(3) dd img {width: 100px !important;margin-top: 10px;}
#theme-contain-prod #remoteloginform input, #theme-contain-prod #customform input {
    width: 100%;
    border-bottom:2px solid #0a69d7 !important;
    border: 0px;
    border-radius: 0;
    background: transparent;
    color: #1b2e60;
    max-width: unset;
}

div#cms5-pagenum ul { padding: 0; margin: 0; text-align: center; }
div#cms5-pagenum ul li {
    display: inline-block;
    width: 3%;
    vertical-align: top;
    color:#0a69d7;
    margin: 30px 10px;
    font-weight: bold;
}
div#search-bar { 
    border: 1px solid #4c4c4c52; 
    padding: 16px; 
    border-radius: 6px; 
    background: white; 
    filter: drop-shadow(0px 2px 3px grey);
}

legend { font-size: 24px; color:#0a69d7; }
label { font-weight: 500; font-size: 18px; margin: 8px 0; color:#0a69d7;display: inline-block; }

#keyword input.alphanumeric {
    color: black;
    border-radius: 4px;
    padding: 0 3px;
    height: 38px;
    font-size: 15px;
    width: 79%;
    border: 1px solid #1e3365;
    display: inline-block;
}
#price-range input#price-min {
    border-radius: 3px;
    display: inline-block;
    width: 23%;
    padding: 0px 4px;
    height: 38px;
    border:1px solid #0a69d7;
}
input#price-max {
    display: inline-block;
    border-radius: 3px;
    width: 23%;
    padding: 0 4px;
    height: 38px;
    border: 1px solid #0a69d7;
}
input#submit-btn {
    border-radius: 5px;
    padding: 6px;
    color: #03927c;
    font-weight: 600;
    width: 10%;
}
a#clear-btn {display:none;
    color: red;
    border-radius: 5px;
    padding: 5px 10px;
    border: unset;
    font-size: 12px;
    background: #4c4c4c45;
}
select#sortlist {
    border-radius: 4px;
    height: 38px;
    border:1px solid #0a69d7;
}
#content p {
    margin: 3px 0;
    line-height: 30px;
    display: list-item;
}
.tbllist.rounded.spacer tr th {
    background: #00c3b3 !important;
    color: #4c4c4c;
    width: 15%;
    text-align: center;
    padding: 7px 0;
}
#prod-cart .tbllist form table tr:first-child { background: #ffffff; }
#theme-contain-prod #remoteloginform input#remoteloginformsubmit, #theme-contain-prod #customform input#customform_submit {
    color: #fff;
    background: linear-gradient(to left, #0a68d3 0%,#05448d 100%);
    border-radius: 10px;
    border: 3px #517ab9 solid;
    padding: 8px;
    width: 46%;
}
.tbllist.rounded.spacer input[type="button"] {
    background: #0a69d7;
    color: white;
    border-radius: 4px;
    font-size: 12px;
    padding: 3px 12px;
}
#qty input[type="text"] { text-align: center; }
div#btn-submit button {
   background: -webkit-linear-gradient(right, #805836 0%,#d1a36d 100%);
    padding: 13px;
    width: 14%;
    color: white;
    margin-top: 13px;
    font-size: 16px;
    border: 5px #e1d0a8 solid;
    border-radius: 10px;
    box-shadow: inset 0 0 5px #000000;
}
.tbllist.rounded.spacer tr td {
    border: 1px solid #cccccc;
    padding: 12px;
    text-align: center;
    background: #fbfbfb;
}
.tbllist.rounded.spacer tr th {
    text-align: center;
    padding: 12px 0;
    background: #04a385;
    width: 14%;
    color: white;
}

#prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th {
    border-right: 1px solid;
    text-align: left;
    padding: 10px;
    background: #fbfbfb;
    font-weight: 600;
}
#prod-cart input#form_recipientName, input#form_Addr1, input#form_Addr3 {
    border: 1px solid #f1f1f1;
    border-radius: 7px;
    padding: 8px 6px;
    width: 92%;
}
#prod-cart input#form_State {
    border: 1px solid #f1f1f1;
    border-radius: 7px;
    padding: 8px 6px;
    width: 37%;
}
#prod-cart input#form_PostCode {
    border: 1px solid #f1f1f1;
    border-radius: 7px;
    padding: 8px 6px;
    width: 20%;
}
#prod-cart select#form_Country {
    border: 1px solid #f1f1f1;
    border-radius: 7px;
    padding: 8px 6px;
    width: 19%;
}
#prod-cart input#form_contact {
    border: 1px solid #f1f1f1;
    border-radius: 7px;
    padding: 8px 6px;
    width: 26%;
}
.tbllist.rounded.spacer tr th {
    background: #0a69d7 !important;
    border: 1px solid #0063d4;
    text-align: center;
}
caption {
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    background: #867560;
}
.submit, button.prev_step, input[type="submit"] {
    background: unset;
    margin-right: 11px;
    color: #ffffff;
    border: 3px solid #e1d0a8;
    padding: 1px 9px;
    border-radius: 9px;
    background: #946c3b;
}
span#name { color: red; }
div#price-range { display: inline-block; width: 44%; }
fieldset {}
#keyword { display: none; width: 40%; }

div#sort {
    float: right;
    position: absolute;
    top: 48%;
    right: 39%;
}
table#apimeminfo b {
    padding: 2px 5px;
    border-radius: 6px;
    color: #4c4c4c;
    letter-spacing: 1px;
    font-size: 13px;
}
#theme-contain-prod #remoteloginform, #theme-contain-prod #customform {
    width: 26%;
    margin: 25px auto 0;
    text-align: center;
    background: #d6d6d6;
    border-radius: 17px;
    padding: 18px;padding: 40px 30px;
}
table#apimeminfo a {
    background: -webkit-linear-gradient(right, #480505 0%,#d60013 100%);
    color: white;
    padding: 7px 25px;
    border-radius: 11px;
    border: 3px #e1d0a8 solid;
}
.galleria-stage { left: -46px; }
a#clear-btn:hover { color: #d88383; background: -webkit-linear-gradient(right, #4c4c4c 0%,#4c4c4c 100%); }
#search-form input#submit-btn:hover{ color: #ffeb92; border-color: #ff000000; }
#prod-cart .tbllist form table tr td { text-align: left; }
#btn-submit button:hover { background: #9a9a9a; color: white; }
table#apimeminfo a:hover { background: #736d6d; }

div#continue-shopping a { color: white; }
div#continue-shopping a:hover { color:#fff; }

#continue-shopping:hover { background: linear-gradient(to right, #0a69d7 0%,#044590 100%); }
#continue-shopping {
    padding: 7px;
    background: linear-gradient(to left, #0a69d7 0%,#044590 100%);
    border-radius: 10px;
    border: 3px #517ab9 solid;
    color: #ffffff;
    box-shadow: inset 0 0 5px #000000;
    width: 14%;
    text-align: center;
    margin-top: 7px;
}
#theme-contain-prod #remoteloginform input#remoteloginformsubmit, #theme-contain-prod #customform input#customform_submit:hover {
    background: linear-gradient(to right, #0a68d3 0%,#05448d 100%);
    border-radius: 10px;
    border: 3px #517ab9 solid;
    color: #d5e7ff;
}
#prod-cart {
    width: 90%;
    margin: 0px auto;
    padding: 36px 0;
}
table#apimeminfo {
    background: #dcb686;
    padding: 12px 1px;
    border-radius: 7px;
    border-spacing: 2em;
    margin: 1rem auto;
}
table#apimeminfo tr td {
    padding: 1rem 1.2rem;
    border-radius: 6px;
    border: 6px solid white;
}
.alert-warning { background-color: #fdfdfd00 !important; margin-top: 12px; color: red; }



/*========================== COLLAPSE ==========================*/
.panel-group { margin-bottom: 20px; }
.panel {
  padding: 0;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel-default>.panel-heading {
    border-color: #00baf6;
    background: linear-gradient(90deg, #4b1779, #4b1779, #4b1779);
    border-radius: 5px;
    color: #333;
}
.panel-body2 {
    padding: unset;
    color: black;
    background: #ffffff;
    margin: 10px;
    font-size: 14px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #ffffff;
}
.panel-title:hover { color: #ffc900; }
.page-panel { margin-bottom:30px; }
.panel-body2 p a{ color: #00baf6; }
.panel-body2 p a:hover { color: #ffd905; }


/*========================== COCKFIGHT & HORSE RACING ==========================*/
.cockfight-info h1 { margin-top: 0; margin-bottom: 30px; color: #6fd0fd; }
.cockfight-line { margin: 30px 0; }
.cockfight-line h1, .cockfight-line h2,.cockfight-line h3 { color: #00baf6; }
.cockfight-line p a { color: #0d59ff; }
.cockfight-line p a:hover { color: #00baf6; }
.lotto-collapse p a { color: #0d59ff; }

.racing-line { margin: 30px 0; }
.racing-info h1 { margin-top: 0; margin-bottom: 30px; color: #6fd0fd; }


/*========================== EVERYPAGE ==========================*/
.small, small { color: #141414 !important; margin-top: 5px; }
.small.w3-text-green { color: green !important; }
.small.w3-text-red { color: red !important; }

.sub-box {
  margin: 20px 20px 0 20px;
  background: #fff;
  padding: 30px;
  border-radius: 10px 10px 0 0;
  color: #6a6b6d;
}
.sub-title { font-size: 30px; font-weight: bold; padding: 0 20px; }
.sub-txt { font-size: 20px; padding: 0 20px; }
.live-tv { margin: 15px; }

#api-leaguefeed .brick > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.api-leaguefeed-free-wall .brick {
  min-height: 217px;
  margin: 10px;
  position: unset !important;
  display: inline-block;
  vertical-align: top;
  width: 18%;
  text-align: center;
}
#api-leaguefeed {
  clear: both;
  display: block;
  width: 100%;
  height: unset !important;
  position: unset !important;
  text-align: center;
}
#api-leaguefeed .brick > ul > li { padding: 5px 10px; }
#api-leaguefeed #versus {
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  padding: 20px 0;
}
#api-leaguefeed #livetv a, #api-leaguefeed #livetv a:visited {
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: #ec1c12;
  padding: 10px;
  border-radius: 10px;
}
.accordion {
  background-color: #eee0;
  color: #444;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  transition: 0.2s;
}
.accordion:hover { background-color: #000000; color: #fff; }




/*==============================================================================================*/
/*==============================================================================================*/
/*----------------------------------------------------------------------   MOBILE VIEW  ---------------------------------------------------------------------*/
/*==============================================================================================*/
/*==============================================================================================*/
@media all 
and (max-width: 932px), only screen and (-webkit-min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) 
and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min-resolution: 192dpi) 
and (max-width: 1024px), only screen and (min-resolution: 2dppx) 
and (max-width: 1024px) {
#theme-header, #theme-header-link .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
#theme-header-top .container {   width: 100%; padding: 0;  }
#theme-header-top { border-top: 0px solid transparent; }
#theme-header-link { display: none; }
#theme-header-content { order: 1; width: 100%; }
.container { min-width: 600px; width: 100%; padding: 0 15px; }
.sub-menu { display: none; }
.menu-top-header .mobile-logo img {  width: 100%; }
.menu-downloadapp { display: none; }
.menu-top-header { display: block; }
#logo { width: 50%; padding: 15px; margin: 5px 0 0 0; background: transparent; }
.logo {  margin: auto;  }
.dropdown { margin: 0; width: auto;}
.dropdown .dropbtn { width: 100%; }

#cssmenu #menu-button::before { border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff;}
#cssmenu #menu-button::after { background: #ffffff; }
#cssmenu #menu-button { display: none; color: #ffffff; padding: 16px; font-size: 20px;  }
#cssmenu > ul > li > a { font-size: 18px; color: #ffffff; font-weight: 500;  }
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {    font-size: 18px; }
#cssmenu #menu-button::before { border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff;  }

.header-link { flex-direction: row; width: 100%;}
.header-left { }
.clock { display: none; }
.header-left, .header-right { flex-direction: row;  }
.dropdown:hover .dropdown-content { left: 0px; top: 30px;  }
.down-list { margin: 0; padding: 0; }
.down-list { display: none; }
.download-bottom-term td, .download-bottom-term table th {  font-size: x-small; }
.item-title { text-align: center; }
.mobile-down-list span { font-size: large; }
.float-dot { font-size: 16px;  left: 60%; }
.btn-login .btn, .btn-sign-up .btn {  font-size: 16px; }

/*------------------------------------------------------ BANNER ------------------------------------------------------*/
#mainslider { width: 100%; }
.avg1 { float: left; width: 40%;  }
.avg2 { float: right; width: 40%;  }
.spacer {  padding: 0;  }
.video-box { margin-top: 60px; }
.top-container { display: block;  }
.side-banner { display: none;  }
.iframe-container iframe { width: 100%; height: 540px;  }  
.swiper-button-prev, .swiper-button-next { display: none;  }
.announcetext { padding: 10px 5px; font-size: x-large; }
.item-title { text-align: left; font-size: 30px; margin: 0 0 15px 0; }

/*------------------------------------------------------ FOOTER ------------------------------------------------------*/
.footer-ctn p { margin: 15px 0; color: #fff; font-size: medium; }
.footer-ctn p { margin: 5px 0; }
.pay ul li { width: 13%; display: inline-block; padding: 0; margin: 5px;  }
.social ul li { width: 20%; }
.certs ul li:first-child, .payment ul li:first-child, .social ul li:first-child, .g-license ul li:first-child { width: 20%;  }
.certs ul li, .g-license ul li, .payment ul li, .social ul li { filter: grayscale(0);  }

/*------------------------------------------------------ PAGE ------------------------------------------------------*/
.sport-pc { display: block;  }
.gf-wrapper { grid-template-columns: repeat(3,0.7fr);  }
.logo-box { width: 200px;  }
.games-item {  flex: 0 0 29%;  }

#id-firsty .games-item, #id-firsty2 .games-item, #id-firsty8 .games-item,
#id-firsty9 .games-item, #id-firsty11 .games-item, #id-firsty12 .games-item, #id-firsty13 .games-item
 { flex: 0 0 29%; }

#id-firsty3 .games-item, #id-firsty4 .games-item, #id-firsty5 .games-item,
#id-firsty6 .games-item, #id-firsty7 .games-item, #id-firsty10 .games-item,
#id-firsty14 .games-item, #id-firsty15 .games-item, #id-firsty16 .games-item, #id-firsty17 .games-item
 { flex: 0 0 47%; }

#id-firsty18 .games-item { flex: 0 0 30%; }

.play-btn {
    position: relative;
    float: none;
    top: 0;
    left: 40%;
}
.cockfight-line {  margin: 30px 0;  }
.vip-banner-title { display: none; }
.vip-banner-title h4 { font-size: small; margin: 0 0 10px 30px;  }
.vip-banner-title h2 { font-size: medium; margin: 0 0 10px 30px;  }
.vip-banner-title p { font-size: small; width: 100%;  }
.vip-table-content { width: 100%; margin-top: -30px;  }
.api-leaguefeed-free-wall .brick { width: 44% !important;  }
.download-bottom-term { width: 94% !important;  }

#search-form { display: flex;  flex-direction: column;  }
#search-form input#submit-btn { width: 100%; bottom: 0px; position: relative; margin: 0 0 30px;  }
div#search-bar {  display: flex;  flex-wrap: wrap;  }
fieldset { width: 100%;  }
div#sort {  top: 0%; left: 0%; position: relative;  }
div#price-range {  width: 100%; margin-bottom: 0px;  }

#prod-cart .tbllist form {  overflow-x: scroll;  }
#continue-shopping {  width: 34%;  }
#theme-contain-prod #remoteloginform, #theme-contain-prod #customform {  width: 60%;  }


.donatetab table { font-size: x-small; border: 0px solid #0073ba; }
.donatetab table tr, .donatetab table td { padding: 5px;  }

.live-feed-primary-part-numbers-holder #jackpot {
    top: 30%;
    left: 35% !important;
    font-size: x-large;
    font-weight: bold;
    color: #ffca00;
}

/*------------------------------------------------------ OTHER ------------------------------------------------------*/
.latest-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-list li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
    white-space: nowrap;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
.step {
    background: url(../images/step.png) no-repeat 50%;
    background-size: cover;
    height: 220px;
  }
.step ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    align-items: center;
  }
.step ul li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 10px;
    width: 70%;
  }
.step ul li div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
.step ul li div span { padding: 10px; }
.step ul li div span:nth-child(2) { font-size: 15px; }
.sports-group, .prod-box .playnow-section, .playnow-section ul, .playnow-section ul li, .contact-list { flex-flow: column; }
.sports-sec {  width: 100%; }
.sports-sec .item-title { padding: 0px 30px; }

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { text-align: center;  }
#cssmenu > ul > li { margin: 0;  }
#theme-menu {  width: 100%; }

#imageCarousel .content-img { width: 100%; }
#imageCarousel .carousel-inner { height: 250px; }
#imageCarousel ol.carousel-indicators {
    position: unset;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
  }
 #imageCarousel ol.carousel-indicators {
    left: 2%;
    top: 22px;
  }
.playnow-section ul { align-items: center; }
.playnow-section ul li { margin-bottom: 30px; }

.contact-box ul.contact {
    padding: 20px 0;
    margin: 0;
    margin-top: 45px;
  }
.contact-box img { display: none; }
.contact-box { background: #3f3f3f; }
.contact-list {
    display: flex;
    left: 0;
    transform: unset;
    flex-direction: row;
    top: 0;
    position: unset;
    justify-content: center;
  }
.prod-section .prod-box {
    display: flex;
    flex-direction: column;
  }
.vid-sec {
    position: relative;
    margin: 0;
    width: 100%;
  }
.vid-frame iframe {
    position: unset;
  }
.select-sec ul li.inactive {
    background: #181717;
    border: 1px solid #ffffff40;
    margin-right: 0;
  }
.vid-sec ol#faq_modal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
.prod-section ol#faq_modal li.question {
    width: calc(100% / 2);
    padding: 4px 7px;
  }
.select-sec ul li:last-child {
    margin-top: 11px;
  }
ul#tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
.slot-section .prod-box {
    display: flex;
    flex-direction: column;
  }
.jackpot {
    position: relative;
    width: 90%;
    margin: auto;
  }
.jackpot span {
    top: 2.5rem;
    font-size: 25px;
  }
ul#tabss {  border-bottom: 1px solid #2d2d2d; margin: 10px 0;  }
ul#slot-tabs li:not(:last-child) {  border-bottom: 0px;  }

.games-content ul li {
    width: calc(100% / 3);
    margin: 0;
    padding: 10px;
  }
.footer-top {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: flex-start;
  }
.ft-1 {
    display: flex;
    width: 100%;
    justify-content: space-around;
  }
.ft-2, .ft-3 {
    display: flex;
    width: 90%;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: stretch;
  }
.ft-1 ul {
    display: flex;
    margin: auto;
    padding: 0;
    flex-direction: column;
  }
.certs ul, .payment ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: space-evenly;
    flex-direction: row;
  }
.certs, .payment, .g-license {  margin-bottom: 30px;  }
.ft-4 {  margin-top: 23px;  }
.copyright {  justify-content: space-around;  }
.footer-mid {  padding: 20px;  }
.fb-1 .logo {  width: 32%;  margin: unset;  }
.modal {  padding: 0;  }
.modal-dialog {  width: 90%; margin: 20% auto;  }
.login #customform {  width: 75%; padding: 10px 0;  }
.login-btm {  text-align: center; padding: 0 30px;  }
.register {  width: 90%;  }
.regis-box {  width: 80%;  }
.regis-dtl {  padding: 10px;  }

#reg-desc {
    border-left: 0px solid #ec1c12;
    margin: 10px 0px 0px;
    padding: 0;
  }
#reg-title1 span {
    color: #dfdd00;
    background: #ec1c12;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
  }
ul#game-tabs li {
    width: calc(100% / 4);
    padding: 0px;
    margin: 5px;
  }
ul#game-tabs li::after, ul#game-tabs li::before {  height: 2px;  }
.games-box {
    transform: unset;
    position: unset;
    width: 100%;
    margin-bottom: 15px;
    /*padding: 20px;*/
  }
.lottery-new {
    width: 90%;
    margin: auto;
  }
button.btn.btn-primary.btnReload.Timer {
    background: #ec1c12;
    margin: 15px;
  }
.vip-title {
    position: unset;
    width: 80%;
    transform: unset;
    margin: auto;
  }
.vip-table {
    width: 100%;
    margin: auto;
  }
.vip-table th, .vip-table td {
    text-align: center;
    padding: 10px 0;
    font-size: 13px;
    color: gold;
  }
.vip-table tr th img {
    width: 40px;
    padding: 5px;
  }
ul.vip-info {
    margin: 0;
    padding: 0;
  }
ul.vip-info li {
    padding: 10px 5px;
    color: #858385;
    list-style: circle;
    margin: 0 20px;
  }
ul#promo-tab {
    flex-wrap: wrap;
    justify-content: space-between;
  }
ol#faq_modal li.question {
    width: 90%;
    list-style: none;
    padding: 5px;
}
.slot-container {
    display: flex;
    width: auto;
    flex-wrap: wrap;
}
.slot-side {  border-radius: 20px;  }
.slot-game {  padding: 12px;  }

ul#slot-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.slot-game .games-content ul li {
    width: calc(100% / 2);
    margin: 0;
}
.slot-jackpot, .slot-jackpot .jackpot span {
    position: unset;
    width: 100%;
    background: linear-gradient(360deg, #940000, transparent);
    padding: 5px;
    border-radius: 10px;
}
.slot-banner > img { opacity: 0;  }
.jackpot-title { color: #ffffff;  font-weight: bold;  }
.slot-more ul li img {  width: 100%;  }
.fancybox-wrap {  width: 90% !important;  }
.fancybox-inner .promo {  display: flex; flex-direction: column; padding: 0;  }
ul#promo-tab {  flex-wrap: wrap; justify-content: flex-start; display: flex;  }
ul#promo-tab::after {  content: ""; flex: auto;  }
.select-sec ul li:last-child {  margin-top: 0;  }
.sport-pc{  display:none;  }
.sport-mobile{  display:block;  }
}


/*=====================================================================================================*/
/*=====================================================================================================*/
/*------------------------------------------------------    MOBILE VIEW PORTRAIR -----------------------------------------------------*/
/*=====================================================================================================*/
/*=====================================================================================================*/
@media only screen and (min-device-width: 250px) and (max-device-width:660px) and (orientation: portrait)  {
#mySidenav .logo img {  width: 90%;  }
.mobile .glyphicon {  font-size: xx-large;  }
.mobimg img {  display: none; }
.carousel {  height: 420px; }

.header-left { padding: 0;  }
.language {  width: 120px; }
.dropdown .dropbtn { width: 120px; }
.currency {  width: 100%; }

.day-number, .time-hour, .time-min, .time-sec {  height: 20px; min-width: 20px; font-size: 10px;  }
.time-colon {  height: 20px;  }
.day-text, .time-text {  font-size: 10px;  }
.empty {  width: 100%; margin: 50px 0 0 0; }

.live-feed-primary-part-numbers-holder #jackpot {  font-size: xx-large !important; top: 40% !important;  }

.swiper-slide {  width: 72% !important;  }
.hot-provider, .new-provider {  margin: -10% 0 0 40%; }
.js-tabs {  margin-bottom: 0px;  }
.jackpot-sec img {  width: 100%;  }
#jackpot {  font-size: xx-large; left: 30%;  }

.cockfight-info h1, .racing-info h1, .lotto-info p {  margin-top: 30px; }
.post {  width: 32% !important;}

.download ul li {  width: 49%; }
.dp-txt p {  font-size: medium; }
.slide_btn {  text-align: center; margin: 0 auto; width: 100%; left: 0% !important;  }

.filtering .filters { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;  }
.promo .info {  width: 50%; padding-left: 15px; float: left;  }
.promo-count { width: 45%; float: left;  }
.tab .promo-tablinks {  margin: 5px 15px; font-size: x-large;  }

.regis-box {  width: 100%;  }
.regis-dtl { display: none;  }
.vip1, .vip2 {  width: 100%; margin-bottom: 30px; height: 550px;  }

.info h3 {  margin-top: 10px; font-size: large;  }
.info h5 {  margin: 10px 0; font-size: medium;  }
.affiliate-steps {  margin-bottom: 30px;  }
.download {  margin-bottom: 50px;  }
.downloadapp {  flex-direction: column;  }
.left-text {  margin-top: 30px;  }

.country-name {  font-size: 16px;  }
.country-languages {  font-size: 20px;  }

}


/*=====================================================================================================*/
/*=====================================================================================================*/
/*------------------------------------------------------    MOBILE VIEW LANDSCAPE -----------------------------------------------------*/
/*=====================================================================================================*/
/*=====================================================================================================*/
@media only screen and (min-device-width: 375px) and (max-device-width: 932px) and (orientation: landscape) {

#mySidenav .logo img {  width: 50%;  }
.live-feed-primary-part-holder {  background-size: 100%; min-height: 140px;  }
.live-feed-primary-part-numbers-holder #jackpot {  font-size: xxx-large !important; top: 40% !important;  }

.mobile .glyphicon {  font-size: x-large;  }
.mobile-menu-90 li {  width: auto;  }
.menu-top-header .mobile-logo img {  width: 80%; }
.language { width: 170px; }
.empty {  width: 100%; margin: 50px 0 0 0;  }

.hot-provider, .new-provider {  margin: -4% 0 0 18%;  }
.gf-wrapper {  grid-template-columns: repeat(4,0.7fr);  }
.swiper-slide { width: 49% !important; }

.jackpot-sec img {  width: 100%;  }
#jackpot {  font-size: xxx-large;  left: 30%;  }

.cockfight-info h1, .racing-info h1, .lotto-info p {  margin-top: 30px;  }
.cockfight .play-btn {  top: 0; left: 40%;  }

.vip1, .vip2 {  height: 680px;  }

.lottab {    text-align: center;}
.lottab table {    margin: auto;}
.regis-box {  width: 100%;  }
.regis-dtl {  display: none;  }
.download-left {  display: none;  }
#div-gameLobby {  width: 900px;  }

.contact-line {    display: flex;  }
.c-inner {  width: 85%;  }

.sports-group, .prod-box .playnow-section, .playnow-section ul, .playnow-section ul li, .contact-list {
    flex-flow: column;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.prod-section .prod-box {
    display: flex;
    flex-direction: column;
  }
ul#tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

.select-sec ul#tabs li { margin-right: 10px; }
.select-sec ul#tabs li:not(:nth-child(1)) { padding-top: 10px; }
.select-sec ul li:last-child { margin-top: 0px; }

.jackpot {  width: 50%;  }
.step {  height: unset; padding: 10px 0;  }
.step ul {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }
.step ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
    margin: 0px;
    width: 30%;
  }
.step ul li div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
  }
.step ul li div span {  padding: 0;  }
.slot-game .games-content ul li {  width: calc(100% / 4);  margin: 0;  }
.modal-dialog {  width: 60%; margin: 5% auto;  }

}

/*=====================================================================================================*/
/*=====================================================================================================*/
/*------------------------------------------------------    IPAD PORTRAIT -----------------------------------------------------*/
/*=====================================================================================================*/
/*=====================================================================================================*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
 and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

#theme-header, #theme-header-link .container {  display: flex; flex-direction: column;  }

.dropdown .dropbtn {  width: 100%; }
.down-list {  display: none;  }
.down-list li {  margin: 5px 5px;  }
.mobile .glyphicon {  font-size: xx-large;  }
.menu-top-header .mobile-logo img {  width: 100%; }

.live-feed-primary-part-holder {  background-size: 100%; min-height: 130px;  }
.live-feed-primary-part-numbers-holder #jackpot {  font-size: xxx-large !important;  }

.swiper-slide {  width: 49% !important;  }
.gf-wrapper {  grid-template-columns: repeat(4,0.7fr);  }
.hot-provider, .new-provider {  margin: -5% 0 0 20%;  }
.logo-box {  width: 170px;  }

.jackpot {  width: 43%;  }
.jackpot-sec img {  width: 100%;  }
#jackpot {  font-size: xxx-large; left: 30%;  }

.cockfight-info h1, .racing-info h1, .lotto-info p {  margin-top: 30px;  }
.cockfight .play-btn {  top: 0; left: 40%; margin-bottom: 30px;  }
.racing-btn .play-btn {  margin-bottom: 30px;  }

.vip1, .vip2 {  height: 750px;  }
.lottab {  text-align: center;}
.lottab table {  margin: auto;}

.dropdown {  margin-left: 0px;  }
.intro button#customform_submit {  width: 49.5%;  }
.dp-txt p {  font-size: small;  }
.dp-btn a {  padding: 5px 8px; font-size: x-small;  }

.regis-banner {  background-size: 300px;  }
.regis-banner img { width: 100%;  }
.regis-box {  width: 50%;  }
.regis-dtl {  width: 48%;  }

.downloadapp {  display: flex; flex-direction: column;  }
.left-text {  margin-top: 30px;  }
.promo .info {  padding: 10px 0 0 20px;  }
#div-gameLobby {  width: 730px;  }

.sports-group, .prod-box .playnow-section, .playnow-section ul, .playnow-section ul li, .contact-list {
    flex-flow: column;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
.prod-section .prod-box {  display: flex;  flex-direction: row;  }
.select-sec {  height: 12.5rem; overflow-y: auto; padding: 0 10px;  }
ul#tabs li:not(:nth-child(1)) {  padding-top: 10px px;  }
#imageCarousel .content-img {  width: 50%;  }

.step {  height: unset; padding: 10px 0;  }
.step ul li {  display: flex;  flex-direction: row;  justify-content: space-evenly;  align-items: flex-start;  margin: 0px;  width: 30%;  }
.step ul li div {  display: flex;  flex-direction: column;  align-items: flex-start;  flex-wrap: wrap;  }
.step ul {  display: flex; flex-direction: row; justify-content: space-evenly;  }
.step ul li div span {  padding: 0;  }
.slot-game .games-content ul li {  width: calc(100% / 4); margin: 0;  }
.modal-dialog {  width: 60%; margin: 5% auto;  }

}

/*=====================================================================================================*/
/*=====================================================================================================*/
/*------------------------------------------------------    IPAD LANDSCAPE -----------------------------------------------------*/
/*=====================================================================================================*/
/*=====================================================================================================*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

#theme-header, #theme-header-link .container {  display: flex; flex-direction: column;}
#mySidenav .logo img {  width: 50%;  }

.down-list {  display: none;}
.menu-top-header .mobile-logo img {  width: 70%; }
.mobile .glyphicon {  font-size: xx-large; }
.dp-txt {  font-size: 16px; }
.post {  width: 20% !important; }
.home-banner {  margin-top: 50px; }
.top-container{  max-height: 360px; }
.dropdown .dropbtn {  width: 100%; }

.live-feed-secondary-part-holder {  height: 270px !important; }
.live-feed-secondary-part-holder>table>tbody>tr>td:first-of-type, 
.live-feed-secondary-part-holder>table>tbody>tr>td:nth-of-type(2), 
.live-feed-secondary-part-holder>table>tbody>tr>td:nth-of-type(3) {  font-size: x-small !important; }
.live-feed-secondary-part-holder>table>thead>tr>th {  font-size: x-small !important; }
.live-feed-secondary-part-holder>table>tbody, .live-feed-secondary-part-holder>table>tbody>tr { line-height: 1.7rem !important; }

.live-feed-primary-part-text>h1 {  font-size: 12px; }
.live-feed-primary-part-text>h2 {  font-size: 8px; }
.live-feed-primary-part-holder {  background-size: 100%; height: 65px !important;  }
.live-feed-primary-part-numbers-holder {  align-items: center; }
.live-feed-primary-part-numbers-holder #jackpot {  font-size: medium !important;  }
.live-feed-primary-part-number {
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}

.iframe-container iframe {  height: 350px; }
.side-banner {  display: block; }

.gf-wrapper {  grid-template-columns: repeat(5,0.7fr); }
.jackpot {  width: 33%;  }
.jackpot-sec img {  width: 80%; }
#jackpot {  font-size: xxx-large; left: 30%;  }

.vip1, .vip2 {  height: 600px; }
.new-provider, .hot-provider {  margin: -3% 0 0 16%;}
.lottobutton {  margin-top: -15%; margin-bottom: 100px;  }
.lottobutton .play-btn {  left: 70%;  }
.play-btn {    left: 0% !important;  }

.regis-banner img { width: 100%; }
.regis-box { width: 50%; }
.regis-dtl { width: 48%; }

#fh5co-blog {  display: flex; flex-wrap: wrap;  }
.c-inner {  width: 95%;  }

.pay ul li {
    width: 29%;
    display: inline-block;
    padding: 0;
    margin: 10px 5px;
}
.license ul li {
    display: inline-block;
    padding: 0;
    margin: 10px 5px;
}

.vid-wrapper {  height: 360px !important;  }
#div-gameLobby {  width: 990px;  }

.sports-group, .prod-box .playnow-section, .playnow-section ul,
 .playnow-section ul li, .contact-list {
    flex-flow: column;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
.prod-section .prod-box {  display: flex; flex-direction: row;  }
ul#tabs li:not(:nth-child(1)) {  padding-top: 10px px;  }
#imageCarousel .content-img {  width: 50%;  }

.select-sec {  height: 12.5rem; overflow-y: auto; padding: 0 10px;  }
.step {  height: unset; padding: 10px 0;  }
.step ul li {  display: flex; flex-direction: row; justify-content: space-evenly; align-items: flex-start; margin: 0px; width: 30%;  }
.step ul li div {  display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap;  }
.step ul {  display: flex; flex-direction: row; justify-content: space-evenly;  }
.step ul li div span {  padding: 0;  }
.games-content ul li {  width: calc(100% / 5); margin: 0; padding: 10px;  }
.slot-container {  justify-content: space-evenly;  }
.slot-game .games-content ul li {  width: calc(100% / 5); margin: 0;  }
.modal-dialog {  width: 60%; margin: 10% auto;  }

}

/*=====================================================================================================*/
/*=====================================================================================================*/
/*------------------------------------------------------ BIG SCREEN ------------------------------------------------------*/
/*=====================================================================================================*/
/*=====================================================================================================*/
@media screen and (max-width:1920px) and (min-width:1800px){
.menu-downloadapp {
    position: absolute;
    margin: -45px 0 0 12%;
    font-size: large;
}
.swiper-button-prev, .swiper-button-next { margin-top: -10%; }
.swiper-button-prev { left: 12%; }
.swiper-button-next { right: 12%; }
.slide_btn { top: 35px; }
.logoOnBanner img { width: 350px;}

}



@media screen and (max-width: 1024px) {
    .btn-gold{font-size:3vw;}
    #cms5-prod-list ul{ width: 31%; }
    #cms5-prod-view .gcontent{ width: 100% !important; }
    #cms5-prod-view .galleria-container{ width: 100% !important; }
    .mobile-90-2 li span {  font-size: 20px !important;  }
}

@media screen and (max-width: 768px) {
    .btn-gold {padding:2vw 4vw;}
    #cms5-prod-list ul { width: 47%;  }
    #cms5-prod-view > table > tbody > tr > td { width: 100%;}
    #prod-cart {margin: 0px auto !important;}
}

@media screen and (max-width: 767px) {
    .btn-gold {padding:2vw 6vw; font-size:4vw; border-radius:3vw;}
    p {line-height:20px; font-size:16px;}
    h2 {font-size:6vw;}
    h3 {font-size:4.5vw;}
}

@media screen and (max-width: 425px){
  #divBody>div { width: 100% !important;}
  #cms5-prod-list ul { width: 47%; border: 0px solid #d4d4d4; margin: 3px; padding: 3px;height: 295px; vertical-align: top;}
  #cms5-prod-list #photo img {max-width: 100%; height: 100%; }
  #cartlist table { width: 150%;}
  #prod-cart .tbllist form {overflow-x: scroll;}
  #prod-cart {width: 95%;margin: auto;}
  #submember-login table {  margin: auto;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 360px) {
input#price-max, #price-range input#price-min {  width:23%;  }
}