@import 'animate.css';
.app-navbar .nav-menu .nav-item .dropdown .btn-link.active,
.app-navbar .nav-menu .nav-item .nav-link.active {
    color: #eec465 !important;
}

.btn-outline-gradient {
    font-size: 1.2rem;
    color: rgb(238, 196, 101) !important;
    border-color: rgb(238, 196, 101) !important;
}

.btn-gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#3e251d), color-stop(25%, #8e7757), color-stop(50%, #fae0a3), color-stop(75%, #eaca85), to(#b89247));
    background-image: linear-gradient(90deg, #976a36 0, #d4a54d 25%, #fcdf88 50%, #ffd577 75%, #eec465) !important;
    font-size: 1.2rem;
}

.text-success {
    color: #e9c36b!important;
}

.about-us-wrapper:after {
    background-image: linear-gradient(90deg, #a07339 0, #dcb159 25%, #fcde86 50%, #fcd274 75%, #b18420) !important;
}

.card-promotion-landing {
    background-image: linear-gradient(90deg, #9f7239 0, #d6a850 25%, #fae0a3 50%, #eaca85 75%, #f3c86a) !important;
    max-width: 350px;
}

.card-promotion-landing .img {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding-top: 100%;
    transition-delay: 0.3s ease-in-out;
    cursor: pointer;
}

.hide {
    display: none;
}

.card-promotion-landing:hover .img {
    animation-name: bounce;
    animation-duration: 1500ms;
}

.text-primary {
    color: #eec465 !important;
}

.footer:before {
    background-image: linear-gradient(270deg, rgba(184, 146, 71, 0) 0, #d4a947 50%, #fcd87d 75%, rgba(62, 37, 29, 0)) !important;
}

.app-navbar .img-lucabet888 {
    height: 3.2rem !important;
}

.login-logo img {
    width: 50%;
    height: 30%;
}

.logogame-img {
    width: 7%;
}

.footer .copy-right {
    margin-top: 1rem;
}

.footer {
    padding-top: 1.7rem;
}

.imgbank {
    width: 30%;
}

.app-navbar .nav-menu .nav-item .dropdown .btn-link,
.app-navbar .nav-menu .nav-item .nav-link {
    color: #e6be62;
}

.app-navbar .nav-menu .nav-item .dropdown .btn-link.active,
.app-navbar .nav-menu .nav-item .nav-link.active {
    color: #e6be62 !important;
}

#app {
    overflow: auto !important;
}

body,
html {
    overflow-x: hidden;
}

@media (max-width: 991px) {
    .logogame-img {
        width: 13%;
    }
    .imgbank {
        width: 60%;
    }
    .slide img {
        width: 100% !important;
    }
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    height: 1px;
    background-image: linear-gradient(270deg, rgba(184, 146, 71, 0) 0, #d4a947 50%, #fcd87d 75%, rgba(62, 37, 29, 0)) !important;
    /* border-top: 1px solid rgb(238, 196, 101); */
}

#main_container {
    padding-bottom: 1.6rem;
}

.text-overflow {
    background-image: linear-gradient(90deg, #976a36 0, #d4a54d 25%, #fcdf88 50%, #ffd577 75%, #eec465) !important;
    color: #1f1f1f;
    padding: 5px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all 0.3s ease;
}

.card-promotion-landing1 {
    border-radius: 5px;
    border: 1px solid #c3a256;
    background-image: linear-gradient(180deg, #e8b94d 0, #352c16 49%, #1c1817 80%, #1c1817 75%, #1c1817) !important;
}

.card-promotion-landing1:hover .text-overflow {
    background-image: linear-gradient(90deg, #1c1817 0, #1c1817 25%, #1c1817 50%, #1c1817 75%, #1c1817) !important;
    color: #fff;
}

.img-slot {
    width: 100%;
    min-height: 142px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-slot1 {
    width: 100%;
    min-height: 195px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-slot2 {
    width: 100%;
    min-height: 208px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-slot3 {
    width: 100%;
    min-height: 135px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-slot4 {
    width: 100%;
    min-height: 135px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
}

.gameslot {
    margin-top: 42px;
}

.item-logout {
    display: block;
}

.item-logout1 {
    display: none;
}

.item-login {
    display: block;
}

.item-register {
    display: block;
}

.item-register1 {
    display: none;
}

@media (max-width: 414px) {
    .gameslot {
        margin-top: 35px;
    }
    .img-slot {
        min-height: 88px;
    }
    .img-slot1 {
        min-height: 160px;
    }
    .img-slot2 {
        min-height: 145px;
    }
    .img-slot3 {
        min-height: 105px;
    }
    .img-slot4 {
        min-height: 95px;
    }
    .text-overflow {
        font-size: 12px;
    }
    .item-register1 {
        display: block;
    }
    .item-logout1 {
        display: none;
    }
    .app-navbar .img-lucabet888 {
        height: 2.9rem !important;
        padding: 0px 25px;
    }
    .about-us-wrapper {
        margin: 7rem 0 2rem !important;
    }
}

@media (max-width: 375px) {
    .gameslot {
        margin-top: 35px;
    }
    .img-slot {
        min-height: 74px;
    }
    .img-slot1 {
        min-height: 145px;
    }
    .img-slot2 {
        min-height: 125px;
    }
    .img-slot3 {
        min-height: 85px;
    }
    .img-slot4 {
        min-height: 75px;
    }
    .text-overflow {
        font-size: 12px;
    }
    .item-register1 {
        display: block;
    }
    .app-navbar .img-lucabet888 {
        height: 2.9rem !important;
        padding: 0px 10px;
    }
}

.fa-user-plus:before {
    content: "";
    /* padding-right: 5px; */
}

.fa-sign-in:before {
    content: "\F090";
    padding-right: 5px;
}

#nav-hamburger span {
    background: #d9ad55;
}

.btn-gradient1 {
    background-image: -webkit-gradient(linear, left top, right top, from(#3e251d), color-stop(25%, #8e7757), color-stop(50%, #fae0a3), color-stop(75%, #eaca85), to(#b89247));
    background-image: linear-gradient(90deg, #976a36 0, #d4a54d 25%, #fcdf88 50%, #ffd577 75%, #eec465) !important;
    font-size: 1rem;
    width: 100px;
    padding: 7px 0px;
}

.btn-outline-gradient1 {
    font-size: 1rem;
    color: rgb(238, 196, 101) !important;
    border-color: rgb(238, 196, 101) !important;
    width: 100px;
    padding: 7px 0px;
}

.why-lucabet-wrapper {
    margin: 3rem 0 1.5rem;
}

.swiper-slide {
    text-align: center;
    display: block;
    width: 100%;
}

.swiper-slide:hover .btn-black {
    width: 100%;
    color: #000;
    background-color: #d8ab54;
    border-color: #ffec8d;
    position: relative;
    margin-top: 30px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}

.btn-black {
    width: 100%;
    color: #fff;
    background-color: #000;
    border-color: #ffec8d;
    position: relative;
    margin-top: 30px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}


/* .btn-black:hover {
    width: 100%;
    color: #000;
    background-color: #d8ab54;
    border-color: #ffffff;
    position: relative;
    margin-top: 30px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
} */

.about-us-wrapper {
    margin: 8rem 0 2rem;
}

.slide img {
    width: 100%;
}

.about-us-wrapper {
    margin: 3rem 0 2rem;
}
.menu-fixed {
    display: none;
}

@media (max-width: 767px){
    .menu-fixed {
        text-align: center;
        color: #fff;
        padding: 10px 10px 10px 10px;
        cursor: pointer;
        border-radius: 5px;
        font-weight: lighter;
        line-height: 1.1;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(100%, #252525));
        background: -webkit-linear-gradient(top, #565248 0, #1c1817 100%);
        background: -o-linear-gradient(top, #565248 0, #1c1817 100%);
        background: -ms-linear-gradient(top, #565248 0, #1c1817 100%);
        background: linear-gradient(to bottom, #1c1817 0, #565248 100%);
    }
    .carousel{
        margin-top: 15px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .menu-fixed {
        background-color: #fff;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        width: 100%;
        overflow: hidden;
        padding: 0 10px;
        box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.25);
        display: block;
        width: 100%;
        float:left;
    
    }
    
    .menu-fixed ul {
        list-style: none;
        padding: 10px 0;
        margin: 0;
        overflow: hidden;
    }
    .menu-fixed li {
        width: 25%;
        float: left;
        text-align: center;
        position: relative;
    }
    .menu-fixed li:nth-child(1),
    .menu-fixed li:nth-child(2),
    .menu-fixed li:nth-child(3) {
        border-right:1px solid #332517;
    }
    .menu-fixed li:nth-child(2),
    .menu-fixed li:nth-child(3),
    .menu-fixed li:nth-child(4) {
        border-left:1px solid #f1e4c9;
    }
    .menu-fixed li a {
        color: #fec958;
        font-size: 14px;
    }
    .menu-fixed li i {
        display: block;
        margin-bottom: 3px;
    }
    .form-login {
        margin-top: -21px !important;
    padding-top: 1px !important;
    border-top: 1px solid #ffe2a5;
    }
}