@charset "utf-8";
body {
    font-size: 0.8571rem;
    color: rgba(255,255,255,.85);
    letter-spacing: 0px;
    margin: 0;
}
ul li {list-style: none;}
.ladder_container{position: relative;width:830px;height:640px;overflow: hidden;}
.start_animation {position: absolute;width: 100%;height: 100%;z-index: 1;/* background-image: url("../assets/img/jabara_dari/lighting.gif"); */}
.top_left_off {position: absolute;top: 0;left: 0;width: 40%;height: 40%;background-image: url("../assets/img/dice/flash_L_off.png");background-size: auto 100%;background-repeat: no-repeat;}
.top_left_on {
  position: absolute;
  top: 5px;
  left: -6px;
  width: 40%;
  height: 40%;
  display: none;
  background-size:100%;
  background-repeat: no-repeat;
  animation-name: flash_L;
  animation-duration: .4s;
  animation-iteration-count: infinite;
  -webkit-animation-name: flash_L;
  -webkit-animation-duration: .4s;
  -webkit-animation-iteration-count: infinite;
}
.top_right_off {position: absolute;top: 0;right: 0;width: 40%;height: 40%;background-image: url("../assets/img/dice/flash_R_off.png");background-size:100%;background-repeat: no-repeat;}
.top_right_on {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 40%;
  display: none;
  background-size:100%;
  background-repeat: no-repeat;
  animation-name: flash_R;
  animation-duration: .4s;
  animation-iteration-count: infinite;
  -webkit-animation-name: flash_R;
  -webkit-animation-duration: .4s;
  -webkit-animation-iteration-count: infinite;
}


@keyframes flash_L {
  from{background-image: url("../assets/img/dice/flash_L_on_1.png");}
  to {background-image: url("../assets/img/dice/flash_L_on_2.png");}
}


@keyframes flash_R {
  from{background-image: url("../assets/img/dice/flash_R_on_1.png");}
  to {background-image: url("../assets/img/dice/flash_R_on_2.png");}
}

.floor_light_off {position: absolute;bottom: 0;width: 100%;height: 50%;/* background-image: url(../assets/img/jabara_dari/floor_light_off.png); */background-size: 100%;background-position-x: center;background-repeat: no-repeat;}
.floor_light_on {
  position: absolute;
  left: 10%;
  bottom: 0;
  width: 80%;
  height: 50%;
  margin: 0 auto;
  /* display: none; */
  background-image: url(../assets/img/dice/floor_light_on.png);
  background-size:100%;
  background-position-x: center;
  background-repeat: no-repeat;
  animation-name: floor_on;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  -webkit-animation-name: floor_on;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
}


@keyframes floor_on {
  from{opacity: 0} to {opacity: 1}
}

.end_animation {position: absolute;width: 100%;height: 100%;z-index: 1;background-size: 100%;}
.end_animation .bulb_box {position: relative;top: 0;left: 0;width: 100%;height: 100%;}
.end_animation .bulb_box div {
  position: absolute;
  border-radius:50%;
  background: rgb(160 226 255);
  box-shadow: 0px -13px 20px 10px rgb(160 226 255);
  animation-name: bounce;
  animation-duration: 1.84s;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce;
  -webkit-animation-duration: 1.7s;
  -webkit-animation-iteration-count: infinite;
}
 

.end_animation .bulb_box div:nth-child(6) {width: 1rem;height: 0.7rem;margin: 36.5% 11% 0;animation-delay: 3.84s;}
.end_animation .bulb_box div:nth-child(5) {width: 0.9rem;height: 0.6rem;margin: 28.5% 14.5% 0;animation-delay: 3.77s;}
.end_animation .bulb_box div:nth-child(4) {width: 0.8rem;height: 0.55rem;margin: 23% 18.9% 0;animation-delay: 3.7s;}
.end_animation .bulb_box div:nth-child(3) {width: 0.7rem;height: 0.51rem;margin: 18.5% 24.5% 0;animation-delay: 3.63s;}
.end_animation .bulb_box div:nth-child(2) {width: 0.59rem;height: 0.4rem;margin: 14.7% 31.5% 0;animation-delay: 3.56s;}
.end_animation .bulb_box div:nth-child(1) {width: 0.5rem;height: 0.35rem;margin: 11.9% 39.5% 0;animation-delay: 3.49s;}
.end_animation .bulb_box div:nth-child(7) {width: 1rem;height: 0.7rem;margin: 36.5% 87.2% 0;animation-delay: 3s;}
.end_animation .bulb_box div:nth-child(8) {width: 0.9rem;height: 0.6rem;margin: 28.5% 83.5% 0;animation-delay: 3.07s;}
.end_animation .bulb_box div:nth-child(9) {width: 0.8rem;height: 0.55rem;margin: 23% 79.6% 0;animation-delay: 3.14s;}
.end_animation .bulb_box div:nth-child(10) {width: 0.7rem;height: 0.51rem;margin: 17.5% 73.0% 0;animation-delay: 3.21s;}
.end_animation .bulb_box div:nth-child(11) {width: 0.59rem;height: 0.4rem;margin: 14.3% 67% 0;animation-delay: 3.28s;}
.end_animation .bulb_box div:nth-child(12) {width: 0.5rem;height: 0.35rem;margin: 12.1% 60.5% 0;animation-delay: 3.35s;}
.end_animation .bulb_box div:nth-child(13) {width: 0.5rem;height: 0.35rem;margin: 10.7% 50.5% 0;animation-delay: 3.42s;}

@keyframes bounce {
  0% {opacity:1}
  50% {opacity:1}
  100% {opacity:0.3}
}



.switch_container{position: absolute;top: 0;width: 100%;height: auto;overflow: hidden;z-index: 1;}
.switch{position: absolute;top: 0.8rem;right: 0.8rem;width: 3rem;height: 3rem;background-image: url("../assets/img/dice/SoundOff.png");background-repeat: no-repeat;background-size: contain;cursor: pointer;z-index: 1;}
.switch_container .title {width: 390px;height: 115px;position: relative;margin: 7px auto;background-image: url(../assets/img/dice/title.png);background-repeat: no-repeat;background-size: contain;cursor: pointer;}
.switch_container .intv {width: 100%;top: 95px;font-size: 13px;text-shadow: 0 0 4px BLACK;position: absolute;/* color: rgba(255, 235, 59, 0.85); */}


.font-6px{transform: scale(0.91);font-size: 12px;}
.clock_container {position: absolute;width: 100%;height: 10%;top: 13%;text-align: center;display: flex;justify-content: center;align-items: center;z-index: 1;}
.clock {font-size: 14px;text-align: center;color: #eee;}
.game_container{position: relative;width: 100%;height: 100%;overflow: hidden;}
.game {position:relative;float: left;width: 100%;height:100%;text-align: center;display: flex;justify-content: center;align-items: center;}
#canvas {width:100%;height:100%;      }
.percentages {position: absolute;top: 50%;left: 5px;width: 15%;height: 20%;}
.percentages .percentage{float: left;width: 100%;height: 45%;margin-bottom: 5%;position: relative;}
.l_bar{position: relative;width: 100%;height: 40%;overflow: hidden;margin-bottom: 5%;display: flex;justify-content: center;align-items: center;}
.l_bar .l_p_bar{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 112, 202, 0.7);border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.l_bar .l_p_text, .r_bar .r_p_text {width: 100%;height: 100%;font-size: 0.8571rem;color: #FFC107;padding-right: 10px;display: flex;align-items: center;justify-content: flex-end;z-index: 1;}
.per_1 {width: 100%;height: 100%;font-size: 0.8571rem;color: #FFC107;padding-left: 5px;display: flex;align-items: center;justify-content: flex-start;z-index: 1;}

.middle{position: absolute;top: 0%;left: 0;width: 15%;height: 100%;background: url(../assets/img/dice/start_e.png) 100% center;background-size: contain;background-repeat: no-repeat;z-index: 1;}
.middle2 {background-image: url("../assets/img/dice/lines_e.png");}
.middle3 {background-image: url("../assets/img/dice/end_e.png");}
.r_bar{position: relative;width: 100%;height: 40%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.r_bar .r_p_bar{left: 0;background: rgba(189, 45, 0, 0.7);position: absolute;width: 100%;height: 100%;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.game .info {position: absolute;top: 38%;width: 100%;text-align: center;height: 16%;border-radius:0;display: none;z-index: 3;}
.game .info .timer {margin: 0 auto;width: 55%;height: 100%;line-height: 105px;background-image:url("../assets/img/dice/round_bar.png");background-size: 100% 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.game .info .timer .gauge {position: relative;width: 100%;height: 70%;background: rgb(0, 0, 0) url(../assets/img/dice/bg_time_gauge.png);background-size: auto 100%;display: block;display: flex;justify-content: center;align-items: center;z-index: 0;}
.game .info .timer .text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: white;text-align: center;font-size: 1.2rem;font-weight: 600;display: flex;justify-content: center;align-items: center;}
/*.game .info .star_left {
    position: absolute;
    left: 15%;
    top: -8%;
    right: 15%;
    width: 13%;
    height: 100%;
    background: url(../assets/img/dice/star_L.png);
    background-size: 100%;
}
.game .info .star_right {
    position: absolute;
    top: -8%;
    right: 15%;
    width: 13%;
    height: 100%;
    background: url(../assets/img/dice/star_R.png);
    background-size: 100%;
}*/

.countdown {
  position: absolute;
  top:50%;
  right: 5%;
  margin-top: -9%;
  width: 4.2rem;
  height: 4.2rem;
  padding: 1px;
  justify-content: center;
  align-items: center;
  overflow:hidden;
  display: none;
  background-size: cover;
  animation-name: countdown;
  animation-duration: 5s;
  -webkit-animation-name: countdown;
  -webkit-animation-duration:5s;
}

@keyframes countdown {
0%{background: url(../assets/img/dice/5.png) center no-repeat;}  
25%{background: url(../assets/img/dice/4.png) center no-repeat;}
50% {background: url(../assets/img/dice/3.png) center no-repeat;}
75% {background: url(../assets/img/dice/2.png) center no-repeat;}
90% {background: url(../assets/img/dice/1.png) center no-repeat;}
100% {background: url() center no-repeat;}
}

.countdown ._loader {
  position: relative;
  margin: 0;
  border: 5px solid #79797900;
  border-radius: 50%;
  border-bottom: solid 5px rgb(255, 235, 59);
  border-left: solid 5px #03A9F4;
  border-right: solid 5px #9E9E9E;
  border-top: solid 5px #8BC34A;
  width: 3.5rem;
  height: 3.5rem;
   -webkit-animation: spin 1s cubic-bezier(0.92, 0.02, 0.68, 0.83) infinite; 
  -moz-animation: spin 1s cubic-bezier(0.92, 0.02, 0.68, 0.83) infinite;
  -ms-animation: spin 1s cubic-bezier(0.92, 0.02, 0.68, 0.83) infinite;
  -o-animation: spin 1s cubic-bezier(0.92, 0.02, 0.68, 0.83) infinite;
   animation: spin 1s cubic-bezier(0.92, 0.02, 0.68, 0.83) infinite; 
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.left_on {
    animation-name: star_left;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-name: star_left;
    -webkit-animation-duration:1;
    -webkit-animation-iteration-count: infinite;    
}
.right_on {
    animation-name: star_right;
    animation-duration: 1s;
     animation-iteration-count: infinite;
    -webkit-animation-name: star_right;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count: infinite;     
}
.left_off, .right_off{}

@keyframes star_left {
from{background-image: url(../assets/img/dice/star_L.png);}
to {background-image: url(../assets/img/dice/star_L_on.png);}
}

@keyframes star_right {
from{background-image: url(../assets/img/dice/star_R.png);}
to {background-image: url(../assets/img/dice/star_R_on.png);}
}
.result_container {
  position: absolute;
  width:0%;
  height:0%;
  text-align: center;
  background: url(../assets/img/dice/resule_bg.png) center no-repeat;
  background-size: contain;
  overflow: hidden;
  /* display:none; */
  /* opacity: 0; */
  z-index: 1;
  transform: rotate(-720deg );
  animation-delay: 1s;
  animation-name: result_win;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}

@keyframes result_win {
from{display:block;top:50%;left:50%;}
to {width: 100%;height: 100%;top:0;left:0;opacity: 1;}
}

.result {width: 100%;height: 40.33%;margin:20% auto;color:white;font-size: 2.5rem;line-height:4.5rem;font-weight:bold;text-align: center;display:none;}
.result img {width: 4rem;height: 4rem;}
.history_box {position: absolute;bottom: 0;width: 100%;height: 107px;padding: 0;overflow: hidden;z-index: 1;}
.history {display: inline-flex;width: 830px;height: 98%;padding: 0;justify-content: flex-end;}
.history {-ms-overflow-style: none;scrollbar-width: none;}
.history::-webkit-scrollbar {display: none;}
.nicescroll-cursors {border:none !important;}

.history ul {display: inline-flex;padding: 0;margin: 0;height: 100%;white-space: nowrap;overflow-y: hidden;overflow-x: auto;justify-content: flex-start;}    
.history ul li {width: 30px;height: auto;padding: 1px;/* overflow: hidden; */margin: 0;background: rgb(12 16 40);}
.history ul li:nth-child(2n) {}    
.history_item {height: 100%;width: 100%;text-align: center;border: solid 0.5px #0d648c;overflow: hidden;}
.history_round{width: 100%;height: 18px;/* float: left; */color: #ffffff;font-size: 12px;background: rgb(0 0 0 / 50%);}
.history_icon:nth-child(n){}
.history_icon img{width: 23px;height: auto;}
.history_icon:nth-child(n) .dice_point{position: relative;margin-right:2px;display: flex;justify-content: center;align-items: center;}

div#loading {position: relative;width: 100%;height: 100%;background-color: black;color: white;font-size: 15px;line-height: 200px;text-align: center;}

.top_light {position: absolute;top:0px;width: 100%;height: 50%;overflow: hidden;z-index: 1;text-align: center;}
.top_light .top_light_left {position: relative;float: left;width: 50%;height: 100%;background-image: url(../assets/img/dice/top_light_left.png);background-size: 100% 100%;
  animation-name: t_l_left;
  animation-delay: 1.5s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  -webkit-animation-name: t_l_left;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;  
}

@keyframes t_l_left {
0% {background-image: url(../assets/img/dice/top_light_left.png);}
50% {background-image: url(../assets/img/dice/top_light_left1.png);}
100% {background-image: url(../assets/img/dice/top_light_left.png);}
}

.top_light .top_light_right {position: relative;float: left;width: 50%;height: 100%;background-image: url(../assets/img/dice/top_light_right.png);background-size: 100% 100%;
  animation-name: t_l_right;
  animation-delay: 1.5s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  -webkit-animation-name: t_l_right;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;  
}

@keyframes t_l_right {
0% {background-image: url(../assets/img/dice/top_light_right.png);}
50% {background-image: url(../assets/img/dice/top_light_right1.png);}
100% {background-image: url(../assets/img/dice/top_light_right.png);}
}




.bottom_light {position: absolute;bottom:0px;width: 100%;height: 50%;overflow: hidden;z-index: 1;text-align: center;}
.bottom_light .bottom_light_left {position: relative;float: left;width: 50%;height: 100%;background-image: url(../assets/img/dice/bottom_light_left.png);background-size: 100% 100%;
  animation-name: b_l_left;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  -webkit-animation-name: b_l_left;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;  
}

@keyframes b_l_left {
0% {background-image: url(../assets/img/dice/bottom_light_left.png);}
50% {background-image: url(../assets/img/dice/bottom_light_left1.png);}
100% {background-image: url(../assets/img/dice/bottom_light_left.png);}
}

.bottom_light .bottom_light_right {
position: relative;
float: right;
width: 50%;
height: 100%;
background-image: url(../assets/img/dice/bottom_light_right.png);
background-size: 100% 100%;      
animation-name: b_r_right;
animation-duration: 3s;
animation-iteration-count: infinite;
-webkit-animation-name: b_r_right;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;  
}

@keyframes b_r_right {
0% {background-image: url(../assets/img/dice/bottom_light_right.png);}
50% {background-image: url(../assets/img/dice/bottom_light_right1.png);}
100% {background-image: url(../assets/img/dice/bottom_light_right.png);}
}


.history_box_on {
  position: absolute;
  display: none;
  bottom: 0;
  right: 5px;
  width: 90px;
  height: 32px;
  border-radius: 3px;
  /* background-image: url(../assets/img/dice/history_box_on.png); */
  cursor: pointer;
  z-index: 1;
}
.history_box_off {
  position: absolute;
  right: 5px;
  width: 90px;
  height: 32px;
  display:black; 
  bottom:105px;
  border-radius: 3px;
  cursor: pointer;
  z-index: 1;  
  background-image: url(../assets/img/dice/history_box_off.png);
}

.gmImg {
    display: block;
    position: absolute;
    background-image: url(../assets/img/dice/img.png);
    cursor: pointer;
}

.topbtnBox {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.topbtnBox button {
    top: 40px;
    width: 45px;
    height: 45px;
    background-color: transparent;
    border: none
}

.topbtnBox .btn_ranking {
    left: 40px;
    background-position: 0 -67px
}

.topbtnBox .btn_mypick {
    left: 95px;
    background-position: -45px -67px
}

.topbtnBox .btn_help {
    right: 130px;
    background-position: -90px -67px
}

.topbtnBox .btn_scrap {
    right: 80px;
    background-position: -135px -67px
}

.topbtnBox .btn_sound {
    right: 30px;
    background-position: -180px -67px
}

.topbtnBox .btn_sound.off {
    background-position: -225px -67px
}

.popupbg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    overflow: hidden;
    z-index: 5;
}

.popuplayer {
    position: absolute;
    top: 0;
    right: 15px;
    width: 800px;
    z-index: 1500;
    background-color: #1b2429;
    box-sizing: border-box;
    padding-bottom: 10px
}

.popuplayer h2 {
    display: flex;
    align-items: center;
    justify-content: left;
    position: relative;
    background-position: 0 -125px;
    background-color: #0d3443;
    color: #fff;
    padding: 0 30px;
    height: 75px;
    font-weight: 700;
    letter-spacing: -1px
}

.popuplayer h3 {
    display: flex;
    align-items: center;
    justify-content: left;
    position: relative;
    height: 30px;
    background-position: 0 -141px;
    margin: 10px 0;
    padding: 0 20px;
    color: #4ab1c4;
    font-weight: 700;
    letter-spacing: -1px
}

.popuplayer ul.thlep {
    padding: 0 30px;
    margin: 0
}

.popuplayer .rankingScroll {
    display: none;
    height: 228px;
    margin: 25px 30px 10px;
    overflow: hidden;
    overflow-y: scroll
}

.popuplayer .mypickScroll {
    display: none;
    height: 228px;
    margin: 25px 30px 10px;
    overflow: hidden;
    overflow-y: scroll
}

.popuplayer .lodingBox {
    height: 228px;
    margin: 25px 30px 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.popuplayer ul.thlep li {
    line-height: 20px;
    color: #839299;
    font-size: 12px;
    letter-spacing: -1px
}

.popuplayer ul.mrank,.popuplayer ul.trank {
    padding-right: 15px
}

.popuplayer ul.mrank li,.popuplayer ul.trank li {
    display: flex;
    height: 40px;
    margin-bottom: 7px;
    border-radius: 5px;
    background-color: #131313;
    align-items: center;
    justify-content: left
}

.popuplayer ul.mrank li .col,.popuplayer ul.trank li .col {
    display: flex;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-left: 1px solid rgba(255,255,255,.1);
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    letter-spacing: -1px
}

.popuplayer ul.mrank li .col:first-child,.popuplayer ul.trank li .col:first-child {
    border: none
}

.popuplayer ul.trank li .rankNum {
    width: 55px
}

.popuplayer ul.trank li .rankNum .rankicon {
    position: relative;
    width: 23px;
    height: 22px
}

.popuplayer ul.trank li .rankNum .rankicon.r1 {
    background-position: -270px -67px
}

.popuplayer ul.trank li .rankNum .rankicon.r2 {
    background-position: -293px -67px
}

.popuplayer ul.trank li .rankNum .rankicon.r3 {
    background-position: -316px -67px
}

.popuplayer ul.trank li .nickBox {
    justify-content: left;
    width: 152px;
    padding: 0 12px
}

.popuplayer ul.trank li .nickBox .nick {
    margin-left: 3px
}

.popuplayer ul.trank li .pickRow {
    width: 69px
}

.popuplayer ul.trank li .pickRate {
    width: 130px;
    letter-spacing: 0
}

.popuplayer .mypickStats .rate .red,.popuplayer ul.mrank li .red,.popuplayer ul.trank li .red {
    color: #fe5e3a
}

.popuplayer .mypickStats .rate .blue,.popuplayer ul.mrank li .blue,.popuplayer ul.trank li .blue {
    color: #4695d7
}

.popuplayer ul.mrank li .gray {
    color: #7d7b7c
}

.popuplayer ul.trank li .todayMsg {
    justify-content: left;
    flex: 1;
    padding: 0 12px
}

.popuplayer ul.trank li .roomChat {
    width: 60px
}

.popuplayer ul.mrank li .round {
    width: 150px;
    letter-spacing: 0
}

.popuplayer ul.mrank li .mypick,.popuplayer ul.mrank li .category {
    width: 140px;
    letter-spacing: 0
}

.popuplayer ul.mrank li .result {
    flex: 1;
    color: #
}

.popuplayer .mypickStats {
    display: none;
    height: 50px;
    border-top: 1px solid #0a2833;
    border-bottom: 1px solid #0a2833;
    background-color: #114153;
    align-items: center;
    justify-content: center
}

.popuplayer .mypickStats .nickBox {
    margin-right: 20px;
    color: rgba(255,255,255,.5)
}

.popuplayer .mypickStats .nickBox .nick {
    color: #fff;
    font-weight: 700
}

.popuplayer .mypickStats .rate {
    color: #fff;
    margin-right: 20px
}

.popuplayer .default {
    line-height: 20px;
    color: #839299;
    font-size: 12px;
    letter-spacing: -1px;
    padding: 15px 30px 0
}

.popuplayer .default.btm {
    padding: 0 30px 15px
}

.popuplayer .codebox {
    display: flex;
    border-radius: 5px;
    padding: 10px;
    align-items: center;
    justify-content: center;
    background-color: #110803;
    margin: 10px 30px
}

.popuplayer .codebox p {
    flex: 1;
    word-break: break-all;
    color: #4ab1c4;
    font-family: Tahoma,Helvetica,sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    padding: 10px 20px 10px 10px;
    margin-right: auto;
    text-align: left;
    margin-top: 15px
}

.popuplayer .codebox button {
    width: 145px;
    height: 45px;
    border-radius: 5px;
    background-color: #0d3443;
    color: #fff;
    font-weight: 700;
    border: none;
}

.popuplayer button.layer_close {
    z-index: 1;
    top: 22px;
    right: 22px;
    width: 31px;
    height: 31px;
    background-color: transparent;
    border: none;
    background-position: -175px -28px
}

.popuplayer button.arrow_close {
    position: relative;
    width: 14px;
    height: 7px;
    background-position: -206px -28px;
    margin: 0 auto
}

#ascrail2000 {display: none !important;}
@media all and (max-width:779px){

}
@media all and (max-width:611px){

}
@media all and (max-width:425px){
   
}
@media all and (max-width:422px){

}
@media all and (max-width:386px){


}
@media all and (max-width:331px){


}