/*
Theme Name: Indobet77
Theme URI: https://indobetz77.com/
Author: INDOBET77
Description: INDOBET77 : Situs Judi Bandar Bola Sbobet, Sabung Ayam S128, SV388 dan Game Mesin Slot Online Live22, Ace333, Joker Gaming Online Indonesia.
Version: 1.0
Lisensi: GNU General Public License v2
Lisensi URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, theme-options, responsif pages.
*/
html, body {
  background-color: #000 !important;
  height: 100%;
  font-family: exo !important;
  color: white !important;
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('https://gfit.b-cdn.net/CM/fonts/glyphicons-halflings-regular.eot');
    src: url('https://gfit.b-cdn.net/CM/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('https://gfit.b-cdn.net/CM/fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('https://gfit.b-cdn.net/CM/fonts/glyphicons-halflings-regular.woff') format('woff'),url('https://gfit.b-cdn.net/CM/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('https://gfit.b-cdn.net/CM/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}
@font-face {
    font-family: 'advanced_dot_digital7';
	src: url('https://gfit.b-cdn.net/CM/fonts/advanced_dot_digital7.eot');   
    src: url('https://gfit.b-cdn.net/CM/fonts/advanced_dot_digital7.eot') format('embedded-opentype'),
         url('https://gfit.b-cdn.net/CM/fonts/advanced_dot_digital7.woff2') format('woff2'),
         url('https://gfit.b-cdn.net/CM/fonts/advanced_dot_digital7.svg#advanced_dot_digital7') format('svg');
}
[data-layout=desktop] .header img[src*="main-vision_m.jpg"] {
    display: none
}
.crp_related ul {
    width: 100%;
}
.container-fluid.bg.p-0 {
    margin-top: 5px;
}
.dropdown-menu {
    background-color: #003850 !important;
}
i.sprite-sports {
    background-position: 514px -3px;
    background-size: 281px;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #004a76 !important;
}
a.dropdown-item {
    font-weight: bold;
}
li.paginated_link {
    margin-left: 0.5rem;
}
button#responsive-menu-button {
    border-radius: 8px;
}
button.livechat {
    padding: 0 20px;
    height: 35px;
    width: 120px;
    border-radius: 5px;
    line-height: 2.2rem;
    background: linear-gradient(to bottom,#0072ff 0%,#002464 100%);
    border: 1px solid #0066ff;
}
button.livechat:hover {
    background: linear-gradient(to bottom, #002464 0%,#0072ff 100%);
}
.info a, button.registerbtn.livechat a {
    color: #fff !important;
}
td.bbm a {
    color: white !important;
}
td a {
    color: white !important;
}

a img.aligncenter 
    {
        display: block; 
        margin-left: auto; 
        margin-right: auto
    }
p img.aligncenter 
    {
        display: block; 
        margin-left: auto; 
        margin-right: auto
    }
.h2, h2 {
    margin-top: 15px !important;
}
.col-12.col-md-4.col-lg-7.cstm-login {
    float: right;
    color: white;
    padding-top: 13px;
}
.col-12.col-md-4.col-lg-7.cstm-login p {
    margin: 0;
    float: right;
}
button.registerbtn.depo.mobile, button.registerbtn.daftar.mobile {
    margin: 0;
    height: 39px;
    width: 50%;
    line-height: .5rem;
    float: left;
}
button.registerbtn.depo.mobile a, button.registerbtn.daftar.mobile a  {
    color: white;
}
.header-top {
    background-image: url('https://gfit.b-cdn.net/CM/img/patern-head.webp');
    background-color: #000;
}

.row{
    margin-left: auto !important;
    margin-right: auto!important;
}
  * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
/*Announcement*/
.announcement {
    background-color: #2e2e2e;
}

.no-bg {
    background: 0 0;
}
.announce-left {
    float: left;
    text-shadow: 1px 1px 2px #000;
    width: 167px;
    height: 33px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding-top: 6px;
    background-color: #000;
    background-image: linear-gradient(#fedb79,#644c16);
}
.announce-right {
    float: left;
    width: calc(100% - 167px);
    color: #fff;
    font-size: 14px;
    padding-top: 6px;
}
/*--Carousel--*/
.carousel-indicators li {
	display: inline-block;
    width: 30px;
    height: 3px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
 }
 .carousel-fade  .carousel-item.active,
 .carousel-fade  .carousel-item-next.carousel-item-left,
 .carousel-fade  .carousel-item-prev.carousel-item-right {
   opacity: 1;
 }
 
 .carousel-fade .active.carousel-item-left,
 .carousel-fade  .active.carousel-item-right {
  opacity: 0;
 }
 
 .carousel-fade  .carousel-item-next,
 .carousel-fade .carousel-item-prev,
 .carousel-fade .carousel-item.active,
 .carousel-fade .active.carousel-item-left,
 .carousel-fade  .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
 }

/* Single Page */
hr.cstm-single {
    border-top: 1px solid #0076db !important;
}
a {
    text-decoration: none !important;
    outline: none;
  }
  
  a:hover {
    text-decoration: underline;
  }
  .glow img {
    box-shadow: 0px 0px 20px #6bfd00;
    width: 100%;
    margin: 0 auto;
}
.col-4.glow p {
    text-align: center;
    padding: 10px;
}
  table {
    border-collapse: collapse;
  }
  table tr td, table tr th {
    padding: 10px;
    line-height: 24px;
    vertical-align: middle;
    border: 1px solid #fff;
}
table {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    color: #fff;
    text-align: center;
    background-color: #000;
    border: 3px solid #e6e9ee;
    border-collapse: separate;
    border-radius: 5px;
}
img {
	max-width: 100%;
    height: auto;
} 
  input {
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #808080;
    line-height: 30px;
    border: 1px #ccc solid;
    padding: 0 5px;
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none;
    font-size: 0.875rem;
  }
  span.stat-count.highlight {
    margin-left: -35px;
}
  button {
    color: #fff;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
  }
  /***************************************************/
  /*Clear*/
  .clearfix:after, .listMenu:after, .navbar:after, .subnavbar, .btn_type:after, .main_width:after, .container:after, .mainNav_width:after, .mainRow_width:after, .list_col:after {
    content: "";
    display: block;
    clear: both;
  }
  
  .clearfix, .listMenu, .navbar, .subnavbar, .submenu ul, .siderbar, .btn_type, .main_width, .container, .mainNav_width, .mainRow_width, .list_col,  .content li {
    zoom: 1;
  }
  
  .clear {
    clear: both;
  }
  
  /*Float Set*/
  .float-L, .listMenu a,  .list_col ul, .list_col span, .list_col h4 {
    float: left;
  }
  .float-L {
    margin-bottom : 0px;
  }
 
  /*img Set*/
  .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
  }
  
  /* Columns (Manual)*/
  .col-2 {
    width: 50%;
  }
  
  .col-3-x {
    width: 33%;
  }
  
  .col-3 {
    width: 33.33333%;
  }
  
  .col-4 {
    width: 25%;
  }
  
  .col-5 {
    width: 41.66%;
  }
  
  .col-6 {
    width: 16.66%;
  }
  
  .col-7 {
    width: 58.3333%;
  }
  
  .col-12 {
    width: 100%;
  }
  
  [class^='col-'] {
    float: left;
  }
  
  /***************************************************/
  /*-----Main Width Set-----*/
  .main_width, .container {
    width: auto;
    margin: 0 auto;
  }
.main_width.idp {
    height: 135px;
}
  .mainNav_width {
    width: 842px;
    margin: 0 auto;
  }
  
  .mainRow_width {
    width: 700px;
    margin: 0 auto;
  }
  
/**************/
.attachment-post-thumbnail {
  margin: 0 auto;
  display: flex !important;
}
  /*-----Btn Set-----*/
  .btn:hover {
    background-color: #2a9daf;
  } 
  .col-12.col-md-5.mb-1 {
    padding: 0;
}

  .login_wrap {
    margin: 3px;
    font-size: 0.8125rem;
    color: white;
    float: right;
    display: flex;
  }
  
  .login_wrap input {
    width: 150px !important;
    height: 33px;
    padding: 10px;
  }
    
    .login_wrap input:focus {
      outline: none;
      background-color: #fff;
      border-color: #00859b;
    }
  .login_wrap a {
    position: relative;
    display: inline-block;
    text-decoration: underline;
    font-size: 0.8125rem;
    color:white;
    text-decoration: none;
	margin-left: 7px;
  }
  
  .login_wrap a:hover{
    visibility: visible;
    opacity: 1;
    color: #f8c000;
    text-decoration: none;
  }
  
.login_wrap button {
    height: 33px;
    min-width: 100px;
    letter-spacing: 1px;
    -webkit-border-radius: 3px;
    -mos-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 0.875rem;
}
input.form-control {
    margin-right: 7px;
}
  /*-----Page-----*/
.pagecon {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: inset 2px 2px 48px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 2px 2px 48px -2px rgba(0,0,0,0.75);
    box-shadow: inset 2px 2px 48px -2px rgba(0,0,0,0.75);
}

  /*Games*/
.page {
    margin-top: 10px;
}
.col-sm-12.p-page {
    background: #242424ba;
}
h1.home {
    color: #fff;
    text-align: center;
    font-size: 39px;
    font-weight: 700;
    margin: 0 !important;
    text-shadow: 3px 2px #000000;
}

/** 404 Page **/

#root {
  height: 100%;
  margin: 0;
  padding: 0;
}   

#error {
  width: 1020px;
  min-height: 135px;
  margin: 100px auto 0;
  padding: 65px 0 110px 200px;
  background: url('images/404page.png') no-repeat;
}
#error h1 {
  margin: 0 0 5px -2px;
}

@media (max-width: 575.98px) { 
.login_wrap{
min-width: auto;
} 
section#demos {
    padding-top: 10px;
}
.container {
    padding-right:0px !important;
    padding-left:0px !important;
}
label {
  display: inline-block;
  margin-bottom: 0rem !important;
}
}

/*MOBILE PHONE MEDIA QUERY*/
@media only screen and (max-width: 450px) {
.section.index_slot.col {
    padding: 0 8px;
}
span.stat-count.highlight {
    margin-left: -14px;
}
	ul.ct-menu {
    display: none;
}
	.footer-bottom {
    padding: 10px 0 5px;
}
.conten-box {
    padding-top: 0px !important;
	background: url(images/patern-head.png) !important;
}
.person-info a {
    padding: 3px 0 3px !important;
    font-size: 10px !important;
}
.announcement {
    display: none !important;
}
.content {
    overflow-y: scroll;
    max-height: 300px;
}
.lc-public {
    display: none;
}
.content {
    padding: 10px;
}
.announce-left {
    width: 30%;
    font-size: 13px;
	height: 31px;
}
.announce-right {
    width: 70%;
    font-size: 13px;
	position: relative;
    top: 8px;
	padding-top: 0;
}
.menu {
    display: none;
}
.col-12.col-md-4.col-lg-8.cstm-login {
    display: none;
}
.pull-left {
    float: none;
    margin-bottom: 10px;
}
	ol.carousel-indicators {
    display: none;
}
.logo {
    padding: 10px;
    display: block;
    margin: auto;
    width: 50%;
}
.logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;

}
.container.cstm-mobile {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-6 {
    width: 50%;
}
.lc-public {
    width: 100% !important;
}
}

/** Mobile **/
@media (min-width: 576px) and (max-width: 767px) {
.col-12.col-md-4.col-lg-7.cstm-login {
    display: none;
}
.login_wrap{
  min-width: auto;
}
label {
  display: inline-block;
  margin-bottom: 0rem !important;
}
.container {
    padding-right:0px !important;
    padding-left:0px !important;
}

}
@media (min-width: 768px) and (max-width: 991.98px) {   
.col-12.col-md-4.col-lg-7.cstm-login {
    display: none;
}
span.top-time {
    display: none;
}
}

@media (min-width: 992px) {
	header.site-header {
    display: none;
}
.fixed-footer {
    display: none !important;
}
	label.site-menu-trigger {
    display: none;
}
button#responsive-menu-button {
    display: none !important;
}
span.page-numbers.current {
    padding: 8px 15px !important;
}
.container.p-0.mobile {
    display: none;
}
.col-xs-12.col-md-8.dn-col-list h2 {
    margin: 0 0 10px 0!important;
}
.row.post img {
    margin-top: 5px;
}
.panel-body {
    margin-left: 35px;
}
.logo {
    margin-top: 6px;
    padding: 11px;
}
.logo img {
    width: 86%;
}
.footer-bottom {
    position: relative;
}
.col-lg-12.ftr {
    padding: 0px 10px;
}
.alignright.col-12.col-lg-6.p-0 {
    padding-left: 30px !important;
}
.col-lg-4.d-lg-block {
    padding: 0 0 0 15px;
}
.header-top {
    min-height: 130px;
}
}
/** Extra large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) {
}
.jackpot {
    background: url('https://gfit.b-cdn.net/CM/img/jp-gold.gif') top center no-repeat;
}
.col-md-12.jackpot {
    height: 150px;
    background-size: 98%;
}
p.count-text {
	color: #ffd86a;
    font-size: 38px;
    font-weight: bold;
    float: right;
    top: 1.5em;
    left: -70px;
    position: relative;
    text-align: center;
    font-family: advanced_dot_digital7;
    letter-spacing: 5px;
}
.container.home.p-0 {
    position: relative;
}
.row.post {
    padding-top: 1rem !important;
}
/*Pildun*/
.betContainer {
    position: relative;
    padding: 15px;
    border-radius: 8px;
    /*background: linear-gradient(#545454,#000000);*/
    background-image: url(images/bg-pildun-2022.webp);
    border: 1px solid #494949;
    background-size: 100% 100%;
}
.bet-title {
    display: -webkit-box;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-size: 17px;
    color: #fff;
    background: linear-gradient(to right,#48125e,#73277f);
    border-radius: 8px;
    margin: 0 auto 5px;
    padding: 0px 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.imgWarpper {
    display: grid;
    grid-template-columns: 20% 55% 20%;
    justify-content: space-between;
    font-size: 13px;
}
.imgWarpper li {
    text-align: center;
}
.img-container {
    position: relative;
}
.img-box img {
    width: 70px;
    height: 70px;
    margin: auto;
}
ul.imgWarpper {
    margin: 0;
    list-style: none;
}

.home-type {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0;
    color: #fff;
}
.home-type {
    right: 0.05rem;
    background: #33c600;
}
.team-name {
    margin: 5px 0;
    line-height: 1.1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.match-time {
    color: #fff;
    margin: 0 0 0.06rem;
    font-weight: 700;
    text-shadow: 1px 1px 2px black;
    letter-spacing: 1px;
}
.match-point {
    background: #3a3a3a;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #919191;
}
.match-point > div.handicap {
    margin: 0 0 0.1rem;
}
.match-point > div {
    display: flex;
    justify-content: space-between;
}
div .score {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 20px;
    background: #dbe9f0;
    border-radius: 10px;
    color: #0f161f;
}
.handicap p {
    margin-bottom: 7px;
}
.odds p {
    margin-bottom: 0;
}
button.btnBetNow {
   background: radial-gradient(ellipse farthest-corner at right bottom,#FEDB37 0%,#ffde83 8%,#9f7928 30%,#8A6E2F 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#FFFFFF 0%,#FFFFAC 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%);
    padding: 10px 10px;
    height: 45px;
    width: 188px;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
    border: 1px solid #d9c800;
    font-size: 17px;   
}
.away-type {
    left: 0.05rem;
    background: #ff4e00;
}
.away-type {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0;
    color: #fff;
}
/**Footer**/
.sprite-joker {
	background-position: -1398px -33px;
    width: 94px;
}
.sprite-ace333 {
    background-position: -1596px -33px;
    width: 35px;
}
.sprite-s128 {
  background-position: -1722px -33px;
  width: 88px;
}
.sprite-sv388 {
	background-position: -1637px -33px;
    width: 87px;
}
.sprite-sa-gaming {
    background-position: -2488px -31px;
    width: 80px;
}
.sprite-wm-casino {
    background-position: -2568px -29px;
    width: 93px;
}
.sprite-asia-gaming {
    background-position: -2662px -33px;
    width: 82px;
}
.sprite-simpleplay {
    background-position: -2749px -33px;
    width: 95px;
}
.sprite-spadegaming {
	background-position: -2839px -31px;
    width: 139px;
}
.sprite-redtiger {
    background-position: -2976px -33px;
    width: 127px;
}
.sprite-s-sport {
  background-position: -1054px -33px;
  width: 96px;
  margin-left: 15px;
}
.sprite-m8bet {
	background-position: -1151px -33px;
    width: 83px;
}
.sprite-gamingsoft {
  background-position: -1308px -33px;
    width: 92px;
}
.sprite-ebet {
    background-position: -1817px -33px;
    width: 82px;
}
.sprite-sbo {
    background-position: -3147px -33px;
    width: 110px;
}
.sprite-habanero {
    background-position: -3257px -34px;
    width: 108px;
}
.sprite-pgsoft {
    background-position: -3375px -32px;
    width: 96px;
}
.sprite-evoplay {
    background-position: -3475px -33px;
    width: 113px;
}
.sprite-gamatron {
    background-position: -3592px -33px;
    width: 113px;
}
.sprite-allbet{
  background-position: -993px -35px;
    width: 65px;
}
.sprite-sexybaccarat {
 	background-position: -1512px -33px;
    width: 84px;
}
.sprite-demacao {
    background-position: -1230px -32px;
    width: 77px;
}
.sprite-venus {
    background-position: -3101px -31px;
    width: 45px;
}
.sprite-bbin {
    background-position: -1981px -33px;
    width: 63px;
}
.sprite-pragmatic {
    background-position: -1898px -34px;
    width: 80px;
}
td.bbm {
    padding-top: 5px;
}
.footer-bottom {
    background: #101010;
    color: #fff;
    padding: 25px 0 5px;
	border-top: 1px solid #383838;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.copyright p {
    text-align: center;
    margin: 20px 0;
}
.sprite {
    background-image: url('https://gfit.b-cdn.net/CM/img/ftr-ico.webp');
    background-repeat: no-repeat;
    display: block;
}
.ftr ul.ul-horizontal li {
    float: left;
    height: 36px;
    line-height: 30px;
    list-style: none;
}
.sprite-bbm {
    background-position: -216px -36px;
    width: 110px;
}
.sprite-cagayan {
	background-position: 0px -35px;
    width: 105px;
    margin-left: 15px !important;
}
.sprite-pacgor {
    background-position: -102px -36px;
    width: 120px
}
.sprite-adult {
	background-position: -325px -34px;
    width: 40px;
    margin-left: 12px;
}
.sprite-knowlimit {
	background-position: -365px -34px;
    width: 40px;
}
.sprite-onlinesafe {
    background-position: -405px -34px;
    width: 64px;
}
.sprite-spamfree {
	background-position: -467px -34px;
    width: 43px;
}
.sprite-bca{
	background-position: -515px -34px;
    width: 80px;
    margin-left: 15px !important;
}
.sprite-mandiri {
    background-position: -594px -36px;
    width: 96px;
}
.sprite-bni {
    background-position: -690px -34px;
    width: 88px;
}
.sprite-bri {
    background-position: -784px -33px;
    width: 110px;
}
.sprite-telkomsel {
    background-position: -2162px -34px;
    width: 99px;
}
.sprite-xl {
    background-position: -2257px -35px;
    width: 52px;
}
.sprite-ovo {
    background-position: -2309px -35px;
    width: 65px;
}
ul.ul-horizontal.statement-img.provider span {
    font-size: 14px;
    color: #ffffff;
}
ul.gameNav li {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
ul.gameNav li:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(0%);
}
/*MOBILE PHONE MEDIA QUERY*/
@media only screen and (max-width: 450px) {
.sprite-bbm,.sprite-adult,.sprite-bca {
    margin-left: 15px !important;
}
.lc-cont{
    display: none;
}
.content h2, h3 {
    font-size: 19px !important;
}
.carousel-item img {
    height: 120px;
}
.col-lg-4.d-lg-block {
    padding: 0;
}

.col-xs-12.col-md-8.dn-col-list h2 {
    font-size: 26px !important;
    padding-top: 10px;
    font-weight: bold;
}
p.count-text {
	font-size: 12px;
    top: 16px;
    left: 0px;
	letter-spacing: 3px;
}
.col-md-12.jackpot {
    height: 48px;
}
.col-12.col-md-4.col-lg-7.cstm-login {
    display: none;
}
.col-lg-12.ftr {
    padding: 10px 0px 5px 10px;
}
.seo, h1.home {
	font-size: 19px !important;
}
}
img.attachment-medium.size-medium.wp-post-image {
    width: 100%;
    height: 300px;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
}
.p-news-left {
    border: 2px solid #00be92;
    padding: 5px 10px;
    border-radius: 5px;
}
.pagination {
    padding: 0px 5px !important;
    font-weight: bold;
}
span.page-numbers.current {
    border-radius: 50%;
    padding: 8px 11px;
}
.pagecon.article {
    padding: 15px;
}
.h1, h1 {
    font-size: 2rem !important;
}
.col-lg-4.d-lg-block img {
    box-shadow: #0095ff 0 0 10px 3px
}
.post-widget {
    margin-bottom: 30px;
}
h1.cstm-single {
    padding-top: 10px;
    font-weight: bold;
}

.bg-404
{
  background-color:#141019;
  background: radial-gradient(at 50% -20%, #908392, #0d060e) fixed;
}


#handboy
{
   animation: swing ease-in-out 1.3s infinite alternate;
    transform-origin: 98% 98%;
    transform-box: fill-box;
    
}


#girllight
{
   animation: swing ease-in-out 1.3s infinite alternate;
    transform-origin: 0% 97%;
    transform-box: fill-box;
}

#hairgirl
{
    animation: swinghair ease-in-out 1.3s infinite alternate;
   transform-origin: 60% 0%;
    transform-box: fill-box;
  
}

#zero
{
  transform-origin:bottom;
  transform-box:fill-box;
  
}
.dropdown-menu.show {
    transform: translate3d(-5px, 44px, 0px) !important;
}
h1.pcenter {
    display: none;
}
.g-tags>a {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px 3px 0;
    padding: 3px 8px 4px;
    font-size: 13px;
    line-height: 20px;
    border-radius: 3px;
    border: 2px solid;
    color: inherit;
}
span.g-tags-title {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 10px 0 0;
}
blockquote {
    background: grey;
    padding: 10px;
    font-style: italic;
    border-left: 5px solid;
}
.col-12.p-0.panel-heading p {
    background: #4b4b4b;
    padding: 10px;
}
.lc-public {
    position: fixed;
    bottom: -10px;
    width: 305px;
    border: 1px solid rgba(255,255,255,0.8);
    color: white;
    text-align: center;
    font-family: "exo";
    border-top-left-radius: 5px;
    overflow: hidden;
    background: red;
    border-top-right-radius: 5px;
    padding-top: 8px;
    font-weight: bold;
    font-size: 20px;
}
.person-info a:hover {
    color: #fff;
}
button.btn-reg.mb-2 {
	background: radial-gradient(ellipse farthest-corner at right bottom,#FEDB37 0%,#ffde83 8%,#9f7928 30%,#8A6E2F 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#FFFFFF 0%,#FFFFAC 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%);
    border: 1px solid #d9c800;
}
button.btn-reg.mb-2:hover {
	    background: radial-gradient(ellipse farthest-corner at left bottom,#FEDB37 0%,#ffde83 8%,#9f7928 30%,#8A6E2F 40%,transparent 80%),radial-gradient(ellipse farthest-corner at right top,#FFFFFF 0%,#FFFFAC 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%);
}

.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}
button.registerbtn {
    background: radial-gradient(ellipse farthest-corner at right bottom,#68fe37 0%,#31fd37 8%,#3a9f28 30%,#2f8a32 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#ffffff 0%,#4bff49 8%,#40f361 25%,#2b7435 62.5%,#1f5d24 100%);
    border: 1px solid #4bff00;
}
button.registerbtn:hover {
	background: radial-gradient(ellipse farthest-corner at left bottom,#68fe37 0%,#31fd37 8%,#3a9f28 30%,#2f8a32 40%,transparent 80%),radial-gradient(ellipse farthest-corner at right top,#ffffff 0%,#4bff49 8%,#40f361 25%,#2b7435 62.5%,#1f5d24 100%);
}
span.top-time {
    font-size: 13px;
    position: relative;
    top: 9px;
    left: 0;
    margin-left: 22rem;
}
.col-12.col-md-4.col-lg-8.cstm-login {
    padding: 0;
    margin-top: 5px;
}
button.registerbtn.depo.mobile.mobile {
    background: radial-gradient(ellipse farthest-corner at right bottom,#FEDB37 0%,#ffde83 8%,#9f7928 30%,#8A6E2F 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#FFFFFF 0%,#FFFFAC 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%);
    border: 1px solid #d9c800;
}

.menu>ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
.menu>ul>li {
    padding: 0 7px;
    display: inline;
	margin: 0;
}
.menu>ul>li>a {
    display: inline-block;
    height: 70px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding-top: 63px;
    background-repeat: no-repeat;
    min-width: 53px
}
.menu>ul>li:hover>a {
    text-decoration: none;
    color: #ffa400
}

.sprite-menu {
    background-image: url('https://gfit.b-cdn.net/CM/img/icon-games.webp');
	background-repeat: no-repeat;
}

a.sprite-menu.menu-home {
    background-position: -8px -3px;
    transition: none
}

a.sprite-menu.menu-slots {
    background-position: -69px -3px;
    transition: none
}

a.sprite-menu.menu-casino {
    background-position: -131px -3px;
    transition: none
}

a.sprite-menu.menu-sport {
    background-position: -265px -1px;
    transition: none
}

a.sprite-menu.menu-fish {
    background-position: -395px -3px;
    transition: none
}

a.sprite-menu.menu-ayam {
    background-position: -330px -3px;
    transition: none
}

a.sprite-menu.menu-pvp {
    background-position: -199px -3px;
    transition: none
}

a.sprite-menu.menu-promo {
    background-position: -463px -3px;
    transition: none
}

a.sprite-menu.menu-contact {
    background-position: -525px -4px;
    transition: none
}

a.sprite-menu.menu-download {
    background-position: -585px -6px;
    transition: none
}

a.sprite-menu.menu-home:hover {
    background-position: -8px -65px
}

a.sprite-menu.menu-slots:hover {
    background-position: -69px -65px
}

a.sprite-menu.menu-casino:hover {
    background-position: -131px -65px
}

a.sprite-menu.menu-sport:hover {
    background-position: -265px -63px
}

a.sprite-menu.menu-fish:hover {
    background-position: -395px -65px
}

a.sprite-menu.menu-ayam:hover {
    background-position: -330px -65px
}

a.sprite-menu.menu-pvp:hover {
    background-position: -199px -65px
}

a.sprite-menu.menu-promo:hover {
    background-position: -463px -65px
}

a.sprite-menu.menu-contact:hover {
    background-position: -524px -64px
}

a.sprite-menu.menu-download:hover {
    background-position: -585px -65px
}
ul.pull-right {
    float: right;
	margin-top: -11px;
}
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}
.owl-carousel.owl-hidden {
    opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}
.person-info a {
    background: linear-gradient(#ffdd80 10%,#785e23 95%);
    color: #fff;
    text-align: center;
    padding: 9px 0 10px;
    font-size: 16px;
    margin: 0 auto;
    width: 86%;
    display: block;
    font-weight: 700;
    border-radius: 8px;
    text-shadow: -1px 1px 2px #000;
}
.person-info a:hover {
    background: linear-gradient(#785e23 0%,#ffdd80 95%);
}
.conten-box {
    background: url('https://gfit.b-cdn.net/CM/img/bg-coin.webp');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%;
    padding-top: 10px;
}
.site-menu-trigger {
    margin: 0px;
    position: absolute;
    cursor: pointer;
    top: 38px;
	z-index: 999999;
	left: 30px;
}
.site-menu-trigger [data-icon=menu] {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 58%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    width: 18px;
    height: 2px;
    background-color: #8e8e8e;
    transition: .5s ease-in-out
}
.site-menu-trigger [data-icon=menu]:before,
.site-menu-trigger [data-icon=menu]:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: inherit;
    left: 0
}
.site-menu-trigger [data-icon=menu]:before {
    bottom: 5px
}
.site-menu-trigger [data-icon=menu]:after {
    top: 5px
}
.site-menu-trigger-input:checked~.site-menu-trigger [data-icon=menu] {
    background-color: transparent
}
.site-menu-trigger-input:checked~.site-menu-trigger [data-icon=menu]:before,
.site-menu-trigger-input:checked~.site-menu-trigger [data-icon=menu]:after {
    background-color: #fff
}
.site-menu-trigger-input:checked~.site-menu-trigger [data-icon=menu]:before {
    bottom: 0;
    transform: rotate(45deg)
}
.site-menu-trigger-input:checked~.site-menu-trigger [data-icon=menu]:after {
    top: 0;
    transform: rotate(-45deg)
}
.site-menu-trigger-input:checked~.site-menu {
    left: 0
}
.site-menu ul {
    margin: 0
}
.site-menu ul a {
    color: inherit
}
.site-menu summary {
    outline: none;
    display: flex;
    justify-content: space-between;
    list-style-type: none
}
.site-menu summary>section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}
.site-menu summary>section>span {
    display: flex
}
.site-menu summary>section>i {
    transition: transform .3s;
    transform-origin: center;
    font-size: 14px;
    top: 0
}
.site-menu {
    position: fixed;
    top: 15px;
    left: 100%;
    right: 0;
    bottom: 50px;
    transition: left .2s;
	z-index: 99999;
}
.site-menu>ul {
    position: absolute;
    top: 50px;
    width: 60%;
    bottom: 0;
    background-color: #01091a;
    color: #fff;
    font-size: 16px;
    padding-top: 2px;
    overflow: auto
}
.site-menu li>a,
.site-menu summary {
    display: flex;
    align-items: center;
    background-color: #0d1b39;
    padding: 10px 15px
}
.site-menu li+li,
.site-menu summary,
.site-menu article>ul {
    margin-top: 2px
}
.site-menu details details summary,
.site-menu details li>a {
    padding-left: 45px;
    background-color: #06122c
}
.site-menu details details li>a {
    padding-left: 75px;
    background-color: #040d20
}
.site-menu [data-icon] {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    background-image: url(images/icon-games.png);
}
i.sprite-home {
    background-position: 562px -5px;
    background-size: 283px;
}
i.sprite-slot {
    background-position: 538px -5px;
    background-size: 283px;
}
i.sprite-promo {
    background-position: 390px -5px;
    background-size: 283px;
}
i.sprite-contact {
    background-position: 364px -5px;
    background-size: 283px;
}
i.sprite-dl {
    background-position: 342px -5px;
    background-size: 283px;
}
.main-menu-container>li {
    flex-basis: 25%;
    padding: 5px;
    order: 2
}
.site-menu-trigger [data-icon=menu] {
    background-color: #fae58c
}
.site-menu-trigger [data-icon=menu]:before,
.site-menu-trigger [data-icon=menu]:after {
    background-color: inherit
}

.site-menu-trigger-input:checked~.site-menu-trigger [data-icon=menu] {
    background-color: transparent
}
.site-menu-trigger-input:checked~.site-menu-trigger [data-icon=menu]:before,
.site-menu-trigger-input:checked~.site-menu-trigger [data-icon=menu]:after {
    background-color: #fff
}
.site-menu ul a {
    color: inherit
}
.site-menu li>a,
.site-menu summary {
    background-color: #2a2a2a;
}
.site-menu details details summary,
.site-menu details li>a {
    background-color: #0a0a0a
}
.site-menu details details li>a {
    background-color: #070707
}
input#site_menu_trigger_input {
    display: none;
}
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #0c0c0c;
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.ul-horizontal.statement-img.provider {
    margin: 0;
}
.modal-content {
    background: #323232 !important;
}
.modal-dialog {
    z-index: 999999;
}
button.close {
    color: white;
}
.form-label-group {
    margin: 8px 0px;
}
input.btn.btn-lg.registerbtn.depo.mobile.btn-block.registerbtn.depo.mobile {
    background: radial-gradient(ellipse farthest-corner at right bottom,#FEDB37 0%,#ffde83 8%,#9f7928 30%,#8A6E2F 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#FFFFFF 0%,#FFFFAC 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%);
    border: 1px solid #d9c800;
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 3px black;
}
.ct-menu {
    display: block;
    position: fixed;
    top: 39%;
    z-index: 99;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ct-menu li {
    cursor: pointer;
    margin-bottom: 10px;
}
.ct-menu li a span:first-child {
    color: #ccc;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s,opacity .2s linear;
    transition-duration: .5s;
}
.ct-menu li a span {
    display: block;
    line-height: 2.6;
    font-size: 15px;
    font-weight: 700;
    padding-left: 55px;
    text-decoration: none;
}
.ct-menu li a {
    display: block;
    width: 55px;
    position: relative;
    height: 55px;
    border-radius: 0 8px 8px 0;
    transition-property: width;
    transition-duration: .5s;
    overflow: hidden;
    text-decoration: none;
}
.ct-menu .wa {
    background-color: #009a2f;
    background-repeat: no-repeat;
    background-position: -478px -1px;
    background-size: 530px;
}
.ct-menu .line {
    background-color: #00c300;
    background-repeat: no-repeat;
    background-position: -478px -104px;
    background-size: 530px;
}
.ct-menu .telegram {
    background-color: #0091e5;
    background-repeat: no-repeat;
    background-position: -478px -52px;
    background-size: 530px;
}
.ct-menu li a:hover {
    width: 210px;
}
.ct-menu li:hover span:first-child {
    color: #fff;
    width: 200px;
    text-align: left;
    visibility: visible;
    opacity: 1;
}
.dropdown-menu.show {
    width: 100%;
    color: white;
}
.dropdown-toggle::after {
    margin-left: 1.255em !important;
}
.fixed-footer {
    position: fixed;
    background-color: #2d2d2d;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: flex;
    justify-content: space-around;
	padding: 10px 0px;
}
.fixed-footer a {
    flex-basis: calc((100% - 15px*6)/5);
    color: inherit;
    font-size: 11px;
    text-align: center;
    padding: 5px 0;
    background-color: inherit;
}
.i-amphtml-layout-fixed, [layout=fixed][width][height]:not(.i-amphtml-layout-fixed) {
    display: inline-block;
    position: relative;
}
a.sprite-menu span {
    position: relative;
    top: 10px;
}
a.sprite-menu.sprite-home {
    background-position: -120px -90px;
    background-size: 430px;
}
a.sprite-menu.sprite-contact {
    background-position: -173px -90px;
    background-size: 430px;
}
a.sprite-menu.sprite-regist {
    background-position: -64px -90px;
    background-size: 430px;
}
a.sprite-menu.sprite-livechat {
    background-position: -7px -90px;
    background-size: 430px;
}
li.sprite-mandiri {
    font-family: 'Exo';
    font-weight: bold;
    color: #0059a8;
    padding-left: 12px;
    padding-top: 4px;
    font-size: 19px;
}

/*contact*/

img.img-product {
    float: left;
    position: relative;
    top: -10px;
}
a.btn.pulse.btn-lg.btn-block {
    padding: 16px;
}
.pulse {
        background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}
.btn-sc {
    padding: 7px 20px;
}
.ct-body {
        min-height: 100vh;
        max-width: 700px;
        margin: 0 auto;
      }
.btn-sc a {
    color: white;
}
/*RTP*/
.fixed-left[data-v-38a8c498] {
    position: fixed;
    z-index: 99;
    bottom: 20px;
    left: -10px;
    width: 85px;
    padding: 15px 15px 15px 20px;
    background-color: var(--mode-greydark);
    border-radius: 10px;
    border: 3px solid var(--primary-color);
    transition: all .5s ease-in-out 0s;
}
.fixed-rtp[data-v-38a8c498], .fixed-wa[data-v-38a8c498] {
    width: 100%;
}
.fixed-rtp .animated[data-v-38a8c498], .fixed-wa .animated[data-v-38a8c498] {
    -webkit-animation: zoom-data-v-38a8c498 1s ease-in-out infinite alternate;
    animation: zoom-data-v-38a8c498 1s ease-in-out infinite alternate;
}
.fixed-left a[data-v-38a8c498] {
    display: block;
}
.fixed-img-100[data-v-38a8c498] {
    width: 100%;
}
.vertical-align-center {
    align-items: center;
}
.dflex {
    display: flex!important;
}
:root {
    --base-color: 0 0%;
    --primary-color: hsl(var(--base-color) 100%);
    --mode-greydark: #262626;
}

.fixed-wa[data-v-38a8c498] {
    width: 100%;
}

@-webkit-keyframes zoom-data-v-38a8c498 {
    0% {
        transform: scale(1.6);
    }
    50% {
        transform: scale(1.2);
    }
    to {
        transform: scale(1.6);
    }
}
@keyframes zoom-data-v-38a8c498 {
    0% {
        transform: scale(1.6);
    }
    50% {
        transform: scale(1.2);
    }
    to {
        transform: scale(1.6);
    }
}
.lc-cont {
    background: url('https://gfit.b-cdn.net/CM/img/livechat-indolive77.webp');
    background-repeat: no-repeat;
    height: 215px;
    position: fixed;
    bottom: 45px;
    right: 10px;
    width: 300px;
    background-size: 100%;
}
.rx {
    display: flex;
    align-items: center;
}
.col {
    display: flex;
    flex-direction: column;
}
.section h1 {
    color: #f8d690;
    font-size: 3vmin;
    margin-bottom: 3vmin;
    font-weight: 900;
}
.section .more {
    position: absolute;
    top: 4vmin;
    right: 2vmin;
    color: grey;
    font-size: 2.5vmin;
    padding: 2vmin;
}

.index_slot .index_slot_nav {
    border-bottom: 1px solid grey;
}
.index_slot .index_slot_nav .nav_item {
    border-radius: 1vmin 1vmin 0 0;
    margin-right: 1vmin;
}
.index_slot .index_slot_nav .nav_active {
    border: 1px solid #ffde5f;
    color: #fff;
    padding: 5px 30px;
    letter-spacing: 1px;
    font-weight: 700;
    background-image: linear-gradient(#fedb79,#644c16);
    border-bottom: 0;
}
.index_slot .slot_list {
    overflow-x: auto;
    padding: 16px 0px 5px 0px;
}
.game img {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.game {
    min-width: 32vmin;
    overflow: hidden;
    margin-right: 12px;
	margin-bottom: 12px;
}
.game span {
    padding: 1vmin;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #d8d8d8;
    font-size: 11px;
	border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
	text-align: center;
}
.game-list .wrapper-container:not(:hover) .link-container, input#site_menu_trigger_input {
    display: none;
}
.game.col.p-0:hover .mdt {
    opacity: 1;
}

.mdt {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    text-align: center;
}
.text {
    backface-visibility: hidden;
    position: relative;
    background-image: linear-gradient(#fedb79,#644c16);
        border: 1px solid #ffde5f;
    color: white;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 8px;
    top: -12px;
    font-weight: bold;
    width: 115px;
}
a.game.col.p-0:hover img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.text:hover {
    background-image: linear-gradient(#644c16,#fedb79);
}
.icon-love-off {
    background-image: url('https://gfit.b-cdn.net/CM/img/slot/gif-icon-hot.gif');
}
.icon-love-off, .icon-love-on {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-size: 100% 100%;
	float: right;
}
@media (min-width: 992px) {
.rx {
	flex-wrap: wrap;
}
.game {
    min-width: 187px;
	}
a.game.col.p-0.last {
    margin-right: 0;
}
.game span {
    font-size: 13px;
}
}
/** dekstop **/
@media (min-width: 992px) and (max-width: 1201px) {
.game {
    min-width: 170px;
}
}

/*MOBILE PHONE MEDIA QUERY*/
@media only screen and (max-width: 360px) {
    .game span {
        font-size: 10px;
    }
}
a.game.col.p-0 span:before {
    content: "";
    position: absolute;
    background: #ffffff;
    width: 5.92rem;
    height: 0.2rem;
    bottom: 0.02rem;
    -webkit-transform: perspective(0.5em) rotateX(8deg);
    transform: perspective(0.5em) rotateX(8deg);
}
.bg-text {
    padding: 3px 2px 2px 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #d8d8d8;
    font-size: 13px;
    background: #343434;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    text-align: center;
	border-bottom: 3px solid #ffd362;
}

@media (min-width: 768px) and (max-width: 992px) {
.fixed-footer {
    display: none;
}

.announcement {
    display: none;
}
p.count-text {
    font-size: 25px;
    top: 26px;
    left: -20px;
}
.col-md-12.jackpot {
    height: 95px;
}
}
@media (min-width: 450px) and (max-width: 767px) {
.col-12.col-md-4.col-lg-8.cstm-login {
    display: none;
}
.menu {
    display: none;
}
.announcement {
    display: none;
}
p.count-text {
    font-size: 17px;
    top: 18px;
    left: -15px;
}
.col-md-12.jackpot {
    height: 75px
}
.fixed-footer {
    display: none;
}
.logo img {
    width: 265px;
}
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .login_wrap {
    float: right;
    position: relative;
    right: 120px;
    top: 15px;
}
ul.pull-right {
    float: right;
    margin-top: -11px;
    right: 150px;
    position: relative;
}
p.count-text {
    font-size: 30px;
    top: 35px;
}
}

.btn-login {
    background: linear-gradient(135deg, #d4af37, #b8941f);
    color: white;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #b8941f;
    display: inline-block;
    transition: all 0.3s ease;
}

.btn-login:hover {
    background: linear-gradient(135deg, #b8941f, #9a7a1a);
    transform: translateY(-2px);
}

.btn-register {
    background: linear-gradient(135deg, #28a745, #1e7e34);
    color: white;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #1e7e34;
    display: inline-block;
    transition: all 0.3s ease;
}

.btn-register:hover {
    background: linear-gradient(135deg, #1e7e34, #155724);
    transform: translateY(-2px);
}

.button-container {
    display: flex;
    gap: 10px;
    align-items: center;
}