:root {
    --main-color: #2098e9;
    --main-color-2: #cae6f9;
    --main-color-3: #0272bd;
}
.panel-success > .panel-heading {
    background: var(--main-color-2) !important;
}
    @-webkit-keyframes nhapnhay {
        0% {
        color: #F8CD0A;
    }

    50% {
        color: red;
    }

    100% {
        color: yellow;
    }
}

@-moz-keyframes nhapnhay {
    0% {
        color: #F8CD0A;
    }

    50% {
        color: red;
    }

    100% {
        color: yellow;
    }
}

@-o-keyframes nhapnhay {
    0% {
        color: #F8CD0A;
    }

    50% {
        color: red;
    }

    100% {
        color: yellow;
    }
}

@keyframes nhapnhay {
    0% {
        color: #F8CD0A;
    }

    50% {
        color: red;
    }

    100% {
        color: yellow;
    }
}

body {
    background: #eee;
}

.overlay {
    position: fixed;
    z-index: 99999;
    background: #00000090;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

    .overlay svg {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -50px;
        margin-top: -50px;
        width: 100px;
        height: 100px;
    }

svg:not(:root) {
    overflow: hidden;
}

svg {
    box-sizing: border-box;
    overflow: hidden;
}

a, a:hover, a:focus {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

input:focus {
    border: 0;
    box-shadow: unset;
}

ul {
    padding: 0;
    list-style: none;
}

.chunhapnhay {
    font-size: 24px;
    font-weight: bold;
    -webkit-animation: nhapnhay 700ms infinite;
    -moz-animation: nhapnhay 700ms infinite;
    -o-animation: nhapnhay 700ms infinite;
    animation: nhapnhay 700ms infinite;
}

.container {
    width: 100%;
    padding-right: .4rem;
    padding-left: .4rem;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 1367px) {
    .container {
        max-width: 1360px;
    }
}


/*------------POST-----------*/
.info-featured .title-page.related {
    font-size: 25px;
    color: #17660e;
    padding-left: 5px;
    border-left: 5px solid #17660e;
    margin-bottom: 20px;
}

.info-featured .featured {
    padding-bottom: 10px;
}

    .info-featured .featured .featured-content {
        margin-top: 10px;
    }

    .info-featured .featured .featured-img img {
        width: 100%;
        height: 178px;
    }

    .info-featured .featured .featured-content .featured-title {
        font-size: 16px;
        text-align: left;
        font-weight: bold;
        padding-bottom: 5px;
    }

        .info-featured .featured .featured-content .featured-title a {
            color: #212121;
        }

            .info-featured .featured .featured-content .featured-title a:hover {
                color: #17660e;
            }

    .info-featured .featured .featured-content .featured-interactive {
        display: inline-flex;
    }

        .info-featured .featured .featured-content .featured-interactive .featured-auth {
            padding-left: 15px;
        }

        .info-featured .featured .featured-content .featured-interactive .featured-description {
            margin-top: 6px;
        }

.swipper-list-post-related .swiper-slide {
    height: unset !important;
}
/*---------------------------*/
.footable .footable-header {
    background: #999;
}

    .footable .footable-header th {
        color: #fff;
        text-align: center !important;
    }

table.footable > tbody > tr.footable-empty > td {
    font-size: 14px;
}
/*--swiper--*/
.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*-------*/
/*menu*/
.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
}

.mainmenu {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
    border: 0px !important;
}

.navbar-nav > li:last-child > a {
    padding-right: 0px;
    margin-right: 0px;
}

.dropdown-menu {
    padding: 0px 0;
    margin: 0 0 0;
    border: 0px solid transition !important;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.mega-dropdown-menu .w3ls_vegetables > ul.dropdown-menu {
    padding: 10px 0 15px;
    border: 1px solid #17660e;
    border-radius: 5px;
}
/*=-====Main Menu=====*/
.navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 0;
}

.pro-short-desc table {
    width: 100% !important;
}

.header_bottom {
    background: #17660e;
}

.header_area .header_bottom .mainmenu a, .navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    padding: 20px 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #17660e;
    background: #fff;
    outline: 0;
}
/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle {
    border-color: #fff;
}
    /*Toggle Button*/
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
/*Toggle Button*/

/*==========Sub Menu=v==========*/
@media only screen and (max-width: 767px) {
    .mainmenu .collapse ul > li:hover > a {
        background: #fff;
        color: #17660e !important;
    }

    .mainmenu .collapse ul ul > li > a {
        color: #fff !important;
    }

    .mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        background: #42413f;
        color: #fff !important;
    }

    .mainmenu .collapse ul ul ul > li:hover > a {
        background: #42413f;
    }

    .mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {
        background: #42413f;
        color: #fff;
    }

        .mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu {
            background: #42413f;
        }

            .mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu {
                background: #42413f;
            }
            /*.mainmenu .collapse ul ul ul li ul{padding-left: 15px;}
            .mainmenu .collapse ul ul li ul{padding-left: 15px;}
            .mainmenu .collapse ul li ul{padding-left: 15px;}*/
            .mainmenu .collapse ul ul ul li:hover ul {
                padding-left: 15px;
            }

        .mainmenu .collapse ul ul li:hover > ul {
            padding-left: 15px;
        }

    .mainmenu .collapse ul li:hover > ul {
        padding-left: 15px;
    }
}

/******************************Drop-down menu work on hover**********************************/
.mainmenu {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
}

@media only screen and (min-width: 767px) {
    .mainmenu .collapse ul li a {
        position: relative;
        color: #000;
    }

    .mainmenu .collapse ul li:hover > ul {
        display: block;
        padding-left: 15px;
    }

    .mainmenu .collapse ul ul {
        display: none;
        position: inherit;
    }

        .mainmenu .collapse ul ul ul li ul {
            padding-left: 15px;
        }

        .mainmenu .collapse ul ul li ul {
            padding-left: 15px;
        }

    .mainmenu .collapse ul li ul {
        padding-left: 15px;
    }

    .mainmenu .collapse ul ul li {
        position: relative;
    }

    .mainmenu .collapse ul ul ul {
        display: none;
        position: inherit;
    }

        .mainmenu .collapse ul ul ul li {
            position: relative;
        }

        .mainmenu .collapse ul ul ul ul {
            display: none;
            position: inherit;
        }
}



.top-brands {
    padding: 20px 0 !important;
}
/*---------------------------*/
.menu-mobile-squace {
    position: absolute;
}

    .menu-mobile-squace ul {
        padding: 0;
        list-style: none;
        display: inline-flex;
    }

        .menu-mobile-squace ul li {
            padding: 15px 12px;
            font-weight: bold;
            text-transform: uppercase;
            border-left: 1px solid #ccc;
        }

            .menu-mobile-squace ul li:first-child {
                border: 0;
            }

            .menu-mobile-squace ul li a {
                color: #000;
            }

.content {
    background: #fff;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 10px;
}
/*---------Login-----------*/
.signin-signout.w3l_banner_nav_right {
    float: none !important;
    width: 100% !important;
}
/*---------Header----------*/
.searchForm {
    position: relative;
    top: 15px;
}

header .header-top {
    background: #212121;
}

.header-left.left h4 {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.header-right.right {
    float: right;
}

.header-main {
    background: #fff;
    color: #84ca46;
    padding-bottom: 8px;
}

.menu_shop {
}

.header-main .w3l_header_right {
    float: right !important;
    position: relative;
    top: 21px;
}

.header-main .contact-call-now {
    display: flex;
}

    .header-main .contact-call-now .contact-icon-call i {
        font-size: 40px;
        margin-top: 10px;
        margin-right: 5px;
    }

    .header-main .contact-call-now .content-call-now h3.text-call-now {
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        margin: 3px 0 5px;
    }

    .header-main .contact-call-now .content-call-now a.phone-super-shop {
        font-weight: 700;
        font-size: 18px;
        line-height: .9;
        color: #fff;
    }

    .header-main .contact-call-now .content-call-now {
        margin: 5px;
    }

.menu-top {
    background: #17660e;
}

    .menu-top ul {
        height: 60px;
        display: inline-flex;
        list-style: none;
        text-transform: uppercase;
    }

        .menu-top ul li {
            padding: 17px 30px;
            font-weight: bold;
            font-size: 17px;
            border-left: 1px solid #eee;
        }

            .menu-top ul li:first-child {
                border: 0;
            }

            .menu-top ul li:hover {
                background: #5ca50a;
            }

            .menu-top ul li.active {
                background: #5ca50a;
            }

            .menu-top ul li a {
                color: #fff;
            }

/*---------Search-----------*/
.header-main form {
    padding: 5px 0;
    display: flex;
}

    .header-main form input[type=text] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: 1px solid #17660e;
        width: 100%;
        color: #17660e;
        background: #fff;
    }

    .header-main form input::placeholder {
        color: #17660e;
    }

    .header-main form button {
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 16px;
        background: #17660e;
        font-size: 17px;
        border: none;
        cursor: pointer;
        color: #fff;
    }

        .header-main form button:hover {
            background: #84C639;
        }

        .header-main form button:hover {
            background: #ccc;
        }
/*.header-main .w3l_header_right{
    margin-top: 17px;
}*/
.header-main .w3l_header_right a i {
    font-size: 30px;
}

@media screen and (max-width: 768px) {
    .account-cusomer {
        display: none;
    }

    .account-cusomer-mobile .w3l_header_right {
        display: block;
    }
}

@media screen and (max-width: 486px) {
    .contact-social-mobile {
        display: none;
    }

    .header-top .col-xs-7 {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .account-cusomer-mobile {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .header-main form {
        float: none;
    }

        .header-main form input[type=text], .header-main form button {
            float: none;
            display: block;
            text-align: left;
            margin: 0;
            padding: 14px;
        }

        .header-main form input[type=text] {
            border-left: 1px solid #fff;
        }
}
/*--------------------------*/
/*---------Chi tiết sản phẩm / Detail product-----------*/
.banner .detail-product {
    padding-top: 20px !important;
}

.detail-product .p-price {
    color: red;
}

.carousel-indicators .active {
    border: 1px solid red !important;
}
/*---------Product----------*/
.item-trademark {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
}

.w3ls_w3l_banner_left.col-md-3.col-sm-6.col-xs-12 {
    margin-bottom: 30px;
}

.swiper-slide .snipcart-item .snipcart-thumb a img {
    width: 195px;
}

.swiper-slide .snipcart-item .snipcart-thumb p {
    width: 195px;
}

.top-brands.banner-product-cate {
    margin-top: -60px;
    padding: 0 !important;
}

.w3ls_w3l_banner_nav_right_grid .super-product {
    margin-bottom: 10px;
}


.product-cate .col-lg-3.col-md-3.col-sm-4.col-xs-6 {
    margin-bottom: 15px;
}

.tab-cate .title-page {
    margin-top: 35px;
    margin-bottom: 35px;
}

.favourite-product, .new-product {
    display: none;
}

.tab-cate .btn-tab {
    text-align: center;
    margin: 10px 0px 31px;
}

.tab-cate .btn-tab {
    text-align: center;
    margin: 10px 0px 31px;
}

    .tab-cate .btn-tab .btn-tab-cate {
        margin: 2px 0;
        padding: 10px 20px;
        text-align: center;
        color: #fff;
        background: #42413f;
        outline: none;
        cursor: pointer;
        border: none;
        border-radius: 0;
    }

        .tab-cate .btn-tab .btn-tab-cate:hover {
            background: #17660e;
        }

        .tab-cate .btn-tab .btn-tab-cate.active {
            background: #17660e;
        }

.item-hot-product {
    margin-bottom: 15px;
}

    .item-hot-product .items:hover {
        box-shadow: 0px 0px 10px 10px #ccc;
    }

    .item-hot-product .item-title {
        height: 42px !important;
    }

    .item-hot-product .item-img {
        padding: 5px;
    }

    .item-hot-product .avatar {
        border-radius: 5px;
        border: 1px solid #eee;
    }

    .item-hot-product .item-price b {
        color: red;
        font-size: 16px;
    }

    .item-hot-product .items .item-image img {
        width: 100%;
    }

    .item-hot-product .items .item-info {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        padding-bottom: 6px;
    }

        .item-hot-product .items .item-info .item-title a {
            font-size: 14px;
            font-weight: bold;
            color: #42413f;
            text-transform: uppercase;
        }

            .item-hot-product .items .item-info .item-title a:hover {
                color: #17660e;
            }

        .item-hot-product .items .item-info .item-trademark a {
            font-size: 12px;
            font-weight: bold;
            color: #42413f;
            text-transform: uppercase;
            color: var(--main-color);
        }

            .item-hot-product .items .item-info .item-trademark a:hover {
                color: var(--main-color-3);
            }

        .item-hot-product .items .item-info .item-price {
            margin-top: 5px;
        }

            .item-hot-product .items .item-info .item-price h4 {
                font-size: 14px;
                font-weight: bold;
            }
/*-------------------------*/
/*---------Index----------*/
.swiper-slide.swiper-banner-3 .banner-header {
    background: url(/Content/images/banners/banner-header-slider2.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.swiper-slide.swiper-banner-1 .banner-header {
    background: url(/Content/images/banners/banner-header-slider.png) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.swiper-slide.swiper-banner-2 .banner-header {
    background: url(/Content/images/banners/banner-header-slider1.jpg) no-repeat 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.swiper-slide .banner-header {
    width: 100%;
    text-align: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    min-height: 420px;
    display: flex;
    flex-direction: column;
}

    .swiper-slide .banner-header h4 {
        font-size: 13px;
        font-weight: bold;
        color: rgba(119,119,119,0.7);
    }

    .swiper-slide .banner-header h3 {
        font-size: 44px;
    }

.swiper-slide .banner-header {
    font-size: 45px;
    font-weight: bold;
}

    .swiper-slide .banner-header .more {
        display: flex;
    }

        .swiper-slide .banner-header .more a {
            margin-left: 20px;
        }

    .swiper-slide .banner-header h4, .swiper-slide .banner-header h3 {
        margin-bottom: 10px;
        margin-left: 40px;
    }
/*------------------------*/
/*---------Menu-----------*/
.menu-pc.mega-dropdown-menu.dropdown-menu {
    width: 340%;
    top: 0;
    left: 100%;
}

.menu-parent a {
    font-weight: bold;
}

ul.mega-dropdown-menu li ul {
    list-style: none;
    /*height: unset;*/
}

.dropdown-menu.mega-dropdown-menu.row.menu-pc {
    min-height: 420px;
}

ul.mega-dropdown-menu {
    padding: 0;
    background: #84C639;
    margin-top: -1px !important;
}

    ul.mega-dropdown-menu .dropdown-header {
        text-align: left;
        margin-bottom: 7px;
        font-size: 16px;
        padding: 0;
        border-left: 4px solid #17660e;
        margin-top: 15px;
    }

        ul.mega-dropdown-menu .dropdown-header a {
            color: #fff;
            font-weight: bold;
            margin-left: 5px;
        }

            ul.mega-dropdown-menu .dropdown-header a:hover {
                border-bottom: none;
            }

    ul.mega-dropdown-menu li ul li a {
        font-size: 15px;
        color: #fff;
        margin-left: 10px;
        line-height: 1.6;
    }

        ul.mega-dropdown-menu li ul li a:hover {
            border-bottom: 2px solid #17660e;
        }

    ul.mega-dropdown-menu li ul {
        border-right: 1px solid #ccc;
        width: 100%;
    }

.menu-parent:hover {
    border-left: 5px solid #17660e;
}

.menu-son {
    background: #84C639;
}

    .menu-son ul {
        padding-bottom: 10px;
    }
/*------------------------*/
.checkout-left-basket ul li {
    font-size: 20px;
    font-weight: bold;
}

.w3l_offers a.view-to-cart {
    color: #fff;
    background: #000;
    border: 1px solid #84c639;
    text-transform: capitalize;
    outline: none;
}

.product_list_header {
    margin-top: 5px;
    margin-left: 10px;
}

.percentsale {
    position: absolute;
    top: 50%;
    margin-top: 30px;
    right: 0;
}

    .percentsale img {
        width: 50px;
        position: relative;
    }

    .percentsale small {
        position: absolute;
        font-weight: bold;
        color: #fff;
        top: 50%;
        left: 50%;
        margin-left: -12.5px;
        margin-top: -9.5px;
    }

#add-to-card {
    font-size: 14px;
    color: #fff;
    background: #17660e;
    text-decoration: none;
    position: relative;
    border: none;
    border-radius: 0;
    width: 100%;
    text-transform: uppercase;
    padding: .5em 0;
    outline: none;
}

.snipcart-item {
    position: relative;
}

/*-------------Shopping Cart-------------*/
.checkout-products .invert-image {
    max-width: 260px;
}

.checkout-right .timetable_sub .quantity-select {
    display: inline-flex;
}

.checkout-right .timetable_sub .quantity {
    margin-bottom: 0;
}

.checkout-products .w3l_banner_nav_right {
    width: 100%;
}

#formCheckoutVoucher .info-shop {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

    #formCheckoutVoucher .info-shop .content-banking {
        padding: 15px 10px;
        background: #212121;
        border-bottom: 1px solid #ccc;
    }

        #formCheckoutVoucher .info-shop .content-banking p {
            font-size: 16px;
            color: #fff;
        }

            #formCheckoutVoucher .info-shop .content-banking p span {
                font-weight: bold;
            }

    #formCheckoutVoucher .info-shop .info-bankaccount p {
        border-bottom: 1px solid #ccc;
        line-height: 1.7;
        padding: 10px 10px 10px;
        font-size: 15px;
        font-weight: bold;
        background: #eee;
    }

.product-quantity-button i {
    font-size: 22px;
    cursor: pointer;
    position: relative;
    top: 13px;
}

.product-quantity-input-mb {
    display: block;
    width: 100%;
    height: 30px;
    font-size: 18px;
    line-height: 1em;
    text-align: center;
    border: none;
    outline: none;
    font-family: 'Hind', sans-serif;
    font-weight: 500;
}

.product-quantity-button {
    max-width: 132px;
    position: relative;
    height: 50px;
    margin-left: 20px;
    display: inline-flex;
    top: -9px;
}



.product-btn-booking {
    background: #D73229;
    padding: 13px 15px;
    color: #fff;
    border: 1px solid #bf1911;
}

    .product-btn-booking:hover {
        background: #bf1911;
    }

.table-condensed {
    width: 100%;
    margin-bottom: 20px;
}

.cart_info table tr td {
    vertical-align: inherit;
    margin-right: 5px;
}

.product-item-img {
    vertical-align: middle;
}

.product-item-info {
    /*max-width: 350px;*/
    border-bottom: 1px solid #ccc;
}

.product-item-quantity {
    width: 115px;
}

.product-quantity-button a {
    background: #F0F0E9;
    color: #696763;
    display: inline-block;
    font-size: 16px;
    height: 28px;
    overflow: hidden;
    text-align: center;
    width: 35px;
    line-height: 28px;
}

.product-quantity-input {
    color: #696763;
    float: left;
    font-size: 16px;
    text-align: center;
    width: 35px;
    border: none;
    padding-top: 3px;
    padding-bottom: 3px;
    background: #fff;
}

.shopping-cart {
    width: 100%;
    height: 423px;
    margin: 80px auto;
    background: #FFFFFF;
    box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.10);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
}

.title {
    height: 60px;
    border-bottom: 1px solid #E1E8EE;
    padding: 20px 30px;
    color: #5E6977;
    font-size: 18px;
    font-weight: 400;
}

.item-product {
    background: #fff;
    position: relative;
}

    .item-product .item-price {
        font-size: 18px !important;
        color: red;
    }

    .item-product:nth-child(3) {
        border-top: 1px solid #E1E8EE;
        border-bottom: 1px solid #E1E8EE;
    }

.invoice-noted {
    background: #fff;
}

    .invoice-noted p {
        padding: 10px;
        margin: 0;
    }

        .invoice-noted p span {
            color: red;
            font-weight: bold;
        }
/* Buttons -  Delete and Like */
.buttons-action {
    position: relative;
    padding-top: 30px;
    margin-right: 60px;
}

    .buttons-action .delete-btn {
        display: inline-block;
        position: absolute;
        left: 50%;
        cursor: pointer;
        width: 18px;
        height: 17px;
        background: url("/Content/Images/delete-icn.svg") no-repeat center;
        margin-top: -8px;
        margin-left: -27px;
        top: 50%;
    }

    .buttons-action .like-btn {
        top: 50%;
        margin-top: -30px;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        display: inline-block;
        background: url('/Content/Images/twitter-heart.png');
        width: 60px;
        height: 60px;
        background-size: 2900%;
        background-repeat: no-repeat;
        cursor: pointer;
    }

.is-active {
    animation-name: animate;
    animation-duration: .8s;
    animation-iteration-count: 1;
    animation-timing-function: steps(28);
    animation-fill-mode: forwards;
}

@keyframes animate {
    0% {
        background-position: left;
    }

    50% {
        background-position: right;
    }

    100% {
        background-position: right;
    }
}
/*-----------Product Cart--------------*/
/* Product Image */
.image-product-item {
    margin-right: 50px;
}

.cart_info .description {
    display: block;
    display: -webkit-box;
    height: 41px;
    margin: 0 auto;
    font-size: 14px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*--------Category---------*/
.snipcart-item .snipcart-thumb p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    margin: 0px 0;
}

.snipcart-item .snipcart-thumb h4 {
    font-size: 16px;
}

    .snipcart-item .snipcart-thumb h4 span {
        font-size: 14px;
        float: right;
    }

.snipcart-item .snipcart-thumb a img {
    width: 100%;
    height: 278px !important;
}
/* Product Description */
.desc-product {
    padding-top: 10px;
    margin-right: 60px;
    width: 115px;
}

    .desc-product span {
        display: block;
        font-size: 14px;
        color: #43484D;
        font-weight: 400;
    }

        .desc-product span:first-child {
            margin-bottom: 5px;
        }

        .desc-product span:last-child {
            font-weight: 300;
            margin-top: 8px;
            color: #86939E;
        }

/* Product Quantity */


.quantity input {
    -webkit-appearance: none;
    border: none;
    text-align: center;
    font-size: 16px;
    color: #43484D;
    font-weight: 300;
}

/*button[class*=btn] {
    width: 30px;
    height: 30px;
    background-color: #E1E8EE;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}*/

.minus-btn img {
    margin-bottom: 3px;
}

.plus-btn img {
    margin-top: 2px;
}

button:focus,
input:focus {
    outline: 0;
}

/* Total Price */
.product-price {
    width: 83px;
    padding-top: 27px;
    text-align: center;
    font-size: 16px;
    color: #43484D;
    font-weight: 300;
}
/*-----------Product Manage-----------*/
#formAddProductPost .modal-dialog {
    position: relative;
    top: 50%;
    margin-top: -270.5px;
}
/*------------------------------*/
/* Responsive */
@media (max-width: 800px) {
    .shopping-cart {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .item-product {
        height: auto;
        flex-wrap: wrap;
        justify-content: center;
    }

    .image-product-item img {
        width: 50%;
    }

    .image-product-item,
    .quantity,
    .desc-product {
        width: 100%;
        text-align: center;
        margin: 6px 0;
    }

    .buttons {
        margin-right: 20px;
    }
}

@media screen and (max-width: 542px) {
    .swipper-hight-discount .swiper-slide .snipcart-item.block {
        width: 110px;
    }

        .swipper-hight-discount .swiper-slide .snipcart-item.block .snipcart-thumb a {
            margin-bottom: 5px;
        }

    .swipper-hight-discount .snipcart-item .snipcart-thumb h4 {
        font-size: 13px;
        width: 100%;
    }

        .swipper-hight-discount .snipcart-item .snipcart-thumb h4 span {
            font-size: 9px;
            float: right;
            padding: 0;
            margin-top: 1px;
        }

    .swipper-hight-discount .swiper-slide .snipcart-item .snipcart-thumb p {
        width: 100%;
        font-size: 12px;
        margin: 5px 0;
    }
}

@media (max-width: 600px) {
    .swiper-slide .snipcart-item .snipcart-thumb a img {
        width: 180px;
        height: 115px !important;
    }

    .agile_top_brand_left_grid1 {
        padding: 0.7em;
    }
    /*---------Voucher----------*/
    .voucher-content .title-voucher {
        font-size: 24px;
    }

        .voucher-content .title-voucher span {
            font-weight: bold;
            font-size: 26px;
        }

    .percentsale {
        margin-top: 10px;
        right: 10px;
    }

    .swipper-hight-discount .swiper-slide .percentsale img {
        width: 35px;
    }
}

@media (max-width: 768px) {
    /*---------Voucher----------*/
    .banner.voucher .voucher-background {
        padding: 30px 25px;
    }

    .banner.voucher .voucher-content .title-voucher {
        font-size: 25px;
    }

    .voucher-content .title-voucher {
        font-size: 24px;
    }

        .voucher-content .title-voucher span {
            font-weight: bold;
            font-size: 30px;
        }
    /*-------Shopping Cart-------*/
    .title-page-cart {
        text-align: center;
        border-bottom: 1px solid #e9e7e7;
        border-top: 1px solid #e9e7e7;
        /*font-family: monospace;*/
    }

        .title-page-cart h1 {
            margin-top: 10px;
            font-size: 30px;
            color: #789DFC;
        }

    .product-item-cart-mb {
        height: 210px;
    }

    .product-item-mb {
        /*font-family: monospace;*/
    }

    .product-item-info-mb ul {
        margin-bottom: 15px;
    }

    .product-item-info-mb p {
        font-size: 15px;
        margin: 0px;
    }

    .name-product-item {
        margin-top: 5px;
        font-weight: bold;
    }

    .tt-shopcart-btn {
        text-align: center !important;
        display: inline-block !important;
        margin: 20px 0px !important;
    }

        .tt-shopcart-btn .col-right .clear-cart {
            padding-right: 0px !important;
            background: #D73229;
        }

        .tt-shopcart-btn .col-right .back-to-shoping {
            background: #74A8FE;
        }

        .tt-shopcart-btn .col-left {
            margin-bottom: 5px;
        }

        .tt-shopcart-btn div a {
            padding: 10px 20px;
            width: 100%;
            background: #74A8FE;
            color: #fff !important;
        }

    .control-quantity.product-quantity-up {
        left: 100%;
        margin-left: -25px;
    }

    .alignment-item.col-xs-1, .alignment-item.col-xs-7, .alignment-item.col-xs-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .item-desc {
        border-bottom: 1px solid #e9e7e7;
    }

    .image-product-item-mb img {
        margin-top: 30px;
        height: unset;
    }

    .btn-clear-item-mb {
        text-align: center;
        margin-top: 53px;
    }

        .btn-clear-item-mb .clear-item-cart {
            border: none !important;
            background: #fff !important;
        }

            .btn-clear-item-mb .clear-item-cart i {
                font-weight: bold;
                color: #D73229;
            }

    .product-item-mb .col-xs-12, .product-item-mb .alignment-item.col-xs-1, .product-item-mb .alignment-item.col-xs-7, .product-item-mb .alignment-item.col-xs-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .product-item-mb .alignment-item.col-xs-1, .product-item-mb .alignment-item.col-xs-7, .product-item-mb .alignment-item.col-xs-4 {
        position: relative;
    }

    .product-item-mb .product-item-info.col-xs-12 {
        padding: 5px 0px;
        position: relative;
    }
    /*---------------Carrt---------------*/
    .success-booking button {
        border: none !important;
        padding: 10px 20px !important;
        border-radius: initial !important;
    }
    /*----------Product Manage-----------*/
    #formAddProductPost .modal-dialog {
        position: relative;
        top: 50%;
        margin-top: -281.5px;
    }

    .product-btn-booking {
        padding: 6px 6px;
    }
    /*---------Detail-----------*/
    td.product-item-info p {
        max-width: 150px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .table-responsive.cart_info {
        overflow-x: hidden;
        font-size: 12px;
    }

    .product-item-img a {
        min-width: 60px;
    }

    .price-product p s {
        font-size: 11px;
    }

    .product-quantity-button {
        max-width: 95px;
        height: 31px;
    }

    .product-item-info-mb .product-quantity-button {
        height: 25px !important;
    }

    .product-quantity-input-mb {
        background: #fff;
        height: 30px;
        font-size: 16px;
    }

    .product-quantity-button i {
        font-size: 20px;
        top: 5px;
    }

    .product-item-info-mb ul {
        margin-bottom: 0px;
    }
}
/*-----------------version mới------------------*/
/*--------------header-------------------------*/

.topBar_1e6g {
    background-color: var(--main-color-3);
    padding: .6rem;
    position: relative;
    color: #fff;
}

    .topBar_1e6g a {
        color: #fff;
    }

        .topBar_1e6g a > span {
            position: relative;
            top: -5px;
        }

.topBarColLeft_2fRx {
    flex-grow: 1;
}

.topBarCol_2wvN {
}

.topBarLink_2Ybi {
    padding: 0 .4rem;
    cursor: pointer;
}

    .topBarLink_2Ybi svg {
        fill: #fff;
        width: 2.4rem;
        height: 2.4rem;
        margin-right: .3rem;
    }

    .topBarLink_2Ybi i {
        margin-right: .3rem;
        font-size: 20px;
        margin-bottom: -5px;
        position: relative;
        top: -3px;
    }

    .topBarLink_2Ybi + .topBarLink_2Ybi {
        margin-left: 1.2rem;
    }

.stickyWrap_1CJt {
    position: relative;
}

.stickyContainer_29pF {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
}

.stickyContainer_29pF {
    z-index: 10;
    width: 100%;
    background-color: #fff;
}

.appHeader_15ts {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    background-color: var(--main-color);
    position: relative;
    transform: translateZ(0);
}

.headerWrapper_tvuf {
    display: flex;
    align-items: center;
    height: 6rem;
    position: relative;
}

.logoWrap_1Zvr {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-width: 21rem;
    margin-left: .4rem;
    margin-right: 0;
}

.logo_hJBT {
    z-index: 1;
    display: inline-block;
    flex-grow: 1;
}

    .logo_hJBT img {
        /*-webkit-filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px -1px 0 #fff);*/
        filter: drop-shadow(1px 1px 0 #fff);
    }

.headerMegaMenuContainer_2Vl8 {
    height: 6rem;
    display: flex;
    align-items: center;
    width: 100%;
}

    .headerMegaMenuContainer_2Vl8:hover > .megaMenuContainer_1Rwx {
        display: block;
    }

.navToggleButton_nfZu {
    display: flex;
    width: 100%;
    padding: 0 1.2rem;
    justify-content: space-around;
    cursor: pointer;
}

    .navToggleButton_nfZu > span {
        color: #fff;
        padding-right: 1.2rem;
        line-height: 3.2rem;
        font-size: 1.6rem;
        text-transform: uppercase;
    }



    .navToggleButton_nfZu > svg {
        width: 3.2rem;
        height: 3.2rem;
    }

.megaMenuContainer_TWGo {
    position: absolute;
    z-index: 3;
    top: 100%;
    left: .4rem;
}

.autoWidth_3zfF {
    flex: auto;
}

.headerItem_o7OP {
    margin-right: 2.4rem;
}

.searchBox_1T3n {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    max-height: 80vh;
    max-width: 84rem;
    position: relative;
}

    .searchBox_1T3n > form {
        display: flex;
        position: relative;
        height: 40px;
    }

.inputGroup_3z0d {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    background-color: #fff;
    border-radius: 3px;
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.inputGroup_3z0d input {
    font-size: 1.4rem;
    box-shadow: none;
    border: .2rem solid #fff;
    border-right-width: 0;
}

.input-group-append {
    margin-left: -1px;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn-round.orange, .btn.orange {
    background-color: #f5a623;
    color: #fff;
    font-size: 1.4rem;
}

.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2;
}

.searchButton_3d_3 {
    display: flex;
    color: #fff;
    font-size: 1.4rem;
    padding-right: 1rem;
    line-height: 2.4rem;
    outline: none;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.headerItem_o7OP:last-child {
    margin-right: 0;
}

.headerCart_3wHw {
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0 1.2rem;
    cursor: pointer;
}

.iconCart_2ayd {
    width: 3.6rem;
    height: 3.6rem;
    fill: #fff;
}

.badgeNumber_1Ttw {
    position: absolute;
    top: 0;
    right: .6rem;
    min-width: 2.4rem;
}

.badge_2k15 {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .6rem;
    background-color: #f5a623;
    color: #fff;
}

.searchButton_3d_3 > svg {
    width: 2.4rem;
    height: 2.4rem;
    fill: #fff;
}

.headerItem_o7OP .quantity-cart {
    color: #fff;
    background: orange;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: -13px;
    margin-top: 8px;
    right: 17px;
}

#resultsearch {
    position: absolute;
    background: #fff;
    margin-top: 1px;
    padding: 0;
    width: 100%;
    border: 1px solid #eee;
    display: none;
}

    #resultsearch .foo-au-item {
        overflow: hidden;
        border-bottom: 1px solid #eee;
    }

    #resultsearch ul {
        padding: 0;
    }

    #resultsearch img {
        width: 50px;
        height: 50px;
        float: left;
        margin-right: 5px;
    }

    #resultsearch a {
        color: #000;
    }

    #resultsearch .foo-price {
        color: red;
    }

.content {
    padding: 16px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

    .sticky + .content {
        padding-top: 102px;
    }

.swiper-container-samecate {
    margin-top: 10px;
    z-index: 0;
    margin-bottom: 20px;
}

    .swiper-container-samecate .swiper-slide {
        text-align: left;
        font-size: 18px;
        background: #fff;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        max-height: 40px;
        box-shadow: 2px 2px 2px #ccc;
        overflow: hidden;
    }

        .swiper-container-samecate .swiper-slide img {
            width: 40px;
            height: 40px;
            margin-right: 3px;
            display: table-cell;
        }

        .swiper-container-samecate .swiper-slide label {
            font-size: 12px !important;
            color: #000;
            vertical-align: middle;
            display: table-cell;
            white-space: nowrap;
        }

    .swiper-container-samecate .swiper-button-next, .swiper-container .swiper-button-prev {
        background-size: 8px;
        background-color: #cccccc;
    }

    .swiper-container-samecate .swiper-button-next, .swiper-container .swiper-button-prev {
        opacity: 1;
    }
/*---------------Menu-----------------------*/
.navBar_tTP_ {
    position: relative;
}

.megaMenuContainer_1Rwx {
    position: absolute;
    z-index: 3;
    display: none;
}

.container_fKAk {
    display: flex;
    flex-direction: column;
    background: #fff;
    height: 400px;
    width: 235px;
}

.navCate_1qlk {
    z-index: 2;
    overflow: hidden;
}

.cateMain_2WI2 {
    background-color: #fff;
}

    .cateMain_2WI2 .parent {
        border-left: 3px solid red;
    }

        .cateMain_2WI2 .parent a {
            padding-left: 17px;
        }

    .cateMain_2WI2:hover {
        background: #eee;
    }

    .cateMain_2WI2 .link {
        white-space: nowrap;
        width: 184px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.cateMaintile_1rAT {
    position: relative;
    z-index: 2;
    padding: 0 1.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .cateMaintile_1rAT > a {
        display: inline-flex;
        height: 3rem;
        align-items: center;
        color: #000;
        transition-duration: 0ms;
    }

    .cateMaintile_1rAT > span {
        color: #646464;
    }

.cateMain_2WI2:hover > .dropdown-menu {
    display: block;
    position: absolute;
    top: 0;
    margin-left: 235px;
    min-width: 100%;
    height: 400px;
}

.webNavMain_3MK3 {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    background-color: #fff;
    margin-bottom: 1.2rem;
}

.navBar_tTP_ {
    position: relative;
}

.megaMenuContainer_1Rwx {
    position: absolute;
    z-index: 3;
    left: .4rem;
    top: -33rem;
}

.shortcutsList_1uCz {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 10.6rem;
    padding: .6rem 0;
}

    .shortcutsList_1uCz .shortcutItem_1mvn {
        flex: 0 0 10%;
        max-width: 10%;
        display: block;
        text-align: center;
    }

    .shortcutsList_1uCz .icon_2Ap- {
        width: 5.2rem;
        height: 5.2rem;
    }

    .shortcutsList_1uCz .text_3zD4 {
        margin: 0;
        color: #000;
    }
/*-----------------List event-------------------------*/
.section_3t4k {
    margin-bottom: 1.2rem;
}

.fd_1DsZ.web_1zRS {
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
}

.fd_1DsZ {
    margin-bottom: 1.2rem;
    min-height: 19rem;
    border-radius: .8rem;
}

.fdSectionHeader_2REv {
    border-top-left-radius: .8rem;
    border-top-right-radius: .8rem;
    background: linear-gradient(90deg,#ee2724,#f4a66d);
}

.fd_1DsZ.web_1zRS .fdSectionHeaderIcon_2-Cw {
    min-height: 3.8rem;
}

.fdSectionHeaderIcon_2-Cw {
    background: url(/content/images/bg-header-panel.png) no-repeat 0 0;
    background-size: auto 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: .6rem;
    color: #e5101d;
}

.countdownTimer_1slX {
    font-size: 1.1rem;
    font-weight: 400;
    padding-left: 3rem;
}

    .countdownTimer_1slX .sd-countdown .sd-hour, .countdownTimer_1slX .sd-countdown .sd-minute, .countdownTimer_1slX .sd-countdown .sd-second, .countdownTimer_1slX .sd-countdown .sd-day {
        padding: .2rem .4rem .2rem .3rem;
        border-radius: 3px;
        background-color: #000;
        color: #fff;
    }

    .countdownTimer_1slX .sd-countdown .sd-colon {
        color: #000;
        padding-left: .3rem;
        padding-right: .3rem;
    }

.fdSectionHeaderIcon_2-Cw > span:last-child {
    margin-right: 0;
}

.textViewAll_O6hl {
    margin-left: auto;
    margin-right: 0;
    font-size: 1.4rem;
}

    .textViewAll_O6hl, .textViewAll_O6hl .viewAllIcon_2Q8g path {
        transition: all .4s;
    }

.textViewAll_O6hl {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #fff;
}

    .textViewAll_O6hl svg {
        margin-right: .6rem;
        width: 17px;
    }

.fdSectionContent_34Ze {
    padding: 0 .6rem;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.fd_1DsZ.web_1zRS .swiper-container {
    position: static;
    overflow: initial;
    z-index: 1;
}

.fd_1DsZ.web_1zRS .swiper-wrapper {
    display: flex;
    width: 100%;
}

.buttonNext_1-S9.visible_mJey, .buttonPrev_3PNS.visible_mJey {
    visibility: visible;
}

.buttonNext_1-S9, .buttonPrev_3PNS {
    visibility: hidden;
}

.buttonNext_1-S9 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsLW9wYWNpdHk9Ii40IiBkPSJNNS44OCA0LjEyTDEzLjc2IDEybC03Ljg4IDcuODhMOCAyMmwxMC0xMEw4IDJ6Ii8+PC9zdmc+);
    border-radius: .3rem 0 0 .3rem;
    box-shadow: 0 0 0.2rem 0 rgba(0,0,0,.3);
    opacity: .7;
    position: absolute;
    top: 50%;
    width: 2.8rem;
    height: 4.4rem;
    margin-top: -2.2rem;
    z-index: 1;
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    left: auto;
    right: 0;
}

.buttonPrev_3PNS {
    border-radius: .3rem 0 0 .3rem;
    box-shadow: 0 0 0.2rem 0 rgba(0,0,0,.3);
    opacity: .7;
    position: absolute;
    top: 50%;
    width: 2.8rem;
    height: 4.4rem;
    margin-top: -2.2rem;
    z-index: 1;
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 0 .3rem .3rem 0;
    left: 0;
    right: auto;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsLW9wYWNpdHk9Ii40IiBkPSJNOCAxNi42NjdsMTQtMTQgMi42NjcgMi42NjctMTEuMzMzIDExLjMzM0wyNC42NjcgMjggMjIgMzAuNjY3eiIvPjwvc3ZnPg==);
}

.fd_1DsZ.web_1zRS .swiper-wrapper {
    display: flex;
    width: 100%;
}

.item_JFvs.web_DoC8 {
    margin-right: 0;
    text-align: center;
    height: 100%;
    display: block;
    padding: .5rem .3rem .3rem;
    width: 100%;
}

    .item_JFvs.web_DoC8:last-child {
        padding-right: .5rem;
    }

    .item_JFvs.web_DoC8:first-child {
        padding-left: .5rem;
    }

.itemImage_2q4A {
    position: relative;
    display: block;
    border-radius: 3px;
    height: 0;
    padding-top: 100%;
    margin: 0;
    border-radius: .7rem;
    background-color: #fff;
    border: none;
    overflow: hidden;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
}

.imageSquare_1q1C {
    position: absolute;
    margin-bottom: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.4);
}

    .imageSquare_1q1C img {
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: 100%;
    }

.promotionPercent_Z8xu {
    position: absolute;
    top: 0;
    right: 0;
    width: 5.5rem !important;
    height: 3rem !important;
    opacity: 1;
}

.itemSold_sLUu .promotionPercent_Z8xu {
    opacity: 1 !important;
}

    .itemSold_sLUu .promotionPercent_Z8xu svg {
        fill: #848486;
    }

.promotionPercent_Z8xu svg {
    fill: #f21a4c;
}

.promotionPercent_Z8xu > span {
    color: #fff;
    font-size: 20px !important;
    font-weight: 500;
    padding-right: .3rem;
    transform: translateY(-50%);
    padding-bottom: .1rem;
    height: 100%;
    line-height: 1.5;
    position: absolute;
    top: 50%;
    right: -.2rem;
    bottom: unset;
    left: unset;
}

.itemInfo_uJZQ {
    min-height: 2rem;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    padding-top: 1.2rem;
    padding-left: 0;
    padding-right: 0;
}

.finalPrice_N1mg {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
}

.iconMall_30o_ {
    width: 3.6rem;
    height: 2.4rem;
    margin-right: .3rem;
}

.finalPrice_N1mg .current_1c0_ {
    font-size: 1.6rem;
    color: #e5101d;
    font-weight: 500;
}

.fdProgressBarWrapper_1zoY {
    height: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1.2rem 0;
}

.itemNearSold_2n5u .iconDeal_Llog {
    top: -1px;
}

.itemSold_sLUu .iconDeal_Llog {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 20%;
    left: 0;
}

.itemNearSold_2n5u .iconDeal_Llog img {
    width: 25px;
    height: 25px;
}

.itemSold_sLUu .progress_3uMb {
    left: unset;
}

.bar_rumE, .progress_3uMb, .promotionPercent_Z8xu {
    height: 1.3rem;
}

.progress_3uMb {
    width: 80%;
    position: relative;
    background: #f7c287;
    border-radius: 1.2rem 1.2rem;
    overflow: hidden;
}

.bar_rumE {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: linear-gradient(90deg,#f57900,#f76a42);
    border-radius: 1.2rem 1.2rem;
}

.itemSold_sLUu .bar_rumE {
    background: #c8c8c8;
}

.bar_rumE, .progress_3uMb, .promotionPercent_Z8xu {
    height: 1.8rem;
}

.percent_3ymM {
    padding-top: 0;
    font-size: 1.1rem;
}

.percent_3ymM {
    height: 100%;
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    top: 0;
    left: 50%;
    color: #fff;
    font-size: .9rem;
    transform: translate(-50%);
}

.swiper-container-virtual .swiper-slide {
    width: 12.5%;
    background: #fff;
}
/*------------------Combo-----------------------*/
.dailyDeal_2SVJ {
    border-radius: .8rem;
    min-height: 28.5rem;
}

.dailyDeal_16u4 {
    border-radius: 6px;
    background: linear-gradient(90deg,var(--main-color-3),var(--main-color));
    min-height: 20.3rem;
    position: relative;
    overflow: hidden;
}

.dailyDealHeader_1ZZo {
    position: relative;
    line-height: 1;
    min-height: 4rem;
    padding: 0;
    margin-right: 1.2rem;
}

    .dailyDealHeader_1ZZo * {
        color: #fff;
    }

.flex_3-oT {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left_2vF3 {
    max-width: 100%;
}

.dailyDealHeader_1ZZo * {
    color: #fff;
}

.flex_3-oT {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dailyDealHeader_1ZZo svg {
    height: 3.6rem;
    font-weight: 500;
}

.right_3hoO {
    position: absolute;
    top: 3px;
    right: 0;
}

.dailyDealSeeAll_2boX {
    font-size: 1.4rem;
}

.dailyDealHeader_1ZZo * {
    color: #fff;
}

.flex_3-oT {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dailyDealHeader_1ZZo svg {
    height: 3.6rem;
}

.dailyDealHeader_1ZZo svg {
    font-weight: 500;
}

.dailyDealContainer {
    overflow: hidden;
    padding: 0 .9rem;
    z-index: 1;
    position: relative;
    will-change: transform;
}

    .dailyDealContainer .swiper-container {
        position: static;
        overflow: initial;
        z-index: 1;
        padding-bottom: 10px;
    }

.dailyDeal_2SVJ .swiper-slide a {
    display: inline-block;
    width: 100%;
}

.item_3K0l {
    border-radius: 8px;
    height: 100%;
}

.itemImage_3x1_ {
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 10rem;
    height: 10rem;
}

.itemWeb_mrIN .itemImage_3x1_ {
    width: 100%;
    height: 100%;
}

.itemImage_3x1_ .itemImageInner_ojQI {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.promotionPercent {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.4rem;
    height: 1.9rem;
    z-index: 0;
}

.itemWeb_mrIN .promotionPercent, .itemWeb_mrIN .promotionPercent svg {
    width: 3.8rem;
    height: 2rem;
}

    .itemWeb_mrIN .promotionPercent, .itemWeb_mrIN .promotionPercent svg {
        width: 3.8rem;
        height: 2rem;
    }

.promotionPercent svg {
    fill: #f21a4c;
}

.promotionPercent > span {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    padding-right: .4rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: -.2rem;
    bottom: unset;
    left: unset;
    display: flex;
    align-items: center;
}

.itemWeb_mrIN .promotionPercent span {
    padding-right: 0;
    width: 100%;
    justify-content: center;
}

.itemWeb_mrIN .itemInfoWrap_2p6R {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    padding-bottom: 1.6rem;
}

.itemInfoWrap_2p6R {
    min-height: 63px;
}

.itemInfoWrap_2p6R {
    background-color: #fff;
    padding: 1rem .9rem .9rem;
    font-size: 1.8rem;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.itemPrice_3Ap2 {
    color: #000;
    font-size: 13px;
    max-height: 3.4rem;
    height: 3.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3;
    padding: 0px;
    text-transform: uppercase;
}

.itemWeb_mrIN .itemFinalPrice_1Zsy {
    font-size: 1.8rem;
    margin-top: 7px;
}

.itemFinalPrice_1Zsy {
    color: #e5101d;
    font-size: 1.8rem;
    font-weight: 500;
    display: block;
    line-height: 1.2;
}
/*---------Footer / Chân web-----------*/
.webFooter_1sFS {
    background-color: #232f3e;
}

.sendoStrengths_3p64 {
    background-color: #fff;
}

.webFooter_1sFS .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.4rem;
    margin-left: -.4rem;
}

.sendoStrengths_3p64 .col_205S:first-child {
    border-left: none;
}

.sendoStrengths_3p64 .col_205S {
    flex: 0 0 20%;
    max-width: 20%;
    border-left: 1px solid #e8e8e8;
    padding: 1.2rem 0;
}

.item_13ry {
    display: block;
    padding: 2.4rem .6rem;
    text-align: center;
}

.iconBox_3BrW {
    margin-bottom: 1.2rem;
}

    .iconBox_3BrW img {
        height: 9.2rem;
    }

.title_2y2L {
    margin-bottom: .3rem;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.text-desc {
    color: #828282;
}

.description_2VJu {
    margin-bottom: 0;
}

.footerAddress_3W_M {
    padding: 2.4rem 0;
    border-top: 1px solid #b3b3b3;
    color: #fff;
}
/*---------------List Product--------------------*/
.listProductAutoLoad .item-hot-product {
    background: #fff;
}
/*-------------------Giỏ hàng--------------------*/
.cartEmpty_2MjW {
    min-height: 60vh;
    width: 100%;
    background-color: #fff;
    margin-bottom: 1.2rem;
    padding: .6rem 1.2rem;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
}

    .cartEmpty_2MjW .contentEmpty_1POQ {
        margin-bottom: 1.2rem;
        text-align: center;
    }

        .cartEmpty_2MjW .contentEmpty_1POQ .imageSquare_1DFl {
            width: 20rem;
            height: 20rem;
            margin-bottom: 1.2rem;
            position: relative;
            overflow: hidden;
        }

        .cartEmpty_2MjW .contentEmpty_1POQ .imageSquare_1DFl {
            display: inline-block;
        }

    .cartEmpty_2MjW .title_1x2N {
        display: block;
        margin-bottom: 3.2rem;
        font-size: 1.6rem;
    }

    .cartEmpty_2MjW .btn_2fA- {
        width: 20rem;
        height: 3.2rem;
        display: inline-block;
        padding: .6rem 1.2rem;
        text-align: center;
        color: #fff;
        background-color: #e5101d;
        font-size: 1.4rem;
        font-weight: 500;
        border-radius: 3px;
    }

    .cartEmpty_2MjW .contentEmpty_1POQ .imageSquare_1DFl img {
        position: absolute;
        left: 50%;
        top: 50%;
        max-width: 100%;
        transform: translate(-50%,-50%);
        border-radius: .4rem;
    }

.booking-cart {
    background: var(--main-color);
    padding: 10px;
    color: #fff;
    border: 0;
    border-radius: 5px;
}
/*------------------Brand / sản phẩm thương hiệu-------------------*/
.panel_3omi {
    min-height: 19.4rem;
    border-radius: .3rem;
    border-radius: 5px;
    overflow: hidden;
}

.panel_3omi {
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
}

.panelHeading_3iie {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    border-bottom: 1px solid #e8e8e8;
}

.panelHeading_3iie {
    align-content: center;
    border-bottom: .1rem solid #e8e8e8;
    background: linear-gradient(90deg, var(--main-color), var(--main-color-2));
}

    .panelHeading_3iie .linkSenmall_2OlF {
        color: #fff;
    }

    .panelHeading_3iie .linkViewAll_13NX {
        color: #000;
        float: right;
    }

.linkSenmall_2OlF, .linkViewAll_13NX {
    display: inline-flex;
}

.panelHeading_3iie h2 {
    text-transform: uppercase;
}

.mallLabel_8Xbg {
    margin-left: .6rem;
}

.shopMallLabel_2v3F {
    width: 6.4rem;
}

.shopLabel_1vbT {
    display: flex;
    align-items: center;
}

.mediumLabel_3N5C > img {
    margin-right: .3rem;
}

.shopLabel_1vbT > img {
    margin-right: .3rem;
}

.mediumLabel_3N5C > span {
    font-size: 1.2rem;
}

.shopMallLabel_2v3F > span {
    color: #ee2624;
}

.shopLabel_1vbT > span {
    font-weight: 500;
}

.linkViewAll_13NX {
    align-items: center;
    font-size: 1.4rem;
    font-weight: 400;
    color: #e5101d;
    cursor: pointer;
}

.linkSenmall_2OlF, .linkViewAll_13NX {
    display: inline-flex;
}

    .linkViewAll_13NX:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .425rem;
        vertical-align: .425rem;
        content: "";
        border-top: .5rem solid transparent;
        border-right: 0;
        border-bottom: .5rem solid transparent;
        border-left: .5rem solid #e5101d;
    }

.content_1D4E {
    display: flex;
    overflow: hidden;
}

.genuineBrandCard_2Al2 {
    width: 26.6rem;
    min-width: 26.6rem;
    height: 13.4rem;
    margin-top: 2.4rem;
    margin-bottom: 1.2rem;
    margin-right: 1.2rem;
    border-radius: 3px;
    background-color: #f2f2f2;
    padding: 0 1.2rem;
}

.genuineBrandInfo_1wNX {
    display: flex;
    min-height: 6.8rem;
}

.brandLogoWrapper_3czq {
    position: relative;
}

.image-square {
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
    margin: 0;
}

.brandLogo_1h_m {
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 0.2rem 0 rgba(0,0,0,.2);
    position: absolute;
    top: -1.2rem;
}

.image-square > img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    transform: translate(-50%,-50%);
    border-radius: .4rem;
}

.brandLogo_1h_m > img {
    width: 100%;
    padding: .3rem;
    border-radius: 5px;
}

.brandInfo_21fW {
    padding-left: 10px;
    padding-top: 10px;
}

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.brandName_2Y6q {
    color: #000;
    display: inline-block;
    margin-bottom: .3rem;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.totalProduct_1UlS {
    font-size: 1.4rem;
    font-weight: 400;
}

.number_d4jv {
    display: inline-block;
    color: #4a90e2;
}

.text_i7l3 {
    display: inline-block;
    color: #828282;
    font-weight: 400;
}

.thumb_231f {
    width: 5rem;
    height: 5rem;
    margin-right: .6rem;
    background-color: #fff;
    display: inline-block;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 0 0.2rem 0 rgba(0,0,0,.2);
}

.products_2XZa :last-child {
    margin-right: 0;
}

.image-square {
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
    margin: 0;
}

.thumb_231f img {
    max-width: 100%;
}

.image-square > img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    transform: translate(-50%,-50%);
    border-radius: .4rem;
}
/*---------------Point-------------*/
.footable thead .footable-header th {
    background: #8d8d8d;
}

.footable tbody tr td {
    background: var(--main-color-2);
    color: #000;
}

.navigation .pagination-container ul.pagination .active {
    background: var(--main-color-3);
}

    .navigation .pagination-container ul.pagination .active a {
        color: #fff;
    }

.navigation .pagination-container ul.pagination li a {
    color: #007bff;
}

/*-------------------Mua hàng may mắn | lucky Buy--------------------*/
@font-face {
    font-family: Rye;
    src: url(/fonts/Rye-Regular.ttf);
}

.lucky-wheel {
    text-align: center;
    border: 1px solid #ccc;
    padding: 20px 5px;
}

.odometer-parent {
    border: 1px solid orange;
    padding: 5px 10px;
    border-radius: 10px;
    background-image: linear-gradient(#ffff00, #ffa500);
    background-color: #fc0;
    font-family: "Rye", monospace;
    display: inline-flex;
}

    .odometer-parent .odometer-inside {
        width: 35px;
        position: relative;
        border: 1px solid #fff;
        padding: 0px;
        background-image: linear-gradient(to bottom, #cccccc 0%, #ffffff 20%, #ffffff 80%, #cccccc 100%);
        border-radius: 0.5em;
        text-align: center;
        height: 41px;
        margin: 0 3px;
    }

        .odometer-parent .odometer-inside:last-child {
            box-shadow: inset -0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);
        }

        .odometer-parent .odometer-inside .odometer-value {
            color: #f80000;
            line-height: 1.35em;
            font-family: "Rye", monospace;
            font-size: 30px;
            margin-top: -19px;
            font-weight: bold;
        }

.btnRoll {
    padding: 10px 20px;
    background: #ecc544;
    border: none;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    margin-top: -1px;
    display: inline-flex;
    margin-top: 25px;
    position: absolute;
    margin-left: 20px;
    font-weight: bold;
}

.title-lw {
    color: #f80000;
    font-size: 23px;
    margin-bottom: 20px;
    font-family: "Rye";
    font-weight: bold;
}

.frame-user-luckybuy {
    overflow: hidden;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

    .frame-user-luckybuy .avatar {
        width: 40px;
        height: 40px;
        float: left;
        margin-right: 10px;
        border-radius: 50%;
        border: 2px solid #ccc;
        color: #ccc;
        overflow: hidden;
        padding: 3px;
        font-size: 20px;
        text-align: center;
    }

.one-detail .item-operate {
    position: relative;
}

.progress-widget {
    position: relative;
    padding-top: 1rem;
    padding-bottom: .2rem;
    width: 100%;
}

    .progress-widget .progress-full {
        background: #ddd;
        position: relative;
    }

    .progress-widget .Label {
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 15px;
        color: #000;
        font-size: 12px;
        font-weight: bold;
    }

    .progress-widget .progress-full .progress-use {
        width: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#fcca37, endColorStr=#fc8a37);
        background: -ms-linear-gradient(left,#fcca37,#fc8a37);
        background: -moz-linear-gradient(left,#fcca37,#fc8a37);
        background: -webkit-gradient(linear,0 100%,100% 100%,from(#fcca37),to(#fc8a37));
        background: -webkit-gradient(linear,0 100%,100% 100%,from(#fcca37),to(#fc8a37));
        background: -webkit-linear-gradient(left,#fcca37,#fc8a37);
        background: -o-linear-gradient(left,#fcca37,#fc8a37);
        -webkit-transition: width 1s ease;
        transition: width 1s ease;
    }

    .progress-widget .progress-full, .progress-widget .progress-full .progress-use {
        font-size: 0;
        height: 1.48rem;
        border-radius: .48rem;
        overflow: hidden;
        margin-bottom: 7px;
    }

.one-detail .operate-buys {
    margin-top: .4rem;
}

.one-detail .buy-operate-item {
    margin-bottom: 1rem;
    padding: 1px 21px;
    padding-left: 16px;
    background: #F3F3F3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    overflow: hidden;
}

    .one-detail .buy-operate-item:nth-last-child(1) {
        margin-bottom: 0rem;
    }

.one-detail .operate-arrow {
    color: #fff;
    padding: 0.15rem 1.8rem 0.15rem 1.6rem;
    margin-left: -16px;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    -webkit-border-bottom-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
}

.theme-bg-color, .theme-bg-color-p {
    background-color: var(--main-color);
}

.one-detail .operate-tip {
    color: #666;
    padding: 7px 0px;
}

.one-detail .operate-btn {
    position: absolute;
    right: .2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.one-detail .btn-one-detail {
    margin: .4rem;
    padding: .2rem .4rem;
    width: 5.6rem;
}

.theme-btn-p {
    border-color: var(--main-color);
    background-color: #ff4c42;
    color: #fff;
}

.one-detail .operate-btn {
    position: absolute;
    right: .2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.theme-txt-color, .theme-txt-color-p {
    color: #ff4c42;
}

.one-detail .detail-lottery {
    -wekbit-box-shadow: 0 0 10px 0 rgba(50,50,50,.3);
    box-shadow: 0 0 10px 0 rgba(50,50,50,.3);
    padding: .5rem;
    position: relative;
    color: #4e4e4c;
    margin-top: .8rem;
}

    .one-detail .detail-lottery .lottery-uifo {
        background: #fbf3f0;
        padding: .65rem;
        position: relative;
        box-sizing: border-box;
    }

    .one-detail .detail-lottery .lottery-head {
        width: 3rem;
        float: left;
        overflow: hidden;
        height: 3rem;
        position: absolute;
        left: .8rem;
    }

    .one-detail .detail-lottery .lottery-info {
        float: left;
        margin-left: .5rem;
        word-wrap: break-word;
        word-break: break-all;
    }

    .one-detail .detail-lottery .lottery-detail {
        color: #fff;
        padding: .28rem .6rem;
        background: #EF3A4B;
        background-size: .3rem;
        position: relative;
        margin-top: .2rem;
    }

        .one-detail .detail-lottery .lottery-detail .detail-arrow {
            position: absolute;
            background: url(http://www.pingou.com.kaitianyan.top/static/kq-h5/widget/level1_widget/oneDetail/img/arrow-bg_3dd3781.png) repeat-x top left;
            height: .5rem;
            width: 100%;
            left: 0;
            top: -.3rem;
            background-size: .65rem auto;
        }

        .one-detail .detail-lottery .lottery-detail .detail-num-desc {
            float: left;
        }

.btn-clear-ticket {
    color: red;
    font-size: 22px;
    cursor: pointer;
}

.btn-random-number-ticket {
    color: green;
    font-size: 20px;
    cursor: pointer;
}

.listNewCodeTicket .frame, #listNumberTicket .frame {
    display: inline-flex;
}

.listNewCodeTicket .circle, #listNumberTicket .circle {
    width: 30px;
    height: 30px;
    border: 1px solid red;
    border-radius: 100%;
    margin: 2px;
    text-align: center;
    padding: 4px;
    font-weight: bold;
    cursor: pointer;
}

#listNumberTicket .square {
    width: 30px;
    height: 30px;
    border: 1px solid red;
    margin: 2px;
    text-align: center;
    padding: 4px;
    font-weight: bold;
    cursor: pointer;
}

#listNumberTicket .circle.active {
    background: orange;
    color: #fff;
}


.zalo-comment-plugin, .zalo-comment-plugin iframe {
    min-height: 500px;
}