/* ==========================================================================
   IDNSPORT V2
   ========================================================================== */
/* ===================== General ===================== */
html,
body {
  margin: 0;
  /* min-width: 1130px; */
  height: auto;
  padding: 0;
  font-size: 1rem;
  font-family: "AvenirMedium";
  scrollbar-width: thin;
}

body {
  margin: 0px;
  width: 100%;
  overflow-x: hidden;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  transition: all 0.3s ease;
}

ul,
ol,
dl,
form {
  margin: 0;
  padding: 0;
  list-style: none;
}

form {
  position: relative;
}

img {
  border: 0;
}

input,
button,
select,
textarea {
  outline: none;
}

.nav span,
.nav li.underline a {
  white-space: nowrap;
}

.footer a,
.footer span {
  white-space: nowrap;
}

.clearfix {
  /*zoom: 1;*/
}
.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
}

.clear {
  clear: both;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.container {
  width: 1060px;
  margin: 0 auto;
}

.main {
  margin-top: 6.6em;
}

.main .container {
  padding: 3px 15px 3px;
}
.main .content {
  width: 1030px;
  margin-left: 15px;
  margin-right: 15px;
  margin: 0 auto;
}

/* ========= Rollto ======== */
.rollto a {
  border-radius: 2px;
}
.rollto a i {
  font-size: 25px;
}

.rollto {
  position: fixed;
  right: 230px;
  right: -moz-calc((100% - 1030px) / 2 - 46px);
  right: -webkit-calc((100% - 1030px) / 2 - 46px);
  right: calc((100% - 1030px) / 2 - 46px);
  bottom: 50%;
  z-index: 999;
  display: none;
}
.rollto a {
  overflow: hidden;
  display: block;
  width: 36px;
  height: 36px;
  cursor: pointer;
  margin: 1px 0;
  opacity: 0.8;
}
.rollto a:hover {
  opacity: 1;
}
.rollto a i {
  width: 36px;
  top: 0;
  margin: 0;
  padding: 5px 10px;
  cursor: pointer;
}
.rollto a .fa-comment-o {
  font-size: 14px;
  line-height: 25px;
}

@media (max-width: 1060px) {
  .rollto {
    position: fixed;
    right: 10px;
    bottom: 60px;
    z-index: 999;
    display: none;
  }
}
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

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

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

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

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

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.clear {
  clear: both;
}

.clearBth {
  clear: both;
}

.mr-sm-5 {
  margin-right: 5px;
}

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

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

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

.mtb-10 {
  margin: 10px 0;
}

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

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

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

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

.ptb-20 {
  padding: 20px 0;
}

.col-center {
  margin: 0 auto;
}

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

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

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

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

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

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

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

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

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

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

/* ========= Header ======== */
.header {
  font-family: "AvenirHeavy";
}

.logo-top {
  display: inline-block;
  position: absolute;
  bottom: 13px;
}

.topmenu {
  line-height: 1.2;
  font-size: 11px;
  font-family: "montserrat", Tahoma, "Microsoft Yahei", Arial, Helvetica;
  font-weight: 500;
}
.topmenu ul {
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
}
.topmenu li a:hover {
  text-decoration: underline;
}

.hdcontent {
  font-size: 12px;
}

.login-panel,
.login-panel-ins {
  margin: 5px 0;
  line-height: 28px;
}

.input-login,
.verify-login,
.form-control {
  font-size: 11px;
  border-radius: 7px;
}

.header {
  height: 67px;
}

.topmenu {
  height: 21px;
}
.topmenu ul {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
  padding: 4px 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.topmenu ul li {
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}
.topmenu ul li:last-child {
  border: 0 none;
  padding-right: 10px;
}

.hdcontent {
  height: 40px;
}

.login-panel {
  width: 70%;
  text-align: right;
  height: 28px;
}

.login-panel-ins {
  width: 70%;
  text-align: right;
  height: 28px;
}

.logo {
  width: 30%;
  height: 40px;
  float: left;
  margin: 0;
  padding: 0;
}

.logo a {
  height: 62px;
  display: inline-block;
  margin-left: 0px;
  position: absolute;
  top: -1px;
  width: 232px;
}

.logo img {
  height: 75px;
}

.input-login,
.verify-login {
  padding: 4px;
  margin-bottom: 3px;
  height: 26px;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 1.4;
}

.input-login {
  width: 120px;
}

.verify-login {
  max-width: 80px;
}

.verify-img {
  width: 84px;
  height: 32px;
  margin-top: 1px;
}

.refresh-img {
  width: 22px;
  height: 22px;
  margin-top: 6px;
  margin-left: 4px;
}

/* ========= Dropdown ======== */
.dropdown-menu {
  font-size: 12px;
}
.dropdown-menu li a:hover, .dropdown-menu li a:active, .dropdown-menu li a:focus {
  text-decoration: none;
}
.dropdown-menu > li > a {
  font-size: 12px;
}

.dropdown-menu {
  min-width: 155px;
  margin-top: 4px;
}
.dropdown-menu > li > a {
  padding: 5px 10px;
}

.dropdown i {
  margin: 0 6px 0 2px;
}

.dropdown-menu li:last-child {
  border: 0 none;
  padding-right: 0;
}
.dropdown-menu .divider {
  margin: 0;
}

/* ========= Misc ======== */
.fa-envelope:hover {
  opacity: 0.85;
}

span.news {
  line-height: 12px;
  font-weight: 600;
  color: #ff6326;
}

.user-info {
  font-size: 12px;
}
.user-info div {
  line-height: 12px;
}

.user-info ul li a.dropdown-toggle:hover, .user-info ul li a.dropdown-toggle:focus {
  text-decoration: none;
}
.user-info a.span-balance {
  padding-right: 10px;
}

.user-menu a:hover {
  text-decoration: none;
}

.btn-logout:hover {
  text-decoration: underline;
}

.pop-wallet {
  font-family: "montserrat";
  font-size: 12px;
}

.fa-envelope {
  cursor: pointer;
}

span.news {
  display: inline-block;
  min-width: 10px;
  padding: 0;
  margin: 0 6px;
  white-space: nowrap;
  text-align: center;
}

.user-info {
  white-space: nowrap;
  /*margin-top: -3px;*/
  float: right;
  text-align: right;
}
.user-info div {
  display: inline-block;
  position: relative;
}

.user-menu .rb {
  display: inline-block;
  position: relative;
}

.user-info .welcome {
  padding-right: 10px;
}

.user-menu .rb {
  padding-right: 10px;
}
.user-menu .pl {
  padding-left: 10px;
}

.user-info ul li.dropdown {
  padding-right: 10px;
}
.user-info span.wallet {
  padding-left: 5px;
}
.user-info .refresh-bal,
.user-info .refresh-virbal {
  height: 14px;
  vertical-align: text-top;
  position: absolute;
  top: 0px;
  right: -12px;
  display: none;
}

.sportsbook .user-info {
  line-height: 20px;
}

.user-info i {
  margin: 0 5px !important;
}

i.fa.fa-sign-out {
  margin-right: 6px;
}

.badge {
  padding: 0 2px;
}

.btn-logout {
  cursor: pointer;
  margin-right: 2px;
}

.fa-comments {
  margin: 0 4px 0 2px !important;
}

.fa-phone {
  margin: 0 6px 0 3px !important;
}

.fa-cog {
  margin: 0 7px 0 2px !important;
}

.fa-envelope {
  margin: 0 6px 0 2px !important;
}

.fa-exclamation-triangle {
  margin: 0 6px 0 3px !important;
  color: #f0ad4e;
}

.navbar ul li {
  float: left;
}

.dropdown-menu li {
  width: 100%;
}

.region i {
  margin: 0 2px;
}

/* ========= Navbar ======== */
.navbar {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0 none;
  min-height: 42px;
}
.navbar .nav > li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  height: 36px;
  margin-right: 4px;
}
.navbar .nav > li a {
  position: relative;
  display: inline-block;
  padding: 0px 27px;
  height: 36px;
  line-height: 35px;
}
.navbar .nav > li:last-child {
  border-right: none;
}

.new-game {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
}

/* ========= Navbar ======== */
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar {
  font-weight: bold;
}
.navbar .nav > li {
  /*border-right: 1px solid rgba(221, 221, 221, .3);*/
}
.navbar .nav > li > a {
  font-family: AvenirMedium;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
}
.navbar .nav > li:hover {
  text-decoration: none;
}
.navbar .nav li.active,
.navbar .nav li .current,
.navbar .nav li .hover {
  border-radius: 5px;
}
.navbar .nav > li > a:hover, .navbar .nav > li:focus,
.navbar .nav > li > a:focus {
  text-decoration: none;
}
.navbar .nav > li.trans:hover {
  background: transparent !important;
}
.navbar .nav > li.trans:hover a {
  background: transparent !important;
}
.navbar .nav > li.trans a:hover {
  background: transparent !important;
}
.navbar .nav > li.trans:focus {
  background: transparent !important;
}
.navbar .nav > li.trans:focus a {
  background: transparent !important;
}
.navbar .nav > li.trans a:focus {
  background: transparent !important;
}

.msg label {
  font-size: 12px;
}

.msg {
  /*margin: 0;
  float: right;
  width: 60%;*/
  border: none;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  margin: 0;
}

.msg label {
  padding: 1px 5px 0 0;
  margin: 0;
  font-size: 13px;
  display: block;
  /*width: 130px;*/
  float: left;
  height: 18px;
  /*border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  border: 0px solid #2B78B9;
  background: -webkit-gradient(linear, left top, left bottom, from(#225e8b), to(#0c4e80));
  background: transparent linear-gradient(#225e8b, #0c4e80) repeat scroll 0% 0%;
  background: linear-gradient(#225e8b, #0c4e80);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);*/
}

.msg .marquee-wrapper {
  margin: 0;
  padding: 0px 0 0;
  float: left;
  display: block;
  font-size: 14px;
  height: 20px;
  width: -moz-calc(100% - 108px);
  width: -webkit-calc(100% - 108px);
  width: calc(100% - 108px);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  overflow: hidden;
}

.marquee-wrapper .pointer {
  width: 100% !important;
}

.marquee-wrapper .pointer > div {
  padding: 0 100% !important;
}

.marquee {
  width: -moz-calc(100% - 108px);
  width: -webkit-calc(100% - 108px);
  width: calc(100% - 108px);
}

/* ========= SLIDER ======== */
#main-slide {
  display: block;
  height: 349px;
}

.slide-wrapper {
  position: relative;
  width: 100%;
  height: 349px;
  float: left;
}
.slide-wrapper #progressBar {
  position: absolute;
  bottom: 5px;
  width: 98.4%;
  z-index: 1000;
  left: 8px;
}

/* ========= Owl Carousel ======== */
.big-slide-wrapper #progressBar {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}

.slide-wrapper #progressBar #bar,
.big-slide-wrapper #progressBar #bar {
  width: 0%;
  max-width: 100%;
  height: 3px;
}

.slide-wrapper .owl-carousel .owl-controls,
.big-slide-wrapper .owl-carousel .owl-controls {
  position: absolute;
  width: 100%;
  bottom: 5px;
}

.slide-wrapper .owl-carousel,
.big-slide-wrapper .owl-carousel {
  height: 349px;
}

.slide-wrapper .owl-carousel .owl-controls,
.big-slide-wrapper .owl-carousel .owl-controls {
  position: absolute;
  width: 100%;
  bottom: 5px;
}

.slide-wrapper .owl-carousel .owl-controls .owl-pagination .owl-page span,
.big-slide-wrapper .owl-carousel .owl-controls .owl-pagination .owl-page span {
  margin: 5px 2px 7px;
  width: 57px;
  height: 4px;
}

.slide-wrapper .owl-carousel .owl-controls .owl-pagination .owl-page.active span,
.big-slide-wrapper .owl-carousel .owl-controls .owl-pagination .owl-page.active span {
  width: 57px;
  height: 4px;
  margin: 5px 2px 7px;
  background-color: #0092b1;
}

.slide-wrapper .owl-carousel .item,
.big-slide-wrapper .owl-carousel .item {
  padding: 0px 0;
}

.slide-wrapper .owl-carousel .item img,
.big-slide-wrapper .owl-carousel .item img {
  max-width: 100%;
  border-radius: 17px;
}

/* ========= Owl Carousel ======== */
.slide-wrapper #progressBar,
.big-slide-wrapper #progressBar {
  background: rgba(255, 255, 255, 0.2);
}

.slide-wrapper #progressBar #bar,
.big-slide-wrapper #progressBar #bar {
  background: #0092b1;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.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: #fff;
  border-radius: 0px !important;
}

.slide-wrapper .owl-carousel .item,
.big-slide-wrapper .owl-carousel .item {
  color: white;
}

/* ========= Footer ======== */
.footer {
  background: #1b1b1b;
  border-top: 2px solid #3b8a69;
  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(1, 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(../assets/images/footer/bank/ftr-ico-v5.png) no-repeat;
}
.footer .partners-and-banks .icon,
.footer .text-statement .icon.icon-ft-pagcor,
.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(../assets/images/footer/game/toptrend.svg) center no-repeat;
  width: 104px;
}
.footer .partners-and-banks .icon.icon-ft-mg {
  background: url(../assets/images/footer/game/microgaming.svg) center no-repeat;
}
.footer .partners-and-banks .icon.icon-ft-pp {
  background: url(../assets/images/footer/game/pragmaticplay.svg) center no-repeat;
}
.footer .partners-and-banks .icon.icon-ft-idnplay {
  background: url(../assets/images/footer/game/idnplay.png) center no-repeat;
  background-size: 96px;
}
.footer .partners-and-banks .icon.icon-ft-bg {
  background: url(../assets/images/footer/game/BOOMING.png) center no-repeat;
}
.footer .partners-and-banks .icon.icon-ft-gameplay {
  background: url(../assets/images/footer/game/gameplay.svg) center no-repeat;
  width: 95px;
}
.footer .partners-and-banks .icon.icon-ft-sg8 {
  background: url(../assets/images/footer/game/sg8.png) center no-repeat;
}
.footer .partners-and-banks .icon.icon-ft-spadegaming {
  background: url(../assets/images/footer/game/Spadegaming.png?v=1) center no-repeat;
  background-size: 109px;
}
.footer .partners-and-banks .icon.icon-ft-habanero {
  background: url(../assets/images/footer/game/habanero.svg) center no-repeat;
  width: 105px;
}
.footer .partners-and-banks .icon.icon-ft-isoftbet {
  background: url(../assets/images/footer/game/isoftbet.svg) center no-repeat;
  width: 90px;
}
.footer .partners-and-banks .icon.icon-ft-redtiger {
  background: url(../assets/images/footer/game/redtiger.svg) center no-repeat;
}
.footer .partners-and-banks .icon.icon-ft-cq9 {
  background: url(../assets/images/footer/game/cq9.png) center no-repeat;
  background-size: 80px;
}
.footer .partners-and-banks .icon.icon-ft-playstar {
  background: url(../assets/images/footer/game/playstar.png) center no-repeat;
  background-size: 90px;
}
.footer .partners-and-banks .icon.icon-ft-bca {
  background: url(../assets/images/footer/bank/BCA.svg) round;
  width: 85px;
}
.footer .partners-and-banks .icon.icon-ft-bni {
  background: url(../assets/images/footer/bank/BNI.svg) round;
  width: 84px;
}
.footer .partners-and-banks .icon.icon-ft-bri {
  background: url(../assets/images/footer/bank/BRI.svg) round;
  width: 103px;
}
.footer .partners-and-banks .icon.icon-ft-cimb {
  background: url(../assets/images/footer/bank/cimb.svg) round;
  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-kospin {
  background: url(../assets/images/footer/bank/permata.svg) center no-repeat;
  -webkit-filter: grayscale(99%);
  filter: grayscale(99%);
  background-size: 100%;
  background-position-y: 0px;
}
.footer .partners-and-banks .icon.icon-ft-maybank {
  background: url(../assets/images/footer/bank/maybank_logo.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(../assets/images/footer/bank/panin.png) center no-repeat;
  background-size: 100%;
  height: 60px;
}
.footer .partners-and-banks .icon.icon-ft-permata {
  background: url(../assets/images/footer/bank/kospin_logo.png) no-repeat;
  -webkit-filter: grayscale(99%);
  filter: grayscale(99%);
  background-size: 97px 28px;
  background-position: 5px 6px;
  margin-top: 10px;
  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 {
  background-position-y: -33px;
  height: 33px;
  margin-top: 9px;
}

.icon.icon-ft-voucher88:hover {
  background-position-y: -33px;
  height: 33px;
  margin-top: 9px;
}

.footer {
  font-size: 12px;
  font-weight: normal;
}
.footer .partners-and-banks .icon.icon-ft-pagcor {
  background: url(../img/footer-icon/pagcor.png) center no-repeat;
}
.footer .text-statement {
  font: 14px "open_sansregular";
  padding-top: 0px;
  text-align: justify;
}
.footer .text-statement .icon.icon-ft-device-support {
  height: 30px;
  width: 145px;
  margin: 0 auto;
  background: none;
}
.footer .text-statement h3 {
  padding-left: 0;
}
.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 a {
  font-size: 12px;
  font-weight: normal;
  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;
}

/*  .footer .text-statement h3:not(.old) {
    text-transform: capitalize;
  }*/
hr.disclaimer-line {
  border: 1px solid #3b8a69;
}

/* ========= Footer ======== */
.footer {
  font-family: inherit;
}
.footer a {
  font-family: inherit;
}
.footer hr {
  margin: 15px 0;
}
.footer .split-line {
  margin: 0 5px;
}
.footer .info-centre {
  padding: 15px 0;
}
.footer .info-centre span {
  vertical-align: middle;
}
.footer .nav-links li {
  padding: 2px 0;
}
.footer .nav-links h6 {
  margin: 5px 0;
}
.footer ul.ul-horizontal li {
  float: left;
  height: 36px;
  line-height: 30px;
}
.footer .statement-img li a {
  display: inline-block;
  margin: 0 5px;
}
.footer .license a.cagayan {
  background-position: 0px -33px;
  width: 103px;
  height: 36px;
  margin-left: 15px;
}
.footer .license a.cagayan:hover {
  background-position: 0px 0px;
}
.footer .license a.bmm {
  background-position: -110px -33px;
  width: 98px;
  height: 36px;
  margin-left: 15px;
}
.footer .license a.bmm:hover {
  background-position: -110px 0px;
}
.footer .license a.pagcor {
  background-position: -1265px -33px;
  width: 111px;
  height: 36px;
}
.footer .license a.pagcor:hover {
  background-position: -1265px 0px;
}
.footer .provider a {
  float: left;
  margin: 0 5px;
}
.footer .provider a.idnplay {
  background-position: -889px -33px;
  width: 106px;
  height: 33px;
  margin-left: 15px;
}
.footer .provider a.idnplay:hover {
  background-position: -889px 0px;
}
.footer .provider a.opus {
  background-position: -1003px -33px;
  width: 98px;
  height: 33px;
}
.footer .provider a.opus:hover {
  background-position: -1003px 0px;
}
.footer .payment a {
  float: left;
  margin: 0 5px;
}
.footer .payment a.bca {
  background-position: -407px 0px;
  width: 71px;
  height: 33px;
  /*margin-left: 15px;*/
}
.footer .payment a.bca:hover {
  background-position: -407px -33px;
}
.footer .payment a.mandiri {
  background-position: -490px 0px;
  width: 82px;
  height: 33px;
}
.footer .payment a.mandiri:hover {
  background-position: -490px -33px;
}
.footer .payment a.bni {
  background-position: -581px 0px;
  width: 82px;
  height: 33px;
}
.footer .payment a.bni:hover {
  background-position: -581px -33px;
}
.footer .payment a.bri {
  background-position: -671px 0px;
  width: 106px;
  height: 33px;
  /*margin-left: 113px;*/
}
.footer .payment a.bri:hover {
  background-position: -671px -33px;
}
.footer .payment a.danamon {
  background-position: -786px 0px;
  width: 96px;
  height: 33px;
  /*margin-left: 131px;*/
}
.footer .payment a.danamon:hover {
  background-position: -786px -33px;
}
.footer .payment a.cimb {
  background-position: -962px 4px;
  width: 126px;
  height: 33px;
  background-size: 1200px;
}
.footer .payment a.cimb:hover {
  background-position: -962px -24px;
}
.footer .payment a.permata {
  background-repeat: no-repeat;
  background-image: url(../img/bank/permata.png);
  -webkit-filter: grayscale(99%);
  filter: grayscale(99%);
  background-size: 89%;
  height: 37px !important;
  width: 140px;
  background-position-y: -6px;
}
.footer .payment a.permata:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}
.footer .payment a.kospin-permata {
  background-repeat: no-repeat;
  background-image: url(../img/bank/kospin-permata.png);
  -webkit-filter: grayscale(99%);
  filter: grayscale(99%);
  background-size: 89%;
  height: 37px !important;
  width: 132px;
  background-position-y: -8px;
}
.footer .payment a.kospin-permata:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}
.footer .responsibility a {
  float: left;
  margin: 0 5px;
}
.footer .responsibility a.adult {
  background-position: -217px -33px;
  width: 30px;
  height: 33px;
  margin-left: 39px;
}
.footer .responsibility a.adult:hover {
  background-position: -217px 0px;
}
.footer .responsibility a.knowlimit {
  background-position: -256px -33px;
  width: 30px;
  height: 33px;
}
.footer .responsibility a.knowlimit:hover {
  background-position: -256px 0px;
}
.footer .responsibility a.onlinesafe {
  background-position: -296px -33px;
  width: 58px;
  height: 33px;
}
.footer .responsibility a.onlinesafe:hover {
  background-position: -296px 0px;
}
.footer .responsibility a.spamfree {
  background-position: -360px -33px;
  width: 37px;
  height: 33px;
}
.footer .responsibility a.spamfree:hover {
  background-position: -360px 0px;
}
.footer .statement-text {
  font-family: inherit;
  padding: 10px 0;
}
.footer .statement-text span {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: normal;
}

/*.footer .payment a.permata {
  background-position: -1387px 0px;
  width: 89px;
  height: 33px;
}

.footer .payment a.permata:hover {
  background-position: -1387px -33px;
}*/
/* footer additional */
.footer .partners-and-banks .icon.icon-ft-playtech {
  background: url(../assets/images/footer/game/playtech.png) center no-repeat;
  background-size: 96px;
}
.footer .partners-and-banks .icon.icon-ft-bca, .footer .partners-and-banks .icon.icon-ft-bni, .footer .partners-and-banks .icon.icon-ft-bri {
  background-position-y: -33px;
  height: 33px;
  margin-top: 9px;
}
.footer .partners-and-banks .icon.icon-ft-kospin, .footer .partners-and-banks .icon.icon-ft-permata {
  -webkit-filter: grayscale(0) !important;
  filter: grayscale(0) !important;
}
.footer .partners-and-banks .icon.icon-ft-mandiri {
  background: url(../assets/images/footer/bank/Mandiri_logo.png) no-repeat;
  background-size: 96px;
  background-position: 5px 0px !important;
  background-position-y: -33px;
  height: 33px;
  margin-top: 9px;
}
.footer .partners-and-banks .partner-title,
.footer .partners-and-banks .banks-title {
  text-align: left;
}

/*.footer .partners-and-banks .icon.icon-ft-voucher88 {
  background-position-y: -33px;
  height: 33px;
  margin-top: 9px;
}*/
.row2 {
  padding: 5px 15px 10px;
}

.slot-sidebar {
  float: left;
  width: 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 10px;
  padding-left: 0;
}

.slot-content {
  float: right;
  width: 80%;
  padding: 0;
  flex: 0 0 80%;
  max-width: 80%;
}

.slot-sidebar-nav {
  border-radius: 10px;
  padding-top: 6px;
}

#search::placeholder {
  font-style: italic;
}

.slot-sidebar-nav > li {
  width: 100%;
  margin-bottom: 5px;
}

.slot-sidebar-nav > li > a {
  font-size: 13px;
  padding: 7px 10px;
  display: block;
}

.slot-sidebar-nav > li > a > i {
  margin-right: 10px;
  vertical-align: middle;
}

.search-input {
  padding-left: 5px;
  padding-right: 5px;
  /*width: 205px;
  height: 20px;*/
  position: relative;
  /*float: right;*/
}

.search-input input {
  height: 30px;
  background-image: url(../assets/images/icon/icon_search.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 13px;
  width: 100%;
  margin: auto;
  border-radius: 8px;
  margin-bottom: 10px;
}

.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);
}

.css-shapes {
  position: absolute;
  /* top: 11px; */
  right: 20px;
  margin-top: 12px;
  padding: 3px;
  background-color: #ff0000;
  color: #fff;
  font-size: 8px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
  z-index: 200;
}

.disabled {
  color: gray !important;
}

.slot-content {
  overflow-x: hidden;
  overflow-y: auto;
}

.slot-content::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.game-box-slots:hover .badge-game {
  transform: scale(1.15) rotate(0deg);
}

.slots-img-wrap {
  position: relative;
}

.badge-game {
  position: absolute;
  height: 32px;
  width: 31px;
  border-radius: 0;
  right: -2px;
  top: 0px;
  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: 36px;
  width: 32px;
  background-size: 25px;
}

.more-line {
  border-radius: 10px;
  width: 99%;
  height: 46px;
  padding: 7px;
  margin-left: 4px;
  display: inline-block;
  margin-bottom: 0px;
}

.home-tittle {
  line-height: 33px;
  color: white;
  margin-left: 15px;
}

.horizontal-list-wrapper {
  width: 100%;
  padding: 0px 0px 6px 0px;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 5px;
}

.game-box-slots {
  margin: 5px;
  font-size: 12px;
  overflow: hidden;
}

.game-one-half-slot {
  float: left;
  width: 25%;
}

.game-box-slots {
  margin: 5px;
  font-size: 12px;
  border: none;
  overflow: hidden;
  border-radius: 10px;
}

.game-box-slots img {
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}

.game-box-slots:hover img {
  -webkit-transform: scale(1.15) rotate(0deg);
  -moz-transform: scale(1.15) rotate(0deg);
  -ms-transform: scale(1.15) rotate(0deg);
  -o-transform: scale(1.15) rotate(0deg);
  transform: scale(1.15) rotate(0deg);
}

.slots-img-wrap {
  width: 100%;
  height: 130px;
  overflow: hidden;
}

.game-title-slots {
  width: 100%;
  padding: 5px 10px;
  font-size: 13px;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.slots-games a {
  overflow: hidden;
}

.slots-games .slot-hover-buttons {
  position: absolute;
  /*top: 5px;
  left: 5px;
  width: 24%;
  height: 26%;*/
  opacity: 0;
  transition: all 0.45s ease-in-out;
  z-index: 10;
  padding: 21px 16px;
  border-radius: 10px;
}

.slots-games:hover .slot-hover-buttons {
  opacity: 1;
}

.slots-games > .game-maintenance {
  position: absolute;
  margin: 5px;
  width: 196px;
  height: 159px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  /*display: none;*/
  z-index: 995;
}

.slots-games > .game-maintenance > img {
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -o-transform: scale(3);
  -ms-transform: scale(3);
  transform: scale(3);
  width: 20px;
  height: 20px;
}

.slots-games > .game-maintenance > div {
  font-size: 15px;
  padding-top: 25px;
}

.slot-play-button {
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  margin: 23% auto;
  /*width: 60%;*/
  text-align: center;
}

.img-live {
  border-radius: 10px;
  height: 246px;
  margin-bottom: 7px;
  margin-left: 4px;
}

.banner-fishing {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-bottom: 10px;
}

.banner-fishing img {
  height: 256px;
}

.reg_content select {
  height: calc(3.091rem);
}

.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 {
  padding: 15px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.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 {
  text-decoration: none;
}
.home-content a:active, .home-content a:focus, .home-content a:hover {
  text-decoration: underline;
}
.home-content .line {
  height: 1px;
}
.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;
}

.btn-full {
  width: 100%;
  font-size: 28px;
  text-transform: uppercase;
  padding: 18px 28px;
  border: none;
  border-radius: 4px !important;
}

.dropdown-menu > li > a {
  display: block;
}

.home-info {
  height: unset;
}
.home-info .col-8 {
  flex: 0 0 69%;
  max-width: 69%;
}
.home-info .col-4 {
  flex: 0 0 31%;
  max-width: 31%;
}

.col-md-left {
  margin: unset !important;
  width: unset !important;
  padding-left: 15px;
}

.col-md-right {
  margin-left: unset !important;
  width: unset !important;
  padding-right: 15px;
}

.form-control {
  height: calc(3.091rem);
}

.form-control-feedback {
  width: 34px;
  height: 34px;
  line-height: 34px;
}

.has-feedback-left .form-control {
  padding-left: 34px;
}
.has-feedback-left .form-control-feedback {
  position: absolute;
  top: unset;
  margin-top: -34px;
  width: 34px;
  height: 34px;
}

.modal-backdrop.fade, .modal-backdrop.in, .modal-backdrop.error.in {
  filter: unset;
  opacity: 0.75;
}

/* User rank bonus */
.user-rank {
  /*padding-right: 20px;*/
  display: inline;
  vertical-align: top;
}

.progress {
  width: 30%;
  height: 10px;
  display: inline-flex;
  margin-bottom: 0;
  background: #474747;
  vertical-align: text-bottom;
  border-radius: 2px;
}

.progress-bar-success {
  background-color: #70bd2d;
}

.user-rank-img {
  margin: 0 5px 0 0;
  width: 28px;
  height: 28px;
}

.modal-dialog .bonus {
  width: 1037px !important;
}

.rank-list {
  text-align: center;
  padding: 10px 0 20px 0;
}
.rank-list > div {
  display: inline-block;
  padding: 0 15px;
}
.rank-list .rank-list-img {
  width: 59px;
  height: 55px;
  margin-bottom: 10px;
}
.rank-list > div > span {
  font-size: 12px;
}

.rank-progress {
  border-radius: 10px;
  padding: 20px 62px;
  margin: 20px 0;
}

.rank-progress-img,
.rank-progress-detail {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}

.rank-progress-img > img {
  width: 130px;
  height: 123px;
}

.rank-current-level-text {
  font-size: 13px;
}

.rank-current-level {
  font-size: 30px;
}

.progress-big {
  width: 280%;
  height: 22px;
}

.rank-table {
  font-size: 14px;
  margin-bottom: 20px;
}
.rank-table > thead > tr > td {
  font-weight: normal;
}
.rank-table > tbody > tr > td {
  padding: 10px;
}

.popup-bonus {
  background: url(../assets/img/user-rank/pop-up-cashback.jpg) no-repeat;
  height: 389px;
  padding: 115px 20px;
}
.popup-bonus > h4 {
  color: #fffefe;
  font-size: 23px;
  text-transform: uppercase;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.popup-bonus > h2 {
  color: #fffefe;
  font-size: 56px;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Table limit */
.limit-icon {
  position: absolute;
  margin: 8% -10px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  padding: 5px;
  clip: rect(0, 44px, 44px, 15px);
  z-index: 999;
}
.limit-icon:hover {
  cursor: pointer;
  cursor: hand;
}

.limit-icon-inner {
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  padding: 4px 7px;
  clip: rect(0, 44px, 44px, 12px);
}
.limit-icon-inner > i {
  vertical-align: middle;
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
}

[id^=limit-content] {
  position: absolute;
  width: 31.3%;
  height: 230px;
  /*27.5%*/
  padding: 18px 15px 18px 34px;
  background: rgba(9, 28, 45, 0.9);
  display: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 998;
}

.blurred {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
}

.modal-backdrop.rank.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.progress .progressbar-back-text {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}

.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;
}

.slots-bg-container > img {
  position: absolute;
  width: 1920px;
  margin-top: -6px;
  margin-left: -439px;
}

.game-title-wrapper {
  width: 100%;
  background: transparent;
  padding: 5px 5px 5px 211px;
  color: #fff;
  height: 30px !important;
  font-size: 14px;
  text-align: left;
}
.game-title-wrapper .category-title h1 {
  float: left;
  font-size: 15px;
  line-height: 1.3em;
  width: 95%;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.game-title-wrapper .fs-btn {
  /*width: 180px;*/
  height: 20px;
  position: relative;
  float: right;
}

.casino-games {
  border-radius: 10px;
}
.casino-games span {
  text-transform: uppercase;
  font-family: "bebasKai", "montserrat", Tahoma, "Microsoft Yahei", Arial;
  font-size: 30px;
  height: 40px;
  margin-top: -5px;
}

img.game-livecasino-iconxfont {
  height: 30px !important;
  width: 100% !important;
  border: 0px !important;
  padding: 0px !important;
  pointer-events: none !important;
}

.pd-tp-12 {
  padding-top: 12px;
}

.casino-games {
  display: inline-block;
  width: 100%;
  height: 129px;
  text-align: center;
  position: relative;
}

.image-wrapper {
  overflow: hidden;
}

.casino-games img {
  height: 100px;
  width: 100%;
  border: 1px solid #e0b451;
  padding: 2px;
  border-radius: 10px;
}
.casino-games img:hover {
  border-radius: 10px;
  transform: scale(1.1);
  box-shadow: 0 0 10px #ffffff;
  transition: transform 0.2s;
  -webkit-transform: scale(1.15) rotate(0deg);
  -moz-transform: scale(1.15) rotate(0deg);
  -ms-transform: scale(1.15) rotate(0deg);
  -o-transform: scale(1.15) rotate(0deg);
  transform: scale(1.15) rotate(0deg);
}
.casino-games span {
  text-align: center;
  position: absolute;
  height: 30px;
  font-size: 14px;
  left: 0%;
  color: white;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.casino-games span .game-title-casino {
  width: 100%;
  padding: 8px 10px 10px 5px;
  font-size: 13px;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}

.tab-content hr {
  border: 0;
  border-top: 4px double #ECECEC;
  text-align: center;
}
.tab-content hr:after {
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #fff;
  color: #ECECEC;
  font-size: 18px;
}

.tab .nav-tabs {
  border: none;
  background: none;
  border-bottom: solid 2px #185363;
  background: #0b3142;
}
.tab .nav-tabs a {
  font-size: 13px;
  text-transform: uppercase;
}
.tab .nav-tabs > .active > a {
  color: #fff;
  border: none;
  background: #306e91;
  /* Old browsers */
  background: -moz-linear-gradient(top, #306e91 0%, #1c4b69 49%, #103d5a 50%, #115662 70%, #129ea0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #306e91 0%, #1c4b69 49%, #103d5a 50%, #115662 70%, #129ea0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #306e91 0%, #1c4b69 49%, #103d5a 50%, #115662 70%, #129ea0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#306e91", endColorstr="#129ea0", GradientType=0);
  /* IE6-9 */
}
.tab .nav-tabs > .active > a:hover, .tab .nav-tabs > .active > a:focus {
  color: #fff;
  border: none;
  background: #306e91;
  /* Old browsers */
  background: -moz-linear-gradient(top, #306e91 0%, #1c4b69 49%, #103d5a 50%, #115662 70%, #129ea0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #306e91 0%, #1c4b69 49%, #103d5a 50%, #115662 70%, #129ea0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #306e91 0%, #1c4b69 49%, #103d5a 50%, #115662 70%, #129ea0 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: #fff;
  background: #306e91;
  /* Old browsers */
  background: -moz-linear-gradient(top, #306e91 0%, #1c4b69 49%, #103d5a 50%, #115662 70%, #129ea0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #306e91 0%, #1c4b69 49%, #103d5a 50%, #115662 70%, #129ea0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #306e91 0%, #1c4b69 49%, #103d5a 50%, #115662 70%, #129ea0 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-group .panel + .panel {
  margin-top: 2px;
}

.panel,
.panel-heading,
.panel-group .panel {
  border-radius: 0;
}

.panel-heading {
  padding: 5px;
}
.panel-heading .btns {
  padding: 30px 0 0;
}
.panel-heading .btns .btn {
  margin-top: 10px;
  min-width: 100px;
}
.panel-heading .btns .btn-primary .caret {
  display: none;
}
.panel-heading .btns .btn-default .caret {
  position: absolute;
  bottom: 4px;
  left: 35%;
}

.panel-body {
  padding: 15px;
}

/*========== Referral Page ===========*/
#referral-landing .hexagon {
  position: relative;
  width: 85%;
  height: 135px;
  background-color: #18171d;
  /*box-shadow: 0 0 10px #727272;*/
  border: 1px solid #727272;
}

#referral-landing .hexagon:before,
#referral-landing .hexagon:after {
  content: " ";
  position: absolute;
  border-top: 67px solid transparent;
  border-bottom: 67px solid transparent;
}

#referral-landing .hexagon:before {
  left: 100%;
  border-left: 40px solid #18171d;
  filter: drop-shadow(1px 0 0px #727272);
  -webkit-filter: drop-shadow(1px 0 0px #727272);
  -moz-filter: drop-shadow(1px 0 0px #727272);
  /*filter: drop-shadow(0 0 10px #727272);
  -webkit-filter: drop-shadow(0 0 10px #727272);
  -moz-filter: drop-shadow(0 0 10px #727272);*/
}

/*.hexagon:after {
  left: 85%;
  width: 15%;
  height: 100%;
  background-color: #18171d;
}*/
#referral-landing .hexagon-top {
  height: 120px;
  padding: 0px;
  text-align: left;
  color: white;
}

#referral-landing .max-row {
  width: 100%;
  margin: 0px;
}

#referral-landing .hexagon-top-wrapper {
  position: absolute;
  z-index: 100;
  top: 0px;
}

#referral-landing .hexagon-wrapper {
  width: 100%;
  position: relative;
}

#referral-landing .hexagon-title {
  color: #0083c1;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

#referral-landing .hexagon-number {
  color: white;
  font-size: 28px;
  font-weight: bold;
}

#referral-landing .hexagon-top .max-row .col-sm-2 {
  padding-left: 10px;
  padding-right: 0px;
}

#referral-landing .hexagon-top .max-row .col-sm-10 {
  padding-left: 5px;
}

#referral-landing .hexagon-top .max-row .col-sm-10 .max-row .col-8 {
  padding-left: 15px;
}

#referral-landing .hexagon-top .max-row .col-sm-10 .max-row .col-4 {
  padding-left: 0px;
}

#referral-landing hr {
  margin-bottom: 2px;
  margin-top: 2px;
  background: #fff;
}

#referral-landing .hexagon-icon {
  font-size: 20px;
  padding: 5px;
}

#referral-landing .rounded-box {
  border-radius: 8px;
  height: 370px;
  background-color: #1a1a1a;
  margin-right: 12%;
  margin-left: 12%;
  border-top: 60px solid #727272;
  border-left: 1px solid #727272;
  border-right: 1px solid #727272;
  border-bottom: 1px solid #727272;
}

#referral-landing .rounded-box-top {
  border-radius: 8px;
  height: 370px;
  margin-right: 12%;
  margin-left: 12%;
  color: white;
}

#referral-landing .rounded-box-top-title {
  text-align: center;
  height: 60px;
  font-size: 14px;
  /*line-height: 60px; 
  vertical-align: middle;*/
  padding-top: 8%;
}

#referral-landing .rounded-box-top-content {
  /* height: 248px; */
  padding: 10px;
}

#referral-landing .rounded-box-percentage-table {
  width: 100%;
}

#referral-landing .rounded-box-percentage-table tr {
  border-bottom: 1px solid white;
}

#referral-landing .rounded-box-percentage-table td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

#referral-landing h1 {
  background: #6db3f2;
  background: -moz-linear-gradient(top, #3fd1f8 10%, #21bfef 35%, #0e88d3 51%, #0595c9 100%);
  background: -webkit-linear-gradient(top, #3fd1f8 10%, #21bfef 35%, #0e88d3 51%, #0595c9 100%);
  background: linear-gradient(to bottom, #3fd1f8 10%, #21bfef 35%, #0e88d3 51%, #0595c9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6db3f2", endColorstr="#1e69de", GradientType=0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.time-limit {
  cursor: pointer;
}

.home-info {
  height: unset;
}

.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;
}

.home-info .col-8 {
  flex: 0 0 69%;
  max-width: 69%;
}

.home-info .col-4 {
  flex: 0 0 31%;
  max-width: 31%;
}

.col-md-left {
  margin: unset !important;
  width: unset !important;
  padding-left: 15px;
}

.col-md-right {
  margin-left: unset !important;
  width: unset !important;
  padding-right: 15px;
}

.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 {
  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;
}

.sub-bar {
  height: 30px;
  padding-left: 0px;
}
.sub-bar label {
  padding: 3px 10px;
  margin: 0;
  display: block;
  min-width: 130px;
  height: 28px;
}

.main .div-wrapper {
  margin: 10px;
  text-align: center;
}
.main table td {
  padding: 3px 4px;
}
.main .tb-table {
  margin: 5px 0;
  width: 100%;
}

#reg-main,
#reg-success,
#reg-activate,
#reset-step1,
#reset-step2,
#reset-success,
#banking {
  margin: 10px 0;
  padding: 10px 0;
}

#reg-main button {
  margin: 0 5px;
  line-height: 17px;
  height: 22px;
  vertical-align: top;
}
#reg-main button span {
  padding: 0 12px;
}

.reg_content {
  width: 1020px;
  margin: 10px auto;
  padding-left: 20px;
  padding-bottom: 10px;
}

.reg_content2 {
  margin: 0 auto;
  width: 500px;
  margin-top: 20px;
}

.reg_content b,
.reg_content2 b {
  text-align: left;
  display: block;
  margin: 5px 0;
}

.reg_content table th,
.reg_content2 table th {
  text-align: left;
  padding: 2px 0;
}

.reg_content select {
  margin-right: 5px;
  padding: 5px 8px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.reg_content select#txt_month {
  width: 126px;
}
.reg_content select#txt_day, .reg_content select#txt_year {
  width: 96px;
  margin-right: 0;
}
.reg_content select#txt_currency {
  width: 330px;
  margin-right: 0;
}

.btn-thin {
  padding: 3px 12px;
  min-width: 68px;
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 8px 4px 7px;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

/* ===================== Fonts ===================== */
@font-face {
  font-family: "allerregular";
  src: url("../assets/font/allerregular.woff2") format("woff2"), url("../assets/font/allerregular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "allerrbold";
  src: url("../assets/font/allerbold.woff2") format("woff2");
  src: url("../assets/font/allerbold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "open_sansregular";
  src: url("../assets/font/OpenSans-Regular.woff2") format("woff2"), url("../assets/font/OpenSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../assets/font/glyphicons-halflings-regular.woff2") format("woff2"), url("../assets/font/glyphicons-halflings-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirLTStd";
  src: url("../assets/font/AvenirLTStd-Black.woff2") format("woff2"), url("../assets/font/AvenirLTStd-Black.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirHeavy";
  src: url("../assets/font/Avenir-Heavy.woff2") format("woff2"), url("../assets/font/Avenir-Heavy.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirMedium";
  src: url("../assets/font/Avenir-Medium.woff2") format("woff2"), url("../assets/font/Avenir-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* ===================== ICON ===================== */
.ico-home {
  background: url(../assets/images/icon/icon_home.png) no-repeat;
  display: inline-block;
  background-size: 15px 14px;
  height: 14px;
  width: 15px;
}

.ico-slots {
  background: url(../assets/images/icon/icon_slot.png) no-repeat;
  display: inline-block;
  background-size: 15px 14px;
  height: 14px;
  width: 20px;
}

.ico-live {
  background: url(../assets/images/icon/icon_livecasino.png) no-repeat;
  display: inline-block;
  background-size: 15px 14px;
  height: 14px;
  width: 20px;
}

.ico-pomotion {
  background: url(../assets/images/icon/icon_promosi.png) no-repeat;
  display: inline-block;
  background-size: 15px 14px;
  height: 14px;
  width: 20px;
}

.ico-referral {
  background: url(../assets/images/icon/icon_referal.png) no-repeat;
  display: inline-block;
  background-size: 15px 14px;
  height: 14px;
  width: 20px;
}

.ico-deposit {
  background: url(../assets/images/icon/icon_deposit.png) no-repeat;
  display: inline-block;
  background-size: 15px 14px;
  height: 14px;
  width: 20px;
}

.ico-withdraw {
  background: url(../assets/images/icon/icon_withdraw.png) no-repeat;
  display: inline-block;
  background-size: 15px 14px;
  height: 14px;
  width: 20px;
}

.ico_en,
.ico_cn,
.ico_vi,
.ico_th,
.ico_id,
.ico_pt,
.ico_es {
  background: url(../assets/images/icon/ico-flag.png) no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
}

.ico_en {
  background-position: 0 0;
}

.ico_cn {
  background-position: 0 -50px;
}

.ico_vi {
  background-position: 0 -33px;
}

.ico_th {
  background-position: 0 -69px;
}

.ico_id {
  background-position: 0 -17px;
}

.ico_pt {
  background-position: 0 -86px;
}

.ico_es {
  background-position: -1px -103px;
}

.icon-popular {
  background: url(../assets/images/icon/popular.png) center no-repeat;
  display: inline-block;
  background-size: 25px 25px;
  height: 26px;
  width: 31px;
}

.icon-pragmatic {
  background: url(../assets/images/icon/pragmatic.png) center no-repeat;
  display: inline-block;
  background-size: 20px 27px;
  height: 26px;
  width: 31px;
}

.icon-microgaming {
  background: url(../assets/images/icon/microgamming.png) center no-repeat;
  display: inline-block;
  background-size: 23px 24px;
  height: 26px;
  width: 31px;
}

.icon-fishing {
  background: url(../assets/images/icon/fishing.png) center no-repeat;
  display: inline-block;
  background-size: 27px 27px;
  height: 26px;
  width: 31px;
}

.icon-cq9 {
  background: url(../assets/images/icon/cq9.png) center no-repeat;
  display: inline-block;
  background-size: 32px;
  height: 26px;
  width: 32px;
}

.icon-new {
  background: url(../assets/images/icon/new.png) center no-repeat;
  display: inline-block;
  background-size: 27px 21px;
  height: 26px;
  width: 31px;
}

.icon-ttg {
  background: url(../assets/images/icon/ttg.png) center no-repeat;
  display: inline-block;
  background-size: 20px 27px;
  height: 26px;
  width: 31px;
}

.icon-hbn {
  background: url(../assets/images/icon/habanero.png) center no-repeat;
  display: inline-block;
  background-size: 20px 27px;
  height: 26px;
  width: 31px;
}

.icon-playstar {
  background: url(../assets/images/icon/playstar.png) center no-repeat;
  display: inline-block;
  background-size: 31px 27px;
  height: 26px;
  width: 31px;
}

.icon-redtiger {
  background: url(../assets/images/icon/redtiger.png) center no-repeat;
  display: inline-block;
  background-size: 27px 27px;
  height: 26px;
  width: 31px;
}

.icon-spade {
  background: url(../assets/images/icon/spadegaming.png) center no-repeat;
  display: inline-block;
  background-size: 22px 27px;
  height: 26px;
  width: 31px;
}

.icon-gameplay {
  background: url(../assets/images/icon/gameplay.png) center no-repeat;
  display: inline-block;
  background-size: 25px 25px;
  height: 26px;
  width: 31px;
}

.icon-isoftbet {
  background: url(../assets/images/icon/isoftbet.png) center no-repeat;
  display: inline-block;
  background-size: 11px 27px;
  height: 26px;
  width: 31px;
}

.icon-rtg {
  background: url(../assets/images/icon/RTG.svg) center no-repeat;
  display: inline-block;
  height: 26px;
  width: 31px;
}

.icon-simpleplay {
  background: url(../assets/images/icon/simpleplay.svg) center no-repeat;
  display: inline-block;
  height: 26px;
  width: 31px;
}

.badge-game.ttg i {
  background-image: url(../assets/images/icon/ttg.png);
}
.badge-game.pragmatic i {
  background-image: url(../assets/images/icon/pragmatic.png);
}
.badge-game.habanero i {
  background-image: url(../assets/images/icon/habanero.png);
}
.badge-game.playstar i {
  background-image: url(../assets/images/icon/playstar.png);
}
.badge-game.redtiger i {
  background-image: url(../assets/images/icon/redtiger.png);
}
.badge-game.spadegaming i {
  background-image: url(../assets/images/icon/spadegaming.png);
}
.badge-game.microgaming i {
  background-image: url(../assets/images/icon/microgamming.png);
}
.badge-game.gameplay i {
  background-image: url(../assets/images/icon/gameplay.png);
}
.badge-game.isoftbet i {
  background-image: url(../assets/images/icon/isoftbet.png);
  background-size: 11px;
}
.badge-game.sa i {
  background-image: url(../assets/images/icon/sa.png);
}
.badge-game.rtg i {
  background-image: url(../assets/images/icon/rtg.png);
}
.badge-game.simpleplay i {
  background-image: url(../assets/images/icon/simpleplay.png);
}
.badge-game.cq9 i {
  background-image: url(../assets/images/icon/cq9.png);
}

.svg-pragmatic {
  display: inline-block;
  background-image: url(../assets/img/icon/provider/Pragmaticplay.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 32px;
  background-size: 32px;
}

.svg-ttg {
  display: inline-block;
  background-image: url(../assets/img/icon/provider/logo-ttg.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 32px;
  background-size: 32px;
}

.svg-spade {
  display: inline-block;
  background-image: url(../assets/img/icon/provider/spadegaming.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 32px;
  background-size: 32px;
}

.svg-redtiger {
  display: inline-block;
  background-image: url(../assets/img/icon/provider/redtiger.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 32px;
  background-size: 32px;
}

.svg-gameplay {
  display: inline-block;
  background-image: url(../assets/img/icon/provider/gameplay.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 32px;
  background-size: 32px;
}

.svg-mgs {
  display: inline-block;
  background-image: url(../assets/img/icon/provider/microgaming.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 32px;
  background-size: 27px;
}

.svg-hbn {
  display: inline-block;
  background-image: url(../assets/img/icon/provider/habanero.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 32px;
  background-size: 27px;
}

.svg-laxino {
  display: inline-block;
  background-image: url(../assets/img/icon/provider/laxino.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 32px;
  background-size: 27px;
}

.svg-gg {
  display: inline-block;
  background-image: url(../assets/img/icon/provider/gg.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 32px;
  background-size: 27px;
}

.svg-playstar {
  display: inline-block;
  background-image: url(../assets/img/icon/provider/playstar.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 32px;
  background-size: 27px;
}

.svg-sa {
  display: inline-block;
  background-image: url(../assets/img/icon/provider/sa.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 32px;
  background-size: 27px;
}

.svg-isb {
  display: inline-block;
  background-image: url(../assets/img/icon/provider/isoftbet.svg);
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 32px;
  background-size: 16px;
}

/* Style badge label for icon event */
.badge-label {
  position: absolute;
  height: 20px;
  border-radius: 0;
  left: 0;
  top: 4px;
  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-label.news i {
  background-image: url(../assets/images/slots-comp/news.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 20px;
  display: inline-block;
}
.badge-label.popular i {
  background-image: url(../assets/images/slots-comp/popular.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 20px;
  display: inline-block;
}
.badge-label.jackpot i {
  background-image: url(../assets/images/slots-comp/jackpot.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 20px;
  display: inline-block;
}
.badge-label.tournament i {
  background-image: url(../assets/images/slots-comp/tournament.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 20px;
  display: inline-block;
}

.btn-login {
  cursor: pointer;
  height: 27px;
  min-width: 68px;
  margin: 0px 0px 2px 2px;
  text-align: center;
  border: 0;
  padding: 2px 12px;
  vertical-align: inherit;
}

.btn-login:hover {
  background-position: 0 -26px;
}

.btn {
  font-family: inherit;
  border-radius: 5px !important;
}

.btn-more {
  font-size: 13px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 8px !important;
}

.btn-login {
  border-radius: 2px;
  font-weight: 400;
  line-height: 23px;
  font-size: 14px;
  text-transform: uppercase;
}
.btn-login:hover {
  text-decoration: none;
}

.btn-bank {
  text-decoration: none;
  font-size: 14px;
  padding: 0.25rem 0.5rem;
}

.btn-info {
  margin: 43px 0px -10px 40px;
  padding: 6px 22px 4px 24px;
  font-size: 13px;
  font-weight: bold;
}

.btn-info2 {
  margin: -3px 0 0;
}

.btn-grey {
  margin: 20px 0px 0px 40px;
  padding: 8px 10px 6px 12px;
  font-size: 13px;
  list-style: none;
  font-weight: bold;
}

.btn-v88 {
  border: none;
  text-decoration: none;
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 2px;
  text-transform: uppercase;
  position: absolute;
  top: 58%;
  right: 14%;
}

.btn-v88-more {
  font-size: 11px;
  text-decoration: underline;
  position: absolute;
  bottom: 6px;
  left: 30%;
}

.btn-v88-more:hover {
  text-decoration: none;
}

.btn-v88-more:focus,
.btn-v88-more.focus {
  text-decoration: none;
  margin: 20px 0px 0px 40px;
  padding: 8px 10px 6px 12px;
  font-size: 13px;
  list-style: none;
  font-weight: bold;
}

.btn-info-reg {
  margin: 10px 0 7px !important;
  padding: 8px 35px !important;
  font-size: 20px !important;
}

.btn-3d-black {
  font-size: 13px;
  padding-left: 11px;
  padding-right: 11px;
  border-radius: 8px !important;
}

.btn-joinnow {
  padding-left: 22px;
  padding-right: 22px;
}

.user-menu a {
  color: #fff;
}
.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.btn-depo:hover {
  color: #fff;
}

/* ===================== Modal ===================== */
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 300px;
    margin: 15% auto;
  }

  .modal-dialog-bank {
    max-width: 800px;
    margin: 3% auto;
  }
}
.modal-content {
  border-radius: 4px;
}

.modal-header .h4,
.modal-header h4 {
  font-size: 14px;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
}

.modal-header {
  border-bottom: none;
  /* background: rgb(96,187,70);
  background: -moz-linear-gradient(left,  rgba(96,187,70,1) 0%, rgba(22,162,167,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(96,187,70,1) 0%,rgba(22,162,167,1) 100%);
  background: linear-gradient(to right,  rgba(96,187,70,1) 0%,rgba(22,162,167,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60bb46', endColorstr='#16a2a7',GradientType=1 ); */
  border-radius: 0.5rem 0.5rem 0 0;
}

.modal-title {
  font: 20px "AvenirHeavy";
  text-transform: uppercase;
  text-align: center;
}

.modal-body {
  text-align: center;
}
.modal-body p {
  font: 14px "open_sansregular";
  text-align: center;
}
.modal-body p strong {
  font-family: "allerrbold";
}
.modal-body h5 {
  text-align: center;
  font-family: "allerrbold";
}
.modal-body button {
  text-transform: uppercase;
  margin: 10px 0 10px;
}

.modal-footer a {
  text-decoration: none;
}

.modal-dialog-bank .modal-content {
  border: transparent;
  border-radius: 1rem;
}
.modal-dialog-bank .modal-content .modal-header {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#62bb46", endColorstr="#287317", GradientType=0);
  border-bottom: none;
  border-radius: 1rem 1rem 0 0;
}
.modal-dialog-bank .modal-content .modal-header .modal-title {
  font: 20px "allerrbold";
  text-align: center;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.modal-dialog-bank .modal-content .modal-header .modal-title span {
  text-transform: uppercase;
}
.modal-dialog-bank .modal-content .modal-body h5 {
  font-size: 19px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.modal-dialog-bank .modal-content .modal-body .modal-mini {
  max-width: 540px;
  margin: 0 auto;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#62bb46", endColorstr="#287317", GradientType=0);
  border: transparent;
  border-radius: 1rem;
  padding-top: 3px;
}
.modal-dialog-bank .modal-content .modal-body .modal-mini .modal-mini-header {
  padding: 10px;
  border-radius: 0.6rem 0.6rem 0 0;
}
.modal-dialog-bank .modal-content .modal-body .modal-mini .modal-mini-header p {
  font: 14px "open_sansregular";
  text-align: center;
  margin-bottom: 0;
}
.modal-dialog-bank .modal-content .modal-body .modal-mini .modal-mini-header p strong {
  font-family: "allerrbold";
}
.modal-dialog-bank .modal-content .modal-body .modal-mini .modal-mini-body {
  font: 14px "open_sansregular";
  padding: 10px 40px;
}
.modal-dialog-bank .modal-content .modal-body .modal-mini .modal-mini-body table {
  width: 100%;
}
.modal-dialog-bank .modal-content .modal-body .modal-mini .modal-mini-body table .label-mini {
  text-align: left;
  padding-right: 20px;
  width: 25%;
}
.modal-dialog-bank .modal-content .modal-body .modal-mini .modal-mini-body table .form-control-mini {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.25;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: transparent;
  border-radius: 1rem;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.modal-dialog-bank .modal-content .warning-banner {
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "open_sansregular";
}

.modal-header .close {
  padding: 0.5rem 0.8rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-footer {
  padding: 30px 15px;
  text-align: center;
  border-top: none;
}
.modal-footer .btn {
  text-transform: uppercase;
}
.modal-footer .notes {
  position: absolute;
  margin-top: -36px;
  right: 18%;
}
.modal-footer .notes .notes-caret {
  vertical-align: top;
  margin-top: 5px;
  display: inline-block;
}
.modal-footer .notes .notes-content {
  font-size: 10px;
  display: inline-block;
  max-width: 125px;
  text-align: left;
  line-height: 12px;
}

/*-------------------------------*/
/*            Forms              */
/*-------------------------------*/
.forms {
  margin: 10px 0 4em;
}
.forms h2 {
  font-size: 16px;
}

.contact > .form-group > label,
label {
  display: block;
  font-weight: 400;
}

.form-group {
  margin-bottom: 5px;
}

.contact > .form-group {
  margin-bottom: 10px;
}

.form-control {
  height: 40px;
  padding: 6px 10px;
  font-size: 12px;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.input-group-addon {
  padding: 0;
}
.input-group-addon > div {
  padding: 10px;
}
.input-group-addon img {
  margin-top: -1px;
  padding-left: 5px;
  height: 40px;
}

span.input-group-addon {
  padding-right: 10px;
}

.input-group .form-control:first-child,
.input-group-addon:first-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.input-group .form-control:last-child,
.input-group-addon:last-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.has-success .form-control {
  border-color: transparent;
}

.form-control-feedback {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.has-feedback-left .form-control {
  padding-left: 40px;
}
.has-feedback-left .form-control-feedback {
  position: absolute;
  left: 0;
  margin-top: -40px;
  z-index: 2;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  pointer-events: none;
  color: #777777;
}

/*.help-block {
  color: #dddddd;
}*/
.forms .table {
  background-color: transparent;
  margin-bottom: 10px;
}
.forms .table > tbody > tr > td {
  padding: 5px;
}
.forms .table > tbody > tr > td:last-child {
  text-align: left;
}

ol.notes {
  list-style-type: decimal;
  padding-left: 20px;
}

#account-number-holder {
  height: 30px;
  padding: 6px 0px;
  font-size: 12px;
  border-radius: 0;
  transition: none;
  border-color: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#account-number-holder-deposit.form-control {
  height: 30px;
  padding: 6px 0px;
  font-size: 12px;
  border-radius: 0;
  transition: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#account-number-holder-deposit.form-control:focus {
  border-color: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*# sourceMappingURL=main.css.map */