body {background-color: #000000; font-family: 'Kanit', sans-serif; color:#fff; }

a:hover {text-decoration: none}
a:link , a:visited {color:#fff;}

.fc-black {color:#000}
.bg-black{background-color:rgba(0,0,0,0.8);}
.img-blur {filter: blur(8px);}

.bg-gold-g {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5b84c+0,ffe799+50,ffde6f+100 */
background: #e5b84c; /* Old browsers */
background: -moz-linear-gradient(left, #e5b84c 0%, #fbdc63 50%, #e5b84c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e5b84c 0%,#fbdc63 50%,#e5b84c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e5b84c 0%,#fbdc63 50%,#e5b84c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdc63', endColorstr='#e5b84c',GradientType=1 ); /* IE6-9 */}

.border-gold {border:1px solid #e5b84c;}

.topmenu {padding:15px;}
.topmenu a {color:#000;}
.topmenu ul {
  list-style: none;
}

.topmenu ul li {
  float: left;
}
.topmenu ul li a {
  padding: 8px 30px;
  text-align: center;
}

.regis-btn {
  text-align: center;
  padding: 10px 0px;
  margin-top: -10px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

.regis-btn a:hover {
  color: #fff;
}

.regis-btn:nth-child(1) {
  filter: hue-rotate(290deg);
}

.regis-btn:nth-child(3) {
  filter: hue-rotate(110deg);
}

.regis-btn:hover {
  background: #CF0404;
  box-shadow: 0 0 5px #CF0404,
    0 0 25px #CF0404,
    0 0 50px #CF0404,
    0 0 200px #CF0404;
  color: #050801;
}

.regis-btn span {
  display: block;
  position: absolute;
}

.regis-btn span:nth-child(1) {
  animation: animate1 1s linear infinite;
  background: linear-gradient(90deg, transparent, #CF0404);
  height: 3px;
  left: -100%;
  top: 0;
  width: 100%;
}

@keyframes animate1 {
  0% {
    left: -100%;
  }

  50%,
  100% {
    left: 100%;
  }
}

.regis-btn span:nth-child(2) {
  animation: animate2 1s linear infinite;
  animation-delay: 0.25s;
  background: linear-gradient(180deg, transparent, #CF0404);
  height: 100%;
  top: -100%;
  right: 0;
  width: 3px;
}

@keyframes animate2 {
  0% {
    top: -100%;
  }

  50%,
  100% {
    top: 100%;
  }
}

.regis-btn span:nth-child(3) {
  animation: animate3 1s linear infinite;
  animation-delay: 0.5s;
  background: linear-gradient(270deg, transparent, #CF0404);
  bottom: 0;
  height: 3px;
  right: -100%;
  width: 100%;
}

@keyframes animate3 {
  0% {
    right: -100%;
  }

  50%,
  100% {
    right: 100%;
  }
}

.regis-btn span:nth-child(4) {
  animation: animate4 1s linear infinite;
  animation-delay: 0.75s;
  background: linear-gradient(360deg, transparent, #CF0404);
  bottom: -100%;
  height: 100%;
  left: 0;
  width: 3px;
}

@keyframes animate4 {
  0% {
    bottom: -100%;
  }

  50%,
  100% {
    bottom: 100%;
  }
}

.log-btn {
  text-align: center;
  padding: 10px 7px;
  margin-top: -10px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
}

.log-btn a:hover {
  color: #fff;
}

.log-btn:nth-child(1) {
  filter: hue-rotate(290deg);
}

.log-btn:nth-child(3) {
  filter: hue-rotate(110deg);
}

.log-btn:hover {
  background: #E200F7;
  box-shadow: 0 0 5px #E200F7,
    0 0 25px #E200F7,
    0 0 50px #E200F7,
    0 0 200px #E200F7;
  color: #fff;
}

.log-btn span {
  display: block;
  position: absolute;
}

.log-btn span:nth-child(1) {
  animation: animate1 1s linear infinite;
  background: linear-gradient(90deg, transparent, #EE75F4);
  height: 3px;
  left: -100%;
  top: 0;
  width: 100%;
}

@keyframes animate1 {
  0% {
    left: -100%;
  }

  50%,
  100% {
    left: 100%;
  }
}

.log-btn span:nth-child(2) {
  animation: animate2 1s linear infinite;
  animation-delay: 0.25s;
  background: linear-gradient(180deg, transparent, #EE75F4);
  height: 100%;
  top: -100%;
  right: 0;
  width: 3px;
}

@keyframes animate2 {
  0% {
    top: -100%;
  }

  50%,
  100% {
    top: 100%;
  }
}

.log-btn span:nth-child(3) {
  animation: animate3 1s linear infinite;
  animation-delay: 0.5s;
  background: linear-gradient(270deg, transparent, #EE75F4);
  bottom: 0;
  height: 3px;
  right: -100%;
  width: 100%;
}

@keyframes animate3 {
  0% {
    right: -100%;
  }

  50%,
  100% {
    right: 100%;
  }
}

.log-btn span:nth-child(4) {
  animation: animate4 1s linear infinite;
  animation-delay: 0.75s;
  background: linear-gradient(360deg, transparent, #EE75F4);
  bottom: -100%;
  height: 100%;
  left: 0;
  width: 3px;
}

@keyframes animate4 {
  0% {
    bottom: -100%;
  }

  50%,
  100% {
    bottom: 100%;
  }
}

.navbar-toggler {border:1px solid #000;}
.navbar-toggler-icon {color: #000; padding-top:5px}
.nav-link {color:#000}

.bg-jackpot{z-index:3;position:absolute;margin-top:-57px;margin-left:250px;}
.bg-jackpot-xs{width:100%;z-index:4;position:relative; top:-0px}
.text-jackpot{position:relative;z-index:200;text-align:right;margin-right:385px;font-size:1.9em;}
.text-jackpot-xs{position:relative;z-index:200;top:38px;margin-left:165px;font-size:1.2em;}
.line-gold{height:8px;background-color:#ffc500;width:100%;}


.fc-gold-g{background:#fceabb;background:-moz-linear-gradient(top, #fceabb 0%, #fceabb 40%, #f8b500 41%, #f9efd4 100%);background:-webkit-linear-gradient(top, #fceabb 0%, #fceabb 40%, #f8b500 41%, #f9efd4 100%);background:linear-gradient(to bottom, #fceabb 0%, #fceabb 40%, #f8b500 41%, #f9efd4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#f9efd4', GradientType=0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;filter:drop-shadow(2px 2px #000);}


.bg-install-g {background:#fceabb;background:-webkit-linear-gradient(to top, #e5b84c, #fbdc63);background:linear-gradient(to top, #e5b84c, #fbdc63);color:#000;text-align:center;border:1px solid rgba(255, 255, 255, 0.3);border-radius:5px;margin-top:5px;padding:5px;width:90%;font-weight:700;filter:drop-shadow(2px 2px 2px #000);cursor:pointer;}

.therotate {transition-property: all;
            transition-delay: 0.1s;
            transition-duration: 0.2s;
            transition-timing-function: linear;
           }

.therotate:hover {
                  transform:scale(1.05);
                }

.accordion {
  color:black;
  cursor: pointer;
  padding: 18px;
  width : 100%;
  text-align: left;
  outline: none;
  transition: 0.8s;
  -webkit-transition:0.8s;
  background-color: transparent;
            }

.accordion ul li a {
  font-weight: lighter;
                }

.active, .accordion:hover {
  background-color: transparent;
                }

.accordion:after {
  content: '\002B';
  color: black;
  font-weight: bold;
  float: right;
  margin-left: 5px;
                }



.panel {
  padding: 0 18px;
  background-color: transparent;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
        }



.open-button {
  background-color: #3ace01;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  position: fixed;
  bottom: 23px;
  right: 47px;
  width: 280px;
}

.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  z-index: 9;
  margin-left: 5px;
}

.form-container {
  max-width: 350px;
  padding: 10px;
  margin-left: 5px;
}

.form-container textarea {
  width: 100%;
  padding: 15px;
  margin-left: 5px;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 200px;
}

.form-container .btn {
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 280px;
  position: fixed;
  bottom: 23px;
  right: 47px;
  width: 280px;
}

.form-container .cancel {
  background-color: red;
}

.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

.logo {
  width: 150px;
  margin: 0 auto;
  position: relative;

}

.adjust-mg {
  margin-top: 50px;
  margin-left: -70px;
}

.bottom-menu-1 ul {
  padding-inline-start: 0px;
}

.bottom-menu-1 ul li {
  padding: 6px;
  list-style: none;
  color: #000;
}

.bottom-menu-1 a {
  color: #000;
}



.bottom-menu-2 ul {
  padding-inline-start: 0px;
}

.bottom-menu-2 ul li {
  padding: 6px;
  list-style: none;
  color: #000;
}

.bottom-menu-2 a {
  color: #000;
}

.text-black {
  color: #000;
}