body {
  background-color: #000;
  color: #fff;
  font-family: "Myriad Pro", "ProximaNova";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Myriad Pro", "Montserrat";
  color: #f7b22f;
}

h1 {
  font-size: 1.5rem;
}
h2 {
  font-size: 1.375rem;
}
h3 {
  font-size: 1.25rem;
}
h4 {
  font-size: 1.125rem;
}
h5 {
  font-size: 1rem;
}
h6 {
  font-size: 0.875rem;
}
.button.alert {
  color: #fff;
}
.button.alert:hover,
.button.alert:focus {
  color: #fff;
}
.button.success {
  color: #fff;
}
.button.success:hover,
.button.success:focus {
  color: #fff;
}

.grid-container,
hr {
  max-width: 1200px;
}

.slick-nav {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 30rem;
  background: rgba(255, 255, 255, 0.3);
  color: #333;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 93;
  transition: all ease 0.1s;
  cursor: pointer;
}
.slick-nav:hover {
  background: rgba(255, 255, 255, 0.8);
  transition: all ease 0.3s;
}
.slick-prev {
  left: 2rem;
  padding-right: 4px;
}
.slick-next {
  right: 2rem;
  padding-left: 4px;
}

#header {
  background: #272727;
  background: linear-gradient(to bottom, #272727, #523c0c);
}
.top-header {

}

.logo {
  padding: 0.25rem 0;
}

.site-cp {
  padding: .5rem 0;
  padding-left: 1rem;
}
.top-date {
  text-align: right;
}
.top-date  p {
  margin: 0;
  font-size: .875rem;
  color: #c8a25b;
}
.site-top-links {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.site-top-links a.button {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.875rem;
  height: 32px;
  padding: 0 0.75rem;
  line-height: 30px;
  margin: 0;
}
.top-nav {
  padding: 0;
  display: flex;

  justify-content: flex-end;
  align-items: center;
}

.login-header {
  padding: 0.5rem 0;
  white-space: nowrap;
}
.login-header .field {
  margin-right: 0.5rem;
  position: relative;
}

.login-header .field .forgot-password {
  position: absolute;
  right: 8px;
  top: 5px;
  z-index: 5;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #3b8eb5;
  color: #3b8eb5;
  font-size: 14px;
  border-radius: 2px;
  background: #fff;
  text-align: center;
}
.login-header input {
  margin-bottom: 0rem;
  line-height: 32px;
  height: 32px;
  padding: 0 0.5rem;
  border: 1px solid #a26907;
  border-left-color: #f9b844;
  border-right-color: #f9b844;
  color: #f7b22f;
  border-radius: 4px;
  max-width: 140px;
  background: #664a0c;
  text-align: center;
  font-size: .875rem;
}

.login-header input:focus {
  border: 1px solid #f9b844;
  box-shadow: none;
  background: #664a0c;
  color: #fff;
}

.login-header .field label {
  color: #fff;
  padding-left: 0.5rem;
}
.login-header .field label input {
  height: auto;
}
.login-header .button {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.875rem;
  height: 32px;
  padding: 0 0.75rem;
  line-height: 32px;
  margin: 0;
  border: 1px solid #a26907;
  border-left-color: #f9b844;
  border-right-color: #f9b844;
  color: #f7b22f;
  background: transparent;
}
.login-header .button + .button {
  margin-left: 0.5rem;
}
.login-header .button.btn-register {
  background: #b67d19;
  color: #fff;
}
.login-header .button:hover {
  background: #6e4502;
  color: #fff;
}

.main-navigation {
  border: 1px solid #e4b456;
  border-width: 1px 0;
  background: #cd8d14;
  background: linear-gradient(to bottom, #cd8d14, #e9c581);
}


/* css new mainmenu */

#mainmenu ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
#mainmenu ul li {
  flex: 1 1 auto;
  display: block;
  font-size: 1rem;
  position: relative;
}
#mainmenu ul li.menu-with-icon a {
  font-size: 1.75rem;
}
#mainmenu ul li.menu-with-icon a .fa {
  margin: 0;
}
#mainmenu ul li + li {
  border-left: 1px solid #ba9142;
}
#mainmenu ul li a {
  display: block;
  line-height: 42px;
  text-transform: uppercase;
  color: #000;
  font-family: "Myriad Pro", "Montserrat";
  font-weight: 600;
  text-align: center;
  transition: all ease 0.3s;
}
#mainmenu ul li a .fa {
  margin-left: 0.5rem;
}
#mainmenu ul li:hover > a,
#mainmenu ul li:focus > a,
#mainmenu ul li.active > a {
  color: #fff;
  background: #7f5b17;
  background: linear-gradient(to bottom, #c69125, #7f5b17);
}
#mainmenu li.download {
  justify-self: flex-end;
  flex: 0 0 auto;
}
#mainmenu li.download > a {
  background: url(../images/btn-download.jpg) no-repeat center;
  background-size: cover;
  text-indent: -99999px;
  width: 155px;
}
#mainmenu li.download:hover > a,
#mainmenu li.download:focus > a,
#mainmenu li.downloada.active > a {
  background: url(../images/btn-download.jpg) no-repeat center;
}

#mainmenu ul ul {
  display: none;
  position: absolute;
  z-index: 987;
  white-space: nowrap;
  
  background: #664a0c;
  position: absolute;
  right: 0;
  min-width: 100%;
  
  overflow: hidden;
  transition: height 0.3s linear;
  z-index: 99;
}
#mainmenu ul li:hover ul {
  display: block;
}
#mainmenu ul ul li {
  font-size: 0.75rem;
  text-align: center;
  flex: 0 0 auto;
}
#mainmenu ul ul li + li {
  border: none;
}
#mainmenu ul ul li a {
  text-align: center;
  padding: 0 1rem;
  color: #fff;
}
/* end css new mainmenu */

#main-banner {
  margin: 0 auto;
}

.contact-body {
  width: 200px;
  padding: 0.5rem 0.5rem 0;
}
.contact-body ul {
  margin: 0;
  display: block;
}
.contact-body ul li {
  overflow: visible;
  text-align: center;
  line-height: 1.5;
  min-height: 40px;
  display: block;
  color: #333;
  padding: 0.5rem 0;

  border-bottom: 2px solid #aa661188;
  font-size: 0.875rem;
  position: relative;
  background: url(../images/icon.png) no-repeat;
  background-position: -6px top;
}
.contact-body ul li a {
  display: block;
  font-size: 0.875rem;
  padding-left: 50px;
  color: #333;
  font-weight: bold;
  white-space: normal;
  word-wrap: break-word;
}
.contact-body ul li a:hover,
.contact-body ul li a:focus {
  text-decoration: underline;
  color: #111;
}
.contact-body li.icon2 {
  background-position: -6px -395px;
}
.contact-body li.icon3 {
  background-position: -6px -96px;
}
.contact-body li.icon4 {
  background-position: -6px -158px;
}
.contact-body li.icon5 {
  background-position: -6px -207px;
}
.contact-body li.icon6 {
  background-position: -6px -357px;
}
.contact-body li.icon7 {
  background-position: -6px -450px;
}
.contact-body li.mobile {
  background: url(../images/eventBg.jpg) no-repeat -10px center;
  background-size: cover;
}
.contact-body li.qrcode {
  background: none;
  padding: 0.5rem;
}
.contact-body ul li span.barcode {
  position: absolute;
  display: none;
  left: -88px;
  top: 0;
  z-index: 5;
  width: 80px;
}
.contact-body ul li a:hover span.barcode {
  display: block;
}
.contact-body li.backtotop {
  background: none;
  padding: 0;
  border: none;
  min-height: 0;
}
.contact-body li.backtotop a {
  display: block;
  font-weight: bold;
  line-height: 24px;
  padding: 0;
  background: url(../images/toolbarBg.jpg) no-repeat center;
  text-transform: uppercase;
  background-size: cover;
}

.close-contact {
  position: absolute;
  left: 8px;
  bottom: 0;
  z-index: 9;
}
.close-contact a {
  display: block;
  font-size: 1rem;
  color: #666;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  transition: all ease 0.3s;
}
.close-contact a:hover,
.close-contact a:focus {
  color: #000;
}

#newsticker {
  position: relative;
  z-index: 1;
  padding: .5rem 0;
}
#newsticker marquee {
  line-height: 26px;
  height: 24px;
  padding: 0 0.5rem;
  color: #fff;
  font-size: 1rem;
  flex: 1;
}
.ticker {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ticker h5 {
  color: #000;
  font-size: .875rem;
  font-weight: normal;
  margin: 0;
  margin-right: 0.5rem;
  padding: 0 .75rem;
  line-height: 26px;
  height: 24px;
  text-transform: uppercase;
  background: #ffde93;
  background: linear-gradient(to bottom, #ffde93, #e9a626);
  border-radius: 0 4px 4px 0;
}

.ads-container {
  padding-bottom: .5rem;
  border-bottom: 1px solid #a9740e;
  margin-bottom: 1rem;
}

.games-container {
  border: 2px solid #ffde93;
  border-radius: 8px;
  padding: .5rem;
  margin-bottom: 1rem;
}
.games-container ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.games-container ul li {
  display: block;
  flex: 1;
  text-align: center
}
.games-container ul li + li {
  border-left: 1px solid #ffde93;
}
.games-container li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .5rem;
  color: #fff;
}
.games-container li a .game-name {
  display: block;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  text-align: left;
  color: #fff;
}


#maincontent.internal h4 {
  color: #000;
}
#maincontent.internal {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  padding: 2rem;
}
#maincontent.internal p,
#maincontent.internal ul li,
#maincontent.internal ol li,
#maincontent.internal table tr td {
  color: #000;
}

#maincontent table tr th,
#maincontent table tr td {
  border: 1px solid #000;
  font-size: 0.875rem;
  padding: 1rem;
}
#maincontent table tr th {
  background: #5c4da0;
  color: #fff;
  font-size: 1rem;
}
#maincontent.internal table tr th p {
  margin: 0;
  font-size: 1rem;
  color: #fff;
}

.news-list {
  margin-bottom: 1.5rem;
}
.news + .news {
  border-top: 1px solid #5c4da0;
  padding-top: 1.5rem;
}

.pagination {
  text-align: center;
  padding-top: 1.5rem;
  border-top: 1px solid #5c4da0;
}
.pagination li.current {
  color: #fff !important;
}

.login h2 {
  margin-bottom: 1rem;
  font-size: 1rem;
  color: #000;
}
.login .button {
  text-transform: uppercase;
}
[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea,
select {
  border-color: #554495;
}
[type="text"]:focus,
[type="password"]:focus,
[type="date"]:focus,
[type="datetime"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="week"]:focus,
[type="email"]:focus,
[type="number"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="color"]:focus,
textarea:focus,
select:focus {
  border-color: #5c4da0;
}

.slick-slide img {
  width: 100%;
  height: auto;
}

.sponsor-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 1rem 0;
  margin-bottom: 1rem;
}
.sponsor-container img {
  display: block;
}

.sponsor-container img + img {
  margin-left: 1rem;
}

#content {
  padding: 1rem 0;
}

table, table tbody, table tr, table tr td, table tbody tr:nth-child(even) {
  background: none;
}
.block-table, .block-jackpot {
  border: 2px solid #e9c581;
  border-radius: 16px;
  overflow: hidden;
}
.block-table h3 {
  margin: 0;
  background: #ffdf93;
  display: block;
  text-align: center;
  line-height: 40px;
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
}
.block-table .table {
  margin: 1rem;
  max-height: 170px;
  overflow: hidden;
  overflow-y: auto;
}
.block-table table, .block-table table tbody {
  border: none;
  margin: 0;
}
.block-table tr td:before {
  content: "\f007";
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: .5rem;
  color: #e9c581;
}
.block-table tr td + td:before {
  content:"\f0b1"
}
.block-table tr td {
  font-size: 1.25rem;
  padding: 0 .5rem;
  line-height: 32px;
}

.block-jackpot {
  padding: .5rem;
  margin-bottom: .5rem;
}
.block-jackpot hr {
  margin: .5rem 0;
  border-color: #cd8d14;
}

.jackpot-item {
  padding: .5rem;
}
.jackpot-item.jackpot-poker {
  background: url(../images/jackpot-poker.png) no-repeat right center;
  background-size: contain;
}
.jackpot-item.jackpot-domino {
  text-align: right;
  background: url(../images/jackpot-domino.png) no-repeat left center;
  background-size: contain;
}
.jackpot-item h4 {
  color: #ffdf93;
  margin: 0 0 .5rem;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
}
.jackpot-item .jackpot-count{
  color:#fff;
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1;
}

.article h4 {
  color: #000;
  font-size: 0.875rem;
}

.article h2 {
  font-size: 0.9375rem;
  color: #d01a1a;
}

.article h3 {
  font-size: 0.9375rem;
  color: #d01a1a;
}

.article p,
.article ul li,
.article ol li {
  font-size: 0.875rem;
}
p.txt-ps {
  color: #f00;
}

#article-tabs {
  border: none;
  background: none;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#article-tabs li {
  display: block;
  float: none;
}
#article-tabs li + li {
  margin-left: 1rem;
}
#article-tabs li.tabs-title > a {
  line-height: 40px;
  height: 40px;
  background: #666;
  background: linear-gradient(to bottom, #111, #555);
  color: #fff;
  font-size: 0.875rem;
}
#article-tabs .tabs-title > a:focus,
#article-tabs .tabs-title > a[aria-selected="true"] {
  background: #d9534f;
  background: linear-gradient(to bottom, #c11, #d9534f);
}

#home-tables {
  margin-bottom: 1rem;
}

.home-content {
  margin-bottom: 1rem;
  padding: 1rem 0;
  text-align: center;
}

.footer-secure {
  text-align: center;
  margin-bottom: 1rem;
}
.footer-copyright {
  padding: .5rem 0;
  background: #d79f34;
  background: linear-gradient(to bottom, #e8c686, #d79f34);
  color: #000;
}

.floating-contact {
  position: fixed;
  top: 15%;
  left: 0;
  z-index: 150;
}
.floating-contact ul {
  margin: 0;
  padding: 0;
  display: block;
}
.floating-contact ul li {
  display: block;
}
.floating-contact ul li a {
  display: flex;
  padding: .25rem .25rem;
  padding-right: .75rem;
  white-space: nowrap;
  align-items: stretch;
  color: #fff;
  font-weight: bold;
  transition: all ease .3s;
  border-radius: 0 8px 8px 0;
}
.floating-contact ul li a span {
  display: block;
  transition: all ease .3s;
}
.floating-contact ul li a span.text {
  opacity: 0;
  width: 0;
  text-shadow: 1px 1px 1px #000;
  transition: all ease .3s;
  height: 38px;
  line-height: 38px;
  font-size: .75rem;
}
.floating-contact ul li:hover a span.text {
  opacity: 1;
  width: auto;
}
.floating-contact ul li:hover a {
  background: rgba(0,0,0,.9);
  box-shadow: 3px 3px 4px rgba(255,255,255, .3);
}
.floating-contact ul li a span.icon {
  margin-right: .5rem;
}
.floating-contact ul li a span.text:hover {
  text-decoration: underline;
}