* {
  font-family: 'Kanit', sans-serif;
  color: #ffffff;  
}

body,
html {
  height: 100%;
  margin: 0px;
}

body{
    background-image: url("../img/bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* background-blend-mode: hard-light;
    background-color: #5c5c5c; */
    /* color: #ffff; */
    text-align: center;
    
}

/* btn nav */
.nav{
    margin-top: 20px;
    margin-left: 30px;
}

/* login styles start */

.logo-login{
  margin-top: 50px;
}

.logo-login img{ 
    width: 250px;
    text-align: center;
    position: relative;
    
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */

}

.form-login{
    text-align: center;
    position: relative;
    margin: 30px;
}

.form-login a{
  color: #ffffffff;
}

.form-login input  {
    width: 30%;
    padding: 12px 20px;
    margin: 10px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 1px 10px 10px 4px;
    box-sizing: border-box;
    color: #000000;
    
  }

 .form-login button {
    width: 20%;
    box-shadow: 0px 0px 10px 0px #fcf517;
    background-color:#000000;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 40px;
    cursor: pointer;
    text-decoration:none;
    margin: 30px;
  }
  
  .form-login button:hover {
    background: none;
    text-shadow: 0 0 10px #fcf517;
  }

  .form-login label{
    padding: 12px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 10px 0px 0px 10px;
    margin-right: -8px;
    background-color: #030345;
    box-sizing: border-box;
  }

  .key{
    padding: 12px 8px;
   
  }


  .bank{
    margin-top: 200px;
    text-align: center;
    
  }

  .bank img{
    width: 5%;
    margin-top: 5px;
    
  }




/* login styles end */

/* homepage */


.video-persent{
  margin-top: 30%;
  /* margin-left: 100px; */

}

.video-persent video{
  border: 1px solid #fcf517;
  border-radius: 15px;
  margin-left: 100px;
  
}

.cover-banner{
  background-color: #000000;
  padding-bottom: 10px;
  width: 100%;
  /* position: fixed; */
}

.logo-banner{
  position: relative;
  margin-top: 50px
}

.logo-banner img{
    width: 100%;
    text-align: center;
    position: relative;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}

.group-btn{
  text-align: center;
  
}

.btn{
  box-shadow: 0px 0px 10px 0px #fcf517;
	/* background:linear-gradient(to bottom, #070be6 5%, #02046e 100%); */
	background-color:#000000;
	border-radius:40px;
	border:1px solid #fcf517;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:19px;
	padding:12px 40px;
  text-decoration:none;
  top: 30px;
  
  width: 100%;
  margin-top: 20px;
  text-align: center;

}

.btn:hover{
  background: none;
  color: #f3f3f3;
}



/* game img */
/* .img-game img{
  width: 50%;
  margin-top: 150px;

  border: 1px solid #fae900;
  border-radius: 15px;
  box-shadow: 0 0 10px  #fcf517;
} */


.img-game img{
  width: 50%;
  margin-top: 100px;

  /* border: 1px solid #fae900;
  border-radius: 15px;
  box-shadow: 0 0 10px  #fcf517; */
}



/* contact us */

.tel {
  margin-top: -36px;
  float: right;
}

.myButton_nav {
  /* position: relative; */
  /* margin-top: 30px; */
  font-size: 0.9rem;
  border-radius: 40px;
  color: floralwhite;
  border: 2px solid #fae900;
  background: none;
  padding: 10px 22px;
  box-shadow: none;
  box-shadow: 0 0 5px #fcf517, 0 0 5px #fcf517, 0 0 5px #fcf517, 0 0 5px #fcf517;
  background-color: #000000;

  /* font-family: "Kanit", sans-serif; */
  text-align: center;
}

.myButton_nav:hover {
  background: linear-gradient(to bottom, #ffab23 5%, #f0dc5d 100%);
  background: none;
  color: #f3f3f3;
  text-shadow: 0 0 10px #fcf517;
}

.myButton_nav:active {
  position: relative;
  top: 1px;
}

.withdraw{
  margin-top: 50px;
  
}
.withdraw img{
  width: 50%;
  /* transform: translate(20%) */

}

#line{
  border-left: 4px solid #ffffff ;
}

.row{
  margin: 0 0 0 0;
}

#mobile{
  display: none;
}

.main_content{
  margin-top: 70px;
}

.content{
  margin-top: 50px;
}

.main_content .content_img img{
  width: 35%;
}


/* homepage end */


/* footer */

.footer{
  margin-top: 50px;
  text-align: center;
  background-color: #000000;
  padding: 10px 26px;
}

.footer .footer-2{
  margin-bottom: 0px;
  text-align: center;
}

.footer a{
  color: #ffffff;
  text-decoration: none;
}

.footer .footer-btn{
  display: none;
}

#videomobile{
  display: none;
}
#videopc{
  margin-top: 100px;
  
}

.video video{
  border: 2px solid #fcf517;
  border-radius: 20px;

}


.slot-game-pc{
  margin-bottom: 10px;
}

.slot-game-pc img{
  width: 5%;
}

.slot-game-pc img:hover{
  transform: scale(1.3);
  box-shadow: 0px 0px 5px 5px #fcf517;
  border-radius: 50px;
}




.menu_mobile {
  display: none;
}


/* footer end */



/* icon */
@font-face {
  font-family: 'icomoon';
  src:  url('icomoon.eot');
  src:  url('icomoon2.eot') format('embedded-opentype'),
    url('icomoon.ttf') format('truetype'),
    url('icomoon.woff') format('woff'),
    url('/selection.json') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-aff-link:before {
  content: "\e900";
}
.icon-dics:before {
  content: "\e901";
}
.icon-line:before {
  content: "\e902";
  
}
.icon-pokerchip:before {
  content: "\e903";
}
.icon-withdraw:before {
  content: "\e904";
}
.icon-home3:before {
  content: "\e905";
}
.icon-dice:before {
  content: "\e915";
}
.icon-bullhorn:before {
  content: "\e91a";
}
.icon-user:before {
  content: "\e971";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-key:before {
  content: "\e98d";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-enter:before {
  content: "\ea13";
}

/* icon end */


/* animetion */


#btn-pc {
  position: relative;
  animation-name: anime_btn;
  animation-duration: 1s;
}

@keyframes anime_btn {
  0%   { opacity: 0%; top: 10px;}
  100% { opacity:100%; top: 0px;}
}