/* ==========================================================================
   IDN Sport styles staging
   ========================================================================== */

   /* ========= Fonts ======== */
   @font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-regular.eot');
    src: url('../fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat-regular.woff') format('woff'),
    url('../fonts/montserrat-regular.ttf') format('truetype'),
    url('../fonts/montserrat-regular.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'open_sansregular';
    src: url("../fonts/opensans-regular-webfont.woff2") format("woff2"),
    url("../fonts/opensans-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }


  @font-face {
    font-family: 'gotham';
    src: url("../fonts/gotham/Gotham-Medium.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'bebasKai';
    src: url("../fonts/BebasKai/BebasKai.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'humanst521';
    src: url("../fonts/Humanst521/Humanst521BT.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'aller';
    src: url("../fonts/Aller/Aller_Rg.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'allerBold';
    src: url("../fonts/Aller/Aller_Bd.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }

  /* ========= General ======== */
  html, body {
   font-size: 11px;
   font-family: 'montserrat',Tahoma,"Microsoft Yahei",Arial,Helvetica;
   webkit-text-shadow: rgba(255,255,255,0.01) 0 0 1px;
   background: #202020;
 }

body.content-body {
  background: #000 url(../img/bg-main-new.jpg?v=1) top center no-repeat;
  background-position-y: -80px;
}

body.content-body.themes-lebaran {
  background: #000 url(../img/themes/bg-themes-lebaran-2019.jpg) top center no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  background-position-y: 93px;
}

div.content-body {
  background: none;
  padding: 0px 14px 10px !important;
}

.games-body {
  background: #1b1b1b url(../img/bg-games.jpg) top center no-repeat;
}

.slot {
  background: url(../img/bg-slot.jpg) top center no-repeat;
}

.sports {
  background: url(../img/bg-sports.jpg) top center no-repeat;
}

a {
  text-decoration: none;
  outline: none;
  color: #2be5bb;
}

a:hover, a:focus {
  text-decoration: none;
  color: #19c7a0;
}

h1.normal-heading {
  color: #19c5c7;
  text-transform: uppercase;
  font-weight: bolder;
  text-shadow: 3px 0px 3px rgba(2, 3, 3, 0.9);
  /*-webkit-text-stroke: 1px #212121;*/
}

/* ========= Header ======== */
/* .header {
  background-color: #1b1b1b;
} */
/* 
.header-cover {
  background-image: url(../img/logo-big.png);
  background-repeat: no-repeat;
  background-position: 13px 8px;
} */

.g_left {
  width: 21px;
  background: url(../img/gleft_bg.png) no-repeat scroll right top transparent;
  height: 22px;
  float: right;
}

.g_right {
  width: 21px;
  background: url(../img/gright_bg.png) no-repeat scroll left top transparent;
  height: 22px;
  float: right;
  margin-right: -21px;
}

.topmenu {
  color: #ffffff;
  line-height: 1.2;
  font-size: 11px;
  font-family: 'montserrat',Tahoma,"Microsoft Yahei",Arial,Helvetica;
  font-weight: 500;
}

/* .topmenu ul {
  background-color: rgb(61, 61, 61);
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
} */

.topmenu > ul > li {
  border-right: solid 1px #ffffff;
}

.topmenu li a {
  color: #ffffff;
}

.topmenu li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.topmenu .join a {
	background: #ff6326;
}

.topmenu .join a:hover {
	color: #fff !important;
}

.btn-login {
  background-color: #2aabd2 ;
  border-radius: 2px;
  color: #fff;
  font-weight: 400;
  line-height: 23px;
  font-size: 14px;
  text-transform: uppercase;
}

.btn-login:hover {
  background-color: #049ba7;
  text-decoration: none;
}

.hdcontent {
  font-size: 12px;
}

.login-panel {
  margin: 5px 0;
  line-height: 28px;
}

/* .login-panel-ins {
  margin: 5px 0;
  line-height: 28px;
} */

.input-login, .verify-login, .form-control {
  border: 1px solid rgba(131, 149, 165, 0.30);
  background: #fff;
  font-size: 11px;
  border-radius: 2px;
  color: #000;
}

/* ========= Navbar ======== */
/* .navbar {
  font-weight: bold;
  background: rgba(222,199,71,1);
  background: -moz-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,199,71,1)), color-stop(18%, rgba(255,243,114,1)), color-stop(30%, rgba(240,225,88,1)), color-stop(54%, rgba(169,141,29,1)), color-stop(95%, rgba(222,199,71,1)), color-stop(100%, rgba(222,199,71,1)));
  background: -webkit-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: -o-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: -ms-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: linear-gradient(to bottom, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dec747', endColorstr='#dec747', GradientType=0 );
  /*background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAFoCAYAAADHMkpRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH4wUMFgEBqIUtUQAAB35JREFUeNrt3cER20gQBMEFo0071+WFXBH3vAAflWkBnh09M4vn75//7gEAIOPz6w8AAOBde57n198AAMCLNIAAADE7RwMIAFAyE2AAgBYNIABAzOQ/AIAWV8AAADGugAEAYjSAAAAxdgABAGL2SIAAAClGwAAAMUbAAAAxGkAAgBh/AgEAiNEAAgDE7AiAAAApGkAAgJjJfwAALRpAAIAYO4AAADF+BQcAEGMEDAAQIwACAMTYAQQAiNEAAgDEeAcQACBGAwgAEGMHEAAgRgMIABAjAAIAxAiAAAAxdgABAGI0gAAAMQIgAECMETAAQIwGEAAgRgAEAIjxL2AAgBg7gAAAMUbAAAAxO0cABAAo0QACAMQIgAAAMa6AAQBiXAEDAMQYAQMAxLgCBgCIsQMIABBjBxAAIGaPETAAQIoGEAAgxg4gAECMK2AAgBgNIABAjAYQACBGAwgAEKMBBACImfwHANCiAQQAiPn8+gMAAHiXAAgAEGMEDAAQowEEAIgRAAEAYgRAAIAYARAAIEYABACIEQABAGIEQACAGAEQACBGAAQAiBEAAQBiBEAAgBgBEAAgZvfcX38DAAAvmvwHANCyeyVAAICSyX8AAC0aQACAGAEQACBGAAQAiBEAAQBidr8CIABAiQYQACBGAAQAiNn3+/31NwAA8CI7gAAAMfsaAQMApOwaAQMApOxrBAwAkKIBBACI0QACAMR4BgYAIMYIGAAgxggYACDGCBgAIEYABACIEQABAGLsAAIAxOz+0wACAJQYAQMAxAiAAAAxAiAAQMy+dgABAFI0gAAAMQIgAECMdwABAGLsAAIAxBgBAwDE7AqAAAApGkAAgBg7gAAAMa6AAQBijIABAGIcgQAAxBgBAwDEGAEDAMQYAQMAxBgBAwDEaAABAGL2vRpAAIASDSAAQIwdQACAmN2rAQQAKNnVAAIApDgCAQCI0QACAMTsagABAFIEQACAGAEQACBmRwAEAEjRAAIAxAiAAAAxO/IfAEDKrgQIAJCiAQQAiPn8+gMAAHiXAAgAECMAAgDECIAAADECIABAjAAIABAjAAIAxAiAAAAxAiAAQIwACAAQIwACAMQIgAAAMQIgAEDMnl9/AQAAr9IAAgDECIAAADE7ZsAAACl2AAEAYoyAAQBidsyAAQBS9sh/AAApRsAAADEaQACAGDuAAAAxGkAAgBg7gAAAMXuMgAEAUvwKDgAgxg4gAECMK2AAgBgNIABAjAYQACBGAwgAEKMBBACI0QACAMTskQABAFL8Cg4AIMYIGAAgxggYACDGCBgAIEYDCAAQIwACAMQ4AgEAiNnjTyAAACmT/wAAWuwAAgDETPwDAGjZ0QACAKS4AgYAiLEDCAAQ4xkYAIAYz8AAAMQYAQMAxDgCAQCIsQMIABBjBxAAIMYOIABAjAAIABDjX8AAADH+BQwAEOMZGACAGDuAAAAx3gEEAIjxDiAAQIwRMABAjCMQAICYHTNgAIAUDSAAQIyHoAEAYvwKDgAgxhUwAECMHUAAgBhXwAAAMUbAAAAxn19/AAAA79IAAgDEOAIBAIgxAgYAiDECBgCI0QACAMRoAAEAYjSAAAAxGkAAgBgNIABAzB7/AgYASJn8BwDQYgQMABDjCAQAIEYDCAAQIwACAMS4AgYAiHEFDAAQYwQMABAjAAIAxNgBBACI0QACAMQIgAAAMQIgAECMAAgAECMAAgDE7LgCBgBI0QACAMQIgAAAMQIgAECMAAgAECMAAgDECIAAADECIABAzO799ScAAPAmDSAAQIwACAAQs2MGDACQMvEPAKDFCBgAIGZHBQgAkGIEDAAQowEEAIixAwgAEONPIAAAMTtmwAAAKRpAAIAYO4AAADGugAEAYrwDCAAQs2MJEAAgRQMIABDjChgAIMYRCABAzK4KEAAgxTuAAAAxdgABAGI0gAAAMXYAAQBijIABAGIEQACAmB0PAQIApGgAAQBi/AkEACDGFTAAQIwRMABAjIegAQBijIABAGKMgAEAYgRAAICYHQkQACBFAwgAELPrJWgAgBQNIABAjAAIABDjCAQAIEYDCAAQ408gAAAxGkAAgBgBEAAgxhEIAECMBhAAIMYRCABAjAYQACBGAwgAEKMBBACI2REAAQBSjIABAGKMgAEAYnbNgAEAUjSAAAAxdgABAGI0gAAAMTsSIABAigYQACBGAAQAiHEEAgAQowEEAIjRAAIAxGgAAQBiPAMDABCjAQQAiLEDCAAQowEEAIgRAAEAYoyAAQBiduQ/AIAUDSAAQIwdQACAGA0gAECMBhAAIGbyHwBAi38BAwDEGAEDAMQ4AgEAiNEAAgDE+BMIAECMETAAQIwRMABAzK4ZMABAih1AAIAYI2AAgBhHIAAAMRpAAICYyX8AAC07KkAAgBQjYACAGM/AAADEeAgaACDGCBgAIMYIGAAgxggYACBGAwgAEGMHEAAgZkcFCACQogEEAIgRAAEAYj6//gAAAN61owIEAEiZ+AcA0OIdQACAGA0gAECMHUAAgBgNIABAjB1AAIAY7wACAMQYAQMAxPwPLUV8LyCjG78AAAAASUVORK5CYII=');
  background-repeat: repeat no-repeat;
  background-size: auto 100%;
  background-position: center top;*/
} */

.navbar .navbar-icon {
  width: 30px;
  height: 22px;
  display: inherit;
  position: relative;
  top: 3px;
}

/* .navbar .navbar-icon.icon-home {
  background: url(../img/navbar-icon/icon-navbar-home.png) center no-repeat;
  background-size: 25px 22px;
}

.navbar .navbar-icon.icon-slot {
  background: url(../img/navbar-icon/icon-navbar-slot.png) center no-repeat;
  background-size: 22px 18px;
  top: 5px;
}

.navbar .navbar-icon.icon-casino {
  background: url(../img/navbar-icon/icon-navbar-casino.png) center no-repeat;
  background-size: 22px 18px;
  top: 5px;
}

.navbar .navbar-icon.icon-poker {
  background: url(../img/navbar-icon/icon-navbar-poker.png) center no-repeat;
  background-size: 22px 18px;
  top: 5px;
}

.navbar .navbar-icon.icon-deposit {
  background: url(../img/navbar-icon/icon-navbar-deposit.png) center no-repeat;
  background-size: 22px 20px;
}

.navbar .navbar-icon.icon-withdraw {
  background: url(../img/navbar-icon/icon-navbar-withdraw.png) center no-repeat;
  background-size: 19px 20px;
  top: 5px;
}

.navbar .navbar-icon.icon-promo {
  background: url(../img/navbar-icon/icon-navbar-promo.png) center no-repeat;
  background-size: 21px 20px;
}

.navbar .navbar-icon.icon-referral {
  background: url(../img/navbar-icon/icon-navbar-referral.png) center no-repeat;
  background-size: 22px 17px;
  top: 5px;
}

.navbar .navbar-icon.icon-download {
  background: url(../img/navbar-icon/icon-navbar-download.png) center no-repeat;
  background-size: 20px 24px;
  top: 5px;
} */
/* 
.navbar .nav > li {
  border-left: 1px solid #000;
} */

/* .navbar .nav > li:last-child {
  border-right: 1px solid #000;
} */

/* .navbar .nav > li > a {
  font-family: 'bebasKai','montserrat',Tahoma,"Microsoft Yahei",Arial,Helvetica;
  font-size: 17px;
  font-weight: normal;
  padding: 0 23px;
  text-transform: uppercase;
  color: #000;
} */

.navbar .nav > li > a.vn {
  font-size: 16px;
}

.navbar .nav > li#li-download > a {
  background: linear-gradient(to bottom,#002ab3 0%,#079ad8 42%,#0576c5 69%,#005389 100%);
  color: #fff;
}

/* .navbar .nav li.active, .navbar .nav li .current, .navbar .nav li .hover,
.navbar .nav > li:focus, .navbar .nav > li > a:focus {
  background: rgba(222,199,71,1);
  background: -moz-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,199,71,1)), color-stop(18%, rgba(255,243,114,1)), color-stop(30%, rgba(240,225,88,1)), color-stop(54%, rgba(169,141,29,1)), color-stop(95%, rgba(222,199,71,1)), color-stop(100%, rgba(222,199,71,1)));
  background: -webkit-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: -o-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: -ms-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: linear-gradient(to bottom, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dec747', endColorstr='#dec747', GradientType=0 );
} */

/* .navbar .nav > li:hover,
.navbar .nav > li > a:hover {
  background: rgb(186, 142, 74);
  background: -moz-linear-gradient(top,  rgb(186, 142, 74) 0%, rgba(110,70,11,1) 49%, rgba(97,56,10,1) 50%, rgb(113, 72, 11) 70%, rgb(172, 115, 29) 100%);
  background: -webkit-linear-gradient(top,  rgb(186, 142, 74) 0%, rgba(110,70,11,1) 49%, rgba(97,56,10,1) 50%, rgb(113, 72, 11) 70%, rgb(172, 115, 29) 100%);
  background: linear-gradient(top,  rgb(186, 142, 74) 0%, rgba(110,70,11,1) 49%, rgba(97,56,10,1) 50%, rgb(113, 72, 11) 70%, rgb(172, 115, 29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306e91', endColorstr='#129ea0',GradientType=0 );
  color: #000;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.2), inset -1px -1px 0px 0px rgba(255,255,255,0.2);
  -moz-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.2), inset -1px -1px 0px 0px rgba(255,255,255,0.2);
  box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.2), inset -1px -1px 0px 0px rgba(255,255,255,0.2);
} */


.navbar .nav > li.trans:hover, .navbar .nav > li.trans:hover a, .navbar .nav > li.trans a:hover,
.navbar .nav > li.trans:focus, .navbar .nav > li.trans:focus a, .navbar .nav > li.trans a:focus {
  background: transparent!important;
}

/* ========= Subnavbar ======== */
.subnavbar {
  background: url('../img/subnavbar-bg.jpg') #103d5a bottom repeat-x;
}

.pagetype a.nav-club span {
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}

.pagetype a.nav-club:hover .nav-bg {
  /*background: url(../img/nav-club-hover.jpg) #00bbca top center no-repeat;*/
  background-color: #1c4b69;
}

.pagetype a.nav-club:hover .btns {
  background: rgb(17,86,98); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(17,86,98,1) 41%, rgba(18,158,160,1) 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(17,86,98,1) 41%,rgba(18,158,160,1) 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(17,86,98,1) 41%,rgba(18,158,160,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115662', endColorstr='#129ea0',GradientType=0 ); /* IE6-9 */
  border: 0 none;
  color: #fff;
}

.pagetype a.nav-club .btns {
  color: #2f9fa3;
  line-height: 26px;
  font-size: 14px;
  text-transform: uppercase;
}

/* ========= Main ======== */
.msg .marquee-wrapper .marquee {
  color: #fff;
  font: 12px 'open_sansregular';
}

.slide-wrapper, .big-slide-wrapper, .promo1, .promo2, .misc > a > img, .misc > span > a > img {
  -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.75);
}

.misc {
  justify-content: center;
}

.misc a:not(.last) {
  margin-right: 6px;
  color: #d9c143;
}

.misc a.last {
  margin-right: 8px;
}

.misc a:hover {
  color: #ffde2f;
}

.first {
  width: 64%;
}

.last {
  width: 34%;
}

.misc > a > img {
  width: 100%;
  height: 100%;
}

.slide-wrapper {
  width: 100% !important;
}

.img-home {
  width: 100%;
  height: 346px;
}

.clubs a {
  font-weight: 500;
  font-size: 12px;
}

.clubs a div h3 {
  font-size: 14px;
  color: #ffd565;
  background: rgba(12, 5, 56, .2);
  border: 1px solid #0aa9ad;
  border-radius: 2px;
}

.clubs a:hover h3 {
  color: #fff;
}

.clubs a div p {
  color: #fff;
  font-size: 13px;
}

.game-list li, .game-list2 li {
  background: #10415a;
}

.game-list li:hover, .game-list2 li:hover {
  background: rgba(16, 65, 90, 0.9);
  color: #fff;
}

.game-list li img, .game-list2 li img {
  border: 2px solid #5482ad;
}

.game-list li span, .game-list2 li span {
  line-height: 36px;
  font-size: 14px;
  color: #fff;
}

.game-list li p, .game-list2 li p, .top-games p {
  background-color: rgba(0, 0, 0, 0.2);
}
.game-list2 li .game-jackpot {
  background-color: #1A72B6;
  color:#fff;
  font-size: 13px;
}

.game-list a, .game-list2 a, .top-games a {
  background: rgb(48,110,145); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(48,110,145,1) 0%, rgba(28,75,105,1) 48%, rgba(16,61,90,1) 49%, rgba(17,86,98,1) 70%, rgba(18,158,160,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(48,110,145,1) 0%,rgba(28,75,105,1) 48%,rgba(16,61,90,1) 49%,rgba(17,86,98,1) 70%,rgba(18,158,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(48,110,145,1) 0%,rgba(28,75,105,1) 48%,rgba(16,61,90,1) 49%,rgba(17,86,98,1) 70%,rgba(18,158,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306e91', endColorstr='#129ea0',GradientType=0 ); /* IE6-9 */
  border: 1px solid rgba(62, 141, 186, 0.8);
  color: #e9ff32;
  font-size: 14px;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
  box-shadow: 0px 2px 6px #000;
  border-radius: 2px;
  text-transform: uppercase;
}

.game-list a:hover, .game-list2 a:hover, .top-games a:hover {
  background: rgb(18,158,160); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(18,158,160,1) 0%, rgba(17,86,98,1) 48%, rgba(18,158,160,1) 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(18,158,160,1) 0%,rgba(17,86,98,1) 48%,rgba(18,158,160,1) 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(18,158,160,1) 0%,rgba(17,86,98,1) 48%,rgba(18,158,160,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129ea0', endColorstr='#129ea0',GradientType=0 ); /* IE6-9 */
  border-color: rgba(23, 195, 199, 0.8);
  color: #fff;
}

.poker-insight {
  background: rgba(47, 47, 47, .75);
  border-radius: 2px;
}

.poker-caption h4 {
  line-height: 18px;
  color: #fff;
  font-size: 14px;
}

.poker-caption h4 span {
  font-size: 11px;
}

.maintain {
	background: url(../img/bgblack.png) no-repeat transparent;
  font-weight: normal;
  font-size: 24px;
  color: #fff;
}

.have-account {
  font-size: 22px;
  text-align: center;
  color: #fff;
}

#studio-list > a > .studio1, #studio-list > a > .studio2 {
  color: #fff;
}

.std1, .std2 {
  border: 1px solid transparent;
  border-color: #404040;
}

.std-hover {
  border-color: #14b489 !important;
}

.std-play-btn1, .std-play-btn2 {
  background: rgba(0,0,0,.8);
}

.std-play-btn1 span, .std-play-btn2 span {
  background: #14b489;
  color: #000000;
  text-transform: uppercase;
  font-size: 21px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.std-play-btn1 span:hover, .std-play-btn2 span:hover {
  color: #fff;
}

.std-btn {
  background: #1a1a1a;
  font-size: 18px;
}

/* ========= Footer ======== */
/* .footer {
  background: #1b1b1b;
  border-top: 2px solid rgb(250, 184, 0);
  color: #616161;
  min-height: 200px;
} */

.footer .copyright {
  padding: 10px 0 3px 0;
}

.footer .partners, .footer .banks, .footer .lisence {
  display: grid;
  grid-template-columns: repeat(9,1fr);
}

.footer .partners {
  grid-template-rows: repeat(2,50px);
}

.footer .banks {
  grid-template-rows: repeat(2,50px);
}

.footer .lisence {
  grid-template-columns: 135px;
  grid-template-rows: 20px 45px;
}

.footer .partners-and-banks h3, .footer .text-statement h3 {
  text-align: center;
  text-transform: uppercase;
  font: 12px 'open_sansregular';
  padding: 4px 8px;
  font-weight: 400;
  color: #fff;
}

.footer .partners-and-banks .icon, .footer .text-statement .icon {
  width: 100%;
  height: auto;
  background: url(../../../img/bankkds-assets.png) no-repeat;
}

.footer .partners-and-banks .icon, .footer .text-statement .icon.icon-ft-pagcor{
  background-position: -1257px -30px;
}

.footer .partners-and-banks .icon, .footer .text-statement .icon.icon-ft-bmm{
  background-position: -1257px -30px;
}

.footer .partners-and-banks .icon, .footer .text-statement .icon {
    max-width: 100%;
    height: 50px;
}

.row.statement-content-row {
    text-align: center;
}

/*.footer .partners-and-banks .icon, .footer .text-statement .icon:hover {
  background-position-y: 20px;
  }*/

  .footer .partners-and-banks .icon.icon-ft-ttg{
    background: url(../img/footer-icon/TTG.png) center no-repeat;
  }

  .footer .partners-and-banks .icon.icon-ft-mg{
    background: url(../img/footer-icon/MICROGAMING.png) center no-repeat;
  }

  .footer .partners-and-banks .icon.icon-ft-pp{
    background: url(../img/footer-icon/PRAGMATIC.png) center no-repeat;
  }

  .footer .partners-and-banks .icon.icon-ft-idnplay{
    background: url(../img/footer-icon/idnplay.png) center no-repeat;
    background-size: 96px;
  }

  .footer .partners-and-banks .icon.icon-ft-pgsoft{
    background: url(../img/footer-icon/pgsoft.png) center no-repeat;
    background-size: 96px;
  }

  .footer .partners-and-banks .icon.icon-ft-sbo-sexy{
    background: url(../img/footer-icon/sbo-sexy.png) center no-repeat;
    background-size: 79px;
  }
  
  .footer .partners-and-banks .icon.icon-ft-sbo{
    background: url(../img/footer-icon/sbo.png) center no-repeat;
    background-size: 79px;
  }
  
  .footer .partners-and-banks .icon.icon-ft-cmd{
    background: url(../img/footer-icon/cmd.png) center no-repeat;
    background-size: 79px;
  }

  .footer .partners-and-banks .icon.icon-ft-bg{
    background: url(../img/footer-icon/BOOMING.png) center no-repeat;
  }

  .footer .partners-and-banks .icon.icon-ft-gameplay{
    background: url(../img/footer-icon/gameplay.png) center no-repeat;
  }

  .footer .partners-and-banks .icon.icon-ft-sg8{
    background: url(../img/footer-icon/sg8.png) center no-repeat;
  }

  .footer .partners-and-banks .icon.icon-ft-spadegaming{
    background: url(../img/footer-icon/Spadegaming.png?v=1) center no-repeat;
    background-size: 109px;
  }

  .footer .partners-and-banks .icon.icon-ft-habanero{
    background: url(../img/footer-icon/habanero.png) center no-repeat;
  }

  .footer .partners-and-banks .icon.icon-ft-isoftbet{
    background: url(../img/footer-icon/isoftbet.png) center no-repeat;
  }

  .footer .partners-and-banks .icon.icon-ft-redtiger{
    background: url(../img/footer-icon/redtiger.png) center no-repeat;
  }

  .footer .partners-and-banks .icon.icon-ft-cq9{
    background: url(../img/footer-icon/cq9.png) center no-repeat;
    background-size: 80px;
  }

  .footer .partners-and-banks .icon.icon-ft-playstar{
    background: url(../img/footer-icon/playstar.png) center no-repeat;
    background-size: 90px;
  }

  .footer .partners-and-banks .icon.icon-ft-bca{
    background-position-x: -396px;
    width: 91px;
  }

  .footer .partners-and-banks .icon.icon-ft-bni{
    background-position-x: -577px;
    width: 91px;
  }

  .footer .partners-and-banks .icon.icon-ft-bri{
    background-position-x: -674px;
  }

  .footer .partners-and-banks .icon.icon-ft-cimb{
    background-position-x: -659px;
    background-position-y: 10px;
    background-size: 912px 63px;
    width: 100px;
  }

  .footer .partners-and-banks .icon.icon-ft-kospin:hover{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }

  .footer .partners-and-banks .icon.icon-ft-mandiri{
    background-position-x: -488px;
    width: 86px;
    margin-left: 10px;
  }

  .footer .partners-and-banks .icon.icon-ft-cimb:hover {
    background-position-y: -34px;
    margin-top: 12px;
    background-size: 912px 63px;
    filter: none;
  }

  .footer .partners-and-banks .icon.icon-ft-kospin {
    background: url(../../../img/bank/permata.png?v=2) center no-repeat;
    -webkit-filter: grayscale(99%);
    filter: grayscale(99%);
    background-size: 100%;
    background-position-y: 7px;
  }

  .footer .partners-and-banks .icon.icon-ft-maybank {
    background: url(../../../img/bank/white/maybank-white.png) no-repeat;
    background-size: 96px;
    background-position: 5px 0px;
    margin-top: 20px;
    /* height: 0px; */
    margin-left: -5px;
  }

  .footer .partners-and-banks .icon.icon-ft-panin {
    background: url(../../../img/bank/panin.png) center no-repeat;
    background-size: 100%;
    height: 60px;
  }

  .footer .partners-and-banks .icon.icon-ft-bsi {
    background: url(../../../img/bank/bsi.png) center no-repeat;
    background-size: 100%;
    height: 60px;
  }
  
  .footer .partners-and-banks .icon.icon-ft-qris {
    background: url(../../../img/bank/qris.png) center no-repeat;
    background-size: 100%;
    height: 60px;
  }
  

  .footer .partners-and-banks .icon.icon-ft-permata {
    background: url(../../../img/bank/kospin-permata.png) no-repeat;
    -webkit-filter: grayscale(99%);
    filter: grayscale(99%);
    background-size: 97px 39px;
    background-position: 5px 6px;
    height: 49px;
  }

  .footer .partners-and-banks .icon.icon-ft-ovo {
    background: url(../../../img/bank/ovo.png) no-repeat;
    background-size: 97px 39px;
    background-position: 5px 6px;
    height: 49px;
  }

  .footer .partners-and-banks .icon.icon-ft-gopay {
    background: url(../../../img/bank/gopay.png) no-repeat;
    background-size: 97px 39px;
    background-position: 5px 6px;
    height: 49px;
  }

  .footer .partners-and-banks .icon.icon-ft-dana {
    background: url(../../../img/bank/dana.png) no-repeat;
    background-size: 97px 39px;
    background-position: 5px 6px;
    height: 49px;
  }

  .footer .partners-and-banks .icon.icon-ft-linkaja {
    background: url(../../../img/bank/linkaja.png) no-repeat;
    background-size: 97px 39px;
    background-position: 5px 6px;
    height: 49px;
  }

  .footer .partners-and-banks .icon.icon-ft-permata:hover{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }

  .footer .partners-and-banks .icon.icon-ft-voucher88 {
    background-position: -1392px -26px;
    width: 97px;
    /* background-position-y: -33px; */
    height: 33px;
    margin-top: 9px;
  }

  /* .footer .partners-and-banks .icon.icon-ft-bca:hover,
  .footer .partners-and-banks .icon.icon-ft-bni:hover,
  .footer .partners-and-banks .icon.icon-ft-bri:hover,
  .footer .partners-and-banks .icon.icon-ft-mandiri:hover,
  .icon.icon-ft-voucher88:hover{
    background-position-y: -33px;
    height: 33px;
    margin-top: 9px;
  } */

  .footer .partners-and-banks .icon.icon-ft-cimb:hover{
    background-position-y: -34px;
    margin-top: 12px;
  }

  .footer .partners-and-banks .icon.icon-ft-pagcor{
    background: url(../img/footer-icon/pagcor.png) center no-repeat;
  }
  
  .footer .partners-and-banks .icon.icon-ft-sinarmas {
    background: url(../../../img/bank/sinarmas.png) center no-repeat;
    background-size: 100%;
    height: 60px;
  }
  
  .footer .partners-and-banks .icon.icon-ft-virtual {
    background: url(../../../img/bank/virtualaccount.png) center no-repeat;
    background-size: 100%;
    height: 60px;
  }

  .footer .text-statement .icon.icon-ft-device-support{
    background: url(../img/footer-icon/device-support.png) no-repeat;
    height: 30px;
    width: 145px;
    margin: 0 auto;
  }

  .footer .text-statement {
    font: 14px 'open_sansregular';
    padding-top: 0px;
    text-align: justify;
  }

  .footer .text-statement h3 {
    padding-left: 0;
  }
/*  .footer .text-statement h3:not(.old) {
    text-transform: capitalize;
  }*/

  .footer .text-statement .disclaimer .menu li, .footer .text-statement .menu li{
    text-transform: capitalize;
    display: inline;
  }

  .footer .text-statement .disclaimer .menu li:not(.last)::after {
    content: '|';
    padding: 0 5px 0 15px;
  }

  .footer .text-statement .disclaimer p {
    color: #fff;
  }

  .footer .security a.adult {
    margin-left: 0;
    background-position: -217px -33px;
    width: 30px;
    height: 33px;
    margin-left: 0;
  }

  .footer .security a.knowlimit {
    background-position: -256px -33px;
    width: 30px;
    height: 33px;
  }

  .footer .security a.onlinesafe {
    background-position: -296px -33px;
    width: 58px;
    height: 33px;
  }

  .footer .security a.spamfree {
    background-position: -360px -33px;
    width: 37px;
    height: 33px;
  }

  .footer .text-statement .disclaimer .menu li a {
    font-size: 13px;
  }

  .footer, .footer a {
    font-size: 12px;
    font-weight: normal;
  }

  .footer a {
    color: #d9c143;
  }

  .footer a:hover, .footer a:focus {
    color: #d9c143;
    text-decoration: underline;
  }

  .footer hr {
    border-top: 1px solid #616161;
  }

  .footer .nav-links h6 {
    font-weight: 600;
  }

  .footer ul.ul-horizontal li {
    font-size: 11px;
  }

  .footer .statement-img li a {
    background: url("../img/icon/ftr-ico.png");
    background-position: -0px 0px;
    background-repeat: no-repeat;
  }

  .footer .statement-img li a.icon-footer-rules {
    background: none;
    width: 33px;
    height: 33px;
  } 

  .footer .statement-img li a.icon-footer-licence {
    background: none;
    width: 85px;
    height: 33px;
  }

  .footer .statement-img li a.icon-footer-rules.safety {
    width: 89px;
  }

  .footer .statement-img li a.icon-footer-rules > img {
    max-width: 100%;
    height: 100%;
  }

  .footer .statement-text {
    font-size: 11px;
  }

  .footer span {
    color: #5d5d5d;
  }

  .footer .copyright {
    color: #616161;
  }

  .footer .copyright p {
    font: 12px 'open_sansregular';
    color: #fff;
    text-transform: uppercase;
  }

  hr.disclaimer-line {
    border: 1px solid rgb(250, 184, 0) !important;
  }

  /* ========= Forms ======== */
  .sub-bar {
    background-color: #011b29;
    font: 700 14px/36px Tahoma;
    border: 1px solid #185363;
    color: #fff;
  }

  .sub-bar label {
    /*background: #049ba7;*/
    line-height: 28px;
    color: #19c794;
    font: 700 14px/22px 'montserrat';
  }

  .red {
    color: #ff6326;
  }

  .main .tb-table {
    color: #fff;
  }

  #reg-main, #reg-success, #reg-activate, #reset-step1, #reset-step2, #reset-success, #banking, .currency {
    background: rgba(0, 0, 0, .7);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
  }

  #reg-success, .currency {
    color: #fff;
  }

  #reg-main .popover{
   background-color: #FFFFCC !important;
   font: 11px/15px 'montserrat';
   color: #F60;
 }

 .reg_content b, .reg_content2 b {
  font: 700 12px/22px 'montserrat';
  color: #19c794;
}

.reg_content table th, .reg_content2 table th {
  font-size: 12px;
  font-weight: 100;
  color: #fff;
}

.reg_done.reg_content th, .reg_done.reg_content td {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.reg_content table td {
  font-size: 12px;
  color: #fff;
}

.reg_content select {
  border: 1px solid #394550;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  background-color: #394550;
}

.btn-primary {
  color: #000;
  background: rgba(222,199,71,1);
  background: -moz-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,199,71,1)), color-stop(18%, rgba(255,243,114,1)), color-stop(30%, rgba(240,225,88,1)), color-stop(54%, rgba(169,141,29,1)), color-stop(95%, rgba(222,199,71,1)), color-stop(100%, rgba(222,199,71,1)));
  background: -webkit-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: -o-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: -ms-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: linear-gradient(to bottom, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dec747', endColorstr='#dec747', GradientType=0 );
  border: 1px solid rgb(157, 105, 33);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: rgba(222,199,71,1);
  background: -moz-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(222,199,71,1) 3%, rgba(169,141,29,1) 22%, rgba(255,243,114,1) 56%, rgba(240,225,88,1) 70%, rgba(222,199,71,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,199,71,1)), color-stop(3%, rgba(222,199,71,1)), color-stop(22%, rgba(169,141,29,1)), color-stop(56%, rgba(255,243,114,1)), color-stop(70%, rgba(240,225,88,1)), color-stop(100%, rgba(222,199,71,1)));
  background: -webkit-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(222,199,71,1) 3%, rgba(169,141,29,1) 22%, rgba(255,243,114,1) 56%, rgba(240,225,88,1) 70%, rgba(222,199,71,1) 100%);
  background: -o-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(222,199,71,1) 3%, rgba(169,141,29,1) 22%, rgba(255,243,114,1) 56%, rgba(240,225,88,1) 70%, rgba(222,199,71,1) 100%);
  background: -ms-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(222,199,71,1) 3%, rgba(169,141,29,1) 22%, rgba(255,243,114,1) 56%, rgba(240,225,88,1) 70%, rgba(222,199,71,1) 100%);
  background: linear-gradient(to bottom, rgba(222,199,71,1) 0%, rgba(222,199,71,1) 3%, rgba(169,141,29,1) 22%, rgba(255,243,114,1) 56%, rgba(240,225,88,1) 70%, rgba(222,199,71,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dec747', endColorstr='#dec747', GradientType=0 );
  border-color: rgba(157, 105, 33);
  color: #000;
}

.btn-success {
  color: #fff;
  background: rgb(48,145,50); /* Old browsers */
  background: -moz-linear-gradient(bottom, rgba(32,124,229,1) 0%, rgba(32,124,229,1) 34%, rgba(73,155,234,1) 52%, rgba(32,124,229,1) 80%, rgba(32,124,229,1) 100%);/* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, rgba(32,124,229,1) 0%, rgba(32,124,229,1) 34%, rgba(73,155,234,1) 52%, rgba(32,124,229,1) 80%, rgba(32,124,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-linear-gradient(bottom, rgba(32,124,229,1) 0%, rgba(32,124,229,1) 34%, rgba(73,155,234,1) 52%, rgba(32,124,229,1) 80%, rgba(32,124,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#309132', endColorstr='#1ca012',GradientType=0 ); /* IE6-9 */
  border: 1px solid rgba(62, 186, 64, 0.8);
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: rgb(32,124,229,1); /* Old browsers */
  background: -moz-linear-gradient(bottom, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 34%, rgba(32,124,229,1) 52%, rgba(73,155,234,1) 80%, rgba(73,155,234,1) 100%);/* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 34%, rgba(32,124,229,1) 52%, rgba(73,155,234,1) 80%, rgba(73,155,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-linear-gradient(bottom, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 34%, rgba(32,124,229,1) 52%, rgba(73,155,234,1) 80%, rgba(73,155,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ca012', endColorstr='#1ca012',GradientType=0 ); /* IE6-9 */
  border-color: rgba(35, 199, 26, 0.8);
}

.btn-danger {
  color: #fff;
  background: rgb(145,48,48); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(145,48,48,1) 0%, rgba(105,28,28,1) 49%, rgba(90,16,16,1) 50%, rgba(98,17,17,1) 70%, rgba(160,18,18,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(145,48,48,1) 0%,rgba(105,28,28,1) 49%,rgba(90,16,16,1) 50%,rgba(98,17,17,1) 70%,rgba(160,18,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(145,48,48,1) 0%,rgba(105,28,28,1) 49%,rgba(90,16,16,1) 50%,rgba(98,17,17,1) 70%,rgba(160,18,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#913030', endColorstr='#a01212',GradientType=0 ); /* IE6-9 */
  border: 1px solid rgba(186, 62, 62, 0.8);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: rgb(160,18,18); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(160,18,18,1) 0%, rgba(105,28,28,1) 49%, rgba(160,18,18,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(160,18,18,1) 0%,rgba(105,28,28,1) 49%,rgba(160,18,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(160,18,18,1) 0%,rgba(105,28,28,1) 49%,rgba(160,18,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a01212', endColorstr='#a01212',GradientType=0 ); /* IE6-9 */
  border: 1px solid rgba(199, 23, 23, 0.8);
}

.btn-default {
  color: #fff;
  background: rgb(141,141,141); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(141,141,141,1) 0%, rgba(96,96,96,1) 49%, rgba(76,76,76,1) 50%, rgba(86,86,86,1) 70%, rgba(164,164,164,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(141,141,141,1) 0%,rgba(96,96,96,1) 49%,rgba(76,76,76,1) 50%,rgba(86,86,86,1) 70%,rgba(164,164,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(141,141,141,1) 0%,rgba(96,96,96,1) 49%,rgba(76,76,76,1) 50%,rgba(86,86,86,1) 70%,rgba(164,164,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d8d8d', endColorstr='#a4a4a4',GradientType=0 ); /* IE6-9 */
  border: 1px solid rgba(201, 201, 201, 0.8);
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

.btn-default:hover, .btn-default:focus, .btn-default:active {
  color: #fff;
  background: rgb(164,164,164); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(164,164,164,1) 0%, rgba(96,96,96,1) 49%, rgba(164,164,164,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(164,164,164,1) 0%,rgba(96,96,96,1) 49%,rgba(164,164,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(164,164,164,1) 0%,rgba(96,96,96,1) 49%,rgba(164,164,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#a4a4a4',GradientType=0 ); /* IE6-9 */
  border: 1px solid rgba(181, 181, 181, 0.8);
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

.btn-warning {
  color: #fff;
  background: #d13839; /* Old browsers */
  background: -moz-linear-gradient(top,  #d13839 0%, #bb3435 20%, #6b2a2b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #d13839 0%,#bb3435 20%,#6b2a2b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #d13839 0%,#bb3435 20%,#6b2a2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d13839', endColorstr='#6b2a2b',GradientType=0 ); /* IE6-9 */
  border: none;
  text-shadow: 1px 1px 0 rgba(0,0,0,.2);
  text-transform: uppercase;
  font-size: 28px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75), inset 0px 3px 1px 0px rgba(240,43,26,0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75), inset 0px 3px 1px 0px rgba(240,43,26,0.5);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75), inset 0px 3px 1px 0px rgba(240,43,26,0.5);
  border-radius: 4px !important;
  padding: 18px 26px;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  color: #fff;
  background: #d13839; /* Old browsers */
  background: -moz-linear-gradient(top,  #d13839 0%, #bb3435 50%, #6b2a2b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #d13839 0%,#bb3435 50%,#6b2a2b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #d13839 0%,#bb3435 50%,#6b2a2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d13839', endColorstr='#6b2a2b',GradientType=0 ); /* IE6-9 */
}

.btn-info {
  color: #fff;
  background: #129ea0; /* Old browsers */
  background: -moz-linear-gradient(top,  #129ea0 0%, #0d8688 20%, #115662 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #129ea0 0%,#0d8688 20%,#115662 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #129ea0 0%,#0d8688 20%,#115662 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129ea0', endColorstr='#115662',GradientType=0 ); /* IE6-9 */
  border: none;
  text-shadow: 1px 1px 0 rgba(0,0,0,.2);
  text-transform: uppercase;
  font-size: 28px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75), inset 0px 3px 1px 0px rgba(37,151,134,0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75), inset 0px 3px 1px 0px rgba(37,151,134,0.5);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75), inset 0px 3px 1px 0px rgba(37,151,134,0.5);
  border-radius: 4px !important;
  padding: 18px 59px;
}

.btn-info:hover, .btn-info:focus, .btn-info:active {
  color: #fff;
  background: #129ea0; /* Old browsers */
  background: -moz-linear-gradient(top,  #129ea0 0%, #0d8688 50%, #115662 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #129ea0 0%,#0d8688 50%,#115662 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #129ea0 0%,#0d8688 50%,#115662 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129ea0', endColorstr='#115662',GradientType=0 ); /* IE6-9 */
}

.btn-xl {
  font-size: 28px;
  text-transform: uppercase;
  padding: 18px 28px;
  border: none;
  border-radius: 4px !important;
}

.success-txt {
  font-size: 14px;
  color: #fff;
}

.sub-avr {
  background-color: #19c794;
  /*border: 1px solid #116fb7;*/
  color: #000000;
  font-size: 14px;
  line-height: 30px;
}

.sub-fvr {
  background-color: #fff;
  /*border: 1px solid #eee;*/
  font-size: 14px;
  line-height: 30px;
}

.nav-label {
  text-align: center;
  font-weight: normal;
}

table td {
  line-height: 20px;
}

table .nav_tr {
  /*background: #BABABA;*/
}

table thead tr td {
  font-weight: bold;
  color: #19c794 !important;
  border-bottom: 1px solid #3c3c3c !important;
}

.nav-wor {
  color: #ff6326;
}

/* ========= Tabs ======== */
.tab .nav-tabs {
  border: none;
  background: none;
  border-bottom: solid 2px #000000;
  background: #000000;;
}

.tab .nav-tabs a {
  font-size: 13px;
  text-transform: uppercase;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #000;
  background: rgba(222,199,71,1);
  background: -moz-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,199,71,1)), color-stop(18%, rgba(255,243,114,1)), color-stop(30%, rgba(240,225,88,1)), color-stop(54%, rgba(169,141,29,1)), color-stop(95%, rgba(222,199,71,1)), color-stop(100%, rgba(222,199,71,1)));
  background: -webkit-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: -o-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: -ms-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  background: linear-gradient(to bottom, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dec747', endColorstr='#dec747', GradientType=0 );
}

.tab .nav-tabs > .active > a,
.tab .nav-tabs > .active > a:hover,
.tab .nav-tabs > .active > a:focus {
  color: #fff;
  border: none;
  background: rgb(48,110,145); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(48,110,145,1) 0%, rgba(28,75,105,1) 49%, rgba(16,61,90,1) 50%, rgba(17,86,98,1) 70%, rgba(18,158,160,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(48,110,145,1) 0%,rgba(28,75,105,1) 49%,rgba(16,61,90,1) 50%,rgba(17,86,98,1) 70%,rgba(18,158,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(48,110,145,1) 0%,rgba(28,75,105,1) 49%,rgba(16,61,90,1) 50%,rgba(17,86,98,1) 70%,rgba(18,158,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306e91', endColorstr='#129ea0',GradientType=0 ); /* IE6-9 */
}

.tab .nav-tabs > li > a {
  color: #fff;
}

.tab .nav-tabs > li > a:hover {
  color: #000;
  background: rgb(48,110,145); /* Old browsers */
  background: -moz-linear-gradient(0deg, rgb(170, 142, 31) 0%, rgb(224, 206, 81) 50%, rgb(170, 143, 31) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(0deg, rgb(170, 142, 31) 0%, rgb(224, 206, 81) 50%, rgb(170, 143, 31) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(0deg, rgb(170, 142, 31) 0%, rgb(224, 206, 81) 50%, rgb(170, 143, 31) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306e91', endColorstr='#129ea0',GradientType=0 ); /* IE6-9 */
}

/* ========= Accordion ======== */
.acc-icon a.accordion-toggle i {
  color: #555;
}

.acc-icon a.accordion-toggle:hover i {
  color: #39414c;
}

/* ========= Panels ======== */
.panel {
  background-color: #eaeaea;
}

.panel-default>.panel-heading {
  background: rgba(0, 0, 0, .9);
}

.panel-default {
  border-color: rgba(0, 0, 0, .95);
}

.panel-heading {
  color: #fff;
}

.panel-heading .btns .btn-primary .caret {
  color: #fff;
  border-color: #fff rgba(0, 0, 0,0);
}

/* ========= Dropdown ======== */
.dropdown-menu {
	font-size: 12px;
  background: #10465a;
}

.dropdown-menu li a:hover, .dropdown-menu li a:active, .dropdown-menu li a:focus {
  background: #129ea0 !important;
  color: #FFFFFF;
  text-decoration: none;
}

.dropdown-menu > li > a {
  font-size: 12px;
  color: #fff;
}

/* ========= Misc ======== */
.fa-envelope:hover {
  opacity: 0.85;
}

span.news {
  line-height: 12px;
  font-weight: 600;
  color: #ff6326;
}

.user-info {
  font-size: 12px;
  color: #fff;
}

.user-info div {
  line-height: 12px;
}

.user-info .welcome, .user-menu .rb {
  border-right: 1px solid #ccc;
}

.user-info ul li.dropdown {
  border-right: 1px solid #ccc;
}

.user-info ul li a.dropdown-toggle {
  color: #fff;
}

.user-info ul li a.dropdown-toggle:hover, .user-info ul li a.dropdown-toggle:focus {
  color: #19c7a0;
  text-decoration: none;
}

.user-info a.span-balance {
  color: #2be5bb;
  padding-right: 10px;
}

.user-info a.span-balance:hover {
  color: #19c7a0;
}

.user-menu a:hover {
  color: #ba9645;
  text-decoration: none;
}

.btn-logout {
  color: #0099CC;
}

.btn-logout:hover {
  text-decoration: underline;
  color: #0099FF;
}

.nav li.underline a:hover, .nav li.underline a:focus {
  text-decoration: underline;
}

.navbar-default .navbar-nav li a, .caret {
  color: #ffffff;
}

.caret {
  border-color: #ffffff rgba(0, 0, 0,0);
}

.caret:hover, .caret:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #777777;
}

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus {
  background-color: rgba(0, 0, 0,0);
  color: #777777;
}

.navbar-default {
  border-color: #E7E7E7!important;
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #ffffff!important;
}

#mainbar li a.current {
  background: none;
  color: #fff;
}

.log {
  width: auto;
}

input[type=text]:focus, input[type=password]:focus, .main input[type=text]:focus, .main input[type=password]:focus, select:focus, .main select:focus {
  border-color: #2f9fa3;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(47, 159, 163, 0.6);
}

.main input[type=text], .main input[type=password] {
  border: 1px solid #394550;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  background-color: #394550;
}

/* ========= Owl Carousel ======== */
.slide-wrapper #progressBar, .big-slide-wrapper #progressBar {
  background: #3d3d3d;
}

.slide-wrapper #progressBar #bar, .big-slide-wrapper #progressBar #bar {
  background: #d0b83c;
}

.slide-wrapper .owl-carousel .owl-controls .owl-pagination .owl-page span, .big-slide-wrapper .owl-carousel .owl-controls .owl-pagination .owl-page span {
  background-color: white;
}

.slide-wrapper .owl-carousel .item, .big-slide-wrapper .owl-carousel .item {
  color: white;
}

/* ========= Rollto ======== */
.rollto a {
  background: #049ba7;
  color: #fff;
  border-radius: 2px;
}

.rollto a:hover {
  color: #fff;
}

.rollto a i {
  font-size: 25px;
  color: #fff;
}

/* ========= Popup Style ======== */
.popup_body{
	background:#000;
}

.popup_infocenter{
	font:700 22px 'montserrat';
	color:#049ba7;
}

.info_nav{
  background: rgb(11,49,66); /* Old browsers */
  background: -moz-linear-gradient(to bottom, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(to bottom, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3142', endColorstr='#011b29',GradientType=0 ); /* IE6-9 */
  border-radius: 2px 2px 0 0;
  /*border-bottom:1px solid #016d76;*/
}

.info_nav_current{
  background: rgb(48,110,145); /* Old browsers */
  background: -moz-linear-gradient(to bottom, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(to bottom, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306e91', endColorstr='#129ea0',GradientType=0 ); /* IE6-9 */
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.2), inset -1px -1px 0px 0px rgba(255,255,255,0.2);
  -moz-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.2), inset -1px -1px 0px 0px rgba(255,255,255,0.2);
  box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.2), inset -1px -1px 0px 0px rgba(255,255,255,0.2);
  font-weight:700;
  color:#fff;
}

#popup_nav {
	font-size: 11px;
}

#popup_nav ul {
  background-color: #103d5a;
  border-radius: 0 2px 2px 2px;
  -webkit-border-radius: 0 2px 2px 2px;
  -moz-border-radius: 0 2px 2px 2px;
}

#popup_nav li a {
	color:#000;
  font-family: 'montserrat',Tahoma,"Microsoft Yahei",Arial,Helvetica;
  font-size: 15px;
  font-weight: 500;
}

#popup_nav li:hover > a {
  color:#fff;
  background: rgb(48,110,145); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(186, 142, 74) 0%, rgba(110,70,11,1) 49%, rgba(97,56,10,1) 50%, rgb(113, 72, 11) 70%, rgb(172, 115, 29) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(186, 142, 74) 0%, rgba(110,70,11,1) 49%, rgba(97,56,10,1) 50%, rgb(113, 72, 11) 70%, rgb(172, 115, 29) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(top, rgb(186, 142, 74) 0%, rgba(110,70,11,1) 49%, rgba(97,56,10,1) 50%, rgb(113, 72, 11) 70%, rgb(172, 115, 29) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306e91', endColorstr='#129ea0',GradientType=0 ); /* IE6-9 */
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.2), inset -1px -1px 0px 0px rgba(255,255,255,0.2);
  -moz-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.2), inset -1px -1px 0px 0px rgba(255,255,255,0.2);
  box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.2), inset -1px -1px 0px 0px rgba(255,255,255,0.2);
}

#popup_nav ul li {
	background: none;
}

#popup_nav ul li:hover > a {
  background:#129ea0;
  color: #fff;
}

.hsubs{
	font-size:12px;
}

.separator {
	border-top: 1px solid rgba(221,221,221,.7);
}

.info_content {
	background:#f2f2f2;
	border:1px solid #ddd;
}

.info_content h2 {
	color:#049ba7;
	border-bottom:1px solid #049ba7;
}

.info_content h3 {
	font:700 12px 'montserrat';
	color:#000;
}

.info_content p {
	color:#222;
  font:100 11px/22px 'montserrat';
}

.info_content li {
	font:100 11px/22px 'montserrat';
}

.info_content a {
	color:#049ba7;
	text-decoration: underline;
}

.info_content b {
	font-weight:700;
}

.info_content strong {
	font:600 12px 'montserrat';
	color:#3FAEDA;
}

.footer_nav{
  background:#011b29;
  border-top:1px solid #016d76;
  border-radius: 0 0 2px 2px;
}

.info_copyright {
	color: #fff;
}

/* ========= Addition for home page after login ======== */
.home-info {
  height: 750px;
}

.col-md-left {
  margin: 0px !important;
  width: 723px !important;
}

.col-md-right {
  margin-left: 738px !important;
  width: 292px !important;
}

.home-content {
  background: #202020;
  padding: 15px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #fff;
}

.home-content h1 {
  font-size: 25px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 20px;
}

.home-content h2 {
  font-size: 25px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.home-content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: none !important;
}

.home-content p {
  font-size: 14px;
}

.home-content a {
  color: #19c7a0;
  text-decoration: none;
}

.home-content a:active,
.home-content a:focus,
.home-content a:hover {
  color: #19c7a0;
  text-decoration: underline;
}

.home-content .line {
  height: 1px;
  background: #999999;
}

.home-content .transfer-tuts > div {
  display: inline-block;
  max-width: 50%;
  vertical-align: top;
}

.home-content .transfer-tuts > div:first-child {
  margin-right: 25px;
}

.transfer-tuts img {
  margin: 0;
}

.quick-action {
  text-align: center;
}

.quick-action p {
  font-size: 16px;
  color: #fff;
}

.btn-full {
  width: 100%;
  font-size: 28px;
  text-transform: uppercase;
  padding: 18px 28px;
  border: none;
  border-radius: 4px !important;
}

.popover {
  background-color: #1A1A1A;
  border: 1px solid #3c3c3c;
  color: #fff;
}

.popover.bottom>.arrow {
  border-bottom-color: #3c3c3c;
}

.popover.bottom>.arrow:after {
  border-bottom-color: #1A1A1A;
}

.pop-wallet {
  font-family: 'montserrat';
  font-size: 12px;
}

.pop-wallet > tbody > tr:first-child {
  /*background: #ff0000;*/
}

.pop-wallet th, .pop-wallet td {
  padding: 5px !important;
}

.pop-wallet td:nth-child(even) {
  text-align: right;
}

.pop-wallet > tfoot {
  border-top: 1px solid #3c3c3c;
}

/* ========= Casino Page ======== */
.casino {
  margin-bottom: 15px;
}

.casino img {
  width: 100%;
  height: 202px;
  border: 1px solid #404040;
}

.casino:hover img {
  border: 1px solid #2d7286;
}

.casino .hover-button {
  display: none;
  top: 93px;
  right: 70px;
  position: absolute;
  z-index: 10;
}

.casino:hover .hover-button {
  transition: all .2s;
  display: inline-block;
}

.casino .overlay {
  display: none;
  width: 1027px;
  height: 200px;
  position: absolute;
  right: 16px;
  top: 1px;
  background: -moz-linear-gradient(left,  rgba(0,0,0,0) 40%, rgba(0,0,0,1) 55%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 40%,rgba(0,0,0,1) 55%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(0,0,0,0) 40%,rgba(0,0,0,1) 55%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}

.casino:hover .overlay {
  transition: all .2s;
  display: inline-block;
}

.casino .play-button {
  padding: 10px 66px;
  background: #18c8dd;
  color: #000;
  font-size: 18px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.casino .play-button:hover {
  background: #13abbd;
  color: #fff;
}

.horizontal-list-wrapper {
  width: 100%;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
}

.game-box-slots {
  background: #2a2b30;
  margin: 5px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #525252;
  overflow: hidden;
}

.game-box-slots-inside {
  background: #2a2b30;
  margin: 5px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #525252;
  overflow: hidden;
}

/*.game-box-slots:nth-child(3n+2) {
  margin: 0 5px;
  }*/

  .game-box-slots:hover {
    border: 1px solid #0092b1;
    background: #0092b1;
  }

  .game-box-slots-inside:hover {
    border: 1px solid #0092b1;
    background: #2a2b30;
  }

  .game-box-slots:hover .game-title-slots {
    color: #000;
  }

/*.game-box-slots:hover img {
  opacity: .6;
  }*/

  .cas-games .hover-button {
    display: none;
    position: absolute;
    z-index: 15;
    margin: 8% 0 0 10%;
  }

  .cas-games:hover .hover-button {
    transition: all .2s;
    display: inline-block;
  }

  .cas-games .play-button {
    padding: 10px 20px;
    background: #18c8dd;
    color: #000;
    font-size: 14px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-align: center;
  }

  .cas-games .play-button:hover {
    background: #13abbd;
    color: #fff;
  }

  .game-btn-slots {
    display: inline-block;
    background: #87bd3d; /* Old browsers */
    background: -moz-linear-gradient(top,  #87bd3d 0%, #76b12d 49%, #62a21d 51%, #62a21d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #87bd3d 0%,#76b12d 49%,#62a21d 51%,#62a21d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #87bd3d 0%,#76b12d 49%,#62a21d 51%,#62a21d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87bd3d', endColorstr='#62a21d',GradientType=0 ); /* IE6-9 */
    border: 1px solid #59990e;
    padding: 5px;
    border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
  }


  /* ========= Device Style ======== */
/*@media (min-device-width: 768px) {
  .container {
    width: 970px;
  }

  .home .main .container {
    width: 940px;
  }
}

@media (min-device-width: 992px) {
  .container {
    width: 970px;
  }

  .home .main .container {
    width: 940px;
  }
  }*/

/*@media (max-width:1024px){
  .container {
    width: 970px;
  }

  .home .main .container {
    width: 940px;
    margin: 0 auto;
  }

  .game-title-wrapper .fs-btn {
    width: 180px;
  }
}

@media (min-width: 1025px) {
  .container {
    width: 1060px;
  }

  .home .main .container {
    width: 1030px;
    margin: 0 auto;
  }
  }*/


  /*============================================================================================*/
  /*--------------------------------------------------------------------------------------------*/
  /*                                  LAYOUT REVISION & ADDITION                                */
  /*--------------------------------------------------------------------------------------------*/
  /*============================================================================================*/


  /*========== Running text ===========*/
  .msg-wrapper {
    background-color: rgb(61, 61, 61);
  /*margin-bottom: 5px;
  height: 27px;*/
  margin-top: 9.4em;
}

.msg {
  background: none;
  height: 23px;
  display: flex;
  align-items: center;
}

.msg label {
  /*background: rgb(25,199,160);
  background: -moz-linear-gradient(top,  rgba(25,199,160,1) 0%, rgba(27,141,107,1) 46%, rgba(25,199,148,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(25,199,160,1) 0%,rgba(27,141,107,1) 46%,rgba(25,199,148,1) 100%);
  background: linear-gradient(to bottom,  rgba(25,199,160,1) 0%,rgba(27,141,107,1) 46%,rgba(25,199,148,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19c7a0', endColorstr='#19c794',GradientType=0 );*/
  color: rgb(247, 217, 136);
  font-size: 14px;
  /*border: 1px solid #212121;*/
}

.msg .marquee-wrapper {
  background-color: rgb(61, 61, 61);
  color: #6bffdc;
}

/*========== Breadcrumb ===========*/
.breadcrumb {
  /*width: 40%;
  display: inline-block;
  padding: 5px 10px 5px 0;*/
  background: none !important;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  /*height: 27px;*/
}

/*========== Forms feedback ===========*/
.has-success .form-control {
  border-color: transparent;
}

.has-success .form-control-feedback {
  color: #6EA900;
}

.form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-feedback-left .form-control {
  padding-left: 32px;
}

.has-feedback-left .form-control-feedback {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 36px;
  text-align: center;
  pointer-events: none;
  color: #777777;
}

.help-block {
  color: #dddddd;
}

/*========== User menu ===========*/
.user-menu a.btn-depo {
  cursor: pointer;
  height: 28px;
  min-width: 68px;
  margin: 0 0 0 5px;
  text-align: center;
  border: 0;
  padding: 2px 12px;
  vertical-align: inherit;
  font-weight: 400;
  line-height: 24px;
  font-size: 14px;
  text-transform: uppercase;
}

.user-menu a, .user-menu a.btn-depo:hover {
  color: #fff;
}

/*========== Casino lobby ===========*/
.horizontal-list-wrapper {
  width: 100%;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
}

.game-box-slots {
  background: #2a2b30;
  margin: 5px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #525252;
  overflow: hidden;
}

.game-box-slots-inside {
  background: #2a2b30;
  margin: 5px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #525252;
  overflow: hidden;
}

.game-box-slots:hover {
  border: 1px solid #0092b1;
  background: #0092b1;
}

.game-box-slots-inside:hover {
  border: 1px solid #0092b1;
  background: #2a2b30;
}

.game-box-slots:hover .game-title-slots {
  color: #000;
}

.game-lobby-name {
  padding: 5px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-align: center;
  background: #000;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
}

.game-title-slots {
  padding: 5px 10px;
  display: block;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
}

.game-title-slots-half {
  width: 50%;
  padding: 5px 10px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: -1px;
}

.game-title-slots-half:first-child {
  margin-right: -2px;
}

.game-title-slots-half.play-btn {
  background: #15b586;
  color: #fff;
}

.game-title-slots-half.popup-btn {
  background: #0092b1;
  color: #fff;
}

.game-title-slots-half.play-btn:hover, .game-title-slots-half.play-btn.hovered {
  background: #005b40;
}

.game-title-slots-half.popup-btn:hover {
  background: #004655;
}

/* ============ Modal ============ */
.modal {
  padding-top: 10%;
  z-index: 999999;
}

.modal.error {
  padding-top: 4%;
  z-index: 999999;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999998;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=95);
  opacity: .95;
}

.modal-backdrop.error.in {
  filter: alpha(opacity=20);
  opacity: .2;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 720px;
  }
  .modal-dialog.login-dialog {
    width: 300px;
  }
}

.modal-content {
  background-color: #fff;
  border: 2px solid #2a2a2a;
  border-radius: 4px;
}

.modal-header {
  padding: 15px 15px 0;
  border-bottom: none;
}

.modal-header .h4, .modal-header h4 {
  font-size: 14px;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
}

.modal-header .close {
  margin-top: 0;
}

.modal-body {
  text-align: center;
}

.modal-body a {
  color: #222222;
}

.modal-body a:hover {
  color: #19c7a0;
}

.modal-footer {
  background: #222222;
  border-top: none;
  text-align: center;
}

.verify-input {
  max-width: 70%;
  display: inline-block;
}

.verify-input-popup {
  max-width: 58%;
  display: inline-block;
}

.verify-popup {
  float: right;
  display: inline-block;
}

/*========== Game footer ===========*/
.game-title-wrapper {
  width: 100%;
  background: transparent;
  padding: 5px;
  color: #fff;
  font-size: 14px;
  text-align: left;
}

.game-title-wrapper a {
  float: right;
  color: #fff;
}

.game-title-wrapper a:hover {
  float: right;
  color: #0092b1;
}

/*@media screen and (min-device-height: 800px) {
  .game-title-wrapper {
    width: 782px;
  }
}
@media screen and (min-device-height: 1000px) {
  .game-title-wrapper {
    width: 1030px;
  }
  }*/

  #opener {
    background: #0092b1;
    color: #fff;
    border-radius: 2px 2px 0 0 !important;
    font-size: 12px;
    transition: all .2s;
  }

  #opener:hover {
    background: #202020;
  }

  #game-footer-wrapper {
    position: fixed;
    width: 100%;
    bottom: -148px; /*-139px*/
    z-index: 1101;
  }

  .game-footer {
    background: #202020;
    padding: 10px 0;
  }

  .lobby-list {
    height: 130px;
    padding: 5px;
    background: #000000;
    max-width: 960px;
    margin-left: -moz-calc(50% - 480px);
    margin-left: -webkit-calc(50% - 480px);
    margin-left: calc(50% - 480px);
  }

  .lobby-box {
    background: #2a2b30;
    color: #fff;
    font-size: 12px;
    border: 1px solid #525252;
    transition: all .2s;
  }

  .lobby-box:hover {
    border: 1px solid #0092b1;
    background: #0092b1;
  }

  .lobby-box:hover .game-title-lobby {
    color: #000;
  }

  .game-title-lobby {
    padding: 5px 10px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #provider-list .item{
    margin: 5px;
  }

  #provider-list .item img{
    display: block;
    width: 100%;
    height: auto;
  }

  .owl-theme .owl-controls{
    margin-top: 0;
    text-align: center;
  }

  .owl-theme .owl-controls .owl-buttons div{
    color: #0092b1;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none;
    filter: Alpha(Opacity=100);
    opacity: 1;
  }

  .owl-theme .owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);
    opacity: 1;
    color: #00b0d6;
    text-decoration: none;
  }

  .wrapper-with-margin{
    margin:0px 0px;
  }

  .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
  }

  .owl-theme .owl-controls .owl-buttons .owl-prev{
    left: -45px;
    top: 27px;
  }

  .owl-theme .owl-controls .owl-buttons .owl-next{
    right: -45px;
    top: 27px;
  }

  .lobby-list > .owl-item {
    width: 190px !important;
  }

  .game-one-half-slot {
    float: left;
    width: 33.33%;
  }

  /*========== Aditionall ===========*/

  .content-landing {
    margin-top: -6px;
    /*background-color: rgb(35, 34, 34);*/
  }

  .h-454 {
    height: 545px;
  }

  .img-mm-bg {
    margin-top: 10px;
    width: 100%;
  }

  /*========== Live Casino ===========*/

  .live-games .poker-caption{
    height: auto;
    border-left: 2px solid #e0b451;
    margin: 0;
  }

  /*========== Slot ===========*/

  .slot-sidebar-nav > li{
    border-bottom: 1px solid #c99e46;
  }

  .slot-sidebar-nav > li > a.active, .slot-sidebar-nav > li > a:focus, .slot-sidebar-nav > li > a:hover{
    background: #3d3d3dd9;
  }

  #slots .game-box-slots{
    background: rgba(222,199,71,1);
    background: -moz-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,199,71,1)), color-stop(18%, rgba(255,243,114,1)), color-stop(30%, rgba(240,225,88,1)), color-stop(54%, rgba(169,141,29,1)), color-stop(95%, rgba(222,199,71,1)), color-stop(100%, rgba(222,199,71,1)));
    background: -webkit-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
    background: -o-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
    background: -ms-linear-gradient(top, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
    background: linear-gradient(to bottom, rgba(222,199,71,1) 0%, rgba(255,243,114,1) 18%, rgba(240,225,88,1) 30%, rgba(169,141,29,1) 54%, rgba(222,199,71,1) 95%, rgba(222,199,71,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dec747', endColorstr='#dec747', GradientType=0 );
  }

  #slots .game-box-slots:hover{
    background: #e0b451;
  }

  .slot-play-button{
    background: #e0b451;
  }

  .main input[type=text], .main input[type=password]{
    border: 1px solid #c08119;
    color: #1b1b1b;
    background-color: #ffffff
  }

  .icon-new{
    background-position: -42px 0;
  }

  .icon-ttg {
    background-position: -118px 0;
  }

  .icon-hbn {
    background-position: -305px 0;
  }

  .icon-pp {
    background-position: -154px 0;
  }

  .icon-mg {
    background-position: -341px 0;
  }

  .icon-isb {
    background-position: -377px 0;
  }

  .icon-playstar {
    background-position: -411px 0;
  }

  .icon-redtiger {
    background-position: -190px 0;
  }

  .icon-spade {
    background-position: -85px 0;
  }

  .icon-gameplay {
    background-position: -230px 0;
  }

  .icon-isoftbet {
    background-position: -0px 0;
  }

  .icon-sa {
    background-position: -0px 0;
  }

  .icon-gg {
    background-position: -441px 0
  }

  .icon-cq9 {
    background-position: -477px 0
  }

  .icon-playtech {
    background-position: -518px 0;
  }

  .icon-pg {
    background-position: -589px 0;
  }

  /*========== Header ===========*/
  .user-info {
    font-size: 14px;
  }

  #popover-balance {
    color: #ba9645;
  }

  .wallet-currency {
    color: #ba9645;
  }

  .menu-bonus {
    /* float: left; */
    /* margin-left: 130px; */
    display: inline-block;
    min-width: 85px;
    padding: 5px 5px 5px 5px;
    /*border: 1px solid rgb(232, 189, 95);*/
    color: white;
    position: relative;
    height: 20px;
  }

  .menu-bonus::before{
    content: '';
    background: url(../../../img/icon/bonus-v2.gif);
    background-size: cover;
    position: absolute;
    width: 96px;
    height: 27px;
    bottom: 13px;
    margin-left: -115px;
    margin-bottom: -15px;
  }

  .count-bonus {
    background: red;
    /* background-size: 1px; */
    border-radius: 100px;
    width: 15px;
    display: flex;
    padding: 0.20em;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 1.625rem;
    position: absolute;
    top: -12px;
    right: 18px;
    font-size: 11px;
  }


  /*========== IdnLive ===========*/
  .title-game-header {
    background: #e0b451;
    text-align: center;
    text-transform: uppercase;
    padding: 5px;
  }

  .grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    grid-gap: 10px;
    padding: 10px;
  }

  .grid-container > div {
    text-align: center;
    padding: 20px 0;
    font-size: 14px;
  }

  .casino-games {
    display: inline-block;
    width: 100%;
    height: 120px;
    text-align: center;
    position: relative;
  }

  .image-wrapper {
    overflow: hidden;
  }

  .casino-games img {
    height: 100px;
    width: 100%;
    border: 1px solid rgb(224, 180, 81);
    padding: 2px;
  }

  .casino-games img:hover {
    transform: scale(1.1);
    box-shadow: 0 0 10px #ffffff;
    transition: transform .2s;
  }

  .casino-games span {
    text-align: center;
    position: absolute;
    height: 20px;
    font-size: 14px;
    left: 0%;
    color: white;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /*========== Dasboard ===========*/

  .line-text-expand {
    width: 100%;
    height: 15px;
    border-bottom: 2px solid rgb(224, 180, 81);
  }

  .line-expand {
    font-size: 18px;
    background-color: rgb(35, 34, 34);
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: rgb(144, 117, 58);
  }

  .grid-container {
    display: grid;
    /*grid-template-columns: auto auto auto auto auto auto auto auto;*/
    grid-gap: 10px;
    /* background-color: #2196F3; */
    padding: 0px;
    padding-bottom: 45px;
  }

  .grid-container .itemcontainer {
    /* background-color: rgba(255, 255, 255, 0.8); */
    vertical-align: top;
    display: inline-block;
    text-align: center;
    padding: 0px 0;
    /* font-size: 20px; */
  }

  .title-wg {
    text-align: left;
    padding-left: 5px;
  }

  .grid-container2 {
    display: grid;
    grid-gap: 10px;
    /* background-color: #2196F3; */
    padding: 0px;
  }

  .small-img {
    height: 90px;
    max-width: 90px;
    border: 1px solid rgb(224, 180, 81);
    border-radius: 7px;
  }

  .grid-container2 .caption {
    display: block;
    font-size: 11px;
    padding-top: 5%;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
  }

  /*========== Home ===========*/

  .games-home-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 199px);
    grid-gap: 7px;
    margin-top: 10px;
  }

  .games-home-wrapper .game-home .img-home-wrapper img {
    width: 100%;
    height: auto;
  }

  .games-home-wrapper .game-home .title-home-wrapper {
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 6px 5px;
    text-align: center;
    height: 32px;
    background: #d9c243;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    font-size: 13px;
    /* text-transform: uppercase; */
    color: #000;
  }

  .games-home-wrapper .game-home:hover .title-home-wrapper {
    color: #fff;
  }

  .game-home {
    position: relative;
  }

  .game-home img {
    transition: all 300ms ease-out;
  }

  .button-home-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0,0.5);
    transition: all 0.45s ease-in-out;
  }

  .game-home:hover .button-home-hover {
    opacity: 1;
  }

  .game-home:hover img {
    transform: scale(1.15) ;
  }

  .img-home-wrapper {
    overflow: hidden;
  }

  .game-home a {
    display: block !important;
  }
  .misc .text-description {
    color: #fff;
    text-align: justify;
    font: 14px 'open_sansregular';
    margin-top: 26px;
    font-weight: normal;
    letter-spacing: 0.2px;
    padding: 6px;
  }
  .misc .text-description a {
    float: none;
    display: inline;
    margin-right: 0px;
  }

  /*========== Ribbon masking provider logo ===========*/
  .ribbon-wrapper {
    position: absolute;
    width: 100%;
    height: 80px;
  }

  .ribbon{
    position: absolute;
    width: 100%;
    height: 80px;
    overflow: hidden;
  }

  .ribbon::before,
  .ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
  }

  .ribbon span {
    position: absolute;
    display: block;
    width: 40%;
    padding: 0px 0;
    background-color: red;
    /*box-shadow: 0 5px 10px black;*/
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 1px 1px black;
    text-transform: uppercase;
    text-align: center;
    top: 19px;
    z-index: 100;
  }

  .ribbon-top-right {
    top: 0px;
    left: 0px;
  }

  .ribbon-top-right::before,
  .ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
  }

  .ribbon-top-right::before {
    top: 0;
    left: 0;
  }

  .ribbon-top-right::after {
    bottom: 0;
    right: 0;
  }

  .ribbon-top-right span {
    right: 76%;
    transform: rotate(-45deg);
  }

  .badge-game {
    position: absolute;
    height: 32px;
    width: 32px;
    border-radius: 0;
    right: 0;
    z-index: 1;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
  }

  .badge-game i {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    height: 30px;
    width: 32px;
    background-size: 25px;
  }

  .badge-game.ttg {
    background: #d61e01;
  }

  .badge-game.ttg i {
    background-image: url(/assets/img/icon/provider/logo-ttg.svg);
  }

  .badge-game.pragmatic {
    /*background: #e1791d*/
  }

  .badge-game.pragmatic i {
    background-image: url(/assets/img/icon/provider/pragmaticplay.png);
    height: 37px;
    width: 29px;
    background-size: 54px;
  }

  .badge-game.habanero {
    /*background: #e1791d*/
  }

  .badge-game.habanero i {
    background-image: url(/assets/img/icon/provider/habanero.png);
    background-size: 30px;
    height: 40px;
    width: 33px;
  }

  .badge-game.playstar {
    background: #2a6ac4
  }

  .badge-game.playstar i {
    background-image: url(/assets/img/icon/provider/playstar.svg);
  }

  .badge-game.redtiger {
    background: #70080d
  }

  .badge-game.redtiger i {
    background-image: url(/assets/img/icon/provider/redtiger.svg);
  }

  .badge-game.spadegaming {
    background: #bf9a62
  }

  .badge-game.spadegaming i {
    background-image: url(/assets/img/icon/provider/spadegaming.svg);
  }

  .badge-game.microgaming {
    /*background: #0fa427*/
  }

  .badge-game.microgaming i {
    background-image: url(/assets/img/icon/provider/microgaming.png);
  }

  .badge-game.gameplay {
    background: #a8c52c
  }

  .badge-game.gameplay i {
    background-image: url(/assets/img/icon/provider/gameplay.svg);
  }

  .badge-game.cq9 {
    background: #a8c52c
  }

  .badge-game.cq9 i {
    background-image: url(/assets/img/icon/provider/cq9.svg);
  }

  .badge-game.playtech {
    background: #353c7a
  }

  .badge-game.playtech i {
    background-image: url(/assets/img/icon/provider/playtech.png);
    filter: brightness(0) invert(1);
  }

  .badge-game.pgsoft i {
    background-image: url(/assets/img/icon/provider/pgsoft.png);
  }

  .badge-game.pgsoft {
    background: #ff2d56;
  }

  .badge-game.isoftbet {
    /*background: #e1791d*/
  }

  .badge-game.isoftbet i {
    background-image: url(/assets/img/icon/provider/isoftbet.png);
    height: 36px;
    width: 26px;
    background-size: 24px;
}
  }

  .badge-game.sa {
    /*background: #bf9a5d*/
  }

  .badge-game.sa i {
    background-image: url(/assets/img/icon/provider/sa.svg);
  }
