.button-register{
    padding:17px 40px;
    border-radius:10px;
    border:0;
background: linear-gradient(180deg, #fff8ea 0%, #f5e5ca 25%, #f1e3c5 40%, #f7e0b1 60%, #f5e5ca 80%,#fff8ea 100% );    letter-spacing:1.5px;
    font-size:15px;
    
    transition:all .3s ease;
    box-shadow:#b97e0e 0 10px 0 0;
color: #000000;
  text-shadow: -1px -1px 1px #f1dfb8, 1px 1px 2px #f7c641, -1px 2px 2px #a78529, 1px -2px 1px #faf9f5ab; 
     margin-bottom:1rem
     
}
.button-register:hover{
    box-shadow:rgb(0, 0, 0)  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: linear-gradient(180deg, #fff8ea 0%, #f5e5ca 25%, #f1e3c5 40%, #f7e0b1 60%, #f5e5ca 80%,#fff8ea 100% );    letter-spacing:1.5px;
    font-size:15px;
    transition:all .3s ease;
    box-shadow:#b97e0e 0 10px 0 0;
color: #000000;
  text-shadow: -1px -1px 1px #f1dfb8, 1px 1px 2px #f7c641, -1px 2px 2px #a78529, 1px -2px 1px #faf9f5ab;    margin-bottom:1rem
}
.button-login:hover{
    box-shadow:rgb(0, 0, 0)  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: 1px solid transparent;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-image: linear-gradient( 180deg, #fff8ea 0%, #f7e0b1 -15%, #f7e0b1 40%, #f7e0b1 60%, #f5e5ca 80%, #f7e0b1 100% )1;   
   box-shadow:0 1px 5px rgba(0,0,0,.1);
    padding-left:37px;
    padding-right:37px;
    background:#362802;
    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: #011927;
    @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,#b97e0e 0%,#0d0e0f 100%)
}
.bg-listgame{
    background: #000000;
    padding: 4px;
    border-radius: 4px;
    margin-bottom: 8px;
border: 1px solid transparent;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-image: linear-gradient( 180deg, #fff8ea 0%, #f7e0b1 -15%, #f7e0b1 40%, #f7e0b1 60%, #f5e5ca 80%, #f7e0b1 100% )1;   
.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
}