header {
  background-color: #ffffff;
}

.st-content {
  background: #000;
}

.nav.nav-top>li>a {
  background: linear-gradient(to bottom, rgba(61, 61, 61, 1) 0%, rgba(0, 0, 0, 1) 100%);
  color: #fff;
}

.nav-top>li.active>a {
  color: #fff;
  background: linear-gradient(to bottom, #ff0000 0%, #000000 100%);
}

footer {
  background: #fffffe;
}

.ft-box p {
  color: #687da8;
}

.ft-box img:not(.png) {
  filter: none;
}

.ft-box a.active img {
  filter: brightness(0) invert(1);
}

.ft-box a.active {
  background: #687da8;
}

.nav-main {
  background-color: #dde2ed;
}

.nav-main>.nav>li>a {
  color: #677da9;
}

.nav-main>.nav>li>.dropmenu.collapsed {
  color: #677da9;
}

.nav-main>.nav>li {
  border-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0), #677da9, rgba(0, 0, 0, 0)) 20 stretch;
}

.nav-main>.nav>li>.dropmenu {
  background-color: #677da9;
}

.menu-top {
  background: #ffffff;
}

.user-tl {
  color: #677da9;
}

.user-acc {
  background: #677da9;
}

.btn-wlt a {
  background: #ffffff;
  color: #677da9;
}

.btn-wlt a img {
  filter: none;
}

.register-img {
  background: #677da9;
}

.nav-main .submenu {
  background-color: #677da9;
}

.tab-down ul li a.active {
  background-color: #687da8;
}

.tab-down ul li a {
  background: #fffffe;
  color: #687da8;
}

.promo-menu>span.active {
  background: #f0f5f8 url(../images/common/arrow.png) center bottom no-repeat;
  color: #fb4db1;
}

.promo-menu>span:hover {
  background: #f0f5f8 url(../images/common/arrow.png) center bottom no-repeat;
  color: #fb4db1;
}

.proico-1 {
  background: url(../images/common/proico-1.png) no-repeat;
  width: 30px;
  height: 26px;
}

.active .proico-1 {
  background: url(../images/common/proico-1-h.png) no-repeat;
}

.promo-menu>span:hover .proico-1 {
  background: url(../images/common/proico-1-h.png) no-repeat;
}

.proico-2 {
  background: url(../images/common/proico-2.png) no-repeat;
  width: 30px;
  height: 26px;
}

.active .proico-2 {
  background: url(../images/common/proico-2-h.png) no-repeat;
}

.promo-menu>span:hover .proico-2 {
  background: url(../images/common/proico-2-h.png) no-repeat;
}

.proico-3 {
  background: url(../images/common/proico-3.png) no-repeat;
  width: 30px;
  height: 26px;
}

.active .proico-3 {
  background: url(../images/common/proico-3-h.png) no-repeat;
}

.promo-menu>span:hover .proico-3 {
  background: url(../images/common/proico-3-h.png) no-repeat;
}

.proico-4 {
  background: url(../images/common/proico-4.png) no-repeat;
  width: 30px;
  height: 26px;
}

.active .proico-4 {
  background: url(../images/common/proico-4-h.png) no-repeat;
}

.promo-menu>span:hover .proico-4 {
  background: url(../images/common/proico-4-h.png) no-repeat;
}

.proico-5 {
  background: url(../images/common/proico-5.png) no-repeat;
  width: 30px;
  height: 26px;
}

.active .proico-5 {
  background: url(../images/common/proico-5-h.png) no-repeat;
}

.promo-menu>span:hover .proico-5 {
  background: url(../images/common/proico-5-h.png) no-repeat;
}

.proico-6 {
  background: url(../images/common/proico-6.png) no-repeat;
  width: 30px;
  height: 26px;
}

.active .proico-6 {
  background: url(../images/common/proico-6-h.png) no-repeat;
}

.promo-menu>span:hover .proico-6 {
  background: url(../images/common/proico-6-h.png) no-repeat;
}

.promo-menu>span {
  border: 1px solid #ffffff;
  color: #818287;
  background: #f0f5f8;
}

.nav.nav-top2>li>a {
  background: linear-gradient(to bottom, rgba(61, 61, 61, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.af_balnc {
  background: #687da8;
}

.af_balnc a {
  background: linear-gradient(to bottom, #ff0000 0%, #000000 100%);
}

.af_balnc2 {
  background: linear-gradient(to bottom, rgba(61, 61, 61, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.nav-top2.nav>li>a>img {
  filter: brightness(0) invert(1);
}

.form-group label {
  color: #ffffff;
}

.nav.nav-top2>li>a {
  color: #ffffff;
}

.nav-top>li>a img {
  filter: invert(1) brightness(3);
}

.nav-top2.nav>li>a>img {
  filter: invert(1) brightness(5.5);
}

.nav-top2.nav>li.active>a>img {
  filter: brightness(0) invert(1);
}

.nav-top2>li.active>a {
  background: linear-gradient(to bottom, #ff0000 0%, #000000 100%);
  color: #fff;
}

.nav-top>li.active>a img {
  filter: brightness(0) invert(1);
}

#wallet-balance .modal-content {
  background: #000;
}

select.form-control {
  color: #797979;
}

select.form-control:focus {
  color: #797979;
}

.down-modal .modal-content {
  background: #fff;
}

.down-modal .close {
  background: #687da8;
}

#promo-1 .modal-header .close {
  color: #fff;
}

#promo-1 .close span {
  color: #fff;
}

/* .panel-body {
  background: #fff;
}

.panel-heading {
  background-color: #687da8;
  color: #fff;
}

.vip-table tr td {
  background: #e4e7ef;
  border: 1px solid #fff;
  color: #687da8;
} */

.tnc-cnt ul li {
  color: #687da8;
}

.ag-info {
  color: #687da8;
  margin-top: 20px;
}

.ag-info a {
  color: #db427b;
}





#xmas .modal-dialog {
  background: #ffffff;
  border-radius: 28px;
  box-shadow: none;
}

#xmas .modal-content {
  background: none;
  box-shadow: none;
  border: none;
}


#xmas .close span {
  color: #db427b;
  z-index: 100000000;
  font-size: 30px;
  border: none;
}

p.tnc-txt {
  bottom: 0px;
  width: 100%;
  text-align: center;
  color: #8d8d8d;
  font-size: 12px;
  margin-top: 10px;
}

.date {
  text-align: center;
  padding: 10px;
  color: #687da8;
}





.voucher-bar {
  background: #222222;
}

input.v-bar {
  background: #fff;
  border: 1px solid #fff;
  color: #000;
  font-size: 12px;
}

input.v-bar::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #687ea8;
}

input.v-bar::-moz-placeholder {
  /* Firefox 19+ */
  color: #687ea8;
}

input.v-bar:-ms-input-placeholder {
  /* IE 10+ */
  color: #687ea8;
}

input.v-bar:-moz-placeholder {
  /* Firefox 18- */
  color: #687ea8;
}

.voucher-bar .far {
  color: #ffffff;
}