.button-register {
    padding: 17px 40px;
    border-radius: 10px;
    border: 0;
    background-color: #039438;
    letter-spacing: 1.5px;
    font-size: 15px;
    transition: all .3s ease;
    box-shadow: #eaed0c 0px 10px 0px 0px;
    color: hsl(0, 0%, 100%);
    margin-bottom: 1rem;
   }
   
   .button-register:hover {
    box-shadow: #eeeff3 0px 7px 0px 0px;
   }
   
   .button-register:active {
    background-color: #6e6f76;
    /*50, 168, 80*/
    box-shadow: #eeeff3 0px 0px 0px 0px;
    transform: translateY(5px);
    transition: 200ms;
   }
   

   .button-login {
    padding: 17px 40px;
    border-radius: 10px;
    border: 0;
    background-color: #36c269;
    letter-spacing: 1.5px;
    font-size: 15px;
    transition: all .3s ease;
    box-shadow: #eaed0c 0px 10px 0px 0px;
    color: hsl(0, 0%, 100%);
    margin-bottom: 1rem;
   }
   
   .button-login:hover {
    box-shadow: rgb(201, 46, 70) 0px 7px 0px 0px;
   }
   
   .button-login:active {
    background-color: #6e6f76;
    /*50, 168, 80*/
    box-shadow: #eeeff3 0px 0px 0px 0px;
    transform: translateY(5px);
    transition: 200ms;
   }
   
   
   
.brands {
    width: 100%;
    padding-top: 0rem;
    padding-bottom: 0rem
}

.brands_slider_container {
    height: 120px;
    border: solid 1px #36c269;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    padding-left: 37px;
    padding-right: 37px;

    background: #ced4da;
    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: #202020;
    height: 6rem;
    border-radius: 5px;
}

.hide {
    white-space: nowrap;
    overflow-x: hidden;
    text-align: center;
    color:#000;
}

.background-game {
    background-color: rgb(51, 49, 49);
}

body {
    background-color: #383838;
}

@media (max-width: 767px) {
    .hide {
        white-space: nowrap;
        overflow-x: hidden;
        text-align: center;
        font-size: 0.7rem;
    }
}
    
    /* Portrait phones and smaller */
@media (max-width: 480px) {
    .hide {
        white-space: nowrap;
        overflow-x: hidden;
        text-align: center;
        font-size: 0.7rem;
    }
}

.titleProvider {
    font-size: 1.5rem;
    color: rgb(237, 231, 231);
    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:rgb(0, 0, 0);
}

a .owl-item{
    text-decoration: none;
    color:rgb(235, 232, 232);
    font-weight: 500;
}

.bg-titleprovider {
    background: #f4f3f1;
    background: linear-gradient(to right,#309c52 0%,#63eb94 100%);
}

.bg-listgame {
    background-color: #dfe620;

}

.card-game {
    background-color: #ffffff;
}

a .persenan {
    color : #000;
}

.card-game .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    transition: opacity 0.15s ease-in;
    opacity: 0;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15)
}

.card-game:hover .cover {
    opacity: 1;
}

.button-play {
    background-color: #ff3856;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.button-play, a{
    color:rgb(255, 255, 255);
    font-weight: bold;
}

.button-play, a:hover{
    color:rgb(255, 255, 255);
}