.button-register{
    padding:17px 40px;
    border-radius:10px;
    border:0;
    background-color:#0b0c0c;
    letter-spacing:1.5px;
    font-size:15px;
    transition:all .3s ease;
    box-shadow:#05ff12 0 10px 0 0;
    color:#fff;
    margin-bottom:1rem
}
.button-register:hover{
    box-shadow:#121213 0 7px 0 0
}
.button-register:active{
    background-color:#001a40;
    box-shadow:#3d0378 0 0 0 0;
    transform:translateY(5px);
    transition:200ms
}
.button-login{
    padding:17px 40px;
    border-radius:10px;
    border:0;
    background-color:#0c0c0b;
    letter-spacing:1.5px;
    font-size:15px;
    transition:all .3s ease;
    box-shadow:#05ff12 0 10px 0 0;
    color:#fff;
    margin-bottom:1rem
}
.button-login:hover{
    box-shadow:#ff961d 0 7px 0 0
}
.button-login:active{
    background-color:#001a40;
    box-shadow:#3d0378 0 0 0 0;
    transform:translateY(5px);
    transition:200ms
}
.brands{
    width:100%;
    padding-top:0;
    padding-bottom:0
}
.brands_slider_container{
    height:120px;
    border:solid 1px #05ff12;
    box-shadow:0 1px 5px rgba(0,0,0,.1);
    padding-left:37px;
    padding-right:37px;
    background:#0a0a0a;
    background-blend-mode:overlay,normal,normal;
    box-shadow:none
}
.brands_slider{
    height:100%;
    margin-top:10px
}
.brands_item{
    height:100%
}
.brands_item img{
    max-width:100%
}
.brands_nav{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    padding:5px;
    cursor:pointer
}
.brands_nav i{
    color:#e5e5e5;
    -webkit-transition:all 200ms ease;
    -moz-transition:all 200ms ease;
    -ms-transition:all 200ms ease;
    -o-transition:all 200ms ease;
    transition:all 200ms ease
}
.brands_nav:hover i{
    color:#676767
}
.brands_prev{
    left:20px
}
.brands_next{
    right:20px
}
.owl-item{
    background-color:#d8d8d8;
    height:6rem;
    border-radius:5px
}
.hide{
    white-space:nowrap;
    overflow-x:hidden;
    text-align:center;
    color:#fff
}
.background-game{
    background-color:#0e0b0b
}
body{
    background-color:#024400
}
@media(max-width:767px){
    .hide{
        white-space:nowrap;
        overflow-x:hidden;
        text-align:center;
        font-size:.7rem
    }
}
@media(max-width:480px){
    .hide{
        white-space:nowrap;
        overflow-x:hidden;
        text-align:center;
        font-size:.7rem
    }
}
.titleProvider{
    font-size:1.5rem;
    color:#fff;
    text-align:center;
    margin-top:1rem;
    font-weight:500
}
.footerText{
    background-color:#1e1e1e;
    color:#fff
}
a:hover{
    text-decoration:none
}
a .hide{
    text-decoration:none;
    color:#000
}
a .owl-item{
    text-decoration:none;
    color:#000;
    font-weight:500
}
.bg-titleprovider{
    background:#f4f3f1;
    background:linear-gradient(to right,#4aff13 0%,#0d0e0f 100%)
}
.bg-listgame{
    background-color:#121416
}
.card-game{
    background-color:#0d0e0f
}
a .persenan{
    color:#000
}
.card-game .cover{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.95);
    transition:opacity .15s ease-in;
    opacity:0;
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,.15)
}
.card-game:hover .cover{
    opacity:1
}
.button-play{
    background-color:#131314;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.button-play,a{
    color:#16181a
    font-weight:700
}
.button-play,a:hover{
    color:#fff
}