﻿.r-bg-new {
    background: url("nav-bg.webp") center 0 no-repeat;
    background-color: rgba(0,0,0,1);
    background-size: cover;
    z-index:999999;
}

.r-nav-item {
    color: white;
    border-right:solid 1px white;
}
    .r-nav-item:last-child {
        color: white;
        border-right: none;
        border-bottom: none;
    }
@media screen and (max-width:768px) {
    .r-nav-item {
        border-right: none;
        border-bottom: solid 1px white;
    }
}

    .r-nav-item:hover {
        color: white;
        opacity: 0.7;
    }

    .r-nav-item:active {
        color: red !important;
        opacity: 0.7;
    }

    .r-nav-item:focus {
        color: white !important;
        opacity: 0.7;
    }

    .navbar-toggler:focus {
        box-shadow: unset !important;
    }

    .section-news {
        height: 400px;
        overflow-y: auto;
    }

    .r-bg-main {
        background: url("banner2.webp") center 0 no-repeat;
        background-size: 100%;
    }

    .r-bg-header {
        height: 72vh;
    }

    @media screen and (max-width:768px) {
        .r-bg-header {
            height: 21vh;
        }

        .r-bg-main {
            background: url("banner2.webp") center 65px no-repeat;
            background-size: 100%;
        }

        .page-header {
            position: fixed !important;
            width:100%;
            top: 0;
            z-index: 9999;
        }
    }

    .icon-header {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
    }

    .r-logo-header {
        width: 60px !important;
    }

    @media screen and (max-width:768px) {
        .r-logo-header {
            width: 50px !important;
        }
    }

    .r-posts {
        background: url(bg-main-sub.webp) center 0 no-repeat;
        background-size: 100%;
        padding: 10px;
    }

    .main-content__title {
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: aliceblue;
    }

    @media screen and (max-width:768px) {
        .main-content__title {
            height: 20px;
            visibility: hidden;
        }
    }

    @media screen and (max-width:991px) {
        .main-content__title {
            height: 50px;
        }
    }

    .box-shadow-1 {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .aside-right {
        background: url(aside.webp) 0 0 no-repeat;
        width: 233px;
        height: 493px;
        position: fixed;
        top: 150px;
        right: 0;
        z-index: 100;
        transform-origin: right top;
        transition: .3s ease-in-out;
    }


        .aside-right.closeAsideright {
            transform: translateX(90%)
        }

    @media(max-width:1024px) {
        .aside-right {
            display: none
        }
    }

    .aside-right a {
        display: block;
        text-indent: -9999px
    }

        .aside-right a:hover {
            filter: brightness(1.3)
        }

    .aside-right .close-side {
        position: absolute;
        background-position: 0 -630px;
        height: 70px;
        width: 26px;
        top: 85px;
        left: 19px
    }

        .aside-right .close-side.toOpen {
            background-position: 0 -2494px;
            height: 70px;
            width: 26px
        }

    .aside-right .list-button {
        list-style: none;
        display: block;
        text-align: center;
        width: 100%;
        margin-left: 37px;
        padding-top: 40px;
        overflow: hidden
    }

        .aside-right .list-button li .napthe {
            background-position: 0 -2374px;
            height: 120px;
            width: 120px;
            margin-bottom: 20px
        }

        .aside-right .list-button li .down-game-ios {
            margin-bottom: 10px;
            background-position: 0 -860px;
            height: 50px;
            width: 120px
        }

        .aside-right .list-button li .down-game-android {
            margin-bottom: 10px;
            background-position: 0 -760px;
            height: 50px;
            width: 120px
        }

        .aside-right .list-button li .down-game-apk {
            margin-bottom: 10px;
            background-position: 0 -810px;
            height: 50px;
            width: 120px
        }

        .aside-right .list-button li .group {
            background-position: 0 -940px;
            height: 30px;
            width: 121px;
            margin-bottom: 20px
        }

        .aside-right .list-button li .fb {
            background-position: 0 -910px;
            height: 30px;
            width: 121px;
            margin-bottom: 10px
        }

        .desktop-sprite,
        .desktop-bt-dieukhoan,
        .desktop-bt-nhapcode,
        .desktop-bt-youtube,
        .desktop-close-side,
        .desktop-control-feature-hov,
        .desktop-control-feature,
        .desktop-down-and,
        .desktop-down-apk,
        .desktop-down-ios,
        .desktop-fb-pc,
        .desktop-group-pc,
        .desktop-head-download-android,
        .desktop-head-download-apk,
        .desktop-head-download-ios,
        .desktop-head-napthe,
        .desktop-head-nhapcode,
        .desktop-head-zingid,
        .desktop-home-banner-pagi-hov,
        .desktop-home-banner-pagi,
        .desktop-monphai-left,
        .desktop-monphai-right,
        .desktop-mp-back,
        .desktop-mp-next,
        .desktop-napthe,
        .desktop-open-side,
        .desktop-pag-mp-1-hov,
        .desktop-pag-mp-1-mb-hov,
        .desktop-pag-mp-1-mb,
        .desktop-pag-mp-1,
        .desktop-pag-mp-10-hov,
        .desktop-pag-mp-10-mb-hov,
        .desktop-pag-mp-10-mb,
        .desktop-pag-mp-10,
        .desktop-pag-mp-2-hov,
        .desktop-pag-mp-2-mb-hov,
        .desktop-pag-mp-2-mb,
        .desktop-pag-mp-2,
        .desktop-pag-mp-3-hov,
        .desktop-pag-mp-3-mb-hov,
        .desktop-pag-mp-3-mb,
        .desktop-pag-mp-3,
        .desktop-pag-mp-4-hov,
        .desktop-pag-mp-4-mb-hov,
        .desktop-pag-mp-4-mb,
        .desktop-pag-mp-4,
        .desktop-pag-mp-5-hov,
        .desktop-pag-mp-5-mb-hov,
        .desktop-pag-mp-5-mb,
        .desktop-pag-mp-5,
        .desktop-pag-mp-6-hov,
        .desktop-pag-mp-6-mb-hov,
        .desktop-pag-mp-6-mb,
        .desktop-pag-mp-6,
        .desktop-pag-mp-7-hov,
        .desktop-pag-mp-7-mb-hov,
        .desktop-pag-mp-7-mb,
        .desktop-pag-mp-7,
        .desktop-pag-mp-8-hov,
        .desktop-pag-mp-8-mb-hov,
        .desktop-pag-mp-8-mb,
        .desktop-pag-mp-8,
        .desktop-pag-mp-9-hov,
        .desktop-pag-mp-9-mb-hov,
        .desktop-pag-mp-9-mb,
        .desktop-pag-mp-9,
        .desktop-play-f3,
        .desktop-scrolltop,
        .desktop-thuvien-tab-1-act,
        .desktop-thuvien-tab-1,
        .desktop-thuvien-tab-2-act,
        .desktop-thuvien-tab-2,
        .desktop-tuyethoc-cai-bang,
        .desktop-tuyethoc-con-lon,
        .desktop-tuyethoc-duong-mon,
        .desktop-tuyethoc-left,
        .desktop-tuyethoc-nga-mi,
        .desktop-tuyethoc-ngu-doc,
        .desktop-tuyethoc-right,
        .desktop-tuyethoc-thien-nhan,
        .desktop-tuyethoc-thien-vuong,
        .desktop-tuyethoc-thieu-lam,
        .desktop-tuyethoc-thuy-yen,
        .desktop-tuyethoc-view,
        .desktop-tuyethoc-vo-dang,
        .desktop-tuyethoc-xemthem,
        .page-header__block-button .bt-napthe,
        .page-header__block-button .bt-download-ios,
        .page-header__block-button .bt-download-android,
        .page-header__block-button .bt-download-apk,
        .page-header__block-button .bt-nhapcode,
        .page-header__block-button .bt-zingid,
        .aside-right .close-side,
        .aside-right .close-side.toOpen,
        .aside-right .list-button li .napthe,
        .aside-right .list-button li .down-game-ios,
        .aside-right .list-button li .down-game-android,
        .aside-right .list-button li .down-game-apk,
        .aside-right .list-button li .group,
        .aside-right .list-button li .fb,
        .sub-gallery__tabs li:nth-child(1) a,
        .sub-gallery__tabs li:nth-child(1) a:hover,
        .sub-gallery__tabs li:nth-child(1) a.active,
        .sub-gallery__tabs li:nth-child(2) a,
        .sub-gallery__tabs li:nth-child(2) a:hover,
        .sub-gallery__tabs li:nth-child(2) a.active,
        .home-tuyethoc .bt-mattich a,
        .home-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-ngu-doc,
        .home-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-cai-bang,
        .home-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-con-lon,
        .home-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-duong-mon,
        .home-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-nga-mi,
        .home-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-thien-nhan,
        .home-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-thien-vuong,
        .home-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-thieu-lam,
        .home-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-thuy-yen,
        .home-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-vo-dang,
        .home-tuyethoc .tuyethoc-news .swiper-button-prev,
        .home-tuyethoc .tuyethoc-news .swiper-button-next,
        .home-tuyethoc__view,
        .sub-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-ngu-doc,
        .sub-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-cai-bang,
        .sub-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-con-lon,
        .sub-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-duong-mon,
        .sub-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-nga-mi,
        .sub-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-thien-nhan,
        .sub-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-thien-vuong,
        .sub-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-thieu-lam,
        .sub-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-thuy-yen,
        .sub-tuyethoc .tuyethoc-news .tuyethoc-tab .swiper-slide .tuyethoc-vo-dang,
        .sub-tuyethoc .tuyethoc-news .swiper-button-prev,
        .sub-tuyethoc .tuyethoc-news .swiper-button-next, .r-download-android, .r-download-ios, .r-nap-coin, .r-giftcode {
            background-image: url(desktop-s791154fb69.webp);
            background-repeat: no-repeat
        }
        .r-bg-monphai{
            width:200px;
            background:url('name-bg.webp') center 0 no-repeat;
            background-size:cover;
        }
.r-feature-bg {
    padding:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-image: url('feature-bg.webp');
    background-position: center top;
    background-repeat: no-repeat;
    background-color:rgba(0,0,0,0.5);
    background-size: 100% 100%;
}
.r-download-android {
    background-position: 0 -810px;
    height: 50px;
    width: 120px
}
.r-download-ios {
    background-position: 0 -860px;
    height: 50px;
    width: 120px
}
.r-nap-coin {
    background-position: 0 -2375px;
    height: 120px;
    width: 120px;
}
.r-giftcode {
    background-position: 0 -2375px;
    height: 120px;
    width: 120px;
}
footer {
    /* margin-top: 5rem; */
    /* height: 5rem; */
    background-color: #222;
    color: #555;
}