*{font-family:sans-serif;box-sizing:border-box}p{margin:0}body{background-image:url(bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover}a:hover{text-decoration:none;color:#fff}.container{width:100%;margin-left:auto;margin-right:auto}.adv{justify-content:center;display:flex;flex-wrap:wrap}img{vertical-align:middle;border-style:none}.title{display:flex;justify-content:center}.title-text{color:#fff;font-size:2.5rem}.slot{display:block}.slot .slot-sidebar{padding-right:10px;padding-left:0;margin-top:5px;background-color:#000;float:none!important;width:100%!important;flex:none!important;max-width:100%!important;padding-right:0!important}.btn-provider:hover img{filter:brightness(1) invert(0)}.slot-sidebar-nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;padding-left:0;margin-bottom:0;list-style:none}.slot-sidebar-nav>li {
    border-bottom: 1px solid #0092b1;
    width: 100%;
    position: relative;
    display: block;
    border-bottom: none;
    padding: 6px;
    background: linear-gradient(180deg,#68480b 0,#cdbb71 21%,#fdf19b 32%,#fcf299 38%,#ab954c 69%,#8a6f2c 83%,#6f5010)
}

.slot-sidebar-nav>li>a {
    color: #fff;
    font-size: 13px;
    padding: 7px 10px;
    display: block;
    background-color: #000
}.btn-provider{text-align:center;display:block}.enter{display:none}.btn-provider span{position:unset}.active{background-color:#0092b1}.slot .content{float:none;width:100%;padding:0;flex:0 0 100%;max-width:100%}.wrapper{width:100%;padding:0;white-space:nowrap;overflow:hidden;position:relative;z-index:0}.card{float:left;width:16.666666666666%;border:none;text-align:center;position:relative;background:0 0}.card-content{margin:7px;color:#fff;font-size:12px;border:none;overflow:hidden;position:relative;background:#000;border-radius:25px;padding-bottom:10px}.percent{height:27px;display:flex;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;position:relative;z-index:1;border-radius:18px;width:90%;margin:0 auto}.percent p{z-index:15;position:absolute;text-align:center;width:100%;font-size:14px;font-weight:700;transform:translateY(14px);color:#000}.percent-bar{background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;transition:width .6s ease;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;z-index:10}.yellow{background-color:#ffc107}.green{background-color:#28a745}.red{background-color:#dc3545}.hover-btn{position:absolute;opacity:0;background-color:rgba(0,0,0,.9);transition:all .1s ease-in-out;z-index:10;width:100%;height:87%}.maintenance{position:absolute;background-color:rgba(0,0,0,.5);z-index:10;width:100%;height:100%;color:#fff;text-align:center;margin:-6px}.maintenance p{position:relative;top:40%;font-size:13px}.play-btn{font-size:15px;text-decoration:none;color:#fff;text-align:center;align-items:center;margin-top:42%;padding:8px;display:block;margin-left:30px;margin-right:30px;margin:42% 30px;background:linear-gradient(to right,#4582b4 0%,#305d82 100%);border-radius:18px;transition:all .3s ease}.play-btn:hover{background:linear-gradient(to left,#4582b4 0%,#305d82 100%)}.img-zoom{width:95%!important;transition:all .45s ease-in-out;border-radius:20px;height:180px;}.ygg-img{border:5px solid #2f2f2f}.hover-btn:hover{opacity:100%}.hover-btn:hover~.img-zoom{position:relative}.long{display:none}.short{display:none}.next-btn{width:15%}.mySlides{display:none}.next-btn{background: linear-gradient(180deg,#68480b 0,#cdbb71 21%,#fdf19b 32%,#fcf299 38%,#ab954c 69%,#8a6f2c 83%,#6f5010);border:none;color:#000}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(max-width:992px){.slot-sidebar-nav{flex-wrap:nowrap}.slot-sidebar{float:none!important;width:100%!important;flex:none!important;max-width:100%!important;padding-right:0!important}.content{float:none!important;width:100%!important;flex:none!important;max-width:100%!important}.card{width:33.3%!important}.hover-btn{display:none}.hover-btn:hover~.img-zoom{transform:scale(1);position:relative}.btn-provider{text-align:center;display:block}.enter{display:block}.btn-provider span{position:unset}.btn-provider i{margin:0}.slot-sidebar-nav li{border-bottom:none}.slot-sidebar-nav li a p{font-size:5px}.img-zoom{height:auto}.slot-sidebar-nav li a img{height:17.5px!important}.maintenance p{font-size:5px}}
.link-container {
    display: flex;
    justify-content: center;
    font-size: var(--x-large-font);
    padding: 0;
    width: 100%
}
.link-container a {
    width: 50%;
    text-align: center;
    padding: 15px 20px;
    text-transform: uppercase
}
.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px
}

.login-button,
.register-button {
    color: #000;
    font-family: system-ui
}

.login-button,
.register-button {
    color: #000
}

.register-button {
    border: 1px solid #d0d0d0;
    background-color: #2bc79d;
    font-size: 14px;
    background:linear-gradient(180deg,#68480b 0,#cdbb71 21%,#fdf19b 32%,#fcf299 38%,#ab954c 69%,#8a6f2c 83%,#6f5010);
    font-weight: 700
}

.register-button:hover {
    box-shadow: 0 0 5px 3px #fff
}

.login-button {
    border: 1px solid #f1ca99;
    background-color: #f1ca99;
    background: linear-gradient(180deg,#68480b 0,#cdbb71 21%,#fdf19b 32%,#fcf299 38%,#ab954c 69%,#8a6f2c 83%,#6f5010);
    font-weight: 700
}

.login-button:hover {
    box-shadow: 0 0 5px 3px #fff
}