/**custom*/
a:hover {
    text-decoration: none!important;
}

span.content-new {
    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.container-cate-products .title-head-main-product {
    font-weight: 600;
    text-transform: capitalize!important;
    font-size: 20px!important;
}

.container-cate-products .container-item-category {
    margin-bottom: 10px;
}

.container-cate-products .title-head-main-product {
    margin-top: 20px;
}

.container-cate-products .Catego_Hearder {
    padding-bottom: 10px;
}

.Catego_Hearder {
    border-bottom: 1px solid #E1E1E1;
    overflow: hidden;
    padding: 0;
    margin-bottom: 15px;
}

    .Catego_Hearder .title-head-main-product {
        position: relative;
        /*padding: 0 15px;*/
        /*height: 0;*/
        /*line-height: 37px;*/
        text-decoration: none;
        color: #000 !important;
        border-right: 32px solid transparent;
        /*border-bottom: 34px solid #ff5c00;*/
        font-size: 18px;
        text-transform: uppercase;
        min-width: 220px;
        float: left;
    }

        .Catego_Hearder .title-head-main-product a {
            color: #000 !important;
            text-transform: capitalize;
            font-size: 21px;
        }

    .Catego_Hearder .view-more-category {
        float: right;
        padding: 7px 0 7px 10px;
        text-transform: capitalize;
        font-size: 15px;
    }

        .Catego_Hearder .view-more-category a {
            color: var(--main-color) !important;
            font-weight: 600;
        }

.bttom-product {
    clear: both;
    height: 30px;
}


.slideout--transparent, .slideout--transparent.slideout--active {
    background: transparent;
}

.slideout--cart-slideout {
    height: 100%;
}

.slideout--active {
    background: #FFFFFF;
    pointer-events: visible;
}

.wapper-container-product {
    /*border-left: 1px solid #d7d7d7;*/
    overflow: hidden;
}

.header__cart-slideout {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999;
    top: 0;
    display: flex;
    flex-direction: column;
    pointer-events: none;
}

.slideout--right {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
}

    .slideout--right .slideout__wrapper {
        transform: translate3d(100%,0,0);
    }

.slideout--active .slideout__wrapper {
    transform: translate(0);
}

.slideout--cart-slideout .slideout__wrapper {
    overflow: visible;
}

.slideout__wrapper {
    transition-property: transform;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
    z-index: 2;
    position: relative;
    width: 100%;
    max-width: calc(100% - 40px);
    height: 100%;
    background: #fff;
    transform: translate(-100%);
    overflow: auto;
}

.container__cart-slideout {
    opacity: 0;
}

.cart-slideout__close .cart-slideout__close-icon {
    font-weight: bold;
    color: #000;
    font-size: 23px;
}

.price--cart .price__amount {
    font-size: 17px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 6px;
    text-align: right;
    color: #000;
}

.quantity--cart-slideout .quantity__control {
    height: 33px;
    width: 102px;
}

    .quantity--cart-slideout .quantity__control .quantity__input {
        width: 33.33%;
        height: 100%;
        padding: 0;
        text-align: center;
        border: none;
    }

.cart-row-title {
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 375px) {
    .slideout__wrapper {
        max-width: calc(100% - 54px);
    }
}

@media (min-width: 600px) {
    .slideout__wrapper {
        max-width: 375px;
    }
}

@media (min-width: 768px) {
    .slideout__wrapper {
        max-width: 400px;
    }
}

.no-scroll {
    overflow: hidden;
}

.slideout--cart-slideout .slideout__button {
    display: none;
}

.slideout__button {
    margin: 0;
    padding: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    position: absolute;
    top: 21px;
    right: 18px;
    display: flex;
    align-items: center;
    z-index: 102;
}

.slideout__content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slideout--cart-slideout .slideout__inner {
    overflow: visible;
    height: 100%;
}

.slideout__inner {
    z-index: 9999;
    overflow: auto;
}

.cart-slideout {
    height: 100%;
}

.cart-slideout__inner {
    position: relative;
    height: 100%;
}

.cart-slideout__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 16px 18px;
    border-bottom: 1px solid #CCC;
}

.cart-slideout__close, .cart-slideout__header-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-slideout__header-inner {
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 1 auto;
    padding: 0 18px;
}

.cart-slideout__header-title {
    font-size: 24px;
    line-height: 1;
    color: #000;
    font-weight: bold;
}

.cart-slideout__header-count {
    display: none;
}

.cart-slideout__close {
    flex-direction: row;
    flex-wrap: wrap;
    position: absolute;
    right: 10px;
}

.cart-slideout__close-icon {
    width: 16px;
    height: 16px;
    color: #666666;
    cursor: pointer;
}

.cart-slideout__content {
    height: calc(100% - 72px);
}

.cart-layout--slidedout .cart-layout__inner {
    margin: 0;
}

.cart-slideout__content > div {
    height: 100%;
}

.slideout--cart-slideout .cart-slideout__wrapper {
    overflow: visible;
}

.cart-slideout__wrapper {
    height: 100%;
}

.slideout--cart-slideout .cart-slideout__wrapper > div {
    height: 100%;
}

.grid--no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.content__empty_cart {
    padding: 20px 10px;
    text-align: center;
    font-size: 18px;
}

.cart-slideout__items {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: calc(100% - 204px);
    padding: 0 18px;
}

.cart-row--slideout:last-child {
    border-bottom: none;
}

.cart-row--slideout {
    padding: 18px 0;
    border-bottom: 1px solid #CCCCCC;
}

.cart-row {
    position: relative;
    padding-bottom: 20px;
}

.cart-slideout__bottom {
    padding: 24px 18px;
}

.cart-slideout__bottom {
    font-size: 18px;
    line-height: 1.14286;
    font-weight: 400;
    color: #666;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 18px;
    z-index: 10;
    border-top: 1px solid #d9d9d9;
}

.cart-slideout__subtotal {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    font-weight: 700;
    margin-bottom: 18px;
    color: #000;
}

.cart-slideout__subtotal {
    margin-bottom: 17px;
}

.cart-slideout__button {
    text-align: center;
    font-size: 17px;
    line-height: 1.14286;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid;
    display: block;
    padding-top: 17px;
    padding-bottom: 15px;
    color: #fff!important;
    text-transform: capitalize;
}

.button--block {
    width: 100%;
}

.button--secondary {
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}

.cart-slideout__cta {
    margin-top: 12px;
}

.button--alternate {
    padding-top: 17px;
    padding-bottom: 15px;
    background: #000;
    color: #fff!important;
    border-color: #000;
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    text-transform: capitalize;
}

.slideout__overlay {
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.1);
    z-index: 1;
}

.cart-row__inner {
    flex-direction: row;
}

.cart-row--slideout .cart-row__col--image {
    width: 78px;
}

.cart-row--slideout .cart-row__image:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.cart-row__image:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.cart-row--slideout .cart-row__col--content {
    width: 100%;
    padding-left: 12px;
}

.cart-row__col--content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.cart-row__col--content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex: 1 1;
    padding-left: 18px;
}

.cart-row--slideout .cart-row__header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.cart-row__header {
    flex-direction: column;
    position: relative;
    width: 100%;
}

.cart-row--slideout .cart-row__footer, .cart-row--slideout .cart-row__title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}

.cart-row--slideout .cart-row__title {
    align-items: flex-start;
    padding-right: 18px;
    text-transform: capitalize;
}

.cart-row--slideout .cart-row__title-link {
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    color: #000;
}

.cart-row__title-link {
    display: block;
    color: #000000;
}

.cart-row--slideout .cart-row__properties {
    margin-top: 4px;
}

.cart-row__properties {
    flex-wrap: nowrap;
    width: 100%;
    margin-top: 20px;
}

.cart-row__line, .cart-row__properties {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.cart-row--slideout .cart-row__close {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    margin: 0;
}

.cart-row__close-icon {
    width: 12px;
    height: 12px;
    color: #111;
}

.cart-row--slideout .cart-row__footer {
    align-items: center;
    margin-top: 12px;
}

#footer {
    background: #00483A;
    padding: 0;
    /*margin-bottom: 20px;*/
    overflow: hidden;
    box-shadow: 4px 0px 24px rgba(0,0,0,.08);
    border-top: 1px solid #d7d7d7;
}

    #footer .footer-grid {
        padding-top: 30px;
    }


    #footer p {
        font-size: 14px;
        color: #636363;
    }

.close-product {
    background: url('/Images/Product_on_back_03.png?v=1') no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -10px;
    top: -10px;
}

#checkout-card .checkout-card-inn .product-notification-item {
    padding: 10px;
    margin-bottom: 0px;
}

    #checkout-card .checkout-card-inn .product-notification-item .head th {
        font-weight: bold;
        text-align: center;
        padding-bottom: 5px;
    }

    #checkout-card .checkout-card-inn .product-notification-item .item {
        border-top: 1px solid #d8dade;
        border-left: 1px solid #d8dade;
        border-right: 1px solid #d8dade;
        padding: 5px;
    }

        #checkout-card .checkout-card-inn .product-notification-item .item.first {
            border-bottom: transparent;
        }

        #checkout-card .checkout-card-inn .product-notification-item .item td {
            text-align: center;
            padding: 5px;
        }

div#scrollbar1 table tbody {
    max-height: 200px;
}

#checkout-card .checkout-card-inn .product-notification-item .sub-total {
    float: left;
    padding: 0px 10px;
}

#checkout-card .checkout-card-inn .product-notification-item .sub-total {
    align-items: center;
    display: flex;
    list-style: outside none none;
}

    #checkout-card .checkout-card-inn .product-notification-item .sub-total li.head {
        cursor: pointer;
        color: #f70415;
        border-bottom: 1px solid #f70415;
        position: relative;
    }

    #checkout-card .checkout-card-inn .product-notification-item .sub-total li.title {
        background-color: #c0c0c0;
        padding: 5px 10px;
        font-size: 16px;
        list-style: none;
    }

    #checkout-card .checkout-card-inn .product-notification-item .sub-total li:hover ul.sub {
        display: block;
    }

#checkout-card .checkout-card-inn .product-notification-item ul.sub {
    position: absolute;
    left: -25px;
    width: 255px;
    background: #fff;
    display: none;
    border: 1px solid #d8dade;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 3px;
    z-index: 1000;
    padding: 0;
}

    #checkout-card .checkout-card-inn .product-notification-item ul.sub li {
        padding: 3px 15px;
        list-style: inside;
        color: #000;
    }

        #checkout-card .checkout-card-inn .product-notification-item ul.sub li.title-promotion,
        #checkout-card .checkout-card-inn .product-notification-item ul.sub li.title-note {
            padding: 5px 15px 0px;
            list-style: none;
            display: none;
        }

#checkout-card .checkout-card-inn .product-notification-item .check-product {
    float: left;
    padding: 7px 10px;
}

#checkout-card .checkout-card-inn .product-notification-item .item-inn {
    width: 180px;
    float: left;
}

    #checkout-card .checkout-card-inn .product-notification-item .item-inn input[type="button"] {
        border: 0px;
        background: transparent;
        color: #105fef;
    }

#checkout-card .checkout-card-inn .product-notification-item .sprite_productdetail_promotion {
    width: 25px !important;
    height: 25px !important;
    background-position: -272px -2603px !important;
}

#checkout-card .checkout-card-inn .product-notification-item .sprite_productdetail_notes {
    width: 25px !important;
    height: 25px !important;
    background-position: -272px -2603px !important;
}

#checkout-card .checkout-card-inn .product-notification-item .title-promotion span,
#checkout-card .checkout-card-inn .product-notification-item .title-note span {
    font-size: 15px;
    color: #ca0505;
}

#checkout-card .checkout-card-inn .product-notification-item .separate-dashed {
    border-top: 1px dashed #d8dade;
}

.col1 img {
    float: left;
    padding: 3px 10px;
}

.col1 a {
    padding: 3px 10px;
    color: #0c0000;
    margin-bottom: 0px;
}

.col2 p.old {
    text-decoration: line-through;
}

.col2 p.red {
    color: #f70b0b;
}

.col3 select, .col4 select {
    margin: 5px 0px;
}

.col2, .col4, .col5 {
    width: 20%;
    float: left;
}

.col2, .col5 {
    width: 20% !important;
    float: left;
}

.cm-notification-content-extended {
    top: 111px !important;
}

#checkout-card .tblBody {
    overflow-y: auto;
    height: 272px;
}

.tblHeader, .tblBody, .tblBody .item {
    float: left;
    width: 100%;
}

    .tblHeader .col1, .tblHeader .col2, .tblHeader .col3, .tblHeader .col4, .tblHeader .col5 {
        font-weight: bold;
        text-align: center;
        padding-bottom: 5px;
    }

.tblFooter {
    display: inline-block;
    width: 100%;
    background-color: #eeeeee;
    border: 1px solid #d8dade;
}

.discount-coupon .control-group {
    margin: 0px !important;
}

.tblFooter .tblF1 {
    width: 65%;
    float: left;
}

    .tblFooter .tblF1 .control-group-inn {
        padding: 25px 20px;
    }

.tblFooter .tblF2 {
    float: left;
    width: 50%;
    text-align: center;
    font-weight: bold;
}

    .tblFooter .tblF2 p {
        padding-top: 10px;
    }

.tblFooter .tblF3 {
    float: left;
    width: 50%;
}

    .tblFooter .tblF3 p {
        font-size: 14px;
        text-align: center;
    }

.tblFooter .fborder {
    width: 35%;
    display: inline-block;
}

    .tblFooter .fborder .line {
        display: inline-block;
        width: 100%;
        border-top: 1px solid #d8dade;
    }

    .tblFooter .fborder .finn {
        border-bottom: 1px solid #d8dade;
        display: inline-block;
        width: 100%;
    }

.tblother {
    font-size: 14px;
}

    .tblother a.update {
        padding: 5px 10px;
        color: #fff;
        display: inline-block;
        border-radius: 5px;
    }

    .tblother a.buy {
        padding: 5px 10px;
        color: #fff;
        display: inline-block;
        border-radius: 3px;
        margin: 10px 0px 10px 0px;
    }

    .tblother a.buy, .tblother a.delete, .tblother a.checkout, .tblother a.update {
        text-decoration: none;
        transition: all 300ms;
    }

    .tblother a.buy {
        background: var(--main-color);
    }

    .tblother a.update {
        background: #1abc9c;
    }


    .tblother a.delete {
        background: #ff2830;
    }

    .tblother a.delete {
        padding: 5px 10px;
        color: #fff;
        display: inline-block;
        border-radius: 5px;
        margin: 10px 0px 10px 0px;
    }

    .tblother a.checkout {
        float: right;
        background-color: #ff9c00;
        padding: 5px 30px;
        color: #fff;
        display: inline-block;
        border-radius: 5px;
        margin: 10px 0px 10px 0px;
    }

.cm-notification-close.close-product {
    cursor: pointer;
}

.col1 {
    width: 35%;
    float: left;
}

.col2 p, .col5 p {
    font-size: 14px;
    color: #676767;
    padding: 3px 0px;
    text-align: center;
}

.col3 {
    width: 12%;
    float: left;
    text-align: center;
}

.notification-content-extended {
    width: 740px;
}

    .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblBody .col1 > img {
        border: 1px solid #ebebeb;
        float: left;
        padding: 3px 10px;
        width: 60px;
        height: 50px;
        object-fit: contain;
    }

    .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblBody .col1 img, .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblBody .col1 .ty-no-image {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 4px;
    }

    .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblBody .col1 .item-inn {
        width: 220px;
        float: left;
    }

        .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblBody .col1 .item-inn > a {
            color: #0c0000;
            display: block;
            margin-bottom: 0;
            padding: 3px 10px;
            text-align: left;
        }

.tblBody .col1 .item-inn a {
    color: #000;
    padding: 0;
}

.notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblHeader {
    float: left;
    width: 100%;
}

    .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblHeader .head .col1 {
        width: 43%;
    }

    .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblHeader .head > div {
        font-weight: 700;
        text-align: center;
        padding-bottom: 5px;
        float: left;
    }

.notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .col1 {
    width: 46%;
}

.notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblBody .item > div {
    float: left;
    text-align: center;
}

.notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .col2, .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .col5 {
    width: 20%;
}

    .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .col2 p, .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .col5 p {
        font-size: 14px;
        color: #676767;
        padding: 3px 0px;
        text-align: center;
    }

.notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblBody .item > div {
    float: left;
    text-align: center;
}

.notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .col3 {
    width: 14%;
}

.notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblFooter {
    display: inline-block;
    width: 100%;
    background-color: #eee;
    border: 1px solid #d8dade;
}

    .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblFooter .tblF1 {
        width: 65%;
        float: left;
    }

        .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblFooter .tblF1 .control-group-inn {
            padding: 25px 20px;
        }

            .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblFooter .tblF1 .control-group-inn .control-group {
                margin: 0px !important;
            }

    .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblFooter .fborder {
        width: 35%;
        display: inline-block;
    }

        .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblFooter .fborder .tblF2 {
            float: left;
            width: 50%;
            text-align: center;
            font-weight: 700;
        }

            .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblFooter .fborder .tblF2 p {
                float: left;
                font-weight: 700;
                padding-top: 10px;
            }

        .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblFooter .fborder .tblF3 {
            float: left;
            width: 50%;
        }

            .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblFooter .fborder .tblF3 p {
                font-size: 14px;
                text-align: center;
            }

.notification-content-extended .close-product {
    background: url(/Images/Product_on_back_03.png?v=1) no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
}

.popup-cart-qty {
    width: 100%;
}

.tblother a i {
    padding-right: 3px;
}

#scrollbar1 .tblBody {
    padding: 0!important;
}

#scrollbar1 .item:last-child {
    border-bottom: 1px solid #d8dade;
}

#Check-Out .checkout-inside-block {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    padding: 20px 20px;
}

.checkout-2016 .order-summary-2016 {
    background: #fff;
    border: 0;
    box-shadow: 0 4px 24px rgba(0,0,0,.08);
    margin-bottom: 15px;
}

#Check-Out .control-group.profile-field-wrap input[type="text"], #Check-Out .control-group.profile-field-wrap select.diaChi {
    width: 96%;
    margin: 0px 4% 0% 0;
}

#Check-Out .control-group.profile-field-wrap {
    font-size: 15px;
}

    #Check-Out .control-group.profile-field-wrap div.tblThongTin {
        width: 96%;
        margin: 0px 4% 0% 0;
        float: left;
        font-size: 15px;
    }

#Check-Out .control-group label {
    float: left;
    padding: 5px 0;
}

#Check-Out .control-group.profile-field-wrap {
    float: left;
    width: 25%;
    box-sizing: border-box;
    height: 70px;
}

    #Check-Out .control-group.profile-field-wrap.lblDiaChi {
        float: left;
        width: 100%;
        box-sizing: border-box;
        height: 60px;
    }

    #Check-Out .control-group.profile-field-wrap.hinhthucthanhtoan {
        float: left;
        width: 50%;
        box-sizing: border-box;
        height: auto;
        padding-top: 10px;
    }

        #Check-Out .control-group.profile-field-wrap.hinhthucthanhtoan select {
            display: inline;
            width: auto;
        }

    #Check-Out .control-group.profile-field-wrap.coupons {
        float: right;
        width: 50%;
        box-sizing: border-box;
        height: auto;
        text-align: right;
        padding: 10px 0;
        position: relative;
    }

    #Check-Out .control-group.profile-field-wrap.hinhthucthanhtoan label {
        float: none;
        padding: 5px 5px 5px 0;
        display: inline;
        color: red;
    }

#Check-Out .infor-bot {
    display: flex;
}

.clr {
    clear: both;
}

img.product-notification-image {
    border: 1px solid #ebebeb;
    float: left;
    padding: 3px 10px;
    width: 60px;
    height: 50px;
    object-fit: contain;
    box-sizing: border-box;
    margin-right: 4px;
}

#checkout-card-2 .checkout-card-2-inn .product-notification-item .item {
    border-top: 1px solid #d8dade;
    padding: 5px 0;
}

#scrollbar1 .item:last-child {
    border-bottom: 1px solid #d8dade;
}

#checkout-card-2 .tblBody {
    overflow: auto;
    height: auto;
}

#checkout-card-2 .tblFooter p.title-sum {
    font-weight: bold;
    font-size: 16px;
}

#Check-Out .tieudeGroup {
    font-size: 16px;
    text-transform: uppercase;
}

#Check-Out .popup-cart-qty {
    width: 50%;
}

.tygh-content .nk-fg-products .slider-item {
    width: 100%;
}



#alerts .alerts-block, #alerts .alerts-block div {
    color: #fff;
    font-size: 14px;
}

.error {
    background: #ffc0cb!important;
    border: 1px solid red!important;
}

.coupons a.buy {
    padding: 5px 10px;
    color: #fff;
    display: inline-block;
    border-radius: 0px 5px 5px 0;
    position: absolute;
    right: 0;
    top: 10px;
    background: #0079b7;
    height: 28px;
}

.bs-callout-info .sec-line {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff -13%, #008ac2 50%, #fff 106%) repeat scroll 0 0;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 185, 205, 0.5);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 185, 205, 0.5);
    box-shadow: 0 0 3px 0 rgba(0, 185, 205, 0.5);
    display: block;
    height: 1px;
    margin: 3px 0;
    width: 100%;
}

#Check-Out .alert-checkout {
    font-size: 15px;
}

    #Check-Out .alert-checkout.cl {
        color: #0079b7;
    }

#Check-Out .alert-sucess-div {
    text-align: center;
}

    #Check-Out .alert-sucess-div .alert-sucess-checkout {
        font-size: 27px;
        text-transform: uppercase;
        color: #0079f8;
        font-weight: bold;
    }

    #Check-Out .alert-sucess-div .alert-checkout span {
        text-transform: uppercase;
        font-weight: bold;
    }

.product-main-info-nk .top-info .span9.product-info .prices-container {
    width: 100%;
}

.col-service > li a {
    color: #3c3c3c;
    cursor: pointer;
    display: block;
    border: 1px solid #e1e6ef;
    background-color: #fff;
}

.col-service > li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 1px 0px;
}

    .col-service > li:nth-child(1) a:before {
        background-color: #36a9e1;
        background-position: -140px -620px;
    }

    .col-service > li:nth-child(2) a:before {
        background-color: #ff5454;
        background-position: -140px -665px;
    }

    .col-service > li:nth-child(3) a:before {
        background-color: #bdea74;
        background-position: -140px -714px;
    }

    .col-service > li:nth-child(4) a:before {
        background-color: #fa603d;
        background-position: -140px -760px;
    }

    .col-service > li:nth-child(5) a:before {
        background-color: #e84c8a;
        background-position: -140px -810px;
    }

    .col-service > li a:before {
        content: "";
        width: 70px;
        height: 45px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 6px;
        background-image: url(../images/sprite_bg_v5.png?v=16);
        background-repeat: no-repeat;
    }

.product-main-info-nk #mua-nhanh {
    width: 49.5%;
    float: left;
    margin-right: 0.5%;
    transition: all 250ms;
}

.buy-product-btn {
    margin: 20px 0px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.product-main-info-nk #cho-vao-gio {
    width: 100%;
    transition: all 250ms;
}

    .product-main-info-nk #cho-vao-gio:hover, .product-main-info-nk #mua-nhanh:hover {
        box-shadow: 0 3px 8px 0 rgba(0,0,0,0.38);
    }

        .product-main-info-nk #cho-vao-gio:hover #btnAddGioHang {
            background: #056a9e;
        }

        .product-main-info-nk #mua-nhanh:hover .buy_button.button-2 {
            background: #e4262d;
        }

.product-main-info-nk .buy_button.button-2, .product-main-info-nk .buy_button.btn-add2cart {
    width: 100%!important;
    transition: all 250ms;
}

.mini-product-scroll .product-item .short-img-product {
    float: left;
    width: 60px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    margin-right: 10px;
    padding: 3px;
    text-align: center;
}

    .mini-product-scroll .product-item .short-img-product img {
        object-fit: contain;
        height: 100%;
        width: 100%;
    }

.mini-product-scroll .product-item .short-des-product {
    overflow: hidden;
    padding-right: 15px;
}

    .mini-product-scroll .product-item .short-des-product .name-product {
        color: #000;
        font-size: 21px;
        text-transform: capitalize;
        margin: 0;
    }

    .mini-product-scroll .product-item .short-des-product .onl-price .title-num {
        float: left;
        width: 75px;
    }

    .mini-product-scroll .product-item .short-des-product .onl-price .title-num, .mini-product-scroll .product-item .short-des-product .onl-price .ty-price {
        color: #c30008;
        font-size: 18px;
    }


.mini-product-scroll .short-btn-product .button-container.btn-group-3 > div {
    width: 50%;
}

.mini-product-scroll .short-btn-product .button-container > div {
    float: left;
}

    .mini-product-scroll .short-btn-product .button-container > div#short_muahangnhanh a {
        background-color: #ff2830;
        color: #fff;
    }

.mini-product-scroll .short-btn-product .button-container.btn-group-3 > div a {
    margin-right: 2px;
}

.mini-product-scroll .short-btn-product .button-container > div a {
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
    padding: 6px 0;
    text-transform: uppercase;
    font-weight: 700;
}

    .mini-product-scroll .short-btn-product .button-container > div a span {
        font-size: 11px;
        display: block;
        text-align: center;
        font-weight: normal;
        text-transform: none;
    }

.mini-product-scroll .short-btn-product .button-container > div#short_chovaogio a {
    font-size: 17px;
    line-height: 1;
    font-weight: 600;
    min-width: 140px;
    margin-left: 25px;
    padding: 11px 16px;
    border-radius: 4px;
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
    white-space: nowrap;
    text-transform: capitalize;
    margin-right: 0;
}

    .mini-product-scroll .short-btn-product .button-container > div#short_chovaogio a span {
        color: #636363;
    }

.mini-product-scroll .icon-remove {
    position: absolute;
    right: -4px;
    top: -38px;
    background: #ff550c;
    font-size: 18px;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    border-top: 2px solid #008ac2;
    transition: all 300ms;
}

    .mini-product-scroll .icon-remove span {
        transition: all 300ms;
    }

    .mini-product-scroll .icon-remove:hover span {
        transition: all 300ms;
        transform: scale(1.4);
        display: block;
    }

#footer .nk-footer-company .nk-fc-text {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'font1';
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 15px;
}

    #footer .nk-footer-company .nk-fc-text.contact-name {
        margin-bottom: 0px;
    }

    #footer .nk-footer-company .nk-fc-text:after {
        content: '';
        position: absolute;
        width: 50px;
        height: 2px;
        background: #fff;
        left: 0;
        bottom: 0;
    }

    #footer .nk-footer-company .nk-fc-text.contact-name:after {
        height: 0px;
    }

#footer .nk-footer-company div {
    font-size: 14px;
}

.infor-congty {
    /*float: left;
	width: 50%;*/
    margin-bottom: 35px;
}

.footer-grid .infor-phanphoi {
    float: right;
    width: 100%;
    margin-top: 10px;
}

.footer-social-icons {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

    .footer-social-icons .social-title {
        font-size: 14px;
        margin-right: 5px;
        color: #fff;
    }

.social-icon {
    color: #e33a0c;
    font-size: 25px;
}

ul.social-icons {
    display: flex;
    align-items: center;
    margin: 0;
}

.social-icons li {
    display: flex;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    justify-content: center;
    margin-right: 7px;
    border: 2px solid #fff;
    cursor: pointer;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}


.social-icons a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-icons li i {
    color: #fff;
    font-size: 17px;
}

/*.fa-facebook {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}*/
.jssocials-share {
    margin: 1px 3px 0 0!important;
    transition: all 300ms;
}

    .jssocials-share:hover {
        transform: translateY(-5px);
    }

.social-icons li.facebook:hover {
    background-color: #3d5b99;
    color: #fff;
}

/*.fa-twitter {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}*/

.social-icons li.twitter:hover {
    background-color: #00aced;
    color: #fff;
}

/*.fa-rss {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}*/

/*.fa-rss:hover {
    background-color: #eb8231;
    color: #fff;
}*/

/*.fa-youtube {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}*/

.social-icons li.youtube:hover {
    background-color: #e64a41;
    color: #fff;
}

/*.fa-linkedin {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}*/

/*.fa-linkedin:hover {
    background-color: #0073a4;
    color: #fff;
}*/

/*.fa-google-plus {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}*/

/*.fa-google-plus:hover {
    background-color: #e25714;
    color: #fff;
}*/

#footer .nk-footer-company .header-phanphoi {
    font-weight: bold;
    font-size: 15px;
    color: #ff550c;
    text-transform: uppercase;
}

#footer .nk-footer-company ul li.item-phanphoi {
    width: 50%;
    float: left;
}




    #footer .nk-footer-company ul li.item-phanphoi .item-khuvuc {
        color: #daa520;
        font-weight: bold;
    }

#footer .googlemap {
    margin-top: 10px;
    border: 2px solid #ff550c;
    border-radius: 4px;
}

#gotoTop {
    position: fixed;
    right: 45px;
    bottom: 55px;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 3px 8px;
    color: var(--main-color);
    font-weight: bold;
    font-size: 24px;
    cursor: pointer;
    display: none;
    z-index: 99999;
    transition: all 300ms;
    border: 2px solid var(--main-color);
    border-radius: 50%;
}

    #gotoTop:hover {
        color: #fff;
        background: var(--main-color);
        border-color: #fff;
    }

    #gotoTop i {
        -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
        animation-name: hvr-icon-bob-float, hvr-icon-bob;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }

.box-tuvan {
    width: 100%;
    clear: both;
    padding: 8px 0;
    display: inline-block;
    border-bottom: 1px dashed #b5b4b4;
}

    .box-tuvan:last-child {
        border-bottom: 0;
    }

    .box-tuvan .tuvan-img img {
        width: 40px;
        height: 40px;
    }

    .box-tuvan .tuvan-img {
        float: left;
        overflow: hidden;
        border-radius: 50%;
        height: 40px;
        position: relative;
        width: 40px;
        margin-right: 5px;
    }

    .box-tuvan .infor-suport span {
        display: block;
        font-weight: bold;
        font-size: 15px;
    }

        .box-tuvan .infor-suport span.sodienthoai {
            color: #e11b23;
        }

        .box-tuvan .infor-suport span.tenhotro {
            color: #50b647;
        }

    .box-tuvan:hover .tuvan-img::after {
        background: #f0585e;
        border-radius: 50%;
        -webkit-transform: scale(.85);
        transform: scale(.85);
        z-index: 11;
    }

.tuvan-img::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '\f095';
    font-family: FontAwesome;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    transition: all .5s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    font-size: 30px;
    text-align: center;
    color: #fff;
}

/*@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}*/

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
}

/*@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}*/

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
}

body {
    position: relative;
}

.nks-block-description-wrapper .nks-block-description h3 {
    position: relative;
}

    .nks-block-description-wrapper .nks-block-description h3:after {
        content: '';
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -1px;
        height: 1px;
        background: linear-gradient(to right,#fff 0%,#008ac2 5%,#008ac2 95%,#fff 100%) repeat scroll 0 0 rgba(0,0,0,0);
        box-shadow: 0 0px 14px 1px rgba(0,138,194,0.4);
    }

#content_description .nks-column-group .nks-block-description-wrapper .nks-block-description ul {
    padding-left: 40px;
    padding-top: 10px;
}

    #content_description .nks-column-group .nks-block-description-wrapper .nks-block-description ul li:before {
        color: #008ac2;
        content: '•';
        padding-right: 5px;
    }

.product-main-info-nk .new-popup-tab-border ul {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 0px;
    margin-top: 40px;
}

/*.product-main-info-nk .new-popup-tab-border .tabs ul.tabs-chitiet li.active
{
	background: #ff550c!important;
}*/

.product-main-info-nk .new-popup-tab-border .tabs span {
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
}

.content-gioithieu {
    background: #fff;
    padding: 20px 25px;
    overflow: hidden;
    border-radius: 4px;
}

    .content-gioithieu p {
        font-family: 'font3'!important;
        margin: 0!important;
        font-size: 16px!important;
        line-height: 27px;
        background: transparent!important;
    }

    .content-gioithieu table tr td p {
        margin-left: 10px!important;
    }

    .content-gioithieu p a, .content-gioithieu span a {
        font-size: 16px;
    }

    .content-gioithieu span {
        font-family: 'font3';
        font-size: 16px;
        line-height: 27px;
    }

    .content-gioithieu table {
        width: 100%!important;
        margin-top: 10px!important;
    }

        .content-gioithieu table tr td {
            width: 50%!important;
            padding: 10px!important;
        }

.nk-main-menu li a i {
    font-size: 18px;
    padding-right: 5px;
}

.content-dichvusuachua p {
    line-height: 27px;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.content-dichvusuachua h6 {
    font-size: 16px;
}

.content-dichvusuachua ul li {
    line-height: 27px;
    font-size: 16px;
}

.content-dichvusuachua h3:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(to right,#fff 0%,#008ac2 5%,#008ac2 95%,#fff 100%) repeat scroll 0 0 rgba(0,0,0,0);
    box-shadow: 0 0px 14px 1px rgba(0,138,194,0.4);
}

.content-dichvusuachua h3 {
    position: relative;
    padding-bottom: 5px;
}

.content-dichvusuachua ul {
    margin-left: 30px;
}

    .content-dichvusuachua ul li:before {
        content: '•';
        padding-right: 5px;
        font-size: 16px;
        font-weight: bold;
        color: #008ac2;
    }

.about-left {
    width: 50%;
    float: left;
}

    .about-left label {
        margin-top: 10px;
    }

.about-right {
    width: 50%;
    float: left;
}

.about-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hotline-dichvusuachua {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

    .hotline-dichvusuachua .hotline {
        color: #ff550c;
        font-size: 20px!important;
    }

.grid-list-category .nk-fgp-items .rating-wrapper p.stars i {
    display: inline-block;
    font-family: glyphs!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

    .grid-list-category .nk-fgp-items .rating-wrapper p.stars i:before {
        float: left;
        font-size: 15px;
        color: #FCB800;
        margin-right: 2px;
        content: "\e041";
    }

.grid-list-category .nk-fgp-items .rating-wrapper p.stars {
    overflow: hidden;
    text-align: center;
    margin: 3px 0 3px 5px;
    display: flex;
    align-items: center;
}

.product-main-info-nk .panel-heading {
    background-color: #acb6be;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    padding: 8px 18px;
    line-height: 1.3;
    border-radius: 5px 5px 0 0;
}

.product-main-info-nk .comment-inforp {
    /*padding: 10px 5px;*/
    border: 1px solid #acb6be;
    border-radius: 7px;
}

.fb-comments.fb_iframe_widget {
    padding: 0 10px;
    /*border: 1px solid #cfcfcf;*/
    border-radius: 0 0 4px 4px;
}

    .fb-comments.fb_iframe_widget > span {
        width: 100%!important;
    }

        .fb-comments.fb_iframe_widget > span > iframe {
            width: 100%!important;
        }

    .fb-comments.fb_iframe_widget .pluginSkinLight > * {
        width: 100%!important;
    }

.product-item-carousel .nk-fgp-items.slider-item .rating-tragop-wrapper .stars {
    float: none;
}

.phanphoi-panel .infor-phanphoi {
    width: 100%;
}

#phanphois .tblHeader .head > div {
    font-size: 18px;
    text-transform: uppercase;
    color: #ff550c;
}

#phanphois .infor-phanphoi ul li > div {
    font-size: 16px;
}

#phanphois .infor-phanphoi ul li.item-phanphoi .item-khuvuc {
    color: #daa520;
    font-weight: bold;
}

#phanphois .tblBody {
    height: 355px;
}

    #phanphois .tblBody::-webkit-scrollbar-track {
        /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
        /*background-color: #F5F5F5;*/
    }

    #phanphois .tblBody::-webkit-scrollbar {
        width: 6px;
        /*background-color: #F5F5F5;*/
    }

    #phanphois .tblBody::-webkit-scrollbar-thumb {
        background-color: #ff550c;
    }

/*Menu-mobile*/
.menu-product-mobile .accordion {
    background: #404040;
}

.menu-product-mobile h3 {
    background: #c80500;
    box-sizing: border-box;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    padding: 20px 24px;
    text-transform: uppercase;
    margin: 0;
    cursor: pointer;
    position: relative;
    text-align: center;
}

    .menu-product-mobile h3:hover {
        cursor: pointer;
        background: #a90703;
    }

    .menu-product-mobile h3#header-menu-home-mobile:before {
        content: "\f015";
        font-size: 17px;
        left: 50%;
        font-weight: normal;
        font-family: FontAwesome;
        transform: translate(-50%);
    }

    .menu-product-mobile h3#header-menu-mobile {
        float: right;
    }

        .menu-product-mobile h3#header-menu-mobile:before {
            content: "\f0c9";
            font-size: 17px;
            left: 50%;
            font-weight: normal;
            font-family: FontAwesome;
            transform: translate(-50%);
        }

    .menu-product-mobile h3:before, .menu-product-mobile h3:after {
        vertical-align: middle;
        font-family: FontAwesome;
        position: absolute;
        top: 0px;
    }


.menu-product-mobile .accordion a {
    color: #fff;
}

.menu-product-mobile .accordion {
    position: absolute;
    width: 100%;
    z-index: 999;
    left: 0px;
    transition: all 1200ms;
    top: -900px;
    opacity: 0;
}

.menu-product-mobile.anhienmenu .accordion {
    top: 42px;
    opacity: 1;
    transition: all 500ms;
}

.menu-product-mobile.anhienmenu h3#header-menu-mobile:before {
    content: "\f00d";
}

.menu-product-mobile .accordion > li:hover {
    background: #ff550c;
}

.menu-product-mobile .accordion li {
    padding: 0;
}

.menu-product-mobile .accordion .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px;
    color: #4D4D4D;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #5d5d5d;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0px 0px 1px #111;
}

.menu-product-mobile .accordion li:last-child .link {
    border-bottom: 0;
}

.iconSub::after {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    transition: all 300ms;
}

.open .iconSub::after {
    content: "\f077";
    font: normal normal normal 14px/1 FontAwesome;
    transition: all 300ms;
}

.menu-product-mobile .accordion li span {
    position: absolute;
    top: 7px;
    left: 12px;
    font-size: 18px;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .menu-product-mobile .accordion li span.iconSub {
        right: 12px;
        left: auto;
        font-size: 16px;
    }

.menu-product-mobile .accordion li.open .link {
    color: #b63b4d;
}

.menu-product-mobile .accordion li.open i {
    color: #b63b4d;
}

    .menu-product-mobile .accordion li.open i.fa-chevron-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.menu-product-mobile .accordion li.default .submenu {
    display: block;
}

.menu-product-mobile .submenu {
    display: none;
    background: #fff;
    font-size: 14px;
}

    .menu-product-mobile .submenu li {
        border-left: 4px solid #ff550c;
        background: #fff;
    }

    .menu-product-mobile .submenu a {
        display: block;
        text-decoration: none;
        color: #525252;
        padding: 10px 15px;
        padding-left: 42px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
        border-bottom: 1px solid #4b4a5e;
    }

        .menu-product-mobile .submenu a:hover {
            color: #e90000;
            font-weight: bold;
        }

#menu-mobile {
    display: none;
    position: relative;
}

    #menu-mobile.fixed-menu-main {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999999;
    }

.img-menu-home {
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
    display: none;
}

    .img-menu-home img {
        width: 150px;
    }
/*Menu chinh*/
.cn-button {
    background: none;
    color: #fff;
    text-align: center;
    font-size: 1.8em;
    padding-bottom: 26px;
    height: 3.5em;
    width: 3.5em;
    background-color: #ff550c;
    position: fixed;
    left: 50%;
    margin-left: -1.75em;
    bottom: -1.75em;
    border-radius: 50%;
    cursor: pointer;
    z-index: 11;
    outline: none;
    border: 2px solid #fff;
}

.component-main {
    /*position:fixed;
    left: 50%;
    bottom: 0;
    z-index: 9999;
    transform: translate(-50%);
    height: 100px;
    width: 300px;*/
}

    .component-main.menuchinhanhien #cn-wrapper {
        border-radius: 50%;
        pointer-events: auto;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        transform: translate(-50%);
    }

    .component-main #cn-wrapper {
        font-size: 1em;
        width: 100%;
        height: 500px;
        overflow: hidden;
        position: fixed;
        z-index: 10;
        bottom: -80px;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%)!important;
        -webkit-transform: scale(0.1);
        -ms-transform: scale(0.1);
        -moz-transform: scale(0.1);
        transform: scale(0.1);
        pointer-events: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
    }

        .component-main #cn-wrapper ul li a {
            /*display: inline-block;
    margin: 10px;
    background: #ff550c;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    z-index: 99;*/
            display: block;
            font-size: 15px;
            height: 14.5em;
            width: 14.5em;
            position: absolute;
            bottom: -7.25em;
            right: -7.25em;
            border-radius: 50%;
            text-decoration: none;
            color: #fff;
            padding-top: 1.8em;
            text-align: center;
            -webkit-transform: skew(-50deg) rotate(-70deg) scale(1);
            -ms-transform: skew(-50deg) rotate(-70deg) scale(1);
            -moz-transform: skew(-50deg) rotate(-70deg) scale(1);
            transform: skew(-50deg) rotate(-70deg) scale(1);
            -webkit-backface-visibility: hidden;
            -webkit-transition: opacity 0.3s, color 0.3s;
            -moz-transition: opacity 0.3s, color 0.3s;
            transition: opacity 0.3s, color 0.3s;
        }

            .component-main #cn-wrapper ul li a span {
                font-size: 22px;
            }

        .component-main #cn-wrapper li:not(.active) a:hover {
            background-color: hsla(0, 88%, 70%, 1);
        }

        .component-main #cn-wrapper ul li:nth-child(odd) a {
            background-color: hsla(0, 88%, 63%, 1);
        }

        .component-main #cn-wrapper ul li:nth-child(even) a {
            background-color: #a61414;
            background-color: hsla(0, 88%, 65%, 1);
        }

        .component-main #cn-wrapper ul li {
            /*display: none;
        position: absolute;
        top: 55px;
        left: -30px;*/
        }

    .component-main.menuchinhanhien #cn-wrapper ul li {
        display: block;
        position: absolute;
        font-size: 1.5em;
        width: 10em;
        height: 10em;
        -webkit-transform-origin: 100% 100%;
        -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        overflow: hidden;
        left: 50%;
        top: 50%;
        margin-top: -1.3em;
        margin-left: -10em;
        -webkit-transition: border .3s ease;
        -moz-transition: border .3s ease;
        transition: border .3s ease;
    }

        .component-main.menuchinhanhien #cn-wrapper ul li:nth-child(1) {
            /*top: 36px;
        left: 25px;*/
            -webkit-transform: rotate(-10deg) skew(50deg);
            -ms-transform: rotate(-10deg) skew(50deg);
            -moz-transform: rotate(-10deg) skew(50deg);
            transform: rotate(-20deg) skew(50deg);
        }

        .component-main.menuchinhanhien #cn-wrapper ul li:nth-child(2) {
            /*top: -5px;
        left: 50px;*/
            -webkit-transform: rotate(30deg) skew(50deg);
            -ms-transform: rotate(30deg) skew(50deg);
            -moz-transform: rotate(30deg) skew(50deg);
            transform: rotate(15deg) skew(50deg);
        }

        .component-main.menuchinhanhien #cn-wrapper ul li:nth-child(3) {
            /*top: -25px;
        left: 95px;*/
            -webkit-transform: rotate(70deg) skew(50deg);
            -ms-transform: rotate(70deg) skew(50deg);
            -moz-transform: rotate(70deg) skew(50deg);
            transform: rotate(50deg) skew(50deg);
        }

        .component-main.menuchinhanhien #cn-wrapper ul li:nth-child(4) {
            /*top: -25px;
        left: 190px;*/
            -webkit-transform: rotate(110deg) skew(50deg);
            -ms-transform: rotate(110deg) skew(50deg);
            -moz-transform: rotate(110deg) skew(50deg);
            transform: rotate(90deg) skew(50deg);
        }

        .component-main.menuchinhanhien #cn-wrapper ul li:nth-child(5) {
            /*top:-5px;
        left: 220px;*/
            -webkit-transform: rotate(150deg) skew(50deg);
            -ms-transform: rotate(150deg) skew(50deg);
            -moz-transform: rotate(150deg) skew(50deg);
            transform: rotate(125deg) skew(50deg);
        }

        .component-main.menuchinhanhien #cn-wrapper ul li:nth-child(6) {
            /*top: 36px;
        left: 230px;*/
            -webkit-transform: rotate(150deg) skew(50deg);
            -ms-transform: rotate(150deg) skew(50deg);
            -moz-transform: rotate(150deg) skew(50deg);
            transform: rotate(160deg) skew(50deg);
        }

/*.tygh-top-panel .nk_header_new_2015_outer.nk_header_menu .nk-category-menu ul.menu > li > a:before
{
	content: "\f054";
	font-family: FontAwesome;
	line-height: 40px;
	text-align: center;
	transition: all 300ms;
}*/

.tygh-top-panel .nk_header_new_2015_outer.nk_header_menu .nk-category-menu ul.menu > li:hover > a:before {
    padding-left: 15px;
}



.product-main-info-nk .top-info .span7 .image-wrap .border-image-wrap .cm-image-previewer img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 5px;
    transition: all 300ms;
    height: 100%;
}

.product-main-info-nk .top-info .span7 .image-wrap .border-image-wrap .cm-image-previewer:hover img {
    transform: scale(1.1);
}

.container-slider-main {
    background: transparent;
    height: 363px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

    .container-slider-main .tp-banner-container {
        border-radius: 4px;
        overflow: hidden !important;
    }

    .container-slider-main .container-slider-main-right {
        margin-left: auto;
        width: 275px;
        border-radius: 4px;
        overflow: hidden !important;
        position: relative;
    }

.container-product-best {
    margin-bottom: 15px;
    background: #fff;
    border-radius: 5px;
}

.container-product-category {
    background: #fff;
    overflow: hidden;
}


#wrapper {
    position: relative;
}

#main-menu-home {
    position: fixed;
    top: 0;
    padding: 60px;
    background: #ff550c;
    left: -300px;
    z-index: 999999999;
    transition: all 500ms;
    display: none;
    box-shadow: 0 4px 8px #000;
}

    #main-menu-home nav li a {
        color: #fff;
        font-size: 15px;
        padding: 5px;
        width: 100%;
        display: inline-block;
    }

        #main-menu-home nav li a span {
            margin-right: 5px;
        }

#close-menu-home {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0px 15px;
    font-size: 35px;
    color: #fff;
    cursor: pointer;
    width: 100%;
    text-align: right;
    background: rgba(10, 10, 10, 0.38);
}

#overload-menu-main {
    position: fixed;
    background: rgba(0, 0, 0, 0.59);
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 999999990;
}

.tygh-content .nk-fg-products .nk-fgp-items .nk-fgp-in-items.sp-banchay {
    margin: 2px 0;
    border-left: 0px;
}

.tygh-content .nk-fg-products .nk-fgp-items .nk-fgp-in-items.sp-noibat {
    margin: 2px 0;
    border: 0px;
}

/*.left-main {
    width: 75%;
    float: left;
}

.rigth-main {
    width: 25%;
    float: right;
    padding: 0px 0px 0px 10px;
}

    .rigth-main .box-rigth-main {
        margin-bottom: 15px;
        background: #fff;
        box-shadow: 0 4px 24px rgba(0,0,0,.08);
        border-radius: 0 0 5px 5px;
    }

        .rigth-main .box-rigth-main .TinTuc {
            padding: 10px;
            border-top: 0;
        }

        .rigth-main .box-rigth-main .title-box-right {
            color: #ffffff;
            font-size: 18px;
            text-transform: capitalize;
            padding: 5px 10px;
            background: var(--main-color);
            display: block;
            text-align: center;
            position: relative;
        }

            .rigth-main .box-rigth-main .title-box-right:after {
                content: "";
                position: absolute;
                top: 0;
                border: 0 solid rgb(173, 19, 25);
                border-width: 18px 25px;
                width: 0;
                height: 0;
                left: 0;
                border-color: transparent;
                border-left-color: rgb(145 80 16);
            }

            .rigth-main .box-rigth-main .title-box-right i {
                margin-right: 5px;
            }*/

.title-new {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: bold;
    color: var(--main-color);
    padding-bottom: 10px;
    display: block;
    transition: 300ms all;
}

.box-new {
    padding: 15px 0;
    border-top: 1px solid #d7d7d7;
    overflow: hidden;
}

    .box-new:first-child {
        border-top: 0;
        padding: 0;
        padding-bottom: 15px;
    }

.cart-layout__title {
    padding: 20px;
    text-align: center;
    font-size: 32px;
    text-transform: capitalize;
    font-weight: 600;
}

.img-new {
    float: left;
    width: 55px;
    height: 55px;
    margin: 5px 5px 0 0;
    transition: all 300ms;
    overflow: hidden;
    border-radius: 2px;
}

span.content-new {
    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-new .img-new img {
    transition: all 300ms;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.box-new:hover .title-new {
    color: #0079b7;
}

.box-new:hover .img-new img {
    transform: scale(1.3) rotate(5deg);
}

.content-dichvusuachua {
    padding: 10px;
    background: #fff;
    /*box-shadow: 0 4px 24px rgba(0,0,0,.08);*/
    margin-bottom: 10px;
}

.list-news {
    /*box-shadow: 0 4px 24px rgba(0,0,0,.08);*/
    margin-bottom: 15px;
    border-radius: 5px;
}

.container-news-detail {
    overflow: hidden;
    margin-top: 17px;
    /*box-shadow: 0 4px 24px rgba(0,0,0,.08);*/
}

.content-news ul li, .content-news span, .content-news b, .content-news ol, .content-news > h2, .content-news div {
    line-height: 27px;
    font-size: 16px!important;
    font-family: 'font3'!important;
    background-color: transparent!important;
}

.content-news ul li {
    margin-bottom: 0px!important;
}

    .content-news ul li:before {
        content: '•';
        padding-right: 5px;
        font-size: 16px;
        font-weight: bold;
        color: #008ac2;
    }

.content-news ul {
    margin-left: 30px;
}

.content-news .newsrelate {
    display: block;
    overflow: hidden;
    margin-left: 0;
    margin-top: 15px;
}

ul.newsrelate {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1fr;
}

.content-news ul.newsrelate li:before {
    content: '';
    padding-right: 0;
}

.content-news p > img, .content-news p span img, .content-news p strong img {
    border: 4px solid #d0d0d0;
    border-radius: 4px;
    display: block;
    margin: 10px auto;
    max-width: 100%;
}

.content-news .nk-block-title h1 {
    margin-top: 10px;
    color: #ff5c00;
    font-size: 21px;
    font-weight: normal;
    text-transform: uppercase;
}

.content-news .sec-line {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff -13%, #008ac2 50%, #fff 106%) repeat scroll 0 0;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 185, 205, 0.5);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 185, 205, 0.5);
    box-shadow: 0 0 3px 0 rgba(0, 185, 205, 0.5);
    display: block;
    height: 1px;
    margin: 3px 0;
    width: 100%;
}


.newsrelate li a {
    display: block;
    overflow: hidden;
}

.newsrelate li .tempvideo {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.newsrelate li img {
    display: block;
    width: 100%;
    height: 150px;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 4px;
    transition: all 300ms;
}

.newsrelate li h3 {
    font-family: 'font1';
    font-size: 15px;
    transition: all 300ms;
    margin-top: 10px;
    color: #000;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 33px;
}

.newsrelate li:hover h3 {
    color: var(--main-color);
}

.newsrelate li:hover img {
    transform: scale(1.1);
}

.tintuclienquan .description {
    font-family: 'font3';
    font-size: 14px;
    line-height: 20px;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}

li.tintuclienquan {
    margin: 0 5px 15px 5px;
}

.kenit-alo-phone {
    position: fixed;
    right: 50px;
    bottom: 150px;
    z-index: 999999999;
}

.kenit-alo-ph-circle {
    width: 160px;
    height: 160px;
    bottom: -50px;
    right: -60px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: kenit-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: kenit-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: kenit-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: kenit-alo-circle-anim 1.2s infinite ease-in-out;
    animation: kenit-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.kenit-alo-phone.kenit-alo-green .kenit-alo-ph-circle {
    border-color: var(--main-color);
    opacity: .5;
}

.kenit-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    bottom: -20px;
    right: -30px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: kenit-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: kenit-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: kenit-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: kenit-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: kenit-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.kenit-alo-phone.kenit-alo-green .kenit-alo-ph-circle-fill {
    background-color: var(--main-color);
    opacity: .75 !important;
}

.kenit-alo-phone.kenit-alo-green .kenit-alo-ph-img-circle {
    background-color: var(--main-color);
}

.kenit-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    bottom: 0px;
    right: -10px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1) url(/Images/call.png) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: kenit-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: kenit-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: kenit-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: kenit-alo-circle-img-anim 1s infinite ease-in-out;
    animation: kenit-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.kenit-alo-phone.kenit-alo-green.kenit-alo-hover .kenit-alo-ph-circle, .kenit-alo-phone.kenit-alo-green:hover .kenit-alo-ph-circle {
    border-color: #36a9e1;
    border-color: #baf5a7 9;
    opacity: .5;
}

.kenit-alo-phone.kenit-alo-green.kenit-alo-hover .kenit-alo-ph-circle-fill, .kenit-alo-phone.kenit-alo-green:hover .kenit-alo-ph-circle-fill {
    background-color: #36a9e1;
    background-color: #baf5a7 9;
    opacity: .75 !important;
}

.kenit-alo-phone.kenit-alo-green.kenit-alo-hover .kenit-alo-ph-img-circle, .kenit-alo-phone.kenit-alo-green:hover .kenit-alo-ph-img-circle {
    background-color: #36a9e1;
    background-color: #75eb50 9;
}

@-moz-keyframes kenit-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1;
    }

    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5;
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1;
    }
}

@-webkit-keyframes kenit-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1;
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}

@-o-keyframes kenit-alo-circle-anim {
    0%;

{
    -o-transform: rotate(0) kscale(.5) skew(1deg);
    -o-opacity: .1;
}

30% {
    -o-transform: rotate(0) scale(.7) skew(1deg);
    -o-opacity: .5;
}

100% {
    -o-transform: rotate(0) scale(1) skew(1deg);
    -o-opacity: .1;
}

}

@-moz-keyframes kenit-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@-webkit-keyframes kenit-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@-o-keyframes kenit-alo-circle-fill-anim {
    0%;

{
    -o-transform: rotate(0) scale(.7) skew(1deg);
    opacity: .2;
}

50% {
    -o-transform: rotate(0) scale(1) skew(1deg);
    opacity: .2;
}

100% {
    -o-transform: rotate(0) scale(.7) skew(1deg);
    opacity: .2;
}

}

@-moz-keyframes kenit-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-webkit-keyframes kenit-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-o-keyframes kenit-alo-circle-img-anim {
    0%;

{
    -o-transform: rotate(0) scale(1) skew(1deg);
}

10% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg);
}

20% {
    -o-transform: rotate(25deg) scale(1) skew(1deg);
}

30% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg);
}

40% {
    -o-transform: rotate(25deg) scale(1) skew(1deg);
}

50% {
    -o-transform: rotate(0) scale(1) skew(1deg);
}

100% {
    -o-transform: rotate(0) scale(1) skew(1deg);
}

}
/*css tin tức list*/
.newslist {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 0 10px 10px;
    margin-bottom: 0px;
}

    .newslist li {
        display: block;
        overflow: hidden;
        border-bottom: 1px solid #eee;
        padding: 15px 0;
        position: relative;
    }

        .newslist li:last-child {
            border-bottom: none;
        }

        .newslist li a {
            display: block;
            overflow: hidden;
            position: relative;
        }

        .newslist li .tempvideo {
            float: left;
            position: relative;
            width: 150px;
            height: 110px;
            margin-right: 15px;
            margin-bottom: 5px;
            overflow: hidden;
        }

            .newslist li .tempvideo img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

        .newslist li img {
            float: left;
            width: 100%;
            height: 200px;
            transition: all 400ms;
        }

        .newslist li:hover img {
            transform: scale(1.3) rotate(5deg);
        }


        .newslist li h3 {
            display: block;
            overflow: hidden;
            font-size: 22px;
            font-weight: 600;
            color: var(--main-color);
            transition: all 300ms;
            margin: 0;
        }

        .newslist li .timepost {
            display: block;
            overflow: hidden;
            font-size: 14px;
            color: #999;
        }

        .newslist li:hover h3 {
            color: #337ab7;
        }

        .newslist li figure {
            display: block;
            overflow: hidden;
            font-size: 16px;
            color: #333;
            line-height: 22px;
            padding: 10px 0;
        }

.flexslider.flexslider-noibat {
    margin: 0;
}

.content-top-main {
    display: flex;
    align-items: center;
    height: 86px;
}

.nk-main-menu.main__menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.viewmore {
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 40px;
    font-size: 15px;
    color: #ff550c;
    border: 1px solid #ff550c;
    text-align: center;
    border-radius: 4px;
    margin: 20px auto 10px auto;
    width: 400px;
}

.home-policy, .home-policy__item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.home-policy {
    justify-content: flex-start;
    margin-top: 35px;
    margin-bottom: 25px;
}

.home-policy__item {
    width: 25%;
}

    .home-policy__item:first-child {
        margin-left: 0;
    }

    .home-policy__item:last-child {
        margin-right: 0;
    }

.home-policy__item {
    justify-content: center;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    padding: 25px 10px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    margin: 10px;
    border-radius: 0.5em;
}

.home-policy__icon {
    font-size: 40px;
    margin-right: 25px;
    color: #FCB800;
}

.home-policy__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.home-policy__title {
    font-size: 20px;
    line-height: 1.16667;
    font-weight: 500;
    color: #000;
    margin: 0;
    text-transform: capitalize;
}

.home-policy__description {
    font-size: .875rem;
    line-height: 1.71429;
    margin-top: 3px;
}

/*.home-policy__item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 50px;
    background-color: #DADADA;
    transform: translateY(-50%);
}*/

.home-policy__item:last-child:after {
    content: none;
}

.header__bottom-right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

    .header__bottom-right .header__phone i {
        margin-right: 6px;
    }

    .header__bottom-right .header__phone {
        font-size: 16px;
    }

        .header__bottom-right .header__phone strong {
            font-size: 20px;
        }

.viewmore:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #ff550c;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

.viewmore:hover {
    background: #ff550c;
    border-color: #ff550c;
    color: #fff;
}

    .viewmore:hover:after {
        border-top: 6px solid #fff;
    }

.grid--no-gutter > .grid__item {
    padding-left: 0;
    padding-right: 0;
}

.cart-layout__block-header-inner {
    display: grid;
    grid-template-columns: 1fr 110px 90px 120px 60px;
    grid-gap: 0 18px;
    padding: 8px 16px;
    border-bottom: 1px solid #E1E1E1;
    background-color: #F2F2F2;
}

.cart-layout__block-header-title {
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    text-align: center;
}

.cart-row--page {
    padding: 24px 0;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
}

    .cart-row--page:last-child {
        border-bottom: none;
    }

    .cart-row--page .cart-row__inner {
        grid-template-areas: "image title property total close";
        grid-template-columns: 60px 1fr 100px 90px 120px 60px;
        grid-gap: 0 18px;
        display: grid;
        padding-right: 16px;
    }

.cart-row__header, .cart-row__inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

.cart-row--page .cart-row__col--image {
    grid-area: image;
}

.cart-row__col--image {
    width: 60px;
}

.image-lazy--cover {
    background-size: cover;
}

.image-lazy--contain, .image-lazy--cover {
    background-position: 50%;
    background-repeat: no-repeat;
}

.image-lazy {
    position: relative;
}

.cart-row__image:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.image-lazy--cover .image-lazy__img {
    font-family: "object-fit:cover";
    object-fit: cover;
    border-radius: 2px;
}

.image-lazy--contain .image-lazy__img, .image-lazy--contain .image-lazy__placeholder, .image-lazy--cover .image-lazy__img, .image-lazy--cover .image-lazy__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.image-lazy__img {
    display: block;
}

.cart-row--page .cart-row__header {
    grid-area: title;
}

.cart-row--page .cart-row__close, .cart-row--page .cart-row__header, .cart-row--page .cart-row__property, .cart-row--page .cart-row__total {
    margin: auto 0;
}

.cart-row__header {
    flex-direction: column;
    position: relative;
    width: 100%;
}

.cart-row--page .cart-row__title-link {
    font-size: 16px;
    line-height: 1.28571;
    font-weight: 600;
    color: var(--main-color);
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-row__title-link {
    display: block;
    color: #000;
}

.cart-row--page .cart-row__property {
    grid-area: property;
}

.cart-row--page .quantity__control {
    height: 37px;
    width: 105px;
}

.quantity {
    width: 100%;
}

.cart-row__total.price--cart.price--cart-row.price.price--sale {
    text-align: right;
    color: #000;
    font-size: 16px;
}

.cart-slideout__items::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

.cart-slideout__items::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 6px solid #999;
    width: 3px;
}

.cart-slideout__items::-webkit-scrollbar-track {
    margin: 2px 0;
    background-color: #C0C0C0;
}

.cart-row__close {
    border: none;
    background: transparent;
    font-size: 20px;
    transform: rotateZ(45deg);
    cursor: pointer;
}

.container-cart-emptys {
    padding: 0 0 30px 0;
    font-size: 20px;
    text-align: center;
}

.grid__item.cart-layout__block.cart-layout__block--main {
    margin-bottom: 30px;
}

.cart-layout__block-inner {
    padding: 19px 18px 18px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    background: #F1F1F1;
    box-shadow: 0 8px 18px #c6ccd329;
}

.cart-layout__line {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 13px;
    color: #111111;
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 15px;
}

.cart-layout__subtitle, .cart-layout__total {
    font-size: 17px;
    line-height: 1;
    font-weight: 600;
    color: #000;
}

.cart-layout__block--sidebar {
    margin-bottom: 20px;
}

.cart-layout__button {
    width: 100%;
    margin-bottom: 14px;
    background: var(--main-color);
    color: #fff!important;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 2px;
    display: block;
    text-align: center;
}

@media (min-width: 1024px) {
    .cart-layout__block--main {
        flex-grow: 1;
        width: 69.032258%;
    }

    .quantity {
        width: 102px;
    }

    .cart-layout__block-header {
        display: block;
    }

    .cart-layout__block-inner {
        padding: 23px 24px 22px;
    }
}

.cart-layout__block {
    width: 100%;
}

.grid__item {
    width: 100%;
}

.container-xxl {
    max-width: 1440px;
    padding-right: 1.625rem;
    padding-left: 1.625rem;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.form-login.authentication-inner {
    max-width: 400px;
    position: relative;
}

    .form-login.authentication-inner .form {
        z-index: 1;
        background-clip: padding-box;
        box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%);
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background: #fff;
        border: 0 solid #d9dee3;
        border-radius: 5px;
        padding: 25px;
    }

.app-brand__logo {
    display: flex;
    margin-bottom: 30px;
    justify-content: center;
}

    .app-brand__logo img {
        width: 110px;
    }

.title__brand {
    text-align: center;
    color: #566a7f;
    font-weight: bold;
    margin: 0 0 60px;
    font-size: 19px;
}

.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
    padding-top: 1.625rem !important;
}

.container-p-y:not([class^=pb-]):not([class*=" pb-"]) {
    padding-bottom: 1.625rem !important;
}

/*.main__menu .have-child-menu > a:after {
    display: inline-block;
    vertical-align: middle;
    content: "\e93a";
    font-family: Linearicons!important;
    margin-left: 10px;
    font-weight: bold;
    font-size: 12px;
    transition: 300ms all;
}

.main__menu .have-child-menu:hover a:after {
    transform: rotateX(180deg);
}*/

.main__menu .have-child-menu .sub-menu-main {
    background: #fff;
    border-radius: 4px;
    top: 100%;
    left: 0;
    position: absolute;
    padding: 10px 25px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    min-width: 200px;
}

.main__menu ul.nk-mm-list > li:hover:after,
.main__menu ul.nk-mm-list > li.actived-menu:after {
    content: '';
    background: url('../../Images/icon_menu.png') no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.main__menu .have-child-menu .sub-menu-main .item-child-main ul {
    background: #fff;
    border-radius: 4px;
    top: 0;
    left: calc(100% + 35px);
    position: absolute;
    padding: 10px 25px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    min-width: 200px;
}

.main__menu .have-child-menu .sub-menu-main:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 20px;
    width: 0;
    height: 0;
    box-shadow: 3px -3px 5px rgba(0, 0, 0, 0.05);
    border-top: 6px solid #FFFFFF;
    border-right: 6px solid #FFFFFF;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    transform: rotate(-45deg);
    mix-blend-mode: multiple;
}

.main__menu .have-child-menu .sub-menu-main .item-child-main ul:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -5px;
    width: 0;
    height: 0;
    box-shadow: -5px -2px 6px rgba(0, 0, 0, 0.05);
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    transform: rotate(-45deg);
    mix-blend-mode: multiple;
}

.main__menu .have-child-menu:hover .sub-menu-main,
.main__menu .have-child-menu .sub-menu-main .item-child-main:hover ul {
    opacity: 1;
    visibility: visible;
}

.main__menu .have-child-menu .sub-menu-main a {
    padding: 0px!important;
    justify-content: start!important;
    display: block!important;
    text-align: left;
}

.main__menu .have-child-menu .sub-menu-main a {
    text-transform: capitalize !important;
    font-size: 15px !important;
    color: #000 !important;
    white-space: nowrap;
}

    .main__menu .have-child-menu .sub-menu-main a:before,
    .main__menu .have-child-menu .sub-menu-main a:hover:before {
        content: ''!important;
        height: 0px!important;
    }

    .main__menu .have-child-menu .sub-menu-main a:hover {
        color: var(--main-color)!important;
    }

.main__menu .have-child-menu .sub-menu-main li.item-child-main,
.main__menu .sub-menu-main li.item-child-main ul li {
    display: block;
    float: none!important;
    height: auto!important;
    line-height: 1!important;
    padding: 10px 0px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

    .main__menu .have-child-menu .sub-menu-main li.item-child-main:last-child,
    .main__menu .sub-menu-main li.item-child-main ul li:last-child {
        border-bottom: none;
    }

.authentication-wrapper.authentication-basic {
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.authentication-wrapper {
    display: flex;
    flex-basis: 100%;
    min-height: 100vh;
    width: 100%;
}

    .authentication-wrapper .authentication-inner {
        width: 100%;
    }

.form-login.authentication-inner::before {
    width: 148px;
    height: 148px;
    content: " ";
    position: absolute;
    top: -40px;
    right: -40px;
    background-image: url("data:image/svg+xml,%3Csvg width='148px' height='148px' viewBox='0 0 148 148' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M355,144 C356.104569,144 357,144.895431 357,146 C357,147.104569 356.104569,148 355,148 C353.895431,148 353,147.104569 353,146 C353,144.895431 353.895431,144 355,144 Z M382,144 C383.104569,144 384,144.895431 384,146 C384,147.104569 383.104569,148 382,148 C380.895431,148 380,147.104569 380,146 C380,144.895431 380.895431,144 382,144 Z M412,144 C413.104569,144 414,144.895431 414,146 C414,147.104569 413.104569,148 412,148 C410.895431,148 410,147.104569 410,146 C410,144.895431 410.895431,144 412,144 Z M442,144 C443.104569,144 444,144.895431 444,146 C444,147.104569 443.104569,148 442,148 C440.895431,148 440,147.104569 440,146 C440,144.895431 440.895431,144 442,144 Z M472,144 C473.104569,144 474,144.895431 474,146 C474,147.104569 473.104569,148 472,148 C470.895431,148 470,147.104569 470,146 C470,144.895431 470.895431,144 472,144 Z M499,144 C500.104569,144 501,144.895431 501,146 C501,147.104569 500.104569,148 499,148 C497.895431,148 497,147.104569 497,146 C497,144.895431 497.895431,144 499,144 Z M355,117 C356.104569,117 357,117.895431 357,119 C357,120.104569 356.104569,121 355,121 C353.895431,121 353,120.104569 353,119 C353,117.895431 353.895431,117 355,117 Z M382,117 C383.104569,117 384,117.895431 384,119 C384,120.104569 383.104569,121 382,121 C380.895431,121 380,120.104569 380,119 C380,117.895431 380.895431,117 382,117 Z M412,117 C413.104569,117 414,117.895431 414,119 C414,120.104569 413.104569,121 412,121 C410.895431,121 410,120.104569 410,119 C410,117.895431 410.895431,117 412,117 Z M442,117 C443.104569,117 444,117.895431 444,119 C444,120.104569 443.104569,121 442,121 C440.895431,121 440,120.104569 440,119 C440,117.895431 440.895431,117 442,117 Z M472,117 C473.104569,117 474,117.895431 474,119 C474,120.104569 473.104569,121 472,121 C470.895431,121 470,120.104569 470,119 C470,117.895431 470.895431,117 472,117 Z M499,117 C500.104569,117 501,117.895431 501,119 C501,120.104569 500.104569,121 499,121 C497.895431,121 497,120.104569 497,119 C497,117.895431 497.895431,117 499,117 Z M355,87 C356.104569,87 357,87.8954305 357,89 C357,90.1045695 356.104569,91 355,91 C353.895431,91 353,90.1045695 353,89 C353,87.8954305 353.895431,87 355,87 Z M382,87 C383.104569,87 384,87.8954305 384,89 C384,90.1045695 383.104569,91 382,91 C380.895431,91 380,90.1045695 380,89 C380,87.8954305 380.895431,87 382,87 Z M412,87 C413.104569,87 414,87.8954305 414,89 C414,90.1045695 413.104569,91 412,91 C410.895431,91 410,90.1045695 410,89 C410,87.8954305 410.895431,87 412,87 Z M442,87 C443.104569,87 444,87.8954305 444,89 C444,90.1045695 443.104569,91 442,91 C440.895431,91 440,90.1045695 440,89 C440,87.8954305 440.895431,87 442,87 Z M472,87 C473.104569,87 474,87.8954305 474,89 C474,90.1045695 473.104569,91 472,91 C470.895431,91 470,90.1045695 470,89 C470,87.8954305 470.895431,87 472,87 Z M499,87 C500.104569,87 501,87.8954305 501,89 C501,90.1045695 500.104569,91 499,91 C497.895431,91 497,90.1045695 497,89 C497,87.8954305 497.895431,87 499,87 Z M355,57 C356.104569,57 357,57.8954305 357,59 C357,60.1045695 356.104569,61 355,61 C353.895431,61 353,60.1045695 353,59 C353,57.8954305 353.895431,57 355,57 Z M472,57 C473.104569,57 474,57.8954305 474,59 C474,60.1045695 473.104569,61 472,61 C470.895431,61 470,60.1045695 470,59 C470,57.8954305 470.895431,57 472,57 Z M412,57 C413.104569,57 414,57.8954305 414,59 C414,60.1045695 413.104569,61 412,61 C410.895431,61 410,60.1045695 410,59 C410,57.8954305 410.895431,57 412,57 Z M499,57 C500.104569,57 501,57.8954305 501,59 C501,60.1045695 500.104569,61 499,61 C497.895431,61 497,60.1045695 497,59 C497,57.8954305 497.895431,57 499,57 Z M382,57 C383.104569,57 384,57.8954305 384,59 C384,60.1045695 383.104569,61 382,61 C380.895431,61 380,60.1045695 380,59 C380,57.8954305 380.895431,57 382,57 Z M442,57 C443.104569,57 444,57.8954305 444,59 C444,60.1045695 443.104569,61 442,61 C440.895431,61 440,60.1045695 440,59 C440,57.8954305 440.895431,57 442,57 Z M355,27 C356.104569,27 357,27.8954305 357,29 C357,30.1045695 356.104569,31 355,31 C353.895431,31 353,30.1045695 353,29 C353,27.8954305 353.895431,27 355,27 Z M382,27 C383.104569,27 384,27.8954305 384,29 C384,30.1045695 383.104569,31 382,31 C380.895431,31 380,30.1045695 380,29 C380,27.8954305 380.895431,27 382,27 Z M412,27 C413.104569,27 414,27.8954305 414,29 C414,30.1045695 413.104569,31 412,31 C410.895431,31 410,30.1045695 410,29 C410,27.8954305 410.895431,27 412,27 Z M442,27 C443.104569,27 444,27.8954305 444,29 C444,30.1045695 443.104569,31 442,31 C440.895431,31 440,30.1045695 440,29 C440,27.8954305 440.895431,27 442,27 Z M472,27 C473.104569,27 474,27.8954305 474,29 C474,30.1045695 473.104569,31 472,31 C470.895431,31 470,30.1045695 470,29 C470,27.8954305 470.895431,27 472,27 Z M499,27 C500.104569,27 501,27.8954305 501,29 C501,30.1045695 500.104569,31 499,31 C497.895431,31 497,30.1045695 497,29 C497,27.8954305 497.895431,27 499,27 Z M355,0 C356.104569,0 357,0.8954305 357,2 C357,3.1045695 356.104569,4 355,4 C353.895431,4 353,3.1045695 353,2 C353,0.8954305 353.895431,0 355,0 Z M382,0 C383.104569,0 384,0.8954305 384,2 C384,3.1045695 383.104569,4 382,4 C380.895431,4 380,3.1045695 380,2 C380,0.8954305 380.895431,0 382,0 Z M412,0 C413.104569,0 414,0.8954305 414,2 C414,3.1045695 413.104569,4 412,4 C410.895431,4 410,3.1045695 410,2 C410,0.8954305 410.895431,0 412,0 Z M442,0 C443.104569,0 444,0.8954305 444,2 C444,3.1045695 443.104569,4 442,4 C440.895431,4 440,3.1045695 440,2 C440,0.8954305 440.895431,0 442,0 Z M472,0 C473.104569,0 474,0.8954305 474,2 C474,3.1045695 473.104569,4 472,4 C470.895431,4 470,3.1045695 470,2 C470,0.8954305 470.895431,0 472,0 Z M499,0 C500.104569,0 501,0.8954305 501,2 C501,3.1045695 500.104569,4 499,4 C497.895431,4 497,3.1045695 497,2 C497,0.8954305 497.895431,0 499,0 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='%F0%9F%93%9D-Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Login---V2' transform='translate(-822.000000, -197.000000)'%3E%3Cg id='top-illustration' transform='translate(469.000000, 197.000000)'%3E%3Cuse fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.6' fill='%23FFFFFF' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.form-login.authentication-inner::after {
    background-image: url("data:image/svg+xml,%3Csvg width='243px' height='240px' viewBox='0 0 243 240' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M34.5,182 C35.8807119,182 37,183.119288 37,184.5 C37,185.880712 35.8807119,187 34.5,187 C33.1192881,187 32,185.880712 32,184.5 C32,183.119288 33.1192881,182 34.5,182 Z M61.5,182 C62.8807119,182 64,183.119288 64,184.5 C64,185.880712 62.8807119,187 61.5,187 C60.1192881,187 59,185.880712 59,184.5 C59,183.119288 60.1192881,182 61.5,182 Z M91.5,182 C92.8807119,182 94,183.119288 94,184.5 C94,185.880712 92.8807119,187 91.5,187 C90.1192881,187 89,185.880712 89,184.5 C89,183.119288 90.1192881,182 91.5,182 Z M123.5,182 C124.880712,182 126,183.119288 126,184.5 C126,185.880712 124.880712,187 123.5,187 C122.119288,187 121,185.880712 121,184.5 C121,183.119288 122.119288,182 123.5,182 Z M153.5,182 C154.880712,182 156,183.119288 156,184.5 C156,185.880712 154.880712,187 153.5,187 C152.119288,187 151,185.880712 151,184.5 C151,183.119288 152.119288,182 153.5,182 Z M180.5,182 C181.880712,182 183,183.119288 183,184.5 C183,185.880712 181.880712,187 180.5,187 C179.119288,187 178,185.880712 178,184.5 C178,183.119288 179.119288,182 180.5,182 Z M34.5,154 C35.8807119,154 37,155.119288 37,156.5 C37,157.880712 35.8807119,159 34.5,159 C33.1192881,159 32,157.880712 32,156.5 C32,155.119288 33.1192881,154 34.5,154 Z M61.5,154 C62.8807119,154 64,155.119288 64,156.5 C64,157.880712 62.8807119,159 61.5,159 C60.1192881,159 59,157.880712 59,156.5 C59,155.119288 60.1192881,154 61.5,154 Z M91.5,154 C92.8807119,154 94,155.119288 94,156.5 C94,157.880712 92.8807119,159 91.5,159 C90.1192881,159 89,157.880712 89,156.5 C89,155.119288 90.1192881,154 91.5,154 Z M123.5,154 C124.880712,154 126,155.119288 126,156.5 C126,157.880712 124.880712,159 123.5,159 C122.119288,159 121,157.880712 121,156.5 C121,155.119288 122.119288,154 123.5,154 Z M153.5,154 C154.880712,154 156,155.119288 156,156.5 C156,157.880712 154.880712,159 153.5,159 C152.119288,159 151,157.880712 151,156.5 C151,155.119288 152.119288,154 153.5,154 Z M180.5,154 C181.880712,154 183,155.119288 183,156.5 C183,157.880712 181.880712,159 180.5,159 C179.119288,159 178,157.880712 178,156.5 C178,155.119288 179.119288,154 180.5,154 Z M34.5,124 C35.8807119,124 37,125.119288 37,126.5 C37,127.880712 35.8807119,129 34.5,129 C33.1192881,129 32,127.880712 32,126.5 C32,125.119288 33.1192881,124 34.5,124 Z M61.5,124 C62.8807119,124 64,125.119288 64,126.5 C64,127.880712 62.8807119,129 61.5,129 C60.1192881,129 59,127.880712 59,126.5 C59,125.119288 60.1192881,124 61.5,124 Z M91.5,124 C92.8807119,124 94,125.119288 94,126.5 C94,127.880712 92.8807119,129 91.5,129 C90.1192881,129 89,127.880712 89,126.5 C89,125.119288 90.1192881,124 91.5,124 Z M123.5,124 C124.880712,124 126,125.119288 126,126.5 C126,127.880712 124.880712,129 123.5,129 C122.119288,129 121,127.880712 121,126.5 C121,125.119288 122.119288,124 123.5,124 Z M153.5,124 C154.880712,124 156,125.119288 156,126.5 C156,127.880712 154.880712,129 153.5,129 C152.119288,129 151,127.880712 151,126.5 C151,125.119288 152.119288,124 153.5,124 Z M180.5,124 C181.880712,124 183,125.119288 183,126.5 C183,127.880712 181.880712,129 180.5,129 C179.119288,129 178,127.880712 178,126.5 C178,125.119288 179.119288,124 180.5,124 Z M34.5,94 C35.8807119,94 37,95.1192881 37,96.5 C37,97.8807119 35.8807119,99 34.5,99 C33.1192881,99 32,97.8807119 32,96.5 C32,95.1192881 33.1192881,94 34.5,94 Z M153.5,94 C154.880712,94 156,95.1192881 156,96.5 C156,97.8807119 154.880712,99 153.5,99 C152.119288,99 151,97.8807119 151,96.5 C151,95.1192881 152.119288,94 153.5,94 Z M91.5,94 C92.8807119,94 94,95.1192881 94,96.5 C94,97.8807119 92.8807119,99 91.5,99 C90.1192881,99 89,97.8807119 89,96.5 C89,95.1192881 90.1192881,94 91.5,94 Z M180.5,94 C181.880712,94 183,95.1192881 183,96.5 C183,97.8807119 181.880712,99 180.5,99 C179.119288,99 178,97.8807119 178,96.5 C178,95.1192881 179.119288,94 180.5,94 Z M61.5,94 C62.8807119,94 64,95.1192881 64,96.5 C64,97.8807119 62.8807119,99 61.5,99 C60.1192881,99 59,97.8807119 59,96.5 C59,95.1192881 60.1192881,94 61.5,94 Z M123.5,94 C124.880712,94 126,95.1192881 126,96.5 C126,97.8807119 124.880712,99 123.5,99 C122.119288,99 121,97.8807119 121,96.5 C121,95.1192881 122.119288,94 123.5,94 Z M34.5,64 C35.8807119,64 37,65.1192881 37,66.5 C37,67.8807119 35.8807119,69 34.5,69 C33.1192881,69 32,67.8807119 32,66.5 C32,65.1192881 33.1192881,64 34.5,64 Z M61.5,64 C62.8807119,64 64,65.1192881 64,66.5 C64,67.8807119 62.8807119,69 61.5,69 C60.1192881,69 59,67.8807119 59,66.5 C59,65.1192881 60.1192881,64 61.5,64 Z M91.5,64 C92.8807119,64 94,65.1192881 94,66.5 C94,67.8807119 92.8807119,69 91.5,69 C90.1192881,69 89,67.8807119 89,66.5 C89,65.1192881 90.1192881,64 91.5,64 Z M123.5,64 C124.880712,64 126,65.1192881 126,66.5 C126,67.8807119 124.880712,69 123.5,69 C122.119288,69 121,67.8807119 121,66.5 C121,65.1192881 122.119288,64 123.5,64 Z M153.5,64 C154.880712,64 156,65.1192881 156,66.5 C156,67.8807119 154.880712,69 153.5,69 C152.119288,69 151,67.8807119 151,66.5 C151,65.1192881 152.119288,64 153.5,64 Z M180.5,64 C181.880712,64 183,65.1192881 183,66.5 C183,67.8807119 181.880712,69 180.5,69 C179.119288,69 178,67.8807119 178,66.5 C178,65.1192881 179.119288,64 180.5,64 Z M34.5,37 C35.8807119,37 37,38.1192881 37,39.5 C37,40.8807119 35.8807119,42 34.5,42 C33.1192881,42 32,40.8807119 32,39.5 C32,38.1192881 33.1192881,37 34.5,37 Z M61.5,37 C62.8807119,37 64,38.1192881 64,39.5 C64,40.8807119 62.8807119,42 61.5,42 C60.1192881,42 59,40.8807119 59,39.5 C59,38.1192881 60.1192881,37 61.5,37 Z M91.5,37 C92.8807119,37 94,38.1192881 94,39.5 C94,40.8807119 92.8807119,42 91.5,42 C90.1192881,42 89,40.8807119 89,39.5 C89,38.1192881 90.1192881,37 91.5,37 Z M123.5,37 C124.880712,37 126,38.1192881 126,39.5 C126,40.8807119 124.880712,42 123.5,42 C122.119288,42 121,40.8807119 121,39.5 C121,38.1192881 122.119288,37 123.5,37 Z M153.5,37 C154.880712,37 156,38.1192881 156,39.5 C156,40.8807119 154.880712,42 153.5,42 C152.119288,42 151,40.8807119 151,39.5 C151,38.1192881 152.119288,37 153.5,37 Z M180.5,37 C181.880712,37 183,38.1192881 183,39.5 C183,40.8807119 181.880712,42 180.5,42 C179.119288,42 178,40.8807119 178,39.5 C178,38.1192881 179.119288,37 180.5,37 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='📝-Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Login---V2' transform='translate(-469.000000, -670.000000)'%3E%3Cg id='Shapes' transform='translate(469.000000, 197.000000)'%3E%3Cg id='bottom-illustration' transform='translate(0.000000, 473.000000)'%3E%3Crect id='Rectangle' fill='%23696cff' opacity='0.04' x='0' y='0' width='215' height='216' rx='10'%3E%3C/rect%3E%3Crect id='Rectangle' stroke='rgba(67, 89, 113, 0.5)' opacity='0.48' x='104.5' y='100.5' width='138' height='139' rx='10'%3E%3C/rect%3E%3Cg id='Dot'%3E%3Cuse fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.6' fill='%23FFFFFF' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.form-login.authentication-inner:after {
    width: 243px;
    height: 240px;
    content: " ";
    position: absolute;
    bottom: -68px;
    left: -46px;
}
/*Smart phone nhỏ*/
@media screen and (min-width: 240px) {
}
/*Iphone(480 x 640)*/
@media screen and (min-width: 320px) {
}

@media screen and (max-width: 320px) {
    .tygh-top-panel .nk_header_new_2015_outer .row-fluid .cart-status .hotline .hl_txt_1 span {
        font-size: 15px!important;
    }

    .newsrelate li {
        width: 100%;
        margin-bottom: 15px;
    }
}
/*Tablet nhỏ(480 x 640)*/
@media screen and (min-width: 480px) {
}

@media screen and (max-width: 480px) {

    .tygh-top-panel .nk_header_new_2015_outer .row-fluid > .span3.logomain {
        width: 100%;
        text-align: center;
    }

    #footer .nk-footer-company ul li.item-phanphoi {
        width: 100%;
    }

    .tygh-content .grid-list-category-4sp .grid-list-category .nk-fg-products .nk-fgp-items {
        width: 50%!important;
    }

    .tygh-top-panel .nk_header_new_2015_outer .row-fluid .cart-status .top-cart-content {
        float: left;
    }

    .product-main-info-nk .top-info .span9.product-info .nk_block_buy_product .block_km_product_v6 .block-mua-sam-inn .buy_button.button-2 input {
        margin-right: 19%!important;
    }

    .tygh-top-panel .nk_header_new_2015_outer .row-fluid .cart-status .hotline {
        width: 80%;
    }

    .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblBody .col1 img, .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblBody .col1 .ty-no-image {
        display: none;
    }

    .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblBody .col1 .item-inn {
        width: 100%;
    }

    .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblFooter .fborder {
        width: 100%;
    }

    .notification-content-extended #checkout-card .checkout-card-inn .product-notification-item .tblFooter .tblF1 {
        width: 0;
    }

    img.product-notification-image {
        display: none;
    }

    .tblFooter .tblF1 {
        width: 0;
    }

    .tblFooter .fborder {
        width: 100%;
    }

    #Check-Out .control-group.profile-field-wrap.hinhthucthanhtoan label {
        float: left;
        padding: 0;
    }

    #Check-Out .control-group.profile-field-wrap.coupons {
        width: 100%;
    }

    #Check-Out .control-group.profile-field-wrap.hinhthucthanhtoan select {
        width: 100%;
    }

    #checkout-card-2 .tblother a.buy {
        float: left;
        margin-right: 49%;
        margin: 0 10% 0 0;
    }

    #checkout-card-2 .tblother a.delete {
        margin: 0;
        float: right;
    }

    #checkout-card-2 .tblother a.update {
        padding: 5px 11px;
        margin: 10px 0;
    }

    #checkout-card-2 .tblother a.checkout {
        margin: 10px 0;
        padding: 5px 34px;
    }

    .product-item-carousel .nk-fgp-in-items .nk-price-quick-section .nk-price-section .nk-price-txt {
    }

    .nk-fg-products .product-item-carousel .nk-fgp-items .nk-fgp-in-items .nk-price-quick-section .nk-price-section {
        width: 100%;
    }

    .nk-fg-products .product-item-carousel .nk-fgp-items .nk-fgp-in-items .nk-price-quick-section .nk-quick-in-section > div {
        width: 100%;
    }

    .nk-fg-products .product-item-carousel .nk-fgp-items .nk-fgp-in-items .nk-price-quick-section .nk-quick-section {
        width: 100%;
        margin-top: 10px;
    }

    .newsrelate li {
        width: 100%;
        margin-bottom: 15px;
    }

    .viewmore {
        width: 100%!important;
    }
}

@media screen and (max-width: 780px) {
    .cm-notification-content-extended {
        top: 10px!important;
    }
}
/*Ipad dọc(768 x 1024)*/
@media screen and (min-width: 860px) {
    .component-main {
        display: none;
    }
}
/*Ipad dọc(768 x 1024)*/
@media screen and (max-width: 859px) {
    #danhmucsanpham, #mainmenu {
        display: none;
    }

    #menu-mobile {
        display: block;
    }

    #cn-button {
        display: block;
    }

    .tygh-top-panel .nk_header_new_2015_outer.nk_header_menu.didong {
        background: transparent;
    }

    #listphanphoi, .nks-location-link {
        display: none;
    }

    .tygh-top-panel .nk_header_new_2015_outer.stickOnScroll-on {
        position: static!important;
    }

    .tygh-content .container-fluid > .row-fluid {
        min-width: 100%;
    }

    .nk-footer.nk-footer-bg .footer-grid, .nk-service {
        min-width: 100%!important;
    }

    .infor-congty,.chinh-sach, .fanpage-fb {
        width: 100%;
        padding: 10px;
    }

    .footer-grid .infor-phanphoi {
        width: 100%;
        padding-top: 10px;
        padding: 10px;
    }

    .tygh-content .grid-list-category-4sp .grid-list-category .nk-fg-products .nk-fgp-items {
        width: 25%;
    }

    .tygh-content .nk-fg-products .nk-fgp-items .nk-fgp-in-items .nk-price-quick-section .nk-price-section .nk-price-txt {
        font-size: 17px;
        text-align: center;
    }

    .tygh-content .grid-list-category-4sp .grid-list-category .nk-fg-products .nk-fgp-items .nk-fgp-in-items .nk-price-quick-section > div,
    .tygh-content .grid-list-category-3sp .grid-list-category .nk-fg-products .nk-fgp-items .nk-fgp-in-items .nk-price-quick-section > div {
        float: none!important;
    }

    .tygh-content .grid-list-category .nk-fg-products .nk-fgp-items .nk-fgp-in-items .nk-price-quick-section > div, .tygh-content .products-search-content .nk-fg-products .nk-fgp-items .nk-fgp-in-items .nk-price-quick-section > div {
        width: 100%;
        margin-top: 5px;
    }

    .tygh-top-panel .nk_header_new_2015_outer .row-fluid {
        min-width: 100%;
    }

        .tygh-top-panel .nk_header_new_2015_outer .row-fluid .span6.search-main {
            width: 100%;
        }

        .tygh-top-panel .nk_header_new_2015_outer .row-fluid .span3#menu-mobile {
            width: 100%;
            background: #c80500;
        }

        .tygh-top-panel .nk_header_new_2015_outer .row-fluid > .span3.logomain {
            width: 100%;
            text-align: center;
        }

        .tygh-top-panel .nk_header_new_2015_outer .row-fluid .top-search {
            margin-top: 0px;
        }

        .tygh-top-panel .nk_header_new_2015_outer .row-fluid .span7 {
            width: 100%;
        }

    .top-cart-content {
        margin-top: 0;
    }

    .product-main-info-nk .top-info .span7 {
        width: 100%;
    }

    .product-main-info-nk .top-info .span9.product-info {
        width: 100%;
        padding: 10px;
    }

        .product-main-info-nk .top-info .span9.product-info .nk_block_buy_product .block_km_product_v6 .block-mua-sam-inn .buy_button.btn-add2cart input {
            margin-right: 30%;
        }

        .product-main-info-nk .top-info .span9.product-info .nk_block_buy_product .block_km_product_v6 .block-mua-sam-inn .buy_button.button-2 .sprite {
            margin: 0 5%;
        }

        .product-main-info-nk .top-info .span9.product-info .nk_block_buy_product .block_km_product_v6 .block-mua-sam-inn .buy_button.btn-add2cart .sprite {
            margin: 14.5px 6%;
        }

        .product-main-info-nk .top-info .span9.product-info .nk_block_buy_product .block_km_product_v6 .block-mua-sam-inn .buy_button.button-2 input {
            margin-right: 30%;
        }

    .notification-content-extended {
        left: 10px;
        width: 95%;
        margin: 0 auto;
        max-height: 95%;
    }

    .content-dichvusuachua {
        padding: 10px;
    }

    #checkout-card .tblBody {
        height: 210px;
    }

    #Check-Out .control-group.profile-field-wrap {
        width: 100%;
    }

    .tygh-content .nk-fg-products .slider-item {
        width: 100%;
    }

    #main-menu-home, #overload-menu-main {
        display: block;
    }

    .left-main {
        width: 100%;
    }

    .rigth-main {
        width: 100%;
        padding: 0px 10px;
    }


    #Check-Out .control-group.profile-field-wrap.hinhthucthanhtoan {
        width: 100%;
    }

    #Check-Out .control-group.profile-field-wrap.coupons {
        width: 100%;
    }

    #Check-Out .infor-bot {
        display: inherit;
    }

    .footer-social-icons {
        width: 100%;
        padding: 10px;
    }

    .about-left, .about-right {
        width: 100%;
        float: left;
        padding: 0;
    }
}

/*Ipad ngang(1024 x 768)*/
@media screen and (min-width: 1024px) {
    #danhmucsanpham, #mainmenu {
        display: block;
    }

    #menu-mobile {
        display: none;
    }
}

@media (max-width: 920px) {
    .stickOnScroll-off .logo_top img {
        max-height: 60px!important;
        margin-top: -11px;
        transition: all 300ms;
    }

    .container-slider-main {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 1115px) {
    .tygh-top-panel .nk_header_new_2015_outer .row-fluid .cart-status .hotline .hl_txt_1 span {
        font-size: 18px;
    }
}


#gotoTop {
    position: fixed;
    right: 45px;
    bottom: 55px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--main-color);
    border: 2px solid var(--main-color);
    border-radius: 50%;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    z-index: 99999;
    transition: all .3s ease;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
}

#gotoTop:hover {
    background: var(--main-color);
    color: #fff;
    transform: translateY(-3px);
    border-color: var(--main-color);
}

#gotoTop:active {
    transform: translateY(0);
}