﻿/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container{position:relative}
.jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative}
.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0;height:21px}
.jcarousel-next{z-index:3;display:none}
.jcarousel-prev{z-index:3;display:none}
.jcarousel-container{position:relative;width:352px;height:30px;overflow:hidden;padding:0 25px}
.jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative;width:352px}
.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0}
.jcarousel-list li,.jcarousel-item{float:left;list-style:none;height:20px;width:70px}
.jcarousel-list li a:link,.jcarousel-list li a:visited{width:70px;height:20px;text-align:center;color:#91a1a9;display:block;line-height:18px}
.jcarousel-list li a:hover,.jcarousel-list li.Active a:link,.jcarousel-list li.Active a:visited,.jcarousel-list li.Active a:hover{color:#a3bdca;background-position:0 -18px}
.jcarousel-next,.jcarousel-prev{z-index:2;display:none;position:absolute;width:25px;height:30px;cursor:pointer}
.jcarousel-next{right:0;background:url(../img1/next-btn.gif) no-repeat left top}
.jcarousel-next:hover{background-position:0 -30px}
.jcarousel-prev{left:0;background:url(../img1/prev-btn.gif) no-repeat left top}
.jcarousel-prev:hover{background-position:0 -30px}
.jcarousel-next-disabled,.jcarousel-prev-disabled,.jcarousel-next-disabled:hover,.jcarousel-prev-disabled:hover{background-position:0 -60px;cursor:default}
.nenmodal .nenmodal2{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.7);z-index:1;display:none}
.nenmodal .ndmodal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:#fff;width:600px;z-index:2;text-align:center;padding:20px;box-sizing:border-box;font-family:"Open Sans",sans-serif;border-radius:20px;display:block;position:fixed;box-shadow:0 0 10px #111}
@media (max-width: 700px) {
.nenmodal .ndmodal{width:90%!important;padding:20px 20px 10px}
.biglist{flex-direction:column;width:94%!important}
}
.nenmodal .closemodal{text-align:center;margin-top:-40px;margin-bottom:10px}
.titlemodal{font-weight:700;font-size:20px;margin-bottom:10px}
.closemodal button{width:40px;height:40px;font-size:30px;padding:0;border-radius:100%;background:#333;color:#fff;border:none}
.nenmodal.active .nenmodal2{display:block}
.nenmodal.active .ndmodal{transition:all 300ms ease-in-out;transform:translate(-50%,-50%) scale(1)}
.tablinks-container{display:flex;margin-top:20px}
.tablinks{cursor:pointer;padding:10px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;margin:10px;flex:1;text-align:center;font-weight:700}
.tabcontent{display:none}
.tabcontent.active{display:block;text-align:left}
.tablinks.active{background-color:#ccc}
#convertCoinBtn,#rechargeCoinBtn{float:left;padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;text-decoration:none;border-radius:5px}
#convertCoinBtn:hover,#rechargeCoinBtn:hover{background-color:#0056b3}