body{
    background:black;
    color:white;
    font-family:Ubuntu,sans-serif,tahoma;
}
.header{
    padding:1rem 0 0 0;
    display:flex;
    align-items:center;
}
.header>:nth-child(2){
    flex:1;
    -ms-flex:1;
}
.header>:last-child{
    margin-left:1rem;
}
.btn.btn-login,.btn.btn-login:hover,.btn.btn-login:focus{
    outline:none;
    background:#57a4e1;
    color:white;
    min-width:120px;
}
.btn.btn-reg,.btn.btn-reg:hover,.btn.btn.reg:focus{
    outline:none;
    background:#e3a43b;
    color:black;
    min-width:120px;
}
.banner{
    margin:1rem -.5rem;
    position:relative;
    display:flex;
    flex-wrap:wrap;
}
.banner a[href]{
    display:block;
    border:1px solid goldenrod;
    width:calc( (100% - 2rem) / 2);
    margin:.5rem;
}
.banner img{
    width:100%;
}
.menu-games{
    border:0px;
    display:block;
}
.nav.nav-tabs .nav-item{
    display:block;
}
.nav.nav-tabs .nav-item, .nav.nav-tabs .nav-item.active, .nav.nav-tabs .nav-item.active .nav-link{
    background:none;
    border-radius:0px;
    border:0px;
    margin:0px;
    padding:0px;
    overflow:hidden;
}
.nav.nav-tabs .nav-item+.nav-item{
    margin-top:.5rem;
}
.nav.nav-tabs .nav-item .nav-link,.nav.nav-tabs .nav-item.active .nav-link{
    background:linear-gradient(to right, black,darkorange);
    border-radius:6px;
    padding:.5rem 1rem;
    border:1px solid darkorange;
    min-width:160px;
    text-align:left;
}
.nav.nav-tabs .nav-item .nav-link:hover{
    border:0px;
    margin:0px;
    background:#5b5b5b;
}
.nav-link img{
    height:32px;
    display:inline-block;
}
.tab-content{
    border:0px;
    margin-left:2rem;
    flex:1;
    -ms-flex:1;
}
.game-list{
    display:flex;
    flex-wrap:wrap;
    margin:-.25rem;
}
.game-item{
    width:calc( (100% - 2.5rem) / 5);
    margin:.5rem;
    background:black;
    margin:.25rem;
    position:relative;
    overflow:hidden;
    min-height:200px;
}
.game-img{
    transition:all .2s linear;
}
.game-img img{
    width:100%;
}
.game-title{
    padding:.25rem .5rem;
    text-align:center;
    opacity:1;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    background:orange;
    z-index:1;
    font-size:14px;
}
.game-rate{
    position:absolute;
    left:0px;
    bottom:0px;
    opacity:1;
    width:100%;
    z-index:1;
}
.game-item:hover .game-title,.game-item:hover .game-rate{
    opacity:1;
}
.game-item:hover .game-img{
    transform:scale(1.2);
    filter:brightness(.8);
}
.content-games{
    display:flex;
}
.menu-games{
    position:sticky;
    position:-webkit-sticky;
    top:.5rem;
}
.progress {
    height: 30px;
    line-height: 2.5;
}
.progress {
    background: white;
    position: relative;
}
.progress {
    border-radius: 0px;
}
.progress span{
    color: black;
    font-weight: bold;
    text-align: center;
    position: absolute;
    width: 100%;
}
.footer{
    margin-top:1rem;
    background:#2b2b2b;
    padding:1rem 0;
}
.form-search,.form-search:focus{
    border:0px;
    outline:none;
    background:#555;
    color:white;
    min-width:300px;
    box-shadow:none;
}
.form-search::placeholder{
    color:#888;
}
.form-search:focus{
    filter:brightness(1.2);
}
.game-pola{
    transition:all .2s linear;
    padding:.5rem .5rem;
    text-align:center;
    background:#a00;
    color:white;
    position:absolute;
    top:calc(50% - 20px);
    left:0px;
    width:100%;
    z-index:0;
    transition:all .2s linear;
    transform:scale(0);
    cursor:pointer;
}
.game-item:hover .game-pola{
    transform:scale(1);
}
.modal-content,.modal-header,.modal-footer,.modal-body{
    border-radius:0px;
    border:0px;
    padding:0px;
}
.modal-content{
    background:#2b2b2b;
}
.modal-pola .modal-header{
    background:lightseagreen;
    padding:.5rem 1rem;
    position:relative;
    font-weight:500;
    font-size:16px;
}
.modal-pola .modal-close{
    position:absolute;
    top:0px;
    right:0px;
    background:darkorange;
    display:block;
    padding:.5rem 1rem;
    line-height:1;
    font-size:24px;
}
.modal-pola .game-name{
    padding:.75rem 1.5rem;
    font-size:20px;
    font-weight:500;
    text-transform:uppercase;
}
.modal-pola .game-provider{
    padding:.75rem 1.5rem;
    border-top:1px solid black;
}
.modal-pola .game-stake{
    padding:.75rem 1.5rem;
    border-top:1px solid black;
}
.modal-pola .pola-content{
    padding:.75rem 1.5rem;
}
.modal-pola .pola-gacor{
    background:black;
    font-size:24px;
    font-weight:500;
    padding:.5rem 1.5rem;
    text-align:center;
}
.modal-pola .btn-reg{
    text-align:center;
    padding:.75rem .5rem;
    text-decoration:none;
    background:#e3a43b;
    color:black;
    font-size:18px;
    font-weight:500;
    display:block;
}
.modal-pola .btn-login{
    text-align:center;
    padding:.75rem .5rem;
    text-decoration:none;
    background:#57a4e1;
    color:white;
    font-size:18px;
    font-weight:500;
    display:block;
}
.modal-pola .btn-reg:hover,.modal-pola .btn-login:hover{
    filter:brightness(.8);
}
.modal-pola .pola-tips{
    padding:1.5rem .75rem;
    color:black;
    background:orange;
}
@media (max-width:980px){
    .banner{
        margin:1rem 0;
        display:block;
    }
    .banner a[href]{
        width:100%;
        margin:0px;
    }
    .banner a[href]+a[href]{
        margin-top:.5rem;
    }
    .game-title{
        font-size:12px;
    }
    .game-item{
        width:calc( (100% - 1.5rem) / 3);
        min-height:100px;
    }
    .content-games{
        display:block;
    }
    .tab-content{
        margin-top:1rem;
        margin-left:0px;
    }
    .menu-games{
        display:flex;
        overflow:auto;
        flex-wrap:nowrap;
        align-items:center;
    }
    .menu-games .nav-item{
        width:auto;
        overflow:visible!important;
    }
    .menu-games .nav-item+.nav-item{
        margin-top:0px!important;
        margin-left:.25rem;
    }
    .menu-games .nav-item .nav-link{
        min-width:auto!important;
    }
    .media-search{
        display:block;
    }
    .header{
        display:block;
        text-align:center;
        padding-bottom:0px;
    }
    .header>*{
        margin:0px!important;
    }
    .header>*+*{
        margin-top:.5rem!important;
    }
    .btn-login,.btn-reg{
        min-width:200px!important;
    }
}