@charset "utf-8";

@font-face {
    font-family: 'Riot Sans Latin';
    src: url('/Content/skins/fonts/riot-sans-latin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: Riot Sans Latin;
    /*background: url(images/background.png) no-repeat;*/
    background: url('/Data/ResizeImage/images/banner/bg_robloxx0x0x3.jpg') no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #000;
    font-size: 14px;
    /*font-family: 'Roboto', Arial,Helvetica,sans-serif;*/
    /*font-family: Riot Sans Latin, ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;*/
    font-feature-settings: normal;
    font-variation-settings: normal;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
}

section {
    display: block;
}

#Wrapper {
    max-width: 1920px;
}

.mainbg {
    /*background: #f3f3f7;
    background: url("/Content/images/anhnen.png") center 0 no-repeat;
    background-image: url("/Content/images/anhnen.jpg"), linear-gradient(#eee, #fff);
    background-attachment: fixed;
    background-size: cover;*/
}

#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #333;
}



img {
    width: auto;
    height: auto;
    max-width: 100%; /* max-height:100%; */
    vertical-align: middle;
}


:focus {
    outline: 0 !important;
}

figure {
    margin: 0;
    padding: 0;
}

img[src*=".svg"] {
    height: 100%;
}

iframe {
    border: none;
}

::selection {
    background: #B4D5FF; /* Safari */
    color: #333333;
}

::-moz-selection {
    background: #B4D5FF; /* Firefox */
    color: #333333;
}

p {
    margin-bottom: 10px;
}

    /** > p:last-child {
margin-bottom: 0 !important;
}*/

    p a:hover {
        border-color: transparent;
    }

a:hover, a:focus {
    text-decoration: none;
}

a {
    text-decoration: none;
    color: #000;
    background-color: transparent;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

ul, ol {
    margin: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-weight: 500;
    margin: 0;
}

h1 {
    font-size: 39px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 15px;
}

h6 {
    font-size: 13px;
}

ol {
    position: relative;
}

ul {
    list-style: none;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.all {
    float: left;
    width: 100%;
}

.lazy {
    background: #fff url(images/loading1.gif) center center no-repeat;
    min-width: 32px;
    min-height: 32px;
}

.hm-reponsive {
    position: relative;
    height: auto !important;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

    .hm-reponsive img {
        object-fit: cover;
        margin: auto;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

.reponsive-img {
    width: 100%;
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    aspect-ratio: 1 / 0.56;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

    .reponsive-img img {
        width: 100%;
        object-fit: contain;
    }

.alink-all {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.back-to-top {
    position: fixed;
    bottom: -50px;
    right: -50px;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    width: 40px;
    height: 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    background-color: #E41C2C;
    line-height: 45px;
    text-align: center;
    color: #fff;
    display: inline;
    z-index: 999999;
    cursor: pointer;
}

    .back-to-top a {
        display: block;
    }

    .back-to-top:hover {
        background: #eb9007;
        color: #fff;
    }

        .back-to-top:hover a, .back-to-top a:focus {
            color: #fff;
        }

    .back-to-top.display {
        bottom: 80px;
        right: 10px;
    }

.form-group {
    margin-bottom: 15px;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.btnRed {
    padding: 12px;
    background-color: #eb1b22;
    color: #fff;
}

    .btnRed:focus, .btnRed:hover {
        background-color: #c7262c;
        color: #fff;
    }

.btnWhile {
    padding: 12px;
    background-color: #fff;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.btn-seedetails {
    background: #333;
    color: #f3f3f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #f3f3f7;
}
/*===================================================================================*/
/*	Index
/*===================================================================================*/


.logo {
}

    .logo img {
        height: 80px;
        width: auto;
		max-width: unset;
    }
.menuTop{
    margin-top: 20px;
}

#header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 12;
}

.headermenu {
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #333;
    padding: 15px 0;
}
/*startmobile*/
@media (min-width:992px) {
    #footer .col-md-2, #footer .col-lg-2 {
        width: 20% !important;
    }
    .navmenu {
        /*display: inline;
text-align: center;
padding-top: 22px;
float: left;*/
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
    }

        .navmenu > li {
            text-align: center;
            position: relative;
            display: inline-block;
        }

            .navmenu > li a:hover, .navmenu > li a.active {
                color: #fff;
                background: #333
            }

            .navmenu > li:last-child {
                background: none;
            }

                .navmenu > li:last-child ul.submenu {
                    left: inherit;
                    right: 0;
                    min-width: 200px;
                }

            .navmenu > li > a {
                font-weight: 500;
                display: block;
                line-height: 20px;
                font-size: 16px;
                display: flex;
            }

                .navmenu > li > a > i {
                    font-style: normal;
                    margin-right: 5px;
                }

            .navmenu > li.drop:after {
                content: '';
                position: absolute;
                right: 4px;
                top: 19px;
                border: 5px solid transparent;
                border-top-color: #fff;
            }

    ul.submenu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 10000;
        float: left;
        min-width: 285px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

        ul.submenu li {
            width: 100%;
            display: block;
            text-align: left;
            height: 35px;
            line-height: 35px;
        }

    .navmenu > li ul.submenu li a {
        display: block;
        width: 100%;
        font-weight: 400;
        color: #fff;
        border-bottom: 1px dotted #333;
        text-transform: uppercase;
        padding: 0 10px;
    }

        .navmenu > li ul.submenu li a:hover {
            background: #f9f9f9;
        }

    ul.submenu2 {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 10000;
        float: left;
        min-width: 220px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

    .navmenu > li:hover ul.submenu, ul.submenu > li:hover ul.submenu2 {
        display: block;
    }

    .navmenu > li .icon {
        width: 25px;
        height: 25px;
        margin: 0px 6px 0 5px;
    }

        .navmenu > li .icon img {
            max-height: 25px;
        }
}
/*end Media*/
.my-mobile-menu {
    display: block;
}

.nav-btn-show {
    position: relative;
    text-align: center;
    cursor: pointer;
    color: #333;
    font-size: 30px;
}

ul.navmenu > li > a i.fa {
    padding-right: 6px;
}

@media only screen and (max-width:992px) {
    .navmenu {
        display: none;
    }
}

.mm-menu.mm-theme-white .mm-navbar a, .mm-navbar .mm-title {
    color: #d2d2d2 !important;
    text-transform: uppercase;
    font-weight: bold;
}
/*endtmobile*/
.inner-wrap {
    position: relative;
}

.bxvideo {
    width: 40%;
    float: left;
    padding-top: 170px;
    padding-bottom: 20px;
}

    .bxvideo .embed-responsive {
        border: 2px solid #d8bf5c;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
    }

    .bxvideo iframe {
    }

.bntab {
    background: #f3f3f7;
    padding: 10px;
    opacity: 0.9;
}


.sa-bntbox {
    background: #f3f3f7;
    height: 363px;
    opacity: 0.9;
    padding: 5px;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}

.sa-bnnav-tabs {
    display: table;
    width: 100%;
}

    .sa-bnnav-tabs li {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 40px;
        background: #ff1f1f;
        color: #fff;
    }

        .sa-bnnav-tabs li a {
            display: block;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 16px;
        }

            .sa-bnnav-tabs li a i {
                margin: 0 5px 0 0;
            }

ul.sa-topthe li {
    width: 100%;
    padding: 8px;
    display: flex;
    /*align-items: center;
    justify-content: space-between;*/
}

    ul.sa-topthe li .spl-li-col {
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    ul.sa-topthe li .spl-li-col1 {
        width: 25px;
        height: 25px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        line-height: 25px;
        -webkit-border-radius: 100%
        -moz-border-radius: 100%;
        border-radius: 100%;
        margin: 0 10px 0 0;
        color: #fff;
    }

        ul.sa-topthe li .spl-li-col1.bg-top-1 {
            background: #ffc126;
        }

        ul.sa-topthe li .spl-li-col1.bg-top-2 {
            background: #3958ab
        }

        ul.sa-topthe li .spl-li-col1.bg-top-3 {
            background: #ff1f1f
        }

        ul.sa-topthe li .spl-li-col1.bg-top-4 {
            background: #009bb7
        }

        ul.sa-topthe li .spl-li-col1.bg-top-5 {
            background: #009b8c
        }
        ul.sa-topthe li .spl-li-col1.bg-top-6 {
            background: #333;
        }

    ul.sa-topthe li .spl-li-col2 {
        width: 50%;
        color: #333;
    }

    /*ul.sa-topthe li .spl-li-col3 {
width: 25%;
}*/

    ul.sa-topthe li .spl-li-col a {
        color: #333;
    }

    ul.sa-topthe li .spl-li-col .price {
        color: #ff1f1f;
        font-weight: bold;
    }
/* @group Base */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .chosen-container * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1010;
        width: 80%;
        border: 1px solid #aaa;
        border-top: 0;
        background: #f3f3f7;
        box-shadow: 0 4px 5px rgba(0,0,0,0.15);
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        left: 0;
    }

    .chosen-container a {
        cursor: pointer;
    }

    .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
        margin-right: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: normal;
        color: #999999;
    }

        .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
            content: ":";
            padding-left: 2px;
            vertical-align: top;
        }
/* @end */

/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 34px;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #e7e8ea;
    background-clip: padding-box;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 34px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('images/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}

    .chosen-container-single .chosen-single abbr:hover {
        background-position: -42px -10px;
    }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

    .chosen-container-single .chosen-single div b {
        display: block;
        width: 100%;
        height: 100%;
        background: url('images/chosen-sprite.png') no-repeat 0 6px;
    }

.chosen-container-single .chosen-search {
    display: none;
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

    .chosen-container-single .chosen-search input[type="text"] {
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        width: 100%;
        height: auto;
        outline: 0;
        border: 1px solid #aaa;
        background: white url('images/chosen-sprite.png') no-repeat 100% -20px;
        background: url('images/chosen-sprite.png') no-repeat 100% -20px;
        line-height: normal;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}
/* @end */

/* @group Results */
.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px;
        word-wrap: break-word;
        -webkit-touch-callout: none;
    }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer;
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #ccc;
            cursor: default;
        }

        .chosen-container .chosen-results li.highlighted {
            background-color: #ff1f1f;
            background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#ff1f1f),color-stop(90%,#2a62bc));
            background-image: -webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);
            background-image: -moz-linear-gradient(#3875d7 20%,#2a62bc 90%);
            background-image: -o-linear-gradient(#3875d7 20%,#2a62bc 90%);
            background-image: linear-gradient(#3875d7 20%,#2a62bc 90%);
            color: #fff;
        }

        .chosen-container .chosen-results li.no-results {
            color: #777;
            display: list-item;
            background: #333;
        }

        .chosen-container .chosen-results li.group-result {
            display: list-item;
            font-weight: bold;
            cursor: default;
        }

        .chosen-container .chosen-results li.group-option {
            padding-left: 15px;
        }

        .chosen-container .chosen-results li em {
            font-style: normal;
            text-decoration: underline;
        }
/* @end */

/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 3px 5px;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(1%,#eeeeee),color-stop(15%,#ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 1%,#ffffff 15%);
    background-image: -moz-linear-gradient(#eeeeee 1%,#ffffff 15%);
    background-image: -o-linear-gradient(#eeeeee 1%,#ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%,#ffffff 15%);
    cursor: text;
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

            .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
                margin: 1px 0;
                padding: 0;
                height: 25px;
                outline: 0;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none;
                color: #999;
                line-height: normal;
                border-radius: 0;
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 3px 5px 3px 0;
            padding: 3px 20px 3px 5px;
            border: 1px solid #aaa;
            max-width: 100%;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background-color: #eeeeee;
            background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#333),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eeeeee));
            background-image: -webkit-linear-gradient(#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
            background-image: -moz-linear-gradient(#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
            background-image: -o-linear-gradient(#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
            background-image: linear-gradient(#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
            background-size: 100% 19px;
            background-repeat: repeat-x;
            background-clip: padding-box;
            box-shadow: 0 0 2px white inset,0 1px 0 rgba(0,0,0,0.05);
            color: #333;
            line-height: 13px;
            cursor: default;
        }

            .chosen-container-multi .chosen-choices li.search-choice span {
                word-wrap: break-word;
            }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 4px;
                right: 3px;
                display: block;
                width: 12px;
                height: 12px;
                background: url('images/chosen-sprite.png') -42px 1px no-repeat;
                font-size: 1px;
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                    background-position: -42px -10px;
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #ccc;
            background-color: #e4e4e4;
            background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#333),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eeeeee));
            background-image: -webkit-linear-gradient(top,#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
            background-image: -moz-linear-gradient(top,#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
            background-image: -o-linear-gradient(top,#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
            background-image: linear-gradient(top,#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
            color: #666;
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: #d4d4d4;
        }

            .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                background-position: -42px -10px;
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}
/* @end */

/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #ff1f1f;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#eeeeee),color-stop(80%,#ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 20%,#ffffff 80%);
    background-image: -moz-linear-gradient(#eeeeee 20%,#ffffff 80%);
    background-image: -o-linear-gradient(#eeeeee 20%,#ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%,#ffffff 80%);
    box-shadow: 0 1px 0 #fff inset;
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        border-left: none;
        background: transparent;
    }

        .chosen-container-active.chosen-with-drop .chosen-single div b {
            background-position: -18px 6px;
        }

.chosen-container-active .chosen-choices {
    border: 1px solid #ff1f1f;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

    .chosen-container-active .chosen-choices li.search-field input[type="text"] {
        color: #222 !important;
    }
/* @end */

/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

    .chosen-disabled .chosen-single {
        cursor: default;
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default;
    }
/* @end */

/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0;
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl;
        }

    .chosen-rtl .chosen-single-with-deselect span {
        margin-left: 38px;
    }

    .chosen-rtl .chosen-single div {
        right: auto;
        left: 3px;
    }

    .chosen-rtl .chosen-single abbr {
        right: auto;
        left: 26px;
    }

    .chosen-rtl .chosen-choices li {
        float: right;
    }

        .chosen-rtl .chosen-choices li.search-field input[type="text"] {
            direction: rtl;
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px;
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px;
            }

    .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop {
        left: 9999px;
    }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0;
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none;
    }

    .chosen-rtl .chosen-search input[type="text"] {
        padding: 4px 5px 4px 20px;
        background: white url('images/chosen-sprite.png') no-repeat -30px -20px;
        background: url('images/chosen-sprite.png') no-repeat -30px -20px;
        direction: rtl;
    }

    .chosen-rtl.chosen-container-single .chosen-single div b {
        background-position: 6px 2px;
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
        background-position: -12px 2px;
    }
/* @end */

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx) {
    .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
        background-image: url('chosen-sprite@2x.png') !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}
/* @end */
.sa-lprod {
    padding: 15px 0;
}

.form-group-select .chosen-container {
    width: 100% !important;
}

.form-group label.txt {
    color: #444;
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    line-height: 20px;
}

.form-group .form-control {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    background-color: #fff;
    height: 32px;
}

.btn-search {
    background: #000;
    color: #fff;
}

    .btn-search i.fa {
        padding-right: 5px;
    }

.title01 {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 12px;
    font-weight: 300;
    text-transform: uppercase;
    /* float: left; */
    width: 100%;
    padding: 0px 0 0 15px;
}

.colimg {
}

    .colimg a {
    }

    .colimg img {
        width: 100%;
    }

.colimg-1 {
    width: 100%;
    float: left;
    margin-bottom: 13px;
}

.colimg-2 {
    float: left;
    margin-bottom: 5px;
    width: 49.5%;
}

.colimg-3 {
    float: right;
    margin-bottom: 5px;
    width: 49.5%;
}

.bg-ac, .home-category {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    /*-moz-box-shadow: 0 0 5px 0 rgb(255 255 255 / 50%);
    -webkit-box-shadow: 0 0 5px 0 rgb(255 255 255 / 50%);
    box-shadow: 0 0 5px 0 rgb(255 255 255 / 50%);*/
}
.home-category{
    background: #fff;
    padding: 10px;
}
.home-category .reponsive-img {
    aspect-ratio: 1 / 0.45
}
.home-category img {
    width: 100%;
}

/*.bg-ac .reponsive-img {
padding-top: 73%;
}

.bg-ac .reponsive-img img {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.bg-ac .reponsive-img img:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}*/


/*.bg-ac .rank-box {
    position: absolute;
    top: 10px;
    width: calc(100% - 20px);
    background: #ff1f1f;
    opacity: 0.9;
    left: 10px;
    z-index: 9999;
}*/
.bg-ac .rank-box {
    float: Left;
    width: 100%;
    background: #ff1f1f;
}

    .bg-ac .rank-box .c-rank {
        float: left;
        text-align: left;
        padding-right: 15px;
        padding: 10px;
        width: 100%;
        font-size: 14px;
        color: #fff;
        line-height: 22px;
        height: 60px;
    }

    .bg-ac .rank-box .o-rank {
        color: #4d4d4d;
        font-weight: 300;
        display: inline-block;
        vertical-align: middle;
        text-decoration: line-through;
        white-space: nowrap;
    }

    .bg-ac .rank-box .notify {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        line-height: 30px;
        position: relative;
        min-width: 30px;
        text-align: center;
        font-weight: 400;
        display: block;
        float: right;
        padding: 0 10px;
        color: #333;
        background: -webkit-linear-gradient(bottom, #fff 0%, #fff 100%);
        border: 1px solid #494949;
    }

/*.bg-ac .price-box {
    font-weight: bold;
    width: 100%;
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}*/
    .bg-ac .price-box {
        font-weight: bold;
        width: 100%;
        margin: 0 0 15px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .bg-ac .price-box .cart-price {
        color: #ff1f1f;
        white-space: nowrap;
        display: inline-block;
        font-size: 16px
    }

    .bg-ac .price-box .atm-price {
        display: inline-block;
        white-space: nowrap;
        font-size: 16px
    }

.btn-buynow {
    padding: 5px 15px;
    box-shadow: none;
    color: #000202;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    background-color: #333; /*border: 1px solid #FABD06;*/
}

    .btn-buynow:hover {
        background: #fff !important;
        color: #fff;
    }

.bginfo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px 0 10px;
    z-index: 2;
    -webkit-transition: visibility 0s 0.2s,opacity 0.2s linear;
    -ms-transition: visibility 0s 0.2s,opacity 0.2s linear;
    -moz-transition: visibility 0s 0.2s,opacity 0.2s linear;
    -o-transition: visibility 0s 0.2s,opacity 0.2s linear;
    transition: visibility 0s 0.2s,opacity 0.2s linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
    background: rgba(68,68,68,0.6);
    border: 6px solid rgb(28, 27, 33);
}

.bg-ac:hover .bginfo {
    opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    visibility: visible;
}

.bginfo .productFeatures {
    padding: 0 15px;
    margin: 0;
}

.productFeatures ul li {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 4px 0;
}

.productFeatures span {
    text-align: left;
    position: relative;
    padding-left: 20px;
    color: #fff;
    display: inline-block;
    background: #333;
    border-radius: 18px;
    line-height: 24px;
    padding: 2px 15px;
}

.showmore {
    width: 100%;
    display: block;
    float: left;
    padding: 10px;
    text-align: center;
    background-color: #ececec;
    margin-top: 20px;
    color: #e23a24;
    margin-bottom: 30px;
}

    .showmore span {
        color: #6b6b6b;
        display: inline-block;
        padding-left: 3px;
    }

    .showmore:hover, .showmore:focus {
        background-color: #e23a24;
        color: #fff;
    }

        .showmore:hover span, .showmore:focus span {
            color: #fff;
        }

#footer {
    padding: 30px 0 10px 0;
    background: #333;
    color: #fff;
    font-size: 14px;
    border-top: 1px solid #333;
}
#footer a {
    color: #fff;
}

.sa-ftadd {
    text-align: center;
    border-top: 1px solid #fff;
    padding: 15px 0 0;
}

.sa-fthotline {
    padding: 15px 0;
    background: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.sa-fthnum {
    border-right: 1px solid #555;
}
        .sa-fthnum p a {
            color: #ff1f1f
        }

    .sa-fthwork strong {
        color: #ff1f1f;
    }

.sa-fthnum a {
    font-weight: bold;
    color: #fff;
}

.sa-statistics {
    overflow: hidden;
}

    .sa-statistics p {
        margin: 0 0 5px 0;
    }

        .sa-statistics p label {
            width: 150px;
            font-weight: normal;
        }

        .sa-statistics p span {
            color: #ff1f1f;
        }

.btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    width: 30px;
    padding: 0;
    background: #e23a24;
    color: #fff;
    border: 1px solid #fff;
}

    .btn-social-icon > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        line-height: 30px;
        text-align: center;
        width: 100% !important;
    }

.btn-facebook:hover {
    color: #fff;
    background-color: #3b5998;
}

.btn-google-plus:hover {
    color: #fff;
    background-color: #dd4b39;
}

.btn-twitter:hover {
    color: #fff;
    background-color: #55acee;
}

.btn-youtube:hover {
    color: #fff;
    background-color: #cb2027;
}

.btn-pinterest:hover {
    color: #fff;
    background-color: #cb2027;
}

.social span {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.breadcrumb {
    padding: 15px 0;
    background: #000;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

    .breadcrumb > li {
        font-size: 14px;
    }
        .breadcrumb > li + li::before {
            color: #fff;
        }

.box-cate {
    background: #f3f3f7;
    padding: 15px;
    position: relative;
}

.pd-name {
    font-size: 18px;
    margin: 0 0 15px 0;
}

    .pd-name span.fa {
        color: #40c057;
        padding-right: 10px;
    }

.sa-ttactul {
    float: right;
}

    .sa-ttactul li {
        display: inline-block;
        vertical-align: middle;
        padding: 0 5px;
    }

        .sa-ttactul li.sa-ttac-card {
            color: #ff1f1f;
            font-weight: bold;
            padding-right: 10px;
        }

        .sa-ttactul li.sa-ttac-atm {
            font-weight: bold;
            padding-right: 10px;
        }

.btn-preorder-acc {
    padding: 5px 15px;
    box-shadow: none;
    color: #333;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    background: #f3f3f7;
}

.btn-buy-acc {
    padding: 5px 15px;
    box-shadow: none;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
}

.nav-tab-booking {
    background: #333;
    margin: 30px 0 0;
    border-bottom: 2px solid #ff1f1f;
}

    .nav-tab-booking .tab-link {
        float: left;
        padding: 10px 15px;
        background: #333;
        cursor: pointer;
        color: #333;
        text-transform: uppercase;
        border-right: 3px solid #fff;
    }

        .nav-tab-booking .tab-link i.fa {
            padding-right: 5px;
        }

        .nav-tab-booking .tab-link.current {
            background: #ff1f1f !important;
            color: #fff;
        }

.tab-content-booking {
    position: relative;
    line-height: 17px;
    display: none; /* overflow:hidden;*/
    padding: 15px 0;
}

    .tab-content-booking.current {
        display: inherit;
    }

.detail_account {
    line-height: 20px;
    color: #fff;
    text-align: center;
}

.l-i-c-acc {
    margin: 5px 0;
    text-align: center;
    overflow: hidden;
}

    .l-i-c-acc li {
        /*width: 14.2857142857%;*/
        width: 10%;
        float: left;
        border: 1px #6c757d solid;
        padding: 3px;
        box-sizing: border-box;
    }

        .l-i-c-acc li .hm-reponsive {
            padding-top: 131.25%;
            margin: 0;
        }

        .l-i-c-acc li img {
            display: block;
            margin: 0 auto;
        }

        .l-i-c-acc li label {
            background: #333;
            min-height: 80px;
            padding: 10px 0;
            display: block;
            overflow: hidden;
            margin: 0;
        }

.thumbnail-news-view {
    position: relative;
    overflow: hidden;
    line-height: 20px;
    color: #FFFFFF;
}

    .thumbnail-news-view > h1, .thumbnail-news-view > h2 {
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase;
        line-height: 30px;
    }

.block_timer_share {
    padding: 10px 0 20px 0;
    width: 100%;
    overflow: hidden;
}

.block_timer {
    font-weight: 400;
    padding: 5px 0 0;
    white-space: nowrap;
}

.block_share {
    padding-right: 10px;
}

    .block_share a {
        width: 24px;
        height: 22px;
        display: block;
        margin-right: 7px;
        float: left;
        text-align: center;
        line-height: 22px;
        background-color: #999999;
        color: #fff;
        text-decoration: none;
    }

    .block_share .facebook {
        background-color: #3B5A9A;
    }

    .block_share .google {
        background-color: #DF4B38;
    }

    .block_share .twitter {
        background-color: #29A9E1;
    }

    .block_share .email {
        background-color: #999999;
    }

    .block_share .print {
        background-color: #999999;
    }

.post_content {
    font-size: 14px;
    line-height: normal;
}

    .post_content h1, .post_content h2, .post_content h3, .post_content span, .post_content ul, .post_content ol {
        margin: 20px 0;
    }

.other-news-detail {
    position: relative;
    padding: 15px;
}

    .other-news-detail h2 {
        font-size: 18px;
        border-bottom: 1px solid #ccc;
        font-weight: 400;
        color: #fff;
        margin-bottom: 20px;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 20px;
    }

        .other-news-detail h2 span {
            background: #6c6b6a;
            position: absolute;
            top: 8px;
            left: 0;
            padding: 0 15px;
        }

    .other-news-detail ul li {
        padding: 5px 0 5px 0;
        display: block;
        position: relative;
    }

        .other-news-detail ul li a {
            padding-left: 15px;
            color: #333;
        }

            .other-news-detail ul li a:hover {
                text-decoration: underline;
            }

        .other-news-detail ul li:before {
            content: "";
            position: absolute;
            top: 12px;
            left: 0px;
            width: 5px;
            height: 5px;
            background: #333;
        }

.table-popcart {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
}

    .table-popcart td {
        color: #333;
        font-size: 14px;
    }

.table-striped > tbody > tr {
    background: #f1f1f1;
}

.table > thead > tr:first-child > th {
    background: #eee;
    padding: 8px 10px;
    white-space: nowrap;
}

.sa-lichek:before {
    content: "*";
    position: absolute;
    top: 8px;
    right: 20px;
    color: #ff0000;
}

.hr_title {
    font-weight: 500;
    padding: 0 10px;
    line-height: 29px;
    position: relative;
    text-align: center;
    margin: 15px 0 25px;
}

    .hr_title:before {
        content: "";
        background-color: #333;
        bottom: 0;
        height: 1px;
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        margin: auto;
    }

    .hr_title .text {
        position: relative;
        padding: 8px 15px;
        font-weight: normal;
        background: #333;
        color: #fff;
        border-radius: 3px;
    }

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0;
    border: none;
}

    .btn-social > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        text-align: center;
    }

    .btn-social + .btn-social {
        margin-left: 5px;
    }

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
}

.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
}

    .btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active, .open > .dropdown-toggle.btn-google-plus {
        color: #fff;
        background-color: #c23321;
    }

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #2d4373;
}

.bg-ac .btn-buynow {
    background: #333;
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
}

.bg-ac .acft {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box-list .bg-ac .acft {
    justify-content: space-evenly;
}

    .bg-ac .acft i {
        margin: 0 5px 0 0;
    }

.bg-ac .pl-item-des {
    background: #333;
    padding: 5px 10px 0px 10px;
    height: 170px;
    line-height: 170%;
    color: #fff;
    text-align: left;
    overflow: hidden;
}

    .bg-ac .pl-item-des span {
        display: block;
        float: left;
        width: 100%;
    }

        .bg-ac .pl-item-des span.mutiple {
            float: left;
            width: 50%;
        }

        .bg-ac .pl-item-des span i {
            background-color: white;
            border-radius: 50%;
            width: 7px;
            height: 7px;
            float: left;
            margin: 6px 6px 0 0;
        }

.sa-user {
    position: relative;
}

.sa-usmoney {
    position: relative;
    padding-right: 30px;
    border: 1px solid #333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .sa-usmoney strong {
        color: #ff1f1f;
    }

    .sa-usmoney:after {
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        height: 32px;
        line-height: 32px;
        padding: 0 6px;
        color: #fff;
        background: #333;
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
        content: "\f078";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 300;
    }

.dropdown-usmenu {
    position: absolute;
    min-width: 230px;
    top: 35px;
    left: inherit;
    right: 0;
    background: #333;
    padding: 5px 10px;
    border: none;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}

    /*.dropdown-usmenu:before {
content: '';
position: absolute;
border-style: solid;
border-width: 0 8px 8px;
border-color: #212121 transparent;
display: block;
width: 0;
z-index: 10;
top: -8px;
right: 12px;
}

.dropdown-usmenu:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 8px 8px;
border-color: #111112 transparent;
display: block;
width: 0;
z-index: 11;
top: -7px;
right: 12px;
}*/
    .dropdown-usmenu a {
        display: block;
        width: 100%;
        padding: 6px 0;
        color: #f3f3f7;
        border-bottom: 1px dotted #777;
    }

        .dropdown-usmenu a:hover {
            text-decoration: underline;
        }

        .dropdown-usmenu a:last-child {
            border-bottom: none;
        }

    .dropdown-usmenu i.fa {
        padding-right: 5px;
    }


.navmenu > li {
    position: relative;
}

    .navmenu > li ul.submenu {
        position: absolute;
        top: 43px;
        min-width: 200px;
        left: 0;
        background: #f3f3f7;
    }


        .navmenu > li ul.submenu li strong {
            height: 40px;
            float: left;
            width: 100%;
            line-height: 40px;
            padding: 0 0 0 23px;
        }

.skin_box {
    position: relative;
}

.list_search {
    width: 300px;
    float: left;
    position: absolute;
    z-index: 9999;
    background: #f3f3f7;
    display: none;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}

    .list_search li {
        float: left;
        width: 100%;
        height: 35px;
        line-height: 35px;
        padding: 0px 15px;
        box-sizing: border-box;
        border-bottom: 1px solid #333;
    }

        .list_search li a:hover {
            text-decoration: underline;
        }
/*add css 15/4/2017*/
.btn.userCP {
    text-align: center;
    position: relative;
    color: #ffffff;
    border: 1px solid #333;
    background: #333;
}

.text-right.all.mt20.mb20 {
    text-align: center;
    padding-left: 15px;
}

.pagination > li > a:hover, .pagination > li > a.active {
    background-color: #ff1f1f;
    color: #fff;
}

.pagination > li > a, .pagination > li > span {
    font-size: 14px;
    border: none;
    background: #f3f3f7;
    margin: 0 5px 0 0;
}

ul.list-ac.all {
}

.box-new-cate {
    background: #fff;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}

ul.list-new-cate {
    padding: 0 10px;
    background: #333;
}

    ul.list-new-cate li {
        padding: 20px 0;
        float: left;
        width: 100%;
        border-bottom: 1px dashed #e5e5e5;
    }

        ul.list-new-cate li figure {
        }

            ul.list-new-cate li figure a {
                display: block;
            }

            ul.list-new-cate li figure img {
            }

        ul.list-new-cate li .blogtitle {
            font-weight: bold;
            margin-bottom: 5px;
            line-height: 22px;
            font-size: 18px;
        }

        ul.list-new-cate li .blogtime {
            color: #f3f3f7;
            font-style: italic;
        }

            ul.list-new-cate li .blogtime span:first-child {
                border-left: 0;
                padding-left: 0;
            }

            ul.list-new-cate li .blogtime span {
                border-left: 1px solid #afafaf;
                padding: 0 10px;
                margin: 0 0 0 10px;
            }

            ul.list-new-cate li .blogtime i.fa {
                padding-right: 3px;
            }

        ul.list-new-cate li .blogsummary {
            color: #0e0e0e;
            padding-bottom: 15px;
            line-height: 22px;
            max-height: 65px;
            overflow: hidden;
        }

ul.bankList {
    clear: both;
    height: 202px;
    width: 636px;
}

    ul.bankList li {
        list-style-position: outside;
        list-style-type: none;
        cursor: pointer;
        float: left;
        margin-right: 0;
        padding: 5px 2px;
        text-align: center;
        width: 90px;
    }

.list-content {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    color: #fff;
}

    .list-content li {
        list-style: none outside none;
        margin: 0 0 10px;
    }

        .list-content li .boxContent {
            display: none;
            width: 100%;
            border: 1px solid #cccccc;
            padding: 10px;
            float: left;
            margin: 0 0 20px 0;
        }

        .list-content li.active .boxContent {
            display: block;
        }

        .list-content li .boxContent ul {
            height: 280px;
        }

i.VISA, i.MASTE, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB, i.NAB, i.BAB {
    width: 80px;
    height: 30px;
    display: block;
    background: url(https://www.nganluong.vn/webskins/skins/nganluong/checkout/version3/images/bank_logo.png) no-repeat;
}

i.MASTE {
    background-position: 0px -31px;
}

i.AMREX {
    background-position: 0px -62px;
}

i.JCB {
    background-position: 0px -93px;
}

i.VCB {
    background-position: 0px -124px;
}

i.TCB {
    background-position: 0px -155px;
}

i.MB {
    background-position: 0px -186px;
}

i.VIB {
    background-position: 0px -217px;
}

i.ICB {
    background-position: 0px -248px;
}

i.EXB {
    background-position: 0px -279px;
}

i.ACB {
    background-position: 0px -310px;
}

i.HDB {
    background-position: 0px -341px;
}

i.MSB {
    background-position: 0px -372px;
}

i.NVB {
    background-position: 0px -403px;
}

i.DAB {
    background-position: 0px -434px;
}

i.SHB {
    background-position: 0px -465px;
}

i.OJB {
    background-position: 0px -496px;
}

i.SEA {
    background-position: 0px -527px;
}

i.TPB {
    background-position: 0px -558px;
}

i.PGB {
    background-position: 0px -589px;
}

i.BIDV {
    background-position: 0px -620px;
}

i.AGB {
    background-position: 0px -651px;
}

i.SCB {
    background-position: 0px -682px;
}

i.VPB {
    background-position: 0px -713px;
}

i.VAB {
    background-position: 0px -744px;
}

i.GPB {
    background-position: 0px -775px;
}

i.SGB {
    background-position: 0px -806px;
}

i.NAB {
    background-position: 0px -837px;
}

i.BAB {
    background-position: 0px -868px;
}

ul.cardList li {
    cursor: pointer;
    padding: 5px 4px;
    text-align: center;
    width: 25%;
    float: left;
}

    ul.cardList li label {
        float: left;
        width: 100%;
        text-align: left;
        font-weight: normal;
    }

    ul.cardList li input {
        float: left;
        text-align: left;
        margin: 6px 5px 0 0;
    }

.btn-card {
    color: #fff;
    background: url(images/btn-card.png) no-repeat center center / auto 200px;
    min-width: 200px;
    height: 200px;
    border-radius: 9999px;
    border: 5px solid #ccc;
    text-indent: -9999px;
}

    .btn-card:hover {
        color: #fff;
        background-color: #3b5998;
        border-color: rgba(0,0,0,0.2);
    }

.btn-atm {
    color: #fff;
    background: url(images/btn-atm.png) no-repeat center center / auto 200px;
    min-width: 200px;
    height: 200px;
    border-radius: 9999px;
    border: 5px solid #ccc;
    text-indent: -9999px;
}

    .btn-atm:hover {
        color: #fff;
        background-color: #3b5998;
        border-color: rgba(0,0,0,0.2);
    }

.loading {
    background: #fff url(images/loading1.gif) center center no-repeat;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.5;
    padding: 0;
    margin: 0;
    display: none;
	z-index: 9999;
}

/*add 24/4/2017*/
.wrap {
    background-color: #3b5998;
    position: fixed;
    width: 300px !important;
    height: 360px !important;
    z-index: 9999999;
    right: 0px;
    bottom: 0px;
    padding-left: 10px;
    padding-right: 10px !important;
    padding-top: 40px;
}

.fb-page.fb_iframe_widget {
    width: 280px !important;
}

.x {
    background: rgba(78,86,101,0.8) none repeat scroll 0 0;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -19px;
    width: 25px;
    z-index: 99999999;
}

    .x:hover {
        cursor: pointer;
    }

.pxem {
    text-align: center;
    height: 25px;
    margin-bottom: 0;
    margin-top: 0;
    background: #3b5998;
    width: 100%;
    bottom: 0;
    display: block;
    left: 0px;
    position: absolute;
    z-index: 999999999;
    /*border-left: 1px solid #fff;*/
}

    .pxem a.axem {
        color: #fff;
        line-height: 23px;
        padding-left: 5px;
        text-decoration: none;
    }

        .pxem a.axem:hover {
            text-decoration: underline;
        }

.alogo {
    position: absolute;
    bottom: 0;
    right: 0px;
    z-index: 999999999999;
    width: 75px;
    height: 20px;
    display: inline-block;
    background: #34495E;
    border-left: 2px solid #2c3e50;
    padding-right: 0px;
    padding-left: 5px;
}

.vnk-tuvan {
    position: fixed;
    width: 300px;
    background: #3b5998;
    z-index: 99999999;
    right: 0px;
    bottom: 0px;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    border-color: #2c3e50;
}

    .vnk-tuvan p {
        color: #fff;
        margin: 0;
        padding: 0 13px;
        text-align: left;
    }

        .vnk-tuvan p a {
            color: #fff;
            padding: 5px 0px 7px;
            margin: 0;
            display: inline-block;
            text-decoration: none;
        }

            .vnk-tuvan p a:hover {
                text-decoration: underline;
                cursor: pointer;
            }

        .vnk-tuvan p img {
            float: right;
            margin-top: 10px;
        }

.slider-bntop {
    /*height: 363px;*/
    overflow: hidden;
}
/*add css 28/4*/
.col-lg-10.col-md-10.col-sm-4.col-xs-5.menuTop {
    padding-right: 2px !important;
}

.row.border-search {
    background-color: #fff;
}

li.tab-link.current.same-price {
    width: 100%;
    text-align: center;
}

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #333;
    display: none;
}

#boxes .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
}

#boxes #dialog {
    width: 750px;
    height: 300px;
    padding: 10px;
    background-color: #ffffff;
}

#popupfoot {
    position: absolute;
    bottom: 0px;
    width: 250px;
    left: 250px;
}

li.tab-link.same-price {
    width: 100%;
    background-color: #ff1f1f;
    text-align: center;
}

.h1_logo, .h2_logo {
    position: absolute;
    text-indent: -9999px;
}

.l-i-c-acc {
    position: relative;
}

    .l-i-c-acc li.logo {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        z-index: 99999;
        width: 100%;
        height: 50px;
        min-height: 50px;
        border: none;
    }

        .l-i-c-acc li.logo label {
            opacity: 0.4;
            padding: 0;
        }

a.btn.btn-buy-acc {
    color: black;
    background: #fff;
}

    a.btn.btn-buy-acc:hover {
        background: #ff1f1f;
    }

.btn-akrbuy {
    background: #21a0ff;
    color: #fff;
    border-radius: 4px;
}

    .btn-akrbuy.disable {
        background: #ccc;
        color: #333;
        border-radius: 4px;
        cursor: move;
    }

.btn-akrcheckout {
    background: #000;
    color: #fff;
}

.mh20 {
    min-height: 20px !important;
}

.ui-selectmenu-button.ui-button {
    width: 100% !important;
    height: 34px !important;
    line-height: 34px !important;
    border-radius: 0 !important;
    padding: 0 5px !important;
    position: relative;
}

.ui-icon-triangle-1-s {
    background-position: -61px 0px !important;
    position: absolute !important;
    right: 5px !important;
    bottom: 0 !important;
    top: 0 !important;
    margin: auto !important;
}

.none-padding {
    padding: 0 !important;
}


.float-menu {
    width: 180px;
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 999;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}

@media (max-width: 380px) {
    .float-menu {
        width: 100% !important;
        bottom: 0 !important;
        top: auto;
    }

    a.float-btn {
        width: 100% !important;
        text-align: center !important;
    }
}

a.float-btn {
    background: #333;
    width: 180px;
    height: 40px;
    display: block;
    border: 1px solid #fff;
    border-right: none;
    line-height: 40px;
    text-align: right;
    color: #fff;
    padding: 0 10px 0 0;
}

    a.float-btn:first-child {
        color: #333;
        background: #FDB603 url(images/LQ.png) no-repeat left center;
        margin: 0 0 5px 0;
    }

    a.float-btn:last-child {
        background: #b8312f url(images/LM.png) no-repeat left center / 35px 35px;
    }

.akr-copy {
    float: right;
    font-style: italic;
    text-decoration: underline;
    color: #ff1f1f;
}

ol.breadcrumbList {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

    ol.breadcrumbList li {
        float: left;
        width: 50%;
        color: #fff;
        margin: 0 0 10px 0;
    }

        ol.breadcrumbList li a {
            color: #fff;
        }

.checked {
    background: url(images/check_account.png) no-repeat center center / 18px 18px;
    text-indent: -9999px;
    float: left;
    width: 100%;
    height: 18px;
}
/*menu shop*/
.headerbar {
    float: left;
    width: 100%;
    text-align: center;
}

    .headerbar li {
        display: inline-block;
    }

        .headerbar li a {
            border: 1px #e69800 solid;
            color: #e69800;
        }

.bodybar, .game-other {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

    .bodybar li:first-child {
        float: left;
        background: url(images/LM.png) no-repeat 0 0;
        height: 60px;
        line-height: 60px;
        padding: 0 0 0 60px;
    }

    .bodybar li:last-child {
        float: right;
        background: url(images/LQ.png) no-repeat right center;
        height: 60px;
        line-height: 60px;
        padding: 0 60px 0 0;
    }

    .bodybar li.other:first-child {
        float: left;
        background: url(images/freefire.png) no-repeat 0 0 / auto 60px;
        height: 60px;
        line-height: 60px;
        padding: 0 0 0 185px;
    }

    .bodybar li.other:last-child {
        float: right;
        background: url(images/pubg.png) no-repeat right center / auto 60px;
        height: 60px;
        line-height: 60px;
        padding: 0 100px 0 0;
    }

.pd0 {
    padding: 0 !important;
}

.toolbar.left {
    float: left;
    margin: 0 0 10px;
}

.toolbar.right {
    float: right;
    margin: 0 0 10px;
}

.toolbar li {
    float: left;
}

.toolbar.left li a {
    margin: 0 5px 0 0;
}

.toolbar.right li a {
    margin: 0 0 0 5px;
}

.toolbar li a {
    float: left;
    padding: 5px;
    border: 1px #e69800 solid;
    color: #e69800;
}

    .toolbar li a.active, .toolbar li a:hover {
        background: #e69800;
        color: #333;
    }

.toolbar.right input {
    margin: 0 15px 0 0;
    height: 32px;
}

#order-note {
    text-align: center;
    margin: 10px 0 0;
    float: left;
    width: 100%;
    color: #ff1f1f;
    height: 50px;
}

/*statistic*/
.statistic {
    float: left;
    width: 100%;
    margin: 10px 0 40px 0;
}

    .statistic li {
        float: left;
        width: 33.333%;
    }

        .statistic li p {
            float: left;
            width: 100%;
            font-weight: bold;
        }

            .statistic li p:first-child {
                text-transform: uppercase;
                margin: 0 0 20px 0;
            }

            .statistic li p label {
                float: left;
                width: 150px;
            }

            .statistic li p span {
                color: #fff;
            }

.akr-list {
    float: left;
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    margin: 10px 0;
}

    .akr-list li {
        float: left;
        width: 50%;
        height: 25px;
        position: relative;
    }

        .akr-list li input {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }

        .akr-list li span {
            display: inline-block;
            margin: 0 0 0 20px;
            height: 25px;
            line-height: 25px;
        }

.akr-count {
    float: left;
    width: 100%;
    text-align: right;
    font-weight: bold;
    margin: 10px 0 0;
    color: #fff;
}

.akr-selected {
    margin: 10px 0 0;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
}

#support-fancybox {
    display: none;
}

.login-fb {
    background: url(images/logo-fb.png) no-repeat 0 0 / 70px 70px;
    width: 70px;
    height: 70px;
    text-indent: -9999px;
    display: inline-block;
}

.login-gg {
    background: url(images/logo-gg.png) no-repeat 0 0 / 70px 70px;
    width: 70px;
    height: 70px;
    text-indent: -9999px;
    display: inline-block;
}
/*.tab-content-lprod a {
background: #f3f3f7;
color: #333;
padding: 10px 0;
border-radius: 4px;
width: 100%;
display: inline-block;
text-align: center;
}*/

.akr-tab li {
    text-align: center;
    text-transform: uppercase;
    background: #333;
    padding: 10px;
    font-weight: bold;
    position: relative;
}

    .akr-tab li:hover, .akr-tab li.active {
        background: #ff1f1f;
        color: #333;
    }

.lucky {
    background: #fff !important;
    font-weight: bold;
}

.akr-tab li ul.sub-menu {
    float: left;
    width: 100%;
    position: absolute;
    top: 40px;
    z-index: 9999;
    background: #f3f3f7;
    margin: 0 -10px;
    display: none;
}

.akr-tab li:hover .sub-menu {
    display: block;
}

.akr-tab li ul.sub-menu li {
    float: left;
    width: 100%;
    text-align: left;
    background: none;
}

    .akr-tab li ul.sub-menu li a {
        float: left;
        width: 100%;
        color: #333;
        text-transform: none;
    }

.game-other li {
    background: url(images/game-hot.png) no-repeat center center / 60px 60px;
    float: left;
    width: 100%;
    text-align: center;
    height: 60px;
    line-height: 130px;
    margin: 0 0 40px 0;
}

.toolbar-other.center {
    display: inline-block;
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
}

    .toolbar-other.center li {
        display: inline-block;
        margin: 0 0 0 7px;
    }

.toolbar-other li a {
    padding: 7px;
    border: 1px #e69800 solid;
    color: #e69800;
}

    .toolbar-other li a.active, .toolbar-other li a:hover {
        background: #e69800;
        color: #333;
    }

.form-inline {
    display: flex;
    align-items: center;
}

    .form-inline .form-control {
        display: inline-block;
        vertical-align: middle;
    }

@media (min-width: 768px) {

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}

.valid-code {
    cursor: pointer;
}

.security {
    text-align: center;
    font-weight: bold;
    height: 35px;
}

.list-cate li .bg-ac .rank-box .c-rank {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.list-cate li .c-product-item_info {
    padding: 10px !important;
    text-align: center;
}

.lucky-box .c-rank {
    border: 1px solid #fff !important;
}

/*ext*/
.c-content-title-1 > h1, .c-content-title-1 > h3 {
    font-weight: bold;
    padding: 15px 0;
    font-size: 25px;
    display: flex;
}
.c-content-title-1 > h1 a, .c-content-title-1 > h3 a {
    display: flex;
    white-space: nowrap;
    font-size: 18px;
    overflow: hidden;
}

.c-content-title-1 > .c-line-center {
    width: 100px;
    height: 2px;
    background-color: #fff;
    margin: 0 0 30px 0;
}

.game-qty {
    width: 100%;
}

    .game-qty li {
        width: 100%;
        margin: 5px 0 0 !important;
        font-size: 13px;
    }

#card_form .note {
    padding: 0 15px;
    text-transform: uppercase;
}
/*end ext*/
.box-ext {
    float: left;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    text-transform: uppercase;
    background: #333;
    text-align: center;
}

.row.nav-fixed {
    height: 50px;
    padding-top: 0;
}

.banner {
    margin: 30px 0 0;
}

.sa-bntcbox {
    overflow-y: scroll;
    height: 312px;
    background: #f3f3f7
}

.sa-bntcbox::-webkit-scrollbar {
    width: 5px;
    background-color: #f3f3f7;
}

    .sa-bntcbox::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #f3f3f7;
    }

    .sa-bntcbox::-webkit-scrollbar-thumb {
        background-color: #ff1f1f;
    }


.bg-ac {
    transition: transform 500ms ease-out;
    z-index: 0;
    border-radius: 8px;
}

    .bg-ac::before {
        content: "";
        background: rgba(255, 255, 255, 0.4);
        width: 60%;
        height: 100%;
        top: 0%;
        left: -125%;
        transform: skew( 45deg);
        position: absolute;
        transition: left 500ms ease-out;
        z-index: 1;
    }

    .bg-ac:hover {
        /*transform: translateY(-25%);*/
    }

        .bg-ac:hover::before {
            left: 150%;
        }

.home-container {
    width: 920px;
}

.home-bg {
    margin: 30px 0 0;
    background: #fff;
    /*border-radius: 8px;*/
}

.view-all {
    margin: 15px 0;
}

.social {
    float: left;
    width: 100%;
    margin: 15px 0 0;
}

.ui-selectmenu-text {
    font-size: 14px;
}

.ui-menu .ui-menu-item-wrapper {
    font-size: 14px;
}

a i.fa {
    padding-right: 5px;
}



img.valid-code {
    height: 35px !important;
}

.login-box a {
    display: inline-block;
    color: #333;
    font-weight: bold;
    margin: 0 10px;
    background: #f3f3f7;
    border-radius: 4px;
    padding: 10px 20px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}

    .login-box a img {
        margin-right: 10px;
        width: 20px;
    }

@media (max-width: 767px) {
    .sa-ttactul li {
        padding: 0;
    }

    .sa-ttac-btn {
        width: 100%;
    }

    .pd-name {
        margin-bottom: 20px;
    }

    .sa-ttactul li.sa-ttac-card {
        font-size: 20px;
        float: left;
    }

    .sa-ttactul li.sa-ttac-atm {
        padding-right: 0;
        float: right;
        font-size: 20px;
    }

    /*.btn-akrcheckout {
        float: right;
        padding: 10px 15px;
        margin-top: 20px;
        text-align: right;
    }*/

    .sa-bntbox {
        margin-bottom: 30px;
    }

    .home-container {
        width: 100%;
    }

    .view-all {
        margin: 10px 0;
    }

    .pagination > li > a, .pagination > li > span {
        margin: 0 5px 10px 0;
    }

    .mm-listview .mm-next + a, .mm-listview .mm-next + span {
        text-align: left;
    }

    .logo img {
        height: 60px !important;
        max-width: unset;
    }
    #footer .row-1 img {
        height: 25px !important;
    }

    .sa-fthotline {
        height: auto
    }

    .sa-fthnum {
        border-right: none;
    }

    .post_content {
        overflow: scroll;
    }
    /*.user-nav {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        background: #fff;
        padding: 15px;
        display: flex;
        justify-content: space-between;
    }*/
    .user-nav li {
        margin-left: 0 !important;
    }

    .slide-top {
        margin: 0
    }

    .logo {
        margin: 0 !important
    }
}


.news_content img {
    width: 100% !important;
    height: auto !important;
}

.news_content strong img {
    width: auto !important;
    height: auto !important;
}

.banner img {
    margin-bottom: 30px;
}

.attr-box {
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.attr-box strong {
    margin-left: 10px;
}
    .attr-box > p {
        width: 50%;
    }

.mm-listview li a, .mm-listview li span {
    text-align: left;
}

.skin-btn {
    margin-left: 50px;
    line-height: 25px;
    float: left;
    color: #ff1f1f;
}

#skin-modal ul {
    padding: 0 20px;
}

    #skin-modal ul li {
        background: #f3f3f7;
        border-radius: 4px;
        padding: 10px;
        text-align: center;
    }

        #skin-modal ul li img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 0.6;
            object-fit: cover;
        }

        #skin-modal ul li span {
            text-transform: capitalize;
            margin: 10px 0;
            display: block;
            font-weight: bold;
            height: 20px;
        }
.nav-mobile{
	display: none;
}
@media (max-width: 767px) {
    .Wrapper{
        margin-bottom: 70px;
    }
    .roblox-form .box-roblox{
        width: 100% !important;
    }
    .box-new{
        margin: 0 !important;
    }
	.nav-mobile{
		display: block !important;
	}
    .btn-view-skin {
        margin-left: 0;
        margin-bottom: 30px;
    }

    .detail-img-box.col-md-8, .detail-img-box.col-lg-8 {
        width: 100% !important;
    }
    .detail-info-box {
        position: unset !important;
        margin-top: 30px !important;
    }

    skin-modal ul li {
        aspect-ratio: 1 / 1;
    }

    .box-new {
        width: 100% !important;
    }
    #footer .row-1 p.footer-title {
        margin: 15px 0 15px 0 !important;
    }
}

.user-nav {
    text-align: right;
}

    .user-nav li {
        display: inline-block;
        margin-left: 15px;
    }

    /*.user-nav .btn-message i {
        background: url(images/ring.svg) no-repeat center center / 15px 15px;
        width: 25px;
        height: 15px;
        display: inline-block;
    }

    .user-nav .btn-profile i {
        background: url(images/profile.svg) no-repeat center center / 15px 15px;
        width: 25px;
        height: 15px;
        display: inline-block;
    }*/

.btn-charge {
    text-align: center;
    position: relative;
    color: #fff;
    border: 1px solid #333;
    background: #333;
}

.user-nav .btn-icon {
    display: inline-block;
    background: #333;
    color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
}
.user-nav .btn-icon i {
    padding: 0;
}

.slide-top img {
    width: 100%;
}

.content-main, .home-box-1, .rotation-box, .flash-sale {
    /*margin: 30px 0 0;*/
}

    .home-box-1 img {
        border-radius: 10px;
        /*margin: 0 0 30px 0;*/
    }

    .rotation-box .r-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .rotation-box i.icon-sound {
        background: url(images/sound_mobile.svg) no-repeat center center / auto 25px ;
        width: 20px;
        height: 20px;
        display: inline-block;
        margin: 0 10px 0 0;
    }

    .rotation-box i.icon-user {
        background: url(images/user.png) no-repeat center center / 15px 15px;
        width: 20px;
        height: 10px;
        display: inline-block;
        margin: 0 0px 0 20px;
    }

    .rotation-box marquee {
        display: inline-block;
        width: 100%;
        color: #f3f3f7;
    }

.menu-row-1 {
    display: flex;
    align-items: center;
}


.rating-box .home-title {
    margin: 30px 0;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.rating-box i.icon-avatar {
    background: url(images/avatar.jpeg) no-repeat center center / 50px 50px;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0 15px 0 0;
}

.rating-box .rating-item {
    overflow: hidden;
    position: relative;
    background: #f3f3f7;
    padding: 10px;
    margin: 0 0 30px 0;
    border-radius: 4px;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}

    .rating-box .rating-item .rating-item-row {
        display: flex;
        align-items: center;
    }

    .rating-box .rating-item .name {
        font-weight: bold;
        font-size: 15px;
    }

    .rating-box .rating-item .acc {
        font-size: 12px;
    }

    .rating-box .rating-item .summary {
        font-size: 13px;
        margin: 15px 0 0;
    }

    /*.home-bg .box-home i.icon-box-home {
        background: url(images/icon-box-home.png) no-repeat center center / 60px 60px;
        width: 60px;
        height: 60px;
        display: inline-block;
        margin: 0 15px 0 0;
    }*/
    .home-bg i {
        font-style: normal;
    }

        .home-bg i.icon-box-home {
            margin: 0 10px 0 0;
            background: url(images/icon-game.png) no-repeat center center / auto 25px;
            width: 25px;
            height: 25px;
            display: inline-block;
        }

.searchbox input[type="search"] {
    padding: 9px 5px 9px 10px;
    border-radius: 4px;
    border: 1px solid #333;
    width: 100%;
    position: relative;
}

.searchbox button {
    position: absolute;
    padding: 18px;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border: none;
    right: -1px;
    top: 0;
    background: #333;
}

    .searchbox button:before {
        content: '';
        background-color: #fff;
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-mask-image: url(images/icon-search.svg);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: cover;
        -webkit-mask-position: center;
    }

.owl-theme .owl-nav [class*='owl-'] {
    background: #ff1f1f;
    color: #f3f3f7;
    text-decoration: none;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 60px;
    display: flex !important;
    align-items: center;
}

    .owl-theme .owl-nav [class*='owl-']:hover {
        background: #333;
    }

.owl-nav .owl-prev {
    left: -25px;
}

.owl-nav .owl-next {
    right: -25px;
}

.owl-nav .owl-prev i {
    display: inline-block;
}

.flash-sale .flash-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .flash-sale .flash-tab ul {
        align-items: center;
        padding: 0;
    }

        .flash-sale .flash-tab ul li {
            display: inline-block;
            border-bottom: 1px solid #ff1f1f;
            color: #333;
            border-radius: unset;
            text-align: center;
        }

            .flash-sale .flash-tab ul li a {
                font-size: 20px;
                padding: 6px 50px;
                display: block;
            }

            .flash-sale .flash-tab ul li span {
                font-size: 13px;
                display: block;
            }

.flash-sale .list-sale {
    margin: 30px 0 0;
}

.flash-sale .bg-ac {
    background: #333;
    color: #f3f3f7;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}

.bg-ac .c-name {
    margin: 15px 0;
}
.bg-ac .c-name a {
    font-weight: bold;
    color: #ff1f1f;
	overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;
}

.flash-sale .box-home {
    background: #f3f3f7;
}

.flash-sale .bg-ac .price-box .atm-price {
    color: #f3f3f7
}

.flash-sale .c-content-title-1 h3 {
    color: #ff1f1f;
}

.flash-sale .c-content-title-1 > .c-line-center {
    background-color: #ff1f1f;
}

.banner-middle img {
    width: 100%;
    aspect-ratio: 1 / 0.43;
    object-fit: cover;
}

.content-main .nav-tabs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #333;
    padding: 16px 0;
}

    .content-main .nav-tabs li {
        display: inline-block;
        padding: 8px;
        text-align: center;
        border-radius: 4px;
        font-weight: bold;
    }

        .content-main .nav-tabs li.active {
            background: #ff1f1f;
        }

        .content-main .nav-tabs li.disable {
            background: #ccc;
        }

        .content-main .nav-tabs li a {
            font-size: 13px;
        }

        .content-main .nav-tabs li.active a {
            color: #f3f3f7;
        }

.top-right-box {
    background: #f3f3f7;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    padding: 5px;
    opacity: 0.9;
}

    .top-right-box .tab-content {
        height: 258px;
        overflow: hidden;
        /*overflow-y: scroll;*/
    }
        /* custom scrollbar */
        .top-right-box .tab-content::-webkit-scrollbar {
            height: 20px;
        }

        .top-right-box .tab-content::-webkit-scrollbar {
            width: 20px;
        }

        .top-right-box .tab-content::-webkit-scrollbar-track {
            background-color: transparent;
        }

        .top-right-box .tab-content::-webkit-scrollbar-thumb {
            background-color: #ff1f1f;
            border-radius: 20px;
            border: 8px solid transparent;
            background-clip: content-box;
        }

            .top-right-box .tab-content::-webkit-scrollbar-thumb:hover {
                background-color: #a8bbbf;
            }

.box-news .list-sale {
    margin: 30px 0 0;
}

.box-news .bg-ac {
    -moz-box-shadow: 0 0px 2px 0 #f3f3f7;
    -webkit-box-shadow: 0 0px 2px 0 #f3f3f7;
    box-shadow: 0 0px 2px 0 #f3f3f7
}

.box-news .c-name {
    font-weight: bold;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 10px 0 0;
}

.box-news .c-time {
    text-align: left;
    font-size: 12px;
    margin: 10px 0 0;
}

    .box-news .c-time i {
        margin: 0 5px 0 0;
        font-weight: normal;
    }

.owl-carousel .owl-stage-outer {
    padding: 1px 0;
}

/*cp user*/
.mini-content .modal-header {
    /*background: #23262d;*/
    background: #f3f3f7;
    padding: 0 0 20px 0;
    border: none;
}

    .mini-content .modal-header h5 {
        color: #23262d;
        text-align: center;
    }

    .mini-content .modal-header button {
        top: 10px;
        right: 10px;
        background: none;
    }

        .mini-content .modal-header button span {
            font-size: 30px;
            color: #333;
        }

.mini-content .modal-content {
    padding: 20px;
    /*background: #23262d;*/
    background: #f3f3f7;
	overflow-y: scroll;
    height: 80vh;
}

.mini-content .modal-body {
    padding: 10px;
    font-size: 15px;
}

.mini-content .title2 {
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
}

.mini-content ul li {
    display: flex;
    align-items: center;
}

    .mini-content ul li img {
        margin-bottom: 25px;
    }

    .mini-content ul li label {
        width: 100%;
        display: block;
        color: #ff1f1f
    }

    .mini-content ul li span {
        font-weight: bold;
    }

    .mini-content ul li .col_10_3 {
        text-align: right
    }

        .mini-content ul li .col_10_3 a {
            background: #ff1f1f;
            border-radius: 4px;
            padding: 5px 10px;
            text-align: right;
            color: #f3f3f7;
        }

.mini-content .note {
    margin-top: 20px;
    color: #ff1f1f;
    padding: 0 15px;
}

#card-tab, #momo-tab, #atm-tab {
    display: none;
}

.tab, .tab ul {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

    .tab ul li {
        float: left;
    }

        .tab ul li a {
            padding: 10px 30px;
            font-size: 15px;
            border-radius: 4px;
            color: #000;
        }

            .tab ul li a.active {
                background: #000;
                color: #fff;
            }

.ZebraDialog {
    z-index: 99999;
}

.social-container {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
}
    .social-container a {
        margin: 0 15px;
        width: auto;
    }

        .social-container a.fb {
            color: #288ad6;
        }

        .social-container a.gg {
            color: #ce0000;
        }

        .social-container a svg {
            height: 30px;
        }
    .social-container a img {
        height: 30px;
    }

.social-box {
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
    border: 1px solid #333;
    border-left: none;
    border-right: none;
    margin: 25px 0;
    float: left;
    width: 100%;
}

#register-tab, #login-tab, #card-tab, #momo-tab, #atm-tab {
    display: none;
    background: #dbe0ee;
    padding: 15px;
    float: left;
    width: 100%;
}
    #register-tab input, #login-tab input {
        height: 38px;
    }

@media (min-width: 768px) {
    #user-fancybox .modal-dialog {
        width: 500px;
        margin: 100px auto;
    }
}

@media (max-width: 767px) {
    .mini-content ul li {
        width: 100%;
    }

        .mini-content ul li a {
            width: 100%;
        }

    .tab ul li a {
        padding: 10px;
        border: 1px solid #ccc;
        margin: 0 0 10px 0;
    }

        .tab ul li a.active {
            border-top: none;
            border-top: 1px solid #f2d161;
            border-bottom: 1px solid #f2d161;
        }

    .security {
        width: 150px !important
    }

    body.modal-open .mm-slideout {
        z-index: inherit;
    }

    #momo-tab img, #atm-tab img {
        margin: 0 0 20px 0;
    }

    #register-tab, #login-tab {
        float: left;
        width: 100%;
    }

    .social-box {
        float: left;
    }
}
/*end cp user*/

.news-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.video-bg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-new {
    width: 920px;
    padding: 15px 0;
    margin: 15px 0;
    background: #f9f9f9;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}



#sync1 img {
    cursor: zoom-in;
}

#sync2 {
    margin: 15px 0 0;
}

.detail-info-box {
    position: sticky;
    top: 60px;
}

    .detail-info-box p {
        width: 100%;
        margin: 0 0 10px 0;
    }

        .detail-info-box p.pd-code {
            font-weight: bold;
            border-bottom: 1px solid #fff;
            padding: 0 0 15px 0;
        }

        .detail-info-box p label {
            width: 100px;
        }

    .detail-info-box span {
        font-weight: bold;
    }

    .detail-info-box .price-box {
        margin: 20px 0 0;
        display: flex;
        justify-content: space-between;
    }

        .detail-info-box .price-box .atm-price {
            font-size: 20px;
        }

        .detail-info-box .price-box .cart-price {
            font-size: 20px;
            color: #ff1f1f
        }

    .detail-info-box .btn {
        width: 100%;
        padding: 15px 0;
        font-weight: bold;
        text-transform: uppercase;
        margin: 15px 0 0;
    }

    .detail-info-box .btn-detail {
        background: #21a0ff;
        color: #fff;
    }

        .detail-info-box .btn-detail.btn-ban {
            background: #f3f3f7;
            color: #333;
        }

    .detail-info-box .detail-note {
        margin: 10px 0;
        background: #f1f1f1;
        padding: 10px;
        border-radius: 8px;
    }
        .detail-info-box .detail-note li {
            color: #2a83e9;
            margin: 0 0 5px 0;
            font-size: 15px;
        }
        .detail-info-box .detail-note li:first-child {
            color: #ff1f1f;
            margin: 0 0 5px 0;
            font-weight: bold;
        }
        .detail-info-box .detail-note li i {
            margin: 0 5px 0 0;
        }

        .detail-info-box .detail-note .detail-note-login-title {
            text-align: center;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0 0 10px 0;
        }

            .detail-info-box .detail-note .detail-note-login-title .price {
                color: #ff1f1f;
                font-size: 16px;
            }

        .detail-info-box .detail-note .detail-note-login-summary {
            text-align: center;
            margin: 0 0 10px 0;
        }

            .detail-info-box .detail-note .detail-note-login-summary .price {
                color: #ff1f1f;
            }

        .detail-info-box .detail-note .social-container a {
            /*border: 1px solid #ff1f1f;*/
            background: #f3f3f7
        }

            .detail-info-box .detail-note .social-container a.card-fancybox {
                color: #333
            }

                .detail-info-box .detail-note .social-container a.card-fancybox i {
                    padding: 0;
                }

.modal-content {
    background: #f3f3f7;
    color: #333;
}

div[id^="checkout_form_"] .modal-body p {
    font-weight: bold;
    margin: 0 0 5px 0;
}

    div[id^="checkout_form_"] .modal-body p.title {
        font-size: 16px;
    }

div[id^="checkout_form_"] .modal-body .price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 20px;
}

    div[id^="checkout_form_"] .modal-body .price-box .cart-price {
        color: #ff1f1f;
    }

div[id^="checkout_form_"] .modal-body .btn-box {
    text-align: center;
    margin: 20px 0 0;
}

.flash-tab > span {
    font-size: 18px;
    color: #ff1f1f;
    font-weight: bold;
}
#card_form_history{
    background: #f3f3f7;
    padding: 15px;
    border: 4px;
}
.btn-view-skin {
    float: none;
    background: #21a0ff;
    padding: 6px 12px;
    text-align: center;
    color: #fff;
    margin: 0 0 0 10px;
    font-size: 13px;
}
#skin-modal ul {
    padding: 0 20px;
}

    #skin-modal ul li {
        background: #f9f9f9;
        border-radius: 5px;
        padding: 10px;
        text-align: center;
    }

        #skin-modal ul li img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 0.6;
            object-fit: cover;
        }

        #skin-modal ul li span {
            text-transform: capitalize;
            margin: 10px 0;
            display: block;
            font-weight: bold;
            height: 20px;
        }

@media (max-width: 767px) {
    .skin-btn {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .content-main .video-box .desc{
        width: 80%;
    }
        .content-main .video-box .desc p.line2 {
            font-size: 45px !important;
        }

    skin-modal ul li {
        aspect-ratio: 1 / 1;
    }
}

.modal-content::-webkit-scrollbar {
    width: 5px;
    background-color: #f3f3f7;
}

    .modal-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #f3f3f7;
    }

    .modal-content::-webkit-scrollbar-thumb {
        background-color: #333;
    }


.price-box-2 {
    display: flex;
    justify-content: space-between;
}
.price-box-2 span {
    background: #fc7600;
    color: #f3f3f7;
    padding: 3px 8px;
    text-align: center;
    font-size: 11px;
    margin: 0 0 10px 0;
}

.list-reg > li {
    margin: 0 0 30px 0;
}
.list-reg li .bg-ac {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
.list-reg li .bg-ac .reponsive-img {
    width: 15%;
    aspect-ratio: 1 / 1;
}
.list-reg li .bg-ac .reponsive-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 2px solid #ff1f1f;
}
.list-reg li .bg-ac .game-name {
    text-align: left;
    height: auto;
    margin: 0 0 15px 0;
}
.list-reg li .bg-ac .game-qty {
    display: flex;
}
.list-reg li .bg-ac .game-qty li {
    padding: 3px 8px;
    margin: 0 5px 0 0 !important;
    background: #fc7600;
    color: #fff;
    width: auto;
    border-radius: 4px;
}
.list-reg li .bg-ac .game-qty li:first-child {
    background: #ff1f1f;
}
.list-reg li .bg-ac .view-all {
    text-align: right;
}
.list-reg li .bg-ac .view-all a {
    width: 100%;
}
.list-reg li .bg-ac .view-all .btn-price {
    font-weight: bold;
    background: none;
    border: 1px solid;
    margin-bottom: 10px;
    color: #333;
}

/*new*/
.content-main .video-box {
    position: relative;
    border-bottom: 3px solid #fff;
}
.content-main .video-box video{
    width: 100%;
    height: 80vh;
    object-fit:cover;
}
.content-main .video-box img {
    width: 100%;
    height: auto;
}
    .content-main .video-box .desc {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 5;
    }
.content-main .video-box .desc p {
    text-align: center;
    font-weight: bold;
    display: block;
}
.content-main .video-box .desc p.line1 {
    font-size: 18px;
}
.content-main .video-box .desc p.line2 {
    font-size: 80px;
}
.content-main .video-box .desc p.line3 {
    font-size: 32px;
}
    .content-main .video-box .desc p.line4 a {
        font-size: 28px;
        background: linear-gradient(180deg, #dbe0ee, #4d65ac);
        padding: 8px 25px;
        border-radius: 40px;
        display: inline-block;
    }
    .content-main .video-box .desc p.line4 a span {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
    }
        .content-main .video-box .desc p.line4 a b {
            width: 38px;
            height: 38px;
            background: #000;
            border-radius: 50%;
            margin-right: 10px;
        }
        .content-main .video-box .desc p.line4 a b svg {
            width: 24px;
            height: 24px;
        }
.list-news-home li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .3);
    border-radius: 8px;
    position: relative;
    transition: .3s ease-out;
    margin-bottom: 30px;
    background: #f9f9f9;
}
    .list-news-home li .box-name {
        display: inline-block;
        width: 50%;
        padding: 10px
    }
    .list-news-home li .game-name {
        display: inline-block;
        font-weight: 500;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 16px;
        line-height: 22px;
        float: left;
        color: #000;
    }

.list-news-home li .reponsive-img {
    width: 50%;
    display: inline-block;
    border-radius: 8px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
.left-title {
    width: 100%;
    margin: 30px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
    .left-title a {
        font-size: 30px;
        font-weight: bold;
        color: #000;
    }

.careers {
    margin-top: 60px;
    background: #dbe0ee;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
    .careers .careers-left {
        width: 45%;
        display: inline-block;
        padding: 30px 0;
        text-align: center;
    }
    .careers .careers-left h2 {
        font-size: 45px;
        font-weight: bold;
        margin-bottom: 45px;
        line-height: 45px;
    }
    .careers .careers-left p {
        font-size: 25px;
        line-height: 25px;
        font-weight: 600;
        margin-bottom: 60px;
    }
        .careers .careers-left ul {
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 40px;
            align-items: center;
            justify-content: space-evenly;
        }
            .careers .careers-left ul li {
                font-size: 25px;
                padding: 10px 30px;
                background-color: rgba(184, 193, 222, 0.6);
                border-radius: 8px;
            }
.careers .careers-left ul li span {
    display: block;
    font-size: 60px;
    font-weight: 700;
}
        .careers .careers-left .btn-careers {
            font-size: 20px;
            font-weight: 600;
            padding: 8px 20px;
            color: #fff;
            border-radius: 20px;
            background: #21a0ff;
            margin-bottom: 30px;
        }
.careers .careers-right {
    width: 55%;
    display: inline-block;
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
    aspect-ratio: 1 / 0.6;
}
.careers .careers-right img {
    object-fit: cover;
    aspect-ratio: 1 / 0.6;
}

@media (max-width: 767px) {
    .careers .careers-left {
        width: 100%;
        padding: 80px 16px 0;
    }
    .careers .careers-right {
        width: 100%;
        -webkit-clip-path: none;
        clip-path: none;
        aspect-ratio: 1 / 1;
    }
    .careers .careers-right img {
        aspect-ratio: 1 / 1;
    }
}

.row-1 {
    align-items: flex-start;
}
#footer .row-1 {
    margin-bottom: 20px;
}

    #footer .row-1 img {
        height: 45px;
    }

    #footer .row-1 p.line1 {
        line-height: 22px;
        font-weight: bold;
    }

    #footer .row-1 p.line2 {
        line-height: 22px;
        font-weight: bold;
        text-transform: uppercase;
        color: #ff1f1f
    }

    #footer .row-1 p.line3 {
        line-height: 22px;
        font-weight: bold;
    }

    #footer .row-1 p.footer-title {
        font-weight: bold;
        margin: 15px 0 30px 0;
        font-size: 18px;
    }

    #footer .row-1 ul li {
        margin-bottom: 10px;
    }

.box-home{
    padding: 15px 0;
}
/*.box-index {
    background: #000;
    padding: 30px 0 0;
    border-top: 1px solid #333;
}*/
.box-index {
    /*margin-left: -15px;
    margin-right: -15px;
    width: auto !important;*/
}
    .box-index .bg-ac {
        background: #0A1428;
        padding: 10px;
    }
.box-index h1 {
    margin: 0 0 15px 15px;
}
.box-index .c-line-center {
    margin: 0 0 30px 15px;
}
.seo-box {
    padding: 20px 15px;
    line-height: 22px;
    color: #fff;
}
.seo-box h2, .seo-box h3, .seo-box h4, .seo-box h5, .seo-box ul, .seo-box ol {
    margin: 20px 0;
}
.seo-box .seo-content {
    height: 200px;
    overflow: hidden;
    padding: 15px;
}
.seo-box .seo-content:before {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 8.75%, #FFFFFF 102.7%);
    height: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.seo-box .view-more {
    display: block;
    text-align: center;
    margin: 20px 0 0;
    text-align: center;
}
.seo-box .view-more a {
    text-align: center;
    background: #333;
    color: #fff;
    text-align: center;
}

.content-close p {
    font-size: unset !important;
    margin-bottom: unset !important;
}

/*.box-index .col-lg-3 {
    width: 20%;
}*/

#modal-content .modal-dialog {
    margin: 0 auto;
}

#modal-content .modal-body {
    overflow-y: scroll;
    position: relative;
    height: 92vh;
}

    #modal-content .modal-body a {
        color: #21a0ff
    }
.owl-nav{
    display: none;
}

.detail-img-box, .detail-info-box {
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 15px;
    color: #fff;
}
.detail-img-box.col-md-8, .detail-img-box.col-lg-8 {
    width: 65%
}
.detail-info-box {
    float: right;
}
.detail-img-box .owl-item img {
    aspect-ratio: 1 / 0.662;
    object-fit: contain;
}

.box-index .bg-ac .c-name a {
}

#modal-roblox .box-home, #modal-robux .box-home {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}

.roblox-form textarea {
    height: 80px !important;
}

.btn-robux, .btn-farming, .btn-robux-farming, .btn-searchbox {
    background: #ff1f1f;
    color: #fff;
}

.roblox-form .box-roblox {
    width: 920px;
    padding: 15px 0;
    margin: 15px 0;
    background: #f9f9f9;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    border-radius: 8px;
}

.roblox-form .title {
    font-weight: bold;
    margin: 20px 0 10px 0;
    text-transform: uppercase;
}

.roblox-form .total, .roblox-form .robux_price_total {
    font-weight: bold;
    color: #ff1f1f;
    font-size: 18px;
}

.roblox-form .roblox-form-info {
    background: #ff1f1f;
    color: #fff;
    border-radius: 8px;
    padding: 10px;
    font-weight: bold;
    line-height: 25px;
}
.roblox-form iframe {
    width: 100%;
    aspect-ratio: 1 / 0.5;
}
.roblox-form .robux-content {
    margin: 15px 0 0;
}

.filter-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
.filter-icon {
    background: url(images/filter-account.svg) no-repeat center center / 25px 25px;
    width: 25px;
    height: 25px;
    filter: invert(0%) sepia(5%) saturate(18%) hue-rotate(192deg) brightness(101%) contrast(106%);
}
.filter-box .sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filter-box .sort strong {
    margin: 0 15px 0 0;
}
.filter-box .sort a {
    border: 1px solid #333;
    margin: 0 0 0 15px;
}
.filter-box .sort i {
    display: none;
}

@media (max-width: 767px) {
    .filter-box .sort li {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
    }
    .filter-box .sort li a {
        border: none;
        margin: 0;
        padding: 0 5px;
    }
    .filter-box .sort i {
        display: block !important;
    }
    .filter-box .total-acc {
        width: 100%;
    }
    .filter-box {
        flex-wrap: wrap;
    }
    .filter-box .sort {
        overflow-x: auto;
        white-space: nowrap;
        /*gap: 10px;*/
    }
}

.nav-mobile {
    position: fixed;
    bottom: -1px;
    width: 100%;
    padding: 5px 15px;
    height: 70px;
    background: #fff;
    -moz-box-shadow: 0 2px 4px 5px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 5px rgb(0 0 0 / 50%);
    box-shadow: 0 2px 4px 5px rgb(0 0 0 / 50%);
}
.nav-mobile .nav-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 70px;
}
.nav-mobile .nav-list li > a {
    display: block;
    text-align: center;
}
.nav-mobile .nav-list li > a > i {
    font-size: 25px;
}
.nav-mobile .nav-list li > a > span {
    display: block;
    font-size: 16px;
}
.nav-mobile .nav-list li > .nav-expand-list {
    position: fixed;
    top: 68px;
    bottom: 70px;
    left: 0;
    right: 0;
    background: #fff;
    display: none;
    transform-origin: bottom;
    transform: scaleY(0);
    transition: transform 0.3s ease;
    z-index: 9999;
}
.nav-mobile .nav-list li > .nav-expand-list > li {
    width: 50%;
    display: flex;
    float: left;
    /* aspect-ratio: 1 / 0.72; */
    height: calc(100% / 5);
    align-items: center;
    justify-content: center;
    border: 1px solid #f2f2f2;
}
.nav-expand-list.open {
    display: block;
    transform: scaleY(1) !important;
}
.mm-menu.mm-current {
    display: block;
    z-index: 99;
}

.account-box {
    justify-content: center;
    display: flex !important;
    flex-wrap: wrap;
    gap: 5px;
}
.account-box li {
    display: flex !important;
    aspect-ratio: unset !important;
    justify-content: unset !important;
}
.account-box > li {
    width: 90% !important;
    padding: 0 15px;
    background: #f1f1f1;
    border-radius: 8px;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 20%);
}
.account-box > li > i {
    font-size: 30px;
    margin-right: 15px;
}
.account-box > li > i > svg {
    width: 50px;
}
.account-box > li > ul {
    width: 100%;
}
.account-box > li > ul > li {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    align-items: center;
}
.account-box > li > ul > li:first-child span {
    text-transform: uppercase;
    font-weight: bold;
}
.account-box > li > ul > li:last-child {
    border: none;
}
.account-box > li > ul > li > i {
    font-size: 25px;
    margin-right: 15px;
}