@charset "utf-8";
/* CSS Document */
/* cyrillic-ext */
@font-face {
    font-family: 'Averta';
    src: url("../Styles/fonts/Averta-Regular.woff2") format("woff2"), url("../Styles/fonts/Averta-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@keyframes color-change {
    0% {
        color: #fff;
    }

    50% {
        color: #fff;
    }

    100% {
        color: #ff5500;
    }
}
.head-hotline {
    line-height: 16px;
    font-size: 22px;
    font-weight: 600;
    animation: color-change 1s infinite;
}

.sec-poy {
    padding: 0 15px 40px;
}

    .sec-poy > .row {
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #E1E1E1;
    }

.owl-carousel .owl-stage-outer {
    border: none;
}

.carousel-wrap {
    margin: 0 -15px;
}

body > .ui-autocomplete {
    z-index: 9999999;
}

.post-body a {
    color: #0082dd;
}

.required {
    color: #f00;
}

.hidden {
    display: none !important;
}

.rowflex {
    display: flex;
    clear: both;
}

#web_leftsidebar {
    padding-left: 0;
}

.product-details .product-option li a .clear {
    clear: both;
}

.fb_iframe_widget_fluid_desktop iframe {
    width: 100% !important;
}

body {
    font-family: 'Lexend Deca', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #666;
    background: #fff;
    overflow-x: hidden !important;
}

a {
    color: #444;
}

    a.color {
        color: #fda12b !important;
    }

input[type=number] {
    /*for absolutely positioning spinners*/
    position: relative;
    padding: 3px;
    padding-right: 25px !important;
}

    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: inner-spin-button !important;
        width: 25px;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
    }

input[type=radio], input[type=checkbox] {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    float: left;
    margin: 0 5px 0 0;
}
/*-----------*/
.ct-detail-list tr th, .ct-detail-list tr td, .ct-detail-list-search tr th, .ct-detail-list-search tr td {
    border: 1px solid #dfdfdf;
    padding: 3px;
}

.ct-detail-list-search tr th {
    text-align: center;
    color: Black;
    background-color: #EDEDED;
    font-weight: bold;
}
/*-----------*/
.red {
    color: #f00;
}

.bg-detail-list tr.selected_row {
    background-color: #A1DCF2 !important;
}

.bg-detail-list tr.HasKey {
    text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 {
    margin: 10px 0px;
}

.container-menusp {
    position: relative;
    z-index: 99;
}

#web_mainbody {
    min-height: 400px;
}

.btn-bg-nv {
    position: fixed;
    top: 80%;
    left: 0;
    z-index: 9999;
}

.img-bct {
    margin: 0;
}

.all-blog {
    margin-top: 30px;
}

.left {
    float: left;
}

.button-n {
    background: #009D4E;
    color: #fff;
    padding: 3px 10px;
    border: 1px solid #ededed;
    font-size: 12px;
    border-radius: 4px;
}

.view-link, .quote-link {
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 11px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    width: 70px;
    background-color: #ff4d49;
    margin-right: 1%;
    cursor: pointer;
}

.quote-link {
    background-color: #50b647;
}

    .view-link:hover, .quote-link:hover {
        color: #fff;
    }

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
/*--------price list----*/
.foo {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 10px 10px 0;
    border: 1px solid rgba(0, 0, 0, .2);
}

.bg-green {
    background: #00a65a;
}

.bg-red {
    background: #f00;
}

.bg-orange {
    background: #ff851b;
}

.bg-black {
    background: #000;
}

.level10 {
    background: #f00;
}

.level7 {
    background: #ff851b;
}

.level3 {
    background: #00a65a;
}

    .level10 a, .level7 a, .level3 a, .level10 td, .level7 td, .level3 td {
        color: #fff !important;
    }
/***************/
.home-adv {
    margin: 10px 0;
}

    .home-adv ul li {
        float: left;
        width: 50%;
        padding-right: 5px;
        padding-bottom: 6px;
        position: relative;
    }

        .home-adv ul li:first-child {
            width: 100% !important;
        }

.product-count {
    font: italic 12px Arial;
    text-transform: initial;
    color: #888;
}

.recruitment-item {
    position: relative;
}

    .recruitment-item a:hover {
        padding-left: 0 !important;
    }

.GridBaoGia tr th {
    padding: 4px;
    text-align: center;
}

.widget-social {
    float: left;
    width: 100%;
}

.GridBaoGia tr td {
    padding: 3px;
}

.post-body {
    color: #333;
    line-height: 20px;
    text-align: justify;
}

    .post-body h2, .post-body img {
        margin-bottom: 10px;
    }

ul, ol {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.w-100 {
    width: 100%;
}

    .w-100::after {
        content: " ";
        display: block;
        clear: both;
    }


h4.classic-title {
    margin: 10px 0;
    font: bold 16px Arial;
}

#web_content {
    min-height: 400px;
}

a.active {
    color: #ff5500;
    text-decoration: none;
    outline: 0;
}

a:hover, a:focus {
    color: #31954C;
    text-decoration: none;
    outline: 0;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

.no-margin {
    margin: 0;
    padding: 0;
}

.effect {
    display: block;
    overflow: hidden;
}

    .effect img {
        transition: all 0.2s linear 0s;
    }

    .effect:hover img {
        transform: scale(1.05);
    }

.eff-v3 {
    background-color: #000;
    overflow: hidden;
    position: relative;
}

    .eff-v3 a {
        position: relative;
        z-index: 99;
    }

    .eff-v3:before, .eff-v3:after {
        bottom: 20px;
        content: "";
        left: 20px;
        opacity: 0;
        position: absolute;
        right: 20px;
        top: 20px;
        -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
        -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
        transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
        z-index: 1;
    }

    .eff-v3:before {
        border-bottom: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }

    .eff-v3:after {
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    .eff-v3 img {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: opacity 0.35s ease 0s;
        -o-transition: opacity 0.35s ease 0s;
        transition: opacity 0.35s ease 0s;
    }

    .eff-v3:hover:before, .eff-v3:hover:after {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .eff-v3:hover img {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.row.no-gutter {
    margin: 0 auto;
}

    .row.no-gutter [class*="col-"]:not(:first-child), .row.no-gutter [class*="col-"]:not(:last-child) {
        padding-left: 0;
        padding-right: 0;
    }

.field-row {
    margin-bottom: 25px;
}

    .field-row label {
        color: #333;
        display: block;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 5px;
        text-transform: capitalize;
    }

    .field-row input {
        width: 100%;
    }

.le-input {
    background-color: #eaeaea;
    border: medium none;
    border-radius: 3px;
    color: #3d3d3d;
    padding: 5px;
    transition: all 0.3s ease 0s;
    width: 100%;
    outline: none;
}



button.button {
    border: 1px #ddd solid;
    background: #fff;
    padding: 6px 10px;
    border-radius: 0px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

    button.button:hover {
        border: 1px #ED1A2E solid;
        background: #ED1A2E;
        padding: 6px 10px;
        color: #FFF;
        transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
    }

input[type=checkbox].f-checkbox, input[type=radio].f-radio {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].f-checkbox + label.f-label, input[type=radio].f-radio + label.f-label-r {
        padding-left: 24px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        background-repeat: no-repeat;
        background-position: 0 0;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox].f-checkbox:checked + label.f-label, input[type=radio].f-radio:checked + label.f-label-r {
        background-position: 0 -16px;
    }

label.f-label, label.f-label-r {
    background-image: url('../Images/f-checkbox.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.f-label-r {
    background-image: url('../Images/f-radio.png');
}

.parallax {
    height: 400px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.popover {
    box-shadow: 0 1px 2px rgba(0,0,0, 0.2) !important;
}

.popover-content {
    font-size: 12px;
}

    .popover-content a {
        color: #3392f6 !important;
    }

        .popover-content a:hover {
            color: #333 !important;
        }
/************************************** Home ***************************************/
/* HEADER TOP */
.header-container {
    background: rgba(0,8,20,0.68);
}

.header-fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#top-header {
    background: #182333;
    letter-spacing: 1px;
    height: 35px;
}

.tm-wrap {
    display: table;
    width: 100%;
}

.tm-wrap-cell {
    display: table-cell;
    vertical-align: middle;
}

.tm-header-overlay .top-contact {
    line-height: 35px;
}

.tm-align-right {
    text-align: right;
}

.top-contact.tm-highlight-left, .top-contact.tm-highlight-right {
    color: #fff;
}

.top-contact.tm-highlight-left {
    margin-right: 15px;
    padding-right: 5px;
}

.top-contact {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    display: inline-block;
    position: relative;
    line-height: 35px;
    vertical-align: top;
}

    .top-contact.tm-highlight-right:after, .top-contact.tm-highlight-left:after {
        content: "";
        width: 5000px;
        height: 100%;
        background-color: #fda12b;
        right: 0;
        top: 0;
        position: absolute;
        z-index: 0;
    }

    .top-contact li:last-child {
        padding-right: 20px;
    }

    .top-contact li:last-child {
        padding-right: 0;
    }

    .top-contact li:first-child {
        padding-left: 0;
    }

    .top-contact li, .tm-topbar-content .tm-wrap-cell div {
        position: relative;
    }

    .top-contact li {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        z-index: 1;
        color: #fff;
    }

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

        .top-contact li i {
            font-size: 20px;
            line-height: 35px;
        }

#top-header a {
    color: #fff;
}

.social-bg {
    float: right;
}

    .social-bg > a {
        display: block;
        float: left;
        font-size: 20px;
        padding: 0 0 0 15px;
    }

.line-top-right {
    padding-top: 5px;
    font-size: 12px;
}

.hotline-bg .icon-hotline > i {
    color: #253992;
    font-size: 15px;
}

.hotline-bg .hotline {
    color: #a6a6a6;
    font-size: 16px;
    font-weight: bold;
}

.fixed-header #logo {
    margin: 8px 0;
}

.fixed-header #main-menu li > a {
    padding: 23px 15px;
}

#header-wrap {
    border-bottom: 1px solid #4c5561;
}

    #header-wrap .logo-container {
        width: 25%;
        padding-top: 17px;
        float: left;
    }

        #header-wrap .logo-container h1 {
            margin: 0;
            padding: 0;
            width: 100%;
        }

    #header-wrap #logo img {
        height: 60px;
    }

    #header-wrap.header-small #logo img {
        height: 50px;
    }

    #header-wrap.header-small .logo-container {
        width: 25%;
        padding: 1px 0;
        float: left;
    }

    #header-wrap .nav-container {
        width: 75%;
        float: right;
    }


/* Login Register */
#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

.popupContainer {
    position: absolute;
    width: 450px;
    height: auto;
    left: 45%;
    top: 80px;
    background: #FFF;
}

.one_half {
    width: 50%;
    display: block;
    float: left;
}

    .one_half.last {
        width: 45%;
        margin-left: 5%;
    }
/* Popup Styles*/
.popupHeader {
    font-size: 16px;
    text-transform: uppercase;
}

.popupHeader {
    background: #F4F4F2;
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #DDD;
    font-weight: bold;
}

    .popupHeader .modal_close {
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px 15px;
        background: #E4E4E2;
        cursor: pointer;
        color: #aaa;
        font-size: 16px;
    }

.popupBody {
    padding: 20px;
}

    .popupBody input:focus {
        border: 1px solid #ED1A2E !important;
    }
/* User Login Form */
.user_login label {
    display: block;
    margin-bottom: 5px;
}

.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #DDD;
    color: #666;
}

.user_login input[type="checkbox"] {
    float: left;
    margin-right: 5px;
}

    .user_login input[type="checkbox"] + label {
        float: left;
    }

.user_login .checkbox {
    margin-bottom: 10px;
    padding-left: 0;
    text-transform: none;
    font-size: 13px;
}

.forgot_password {
    overflow: hidden;
    text-decoration: none;
    color: #ED6347;
    line-height: 40px;
}

.btn-register {
    background: #f4f4f2;
    margin-top: 15px;
    padding: 15px;
}

    .btn-register p {
        text-transform: none;
        font-size: 16px;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .btn-register .le-button {
        background: #333;
    }
/* User Register Form */
.user_register {
    display: none;
}

    .user_register label {
        display: block;
        margin-bottom: 5px;
    }

    .user_register input[type="text"], .user_register input[type="email"], .user_register input[type="password"] {
        display: block;
        width: 100%;
        padding: 10px;
        border: 1px solid #DDD;
        color: #666;
    }

    .user_register input[type="checkbox"] {
        float: left;
        margin-right: 5px;
    }

        .user_register input[type="checkbox"] + label {
            float: left;
        }

    .user_register .checkbox {
        margin-bottom: 10px;
        clear: both;
        overflow: hidden;
    }

.back_btn {
    text-transform: none;
    font-weight: 600;
}

    .back_btn a {
        color: #ED1A2E;
    }
/* HEADER */
#web_menu {
    float: left;
    width: 100%;
    height: 50px;
}

.web5s-header {
    padding: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    .web5s-header .container {
        /*background: url(../images/banner-tet.png) left 15px top no-repeat;
    */
    }

.web5s-search .form-search {
    margin-top: 20px;
    position: relative;
    float: left;
    width: 100%;
}

    .web5s-search .form-search input {
        height: 45px;
        padding-left: 15px;
        padding-right: 40px;
        width: 100%;
        border: 1px solid #e9e9e9;
        border-color: rgb(74, 86, 120);
    }

        .web5s-search .form-search input:focus {
            border-color: #ED1A2E;
            box-shadow: none;
            outline: 0;
        }

    .web5s-search .form-search button {
        background: none;
        border: none;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        background-color: rgb(74, 86, 120);
        color: rgb(255, 255, 255);
        font-weight: 600;
        height: 100%;
        font-size: 116.67%;
        opacity: 1;
        padding: 0 10px;
    }

        .web5s-search .form-search button:focus {
            outline: 0;
        }

.btnSearchShow i {
    color: #fff;
    font-size: 20px;
}
/*CART*/
.mycart {
    float: right;
    padding: 0;
}

    .mycart .web5s-minicart {
        margin-top: 6px;
    }

        .mycart .web5s-minicart .tongle {
            border-radius: 5px;
            color: #666;
            cursor: pointer;
            height: 45px;
            padding-left: 38px;
            position: relative;
            text-align: left;
        }

            .mycart .web5s-minicart .tongle .img-cart {
                background-attachment: scroll;
                background-clip: border-box;
                background-color: rgba(0, 0, 0, 0);
                background-image: url("../Images/cart.png");
                background-origin: padding-box;
                background-position: center center;
                background-repeat: no-repeat, repeat;
                background-size: auto auto;
                cursor: pointer;
                display: inline-block;
                height: 32px;
                left: 0;
                position: absolute;
                top: 7px;
                width: 30px;
            }

            .mycart .web5s-minicart .tongle .cart-price-total {
                color: #000;
                font-size: 13px;
                position: relative;
                text-transform: uppercase;
                top: 3px;
            }

                .mycart .web5s-minicart .tongle .cart-price-total .numbertw .number2 a {
                    color: #ED1A2E;
                    padding-left: 2px;
                }

                .mycart .web5s-minicart .tongle .cart-price-total .subtotal .price {
                    color: #ED1A2E;
                    font-weight: 700;
                }

        .mycart .web5s-minicart .product-cart {
            background: #fff;
            border: 1px solid #eaeaea;
            display: block;
            width: 300px;
            opacity: 0;
            padding: 20px 21px;
            position: absolute;
            right: 15px;
            top: 115% !important;
            transition: all 0.3s ease 0s;
            visibility: hidden;
            z-index: 9999;
        }

        .mycart .web5s-minicart:hover .product-cart {
            display: block;
            opacity: 1;
            top: 90%;
            visibility: visible;
        }

        .mycart .web5s-minicart .product-cart .content-inner .mini-products-list {
            list-style: none;
            margin-bottom: 20px;
            padding: 0;
        }

            .mycart .web5s-minicart .product-cart .content-inner .mini-products-list li {
                margin-bottom: 15px;
            }

                .mycart .web5s-minicart .product-cart .content-inner .mini-products-list li:last-child {
                    margin-bottom: 0;
                }

                .mycart .web5s-minicart .product-cart .content-inner .mini-products-list li .product-image {
                    float: left;
                    margin-right: 10px;
                }

                    .mycart .web5s-minicart .product-cart .content-inner .mini-products-list li .product-image img {
                        border: 1px solid #eaeaea;
                    }

                .mycart .web5s-minicart .product-cart .content-inner .mini-products-list li .product-details {
                    float: left;
                    padding-bottom: 20px;
                    position: relative;
                    width: 165px;
                }

                    .mycart .web5s-minicart .product-cart .content-inner .mini-products-list li .product-details .btn-remove {
                        bottom: 0;
                        color: #666;
                        font-size: 12px;
                        left: 0;
                        line-height: 21px;
                        position: absolute;
                        transition: all 300ms ease-in-out 0s;
                        width: 100%;
                    }

                        .mycart .web5s-minicart .product-cart .content-inner .mini-products-list li .product-details .btn-remove i {
                            margin-right: 5px;
                        }

                    .mycart .web5s-minicart .product-cart .content-inner .mini-products-list li .product-details .product-name a {
                        color: #666;
                        font-size: 12px;
                        font-weight: 600;
                        text-transform: uppercase;
                    }

                    .mycart .web5s-minicart .product-cart .content-inner .mini-products-list li .product-details span.price {
                        color: #ED1A2E;
                        font-size: 15px;
                        font-weight: bold;
                        line-height: 24px;
                    }

                    .mycart .web5s-minicart .product-cart .content-inner .mini-products-list li .product-details a:hover {
                        color: #ED1A2E;
                    }

        .mycart .web5s-minicart .product-cart .content-inner .total-mini-cart {
            border-top: 1px solid #eaeaea;
        }

            .mycart .web5s-minicart .product-cart .content-inner .total-mini-cart .subtotal {
                font-size: 16px;
                margin: 0;
                padding-bottom: 19px;
                padding-top: 13px;
                text-align: center;
            }

                .mycart .web5s-minicart .product-cart .content-inner .total-mini-cart .subtotal .label {
                    color: #666;
                    padding: 0 3px 0 0;
                }

                .mycart .web5s-minicart .product-cart .content-inner .total-mini-cart .subtotal .price {
                    color: #ED1A2E;
                    font-weight: bold;
                }

        .mycart .web5s-minicart .product-cart .content-inner .cart-actions a {
            background: #eaeaea;
            border-radius: 5px;
            display: block;
            transition: all 200ms ease-in-out 0s;
            width: 100%;
            height: 34px;
            line-height: 20px;
            padding: 7px 15px;
            text-transform: uppercase;
            margin-bottom: 10px;
            text-align: center;
        }

            .mycart .web5s-minicart .product-cart .content-inner .cart-actions a:last-child {
                margin-bottom: 0;
            }

            .mycart .web5s-minicart .product-cart .content-inner .cart-actions a:hover {
                background: #ED1A2E;
                color: #fff;
            }
/* MENU */
.fixed-header #logo {
    margin: 8px 0;
}

.fixed-header #main-menu li > a {
    padding: 23px 15px;
}

    .fixed-header #main-menu li > a:hover {
        color: #fff;
    }

#header-wrap .box-1.box-2-col {
    width: 25%;
}

#header-wrap .box-2.box-2-col {
    width: 75%;
}

#main-menu {
    float: right;
    margin: 0;
    padding: 0;
}

    #main-menu li {
        float: left;
        padding: 32px 0;
        position: relative;
    }

        #main-menu li > a {
            border-bottom: 2px solid transparent;
            color: #fff;
            display: block;
            font-size: 16.32px;
            margin: 0 24px;
            padding: 2px 0;
            text-transform: uppercase;
        }

.header-small {
    background: #2a2d33;
    color: #333333;
    z-index: 20;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(109, 108, 108, 0.6);
}

    .header-small #main-menu .dropdown {
        background: rgba(186, 219, 255, 0.8);
    }

#logo img {
    top: 7px;
    left: -15px;
    max-height: 75px;
}

.header-small #logo img {
    max-height: 50px;
    top: 4px;
}

.header-small #main-menu li {
    padding: 15px 0;
}

    .header-small #main-menu li > a {
        padding: 2px 0;
        color: #fbfbfb;
    }

        .header-small #main-menu li > a.current,
        .header-small #main-menu li > a:hover {
            color: #fda12b;
        }

.header-small #main-menu .dropdown li > a {
    color: #fff;
}

    .header-small #main-menu .dropdown li > a:hover {
        color: #bbe7ff;
        cursor: pointer;
    }

#main-menu li > a:hover {
    color: #fda12b;
}

.header-small h1 {
    margin: 4px 0 !important;
}

#main-menu li > ul {
    width: 300px !important;
}

    #main-menu li > ul > li {
        border-bottom: 1px solid #f1f1f1;
        width: 100%;
    }

        #main-menu li > ul > li > a, .fixed-header #main-menu ul li > a {
            padding: 10px 15px;
        }
/*#menu-button {
    display: none;
}
#menu-button::before {
    content: "Menu";
    font-size: 12px;
    margin-right: 10px;
}
#menu-button.collapsed::before {
    content: "Menu";
}*/
/* Menu Sub */
#main-menu .dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 250px;
}

    #main-menu .dropdown ul, .menu-news ul, .menu-contact ul {
        padding: 0;
        margin: 0;
        float: left;
        width: 100%;
    }

        #main-menu .dropdown ul li {
            padding: 10px 0 !important;
            width: 100%;
            background: #000;
            background: rgba(0, 8, 20, 0.68);
            border: none;
            border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        }

#main-menu li:hover > div {
    display: block;
}

#main-menu .dropdown ul li a {
    margin: 0 !important;
    margin-left: 10px !important;
    text-transform: capitalize;
    font-weight: normal;
}

#main-menu .dropdown ul.oe_menu_detail li {
    padding: 5px 0 !important;
}

    #main-menu .dropdown ul.oe_menu_detail li a {
        margin: 0 !important;
    }

#main-menu .dropdown h3.title {
    display: none;
}


.has-submenu .sub-arrow {
    float: right;
    line-height: 0;
    margin: 0 5px;
}

.nav-top {
    margin-right: -20px;
}
/* Mobile*/
#menu-button {
    display: none;
}

    #menu-button::before {
        content: "Menu";
        font-size: 12px;
        margin-right: 10px;
    }

    #menu-button.collapsed::before {
        content: "Menu";
    }

.mobilemenu {
    margin: 10px 15px;
}

    .mobilemenu .fa.fa-align-left, .mobilemenu .fa.fa-align-justify {
        color: #666;
    }

    .mobilemenu > [class*="btn"] {
        border: 0 none;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin-right: 20px;
        padding: 0;
        vertical-align: middle;
    }

        .mobilemenu > [class*="btn"] i {
            font-size: 30px;
            line-height: 30px;
        }

    .mobilemenu .btn2 .overlay {
        background: #000;
        bottom: 0;
        display: none;
        height: 100%;
        left: 0;
        opacity: 0.2;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 9998;
    }
/* MENU PRODUCT */
#menu_support_show, #menu_filter_show {
    background: #fff;
    color: #b9b9b9;
    height: 100%;
    left: -300px;
    overflow: auto;
    position: fixed;
    top: 0;
    transition: all 0.3s ease-in 0s;
    width: 250px;
    z-index: 99999;
}
/* END MENU PRODUCT */
/* MENU PRODUCT */
#menu_product_show {
    background: #fff;
    color: #b9b9b9;
    height: 100%;
    left: -300px;
    overflow: auto;
    position: fixed;
    top: 0;
    transition: all 0.3s ease-in 0s;
    width: 250px;
    z-index: 99999;
}
/* END MENU PRODUCT */
.mobilemenu #menu_show {
    background: #222;
    color: #b9b9b9;
    height: 100%;
    left: -300px;
    overflow: auto;
    padding: 20px;
    position: fixed;
    top: 0;
    transition: all 0.3s ease-in 0s;
    width: 250px;
    z-index: 99999;
}

    .mobilemenu #menu_show ul.mainnav {
        list-style: none;
    }

        .mobilemenu #menu_show ul.mainnav li {
            border-bottom: 1px solid #393939;
            padding: 10px 0;
            position: relative;
        }

            .mobilemenu #menu_show ul.mainnav li > a {
                color: #b9b9b9;
            }

                .mobilemenu #menu_show ul.mainnav li > a:hover {
                    color: #fff;
                }

                .mobilemenu #menu_show ul.mainnav li > a .item-label {
                    left: 92%;
                    top: 63%;
                    color: #fff;
                }
/* SLIDESHOW */
#secSlide {
    background: url(/Images/slide_bg.jpg) no-repeat;
    background-size:cover;
    padding-bottom:20px;
}
#web-slideshow {
    position: relative;
    overflow: hidden;
    height: auto;
    box-shadow: 0 0 20px rgb(0 0 0 / 82%);
}
    #web-slideshow .gif-slide{
        height:auto;
        width:100%;
    }

    #web-slideshow .owl-carousel {
        height: 100%;
        width: 100%;
    }

    #web-slideshow .slide-item {
        background-color:#fff;
        height:100%;
        width: 100%;
        text-align: center;
        background-size: cover;
        cursor: pointer;
    }

    #web-slideshow .owl-carousel .owl-stage-outer {
        border: none;
        height: 100%;
    }

    #web-slideshow .owl-carousel .owl-stage, #web-slideshow .owl-carousel .owl-item {
        position: relative;
        overflow: hidden;
       
    }

    #web-slideshow .slide-item > a {
        position: relative;
        overflow: hidden;
        min-height: 100px;
        display:block;
    }

    #web-slideshow .slide-item > a > img {
        width: 100%;
        height:auto;
    }

    #web-slideshow h2 {
        position: absolute;
        top: 180px;
        color: #fff;
        max-width: 430px;
        text-align: left;
    }

    #web-slideshow .slide-note {
        position: absolute;
        top: 280px;
        color: #ccc;
        max-width: 430px;
        display: none;
        text-align: justify;
    }

    #web-slideshow .owl-nav, #web-slideshow .owl-dots {
        opacity: 0;
        transition: all 0.5s ease 0s;
    }

    #web-slideshow:hover .owl-nav, #web-slideshow:hover .owl-dots {
        opacity: 1;
    }

    #web-slideshow:hover .disabled .owl-nav, #web-slideshow:hover .disabled .owl-dots {
        opacity: 0 !important;
    }

    #web-slideshow .owl-nav > div, #js-slide-nhom .owl-nav > div {
        display: inline-block;
        margin-top: -25px;
        position: absolute;
        top: 50%;
    }

        #web-slideshow .owl-nav > div i, #js-slide-nhom .owl-nav > div i {
            background: rgba(0, 0, 0, 0.5);
            color: #fff;
            font-size: 25px;
            height: 50px;
            width: 50px;
            line-height: 50px;
            text-align: center;
            border-radius: 50%;
        }

    #web-slideshow .owl-nav .owl-prev:hover i, #web-slideshow .owl-nav .owl-next:hover i, #js-slide-nhom .owl-nav .owl-next:hover i, #js-slide-nhom .owl-nav .owl-prev:hover i {
        background: #fda12b;
        color: #fff;
        cursor: pointer;
    }

    #web-slideshow .owl-nav .owl-prev, #js-slide-nhom .owl-nav .owl-prev {
        left: 3%;
    }

    #web-slideshow .owl-nav .owl-next, #js-slide-nhom .owl-nav .owl-next {
        right: 3%;
    }

    #web-slideshow .owl-dots {
        bottom: 20px;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
    }

        #web-slideshow .owl-dots .owl-dot {
            cursor: pointer;
            display: inline-block;
            margin: 0 5px;
            vertical-align: middle;
        }

            #web-slideshow .owl-dots .owl-dot:hover span, #web-slideshow .owl-dots .owl-dot.active span {
                background: rgb(0 0 0 / 21%);
            }

                #web-slideshow .owl-dots .owl-dot:hover span:before, #web-slideshow .owl-dots .owl-dot.active span:before {
                    border: 2px solid rgb(72 70 67 / 47%);
                }

            #web-slideshow .owl-dots .owl-dot span {
                background: #fda12b;
                display: block;
                height: 12px;
                position: relative;
                width: 12px;
            }

                #web-slideshow .owl-dots .owl-dot span:before {
                    border: 2px solid #fda12b;
                    content: "";
                    display: block;
                    height: 16px;
                    left: 50%;
                    margin: -8px 0 0 -8px;
                    position: absolute;
                    top: 50%;
                    width: 16px;
                }

#web5s-banner-wrapper {
    margin-top: -1px;
}
/* HOME CONTENT */
.title-group {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    margin-bottom: 15px;
}



#load_branch .owl-nav, .relate-product.clickable .owl-nav {
    font-size: 20px;
    margin-top: 10px;
    text-align: center;
    position: absolute;
    top: -79px;
    width: 100%;
}


    #load_branch .owl-carousel .owl-nav div:hover,
    .relate-product.clickable .owl-nav .owl-nav div:hover {
        color: #ED3C2A;
    }


#load_branch .owl-prev, #load_branch .owl-next {
    color: #fff;
    opacity: 1;
}

    #load_branch .owl-prev.disabled, #load_branch .owl-next.disabled,
    .relate-product.clickable .owl-prev.disabled, .relate-product.clickable .owl-next.disabled {
        color: #999;
        background: none;
    }

.owl_wrapp {
    margin: 0 -15px;
}

    .owl_wrapp .owl-next {
        background: none !important;
        font-size: 20px;
        color: #000;
        margin: 0;
        right: 10px !important;
    }

    .owl_wrapp .owl-next {
        background: none !important;
        font-size: 20px;
        color: #000;
        margin: 0;
        right: 10px !important;
    }

    .owl_wrapp .owl-prev {
        position: absolute;
        right: 48px;
        top: 27px;
        height: 25px;
        background: none;
    }



.title-group::after {
    background: #ED1A2E;
    border-radius: 2px;
    bottom: -7px;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    width: 160px;
}

.title-group p {
    color: #555;
    font-size: 13px;
    margin: 0;
    padding-bottom: 8px;
    text-transform: capitalize;
}

.web-categories-nav h3 {
    background: rgba(0, 0, 0, 0.3);
    margin: 0;
    height: 100%;
    display: block;
    line-height: 50px;
    font-size: 116.67%;
    color: rgb(255, 255, 255);
    padding: 0px 25px;
    font-weight: bold;
}

    .web-categories-nav h3::before {
        content: "";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-stretch: normal;
        font-kerning: auto;
        font-feature-settings: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        text-align: center;
        font-size: 14px;
        margin-right: 10px;
        font-variant: normal;
    }

    .web-categories-nav h3 span {
        font-size: 18px;
        font-weight: 600;
    }

    .web-categories-nav h3 i {
        font-size: 17px;
        margin-right: 5px;
    }

.web-categories-nav .content ul.nav-list {
    list-style: none;
    width: 100%;
    z-index: 998;
    margin: 0;
    padding: 0;
    border-top: none;
    padding-bottom: 4px;
    position: relative;
    background: #fff;
    display: none;
}

.web_wapper_menu .col-md-3 {
    position: relative;
}

.web-categories-nav {
    position: absolute;
    width: 100%;
    height: 50px;
    cursor: pointer;
    z-index: 998;
}

    .web-categories-nav .content {
        display: none;
        z-index: 998;
        /*background: rgba(0, 0, 0, 0.44);*/
    }

        .web-categories-nav .content ul.nav-list li {
            border-top: none;
            padding-left: 25px;
            z-index: 9999;
            background-position: 10px;
            background-size: 20px;
        }

            .web-categories-nav .content ul.nav-list li:hover {
                background-color: #f3f4f8 !important;
                border-left: 2px solid #ff5500;
            }

            .web-categories-nav .content ul.nav-list li a {
                display: block;
                padding: 9px 15px;
                position: relative;
                color: #444;
                text-transform: capitalize;
            }

                .web-categories-nav .content ul.nav-list li a:hover {
                    color: #ff5500 !important;
                }

                .web-categories-nav .content ul.nav-list li a span {
                    float: right;
                    font-size: 16px;
                    font-weight: bold;
                }

                .web-categories-nav .content ul.nav-list li a i {
                    font-size: 16px;
                    margin-left: 5px;
                    margin-right: 10px;
                    text-align: center;
                    width: 15px;
                }

            .web-categories-nav .content ul.nav-list li .submenu {
                border-top: 1px solid #ddd;
                left: 260px;
                list-style: none;
                position: absolute;
                top: -1px;
                width: 262px;
                z-index: 10;
                display: none;
            }

            .web-categories-nav .content ul.nav-list li:hover > ul.submenu {
                display: block;
                -moz-animation: fadeIn .3s ease-in;
                -webkit-animation: fadeIn .3s ease-in;
                animation: fadeIn .3s ease-in;
            }

.web5s-hotdeal-timer ul {
    list-style: none;
}

.web5s-hotdeal-timer {
    background: #f4f4f4;
    padding: 3px;
}

    .web5s-hotdeal-timer .title {
        color: #ED1A2E;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: -1px;
        padding: 10px;
        text-transform: uppercase;
    }

.timer-item_wrap {
    padding: 0 15px;
}

.item-inner {
    clear: both;
    position: relative;
}

    .item-inner .images-container {
        /*min-height:190px;
    */
        overflow: hidden;
        position: relative;
        text-align: center;
    }



        .item-inner .images-container img.sp {
            height: auto !important;
            width: auto !important;
            height: 172px;
        }

        .item-inner .images-container .actions {
            display: none;
        }

    .item-inner:hover .images-container .actions {
        display: block;
    }

    .item-inner .images-container .actions .cart-content {
        float: right;
        margin: 0;
        position: absolute;
        right: 0px;
        bottom: 0;
        width: 100%;
        z-index: 10;
    }

/*        .item-inner .images-container .actions .cart-content .button {
            background: #31954c;
            border: none;
            color: #fff;
            height: 25px;
            width: 25px;
            text-align: center;
            display: inline-block;
            margin: 1px;
        }*/

            .item-inner .images-container .actions .cart-content .button span span {
                display: block;
                font-size: 0;
            }

            .item-inner .images-container .actions .cart-content .button:hover {
                background: #ED1A2E;
            }

            .item-inner .images-container .actions .cart-content .button span span i {
                font-size: 15px;
                line-height: 24px;
            }

/*    .item-inner .actions .cart-content .button span {
        display: none;
    }*/
/* .item-inner .actions {
     display: block;
    z-index:10;
     transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -ms-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
}
 .item-inner .actions .btn-cart {
     transform: translate(200%, 0px);
     -webkit-transform: translate(200%, 0px);
     transition-duration: 0.3s;
}
 .item-inner .actions .link-wishlist{
     transform: translate(200%, 0px);
     -webkit-transform: translate(200%, 0px);
     transition-duration: 0.6s;
}
 .item-inner .actions .share-email{
     transform: translate(200%, 0px);
     -webkit-transform: translate(200%, 0px);
     transition-duration: 0.6s;
}
 .item-inner:hover .actions .btn-cart {
     transform: translate(10%, 0px);
     -webkit-transform: translate(10%, 0px);
}
 .item-inner:hover .actions .link-wishlist {
     padding: 0;
     transform: translate(10%, 0px);
     -webkit-transform: translate(10%, 0px);
}
 .item-inner:hover .actions .share-email {
     padding: 0;
     transform: translate(10%, 0px);
     -webkit-transform: translate(10%, 0px);
}
 .item-inner:hover .actions ul.add-to-links li.item-compare {
     transform: translate(15%, 0px);
     -webkit-transform: translate(15%, 0px);
}
 .item-inner .actions ul.add-to-links li.item-compare {
     transform: translate(300%, 0px);
     -webkit-transform: translate(300%, 0px);
     transition-duration: 1.2s;
}
 .item-inner .actions ul.add-to-links li:first-child {
     transition-duration: 1s;
}
 .item-inner .actions .cart-content .button.btn-cart span {
     display:none 
}
 .item-inner .actions ul.add-to-links li a {
     background-color: #395562;
     display: inline-block;
     font-size: 0;
     height: 36px;
     margin-bottom: 10px;
     margin-left: -2px;
     text-align: center;
     width: 42px;
}
 .item-inner .actions ul.add-to-links li a i.fa, .item-inner .images-container .actions .cart-content .button i.fa{
     color: #fff;
     font-size: 14px;
     line-height: 36px;
     width: 42px;
}
 .item-inner .actions ul.add-to-links li a i.fa:hover, .item-inner .images-container .actions .cart-content .button i.fa:hover {
     background: #ED1A2E;
}
 */
.countdown {
    margin: 20px 0;
    width: 100%;
    text-align: center;
}

    .countdown > div {
        background: #ED1A2E;
        color: #fff;
        font-weight: 600;
        display: inline-block;
        margin: 0 5px;
        width: 20%;
        height: 70px;
        text-align: center;
    }

        .countdown > div span {
            background: #395562;
            color: #fff;
            font-weight: 600;
            font-size: 18px;
            display: block;
            line-height: 40px;
            text-align: center;
            margin-bottom: 5px;
        }

.des-container .item-info {
    padding: 5px 5px 10px;
    text-align: left;
}



    .des-container .item-info .info-inner .item-title {
        height: 60px;
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 5px 0;
        font-size: 116.67%;
        text-transform: capitalize;
        text-align: center;
        margin: 5px -12px;
    }

        .des-container .item-info .info-inner .item-title a {
            font-size: 14px;
            text-decoration: none;
            font-weight: 500;
            line-height: 25px;
            color: #444;
        }

            .des-container .item-info .info-inner .item-title a:hover, .des-container .item-info .info-inner:hover .item-title a {
                text-decoration: underline !important;
                color: #31954C;
            }
/* rating */
.rating-summary {
    display: inline-table;
    left: auto;
    padding-left: 15px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    padding-top: 5px;
}

.timer-item .rating-summary {
    display: none;
}

.rating-summary .label {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


.rating-summary .rating-result {
    width: 74px;
    height: 12px;
    margin: 0;
    background: url(../Images/rating_icon.png) repeat-x bottom left;
}

    .rating-summary .rating-result > span {
        display: inline-block;
        height: 12px;
        position: relative;
        vertical-align: top;
        background: url(../Images/rating_icon.png) repeat-x left 0px;
    }

        .rating-summary .rating-result > span span {
            border: 0;
            clip: rect(0,0,0,0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

.item-info .item-content {
    display: flex;
}

    .item-info .item-content .price-box {
        text-align: center;
        /* margin: 0 -10px; */
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        width: 100%;
    }

        .item-info .item-content .price-box .price-box-item {
            font-size: 14px;
            line-height: 1.5;
            margin-bottom: 10px;
            display: flex;
            align-content: center;
            /* width: 100%; */
            text-align: center;
            align-items: center;
        }
        .item-info .item-content .price-box .le-button {
            height: 41px;
            line-height: 35px;
            text-align: center;
            width: 100%;
            border: 3px solid #42c766;
            font-size: 13px;
            padding: 0px 30px;
            background: #31954C;
            color: #fff;
        }



/* Old price */
.old-price .price-label {
    white-space: nowrap;
    color: #999;
    display: none;
}



.old-price {
    display: inline;
    margin-right: 15px;
}

    .old-price .price-label {
        color: #777777;
        display: none;
        white-space: nowrap;
    }

    .old-price .price {
        color: #999 !important;
        font-size: 13px;
        font-weight: normal;
        text-decoration: line-through;
        margin-right: 6px;
    }

.latest-product .old-price .price-label {
    display: none;
}
/* Special price */
.special-price {
    margin: 0;
    padding: 5px 0;
    display: inline;
}

    .special-price .price-label {
        color: #666;
        display: none;
        font-size: 13px;
        font-weight: 400;
        white-space: nowrap;
    }

    .special-price .price {
        font-size: 18px;
        color: #ED1A2E;
        font-weight: 600;
        margin-left: 5px;
        position: absolute;
        bottom: 30px;
    }

    .special-price .price-label {
        font-size: 13px;
        font-weight: 900;
        white-space: nowrap;
        color: #666;
        display: none;
    }

#owl-hotdeal-web5s .owl-dots {
    text-align: center;
}

    #owl-hotdeal-web5s .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 3px;
    }

        #owl-hotdeal-web5s .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            background: #395562;
            display: block;
            cursor: pointer;
        }

        #owl-hotdeal-web5s .owl-dots .owl-dot.active span {
            background: #ED1A2E;
        }

.web5s-latestnews .item-post-list {
    margin-top: 20px;
    margin-right: -15px;
    margin-left: -15px;
}

    .web5s-latestnews .item-post-list .item-post {
        padding: 0 15px;
    }

        .web5s-latestnews .item-post-list .item-post .post-title {
            margin-top: 10px;
        }

            .web5s-latestnews .item-post-list .item-post .post-title a {
                color: #333;
                display: block;
                font-size: 17px;
                font-weight: 600;
                margin-top: -7px;
            }

        .web5s-latestnews .item-post-list .item-post .date, .news-info .date {
            color: #ccc;
            font-size: 12px;
        }

            .web5s-latestnews .item-post-list .item-post .date span, .news-info .date span {
                line-height: 25px;
                margin-left: 5px;
            }

        .web5s-latestnews .item-post-list .item-post .post-excerpt p {
            font-size: 12px;
            line-height: 25px;
            margin-bottom: 9px;
            margin-top: 1px;
        }

        .web5s-latestnews .item-post-list .item-post .read-more, .web5s-latestnews .item-post-list .item-post .read-more a {
            font-size: 12px;
            color: #ccc;
            text-transform: uppercase;
            display: inline-block;
        }
/* BANNER STATIC */
.web5s-banner-static {
    margin: 30px 0;
}

    .web5s-banner-static .eff-static {
        position: relative;
    }

        .web5s-banner-static .eff-static:before {
            display: block;
            position: absolute;
            content: "";
            background: rgba(0,0,0,.5);
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transition: all 0.5s ease-out;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            pointer-events: none;
        }

        .web5s-banner-static .eff-static:after {
            content: "";
            background: url('../Images/view_banner_static.png') no-repeat;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 76px;
            height: 76px;
            position: absolute;
            margin: auto;
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transition: all 0.5s ease-out;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            pointer-events: none;
        }

        .web5s-banner-static .eff-static:hover:before {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
        }

        .web5s-banner-static .eff-static:hover:after {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
        }
/* BUTTON OWL THEME */
.owl-carousel.clickable .owl-nav {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    top: -55px;
    width: 100%;
}

    .owl-carousel.clickable .owl-nav .owl-prev {
        position: absolute;
        right: 35px;
        top: 27px;
        height: 25px;
        background: none;
    }

    .owl-carousel.clickable .owl-nav .owl-next {
        position: absolute;
        right: 0;
        top: 27px;
        height: 25px;
    }

    .owl-carousel.clickable .owl-nav div {
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
        padding: 0;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: none;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
    }

        .owl-carousel.clickable .owl-nav div:hover {
            filter: Alpha(Opacity=100);
            /*IE7 fix*/
            opacity: 1;
            text-decoration: none;
            cursor: pointer;
        }
/* FEATURED PRODUCT */
.web5s-total-ul ul li {
    list-style: none;
}

    .web5s-total-ul ul li.timer-item {
        padding: 0;
    }

        .web5s-total-ul ul li.timer-item .item-inner {
            border: 1px solid #fff;
            margin: 0px 10px 20px 0;
        }

.home-blog-loaihang ul li.timer-item .item-inner {
    border: 1px solid #fff;
    background-image: url(../images/broker_line_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin: 0px 10px 20px 0;
}

.web5s-total-ul ul li.timer-item .item-inner:hover {
    background: none;
    border: 1px solid #eee;
    box-shadow: 2px 3px 4px 0 rgba(0,0,0,.35);
}

.web5s-total-ul ul li.timer-item .item-inner:hover {
    background: none;
    border: 1px solid #eee;
    box-shadow: 2px 3px 4px 0 rgba(0,0,0,.35);
}

.item-inner .images-container {
    overflow: hidden;
    position: relative;
    text-align: center;
}

.brg {
    background: #f4f4f4 none repeat scroll 0 0;
    display: inline-block;
    margin-bottom: 15px;
    padding: 8px;
    width: 100%;
}

.featuredproductslider-item .featured-item-inner {
    float: left;
    padding: 0 15px;
    position: relative;
    width: 100%;
}

.featuredproductslider-item .images-left {
    float: left;
    padding-right: 15px;
    width: 50%;
}

.featuredproductslider-item .featured-right {
    float: left;
    padding-left: 15px;
    width: 50%;
}

.featured-right .gridview {
    display: block;
    margin-top: 25px;
    text-align: left;
}

    .featured-right .gridview .price-box {
        position: inherit !important;
    }

.featured-right .listview {
    display: block;
    margin-top: 20px;
}

.featured-right .product-name a {
    color: #282828;
    font-weight: 600;
    font-size: 15px;
}

    .featured-right .product-name a:hover {
        color: #ED1A2E;
    }

.featured-right .listview .cart-content .button.btn-cart {
    background: #395562;
    border: none;
    color: #fff;
    float: left;
    display: inline-block;
    padding: 6px;
    margin: 0;
}

    .featured-right .listview .cart-content .button.btn-cart:hover {
        background: #ED1A2E;
    }

.featured-right .listview .button span {
    font-size: 12px;
    font-weight: 400;
    padding: 6px 0;
    text-transform: uppercase;
}

.featured-right .listview ul.add-to-links {
    display: inline-block;
}

    .featured-right .listview ul.add-to-links li {
        display: block;
        float: left;
        margin: 0 0 0 3px;
    }

        .featured-right .listview ul.add-to-links li a {
            display: block;
            font-size: 0;
            height: 27px;
            line-height: 27px;
            width: 30px;
        }

            .featured-right .listview ul.add-to-links li a i {
                background: #cdcdcd;
                color: #fff;
                font-size: 12px;
                line-height: 31px;
                text-align: center;
                width: 100%;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

                .featured-right .listview ul.add-to-links li a i:hover {
                    background: #ED1A2E;
                }

.web5s-featured-products .owl-carousel.clickable .owl-nav .owl-prev {
    left: 15px;
}

.web5s-featured-products .owl-carousel.clickable .owl-nav .owl-next {
    right: 15px;
}

.product-grid ul li .item-inner .des-container {
    margin-bottom: 1px;
}

.products-grid ul li .item-inner {
    padding: 20px 10px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

    .products-grid ul li .item-inner:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    }

    .products-grid ul li .item-inner img {
        width: 100%;
    }

.products-grid ul li.product-compare .item-inner {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

section.product-section .price-box {
    width: 50%;
    text-align: center;
}

    section.product-section .price-box a, .products-grid .price-box a {
        color: #31954C;
    }

.price-box .price {
    color: #e74c3c;
    font-size: 1rem;
}

.price-box .original {
    color: #9e9e9e;
    font-size: 13px;
    font-weight: 300;
    text-decoration: line-through;
    display: inline-block;
    margin-right: 5px;
}

.price-box .unit {
    font-size: 13px;
}

.bottom-action {
    display: table;
    width: 100%;
}

    .bottom-action .btn-action.link-wishlist, .bottom-action .btn-action.link-compare {
        width: 30px;
    }

    .bottom-action .btn-action {
        float: none;
        display: inline-block;
        height: 30px;
        line-height: 28px;
        text-align: center;
        background: none;
        margin: 0px 1px;
        border-width: 1px !important;
        border-style: solid !important;
        border-color: rgb(221, 221, 221) !important;
        border-image: initial !important;
    }

        .bottom-action .btn-action.link-wishlist::before {
            content: "";
            display: inline-block;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            font-stretch: normal;
            font-kerning: auto;
            font-feature-settings: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            text-align: center;
            font-size: 14px;
            font-variant: normal;
        }

        .bottom-action .btn-action.btn-cart {
            vertical-align: top;
            padding-left: 8px !important;
            padding-right: 8px !important;
        }

            .bottom-action .btn-action.btn-cart::before {
                content: "";
                display: inline-block;
                width: 17px;
                height: 15px;
                position: relative;
                top: 3px;
                margin-right: 3px;
                background: url(../Images/icon-image.png) -20px -272px no-repeat;
            }

            .bottom-action .btn-action.btn-cart span {
                color: rgb(102, 102, 102);
                font-weight: 700;
                text-transform: uppercase;
            }

        .bottom-action .btn-action.link-compare::before {
            content: "";
            display: inline-block;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            font-stretch: normal;
            font-kerning: auto;
            font-feature-settings: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            text-align: center;
            font-size: 14px;
            font-variant: normal;
        }

        .bottom-action .btn-action.btn-cart:hover {
            background-color: rgb(255, 85, 0);
            border-color: rgb(255, 85, 0) !important;
        }

            .bottom-action .btn-action.btn-cart:hover span {
                color: #fff;
            }

            .bottom-action .btn-action.btn-cart:hover::before {
                background-position: -67px -272px;
            }

        .bottom-action .btn-action:hover {
            border-color: rgb(255, 85, 0) !important;
        }
/* SALE & NEW LABEL */
.new {
    background: #395562;
    color: #fff;
    z-index: 999;
    position: absolute;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    line-height: 22px;
    top: 0;
    left: 0;
    width: 50px;
}

.sale {
    background: #ED1A2E;
    color: #fff;
    z-index: 999;
    position: absolute;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    line-height: 22px;
    top: 3px;
    right: 3px;
    width: 45px;
}

.sale_text {
    color: #fff;
    z-index: 999;
    position: absolute;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    line-height: 22px;
    top: 0;
    right: 0;
    width: 160px;
    height: 90px;
}

    .sale_text .sale_text_content {
        position: absolute;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        text-align: left;
        right: 0;
        top: 0;
        padding: 15px;
        display: none;
    }

    .sale_text:hover .sale_text_content {
        display: block;
    }

    .sale_text .sale_text_content .fa {
        font-size: 20px;
        color: Red;
        margin-right: 10px;
        min-width: 220px;
    }

.item-inner .sale_text {
    width: 90px;
    height: 45px;
}

.sale_text .icon-KM {
    height: 100%;
    width: 100%;
}
/* BRAND BANNER */
.web5s-brand {
    display: block;
    margin-top: 30px;
    padding: 30px 0;
    position: relative;
    text-align: center;
}

    .web5s-brand ul li {
        display: inline-block;
        list-style: none;
        text-align: center;
    }

    .web5s-brand .owl-carousel .owl-item img {
        width: auto;
    }

    .web5s-brand .owl-nav.disabled {
        display: none;
    }
/* FOOTER */

.web_ft_wrapper {
    color: #6d6d6d;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.footer-info {
    padding: 20px 0 0;
    font-size: 14px;
}

.web_ft_wrapper .title-ft {
    color: #363636;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.footer-info .contact-info p {
    margin-bottom: 5px;
}

.timer-open ul li {
    line-height: 24px;
    list-style: none;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .timer-open ul li:before {
        border-top: 1px dotted rgb(149, 149, 149);
        color: rgb(0, 0, 0);
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        top: 60%;
        width: 100%;
    }

.timer-open span {
    background: #fff;
    font-size: 13px;
    position: relative;
}

    .timer-open span.day {
        float: left;
        padding-right: 5px;
    }

    .timer-open span.time {
        float: right;
        padding-left: 5px;
    }

.footer-news {
    border-left: 1px solid #ccc;
    padding-left: 20px;
}

    .footer-news .blog-inner .blog-image {
        float: left;
        position: relative;
        width: 55%;
    }

    .footer-news .blog-inner .blog-content {
        float: right;
        width: 42%;
    }

        .footer-news .blog-inner .blog-content .blog-title {
            border-bottom: 1px solid #bbb;
            color: #333;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

        .footer-news .blog-inner .blog-content p {
            color: #aaa;
        }

        .footer-news .blog-inner .blog-content .readmore {
            color: #7d7d7d;
            float: right;
            font-size: 11px;
            margin-top: 5px;
            padding: 8px 15px;
            text-transform: capitalize;
        }

            .footer-news .blog-inner .blog-content .readmore:hover {
                color: #ED1A2E;
            }

.footer-newsletter {
    overflow: hidden;
}

    .footer-newsletter .container {
        padding: 18px 15px 12px;
    }

.ft-newsletter .text {
    float: left;
    margin-right: 30px;
}

    .ft-newsletter .text p {
        text-transform: uppercase;
        margin-top: -7px;
    }

.ft-newsletter .block-subscribe input {
    background: #fff;
    border-color: #ccc;
    box-shadow: none;
    border-radius: 0;
    font-size: 13px;
    height: 28px;
}

.ft-newsletter .block-subscribe .form-control:focus {
    border-color: #ED1A2E;
    box-shadow: none;
}

.member_form .btn-primary {
    background-color: #395562;
    border-color: #395562;
    border-radius: 0;
    color: #fff;
}

    .member_form .btn-primary:hover {
        background-color: #ED1A2E;
        border-color: #ED1A2E;
    }

.input {
    background-color: #FFFFFF;
    border: 1px solid #95B8E7 !important;
    border-radius: 3px 3px 3px 3px;
    color: #282828;
    margin-right: 8px;
    padding: 3px;
}

.social-icons ul {
    display: inline-block;
    list-style: none;
    float: right;
}

    .social-icons ul li {
        display: inline-block;
        font-size: 16px;
        margin-right: 10px;
    }

        .social-icons ul li a {
            background-color: #395562;
            border-radius: 100px;
            color: #fff;
            display: inline-block;
            padding: 6px;
        }

            .social-icons ul li a:before {
                display: inline-block;
                height: 16px;
                text-align: center;
                width: 16px;
            }

            .social-icons ul li a:hover {
                background: #ED1A2E;
                color: #fff;
            }

.footer-bottom .footer-line {
    padding: 5px 0;
    border-top: 1px solid rgba(221, 221, 221, 0.23);
}

    .footer-bottom .footer-line .copyright a {
        color: #333;
        font-weight: bold;
    }

        .footer-bottom .footer-line .copyright a:hover {
            color: #ED1A2E;
        }

.footer-bottom .web5s-author {
    text-align: right;
    font-weight: 600;
    font-size: 12px;
}

    .footer-bottom .web5s-author a {
        color: #333;
    }

        .footer-bottom .web5s-author a:hover {
            color: #ED1A2E;
        }
/******************footer***************/
.footer-container .footer-head {
}

.footer-container .socials-wrap {
    background-color: rgb(43, 55, 92);
    display: table;
    width: 100%;
    padding: 25px 30px 15px;
}

    .footer-container .socials-wrap .title-follow {
        display: none;
    }

    .footer-container .socials-wrap ul .li-social {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .footer-container .socials-wrap ul .li-social a {
            display: inline-block;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: rgb(255, 255, 255);
            font-size: 16px;
            border-width: 1px;
            border-style: solid;
            border-color: rgba(255, 255, 255, 0.3);
            border-image: initial;
        }

            .footer-container .socials-wrap ul .li-social a .name-social {
                display: none;
            }

            .footer-container .socials-wrap ul .li-social a:hover {
                background-color: rgb(255, 85, 0);
                border-color: rgb(255, 85, 0);
            }

.footer-container .block-subscribe-footer {
    padding: 25px 0px;
}

    .footer-container .block-subscribe-footer .title-middle-footer {
        display: table-cell;
        vertical-align: middle;
        font-size: 116.67%;
        text-transform: uppercase;
        font-weight: 700;
        white-space: nowrap;
        padding-right: 70px;
    }

    .footer-container .block-subscribe-footer .subscribe {
        display: block;
        width: 100%;
        vertical-align: top;
    }

        .footer-container .block-subscribe-footer .subscribe .newsletter-content {
            display: table;
            width: 100%;
        }

        .footer-container .block-subscribe-footer .subscribe .input-box {
            display: table-cell;
            vertical-align: top;
            width: 100%;
        }

.footer-container #txtAddEmail {
    height: 40px;
    color: rgb(68, 68, 68);
    font-size: 116.67%;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: #f8f9fa;
    background-clip: padding-box;
    border-radius: 1px;
    line-height: 1.42857143;
    padding: 0 9px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
}

.footer-container .block-subscribe-footer .subscribe button {
    background-color: rgb(255, 85, 0);
    background-color: rgb(255, 85, 0);
    border: none !important;
    overflow: visible;
    display: inline-block;
    width: auto;
    margin: 0;
    cursor: pointer;
    height: 40px;
    line-height: 40pxx;
    white-space: nowrap;
    font-size: 100% !important;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    padding: 0 20px !important;
    color: #fff !important;
    text-decoration: none !important;
}

.footer-container .contact-col {
}

.footer-container .footer-block {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .footer-container .footer-block .footer-block-content .links-contact li {
        position: relative;
        padding-left: 39px;
        min-height: 30px;
        line-height: 22px;
    }

        .footer-container .footer-block .footer-block-content .links-contact li.middle-content {
            margin: 10px 0px 16px;
        }

        .footer-container .footer-block .footer-block-content .links-contact li.add-icon::before {
            background-position: -8px -10px;
        }

        .footer-container .footer-block .footer-block-content .links-contact li::before {
            position: absolute;
            left: 0px;
            top: 4px;
            content: "";
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url(../images/icon-image.png) rgb(74, 86, 120);
            border-radius: 50%;
        }

        .footer-container .footer-block .footer-block-content .links-contact li.email-icon::before {
            background-position: -11px -51px;
        }

        .footer-container .footer-block .footer-block-content .links-contact li.phone-icon::before {
            background-position: -11px -91px;
        }

.footer-bottom {
    padding: 0px;
}

.categories-footer {
    font-size: 91.67%;
    padding: 30px 0px;
}

    .categories-footer .footer-links-w .label-link {
        font-weight: 700;
        margin-bottom: 13px;
        text-transform: uppercase;
        color: rgb(34, 34, 34);
    }

    .categories-footer .footer-links-w ul li {
        padding-bottom: 8px;
        text-transform: capitalize;
    }

        .categories-footer .footer-links-w ul li h2, .categories-footer .footer-links-w ul li h3 {
            font-size: 100%;
            display: inline-block;
            font-weight: 600;
            color: rgb(34, 34, 34);
            line-height: 18px;
            margin: 0;
        }

.list-bullet li {
    margin-bottom: 5px;
}
/***************************************/
/*BREADCRUMBS*/
.breadcrumbs {
    margin-top: 15px;
    position: relative;
    padding: 10px 0 5px 5px;
}

    .breadcrumbs::after {
        content: "";
        clear: both;
        display: table;
    }

    .breadcrumbs a {
        color: #B0B0B0;
    }

        .breadcrumbs a:after {
            border-right: 1px solid #B0B0B0;
            border-top: 1px solid #B0B0B0;
            content: "";
            display: inline-block;
            height: 5px;
            width: 5px;
            position: absolute;
            top: 8px;
            transform: rotate( 45deg );
            -webkit-transform: rotate( 45deg );
            -ms-transform: rotate(45deg);
            right: -5px;
        }

        .breadcrumbs a:before {
            left: -8px;
        }

    .breadcrumbs ul {
        font-size: 15px;
        color: #a3a3a3;
        margin: 0;
        padding: 0;
        list-style: none none;
    }

        .breadcrumbs ul li {
            height: 25px;
            line-height: 22px;
            position: relative;
            padding: 0 8px;
            float: left;
            margin-left: 4px;
            margin-bottom: 5px;
            text-transform: lowercase;
        }

            .breadcrumbs ul li:first-letter {
                text-transform: uppercase;
            }

            .breadcrumbs ul li:first-child {
                margin-left: 0;
                padding-left: 0;
            }

            .breadcrumbs ul li:not(:last-child) {
                display: inline-block;
                text-decoration: none;
            }

            .breadcrumbs ul li:first-child a:before {
                display: none;
            }

            .breadcrumbs ul li:hover {
                border-color: #ff5500;
            }

                .breadcrumbs ul li:hover a:before, .breadcrumbs ul li:hover a:after {
                    border-color: #ff5500;
                }

            .breadcrumbs ul li:last-child, .breadcrumbs ul li:last-child a, .breadcrumbs ul li:last-child a:after, .breadcrumbs ul li:last-child a:before {
                border-color: #31954C !important;
                color: #31954C !important;
            }

/*MAIN CONTAINER*/
.main-container {
    margin-top: 35px;
    min-height: 400px;
    padding: 0;
}
/*SUB BREADCRUMBS*/
.web5s-sub-breadcrums {
    background: #f8f8f8;
    border: 1px solid #eee;
    margin-bottom: 16px;
    padding: 15px;
}

    .web5s-sub-breadcrums > ul > li > a {
        font-weight: 600;
        text-transform: uppercase;
    }

    .web5s-sub-breadcrums > ul ul {
        margin-left: 10px;
        margin-top: 4px;
    }

        .web5s-sub-breadcrums > ul ul li {
            padding: 3px 0;
        }

            .web5s-sub-breadcrums > ul ul li:before {
                content: '\f105';
                font-family: FontAwesome;
                font-size: 14px;
                padding-right: 6px;
                color: #444;
            }
/*FILTER PRODUCTS*/
.web5s-products-filter {
    margin: 0;
    margin-bottom: 30px;
}

    .web5s-products-filter .filter-title {
        border-bottom: 1px solid #eaeaea;
        color: #333;
        font-size: 15px;
        font-weight: 600;
        height: 46px;
        line-height: 45px;
        padding: 0 15px;
        text-transform: uppercase;
    }

    .web5s-products-filter .filter-content {
        padding: 15px 25px;
        clear: both;
    }

        .web5s-products-filter .filter-content #filter-by-list dd {
            border-bottom: 1px dotted #ccc;
            margin-bottom: 16px;
            padding: 5px 0 13px;
        }

            .web5s-products-filter .filter-content #filter-by-list dd:last-child {
                border-bottom: none;
                margin-bottom: 0;
            }

        .web5s-products-filter .filter-content #filter-by-list ol {
            list-style: none;
        }

            .web5s-products-filter .filter-content #filter-by-list ol li {
                color: #666;
                padding: 3px 0;
            }

                .web5s-products-filter .filter-content #filter-by-list ol li:hover {
                    color: rgb(255, 85, 0);
                }

                .web5s-products-filter .filter-content #filter-by-list ol li span {
                    color: #ccc;
                    margin-left: 4px;
                    font-style: italic;
                }

                .web5s-products-filter .filter-content #filter-by-list ol li label {
                    width: 100%;
                    font-weight: normal;
                }

    .web5s-products-filter dd.scroll-list ol {
        max-height: 180px;
    }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #ED1A2E !important;
}

#filter-prices {
    padding-top: 15px;
    border-top: 1px solid #e7e7e7;
}

    #filter-prices .form-group {
        margin-bottom: 10px;
        overflow: hidden;
        position: relative;
    }

    #filter-prices label {
        padding-left: 0;
        width: 35px;
        line-height: 24px;
        float: left;
    }

    #filter-prices p {
        margin-bottom: 10px;
        font-weight: 700;
    }

    #filter-prices input[type="text"] {
        width: 90px;
        height: 31px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        border-radius: 5px;
        float: left;
        font-size: 13px;
        text-align: right;
        border-color: #ccc;
        padding: 0 12px 0 8px;
    }

    #filter-prices span {
        font-size: 13px;
        left: 156px;
        position: absolute;
        top: 2px;
    }

    #filter-prices .btn {
        height: 30px;
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 0;
        background: #31954C;
        color: #fff;
        outline: none;
        width: calc(100% - 32px);
        float: right;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 18px;
    }

#filter-by-list strong {
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    vertical-align: middle;
    width: 25px;
}

input[type=checkbox].f-checkbox, input[type=radio].f-radio {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].f-checkbox + label.f-label, input[type=radio].f-radio + label.f-label-r {
        padding-left: 24px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        background-repeat: no-repeat;
        background-position: 0 0;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox].f-checkbox:checked + label.f-label, input[type=radio].f-radio:checked + label.f-label-r {
        background-position: 0 -16px;
    }

label.f-label, label.f-label-r {
    background-image: url('../Images/f-checkbox.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.f-label-r {
    background-image: url('../Images/f-radio.png');
}
/*TOOLBAR PRODUCTS*/
select {
    padding: 4px 25px 4px 4px;
    outline: none;
    border: 1px solid #e9e9e9;
}

.select-it label {
    position: relative;
}

    .select-it label:after {
        content: '<>';
        font: 14px "Consolas", monospace;
        color: #aaa;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 4px;
        top: 4px;
        padding: 0 0 2px;
        position: absolute;
        pointer-events: none;
    }

    .select-it label:before {
        content: '';
        right: 0px;
        top: 0px;
        width: 25px;
        height: 27px;
        background: #f8f8f8;
        position: absolute;
        pointer-events: none;
        display: block;
    }

.web5s-products-toolbar {
    color: #666;
}

    .web5s-products-toolbar select {
        font-size: 12px;
    }

    .web5s-products-toolbar .limiter, .web5s-products-toolbar .sort-by {
        padding: 12px 15px 11px 0;
    }

    .web5s-products-toolbar .sort-by, .web5s-products-toolbar .limiter {
        float: left;
        margin: 0;
        text-align: left;
    }

        .web5s-products-toolbar .limiter label, .web5s-products-toolbar .sort-by label {
            display: inline-block;
            font-weight: normal;
            margin: 0 5px 0 0;
            vertical-align: middle;
        }

        .web5s-products-toolbar .sort-by > label, .web5s-products-toolbar .limiter > label {
            color: #666;
            font-size: 12px;
            font-weight: 600;
        }

        .web5s-products-toolbar .limiter .select-it, .web5s-products-toolbar .sort-by .select-it {
            display: inline-block;
            vertical-align: middle;
        }

        .web5s-products-toolbar .limiter > span {
            color: #666;
            font-size: 12px;
            padding-left: 7px;
        }

.nav-pager {
    float: right;
    padding: 14px 0;
    margin-right: 5px;
}

    .nav-pager > ol {
        list-style: none;
        display: inline-block;
        vertical-align: middle;
    }

        .nav-pager > ol li {
            display: inline-block;
            vertical-align: middle;
        }

            .nav-pager > ol li a {
                border: medium none;
                border-radius: 0;
                color: #666;
                display: block;
                font-size: 12px;
                height: 20px;
                line-height: 20px;
                padding: 0;
                text-align: center;
                width: 20px;
            }

            .nav-pager > ol li.active, .nav-pager > ol li:hover {
                background: #ED1A2E;
                border-radius: 5px;
                font-size: 12px;
                height: 20px;
                line-height: 20px;
                text-align: center;
                width: 20px;
            }

                .nav-pager > ol li.active a, .nav-pager > ol li:hover a {
                    color: #fff;
                }
/*MAIN CONTENT PRODUCTS*/
.page-title h1, .page-title h2 {
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
    padding-bottom: 11px;
    text-transform: uppercase;
}

.category-products {
    margin-bottom: 15px;
}

    .category-products .gitem {
        position: relative;
        overflow: hidden;
    }

    .category-products ul li {
        list-style: none;
    }

    .category-products ul.products-grid {
        margin-left: -15px;
        margin-right: -15px;
    }

        .category-products ul.products-grid .item-inner {
            padding: 0;
            margin-bottom: 20px;
        }
/************************************** Single Products ***************************************/
/*PRODUCT IMG LIST*/
.web5s-single-product .product-box-desktop .product-img-box .product-img-zoom {
    overflow: hidden;
    padding: 1px;
    position: relative;
    margin-bottom: 10px;
    background-image: url(../images/broker_line_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.web5s-single-product .product-box-desktop .product-img-box .product-img-list {
    margin: 0 -5px 25px;
}

.web5s-single-product .product-box-desktop .product-img-box #gallery-img-list .item-img {
    margin: 0 4px;
    text-align: center;
}

    .web5s-single-product .product-box-desktop .product-img-box #gallery-img-list .item-img a {
        display: block;
        margin: 1px;
        background: #fff;
    }

        .web5s-single-product .product-box-desktop .product-img-box #gallery-img-list .item-img a img {
            border: 1px solid #eaeaea;
            max-width: 100%;
            width: auto !important;
        }

.web5s-single-product .product-box-desktop .product-img-box .product-img-list .owl-prev, .web5s-single-product .product-box-desktop .product-img-box .product-img-list .owl-next {
    background: #fff;
    border: 1px solid #eaeaea;
    color: #ccc;
    display: block;
    margin-top: -15px;
    opacity: 0;
    position: absolute;
    top: 48%;
    transition: all 0.2s linear 0s;
}

.web5s-single-product .product-box-desktop .product-img-box .product-img-list .owl-prev {
    left: -10px;
}

.web5s-single-product .product-box-desktop .product-img-box .product-img-list .owl-next {
    right: -10px;
}

.web5s-single-product .product-box-desktop .product-img-box .product-img-list:hover .owl-prev, .web5s-single-product .product-box-desktop .product-img-box .product-img-list:hover .owl-next {
    opacity: 1;
}

    .web5s-single-product .product-box-desktop .product-img-box .product-img-list:hover .owl-prev:hover, .web5s-single-product .product-box-desktop .product-img-box .product-img-list:hover .owl-next:hover {
        background: #ED1A2E;
        border: 1px solid #ED1A2E;
        color: #fff;
    }

.web5s-single-product .product-box-desktop .product-img-box .product-img-list .owl-prev i, .web5s-single-product .product-box-desktop .product-img-box .product-img-list .owl-next i {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
/* PRODUCT DESCRIPTION*/
#collapse-productTab, .productTab {
    margin-top: 40px;
}

.nav-tabs > li {
    display: inline-block;
    margin-bottom: -1px;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border: 1px solid #395562;
        background: #395562;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
    }

    .nav-tabs > li.ui-state-active > a, .nav-tabs > li.ui-state-active > a:hover, .nav-tabs > li.ui-state-active > a:focus {
        border: 1px solid #395562;
        background: #395562;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
    }

.productTab {
    margin-bottom: 30px;
}

    .productTab p {
        line-height: 22px;
        margin-bottom: 2px;
    }

    .productTab .tab-content {
        border: 1px solid #eaeaea;
        border-top: none;
        padding: 25px;
        overflow-x: auto;
    }

ul.tabled-data {
    list-style: none;
}

    ul.tabled-data li:first-child {
        padding-top: 0;
    }

    ul.tabled-data li {
        border-bottom: 1px dashed #e0e0e0;
        color: #3d3d3d;
        font-size: 13px;
        padding: 7px 0;
    }

        ul.tabled-data li label {
            display: inline-block;
            font-weight: 700;
            margin: 0;
            min-width: 30%;
            text-transform: capitalize;
            vertical-align: top;
        }

        ul.tabled-data li .value {
            display: inline-block;
            text-transform: capitalize;
            vertical-align: top;
        }
/*PRODUCT REVIEW*/
.product-related .owl-carousel.clickable .owl-nav .owl-prev {
    right: 35px;
}

.product-related .owl-carousel.clickable .owl-nav .owl-next {
    right: 15px;
}

.product-related ul li {
    list-style: none;
}

.product-review {
    padding: 10px 0px;
    background: #f4f4f4;
    margin-bottom: 30px;
    margin-top: 30px;
}

.title-review {
    font-size: 13px;
    color: #666;
    font-weight: 600;
    padding: 6px 0px;
}

ul.image-review {
    margin-left: -15px;
}

    ul.image-review li {
        list-style: none;
        float: left;
        margin-right: 10px;
        border: 1px solid #ddd;
    }

        ul.image-review li img {
            width: 50px;
            height: auto;
        }
/* BTN POSITION*/
.btn-position {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 9999;
    display: none;
}

.btn-items li {
    width: 95px;
    height: 50px;
    border-radius: 7px 0px 0px 7px;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: auto;
    list-style: none;
    position: relative;
}

    .btn-items li a {
        color: #fff;
    }

    .btn-items li.buy-new-pos {
        background: #ED1A2E;
    }

        .btn-items li.buy-new-pos:after, .btn-items li.cart-pos:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 3px;
            height: 50px;
            background-color: #d44546;
        }

    .btn-items li .arrow-cirle-btn {
        display: inline-block;
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 50%;
        background-color: #d44546;
        line-height: 30px;
        vertical-align: top;
    }

    .btn-items li.buy-new-pos span {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        margin-left: 5px;
        margin-top: -4px;
        text-transform: uppercase;
        width: 30px;
    }

    .btn-items li.cart-pos {
        background: #4b4a4a;
        width: 90px;
    }

        .btn-items li.cart-pos:after {
            background-color: #242424;
        }

        .btn-items li.cart-pos img {
            display: block;
            margin: -2px auto auto;
        }

        .btn-items li.cart-pos span {
            font-size: 11px;
            display: block;
            text-align: center;
            margin-top: 4px;
            font-weight: 600;
        }
/************************************** Product compare Grid ***************************************/
.compare-grid-left {
    width: 25%;
    min-height: 400px;
    float: left;
    margin-top: 20px;
    position: relative;
}

.products-grid.compare-grid {
    width: 100%;
    float: left;
    display: inline-block;
    min-height: 320px;
    position: relative;
}

    .products-grid.compare-grid > ul li {
        border-bottom: 1px solid #ddd;
    }

    .products-grid.compare-grid ul li .item-inner {
        margin-bottom: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
        border: 1px solid #ddd;
        border-right: none;
        border-bottom: none;
    }

    .products-grid.compare-grid > ul > li:last-child .item-inner {
        border-right: 1px solid #ddd;
    }

    .products-grid.compare-grid > ul > li:first-child .link-compare {
        display: none !important;
    }

    .products-grid.compare-grid ul li .item-inner .images-container .actions .cart-content {
        right: 0px;
    }

.compare_add {
    display: block;
    min-height: 50px;
    width: 24%;
    position: absolute;
    right: 0;
    font-size: 15px;
    color: Green;
    z-index: 9;
    padding: 10px 15px;
    border: 1px dashed Green;
    border-radius: 10px;
}

a#linkCompareAdd {
    color: Green;
    font-weight: bold;
}

    a#linkCompareAdd label {
        display: block;
        text-align: justify;
        font-weight: normal;
        font-size: 13px;
        color: #FF5500;
    }

.compare-product-select {
    width: 100%;
    height: 320px;
}

.compare-prodcut-attr {
    width: 100%;
    margin-top: 0px;
    position: relative;
}

    .compare-prodcut-attr .ts-attr {
        width: 33.33333333%;
        min-height: 400px;
        position: absolute;
        top: -1px;
        left: -33.33333333%;
    }

.ts-attr h3 {
    font-family: 'Roboto';
    font-size: 20px;
    line-height: 30px;
    text-indent: 20px;
    height: 30px;
}

.ts-gt {
    position: relative;
}

    .ts-gt table {
        width: 100%;
    }

.ts-gt2 table {
    width: 75%;
}

.ts-gt1 table {
    width: 50%;
}

.ts-gt3 table {
    width: 100%;
}

.ts-gt3 td.ten-ts {
    width: 20%;
}

.ts-gt table td {
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    font-weight: normal;
    border-left: 1px solid #dadada;
    color: #505050;
    font-size: 13px;
}

.ts-gt td.ten-ts {
    vertical-align: middle;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #dadada;
    border-right: 0px solid #dadada;
    font-weight: normal;
    border-left: 1px solid #dadada;
    background: url('../Images/bg_table_compare_attr.jpg');
    color: #505050;
    font-size: 13px;
    color: rgb(43, 55, 92);
}

.ts-gt td.product_compare {
    border-top: 1px solid #dadada;
}

.ts-gt td.td_blank {
    border-left: none;
}
/************************************** Contact ***************************************/


#web5s-contact .title {
    background: #f4f4f4;
    color: #333;
    font-size: 16px;
    padding: 10px 15px;
    margin: 15px 0 20px;
    text-transform: uppercase;
}

#web5s-contact ul {
    list-style: none;
    margin-bottom: 30px;
    border-bottom: 1px dashed #eaeaea;
    padding-bottom: 20px;
}

    #web5s-contact ul li {
        font-size: 14px;
        line-height: 28px;
    }

#web5s-contact input.le-input, #web5s-contact textarea.le-input {
    padding: 9px;
}
/************************************** News ***************************************/
#web5s-news .news-list {
    border-bottom: 1px dashed #eaeaea;
    margin-top: 20px;
    margin-bottom: -1px;
    padding-bottom: 20px;
}

.news-info .post-title a {
    color: #333;
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin-top: -7px;
}

.news-info .date {
    color: #ccc;
    font-size: 12px;
}

    .news-info .date span {
        line-height: 25px;
        margin-left: 5px;
    }

.news-info .post-excerpt p {
    font-size: 12px;
    line-height: 25px;
    margin-bottom: 9px;
    margin-top: 1px;
}

.news-info .read-more a {
    color: #ccc;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
}

.info-details .post-title h1 a {
    font-size: 20px;
    margin-top: -5px;
}

.info-details .date {
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.info-details .news-content {
    margin-bottom: 30px;
}

    .info-details .news-content p {
        line-height: 22px;
        margin-bottom: 10px;
    }

    .info-details .news-content img {
        display: block;
        margin: 20px auto;
        width: 70%;
    }
/************************************** Cart ***************************************/
#web5s-view-cart .cart-info {
    border-bottom: 1px solid #eaeaea;
    padding: 20px 0;
}

    #web5s-view-cart .cart-info:last-child {
        border-bottom: none;
    }

    #web5s-view-cart .cart-info .imgs-holder {
        width: 7%;
        border: 1px solid #eaeaea;
        padding: 1px;
    }

    #web5s-view-cart .cart-info .title-holder {
        width: 48%;
    }

    #web5s-view-cart .cart-info .unit-price {
        width: 13%;
    }

        #web5s-view-cart .cart-info .unit-price .price {
            font-weight: 600;
        }

    #web5s-view-cart .cart-info .qty {
        width: 15%;
    }

.title-holder .title {
    padding: 17px 0 0;
}

    .title-holder .title a {
        color: #3d3d3d;
        font-size: 16px;
        font-weight: 600;
        line-height: 15px;
        text-transform: capitalize;
    }

.title-holder .brand {
    font-size: 10px;
    line-height: 27px;
    text-transform: uppercase;
}

#web5s-view-cart .cart-info .quantity {
    margin: 18px 0 0 30px;
}

#web5s-view-cart .cart-info .price {
    font-size: 16px;
    font-weight: 700;
    padding: 35px 0;
    text-align: left;
}

#web5s-view-cart .cart-info .close-btn {
    display: inline-block;
    font-size: 19px;
    line-height: 15px;
    position: absolute;
    right: 1%;
    top: 39%;
}

#web5s-view-cart .cart-other {
    padding: 10px 0 10px 10px;
    margin-bottom: 20px;
}

    #web5s-view-cart .cart-other a {
        background: #395562;
        border: 1px solid #395562;
        color: #fff;
        float: right;
        padding: 8px 10px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.3px;
    }

        #web5s-view-cart .cart-other a i {
            margin-right: 5px;
        }

        #web5s-view-cart .cart-other a.clear-totalcart {
            background: #f5f5f5;
            border: 1px solid #eaeaea;
            color: #333;
            margin-right: 8px;
        }

        #web5s-view-cart .cart-other a:hover {
            background: #ED1A2E;
            border-color: #ED1A2E;
            color: #fff;
        }

#web5s-view-cart .cart-title {
    color: #333;
    font-size: 16px;
    padding: 10px 15px 10px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #eaeaea;
}

#web5s-view-cart .cart-summary {
    background: #f5f5f5;
    padding: 10px 20px;
}

    #web5s-view-cart .cart-summary .cart-title {
        padding-top: 0px;
        font-weight: 600;
        font-size: 15px;
    }

    #web5s-view-cart .cart-summary .body {
        margin: 10px 0 0;
        padding: 10px 0 0;
    }

        #web5s-view-cart .cart-summary .body ul.tabled-data {
            border-bottom: 1px solid #eaeaea;
            padding-bottom: 16px;
        }

            #web5s-view-cart .cart-summary .body ul.tabled-data li {
                border: medium none;
                line-height: 16px;
            }

            #web5s-view-cart .cart-summary .body ul.tabled-data .value {
                font-weight: 700;
                text-transform: capitalize;
                font-size: 14px;
            }

            #web5s-view-cart .cart-summary .body ul.tabled-data label {
                font-weight: 600;
                font-size: 14px;
            }

        #web5s-view-cart .cart-summary .body #total-price {
            border-bottom: 0 none;
            padding-bottom: 10px;
        }

            #web5s-view-cart .cart-summary .body #total-price .value {
                color: #ED1A2E;
                font-size: 18px;
                font-weight: bold;
                line-height: 15px;
            }

        #web5s-view-cart .cart-summary .body .buttons-holder a {
            width: 100%;
            text-align: center;
            border-radius: 0;
        }
/*SELLING CART*/
.selling-point-cart {
    background: #395562;
    width: 100%;
    float: left;
    font-family: Arial;
    padding: 18px 25px;
    color: #ddd;
    font-size: 12px;
}

    .selling-point-cart li {
        list-style-type: none;
        padding: 4px 0px;
        width: 100%;
        float: left;
    }

        .selling-point-cart li span.fa {
            color: #f9f9f9;
            margin: 0px 5px;
        }
/************************************** Checkout ***************************************/
.sprites {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: top;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background-repeat: no-repeat;
}

.tooltipster-link {
    cursor: default;
}

.icon-question {
    background: url('../Images/icon-question.png') no-repeat;
    width: 14px;
    height: 14px;
}

#web_checkout_bg {
    background: url('../Images/bg-checkout.jpg') no-repeat fixed left top #f8f8f8;
}

#web_checkout .title-checkout {
    position: relative;
}

    #web_checkout .title-checkout a.back-cart {
        color: #5D5D5D;
        position: absolute;
        left: 0px;
        font-size: 13px;
        text-transform: capitalize;
        line-height: 65px;
    }

        #web_checkout .title-checkout a.back-cart i {
            font-size: 16px;
            margin-right: 5px;
        }

        #web_checkout .title-checkout a.back-cart:hover {
            color: #0082dd;
        }

    #web_checkout .title-checkout h1 {
        text-align: center;
        color: #333;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 22px;
        padding: 20px 0;
        letter-spacing: 0.3px;
    }

#web_checkout .info-checkout {
    background: #fff;
    padding: 10px 25px 40px;
}

    #web_checkout .info-checkout .step-title {
        font-size: 18px;
        margin: 10px 0;
        text-transform: uppercase;
    }

        #web_checkout .info-checkout .step-title span.item-checkout {
            text-transform: none;
            font-size: 13px;
            color: #A5A5A5;
            display: inline-block;
            margin-top: 2px;
            vertical-align: top;
            margin-left: 5px;
        }

    #web_checkout .info-checkout .form-info {
        border: 1px solid #d7d7d7;
        padding: 15px 20px;
    }

        #web_checkout .info-checkout .form-info .form-group label {
            font-weight: 600;
            margin-bottom: 5px;
        }

        #web_checkout .info-checkout .form-info .input-checkout {
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 3px;
            color: #3d3d3d;
            height: 35px;
            padding: 6px 12px;
            transition: all 0.3s ease 0s;
            width: 100%;
        }

        #web_checkout .info-checkout .form-info .textarea {
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 3px;
            color: #3d3d3d;
            padding: 6px 12px;
            transition: all 0.3s ease 0s;
            width: 100%;
        }

        #web_checkout .info-checkout .form-info .selector {
            border: 1px solid #ccc;
            cursor: pointer;
            font-weight: 500;
            border-radius: 3px;
            height: 35px;
            margin: 0;
            padding: 0 3px;
            position: relative;
            width: 100%;
        }

            #web_checkout .info-checkout .form-info .selector select {
                width: 100%;
                height: 33px;
                border: 0;
                font-weight: 500;
                color: #3d3d3d;
                padding: 0 20px 0 4px;
                background-color: #fff;
                cursor: pointer;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
            }

            #web_checkout .info-checkout .form-info .selector i {
                font-size: 14px;
                pointer-events: none;
                position: absolute;
                right: 10px;
                top: 9px;
                z-index: 2;
            }

        #web_checkout .info-checkout .form-info .input-checkout:focus, #web_checkout .info-checkout .form-info .textarea:focus {
            border: 1px solid #ED1A2E;
            outline: none;
        }

        #web_checkout .info-checkout .form-info .input-checkout[disabled] {
            cursor: not-allowed;
            background-color: #eeeeee;
            opacity: 1;
        }

        #web_checkout .info-checkout .form-info .le-button {
            border-radius: 0;
            width: 100%;
            text-align: center;
            font-weight: 500;
            font-size: 14px;
        }

.checkout-radio input {
    display: none;
}

.checkout-radio > label {
    display: inline-block;
    position: relative;
    margin-right: 14px;
    padding-left: 21px !important;
    font-weight: 500 !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkout-radio > label:before {
        content: "";
        display: block;
        position: absolute;
        width: 14px;
        height: 14px;
        left: 0;
        top: 50%;
        margin-top: -7px;
        border: 1px solid #666;
        border-radius: 7px;
    }

    .checkout-radio > label:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        left: 7px;
        margin-top: 0;
        background: #fff;
        border-radius: 3px;
        transition: 0.2s ease-in-out;
    }

    .checkout-radio > label:hover:before {
        border: 1px solid #0388cd;
    }

    .checkout-radio > label:hover:after {
        background: #fff;
    }

.checkout-radio :checked + label:before {
    border: 1px solid #0388cd;
    background: #0388cd;
}

.checkout-radio :checked + label:after {
    color: #fff;
    height: 6px;
    width: 6px;
    margin-top: -3px;
    left: 4px;
}

#web_checkout .info-checkout .form-info .forgotpass {
    color: #0388cd;
}

    #web_checkout .info-checkout .form-info .forgotpass:hover {
        color: #333;
    }

.panel-order .panel-order-info {
    border: 1px solid #d7d7d7;
}

    .panel-order .panel-order-info .cart-items {
        padding: 0 10px;
        border-bottom: 1px solid #d7d7d7;
    }

        .panel-order .panel-order-info .cart-items .list_item {
            border-top: 1px solid #f2f2f2;
        }

            .panel-order .panel-order-info .cart-items .list_item:first-child {
                border-top: none;
            }

            .panel-order .panel-order-info .cart-items .list_item .items-cell-thumbnail {
                width: 20%;
                padding: 15px 0;
                float: left;
            }

            .panel-order .panel-order-info .cart-items .list_item .items-cell-detail {
                width: 80%;
                padding: 15px 0 15px 10px;
                float: left;
            }

                .panel-order .panel-order-info .cart-items .list_item .items-cell-detail .items-cell-title {
                    width: 65%;
                    float: left;
                }

                .panel-order .panel-order-info .cart-items .list_item .items-cell-detail .items-cell-price {
                    width: 35%;
                    float: left;
                    text-align: right;
                    font-size: 12px;
                }

                    .panel-order .panel-order-info .cart-items .list_item .items-cell-detail .items-cell-price .tt-price {
                        font-weight: 600;
                        font-size: 13px;
                    }

    .panel-order .panel-order-info .orderSummary {
        padding: 10px;
    }

        .panel-order .panel-order-info .orderSummary .table {
            margin-bottom: 0;
        }

            .panel-order .panel-order-info .orderSummary .table > thead > tr > th, .panel-order .panel-order-info .orderSummary .table > tbody > tr > th, .panel-order .panel-order-info .orderSummary .table > tfoot > tr > th, .panel-order .panel-order-info .orderSummary .table > thead > tr > td, .panel-order .panel-order-info .orderSummary .table > tbody > tr > td, .panel-order .panel-order-info .orderSummary .table > tfoot > tr > td {
                padding: 8px 0;
                line-height: 12px;
                border-top: none;
            }

        .panel-order .panel-order-info .orderSummary #row_total_purchase #cell_total_purchase_label, .panel-order .panel-order-info .orderSummary #row_total_purchase #cell_total_purchase_value {
            border-top: 1px dotted #eee !important;
            padding: 8px 0;
        }

        .panel-order .panel-order-info .orderSummary #row_total_purchase td {
            line-height: 32px;
            font-weight: 700;
        }

            .panel-order .panel-order-info .orderSummary #row_total_purchase td#cell_total_purchase_value {
                font-size: 15px;
                color: #ED1A2E;
            }
/* STEP 1 */
.info-checkout .step-1 .form-info {
    padding: 42px 160px !important;
}
/* STEP 2 */
.info-checkout .step-2 .form-info {
    padding: 15px 47px !important;
}

#web_checkout .info-checkout .form-info .column-first-child {
    width: 25%;
    float: left;
}

    #web_checkout .info-checkout .form-info .column-first-child label {
        line-height: 32px;
    }

#web_checkout .info-checkout .form-info .column-last-child {
    width: 75%;
    float: left;
}

.panel-order .panel-order-info .orderSummary #row_saleOff #saleOff_label a:hover, .panel-order .panel-order-info .orderSummary #row_saleOff #saleOff_label a:focus {
    border-bottom: 1px dotted;
    color: #468ee5;
}

.panel-order .panel-order-info .orderSummary #row_saleOff #saleOff_label {
    position: relative;
}

.hint-block:before, .hint-block:after {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}

.hint-block:after {
    border-top: 10px solid #fff;
    margin-top: -2px;
    z-index: 1;
}

.hint-block.show {
    display: block;
}

.hint-block {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.14);
    display: none;
    left: -35%;
    padding: 15px;
    position: absolute;
    top: -108px;
    width: 260px;
    z-index: 500;
}

.show {
    display: block !important;
}

.hb-remove {
    background-color: transparent;
    border: medium none;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 3px;
    outline: none;
}

    .hb-remove:hover {
        color: #428bca;
    }

.scode-wrapper {
    border: 1px solid #e9e9e9;
    border-radius: 5px 0 0 5px;
    display: block;
    float: left;
    font-weight: 400;
    margin: 0;
    position: relative;
    width: 65%;
}

    .scode-wrapper input {
        background-color: #fafafa;
        border: 0 none;
        box-shadow: none !important;
        height: 40px;
        outline: 0 none !important;
    }

.scode-actions {
    float: left;
    font-weight: 600;
    width: 35%;
}

    .scode-actions .btn-sCode {
        margin-left: -1px;
        border-radius: 0 5px 5px 0;
        font-size: 12px;
        height: 42px;
        margin-left: -1px;
        margin-right: -1px;
        text-transform: uppercase;
        width: 100%;
        outline: none;
    }

.field-validation-error {
    color: red;
    display: block;
    font-size: 12px;
    margin: 55px 0 0 10px;
}

#frm-shipping {
    display: none;
}

.panel_business_VAT_info .header_VAT, .panel_payment_methods .header_PAY {
    background: #f7f7f7;
    border: 1px solid #d7d7d7;
    font-size: 15px;
    margin-bottom: -1px;
    margin-top: 15px;
    padding: 15px;
}

.panel_business_VAT_info .body_VAT {
    display: none;
}

.panel_payment_methods .header_PAY .title {
    font-weight: 700;
}

.panel_payment_methods .body_PAY ol.change-payment-method li {
    list-style: none;
}

    .panel_payment_methods .body_PAY ol.change-payment-method li label {
        font-weight: 500;
    }

    .panel_payment_methods .body_PAY ol.change-payment-method li .payment-method {
        border: 1px solid #ccc;
        overflow: hidden;
        border-radius: 4px;
        background-color: #fff !important;
    }

        .panel_payment_methods .body_PAY ol.change-payment-method li .payment-method > .thumbnail {
            float: left;
            width: 80px;
            height: 76px;
            border: none;
            border-radius: 0;
            background-color: transparent;
            margin-bottom: 0;
        }

.thumbnail > img, .thumbnail a > img {
    margin-left: auto;
    margin-right: auto;
}

.panel_payment_methods .body_PAY ol.change-payment-method li .payment-method > .description {
    float: left;
    padding: 12px 16px 12px 16px;
    width: 500px;
    border-left: 1px solid #ccc;
}

    .panel_payment_methods .body_PAY ol.change-payment-method li .payment-method > .description > .title {
        font-size: 13px !important;
        font-weight: 600;
    }

    .panel_payment_methods .body_PAY ol.change-payment-method li .payment-method > .description > .subtitle {
        font-size: 12px !important;
        color: #777;
    }

.panel_payment_methods .body_PAY ol.change-payment-method li :checked + label .payment-method {
    border-color: #0388cd;
    background-color: #fff !important;
}
/************************************** INFO ACCOUNT ***************************************/
#web_account {
    margin-top: 15px;
}

    #web_account .remove-li ul {
        list-style: none;
    }

    #web_account .dashboard-account {
        background: #f0f3f4;
        padding: 20px 0 20px 20px;
        margin-bottom: 30px;
    }

        #web_account .dashboard-account h3 {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 20px;
        }

        #web_account .dashboard-account ul li {
            border-bottom: 1px solid #d8dee0;
        }

            #web_account .dashboard-account ul li:last-child {
                border: none;
            }

            #web_account .dashboard-account ul li a {
                display: block;
                font-size: 14px;
                padding: 10px;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

                #web_account .dashboard-account ul li a i {
                    font-size: 15px;
                    width: 22px;
                }

            #web_account .dashboard-account ul li.active a, #web_account .dashboard-account ul li:hover a {
                background: #fff;
                color: #eb6841;
            }

            #web_account .dashboard-account ul li.active a {
                font-weight: 600;
            }

            #web_account .dashboard-account ul li:last-child:hover a {
                background: transparent;
                color: #eb6841;
                font-weight: 600;
            }

.info-account h3 {
    border-bottom: 1px solid #e9eef0;
    color: #2582be;
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.info-account .box-DetailInfo, .info-account .box-UserInfo {
    background: #f6f8fa;
    padding: 15px;
    margin-bottom: 8px;
}

    .info-account .box-DetailInfo p, .info-account .box-UserInfo p {
        line-height: 28px;
    }

        .info-account .box-DetailInfo p span, .info-account .box-UserInfo p span {
            font-weight: 600;
        }

    .info-account .box-UserInfo .txt_Title {
        display: inline-block;
        margin-bottom: 22px;
        width: 100%;
    }

    .info-account .box-DetailInfo .txt_Title {
        display: inline-block;
        padding-bottom: 10px;
        width: 100%;
    }

        .info-account .box-DetailInfo .txt_Title a {
            background: #fbfbfc;
            border: 1px solid #d1d5da;
            border-radius: 3px;
            float: right;
            padding: 5px 10px;
        }

            .info-account .box-DetailInfo .txt_Title a:hover {
                background: #eb6841;
                border: 1px solid #eb6841;
                color: #fff;
            }

            .info-account .box-DetailInfo .txt_Title a i {
                margin-right: 5px;
            }

    .info-account .box-UserInfo p a {
        color: #0689ba;
    }

        .info-account .box-UserInfo p a:hover {
            color: #eb6841;
        }

.info-account .subTitle {
    font-weight: 600;
    font-size: 16px;
    margin: 10px 0;
}

#web_account table.tc-text-center-head thead th, #web_account table.tc-text-center-head tfoot th, #web_account table.tc-text-center-tb tbody tr td {
    text-align: center;
    vertical-align: middle;
}

#web_account .table-bordered {
    border: 1px solid #eeeeee;
}

    #web_account .table-bordered > thead > tr > th, #web_account .table-bordered > tbody > tr > th, #web_account .table-bordered > tfoot > tr > th, #web_account .table-bordered > thead > tr > td, #web_account .table-bordered > tbody > tr > td, #web_account .table-bordered > tfoot > tr > td {
        border: 1px solid #eeeeee;
    }

    #web_account .table-bordered > thead > tr > th, #web_account .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

#web_account .table > thead > tr > td.info, #web_account .table > tbody > tr > td.info, #web_account .table > tfoot > tr > td.info, #web_account .table > thead > tr > th.info, #web_account .table > tbody > tr > th.info, #web_account .table > tfoot > tr > th.info, #web_account .table > thead > tr.info > td, #web_account .table > tbody > tr.info > td, #web_account .table > tfoot > tr.info > td, #web_account .table > thead > tr.info > th, #web_account .table > tbody > tr.info > th, #web_account .table > tfoot > tr.info > th {
    color: #1c7393;
    border-color: #88cfe9;
    background-color: #bce4f2;
}

#web_account .form-info .form-group label {
    font-weight: 600;
    margin-bottom: 5px;
}

#web_account .form-info .input-checkout {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #3d3d3d;
    height: 35px;
    padding: 6px 12px;
    transition: all 0.3s ease 0s;
    width: 100%;
}

#web_account .form-info .textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #3d3d3d;
    padding: 6px 12px;
    transition: all 0.3s ease 0s;
    width: 100%;
}

#web_account .form-info .selector {
    border: 1px solid #ccc;
    cursor: pointer;
    font-weight: 500;
    border-radius: 3px;
    height: 35px;
    margin: 0;
    padding: 0 3px;
    position: relative;
    width: 100%;
}

    #web_account .form-info .selector select {
        width: 100%;
        height: 33px;
        border: 0;
        font-weight: 500;
        color: #3d3d3d;
        padding: 0 20px 0 4px;
        background-color: #fff;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    #web_account .form-info .selector i {
        font-size: 14px;
        pointer-events: none;
        position: absolute;
        right: 10px;
        top: 9px;
        z-index: 2;
    }

#web_account.form-info .input-checkout:focus, #web_account .form-info .textarea:focus {
    border: 1px solid #eb6841;
    outline: none;
}

#web_account .form-info .input-checkout[disabled] {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}

.editUser .box-DetailInfo, .editUser .box-UserInfo, .infoBank .box-DetailInfo {
    background: transparent;
    padding: 0;
}

.resAgency ul.tabled-data {
    margin-top: 30px;
}

    .resAgency ul.tabled-data div.value {
        text-transform: none;
    }

.resAgency .noteAgency {
    background: #ddf3fa;
    color: #3d7787;
    padding: 15px;
    margin-top: 10px;
    font-weight: 600;
}

.withdrawCTV .subTitle {
    margin-top: 20px;
}

.infoOrder {
    margin-bottom: 40px;
}

    .infoOrder p {
        font-weight: 600;
    }

        .infoOrder p span {
            color: #b2b2b2;
        }

.info-account .detailOrder .box-UserInfo .txt_Title {
    margin-bottom: 10px;
}

ul.order.tabled-data li label {
    min-width: 80%;
    text-align: right;
}

ul.order.tabled-data li .value {
    text-align: right;
    min-width: 19%;
    text-transform: none;
    color: #3bafda;
    font-weight: 600;
}
/************************************** Compare ***************************************/
.product-compare {
    background: #fff;
    font-size: 12px;
    padding: 20px 30px 30px;
    width: 33.33333333%;
    float: left;
}

    .product-compare .compare-title {
        margin-bottom: 20px;
    }

        .product-compare .compare-title h1 {
            color: #666;
            float: left;
            font-size: 160%;
            font-weight: 700;
            margin-bottom: 25px;
        }

        .product-compare .compare-title a.link-print {
            background: url("../Images/print.gif") no-repeat 0 2px;
            float: right;
            font-size: 13px;
            margin: 10px 0 0;
            padding: 0 0 0 25px;
        }

.compare-table .product-name a {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
}

.product-compare .compare-table .product-shop-row .item-price {
    margin: 10px 0;
}

    .product-compare .compare-table .product-shop-row .item-price p.promo-price {
        color: #ED1A2E;
        font-size: 15px;
        font-weight: bold;
        line-height: 24px;
    }

    .product-compare .compare-table .product-shop-row .item-price span.old-price {
        color: #ccc;
        font-size: 11px;
        font-weight: bold;
        margin-left: 15px;
        position: relative;
    }

        .product-compare .compare-table .product-shop-row .item-price span.old-price:before {
            border-bottom: medium none #ccc;
            color: #ccc;
            content: "/";
            display: block;
            font-size: 16px;
            left: -12px;
            position: absolute;
            top: -6px;
        }

.product-compare .compare-table {
    border: 1px solid #e9e9e9;
    border-collapse: collapse;
    width: 100%;
}

    .product-compare .compare-table thead th, .product-compare .compare-table thead td {
        background: #efefef;
        border-bottom: 1px solid #e9e9e9;
        border-top: 1px solid #e9e9e9;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
        text-align: center;
        white-space: nowrap;
    }

    .product-compare .compare-table thead th, .product-compare .compare-table tbody th {
        background: #efefef;
        border-bottom: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
        padding: 8px 10px;
        text-align: left;
    }

    .product-compare .compare-table tbody td {
        border-bottom: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
        padding: 8px;
    }

    .product-compare .compare-table .product-shop-row td {
        text-align: center;
    }

.compare-close {
    text-align: right;
    margin-top: 10px;
}
/************************************** Back to Top ***************************************/
.bTo-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #333 url(../Images/icon-top.png) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

    .bTo-top.bTo-is-visible, .bTo-top.bTo-fade-out, .no-touch .bTo-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }

.no-touch .bTo-top:hover {
    background-color: #e86256;
    opacity: 1;
}

.bTo-top {
    border-radius: 50%;
    bottom: 170px;
    height: 40px;
    right: 10px;
    width: 40px;
}

    .bTo-top:hover {
        background-color: #ED1A2E;
    }

.menumobile_scroll {
    display: inline-block;
    height: 80px;
    width: 40px;
    position: fixed;
    bottom: 220px;
    right: 16px;
    opacity: 0;
    z-index: 999999;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

    .menumobile_scroll > span {
        display: block;
        font-size: 30px;
        text-align: right;
        z-index: 999999;
    }

        .menumobile_scroll > span:hover {
            color: #ED1A2E;
        }

.bTo-is-visible {
    visibility: visible;
    opacity: 1;
}

.bTo-fade-out {
    opacity: .5;
}
/* pagination */
.pagination-block {
    display: block;
    text-align: right;
}

    .pagination-block .page-numbers {
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        display: inline-block;
        color: #656c76;
        font-size: 15px;
        font-weight: 600;
        border: 1px solid #e9eef6;
        border-radius: 0;
        margin: 0 3px;
        padding: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        border-radius: 8px;
    }

        .pagination-block .page-numbers i {
            font-size: 12px;
        }

#div-paging {
    width: 100%;
    text-align: right;
    clear: both;
}

.pagination-block .page-numbers.current,
.pagination-block .page-numbers:hover {
    background: #31954C;
    color: #fff;
}

.page_enabled, .page_disabled {
    display: inline-block;
    height: 30px;
    min-width: 40px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #dddddd;
    font-size: 15px;
    background: #fff;
    margin-right: 3px;
}

    .page_enabled:hover {
        background: #f5f5f5;
    }

.page_enabled {
    background: #fff;
}

.page_disabled {
    background: #fff;
    color: #f00 !important;
}
/*--Cart--*/
.hotline {
    float: left;
    width: calc(100% - 90px);
    margin-top: 10px;
    text-align: right;
}

    .hotline .hl_txt_1 {
        font-size: 16px;
    }

.hl_txt_1 {
    color: #ed1c24;
    font-size: 18px;
    display: block;
    font-weight: bold;
}

.hl_txt_2 {
    font-size: 14px;
    color: #636363;
    line-height: 20px;
    display: block;
}


.cart-l {
    cursor: pointer;
}

.cart-detail {
    left: auto !important;
    right: 0 !important;
    position: fixed !important;
    z-index: 9999;
    top: 0 !important;
    bottom: 0 !important;
    width: 300px;
    background-color: whitesmoke;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    padding: 5px 15px 15px;
    -ms-transform: translateX(300px) !important;
    transform: translateX(300px) !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

    .cart-detail.show {
        transform: translate(0, 0) !important;
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    .cart-detail h3 {
        text-align: center;
        margin: 0;
        font-size: 18px;
        text-transform: uppercase;
        color: #e74c3c;
    }

    .cart-detail .cart-quantity {
        margin-left: 20px;
        font: normal 13px Arial;
    }

    .cart-detail .cart-price {
        color: #f00;
        font: normal 13px Arial;
    }

    .cart-detail .cart-close {
        display: block;
        position: absolute;
        background: url(../images/close-popup.png);
        width: 33px;
        height: 32px;
        right: -5px;
        top: -5px;
        text-indent: -10000px;
        z-index: 9999;
    }

    .cart-detail table {
        width: 100%;
    }

        .cart-detail table tr th span {
            font-size: 13px;
            color: #555;
        }

    .cart-detail .cart-payment {
        background-color: #FF7300 !important;
        color: #fff;
        border: none;
        padding: 5px 10px;
        font-size: 15px;
        border-radius: 4px;
        width: 100%;
        display: inherit;
        text-transform: uppercase;
        font-weight: bold;
    }

        .cart-detail .cart-payment:hover {
            outline: none;
            opacity: 1;
            color: #fff;
            box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
        }

.cr-title {
    color: #4757a3;
    text-align: left;
    padding-left: 3px;
    padding-right: 2px;
}

.cr-drop {
    cursor: pointer;
    text-align: center;
}

.cr-qty {
    font: 11px arial !important;
}

.cr-sum {
    color: #333;
    font: bold 13px arial !important;
    text-align: right;
    padding: 5px 10px 0px 0px;
    margin-bottom: 5px;
}

    /*.cart-detail .bt-dathang {
    float: right;
    margin-top: 10px;
}*/

    .cr-sum span {
        font-weight: normal;
    }

.cart-l {
    height: 44px;
    float: left;
}

.cart p {
    margin-bottom: 0px;
    font-size: 13px;
    height: 100%;
    line-height: 30px;
}

.cart-l p {
    margin-top: 3px;
    height: 40px;
    padding-left: 5px;
    text-align: left;
}

    .cart-l p span {
        color: #ED1A2E;
        margin: 0px 5px;
    }

.cart-r {
    height: 100%;
    line-height: 44px;
}

    .cart-r p {
        margin-bottom: 0px;
        text-align: right;
        padding-right: 20px;
        font-size: 13px;
    }

        .cart-r p span {
            color: #f17701;
            font: bold 18px arial;
        }

.cart-info-title {
    color: #f00;
    font-size: 15px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    margin-bottom: 15px;
}

.head-cart-right {
    background: #f5f5f5;
    color: #02112b;
    font-weight: bold;
}

#cart_right {
    position: fixed;
    right: 1px;
    padding: 5px 0px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 1px #ED1A2E;
    -moz-box-shadow: 0 0 1px #ED1A2E;
    -webkit-box-shadow: 0 0 1px #ED1A2E;
    top: 30px;
    width: 260px;
    background: #FFF;
    z-index: 9999;
}

    #cart_right:hover {
        box-shadow: 0 0 6px #ED1A2E;
        -moz-box-shadow: 0 0 6px #ED1A2E;
        -webkit-box-shadow: 0 0 6px #ED1A2E;
    }

    #cart_right h4 {
        color: #1456A4;
        font-size: 13px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 3px;
    }

    #cart_right p.right-cart-info, #cart_right .right-cart-total {
        margin-top: 3px;
        height: 40px;
        padding-left: 10px;
        font: bold 12px arial;
    }

    #cart_right p span {
        color: #9f0401;
        margin: 0px 5px;
        text-transform: uppercase;
    }

    #cart_right .cart_total_quantity, #cart_right .cart_total_price {
        padding-right: 15px;
        color: #666666;
        font-weight: normal;
        font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
        font-size: 12px;
    }

#list-detail-right tr th {
    border: 1px solid #e7e7e7;
    border-left: 0px solid #e7e7e7;
}

#list-details tr th {
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
}

.img-cart-product {
    width: 50px;
    height: 50px;
    margin: 7px 10px 0 0;
    float: left;
}

#list-cart-detail tbody tr, #list-cart-detail tfoot tr, #view-cart-detail tbody tr, #view-cart-detail tfoot tr, #review-customer-info tbody tr, #review-customer-info tfoot tr {
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 10px;
}

#view-cart-detail tbody tr, #view-cart-detail tfoot tr {
    height: 25px;
    line-height: 25px;
}

#view-cart-detail {
    clear: both;
    width: 100%;
}

.fixed {
    position: fixed;
    top: 5px;
    z-index: 20;
}

.like-share {
    width: 100%;
    float: left;
}
/*---sản phẩm cùng màu---*/
.multi_color {
    margin-top: 3px;
}

    .multi_color ul {
        display: inline-block;
        width: 100%;
    }

        .multi_color ul li {
            float: left;
            display: block;
            padding: 3px;
            width: 33.33333333333%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
            /*.multi_color ul li:nth-child(3n) {
     padding-right:0;
}
*/
            .multi_color ul li:hover a {
                border: 1px solid #dfdfdf;
            }

            .multi_color ul li a {
                float: left;
                width: 100%;
                height: 100%;
                margin-right: 10px;
                border: 1px dotted #fff;
            }

                .multi_color ul li a img {
                    width: 100%;
                    height: 100%;
                }

                .multi_color ul li a.active {
                    border: 1px solid #ED1A2E;
                }
/* Thông tin khách hàng*/
.hidden-table {
    display: none;
    visibility: hidden;
}

.customer-info input[type="text"] {
    width: 270px;
    margin: 3px;
    border: 1px solid #D5D5D5;
    font-family: tahoma;
    background-color: #FFFFFF;
}

.customer-info td {
    font-size: 12px;
    color: #222;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}

.customer-info .checkout_error {
    padding-left: 8px;
    font-size: 11px;
}

.customer-info .error {
    background-color: yellow;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px;
    margin-left: 2px;
}
/*--------*/
.bt-dathang {
    border: 1px solid rgb(74, 86, 120);
    background: #2457aa;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
}

    .bt-dathang:hover {
        background-color: #ED1A2E;
        border-color: #ED1A2E;
    }

.form-line {
    position: relative;
}

    .form-line * {
        display: inline-block;
    }
/* khach hang tontai trong he thong */
.customer-exists-info input[type="text"] {
    margin: 0;
    padding: 3px;
    border: 1px solid #e9eef6 !important;
    background-color: #FFFFFF;
    font-size: 14px;
    border-radius: 0;
}

.customer-exists-info input.form-control {
    height: 35px;
}

.customer-exists-info .form-group label {
    margin-bottom: 2px;
}

.customer-exists-info textarea.form-control {
    height: 106px;
}

.customer-exists-info .form-group {
    margin-bottom: 10px;
}

#list-cart-detail .quantity {
    display: table-cell;
}

.customer-exists-info textarea, .customer-exists-info select {
    border-radius: 0;
    border: 1px solid #e9eef6 !important;
}

.customer-exists-info td {
    color: #222;
    font-size: 14px;
}

.customer-exists-info .checkout_error {
    padding-left: 8px;
    font-size: 11px;
}

.customer-exists-info .error {
    background-color: yellow;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
    margin-left: 2px;
}

.customer-exists-info .name input[type='radio'] {
    padding: 0;
    margin: 0;
    margin-bottom: 3px;
}

.customer-exists-info .name label {
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    color: #005580;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.customer-info thead th, .customer-exists-info thead th, #view-cart-detail thead th, #view-cart-detail tfoot td {
    padding: 2px;
    font-weight: 700;
    font-size: 13px;
}




.show-cart-info, .show-customer-inf {
    padding-left: 5px;
    background: #f3f3f3;
}

.product-info {
    border: solid 1px #cccccc;
    padding: 5px 2px;
}

.main-cart-content {
    background: #f3f3f3;
    padding: 15px;
}

.label_intro {
    font-size: 16px;
    font-weight: bold;
    line-height: 29px;
}

.checkout-success-label {
    margin-bottom: 10px;
    font-weight: bold;
    color: #009D4E;
    border-bottom: 1px solid #e5e5e5;
}

#review-customer-info td {
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 12px;
}

#review-customer-info {
    width: 100%;
    display: block;
    margin-left: 10px;
}

.cart-info-title {
    color: #009D4E;
    font-size: 15px;
    margin-bottom: 15px;
}

.table-list-card-detail tr td {
    border: 1px solid #cccccc;
}

    .table-list-card-detail tr td.promotion {
        text-align: center;
    }

.table-list-card-detail tr th {
    border: 1px solid #cccccc;
    background: #2457aa;
    color: #fff;
}


/*--slide bottom--*/
.se_title {
    margin: 10px 0;
    color: #55AE50;
    font-size: 17px;
    vertical-align: top;
    font-weight: bold;
    float: left;
    width: 765px;
}

.titlePlacement {
    background-color: #f5f5f5;
    float: left;
    padding-right: 10px;
    margin-top: -8px !important;
}

.greenLineHeader {
    background-color: #55AE50;
    height: 4px;
    margin-top: 0px !important;
    margin-top: 16px;
}

.greenBar {
    color: #55AE50;
    display: inline;
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
}

div.scrollingHotSpotLeft {
    min-width: 75px;
    width: 10%;
    height: 100%;
    background-image: url(../images/slider/big_transparent.gif);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    left: 0;
    cursor: w-resize;
}

div.scrollingHotSpotLeftVisible {
    background-image: url(../images/slider/arrow_left.gif);
    background-color: #fff;
    background-repeat: no-repeat;
    opacity: 0.35;
    -moz-opacity: 0.35;
    filter: alpha(opacity = 35);
    zoom: 1;
    display: block !important;
}

div.scrollingHotSpotRight {
    min-width: 75px;
    width: 10%;
    height: 100%;
    background-image: url(../images/slider/big_transparent.gif);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    right: 0;
    cursor: e-resize;
}

div.scrollingHotSpotRightVisible {
    background-image: url(../images/slider/arrow_right.gif);
    background-color: #fff;
    background-repeat: no-repeat;
    opacity: 0.35;
    filter: alpha(opacity = 35);
    -moz-opacity: 0.35;
    zoom: 1;
    display: block !important;
}

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

div.scrollableArea {
    position: relative;
    min-width: 100%;
    height: 100%;
    display: block;
}

.makeMeScrollable {
    width: 100%;
    height: 145px;
    float: left;
    position: relative;
    border: 1px solid #ededed;
    margin: 10px 0;
    background: #fff;
    padding: 10px 5px;
}

    .makeMeScrollable div.scrollableArea .itemScroll {
        float: left;
        margin: 0;
        padding: 0;
        margin-right: 15px;
        height: 120px;
    }

        .makeMeScrollable div.scrollableArea .itemScroll a {
            cursor: pointer;
            display: inherit;
            line-height: 20px;
        }

.itemScroll .s-left {
    float: left;
}

.itemScroll .s-right {
    position: relative;
    float: left;
    margin-left: 8px;
    max-width: 150px;
    height: 100%;
    font-size: 13px;
    text-align: justify;
}

    .itemScroll .s-right p {
        margin: 0;
        line-height: 20px;
    }

        .itemScroll .s-right p span {
            font-weight: 600;
        }

    .itemScroll .s-right .n-name {
        font: bold 13px Arial;
        color: #333;
    }

        .itemScroll .s-right .n-name:hover {
            color: #ED1A2E;
        }

    .itemScroll .s-right .date-news {
        position: absolute;
        bottom: 0;
        right: 0;
        color: #9c9c9c;
        font-size: 12px;
    }

.makeMeScrollable div.scrollableArea .itemScroll img.img-news {
    max-width: 150px;
    max-height: 118px;
    min-height: 100px;
    border: 1px solid #ededed;
}
/*---*/
h1.article-title {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 31px;
    font-weight: 600;
    color: #666;
}

h3.sb-title {
    background: #31954C;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 2px 10px;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 20px;
    height: 55px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-transform: capitalize;
    line-height: 55px;
}

.widget ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.widget-popular-posts .list-item > li:last-child {
    margin-bottom: 0;
    border: none;
}

.widget-thumb, .widget-content {
    float: left;
}

.widget-thumb {
    margin-right: 15px;
    width: 100px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
}

    .widget-thumb img {
        width: 100%;
        height: 100%;
    }


.widget-content > .wg-title {
    margin: 0;
}

.wg-title {
    line-height: 20px;
    font-size: 15px;
}

    .wg-title a {
        color: #444;
    }

        .wg-title a:hover {
            color: #ED1A2E;
        }

.widget-content {
    width: calc(100% - 115px);
}

    .widget-content.no_image {
        width: 100%;
    }

article.list-article {
    border-bottom: 3px solid #f4f4f4;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

figure > .box-2-col > .box-inner {
    margin: 0 0 0 15px;
}

    figure > .box-2-col > .box-inner .title-bg {
        margin: 0 0 6px;
    }

article.list-article .thumbnail {
    box-shadow: 4px 4px 0 0 rgba(0,0,0,0.2);
    padding: 0;
    border-radius: 5px;
    border: 1px solid #f4f4f4;
}

    article.list-article .thumbnail img {
        min-height: 130px;
    }

    article.list-article .thumbnail:hover {
        box-shadow: 3px 2px 0 0 rgba(0, 0, 0, 0.15);
        opacity: 0.85;
    }

.list-article .news-source {
    text-align: right;
    width: 50%;
}

.news-ext {
    display: flex;
    font-size: 13px;
}

    .news-ext .share_link {
        border: none;
        padding: 0;
        width: 50%;
    }


.link-details {
    background: #00aba5 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff !important;
    left: 548px;
    padding: 5px 10px;
}

    .link-details:hover {
        background: #4dc4c0 none repeat scroll 0 0;
    }

.article-details .post-summary-header {
    clear: both;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

    .article-details .post-summary-header ul.post-data {
        margin: 8px 0;
    }

.list-news-other article.list-article {
    border-bottom: medium none;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
}

    .list-news-other article.list-article > figure {
        border-bottom: 1px solid #d5d5d5;
        margin: 0 30px 15px;
        padding-bottom: 15px;
    }

        .list-news-other article.list-article > figure:nth-child(2n+1) {
            margin-left: 0;
        }

        .list-news-other article.list-article > figure:nth-child(2n+2) {
            margin-right: 0;
        }

.ip-group label, label[for="name"], label[for="email"], label[for="url"], label[for="message"] {
    clip: rect(0px, 0px, 0px, 0px);
    position: absolute;
}

.ip-group .ip-text, .textarea {
    position: relative;
}

.name-missing, .email-missing, .phone-missing, .message-missing {
    font-size: 12px;
    opacity: 0;
    position: absolute;
    top: -18px;
}

.textarea textarea, #message {
    width: 100%;
}


.widget-search .elm-form-group {
    float: left;
    width: calc(100% - 37px);
}

    .widget-search .elm-form-group input.form-control {
        margin-bottom: 0;
        width: 100%;
    }

    .widget-search .elm-form-group label {
        clip: rect(0px, 0px, 0px, 0px);
        position: absolute;
    }

.widget-search .form-group {
    position: relative;
}

.widget-search .search-btn {
    background: #4dc4c0 none repeat scroll 0 0;
    padding: 8px 12px;
}

.widget-categories .box-inner {
    margin: 0 0 0 15px;
}

.widget-categories .list-item > li > a {
    display: block;
    padding: 8px 0;
}


.widget-categories .list-item > li {
    list-style: none;
}

    .widget-categories .list-item > li:first-child {
        padding-top: 0;
    }

.widget-popular-posts .list-item {
    margin-top: 0px;
    padding: 10px 25px;
}

    .widget-popular-posts .list-item > li {
        float: left;
        width: 100%;
        margin: 10px 0px;
        padding: 0px;
    }

        .widget-popular-posts .list-item > li p {
            color: #6c6c6c;
            font-size: 12px;
            margin-top: 4px;
            text-align: justify;
        }

        .widget-popular-posts .list-item > li a.read-more {
            color: #ED3C2A;
            font-size: 12px;
            margin-top: 4px;
        }


.widget-news-search {
    color: #282828 !important;
    border: 1px solid #e7e7e7;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    border-radius: 10px;
    padding: 25px;
}

    .widget-news-search form {
        display: block;
        position: relative;
    }

    .widget-news-search input:focus {
        -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
        box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
        outline: 0;
        border: 1px solid #e7e7e7;
    }

    .widget-news-search input {
        color: #B0B0B0 !important;
        border: 1px solid #e7e7e7;
        position: relative;
        width: 100%;
        height: 39px;
        border-radius: 10px;
        margin: 0;
        color: #999;
        webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    }

    .widget-news-search a.btn2-search {
        color: #B0B0B0 !important;
        height: 39px;
        width: 39px;
        top: 33px;
        right: 18px;
        border: none;
        color: #999;
        position: absolute;
    }

.wg-details {
    font-size: 12px;
}

.widget-ads {
    margin: 15px 0;
}


#map {
    height: 250px;
    width: 100%;
}

.text-left {
    text-align: left !important;
}

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

#service-cleaning {
    margin-top: -58px;
    position: relative;
    z-index: 999;
}

.info-clean-36 {
    background: #4dc4c0 none repeat scroll 0 0;
    color: #fff;
}

.wrapper-clean {
    padding-top: 24px;
}

.padding-clean {
    padding: 40px 0 25px 80px;
}

.icon-clean i {
    font-size: 45px;
    margin: 0 18px 0 0;
}

.box-clean i {
    font-size: 60px;
    margin-bottom: 20px;
}

.box-clean p {
    font-size: 20px;
}

.clean-inner h3, .box-clean h3 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
    text-transform: uppercase;
}

.clean-inner p {
    font-size: 13px;
    margin: -5px 0 30px;
}

.info-clean-28 {
    background: rgba(0, 0, 0, 0) url("../Images/info-clean.png") no-repeat scroll 0 0;
    color: #fff;
    height: 196px;
    margin-top: -30px;
    overflow: hidden;
    text-align: center;
    width: 327px;
}

.entry-hot-title {
    width: 100%;
}

    .entry-hot-title h3 {
        color: #5f5f5f;
        font-size: 22px;
        margin-top: 0;
        margin-bottom: 10px;
        text-align: center;
        text-transform: uppercase;
    }

    .entry-hot-title p {
        color: #979797;
        font-size: 14px;
        font-style: italic;
        margin: -22px 0 35px;
        text-align: center;
    }

#feature-container {
    background-image: url("../Images/bg-thim-clean.png");
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 0;
}

.thim-lean .thim-icon {
    background-color: #172b41;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    height: 70px;
    line-height: 70px;
    margin-bottom: 15px;
    text-align: center;
    width: 70px;
}

.thim-lean:hover .thim-icon {
    background: #4dc4c0 none repeat scroll 0 0;
    color: #172b41;
}

.thim-lean p {
    padding-top: 10px;
}

.thim-left {
    margin-left: 15px;
}

.thim-right {
    margin-right: 15px;
}

.empty-space {
    clear: both;
    height: 65px;
}

.padding-thim, .img-thim-clean img {
    padding: 0 15px;
}

.text-thim-right p {
    text-align: right;
}

#more-service-cleaning {
    padding: 40px 0;
}

.item-cleaning {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}

    .item-cleaning:nth-child(2), .item-cleaning:nth-child(3), .item-cleaning:nth-child(4), .item-cleaning:nth-child(6), .item-cleaning:nth-child(7), .item-cleaning:nth-child(8) {
        margin-right: 30px;
    }

.item-hover {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

    .item-hover h4 a {
        color: #fff;
        display: block;
        line-height: 20px;
        font-size: 20px;
        margin: 30px 30px 0;
        text-transform: uppercase;
        transform: translate3d(0px, 250%, 0px);
        transition: transform 0.35s ease 0s;
        z-index: 2;
    }

.mark {
    background: rgba(23, 43, 66, 0.8) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    width: 100%;
    z-index: 1;
}

.item-hover h4 a:hover {
    color: #4dc4c0;
}

.item-cleaning:hover .item-hover h4 a {
    position: absolute;
    transform: translate3d(0px, 100%, 0px);
    z-index: 2;
}

.item-cleaning:hover .mark {
    opacity: 0.6;
    position: absolute;
    transform: scale(1);
    z-index: 1;
}

.read-more {
    margin-top: 20px;
}

    .read-more a {
        background: #395562 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        padding: 6px 16px;
    }

        .read-more a:hover {
            background: #ED1A2E none repeat scroll 0 0;
        }

.main-content {
    padding-bottom: 30px;
}

.title-bg {
}

/*********** Three Post news ***********/
.dt-sc-one-third {
    width: 32%;
    float: left;
}

    .dt-sc-one-third:nth-child(2n+1) {
        margin: 0px 1%;
    }

.blog-entry {
    width: 100%;
    margin: 0px 0px 60px;
    padding: 0px 0px 40px;
    float: left;
    clear: both;
    background: url(../Images/splitter.png) bottom repeat-x;
    position: relative;
}

.blog-entry-inner {
    padding: 0px 0px 0px 80px;
    min-height: 155px;
}

.entry-meta {
    width: 58px;
    border: 1px solid #ededed;
    text-align: center;
    position: absolute;
    left: 0;
    padding: 10px 0px 0px;
}

    .entry-meta .entry_format {
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
        text-decoration: inherit;
        border-radius: 3px;
        height: 32px;
        position: relative;
    }

    .entry-meta .date {
        border-top: 1px solid #ededed;
        padding: 10px 0px 0px;
        margin: 10px 0px 0px;
        color: #acacac;
    }

        .entry-meta .date p {
            line-height: 20px;
        }

    .entry-meta .comments {
        border-bottom: 3px solid #00aba5;
        display: block;
        color: #ffffff;
        padding: 5px 0px;
        border-radius: 0px 0px 5px 5px;
        background: #4dc4c0;
    }

.entry-thumb {
    display: block;
    padding: 0px 0px 15px;
}

    .entry-thumb img {
        max-width: 100%;
        height: auto;
    }

.entry-details .read-more.dt-sc-button.small {
    padding: 11px 15px;
    font-size: 12px;
    color: #4dc4c0;
}

.entry-details .dt-sc-button {
    background: #ffffff;
}

.entry-details .read-more {
    position: absolute;
    right: 0px;
    bottom: -15px;
}

.dt-sc-button {
    line-height: normal;
    display: inline-block;
    margin: 10px 0px 0px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    outline: none;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    border: 1px solid #4bbcd7;
}

a.read-more:hover {
    text-decoration: underline;
}

.widget ul > li > a:hover {
}

.thumbnail, .sidebar .list-item > li > a {
    transition: all 0.2s linear 0s;
}

.sidebar {
    margin-bottom: 10px;
}

.col-left {
    float: left;
}
/*menu ---------- border: 1px solid #ffb319;
*/
ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a {
    color: #ED1A2E;
}

ul.oe_menu div.group_parent {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    border: 1px solid #eee;
    padding: 0;
    float: left;
    width: 855px;
    height: 100%;
}

.web-categories-nav .content ul.nav-list div.group_parent li:hover {
    background: none !important;
}

ul.oe_menu div ul li a {
    padding: 8px 15px !important;
    text-decoration: none;
    margin: 1px;
    display: block !important;
}

ul.oe_menu div ul.oe_full {
    width: 100%;
}

ul.oe_menu li a {
    list-style: none;
    min-width: 100px;
}

li.oe_heading {
    color: #ED1A2E;
    margin-bottom: 5px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
    float: none !important;
    font: normal 17px 'UTMCafetaRegular';
}

div.oe_menu_detail {
    width: 100%;
    height: 100%;
}

.oe_menu_detail li {
    float: left !important;
    display: inline-block !important;
    width: 100%;
    border: 0 !important;
    padding-left: 0 !important;
}

    .oe_menu_detail li:last-child {
        border-bottom: 0 !important;
    }

    .oe_menu_detail li a {
        border: none !important;
    }

        .oe_menu_detail li a:hover {
            border: none !important;
            color: #ED1A2E;
        }

        .oe_menu_detail li a i {
            margin-right: 0 !important;
        }
/*******/
.all-category {
    padding: 0;
}

    .all-category .oe_menu_detail ul {
        width: 100% !important;
        display: contents;
    }

        .all-category .oe_menu_detail ul li {
            width: 33.333% !important;
            line-height: 25px;
            font-size: 13px;
        }
/*******/
.lh-categories li {
    float: left;
    width: 100%;
}

    .lh-categories li a.head {
        font-weight: 600;
        color: #0e55a5;
        font-size: 12px;
    }

    .lh-categories li .item {
        float: left;
        width: 100%;
        margin: 5px 0 10px 0;
    }

        .lh-categories li .item a {
            color: #005ec8;
            font-size: 12px;
            width: 33.33%;
            display: inline-block;
        }

    .lh-categories li a:hover {
        color: #ED1A2E !important;
    }
/*-----*/
.footer-top h3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3;
    color: #333;
    text-transform: uppercase;
    margin: 15px 0;
}

.footer-top p {
    margin-bottom: 5px;
}
/*----Slide Menu----*/
.carousel-ctr {
    position: absolute;
    top: 45%;
    left: -5px;
    width: 30px;
    height: 40px;
    font-size: 40px;
    font-weight: 100;
    line-height: 30px;
    color: #f0f0f0;
    text-align: center;
    filter: alpha(opacity=50);
    z-index: 90;
}

#homecus .carousel-ctr {
    top: 33%;
}

.carousel-ctr.right {
    left: auto;
    right: -5px;
}

.carousel-ctr:hover, .carousel-ctr:focus {
    color: #f00;
    text-decoration: none !important;
}

.enterprise-rightContent {
    text-align: left !important;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .enterprise-rightContent .rc12 {
        border-image: none;
        color: #282828 !important;
        padding: 5px;
        border: 1px solid #e7e7e7;
        border-top: 0;
        padding-top: 10px;
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }

.widget-container {
    color: #282828 !important;
    border: 1px solid #e7e7e7;
    border-top: 0;
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .widget-container::after {
        display: block;
        content: ' ';
        width: 100%;
        height: 1px;
        clear: both;
    }


.widget-support {
    margin-bottom: 10px;
}

    .widget-support li {
        font-size: 20px;
        padding: 15px;
        border-bottom: 1px solid #e7e7e7;
        font-weight: 600;
    }

        .widget-support li:last-child {
            border-bottom: 0;
        }



    .widget-support .vip-row {
        display: inline-block;
        padding: 10px 0;
        width: 95%;
        background-image: url(../images/broker_line_bg.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        color: #333 !important;
        margin: 6px;
        font-size: 14px;
        line-height: 20px;
        position: relative;
    }

        .widget-support.vip-row p {
            margin-bottom: 5px;
            line-height: 18px;
        }

            .widget-support .vip-row p.p-support {
                position: absolute;
                bottom: 5px;
                text-align: center;
                width: 100%;
            }

.widget-supportt .vip-row:last-child {
    background-image: none;
}

.widget-support .vip-row .avatar {
    float: left;
    height: 101px;
    background: url(../images/broker_avatar_bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    margin-right: 10px;
    overflow: hidden;
}

    .widget-support .vip-row .avatar a {
        border: 1px solid #d6cccb;
        width: 100px;
        height: 100px;
        display: block;
        overflow: hidden;
        position: relative;
    }

    .widget-support .vip-row .avatar img {
        width: 100px;
        min-height: 100px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        float: left;
    }

.colorbold, .colorboldblue {
    color: #282828;
    font-weight: 600;
    font-size: 16px;
}

.linktoall {
    background-image: url(../images/broker_view_all.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 30px;
    display: block;
    clear: both;
    text-decoration: none;
    color: #848484;
    position: absolute;
    bottom: 8px;
    left: 10px;
    font-size: 12px;
    font-style: italic;
}

.fone {
    color: #e70404;
    line-height: 20px;
}
/*-----*/
.ul-blog-loaihang li {
    width: 33.33333%;
    float: left;
    padding: 20px 15px;
    background-image: url(../images/broker_line_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
}

    .ul-blog-loaihang li:last-child, .ul-blog-loaihang li:nth-last-child(2), .ul-blog-loaihang li:nth-last-child(3) {
        background: none;
    }

    .ul-blog-loaihang li img {
        -moz-transition: all 0.2s linear 0s;
        -webkit-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
        -moz-box-shadow: 0 0 15px #dfdfdf;
        -webkit-box-shadow: 0 0 15px #dfdfdf;
        box-shadow: 0 0 15px #dfdfdf;
    }

        .ul-blog-loaihang li img:hover {
            -moz-transform: scale(0.95);
            -webkit-transform: scale(0.95);
            transform: scale(0.95);
        }
/*----*/
.home-branch-wrapp {
    padding-left: 20px;
    max-height: 355px;
    overflow: hidden;
}

#home-branch .owl-stage-outer {
    border: none !important;
}

#home-branch .owl-nav {
}

#home-branch .owl-carousel.clickable .owl-nav div {
    opacity: 1;
    color: #fff;
}

#home-branch .owl-dots {
    width: 100%;
    height: 10px;
    display: none;
}

#home-branch .owl-dot {
    height: 10px;
    width: 50px;
    background: rgb(255 255 255 / 11%);
    margin-right: 10px;
    float: left;
    border-radius: 10px;
}

#home-branch li {
    padding: 0 15px;
    text-align: center;
    width: 33.33%;
    float: left;
    margin-bottom: 15px;
}

    #home-branch li a {
        display: block;
        position: relative;
        height: 80px;
        background: #fff;
    }

        #home-branch li a:hover {
            border: 1px solid red;
        }

    #home-branch li img {
        width: auto !important;
        height: 100%;
        display: inherit;
        padding: 10px;
        margin: 0 auto;
    }
/*---Đăng ký thành viên---*/
#registerAccount {
    border-radius: 6px;
    border: 1px solid #bfbfbf;
    width: 600px;
    margin: 30px auto;
    -moz-box-shadow: 0 0 5px 0px #bfbfbf;
    -webkit-box-shadow: 0 0 5px 0px #bfbfbf;
    box-shadow: 0 0 5px 0px #bfbfbf;
}

#headerTitle {
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0;
    margin-top: 10px;
}

.accountInfo {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#headerTitle h2 {
    font-size: 23px;
    font-weight: bold;
    color: #00853c;
    margin-left: 30px;
}

#headerTitle img {
    vertical-align: middle;
}

.accountInfo table tr td input[type="text"], .accountInfo table tr td input[type="password"] {
    width: 300px;
    border: 1px solid #CCCCCC;
    color: #666666;
    height: 41px;
    border-radius: 5px;
    font-size: 16px;
    padding: 5px;
}

.accountInfo table tr td select {
    width: 115px;
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}

.accountInfo table tr td {
    padding: 4px;
    font-size:14px;
}

    .accountInfo table tr td textarea {
        width: 360px;
        border: 1px solid #CCCCCC;
        border-radius: 5px;
        padding: 5px;
        font: 13px Arial;
    }

.colorblue {
    color: #00853c;
}

.captcha-imei {
    background: #fff0;
    width: 70px;
    border: none;
    text-shadow: 2px 18px 4px #FF0000;
    padding: 5px;
    text-align: center;
    font-size: 18px;
    cursor: default !important;
    letter-spacing: 8px;
    color: #31954c;
}

.button-register {
    margin-top: 10px;
    border: none;
    border-radius: 5px;
    color: #FFFFFF !important;
    font-size: 20px !important;
    background: url('../Images/bgdangky.jpg') no-repeat;
    color: #fff !important;
    width: 174px;
    height: 49px;
    font-weight: bold;
}
/*-------*/
.control {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size:14px;
    margin-right: 10px;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: -1px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #2aa1c0;
}

.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
    background: #0e647d;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

    .select select {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 10px 15px;
        outline: 0;
        border: 0;
        border-radius: 0;
        background: #e6e6e6;
        color: #7b7b7b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        .select select::-ms-expand {
            display: none;
        }

        .select select:hover, .select select:focus {
            color: #000;
            background: #ccc;
        }

        .select select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }

.select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent;
}

.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {
    border-top-color: #000;
}

.select select:disabled ~ .select__arrow {
    border-top-color: #ccc;
}
/*----popup----*/
.popup {
    position: relative;
    display: none;
    background-color: #fff;
    color: #111;
    display: none;
    padding: 0 40px;
    border: 1px solid #676767;
    box-shadow: 0 0 15px #676767;
}

.popup-bg {
    width: 620px;
    min-height: 370px;
    border-radius: 6px;
    padding: 10px 0;
    background: #f7f7f7;
    padding: 10px;
}

.popup-ton-kho {
    width: 600px;
    min-height: 200px;
    max-height: 500px;
    padding: 0 20px;
    z-index:999999;
}

.popup-member {
    width: 694px;
    height: 480px;
    background: #fff url(../images/popup-member.jpg) no-repeat center 0%;
}

#formThemMoi {
    width: 400px;
    height: 192px;
}

.body-themmoiBG {
    padding: 5px 10px;
    margin: 0;
}

    .body-themmoiBG input[type='text'] {
        width: 100%;
        margin: 0px;
        margin-bottom: 5px;
    }

    .body-themmoiBG input[type='button'] {
        padding: 6px 10px;
        border-radius: 4px;
    }

#bodyMember {
    margin-top: 150px;
    margin-left: 50px;
    width: 350px;
}

    #bodyMember ul li {
        margin-bottom: 10px;
        padding-left: 10px;
        background: url("../images/bullet-4.png") no-repeat 0 9px;
        font: bold 18px Arial;
    }

.popup-detail {
    width: 740px;
    height: 550px;
    padding: 0px 25px;
}

.popup a.popup-close {
    display: block;
    position: absolute;
    background: url(../images/close-popup.png);
    width: 33px;
    height: 32px;
    right: -10px;
    top: -10px;
    text-indent: -10000px;
    z-index: 9999;
}

#bodyLogin {
    margin-top: 150px;
    width: 400px;
}

    #bodyLogin table {
        margin-left: 50px;
    }

#bodyBaoGia h4 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400 !important;
    font-family: Roboto-Medium,sans-serif;
    padding: 5px 5px 10px 40px;
    margin: 0 !important;
    position: relative;
}

    #bodyBaoGia h4:before {
        content: '';
        position: absolute;
        left: 7px;
        top: 3px;
        background-image: url(../images/spritesheet.png);
        background-repeat: no-repeat;
        display: block;
        width: 22px;
        height: 20px;
        background-position: -459px -360px;
    }

#bodyBaoGia ul li {
    background: #428bca;
    border-right: 1px solid #fff;
    text-align: center;
    padding: 5px 2px;
    color: #fff;
    float: left;
}

.end-link {
    margin-top: 130px;
}

    .end-link p {
        margin-bottom: 0;
        font-size: 13px;
    }

        .end-link p a {
            color: #0073cd;
            text-decoration: underline;
        }

.popup-err {
    width: 600px;
    height: 480px;
    font-size: 13px;
}

    .popup-err table {
        width: 100%;
        margin-top: 10px;
    }

    .popup-err h3 {
        font-size: 24px;
        margin-top: 10px;
    }

    .popup-err .box {
        border: 1px dashed #ddd;
        height: 100px;
        padding: 10px 10px 10px 160px;
    }

        .popup-err .box .left-img {
            float: left;
            width: 100px;
            margin-left: -150px;
            padding-right: 15px;
            border-right: 1px dashed #ddd;
        }

        .popup-err .box .title {
            font-size: 18px;
        }

.pt20 {
    padding-top: 20px;
    font-size: 18px;
    color: #f00;
    text-align: center;
}

#bodyTonKho {
    padding: 10px 0;
    max-height: 480px;
    overflow-y: auto;
}

    #bodyTonKho table tr th, #bodyTonKho table tr td {
        padding: 3px;
    }

    #bodyTonKho table tr:first-child {
        background: #EDEDED !important;
        text-align: center;
    }

    #bodyTonKho table tr:not(:first-child):hover {
        background: #A1DCF2 !important;
    }

.GridBaoGia tr:not(:first-child):hover {
    background: #A1DCF2 !important;
}
/*-----------*/
.ct-detail-list tr th, .ct-detail-list tr td {
    border: 1px solid #dfdfdf;
    padding: 3px;
}

.ct-detail-list tr th {
    text-align: center;
    color: Black;
    background-color: #EDEDED;
    font-weight: bold;
}

.body-baogia {
    padding: 5px 10px;
    margin: 0;
}

.cart-nav {
    color: #0388cd;
    padding-left: 14px;
    position: relative;
    font-size: 13px;
}

    .cart-nav .icon {
        background-image: url(../images/adr-icon-caret-left-blue.png);
        position: absolute;
        top: -2px;
        left: -4px;
        display: inline-block !important;
        width: 24px !important;
        height: 24px !important;
        background-position: 50%;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin: 0;
    }
/*-------------*/
.ddg-msg {
    position: fixed;
    bottom: 0;
    right: 0px !important;
    z-index: 999999;
}

.ddg-msg-outer {
    position: relative;
}

#ddg-minimize {
    background: #395562;
    background-image: url(../Images/icon-support.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position-x: 5px;
    font-size: 16px;
    color: #fff;
    padding: 10px 0 10px 50px;
    position: absolute;
    top: -39px;
    left: 0px;
    cursor: pointer;
    width: 100%;
    border-top-left-radius: 5px;
}

#ddg-facebook {
    opacity: 0;
}

.ddg-msg {
    bottom: -300px;
    right: -135px;
}
/*------*/
.form-dat-hang {
    float: left;
    width: 100%;
    position: relative;
}

    .form-dat-hang h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .form-dat-hang .frm-left {
        float: left;
        width: 50%;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .form-dat-hang .frm-left .chi-tiet {
            padding: 20px 10px 10px;
            border: 1px solid #dfdfdf;
            position: relative;
        }

            .form-dat-hang .frm-left .chi-tiet:before {
                content: '';
                position: absolute;
                bottom: 100%;
                left: 65px;
                width: 0;
                height: 0;
                border-bottom: 10px solid #f0f0f0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
            }

        .form-dat-hang .frm-left p span {
            font-weight: bold;
        }

        .form-dat-hang .frm-left p:before, .form-dat-hang .frm-left .tinh-trang:before {
            content: '•';
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            font-size: 20px;
            color: #999;
            margin: -3px 5px 0 10px;
        }

    .form-dat-hang .frm-right {
        float: left;
        width: 50%;
        text-align: left;
    }

    .form-dat-hang .frm-left .ten-kh {
        font-size: 16px;
        text-transform: capitalize;
    }

    .form-dat-hang .frm-left .tinh-trang {
        font-style: italic;
        float: right;
    }

        .form-dat-hang .frm-left .tinh-trang span {
            font-size: 18px;
        }

    .form-dat-hang .frm-left .chu-y {
        font-style: italic;
        margin-top: 15px;
    }

.area_address {
    overflow: visible;
    background: #f0f0f0;
    margin-top: 15px;
    padding: 20px;
    position: relative;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .area_address:before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 65px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #f0f0f0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .area_address .control {
        padding-left: 25px;
        margin-right: 20px;
    }

.styled-select select {
    background: transparent;
    padding: 0px 5px;
    font-size: 16px;
    line-height: 1;
    border: 0 !important;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
    margin: 0;
    width: 100%;
}

.styled-select {
    float: left;
    width: 220px;
    height: 33px;
    overflow: hidden;
    background: url(../Images/icon_dropdown.png) no-repeat right #fff;
    border: 1px solid #ddd;
}

.content_address {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.styled-select select:focus {
    outline: none;
}

.content_doitac {
    float: left;
    width: 100%;
    margin-top: 10px;
}

    .content_doitac ul li {
        margin-top: 10px;
    }

    .content_doitac .no-partment {
        font-style: italic;
        font-size: 14px;
    }

    .content_doitac p {
        padding-left: 25px;
        margin: 3px 0;
        font-style: italic;
        font-size: 12px;
    }

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

    .content_diachi input {
        display: block;
        padding: 9px 0;
        height: 35px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        margin: 15px 0 0 0;
        text-indent: 10px;
        width: 100%;
        text-transform: capitalize;
    }

        .content_diachi input:focus {
            border: 1px solid #d9d9d9;
            outline: none;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
        }
/*-----*/
.btn-save-2 {
    background-color: #009D4E !important;
    float: left;
    margin-top: 10px;
    background: url(../images/icon_save.png) no-repeat left center;
    background-size: 35px;
    background-position: 4px 1px;
    padding-left: 45px;
    outline: none;
    background-color: #009D4E;
    color: #fff;
    padding: 8px;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    font: 18px Arial !important;
}

    .btn-save-2:hover {
        -moz-opacity: .80;
        filter: alpha(opacity=80);
        opacity: .80;
    }
/*********/
.div-keyword {
    padding: 18px 15px;
    background-color: #eeeeee;
    border-top: 1px solid #e1e1e1;
}

    .div-keyword span:before {
        font-family: "FontAwesome";
        content: "\f02b";
        font-size: 15px;
        color: #7b7b7b;
        display: inline-block;
        margin: 0 2px 0 0;
        vertical-align: middle;
    }

    .div-keyword span {
        color: #212121;
        font-size: 14px;
        padding-right: 22px;
    }

    .div-keyword a {
        color: #636363;
        display: inline-block;
        font-size: 13px;
        padding: 0 10px 0 0;
    }

        .div-keyword a:hover {
            color: #ED1A2E;
        }
/*-----home news------*/
/*.home-news {
     margin: 10px 0;
}
 .home-news .left {
     float: left;
     width: 43.3333%;
     margin-right: 40px;
}
 .home-news .center {
     float: left;
     width: 23.3333%;
     margin-right: 40px;
}
 .home-news .right {
     float: left;
     width: calc(33.3333% - 80px);
}
 .home-news a.xemthem {
     font: 12px Arial;
     background-image: url(../images/icon_arrow_breakcrum.png);
     background-repeat: no-repeat;
     background-position: 0 50%;
     padding-left: 10px;
     float:right;
}
 .home-news ul li {
     font-size: 13px;
     padding-top: 8px;
     text-align: justify;
     color: black;
     background-image: url(../images/icon_arrow_breakcrum.png);
     background-repeat: no-repeat;
     background-position: 0 15px;
     padding-left: 10px;
}
 .home-news ul li a {
     color: #004370;
}
 .home-news ul li a:hover {
     color: #ED1A2E;
}
 .home-news ul {
     float: left;
     margin-bottom: 10px;
     width:100%;
}
 .home-news .right ul li {
     list-style: none;
     background-image: url(../images/pdf.png);
     background-repeat: no-repeat;
     padding-left: 20px;
     background-position: 0 9px;
}
 .home-news p.news-title {
     margin-top: 15px;
     float: left;
     width: 100%;
     text-align: left;
     font-family: "Roboto";
     font-size: 18px;
     font-weight: 600;
     text-transform: uppercase;
}
/*--------home-news-------*/

/*
#home-news {
    width: 100%;
    float: left;
    background: #f6f6f6;
    margin-top: 20px;
    padding: 5px;
}

    #home-news a.xemthem {
        font: 12px Arial;
        background-image: url(../images/icon_arrow_breakcrum.png);
        background-repeat: no-repeat;
        background-position: 0 50%;
        padding-left: 10px;
        float: right;
    }

    #home-news ul {
        float: left;
        margin-bottom: 10px;
        width: 100%;
    }
*/
/*.p1_tinmoi {
    width: 75%;
    float: left;
    margin: 0 0 5px 0;
}

.p1_tin {
    width: 75%;
    background: #f6f6f6;
    float: left;
    padding: 5px;
}

.p1_tin_pro {
    position: relative;
    width: 100%;
}

    .p1_tin_pro img {
        max-height: 300px;
        width: 100%;
    }

.p1_list {
    background: #f6f6f6;
    padding: 5px;
    width: 25%;
    height: 295px;
    float: right;
    overflow: hidden;
    text-align: justify;
}

    .p1_list ul li {
        background-image: url(../images/icon_arrow_breakcrum.png);
        background-repeat: no-repeat;
        background-position: 0 8px;
        font: 12px Arial, Helvetica, sans-serif;
        padding: 2px 5px 10px 12px;
        border-bottom: 1px dotted #E2E2E2;
        margin-top: 3px;
    }

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

        .p1_list ul li a {
            color: #000000;
        }

            .p1_list ul li a:hover {
                color: #f00;
            }

.p1_tinngang {
    width: 100%;
    height: 150px;
    padding: 5px 0 0 5px;
    background: #f6f6f6;
    float: left;
    margin: 0;
}

    .p1_tinngang img {
        width: 100%;
        height: 80px;
    }

    .p1_tinngang ul li {
        width: 20%;
        float: left;
        margin: 0;
        display: inline;
        padding-right: 10px;
    }

        .p1_tinngang ul li a:hover {
            color: #f00;
        }

        .p1_tinngang ul li a {
            color: #000;
            font: 13px Arial, Helvetica, sans-serif;
        }

            .p1_tinngang ul li a img {
                margin: 0 0 5px 0;
            }

.p1_tin_nen {
    position: absolute;
    width: 100%;
    background: url('../Images/bg-news.png') repeat;
    bottom: 0px;
    left: 0px;
    padding: 10px 0;
}

.p1_tin h1 a:hover {
    color: #ED1A2E;
}

.p1_tin h1 a {
    line-height: 25px;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    display: block;
    padding: 0 0 15px 5px;
    overflow: hidden;
    font-family: 'Roboto Condensed', sans-serif;
}

.p1_tin p {
    color: #fff;
    padding: 0 5px 5px 5px;
    font: 13px Arial, Helvetica, sans-serif;
}
*/
#p-documents {
    float: left;
    width: 25%;
    background: #f6f6f6;
    padding-left: 15px;
}

    #p-documents ul li {
        list-style: none;
        background-image: url(../images/pdf.png);
        background-repeat: no-repeat;
        padding-left: 20px;
        background-position: 0 6px;
        line-height: 28px;
    }

        #p-documents ul li a {
            font: 13px Arial, Helvetica, sans-serif;
        }

#home-news p.news-title {
    margin-top: 15px;
    float: left;
    width: 100%;
    text-align: left;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
/*-------tải bảng giá------*/
#tai-bang-gia {
    float: left;
    padding: 10px;
}

    #tai-bang-gia li {
        width: calc(25% - 10px);
        margin-right: 10px;
        float: left;
        height: 240px;
        padding: 5px;
        margin-bottom: 10px;
        border: 1px solid #ededed;
        text-align: center;
    }

        #tai-bang-gia li:nth-child(4n) {
            margin-right: 0;
        }

        #tai-bang-gia li img {
            width: 150px;
            height: 100px;
            padding: 10px;
        }

        #tai-bang-gia li div {
            width: 100%;
            float: left;
        }

            #tai-bang-gia li div h1 {
                font: bold 13px Arial;
                margin-bottom: 10px;
                line-height: 25px;
                text-transform: uppercase;
            }

            #tai-bang-gia li div span {
                font-style: italic;
                color: #333;
                font-size: 11px;
            }

            #tai-bang-gia li div p {
                font: normal 12px Arial;
                margin-top: 10px;
            }

                #tai-bang-gia li div p a {
                    line-height: 16px;
                }

                    #tai-bang-gia li div p a:hover {
                        text-decoration: underline;
                    }
/*--bảng báo giá theo nhóm hàng--*/
.tbl-baogia {
    width: 100%;
    float: left;
    margin-top:10px;
}

    .tbl-baogia table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #dfdfdf;
    }

        .tbl-baogia table tr td, .tbl-baogia table tr th {
            border: 1px solid #798690;
            text-align: center;
            padding: 3px;
        }

        .tbl-baogia table tr th {
            background-color: #428bca;
            padding: 10px 3px;
            color: #fff;
        }

        .tbl-baogia table tr td {
            cursor: pointer;
        }

            .tbl-baogia table tr td.socuc {
                width: 90px;
                text-align: center;
            }

            .tbl-baogia table tr td.mahang {
                width: 110px;
                text-align: left;
            }

            .tbl-baogia table tr td.chietkhau {
                width: 50px;
                text-align: center;
                color: #222;
            }

                .tbl-baogia table tr td.chietkhau p {
                    border: 2px solid #E31837;
                    border-radius: 50%;
                    width: 38px;
                    height: 38px;
                    color: #E31837;
                    white-space: nowrap;
                    margin: 0;
                    position: relative;
                    display: inline-block;
                }

                    .tbl-baogia table tr td.chietkhau p span {
                        position: absolute;
                        top: 12px;
                        left: 2px;
                        font: bold 13px Arial;
                    }

            .tbl-baogia table tr td.tinhtrang {
                width: 60px;
            }

            .tbl-baogia table tr td.tenhang {
                text-align: left;
                position: relative;
            }

                .tbl-baogia table tr td.tenhang .ic-km {
                    width: 150px !important;
                    height: auto !important;
                    right: 0;
                    top: 35%;
                    position: absolute !important;
                    margin: 0;
                }

.ic-km-box {
    position: absolute;
    top: 3px;
    left: 18px;
    width: 150px;
}

.tbl-baogia table tr td.tenhang p {
    margin-bottom: 5px;
}

.tbl-baogia table tr td.price {
    width: 70px;
    text-align: right;
    position: relative;
}

.tbl-baogia table tr td.soluong {
    width: 60px;
}

.tbl-baogia table tr td.price span.discount {
    color: #009D4E;
    font-weight: bold;
}

.tbl-baogia table tr td.image {
    width: 300px;
    text-align: center;
}

.tbl-baogia table tr td img {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;
}

.tbl-baogia table tr td.image p.name-lk {
    margin: 5px 10px;
}

.tbl-baogia table tr td.dathang {
    width: 55px;
    text-align: center;
}

    .tbl-baogia table tr td.dathang a {
        font: 12px Arial !important;
    }

.tbl-baogia tr.old:nth-child(2n-1) {
    background: whitesmoke;
}

.tbl-baogia tbody tr:hover {
    background: #A1DCF2 !important;
}
/*-------_*/
.tt-baogia {
    border: 1px solid #e9e9e9;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    line-height: 35px;
    float: left;
    background-color: #f6f6f6;
}

    .tt-baogia select {
        width: 45%;
    }

    .tt-baogia input[type="text"] {
        line-height: 20px;
        margin: 0;
        margin-right: 8px;
        padding: 4px;
        width: 45%;
    }
/*---Trang cá nhân---*/
.box.box-warning {
    border-top-color: #14407F;
    margin-top: 5px;
    padding: 10px;
}

.box {
    position: relative;
    background: #ffffff;
    border-top: 2px solid #c1c1c1;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    float: left;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

    .box .box-body {
        padding: 10px;
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.item-count-detail {
    width: 20%;
    float: left;
    color: #fff;
    cursor: pointer;
}

    .item-count-detail:hover {
        -moz-opacity: .90;
        filter: alpha(opacity=90);
        opacity: .90;
    }

.small-box {
    position: relative;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 100px;
    margin: 10px;
}

.bg-orange {
    background-color: #ff851b !important;
}

.small-box > .inner {
    padding: 10px;
}

.small-box p {
    font-size: 15px;
    margin-bottom: 15px;
}

.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-green {
    background-color: #00a65a !important;
}

.bg-red {
    background-color: #f56954 !important;
}

.box-title {
    display: inline-block;
    padding: 10px 0px 0px 10px;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
}

.btn-green {
    background-color: #00a65a;
}

.btn-blue {
    background-color: #0D8DDD;
}

.btn-orange {
    background-color: #14407F;
}

.btn-red {
    background-color: #f00;
}

.btn-dark {
    background-color: #007f74;
}
/* .btn {
     color: #fff;
     padding: 3px 8px;
     font-weight: 500;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     border: 1px solid transparent;
     -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
     -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
     box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
     -moz-opacity: .90;
     filter: alpha(opacity=90);
     opacity: .90;
}
 .btn:hover {
     color: #fff !important;
     -moz-opacity: .99;
     filter: alpha(opacity=99);
     opacity: .99;
}
 */
/*----------*/
.detail-bao-gia table tr td, .detail-bao-gia table tr th {
    border: 1px solid #dfdfdf;
    padding: 3px;
}

.detail-bao-gia table tr th {
    background: #EDEDED;
}
/*-----------*/
.ct-detail-list tr th, .ct-detail-list tr td {
    border: 1px solid #dfdfdf;
    padding: 3px;
}

.ct-detail-list tr th {
    text-align: center;
    color: Black;
    background-color: #EDEDED;
    font-weight: bold;
}
/*-----------*/
ul.ul-promotion li {
    float: left;
    width: 100%;
    background: #f7f7f7;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 15px;
}

    ul.ul-promotion li a {
        display: inline-block;
        width: 75%;
        text-align: left;
    }

        ul.ul-promotion li a img {
            /*width: 100%;
    */
            max-width: 100%;
        }

    ul.ul-promotion li .div_descriptionpro {
        width: 100%;
        text-align: left;
        display: inline-block;
        padding-top: 1%;
        height: 70px;
        line-height: 22px;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        ul.ul-promotion li .div_descriptionpro .line {
            border-top: 1px solid #ddd;
            margin-bottom: 5px;
        }

    ul.ul-promotion li .news-title {
        display: block;
        margin: 10px 0 5px 0;
        width: 71%;
        padding: 0 2%;
        line-height: 24px;
        padding-bottom: 0;
        font-weight: bold;
        font-size: 16px;
        max-height: 45px;
        overflow: hidden;
    }

    ul.ul-promotion li .news-info {
        display: block;
        padding: 0 2%;
        padding-bottom: 0;
        position: absolute;
        top: 10px;
        right: -20px;
        font: bold 16px Arial;
    }

        ul.ul-promotion li .news-info .xemngay:hover img {
            -moz-opacity: .80;
            filter: alpha(opacity=80);
            opacity: .80;
        }

.promo-content {
    padding: 10px;
    line-height: 26px;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nhom-lien-quan ul li p.name a {
    font-weight: bold;
}

.nhom-lien-quan {
    border-image: none;
    color: #282828 !important;
    padding: 5px;
    border: 1px solid #e7e7e7;
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.bg-promo {
    position: absolute;
    background: url(../Images/bg-news.png) repeat;
    bottom: 6px;
    right: 5px;
    text-align: right;
    padding: 0px 10px;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    font-family: -webkit-body;
}
/*----search---*/
.typeahead-container {
    position: relative;
    z-index: 998;
    background-color: #fff;
    float: left;
    width: 40%;
    margin: -5px 5px 0 0;
    height: 40px;
}

    .typeahead-container.result, .typeahead-container.filter {
        z-index: 999;
    }

.typeahead-result > ul > li.typeahead-group a {
    background-color: #eee;
    font-size: 14px;
    color: #333;
    font-variant: small-caps;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0,0,0,0.75);
    -moz-text-shadow: 0 1px 0 rgba(0,0,0,0.75);
    -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.75);
}

.typeahead-container .input-group-btn {
    z-index: 1001;
}

.typeahead-container .typeahead-result > .dropdown-menu {
    display: block;
    width: 100%;
}

.typeahead-container .input-group .dropdown-menu {
    z-index: 1001;
}

.typeahead-result {
    float: left;
    width: 70%;
    background: #fff;
    margin-left: 1px;
    margin-top: -1px;
    padding: 5px 10px;
    -webkit-box-shadow: 1px 2px 3px 0px #4a4a4a;
    -moz-box-shadow: 1px 2px 3px 0px #4a4a4a;
    box-shadow: 1px 2px 3px 0px #4a4a4a;
}

    .typeahead-result > ul > li.typeahead-group a {
        background-color: #eee;
        font-size: 14px;
        color: #333;
        font-variant: small-caps;
        font-weight: bold;
        text-shadow: 0 1px 0 rgba(0,0,0,0.75);
        -moz-text-shadow: 0 1px 0 rgba(0,0,0,0.75);
        -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.75);
    }

    .typeahead-result > ul > li > a {
        display: block;
        padding: 3px 5px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

        .typeahead-result > ul > li > a:hover {
            color: #fff;
            text-decoration: none;
            background-color: #428bca;
            outline: 0;
        }
/***********/
.fone {
    font-size: 22px;
    color: tomato;
    line-height: 40px;
    font-weight: 700;
    padding-left: 45px;
    margin: 0;
}

.fix_tel {
    position: fixed;
    bottom: 35px;
    left: 6px;
    z-index: 999;
}

    .fix_tel a {
        text-decoration: none;
        display: block;
    }

.ring-alo-show {
    right: 122px;
    bottom: -12px;
}

.tel {
    width: 178px;
    height: 40px;
    position: relative;
    overflow: hidden;
}

.ring-alo-ph-circle, .ring-alo-phone {
    background-color: transparent;
}

.ring-alo-phone {
    cursor: pointer;
    height: 80px;
    transition: visibility .5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
}

    .ring-alo-phone.ring-alo-show {
        visibility: visible;
    }

    .ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
        opacity: 1;
    }

.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    border: 2px solid rgba(30,30,30,.4);
    border-radius: 100%;
    height: 60px;
    left: 10px;
    opacity: .1;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 60px;
}

.ring-alo-ph-circle-fill, .ring-alo-ph-img-circle {
    height: 30px;
    left: 16px;
    position: absolute;
    top: 14px;
    transform-origin: 50% 50% 0;
}

.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}

.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: #tomato;
    opacity: .5;
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: .5;
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: red;
    background-color: tomato;
    opacity: .5;
}

.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    opacity: .1;
    transition: all .5s ease 0s;
    width: 30px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0,175,242,.5);
    opacity: .75 !important;
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117,235,80,.5);
    opacity: .75 !important;
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    opacity: 1;
    width: 30px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: red;
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #75eb50;
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #baf5a7;
}

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

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

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

@keyframes ring-alo-circle-img-anim {
    0%,100%,50% {
        transform: rotate(0) scale(1) skew(1deg);
    }

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

    20%,40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
}

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

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

.ring-alo-ph-img-circle a img {
    padding: 1px 0 0 1px;
    width: 30px;
    position: relative;
    top: -1px;
}
/***********/
.tagCloud {
    overflow: hidden;
}

    .tagCloud li {
        display: inline-block;
        margin-right: 8px;
    }

    .tagCloud .tagCloudTag {
        position: relative;
        display: inline-block;
        background: #f0f7fc;
        padding: 1px 9px 1px 9px;
        border: 1px solid #a5cae4;
        border-radius: 4px;
        color: rgb(19, 99, 157);
        margin-bottom: 10px;
        font-size: 14px;
        height: 24px;
        line-height: 20px;
    }

        .tagCloud .tagCloudTag:hover {
            text-decoration: none;
            background-color: #d7edfc;
        }
/***********/

.toplinks-wrapper {
    list-style: none;
    text-align: left;
    font-size: 13px;
    float: right;
}

.toplinks-left {
    float: left;
}

@keyframes ani-link-compare {
    0% {
        opacity: .1;
        background-color: rgb(255, 85, 0);
    }

    50.0% {
        opacity: .7;
        background-color: rgb(255, 85, 0);
    }

    100.0% {
        opacity: 1;
        background-color: rgb(255, 85, 0);
    }
}


/* Compare Link *****************************************/
.compare_hide {
    display: none !important;
}

#aCompareTo {
    position: absolute;
    top: 1px;
    right: 5px;
    z-index: 9;
    width: 100%;
    height: 100%;
}

    #aCompareTo span {
        position: absolute;
        top: 0px;
        right: 0px;
    }

.box-counter {
    position: absolute;
    display: block;
    height: 15px;
    line-height: 15px;
    width: 20px;
    right: 2px;
    top: 25px;
    background: rgb(255, 85, 0);
    color: #fff;
    text-indent: 0px;
    text-align: center;
    font-weight: bold;
    border-radius: 15px;
    opacity: 0.8;
    font-size: 10px;
}

.dropdown-menu > li > a {
    color: #333;
    padding: 6px 12px;
}

    .dropdown-menu > li > a:hover {
        background-color: #199427;
        color: #fff;
    }

.dropdown-menu .dropdown-header {
    color: #777;
    padding: 6px 12px;
}

.header .setting .dropdown-toggle {
    background-color: #199427;
}

.header .setting.open .dropdown-menu, .header .setting:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
}

.dropdown-menu-daxem {
    border: none;
    border-radius: 0;
    background-color: #fff;
    height: auto;
    width: 500px;
    padding: 10px;
    margin: 0;
    right: 0;
    left: -89px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
    color: #333;
    font-size: 12px;
}

    .dropdown-menu-daxem::before {
        content: "";
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
        border-top: 8px solid transparent;
        position: absolute;
        top: -15px;
        left: 117px;
    }

.product-item-daxem {
    padding: 0;
    position: relative;
    z-index: 10;
    background-color: #fff;
    font-family: Arial;
    width: 100px;
    height: 100px;
    float: left;
}

    .product-item-daxem .product-item-photo {
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .product-item-daxem .product-item-img {
        display: block;
        z-index: 1;
    }

    .product-item-daxem .product-item-comparethis {
        display: block;
        z-index: 3;
        position: absolute;
        height: 25px;
        width: 25px;
        opacity: 0.8;
        border-radius: 5px;
        top: 0px;
        left: 30px;
    }

    .product-item-daxem .product-item-compareplus {
        display: block;
        z-index: 3;
        position: absolute;
        height: 25px;
        width: 25px;
        opacity: 0.8;
        display: none;
        border-radius: 5px;
        top: 0px;
        left: 55px;
    }

        .product-item-daxem .product-item-comparethis i, .product-item-daxem .product-item-compareplus i {
            display: block;
            z-index: 3;
            position: absolute;
            height: 25px;
            width: 25px;
            top: 2px;
            left: 0px;
        }

    .product-item-daxem .product-item-del {
        display: block;
        z-index: 3;
        position: absolute;
        height: 15px;
        width: 15px;
        background: #fff;
        opacity: 0.8;
        border-radius: 5px;
        top: 0px;
        left: 10px;
    }

        .product-item-daxem .product-item-del i {
            display: block;
            z-index: 3;
            position: absolute;
            height: 15px;
            width: 15px;
            top: 2px;
            left: 0px;
        }

    .product-item-daxem .product-item-name {
        background: #fff;
        opacity: 0.8;
        color: #FF5500;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        display: none;
    }

    .product-item-daxem:hover .product-item-name {
        display: table;
        width: 126px;
        height: 126px;
    }

        .product-item-daxem:hover .product-item-name span {
            display: table-cell;
            vertical-align: middle;
            width: 100%;
            height: 100%;
            line-height: 18px;
        }

    .product-item-daxem .product-item-img img {
        display: block;
        width: 100%;
        height: 100%;
    }

.dropdown-menu-daxem .compare-to {
    height: 30px;
    width: 100%;
    background-color: #FF5500;
    clear: both;
    display: block;
    text-align: center;
    color: #fff;
    margin-bottom: -30px;
}

    .dropdown-menu-daxem .compare-to a {
        font-weight: bold;
        color: #fff;
    }

@media (min-width: 768px) {
    .site-header .setting .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        margin-top: 10px;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s;
    }
}
/*******************************************/

.offset-xl-3 {
    margin-left: 25%;
}
/*****services-home******/
.services-home .banner-policy {
    border: 1px solid #eee;
    clear: both;
    display: inline-block;
    font-size: 116.6%;
    margin-top: 20px;
    width: 100%;
}

    .services-home .banner-policy .inner {
        padding: 33px 0;
        display: table;
        width: 100%;
    }

        .services-home .banner-policy .inner .policy {
            border-right: 1px solid #eee;
            float: left;
            line-height: 22px;
            padding: 7px 25px;
            width: 25%;
        }

            .services-home .banner-policy .inner .policy a {
                display: table;
                width: 100%;
                color: #182333;
            }

                .services-home .banner-policy .inner .policy a em {
                    width: 50px;
                    text-align: center;
                    display: table-cell;
                    vertical-align: middle;
                    font-size: 40px;
                }

                .services-home .banner-policy .inner .policy a span {
                    display: table-cell;
                    vertical-align: middle;
                    width: 100%;
                    padding-left: 25px;
                }

                .services-home .banner-policy .inner .policy a i {
                    color: #8d9297;
                }

.fa-umbrella:before {
    content: "\f0e9";
}

.services-home .banner-policy .inner .policy:last-child {
    border-right: none;
}
/*****Home-Category******/
.home-category {
    margin-top: 20px;
}

    .home-category ul {
        float: left;
        width: 100%;
        border: 1px solid #eee;
        padding: 15px;
        display: table;
    }

        .home-category ul li {
            min-height: 340px;
        }

            .home-category ul li .content-box {
                overflow: hidden;
                line-height: 20px;
                padding: 5px;
                width: 100%;
                overflow: hidden;
            }

                .home-category ul li .content-box img {
                    width: 100%;
                }

                .home-category ul li .content-box a img:hover {
                    opacity: .8;
                }

.title-home-page {
    text-align: center;
    padding: 0;
    font-size: 150%;
    font-weight: 600;
    margin-bottom: 30px;
    color: #222;
    position: relative;
}

    .title-home-page span, .title-home-page h2 {
        border-bottom: 3px solid #ff5500;
        font-size: 21px;
        font-weight: 600;
        display: inline-block;
        padding-bottom: 2px;
        margin-bottom: -2px;
    }

.home-category .content-box .cat-title {
    padding: 10px 0 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

.home-category .content-box .child-cat {
    padding: 0px 0px 10px;
}

    .home-category .content-box .child-cat .item a {
        font-size: 13px;
    }

        .home-category .content-box .child-cat .item a:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 4px;
            height: 4px;
            background-color: #999;
            margin-right: 3px;
        }
/*****static-image******/
.static-image {
    display: table;
    margin-top: 20px;
    width: 100%;
}

    .static-image a {
        display: block;
    }

    .static-image .image-top {
        margin-bottom: 30px;
    }

    .static-image a img:hover {
        opacity: .8;
    }
/*****list-thongso******/
.list-thongso {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    padding: 0px 0 5px;
}

    .list-thongso .item {
        float: left;
        width: 50%;
    }

        .list-thongso .item label {
            font-weight: normal;
        }

            .list-thongso .item label:hover {
                color: rgb(255, 85, 0);
            }
/***********/
#formWork {
    padding: 10px;
    height: auto;
}

.list-nhan-vien li {
    float: left;
    width: 33.333%;
}

.product-tool {
    position: fixed;
    top: 200px;
    right: 10px;
    width: 210px;
    z-index: 9999;
}

    .product-tool a {
        float: right;
        width: 120px;
        background: #DA251E;
        text-align: center;
        margin: 5px 0;
        color: #fff;
        padding: 5px;
        border-radius: 5px;
    }

    .product-tool ul {
        display: none;
    }

        .product-tool ul li {
            float: left;
            width: 100%;
            margin: 3px 0;
            text-align: right;
        }
/* .manager-product #btnGiaoViec {
     position: fixed;
     top: 270px;
     right: 10px;
}
 .manager-product #btnXemTonKho {
     position: fixed;
     top: 235px;
     right: 10px;
}
 .manager-product #btnReview {
     position: fixed;
     top: 200px;
     right: 10px;
}
 .manager-product #btnUpdate {
     position: fixed;
     top: 305px;
     right: 10px;
}
 .manager-product #btnSlBG {
     position: fixed;
     top: 340px;
     right: 10px;
}*/
/* fix modal boostrap */
.mce-notification-inner {
    display: none !important;
}

.hide {
    display: none;
}

#formProductModal {
    top: 35px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin: 0;
    line-height: 20px;
    color: #333333;
    background-color: #ffffff;
    min-width: 300px;
}
/*#formProductModal .modal-dialog {
    z-index:999999;
}
 #formProductModal .modal-header{
    display:block;
    height:30px;
    padding:0px 15px;
    position:relative
}
 #formProductModal .modal-header .close{
    position:absolute;
    top:7px;
    right:7px;
    display:block;
    width:21px;
    height:21px;
}
 */
/* hangsx thuong hieu */
.imgdetailhangsx {
    position: absolute;
    display: block;
    width: 150px;
    height: 50px;
    bottom: 0px;
    right: 0px;
    max-width: 40%;
    max-height: 30%;
    z-index: 2;
}

    .imgdetailhangsx img {
        height: auto;
        width: auto;
        float: left;
        position: absolute;
        bottom: 0;
        right: 0;
        max-height: 30px !important;
    }

    .imgdetailhangsx.hangsx022 {
        height: 15%;
    }

    .imgdetailhangsx.hangsx031 {
        height: 15%;
    }

    .imgdetailhangsx:hover img {
        opacity: 0.7;
    }

.products-grid .images-container .imgdetailhangsx {
    width: auto;
    height: 25px;
}

    .products-grid .images-container .imgdetailhangsx img {
        height: auto;
        width: auto;
        float: left;
    }

#relate-product_wrapp {
    margin: 0 -15px;
}

.relate-product.clickable .owl-stage-outer {
    border: none;
}

#relate-product .item-inner {
    border: 1px solid #D0D0D0;
    margin-bottom: 30px;
    padding: 15px;
}

.relate-product.clickable .owl-nav {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    top: -79px;
    width: 100%;
}


#ConnectProduct_Container h2 {
    font-size: 18px;
    color: #009D4E;
}

#ConnectProduct_Container .note {
    width: 100%;
    display: block;
    color: #666;
    float: left;
    font-style: italic;
    background: url(../images/info_connect_product.svg) no-repeat top 5px left
}

#ConnectProduct_Container h2:after {
    display: none
}

#connect-product .timer-item_wrap {
    width: 40%;
    float: left;
    position: relative;
}

    #connect-product .timer-item_wrap::before {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 80px;
        left: -10px;
        background: url(../images/sep_connect_product.svg) no-repeat;
        display: block;
        content: ' ';
    }

    #connect-product .timer-item_wrap:first-child::before {
        display: none;
        content: ' ';
    }



#connect-product .timer-item {
    border: 1px solid #D0D0D0;
    margin-bottom: 25px;
}

#connect-product .check-buy {
    float: left;
    width: 20%;
    padding: 0 15px;
    position: relative;
}

    #connect-product .check-buy::after {
        content: '=';
        color: #009D4E;
        font-size: 31px;
        position: absolute;
        left: -10px;
        line-height: 1;
        top: 70px;
    }

    #connect-product .check-buy .content {
        background: #F3F3F3;
        color: #444;
        font-size: 14px;
        height: 170px;
        padding: 10px;
    }

#connect-product .item-inner {
    display: flex;
    flex-wrap: wrap;
}

    #connect-product .item-inner .des-container {
        width: calc(100% - 74px);
        height: 130px;
    }

#connect-product .rating-summary, #connect-product .actions {
    display: none;
}

#connect-product .pd-code {
    width: 100%
}

    #connect-product .pd-code span {
        color: #31954C
    }

#connect-product .item-info .item-content {
    display: block;
    font-size: 13px;
}

#connect-product .item-inner .images-container {
    width: 74px;
    height: 84px;
    padding: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

#connect-product .des-container .item-info .info-inner .item-title {
    text-align: left;
}

#connect-product .group_buy {
    border-top: 1px solid #ccc;
    position: relative;
    overflow: hidden;
}

#connect-product .le-quantity {
    width: 50%;
    margin: 0;
    border: none;
    float: left;
}

    #connect-product .le-quantity input {
        height: 40px;
        width: 100%;
    }

#connect-product .le-button {
    width: 50%;
    margin: 0;
    border: none;
    float: left;
    background: none;
    border-left: 1px solid #ccc;
    color: #31954C;
    text-align: center;
    font-weight: normal;
    font-size: 13px;
}

.hangsx001 {
    height: 30% !important;
}

.hangsx013 {
    height: 22% !important;
}

.hangsx029 {
    height: 12% !important;
}

.hangsx021 img {
    margin-left: -10px;
}
/* mota hangsx */
.mota_hangsx {
    padding: 15px;
    background: #f8f8f8;
    text-align: justify;
    border: 1px solid #eee;
    margin: 10px 0;
}
/* Size chi tiet san pham */


.product-info-box .prd_detail_atr_size {
    margin: 0px !important;
    height: auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

    .product-info-box .prd_detail_atr_size label {
        min-width: 0 !important;
    }

    .product-info-box .prd_detail_atr_size span, .prd_detail_atr_size label {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin: 0px;
    }

    .product-info-box .prd_detail_atr_size a.prd_size {
        padding: 0;
        height: 25px;
        color: #000 !important;
        border: 1px solid #dfdfdf;
        margin-right: 3px;
        border-radius: 0;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        line-height: 25px;
        width: 25px;
        text-align: center;
        text-transform: uppercase;
        transition: all .1s ease 0s;
    }

        .product-info-box .prd_detail_atr_size a.prd_size:hover {
            color: #fff !important;
            background: #000;
        }

    .product-info-box .prd_detail_atr_size a.isview_1 {
        color: #fff !important;
        background: #000;
        text-decoration: underline;
    }

#tbl-product-info {
    padding: 10px;
}

    #tbl-product-info tr td {
        padding: 3px;
    }

    #tbl-product-info .input, #tbl-product-info select {
        background-color: #FFFFFF;
        border: 1px solid #95B8E7 !important;
        border-radius: 3px 3px 3px 3px;
        color: #333333;
        margin: 0px;
        padding: 4px;
        display: inline-block;
    }
/*------------------*/
.widget ul.top-category {
    padding: 15px 10px;
}

    .widget ul.top-category li {
        height: 25px;
        line-height: 22px;
        border: 1px solid #ddd;
        position: relative;
        padding: 0 15px;
        float: left;
        margin: 0 10px 10px;
        font-size: 13px;
        border-radius: 10px;
        background: #eee;
    }



.top-category li:hover, .top-category li.selected, .top-category li.selected a:before, .top-category li.selected a:after, .top-category li:hover a:before, .top-category li:hover a:after {
    border-color: #ff5500;
}

    .top-category li:hover a {
        color: #444;
    }
/*------------*/
.tbl-thong-so {
    border: 1px solid #ddd;
    margin: 20px 0;
}

    .tbl-thong-so > tbody > tr > td {
        padding: 10px 15px;
        vertical-align: top;
        font-size: 13px;
    }

        .tbl-thong-so > tbody > tr > td:first-child {
            color: #4f4f4f;
            font-size: 13px;
            font-weight: 600;
            background: url('../Images/bg_table_compare_attr.jpg');
            width: 30%;
        }

        .tbl-thong-so > tbody > tr > td:nth-child(2) {
            padding: 10px 15px;
            line-height: 1.42857;
            vertical-align: top;
            border-top: 1px solid #d5d5d5;
            border-left: 0;
            border-right: 0;
        }
/* Fix jquery message */
.messager-body {
}

    .messager-body .fa {
        color: #66ccff;
        font-size: 30px;
        display: inline-block;
        float: left;
        padding: 0px 5px 20px 5px;
    }

    .messager-body .fa-info-circle {
        color: #66ccff;
    }

    .messager-body .fa-warning {
        color: #db4437;
    }

#MenuShowHeader li {
    float: left;
    position: relative;
}

    #MenuShowHeader li a {
        padding: 0 10px;
        white-space: nowrap;
        display: block;
        width: auto;
        line-height: 34px;
        height: 34px;
        border-right: 1px solid rgb(238, 238, 238);
    }

        #MenuShowHeader li a em {
            padding-left: 5px;
        }

#MenuShowHeader .link_support {
    display: none;
}

#MenuShowHeader .link_cart .box-counter {
    position: absolute;
    display: block;
    height: 15px;
    line-height: 15px;
    width: 20px;
    right: 2px;
    top: 25px;
    background: rgb(255, 85, 0);
    color: #fff;
    text-indent: 0px;
    text-align: center;
    font-weight: bold;
    border-radius: 15px;
    opacity: 0.8;
    font-size: 10px;
}

#top_support li {
    float: left;
    position: relative;
    padding: 0 10px;
    line-height: 34px;
    border-right: 1px solid rgb(238, 238, 238);
    white-space: nowrap;
    display: block;
    width: auto;
    height: 34px;
}

    #top_support li:hover {
        background: rgb(255, 85, 0);
        color: #fff;
    }

        #top_support li:hover span, #top_support li:hover i {
            color: #fff;
        }

.hotline_top span {
    font-size: 16px;
    color: rgb(255, 85, 0);
    font-weight: bold;
}

.mota_nhom {
    clear: both;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    text-align: justify;
}
/*---------thông số chi tiết---------*/
.thong-so-chi-tiet {
    margin: 15px 0;
}

    .thong-so-chi-tiet table {
        border: 1px solid #eee;
    }

        .thong-so-chi-tiet table tr:nth-child(2n) {
            background-color: #f8f8f8;
        }

        .thong-so-chi-tiet table tr td {
            padding: 5px;
        }

            .thong-so-chi-tiet table tr td.ten-ts {
                font-weight: 600;
                vertical-align: top;
                width: 160px;
                font-size: 16px;
                padding: 10px;
            }

            .thong-so-chi-tiet table tr td.giatri-ts p {
                padding-left: 12px;
                margin-bottom: 5px;
                position: relative;
            }

                .thong-so-chi-tiet table tr td.giatri-ts p:before {
                    content: "";
                    display: inline-block;
                    position: absolute;
                    top: 8px;
                    left: 0;
                    width: 6px;
                    height: 6px;
                    background: #34a105;
                    -webkit-border-radius: 100%;
                    -moz-border-radius: 100%;
                    border-radius: 100%;
                }

.filter_block #listThongSo ul li {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;
    float: left;
    width: 50%;
}

.side-products .top-products {
    border-image: none;
    color: #282828 !important;
    border: 1px solid #e7e7e7;
    border-top: 0;
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.side-products .p-item {
    padding: 15px 25px;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #f3f4f8;
}

    .side-products .p-item .item-info {
        padding-left: 15px;
    }

        .side-products .p-item .item-info .item-title {
            font-weight: bold;
        }

            .side-products .p-item .item-info .item-title a:hover, .side-products .p-item:hover .item-info .item-title a {
                text-decoration: underline;
                color: #31954C;
            }

    .side-products .p-item .item-inner {
        display: flex;
    }

.side-products .images-container {
    padding: 0px;
    height: 77px;
    width: 100px;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
}

.side-products .des-container {
    padding: 0;
}

    .side-products .des-container .item-info .info-inner .item-title {
        height: auto;
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 5px 0;
        font-size: 12px;
        text-transform: capitalize;
        text-align: left;
    }

.side-products .bottom-action {
    position: absolute;
    display: block;
    height: 30px;
    width: 100%;
    bottom: -15px;
    display: flex;
}

    .side-products .bottom-action a {
        width: 28px !important;
        height: 28px !important;
        display: inline-block;
    }

.side-products .price-box {
    margin: 0;
}

    .side-products .price-box .price {
        font-size: 1em;
    }

.hide {
    display: none;
}
/*PRODUCT INFO*/
.inline {
    display: inline-block;
    vertical-align: top;
}

.star-holder .star {
    display: inline;
}

.star-holder {
    margin-right: 12px;
    margin-top: 0px;
    float: left;
}

.product-info-box .availability {
    display: inline-block;
    padding: 4px 0;
    float: left;
    width: 100%;
    vertical-align: top;
    color: #000;
    font-size: 13px;
    line-height: 9px;
    margin-left: 15px;
}

.product-body-box .price {
    width: 100%;
    float: left;
    display: flex;
}

    .product-body-box .price label {
        width: 100%;
        float: left;
        display: flex;
    }

    .product-body-box .price .price-current {
        float: left;
        display: flex;
    }

        .product-body-box .price .price-current label {
            width: 60px;
        }

        .product-body-box .price .price-current em {
            display: block;
        }

.product-info-box .availability .not-available {
    color: #ed1c24;
    font-weight: normal !important;
    text-transform: capitalize;
    font-size: 13px;
}

    .product-info-box .availability .not-available a {
        color: #ed1c24;
    }

.product-info-box .availability label {
    font-weight: normal;
    font-size: 13px;
    display: inline-block;
    min-width: 110px;
}

.product-info-box .availability .available {
    color: #59b210;
    font-weight: normal !important;
    text-transform: capitalize;
}

.product-info-box .availability span {
    margin: 0 0 0 3px;
}

.product-info-box .seperator {
    margin-left: 12px;
    margin-right: 12px;
    font-size: 15px;
}

.product-info-box .title {
    margin: 0;
    font-size: 25px;
    line-height: 1.5;
    color: #3d3d3d;
    display: block;
    font-weight: 600;
    letter-spacing: -1px;
    padding: 0;
    float: left;
    margin-bottom: 10px;
}

.product-info-box .brand {
    border-bottom: 1px solid #e0e0e0;
    font-size: 10px;
    line-height: 22px;
    margin: 10px 0;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.product-info-box .excerpt {
    font-size: 13px;
    height: 58px;
    margin: 15px 0;
    overflow: hidden;
}


.product-info-box .price-current span.price-value {
    color: #ED1A2E;
    display: block;
    vertical-align: top;
}

    .product-info-box .price-current span.price-value em {
        font-style: normal;
        font-weight: bold
    }

.product-info-box .price-current .price-vat {
    font-style: normal;
    font-weight: bold;
}

    .product-info-box .price-current .price-vat i {
        font-style: normal;
        font-weight: bold;
    }

    .product-info-box .price-current .price-vat .pnote {
        font-size: 11px;
        color: #ccc;
    }

.product-info-box .price-prev {
    color: #666;
    display: inline-block;
    line-height: 1.5;
    margin: 0 0 0 0;
    text-decoration: line-through;
    vertical-align: top;
}

.product-info-box .qnt-holder {
    display: block;
    margin: 5px 0 15px;
    vertical-align: top;
    width: 100%;
    clear: both;
}


.le-quantity {
    border: 1px solid #e0e0e0;
    display: inline-block;
    padding: 0px;
    position: relative;
    vertical-align: top;
    margin-right: 10px;
}

    .le-quantity .minus, .le-quantity .plus {
        position: absolute;
        width: 5px;
        height: 100%;
        padding: 3px 14px;
        top: 0;
        font-family: fontawesome;
        color: #31954C;
    }

        .le-quantity .minus:hover, .le-quantity .plus:hover {
            background-color: #f6f6f6;
        }

        .le-quantity .minus, .le-quantity .plus, .le-quantity .minus:after, .le-quantity .plus:after {
            color: #31954C;
            font-size: 20px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .le-quantity .minus:after, .le-quantity .plus:after {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 16px;
                height: 16px;
                font-size: 16px;
                line-height: 16px;
            }

    .le-quantity .minus {
        left: 0;
    }

        .le-quantity .minus:after {
            content: "\f068";
        }

    .le-quantity .plus {
        right: 0;
    }

        .le-quantity .plus:after {
            content: "\f067";
        }

    .le-quantity input {
        border: none;
        text-align: center;
        width: 115px;
        color: #666;
        font-size: 16px;
        background-color: #fff;
        padding: 1px 0px;
        height: 43px;
    }


.product-info-box #addto-cart {
    margin: 0 0 0 18px;
}

.product-info-box .btn-add-to-wishlist, .product-info-box .btn-add-to-compare {
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    text-transform: capitalize;
    vertical-align: top;
    margin: 0 20px 0 0;
}

    .product-info-box .btn-add-to-wishlist:hover, .product-info-box .btn-add-to-compare:hover {
        color: #48a7d4;
    }

.product-info-box .spt-info {
    border-top: 1px solid #e0e0e0;
    font-size: 14px;
    margin-top: 18px;
    padding-top: 10px;
}

    .product-info-box .spt-info i {
        display: inline-block;
        float: left;
        font-size: 30px;
        font-weight: 900;
        height: 32px;
        line-height: 37px;
        margin-right: 10px;
        padding: 5px 0;
        vertical-align: middle;
        width: 30px;
    }

    .product-info-box .spt-info .call-content span {
        display: block;
    }

.choose-product {
    margin-top: 5px;
}

    .choose-product .choose-color, .choose-product .choose-size {
        margin-top: 10px;
    }

    .choose-product .choose-it .property-select {
        display: inline-block;
        float: left;
        margin-top: 5px;
        margin-right: 8px;
    }

        .choose-product .choose-it .property-select input {
            display: none;
        }

        .choose-product .choose-it .property-select > label {
            display: inline-block;
            position: relative;
            margin-bottom: 0;
            border: 1px solid #ccc;
            border-radius: 0;
            padding: 4px;
            min-width: 34px;
            text-align: center;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

        .choose-product .choose-it .property-select :checked + label {
            background: #394165 !important;
            border-color: #394165;
            color: #fff;
            position: relative;
        }

        .choose-product .choose-it .property-select:hover label {
            background: #f7f7f7;
        }

        .choose-product .choose-it .property-select > label span.text {
            padding-left: 4px;
            padding-right: 4px;
            display: block;
            font-weight: 500;
            width: auto;
            line-height: 24px;
        }

.form_baogia {
    position: relative;
    padding: 5px 20px;
    background: #F3F3F3;
    margin-bottom: 20px;
}

    .form_baogia > label {
        font-weight: bold;
        color: #000;
        line-height: 30px;
        margin-bottom: 0;
    }



    .form_baogia.mp_on {
        padding: 10px 0px 10px 10px;
    }

        .form_baogia.mp_on label {
            top: 3px;
        }

.note-img {
    color: #555;
    font-style: italic;
    font-size: 13px;
    margin: 0;
    text-align: center;
    display: block;
    height: 26px;
    width: 26px;
    right: 0;
    bottom: 0;
    position: absolute;
}

.form_baogia .bg-button {
    margin-right: 10px;
    background: #31954c;
    border: medium none;
    border-radius: 0px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    padding: 5px 10px;
    transition: all 0.3s ease 0s;
}

.form_baogia .group_buy {
    width: 100%;
    margin-bottom: 10px;
}

.le-button {
    background: #FFB704;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

    .le-button:hover {
        color: #fff;
        background: #d6838a;
    }

.form_baogia .le-button.huge {
    height: 45px;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    width: 196px;
    border: 3px solid #ff9214;
}


.form_baogia .le-button span {
    display: inline-block;
    width: 112px;
    background: url(../Images/btnDatMuaDetail.png) no-repeat right;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    text-shadow: 1px 0 0 #F28422, -1px 0 0 #F28422, 0 1px 0 #F28422, 0 -1px 0 #F28422, 1px 1px #F28422, -1px -1px 0 #F28422, 1px -1px 0 #F28422, -1px 1px 0 #F28422, 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.form_tailieu {
    position: relative;
    overflow: hidden;
    padding-top: 20px;
}

.form_buy {
    position: relative;
    overflow: hidden;
    clear: both;
}

.p-lienhe {
    margin: 0;
}

    .p-lienhe span {
        color: #31954C;
        margin-left: 25px;
    }

.share_link {
    padding-top: 15px;
    border-top: 1px solid #C4C4C4;
}

    .share_link a {
        height: 30px;
        width: 30px;
        background: #DEDEDE;
        display: inline-block;
        margin-left: 3px;
        line-height: 30px;
        text-align: center;
    }

.link-baogia {
    font-size: 12px;
}

    .link-baogia img {
        width: 20px;
        height: 20px;
    }

.giatri1-item {
    color: #000;
    font-weight: normal !important;
    text-transform: capitalize;
    font-size: 14px;
}

.giatri-item {
    color: #000;
    font-weight: normal !important;
    text-transform: none;
    line-height: 25px;
    font-size: 14px;
    display: block;
    text-align: justify;
    text-indent: 10px;
    position: relative;
}

    .giatri-item:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 8px;
        left: 0;
        width: 6px;
        height: 6px;
        background: #000;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

.giatri-ts {
    color: #000;
    font-weight: normal !important;
    text-transform: capitalize;
    font-size: 13px;
    margin-bottom: 0px;
}

.thongsotop {
}

.contact_block {
    position: relative;
}

    .contact_block .title-group .title {
        font-size: 25px;
        line-height: 1.5;
    }

    .contact_block .input {
        border: 1px solid #d3d6db !important;
        padding: 5px 10px !important;
        border-radius: 4px;
    }

    .contact_block .btn {
        font-size: 14px;
    }

#btnSendEmailTV {
    margin-top: 15px;
}



.contact_blocktitle {
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid #5885ab;
    color: #28435a;
}

.contact_content {
    padding: 10px 0px;
    position: relative;
    overflow: hidden;
}



.contact_block .contact_info {
    clear: both;
    display: flex;
}

    .contact_block .contact_info .avatar {
        height: 69px;
        width: 69px;
        border: 1px solid #BDBDBD;
        margin-right: 30px;
        float: left;
    }

.contact_info .support_name {
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
}

    .contact_info .support_name:before {
        content: '';
        height: 1px;
        width: 168px;
        position: absolute;
        bottom: 0;
        background: #BDBDBD;
    }

.lien-he-dat-hang {
    position: relative;
    overflow: hidden;
    clear: both;
}

    .lien-he-dat-hang .input-contet {
        width: 100%;
        height: 100px;
    }

#btm-comment .input {
    margin: 0;
    width: 100%;
}

#btm-comment .note {
    color: #31954c;
}

#btm-comment .group-control {
    position: relative;
    margin-bottom: 10px;
    clear: both;
}

#btm-comment .group-control-input {
    height: 43px;
    border-radius: 0;
    position: relative;
}

#btm-comment .group-control-file {
    height: 43px;
    position: relative;
}

    #btm-comment .group-control-file em {
        position: absolute;
        top: 0;
        right: 0px;
        z-index: 2;
        display: block;
        height: 43px;
        line-height: 43px;
        border-radius: 0;
        background: #31954C;
        color: #fff;
        font-weight: bold;
        display: block;
        width: calc(100% - 120px);
        text-align: center;
        font-style: normal;
    }

#btm-comment #btnSendEmailTV.btn-comment {
    border-radius: 0;
    background-color: #31954C !important;
    font-size: 16px;
    height: 43px;
    width: 200px;
}

#btm-comment .group-control label {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 2;
    display: block;
    height: 43px;
    line-height: 43px;
    font-weight: normal;
}

#btm-comment .group-control-file label {
    color: #fff;
}

#btm-comment .group-control-input input {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    border: none !important;
    color: #BDBDBD;
    border-radius: 0;
}

    #btm-comment .group-control-input input[type=file], #btm-comment .group-control-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        cursor: pointer;
        opacity: 0;
    }

/*-----------*/
.plusx {
    display: block;
    padding: 7px 0;
    text-align: center;
    background-color: rgb(243, 244, 248);
    border: 1px solid #e7e7e7;
    color: #4a90e2;
    width: 50%;
    float: left;
    cursor: pointer;
    margin: 0;
}

    .plusx:before {
        content: " +";
        padding: 0px 7px 2px 6px;
        border: 1px solid #66a1e6;
        border-radius: 50%;
        margin-right: 10px;
    }

    .plusx img {
        height: 17px;
    }

.minusx {
    color: #ff5500;
}

    .minusx:before {
        content: " -" !important;
        padding: 0px 9px 2px 8px !important;
        border: 1px solid #ff5500;
    }

#content-cs {
    display: none;
    padding: 10px;
    border: 1px solid #e7e7e7;
    border-top: 0;
    float: left;
    width: 100%;
    margin: 0px 0px 10px;
}

#content-tailieu {
    margin-top: 10px;
}

#tbl_tailieu {
    border: 1px solid #ddd;
    background: url(../Images/bg_table_compare_attr.jpg);
    width: 100%;
}

    #tbl_tailieu td {
        border: 1px solid #ddd;
        padding: 3px;
    }

    #tbl_tailieu th {
        border: 1px solid #ddd;
        padding: 3px;
        background: #d5d6e285;
        text-align: center;
    }

    #tbl_tailieu td.code i {
        display: block;
    }

    #tbl_tailieu td.code .thumb {
        width: 40px;
        height: 40px;
        position: relative;
        overflow: hidden;
        float: left;
        background: #00000026;
        margin-right: 5px;
    }

    #tbl_tailieu .dongA {
        width: 20px;
    }

    #tbl_tailieu .module {
        width: 82px;
    }

    #tbl_tailieu .tcontrol {
        width: 50px;
    }

        #tbl_tailieu .tcontrol .number {
            width: 65px;
            font-size: 11px;
            height: 29px;
            color: #000;
        }

    #tbl_tailieu .price {
        width: 100px;
    }

#div_khuyenmai {
    border: 1px solid #ecdabf;
    background: url(../Images/bg_table_compare_attr.jpg);
    width: 100%;
    float: left;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px;
    background-color: #fff;
}

    #div_khuyenmai .fa {
        font-size: 16px;
        color: red;
        margin-right: 5px;
    }

@font-face {
    font-family: "flaticon";
    src: url("../Styles/fonts/flaticon.woff");
    font-display: swap;
}



.mainnav .dropdown {
    position: relative;
    display: inline-block;
}

.mainnav .dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 250px;
    z-index: 99999;
}

.mainnav .dropdown:hover .dropdown-content {
    display: block;
}

.mainnav .dropdown-content li {
    padding: 0 !important;
    width: 100%;
    background: rgb(243, 244, 248);
    border: none;
    border-bottom: 1px solid #00000014;
}

    .mainnav .dropdown-content li a {
        margin: 0 !important;
        margin-left: 10px !important;
        text-transform: capitalize;
        font-weight: normal;
        color: rgb(255, 85, 0) !important;
        border: none !important;
        line-height: 40px;
    }

.link_video {
    color: Red;
}

#web_wrapper {
    overflow: hidden;
}
/**************/
#tblDetailProduct {
    border: none;
    float: left;
    width: 100%;
}

    #tblDetailProduct tr td {
        padding: 0;
        font-size: 16px;
        line-height: 30px;
    }

        #tblDetailProduct tr td.p-value {
            color: #31954C;
            min-width: 100px;
            font-weight: bold;
            text-transform: capitalize;
        }

            #tblDetailProduct tr td.p-value .hangsx {
                color: #666;
            }

.mota_maphu {
    float: left;
    width: 100%;
    padding: 10px;
    background-color: #f8f8f8;
    font-size: 13px;
    border-left: solid 3px #4285f4;
    min-height: 40px;
    display: none;
}
/*****Tìm kiếm nâng cao*****/

.icon-system {
    background-image: url(../Images/icon-system.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.icon-checkbox {
    background-position: -145px -30px;
    width: 16px;
    height: 16px;
    vertical-align: sub;
    margin-right: 3px;
}

.filter .dropfilter .item .check .icon-checkbox {
    background-position: -165px -30px;
}

.filter .dropfilter .item i.icon-checkbox {
    margin-left: -20px;
}

.filter .dropfilter .view-resuilt, .filter .dropfilter .clear-search {
    color: #288ad6;
}

.filter .sort-by {
    position: absolute;
    top: 5px;
    right: 0;
}

.banner-page img {
    width: 100% !important;
    height: auto !important;
}

.link-block ul {
    padding: 0px 10px;
}

.link-block li {
    padding: 10px 5px 10px 15px;
    position: relative;
}

    .link-block li:after {
        content: "\f02b";
        position: absolute;
        left: 0;
        top: 10px;
        font-family: "FontAwesome";
        color: #4b4d4e;
    }

.link-block a {
    color: #4b4d4e;
}

.icon-KM {
    background: url(../Images/promotion.gif);
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    width: 40px;
    display: inline-block;
}
/*update version*/
.snake-gift {
    animation: shake .82s cubic-bezier(.36,.07,.19,.36) both;
    transform: translate3d(0,0,0);
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

.web5s-search .form-search button {
    background-color: #DA251E;
}

.web5s-search .form-search input {
    border-color: #DA251E;
}

#web_menu {
    background-color: #DA251E;
    font-size: 13px;
}

    #web_menu .web_wapper_menu .deskmenu ul.mainnav, .web-categories-nav h3 span {
        text-transform: uppercase;
        font-size: 15px;
    }

        #web_menu .web_wapper_menu .deskmenu ul.mainnav li.active > a, #web_menu .web_wapper_menu .deskmenu ul.mainnav li > a:hover, #web_menu .web_wapper_menu .deskmenu ul.mainnav li > a:focus {
            color: #444 !important;
        }

.web-categories-nav .content ul.nav-list {
    min-height: 414px;
}
/*end menu */
/* header css */
.header-top {
    background-color: none;
    padding: 3px 0px;
    
}
    .header-top .container {
      /*  border-bottom: 2px solid #0707070d;*/
    }
    .header-top:hover {
        background-color: #0707070d;
        padding: 3px 0px;
    }

.header-top-left > ul > li {
    float: left;
    margin-right: 15px;
    font-size: 16px;
    color: #fff;
}

    .header-top-left > ul > li:last-child {
        margin-right: 0px;
    }

    .header-top-left > ul > li > a {
        color: #fff;
    }

    .header-top-left > ul > li > i {
        margin-right: 4px;
    }

.header-social > ul li {
    display: inline-block;
    margin-right: 12px;
}

.header-social {
    text-align: left;
    margin-top: 5px;
}



    .header-social > ul li {
        display: inline-block;
        margin-right: 15px;
    }

        .header-social > ul li:last-child {
            margin-right: 0px;
        }

        .header-social > ul li > a, .header-top-right > ul > li > a {
            color: #fff;
        }

        .header-social > ul li span {
            color: #fff;
        }


.header-top-right > ul {
    margin: 5px 0px;
    text-align: right;
}

    .header-top-right > ul > li {
        display: inline-block;
        margin: 0;
    }

        .header-top-right > ul > li a {
            margin-right: 10px;
            border-right: 1px solid #fff;
            padding-right: 10px;
        }

        .header-top-right > ul > li:last-child a {
            margin: 0;
            padding: 0;
            border: 0;
        }

.header-social ul {
    display: inline-block;
    margin-right: 15px;
}

    .header-social ul:last-child {
        margin-right: 0px;
    }

    .header-social ul.header-top-currency .currencie {
        background-color: rgb(13, 148, 170);
        border: 0px;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        outline: 0;
        padding: 6px 8px;
        border-radius: 4px 4px;
    }

        .header-social ul.header-top-currency .currencie > option {
            color: #000;
            background-color: #fff;
        }


.box-counter, #MenuShowHeader .link_cart .box-counter {
    background-color: #DA251E;
}



.header_hotline {
    font-size: 21px;
    display: inline-block;
    float: right;
    color: #FF0000;
    text-align: right;
    padding-left: 0;
    padding-top: 18px;
    line-height: 18px;
    position: relative;
    max-width: 260px;
}

    .header_hotline i {
        position: absolute;
        top: 15px;
        right: 160px;
        font-size: 50px;
    }

    .header_hotline label {
        font-size: 18px;
        color: #313131;
        font-weight: normal;
    }

    .header_hotline span {
        font-size: 21px;
        color: #f00;
        font-weight: bold;
    }

#top_support .hotline_top {
    display: none;
}

.web5s-search .form-search button {
    padding: 0 10px;
    font-size: 25px;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
}

.web5s-search .form-search input {
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
}

#web_menu .web_wapper_menu .deskmenu ul.mainnav li > a {
    border-color: transparent;
    font-size: 15px;
}
/* */
.categories-footer {
}

    .categories-footer a, .footer-top a, .web_ft_wrapper, .footer-container {
        color: #d8d8d8;
    }

.footer-top h2, .footer-top h3, .footer-top i, .footer-top .links-contact b {
    color: #fff;
}

.footer-info {
    padding: 0px;
}

.footer-container .footer-head, .footer-container .contact-col {
}


.footer-container .footer-block .footer-block-content .links-contact li::before {
    background: #fff;
    display: none;
}

.footer-container .footer-block .footer-block-content .links-contact li i {
    position: absolute;
    left: 6px;
    top: 0px;
    font-size: 20px;
}

/* block-subscribe*/
#block-subscribe {
    background: #fff;
    margin-top: -50px;
    -webkit-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
    -moz-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
    box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
    position: relative;
    overflow: hidden;
}

.footer-container .block-subscribe-footer .subscribe button {
    background-color: #fda12b;
}


.footer-bottom {
}

/*.deskmenu .cart {
    position: absolute;
    top: 13px;
    right: 0px;
    width: 30px;
    margin: 0;
    background: none;
    height: 37px;
}*/

.cart {
    position: relative;
}

.site-header-menu .cart {
    display: none;
}

.fixed-header .cart {
    margin: 10px 10px;
    /* position: absolute; */
    top: -13px;
    right: 0px;
    display: block;
}

    .fixed-header .cart::before {
        display: none
    }

    .fixed-header .cart svg {
        height: 30px;
    }

    .fixed-header .cart .cart-counter {
        top: 10px
    }

.cart .cart-icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 25px;
    color: #fff;
    z-index: 1;
}


#cart_menu .cart .cart-icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 25px;
    color: #ddd;
    z-index: 1;
}

.cart .cart-info {
    display: none;
}

.cart .cart-counter {
    z-index: 2;
    right: -1px;
    top: 1px;
    left: auto;
    background-color: #F6D212;
    border-radius: 50%;
    color: #444 !important;
    width: 21px;
    height: 21px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-family: Roboto-Medium,sans-serif;
    position: absolute;
    line-height: 22px;
    font-size: 14px;
    padding: 0 3px;
}



.deskmenu .cart-l p {
    display: none;
}

/* product box */
.bottom-action a {
    display: none;
}
/* trang trong */
.services-home .banner-policy .inner .policy a em.fa-truck:before {
    background: url('/images/icon_free_delivery_58.png') no-repeat;
    width: 58px;
    height: 50px;
    display: block;
    content: "" !important;
}

.services-home .banner-policy .inner .policy a em.fa-award:before {
    background: url('/images/icon_presentation_53.png') no-repeat;
    width: 58px;
    height: 53px;
    display: block;
    content: "" !important;
}

.services-home .banner-policy .inner .policy a em.fa-cart-arrow-down:before {
    background: url('/images/icon_truck_58.png') no-repeat;
    width: 61px;
    height: 53px;
    display: block;
    content: "" !important;
}

.services-home .banner-policy .inner .policy a em.fa-cogs:before {
    background: url('/images/icon_support_48.png') no-repeat;
    width: 48px;
    height: 53px;
    display: block;
    content: "" !important;
}

.services-home .banner-policy {
    border: none;
}

    .services-home .banner-policy .inner {
        padding: 0 15px;
    }

        .services-home .banner-policy .inner .policy {
            padding: 7px 15px 7px 0px;
            border: none;
        }

            .services-home .banner-policy .inner .policy a span {
                padding-left: 15px;
                font-weight: bold;
                text-transform: uppercase;
                font-size: 13px;
            }

                .services-home .banner-policy .inner .policy a span i {
                    font-size: 13px;
                    font-weight: 400;
                    font-style: normal;
                    text-transform: none;
                }
/* Blog */
.all-blog {
    margin-top: 15px;
}

.title-group .title {
    font-size: 31px;
    line-height: 60px;
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.title-cate .title {
    font-size: 31px;
    line-height: 60px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #666;
    text-transform: capitalize;
}

.title-group .title::after {
    display: block;
    height: 2px;
    margin-bottom: 0;
    content: '';
    position: absolute;
    left: 1px;
    bottom: 0px;
    width: 100%;
    background: #999;
    z-index: 1;
}

.title-group .title::before {
    display: block;
    height: 2px;
    margin-bottom: 0;
    content: '';
    position: absolute;
    left: 1px;
    bottom: 0px;
    width: 13%;
    background: #31954C;
    z-index: 2;
}

.title-group a.view-more {
/*    position: absolute;
    top: 48px;
    right: -1px;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    color: #31954C;
    background: #fff;
    padding: 0px 10px;
    z-index: 9;*/
    text-transform: uppercase;
    background: #31954C url(/images/view-more-arr.svg) no-repeat top 8px right 12px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    display: block;
    position: absolute;
    padding: 0 15px;
    min-width: 128px;
    top: 10px;
    right: 0;
}

.title-group a.view-more i {
    display:none;
}
    .content-inner a.view-more {
    top: -75px;
    right: 10px;
}

.title-group::after {
    display: none;
}

.title-home-page {
    /* border-bottom: 4px solid #f4f4f4;
     */
    font-size: 24px;
    position: relative;
    text-align: left;
    margin-bottom: 10px;
}

    .title-home-page span, .title-home-page h2 {
        border: none;
        text-transform: uppercase;
    }
/* home category */
.home-category ul {
    border: none;
    padding: 0;
}

.home-category .content-box .child-cat .item a:before {
    background-color: Red;
    border-radius: 50%;
}

.static-image {
    margin: 15px 0 35px;
}

.home-category .content-box .cat-title {
    font-size: 16px;
}

.home-category .content-box .child-cat .item a {
    font-size: 14px;
    line-height: 21px;
}

.fb-fix {
    position: fixed;
    bottom: 31px;
    right: 10px;
}

    .fb-fix a {
        width: 60px;
        height: 60px;
        display: block;
        border-radius: 50%;
        box-shadow: 1px 1px 8px #e2dbdb;
    }

        .fb-fix a:hover {
            box-shadow: 1px 1px 8px #888888;
        }
/*************/
.flash-sale .fs-header {
    margin: 10px 0 20px 0;
    position: relative;
}

.fs-header .title {
    font-size: 24px;
}

.flash-sale .fs-header .fs-icon {
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

    .flash-sale .fs-header .fs-icon i {
        font-size: 60px;
        color: #DA251E;
    }

.flash-sale .fs-header div {
    float: left;
    padding-left: 10px;
    width: calc(100% - 50px);
}

    .flash-sale .fs-header div h3 {
        color: #333;
        font-size: 24px;
        position: relative;
        margin: 0 0 5px 0;
    }

    .flash-sale .fs-header div p {
        color: rgb(51, 51, 51);
        font-size: 13px;
        margin: 6px 0px 0px;
    }

.flash-sale .price-box .fs-order {
    display: block;
    margin: 5px 0;
}

    .flash-sale .price-box .fs-order i {
        font-size: 18px;
    }

.flash-sale .price-box .bar {
    position: relative;
    height: 18px;
    background-color: #FDDAC8;
    flex: 1 1 0;
    border-radius: 9px;
    overflow: hidden;
    width: 120px;
    display: inline-block;
    margin-top: 10px;
}

    .flash-sale .price-box .bar .percent {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 0px;
        height: 100%;
        background-color: rgb(253, 110, 35);
        z-index: 1;
    }

    .flash-sale .price-box .bar .bar-content {
        position: absolute;
        top: 0px;
        left: 0px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        z-index: 2;
        padding: 0px 4px;
    }

        .flash-sale .price-box .bar .bar-content .text {
            position: absolute;
            top: 0px;
            left: 0px;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            width: 100%;
            height: 100%;
            color: rgb(255, 255, 255);
            font-size: 12px;
            text-align: center;
            margin: 0px;
        }

.card-fs-content-button {
    font-weight: 400;
    font-size: 14px;
    float: right;
    display: block;
    border: 1px solid #f00;
    border-radius: 2px;
    color: #f00 !important;
    height: 35px;
    background-color: transparent;
    line-height: 35px;
    padding: 0 10px;
    margin: 10px 0 0;
}

.flash-sale .fs-sale {
    position: absolute;
    top: 5px;
    right: 10px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 4px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    width: 40px;
    height: 36px;
    background-image: url(/Images/deal-tag.png);
    background-size: 40px 36px;
    margin: 1px 0px 0px;
    background-position: 0px 0px;
    font-size: 13px;
}

.fs-detail-product {
    margin: 10px 0;
    text-align: center;
}

    .fs-detail-product img {
        float: left;
        width: 80px;
        height: 80px;
    }

    .fs-detail-product .fs-detail-content {
        float: left;
        padding-left: 10px;
        width: calc(100% - 80px);
        text-align: left;
    }

        .fs-detail-product .fs-detail-content p {
            margin: 0 0 5px 0;
        }

        .fs-detail-product .fs-detail-content .fs-name {
            font-weight: 600;
        }

        .fs-detail-product .fs-detail-content .fs-price {
            color: #f00;
            font-size: 16px;
        }

#tblFreshSaleOrder tr td {
    padding: 3px;
}

.fs-hotline {
    color: #f00;
    font-size: 20px;
    float: right;
    border: 1px solid #f00;
    border-radius: 2px;
    height: 35px;
    background-color: transparent;
    line-height: 35px;
    padding: 0 10px;
    margin: 0;
    -webkit-animation: color-change 1s infinite;
    -moz-animation: color-change 1s infinite;
    -o-animation: color-change 1s infinite;
    -ms-animation: color-change 1s infinite;
    animation: color-change 1s infinite;
}

.flash-sale .owl-carousel .owl-stage-outer {
    padding: 10px;
    border: 0;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,0.16);
}


/**/
.flash-sale-box ul li {
    background-image: url(/images/broker_line_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin: 5px 0;
    padding: 5px 0;
}

    .flash-sale-box ul li .images-container {
        float: left;
        width: 40%;
    }

    .flash-sale-box ul li .des-container {
        float: left;
        width: 60%;
        padding-left: 10px;
    }

    .flash-sale-box ul li .item-content {
        text-align: left !important;
    }

    .flash-sale-box ul li .item-title {
        margin: 0 !important;
    }

.count-down-fs {
    float: left;
}

    .count-down-fs span {
        color: #cd1818;
        line-height: 28px;
        font-weight: bold;
    }

    .count-down-fs li {
        float: left;
        height: 30px;
        margin: 0;
    }

.support-box-fs {
    position: fixed;
    min-width: 270px;
    max-height: 160px;
    bottom: 0;
    padding-bottom: 25px;
    left: 0;
    z-index: 9999;
}

    .support-box-fs p {
        margin: 0 0 5px 0;
        line-height: 20px;
    }

    .support-box-fs .avatar {
        float: left;
        height: 80px;
        margin-right: 10px;
    }

        .support-box-fs .avatar img {
            width: 80px;
            height: 80px;
            margin: auto;
            float: left;
            border-radius: 50%;
        }

    .support-box-fs .title-support-fs {
        color: #fff;
        display: block;
        padding: 5px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        background: #DA251E;
        border-top-right-radius: 5px;
    }

    .support-box-fs .body-fs {
        margin: 0;
        padding: 10px;
        background: #9E1B18;
        color: #fff;
        box-shadow: 0 0 6px rgba(0,0,0,0.5);
        border-top-right-radius: 5px;
        position: relative;
    }

        .support-box-fs .body-fs #btnCloseSupport {
            position: absolute;
            top: 0px;
            right: 5px;
        }

    .support-box-fs .title-support-fs img {
        float: right;
        margin: 3px;
    }

/* Product Detail */
.product-details .img-view {
    width: 90%;
}

.product-relate-box {
    padding-left: 5px;
    position: relative;
    overflow: hidden;
    clear: both;
}

.product-details .product-option {
    padding: 10px 0;
    margin-right: 5px;
    background: url(/images/arr-right-top.png) 0 0px no-repeat;
    background-position: right;
}

    .product-details .product-option .mp_color {
        display: block;
        height: 20px;
        width: 30px;
        margin: -3px -12px;
    }

    .product-details .product-option .color-label {
        line-height: 18px;
        margin: 0 0 5px;
        font-size: 13px;
        display: inline-block;
        color: #8e8e8e;
    }

        .product-details .product-option .color-label label {
            font-weight: bold;
        }

        .product-details .product-option .color-label span {
            color: #303030;
            font-weight: 400;
            display: inline-block;
            margin-left: 6px;
            color: #4285f4;
        }

    .product-details .product-option li a {
        display: block;
        padding: 3px 12px;
        background: #fff;
        margin-right: 5px;
        border: 1px solid #189eff;
        font-weight: 400;
        color: #189eff;
        cursor: pointer;
        font-size: 13px;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 10px;
        border-radius: 4px;
        text-decoration: none;
        opacity: 0.7;
    }

        .product-details .product-option li a.active, .product-details .product-option li a:hover {
            color: #fff;
            background: #189eff;
            border: 1px solid #189eff;
            opacity: 1;
        }

        .product-details .product-option li a.disabled {
            background: #f4f4f4;
            color: #9b9b9b;
            border: 1px dashed #d6d6d6;
        }


.product-img-box .price-current span {
    color: #ED1A2E;
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    vertical-align: top;
    float: left;
}


.product-img-box .price-prev {
    color: #ccc;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
    margin: 0 0 0 20px;
    text-decoration: line-through;
    vertical-align: top;
    float: left;
}

.product-img-box {
}





.popup .bg-detail-list tr td, .bg-detail-list tr th, .bg-price-list tr td, .bg-price-list tr th {
    border: 1px solid #dfdfdf;
    padding: 3px;
}

.popup .bg-detail-list tr th {
    background: #EDEDED;
}

.popup .bg-detail-list img, .bg-price-list img {
    max-height: 50px;
    max-width: 50px;
}

.bg-detail-list tr.isSearch {
    background-color: Orange !important;
}

.bg-detail-list tr.selected_row {
    background-color: #A1DCF2 !important;
}


/* Báo giá KH */
.tbl-scroll {
    background: #fff;
    display: block;
    width: 100%;
}

#tblpricelist {
    background: #fff;
    margin-bottom: 10px;
}

    #tblpricelist tr th {
        background: #395562;
        border-right: 1px solid #fff;
        text-align: center;
        padding: 4px;
        color: #fff;
    }

    #tblpricelist thead td {
        padding: 10px 3px;
    }

    #tblpricelist tbody td {
        padding: 3px;
    }

    #tblpricelist tbody tr {
        border-bottom: 1px solid #e9e9e9;
    }

    #tblpricelist tr:nth-child(2n-1) {
        background: whitesmoke;
    }

    #tblpricelist td.code {
        text-align: center;
        width: 50px;
        overflow: hidden;
        min-height: 50px;
    }

        #tblpricelist td.code img {
        }

    #tblpricelist td.quantity {
        text-align: center;
        width: 70px;
        vertical-align: top;
    }

    #tblpricelist td.price {
        text-align: center;
        width: 80px;
        vertical-align: top;
        border-right: 1px solid #e9e9e9;
    }

    #tblpricelist td.stt {
        width: 35px;
        text-align: center;
    }

    #tblpricelist td.cr-drop-price {
        text-align: center;
        cursor: pointer;
    }

        #tblpricelist td.cr-drop-price img {
            margin-top: 10px;
        }
/* Tag new detail */
.news-tag a {
    color: #939393;
    font: 12px/17px Arial;
    background-color: #f1f1f1;
    padding: 3px 6px;
    border-radius: 4px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

#menu_product_show #LeftFlashSale {
    margin-top: 505px;
}

/***Product-Detail***/
.product-feature-images {
    float: left;
    width: 100%;
    height: 70px;
    margin: 15px 0;
}

    .product-feature-images ul li {
        padding: 5px;
        border: 1px solid #ececec;
        margin: 0 0 5px 0;
        height: 70px;
        width: 70px;
        float: left;
    }

        .product-feature-images ul li.view-more-img {
            position: relative;
        }

            .product-feature-images ul li.view-more-img a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: inline-block;
                padding-top: 15px;
                background: rgba(0,0,0,.7);
                text-align: center;
                color: #fff;
                font-size: 12px;
            }

.pro-img-full {
    float: right;
    width: calc(100% - 15px);
    position: relative;
    padding-left: 10px;
    margin-right: 15px;
}

.product-box-support {
    border-radius: 10px;
    border: 1px solid #BDBDBD;
    text-align: center;
    background: #F0EFEF;
    margin-bottom: 30px;
}

    .product-box-support li.vip-row {
        border-bottom: 1px dashed rgba(0,0,0,.12);
        display: flex;
        padding: 15px;
    }

    .product-box-support li.item-row {
        padding-top: 5px;
        text-align: center;
        border-bottom: 1px dashed rgba(0,0,0,.12);
    }

    .product-box-support li.item-end {
        text-align: left;
    }

    .product-box-support li.item-row p .colorboldblue {
        font-weight: normal;
    }

    .product-box-support li:last-child {
        border-radius: 5px;
        border-bottom: none;
    }

    .product-box-support li .sp-avatar {
        height: 106px;
        width: 106px;
        border: 1px solid #BDBDBD;
        background: #E7E7E7;
        border-radius: 10px;
    }

    .product-box-support li .sp-name {
        font-size: 20px;
        color: #666;
        margin: 0;
    }

    .product-box-support li .sp-chucdanh {
        font-size: 13px;
        text-transform: uppercase;
        color: #666;
        margin-left: 5px;
        clear: both;
        display: block;
    }

    .product-box-support li .sp-phone {
        font-size: 16px;
        color: #31954C;
        margin-left: 5px;
        font-weight: bold;
    }

    .product-box-support li .sp-extra {
        font-size: 16px;
        color: #31954C;
        margin-left: 5px;
        font-weight: bold;
    }

    .product-box-support li .sp-info {
        padding-left: 15px;
        text-align: left;
    }

    .product-box-support li:hover {
        opacity: 0.8;
    }

.note-product {
    padding: 10px;
    background: #f4f4f4;
    border-radius: 4px;
    max-height: 135px;
    overflow: hidden;
    font-size: 12px;
}

    .note-product p span {
        font-size: 12px;
    }

.product-box-support li.vip-row img {
    border-radius: 50%;
    width: 106px;
    height: 106px;
}

.product-box-support p {
    margin: 0 0 3px 0;
    line-height: 20px;
}



.product-detail-code-relate li {
    display: inline-block;
}

.support-shop {
    padding: 0;
}

ul.list-nhan-vien-col li {
    list-style: none;
    float: left;
    width: 100%;
}
/*Support Footer*/
.supportico {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 99;
    background: #262626;
    padding: 0.5em 0;
    display: none;
    line-height: 20px;
}

    .supportico .blockcontent {
        display: flex;
        flex-flow: row;
    }

        .supportico .blockcontent .item_m {
            flex-grow: 2;
            text-align: center;
            display: inline-block;
        }

            .supportico .blockcontent .item_m .ico {
                background: url(../Images/tool_mb.png);
                background-repeat: no-repeat;
                display: inline-block;
                width: 30px;
                height: 25px;
                background-size: 180px;
            }

            .supportico .blockcontent .item_m .ico-phone {
                background-position: 5px -3px;
            }

            .supportico .blockcontent .item_m .ico-sms {
                background-position: -37px -3px;
            }

            .supportico .blockcontent .item_m .ico-zalo {
                background-position: -80px -3px;
                width: 58px;
            }

            .supportico .blockcontent .item_m .ico-fbmessage {
                background-position: -150px 0px;
                height: 26px;
            }

            .supportico .blockcontent .item_m a {
                width: 100%;
                display: inline-block;
                color: white;
                font-size: 13px;
                color: #b6b6b6;
            }
/*GALLERY*/
.gallery-wrap {
    float: right;
    position: relative;
    margin-right: -15px;
}

.fgallery-list {
    position: relative;
}

    .fgallery-list li {
        display: inline-block;
        max-width: 33.33%;
        padding: 0 1.1400652% 2.2801304%;
        text-align: center;
        vertical-align: top;
        width: 100%;
    }

    .fgallery-list img {
        margin: 0 auto;
        max-width: 100%;
    }

/*********/


.rs-whychoose .rs-title a, .rs-whychoose .rs-text {
    color: #fff;
}

.rs-whychoose .rs-title {
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.single-news .news-thum {
}

    .single-news .news-thum img {
        width: 100%;
        box-shadow: 2px 2px 0 0 rgba(0,0,0,0.1);
        border: 1px solid #f4f4f4;
        padding: 1px;
        margin-bottom: 10px;
    }

.single-news .news-cont p {
    text-align: justify;
    line-height: 22px;
}

.single-news .news-cont ul li {
    display: inline-block;
    margin-right: 25px;
}

    .single-news .news-cont ul li:last-child {
        margin-right: 0;
    }

    .single-news .news-cont ul li a {
        color: #8a8a8a;
        font-size: 15px;
        margin: 3px 0;
    }

        .single-news .news-cont ul li a i {
            color: #167AC6;
            margin-right: 8px;
        }

        .single-news .news-cont ul li a span {
            color: #07294d;
        }

.news-list {
    margin-bottom: 10px;
}

.single-news .news-cont a {
    display: block;
    font-weight: 600;
}

    .single-news .news-cont a h3 {
        font-size: 16px;
        color: #2d40be;
        line-height: 22px;
        font-weight: 600;
        padding: 10px 0 0;
        -webkit-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }

    .single-news .news-cont a:hover h3 {
        color: #167AC6;
    }

.news-list .news-cont h3 {
    font-size: 20px;
}

.news-list .news-cont ul li a {
    font-size: 14px;
}

.div-title h5 a {
    color: #000;
}

    .div-title h5 a:hover {
        color: #167AC6;
    }

#news_page .news-list .news-cont h3 {
    font-size: 14px;
    font-weight: 500;
    padding: 0 0 5px 0;
}

/*********/
.list_shop select {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 10px;
    height: 40px;
    box-shadow: none;
    outline: 0;
    margin-bottom: 15px;
}

    .list_shop select:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

.list_shop h2, .list_maps h2 {
    font-weight: 600;
    font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

.list_shop .detail {
    overflow: auto;
    max-height: 500px;
}

.list_shop .ul_list_shop li {
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    padding: 5px 15px;
    margin: 0 0 15px 0;
    background: #fff;
}

    .list_shop .ul_list_shop li p {
        margin-bottom: 5px;
        padding-left: 30px;
        position: relative;
    }

    .list_shop .ul_list_shop li h3 {
        font-size: 16px;
        font-weight: bold;
    }

    .list_shop .ul_list_shop li p i {
        color: #31954C;
        position: absolute;
        left: 5px;
        top: 5px;
    }

.list_maps {
    position: relative;
}

    .list_maps::after {
        content: ' ';
        display: block;
        position: absolute;
        height: 55px;
        width: calc(100% - 15px);
        background: #06962d;
        top: 0;
        left: 15px;
        /* opacity: 0.4; */
        mix-blend-mode: soft-light;
    }


.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: -1px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #2aa1c0;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #0e647d;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

ul.share_buttons {
    margin: 0;
    padding: 0;
}

    ul.share_buttons > li {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
    }

        ul.share_buttons > li.plusone {
            max-width: 65px;
            margin: 0;
        }

        ul.share_buttons > li.fa_send {
            margin-right: 5px;
        }


mark {
    background: none;
    font-weight: bold;
    color: #000;
}

.body-product {
    background: #fff;
    margin-bottom: 10px;
}

.web_ft_wrapper {
    margin: 0;
}



@media (max-width:768px) {
    .breadcrumbs {
        display: none;
    }

    #menu_support_show {
        padding: 5px;
    }
}
/*Form Bao Gia*/
#formBaoGia {
    width: 900px;
    padding: 15px;
    min-height: 520px;
    height: auto;
    border-radius: 0px;
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5);
    box-shadow: 0 10px 25px rgba(0,0,0,.5);
}

    #formBaoGia input[type="text"] {
        padding: 9px 3px;
        margin-bottom: 5px !important;
    }

    #formBaoGia td {
        display: table-cell;
    }

#bg_note .note_content {
    display: none;
}

.cr-drop-price img {
    vertical-align: top;
    max-width: 100%;
}

#navLoaiHang {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    #navLoaiHang label {
        float: left;
    }

    #navLoaiHang ul {
        display: inline-block;
        font-size: 13px;
        width: calc(100% - 96px);
        margin-left: 5px;
    }

    #navLoaiHang li {
        display: inline-block;
        font-weight: bold;
    }

        #navLoaiHang li:not(:last-child):after {
            content: "/";
        }

.list_certificate li {
    margin-bottom: 15px;
}

    .list_certificate li p {
        margin-bottom: 10px;
    }

.list_certificate h3.item-title {
    margin: 0px;
    font-size: 16px;
    line-height: 18px;
}

.recruitment {
    font-size: 14px;
    line-height: 25px;
}

    .recruitment .page-title {
        margin-bottom: 47px;
        padding-bottom: 15px;
        position: relative;
    }

    .recruitment .title {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 18px;
    }

    .recruitment .page-title .text {
        margin: 0;
        font-size: 24px;
        font-family: "SVN-Hemi Head","SVN-Helvetica Neue",sans-serif;
        letter-spacing: 0.9px;
        line-height: 1.4;
        color: #202020;
        text-align: center;
        text-transform: uppercase;
    }

    .recruitment .positions ul {
        margin: 30px 0 0;
        padding: 0;
    }

    .recruitment .list-unstyled {
        padding-left: 0;
        list-style: none;
    }

    .recruitment .categories .fa {
        margin-right: 20px;
    }

    .recruitment .positions .wrapper {
        padding: 15px 0;
        border-top: 1px dashed #d4d4d4;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
    }

        .recruitment .positions .wrapper .content {
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding-right: 15px;
        }

    .recruitment .recruitment-filters {
        margin-bottom: 20px;
    }

#formRecruitment {
    font-size: 14px;
}

    #formRecruitment h2 {
        font-size: 18px;
        margin: 0;
        line-height: 20px;
        margin-bottom: 10px;
        padding-left: 132px;
        color: #33b5e5;
    }

    #formRecruitment .form-group {
        margin-bottom: 10px;
    }

    #formRecruitment label {
        margin-bottom: 0px;
        font-weight: bold;
    }

.btn-default {
    background-color: #393a3c !important;
    color: #fff !important;
}

.product--title {
    text-align: center;
    font-size: 16px;
}

    .product--title h3 {
        font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
        font-size: 20px;
        font-weight: 600;
        display: inline-block;
        border-bottom: 1px solid transparent;
        padding-bottom: 10px;
        margin-bottom: 20px;
        transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -webkit-transition: all .4s ease;
    }

        .product--title h3 a {
            color: #333;
        }

            .product--title h3 a:hover, .product--title h3.current a {
                color: #DA251E;
            }

    .product--title span {
        padding: 0 16px 0 14px;
        font-size: 31px;
        color: #eaeaea;
    }

    .product--title h3:hover, .product--title h3.current {
        border-color: #DA251E;
    }

/*********/
.body_login_ctv {
    background: #fff;
    padding: 10px;
    min-height: 400px;
}

.btn-login-ctv {
    background-color: #00a65a !important;
    color: #fff !important;
    padding: 5px 10px;
}

#frmLogin_CTV, #frmRegisterCTV {
    padding: 5px 20px 20px;
    border-radius: 4px;
    border: 1px solid #ececec;
    text-align: left;
    float: left;
    width: 100%;
    background: #f4f4f4;
}

    #frmLogin_CTV h4, #frmRegisterCTV h4 {
        text-align: center;
        text-transform: uppercase;
        font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
        font-size: 20px;
        margin-bottom: 15px;
    }

    #frmLogin_CTV .form-group {
        width: 100%;
        margin-bottom: 15px;
    }

    #frmLogin_CTV .form-control {
        height: 35px;
        width: calc(100% - 100px);
        float: right;
        margin-top: -5px;
    }

#formForgot {
    min-height: auto;
}

#frmLogin_CTV .easyui-progressbar {
    width: 100%;
    display: none;
    margin-top: 10px;
    height: 25px;
}

#frmLogin_CTV .form-control {
    border-radius: 0;
    padding: 5px;
}


.body_login_ctv #content-hd {
    display: none;
    padding: 10px;
    border: 1px solid #e7e7e7;
    border-top: 0;
    float: left;
    width: 100%;
    margin: 0 0 10px;
    font-style: italic;
    background: #fff;
}

#frmRegisterCTV .body_account {
    margin: 5px 0;
    border: 1px solid #e7e7e7;
    padding: 10px;
    background: #fff;
}

.body_login_ctv .plusx {
    display: block;
    padding: 7px 0;
    text-align: center;
    background-color: #f3f4f8;
    border: 1px solid #e7e7e7;
    color: #4a90e2;
    width: 100%;
    float: left;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
}

    .body_login_ctv .plusx:before {
        content: " +";
        padding: 0 7px 3px 6px;
        border: 1px solid #66a1e6;
        border-radius: 50%;
        margin-right: 10px;
    }

.body_login_ctv .minusx {
    color: #f50;
}

    .body_login_ctv .minusx:before {
        content: " -" !important;
        padding: 0 7px 3px 8px !important;
        border: 1px solid #f50;
        color: #f50;
    }

#frmRegisterCTV input {
    padding: 5px;
}

.product--title {
    text-align: center;
}

    .product--title h3 {
        font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
        font-size: 20px;
        font-weight: 600;
        display: inline-block;
        border-bottom: 1px solid transparent;
        padding-bottom: 10px;
        margin-bottom: 20px;
        transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -webkit-transition: all .4s ease;
    }

        .product--title h3 a {
            color: #333;
        }

            .product--title h3 a:hover, .product--title h3.current a {
                color: #DA251E;
            }

    .product--title span {
        padding: 0 16px 0 14px;
        font-size: 31px;
        color: #eaeaea;
    }

    .product--title h3:hover, .product--title h3.current {
        border-color: #DA251E;
    }

#frmFAQ, #frmQuyDinh {
    display: none;
    font-size: 14px;
}

.body_login_ctv #homecus {
    height: 115px;
    border: 1px solid #ececec !important;
}

    .body_login_ctv #homecus ul li {
        width: 20%;
        text-align: center;
    }

.body_login_ctv .title-group .title {
    font-size: 20px;
    font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
}

.captcha_ctv {
    float: left;
    margin-right: 10px;
}
/**News CTV**/
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-nav [class*=owl-] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .owl-theme .owl-nav [class*=owl-]:hover {
            background: #869791;
            color: #FFF;
            text-decoration: none;
        }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default;
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px;
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #D6D6D6;
            display: block;
            -webkit-backface-visibility: visible;
            -webkit-transition: opacity 200ms ease;
            -moz-transition: opacity 200ms ease;
            -ms-transition: opacity 200ms ease;
            -o-transition: opacity 200ms ease;
            transition: opacity 200ms ease;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791;
        }

#owl_news_ctv .owl-dots .owl-dot.active span, #owl_news_ctv .owl-dots .owl-dot:hover span {
    background: #cd1818;
}

#owl_news_ctv .disabled {
    display: none;
}

#owl_news_ctv .news-item {
    padding: 10px;
    border: 1px solid #eee;
    margin: 0 10px 10px 0;
    height: 240px;
    text-align: center;
}

    #owl_news_ctv .news-item img {
        height: 118px !important;
    }

    #owl_news_ctv .news-item .news_des {
        margin: 10px 0 0;
        text-align: justify;
    }

        #owl_news_ctv .news-item .news_des a {
            color: #333;
            font-size: 14px;
        }

            #owl_news_ctv .news-item .news_des a:hover {
                color: #f50;
            }

#owl_news_ctv .owl-stage-outer {
    border: 0;
}

.box-share {
    padding: 10px;
    border-radius: 7px;
    margin-bottom: 10px;
    background: #e9eaea;
}

    .box-share .text {
        float: left;
        font-size: 20px;
        font-family: "Times New Roman";
    }

    .box-share .social {
        float: right;
        background: url(../images/bgsocial.png) 0 -21px no-repeat;
        padding-left: 52px;
    }

.fb-share-button {
    margin-left: 5px;
}

.body_login_ctv strong {
    font-size: 15px;
}

/**********/
.fix_tel {
    position: fixed;
    bottom: 35px;
    left: 6px;
    z-index: 999;
}

    .fix_tel a {
        text-decoration: none;
        display: block;
    }

.ring-alo-show {
    right: 122px;
    bottom: -12px;
}

.tel {
    width: 200px;
    height: 40px;
    position: relative;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0 );
}

.ring-alo-ph-circle, .ring-alo-phone {
    background-color: transparent;
    position: absolute;
}

.ring-alo-phone {
    cursor: pointer;
    height: 80px;
    transition: visibility .5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
}

    .ring-alo-phone.ring-alo-show {
        visibility: visible;
    }

    .ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
        opacity: 1;
    }

.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    border: 2px solid rgba(30,30,30,.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: .1;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 70px;
}

.ring-alo-ph-circle-fill, .ring-alo-ph-img-circle {
    height: 30px;
    left: 30px;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
}

.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}

.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: #tomato;
    opacity: .5;
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: .5;
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: red;
    background-color: tomato;
    opacity: .5;
}

.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    opacity: .1;
    transition: all .5s ease 0s;
    width: 30px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0,175,242,.5);
    opacity: .75 !important;
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117,235,80,.5);
    opacity: .75 !important;
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    opacity: 1;
    width: 30px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: red;
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #75eb50;
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #baf5a7;
}

/* MUC LUC*/
.table-content {
    width: auto;
    min-width: 300px;
    margin-bottom: 15px;
    display: inline-block;
}

    .table-content .tc-header {
        color: #fff;
        background: rgba(0,0,0,0.95);
        display: block;
    }

    .table-content .tc-header-title {
        margin-bottom: 0px;
        line-height: 35px;
    }

    .table-content .tc-list {
        color: #fff;
        background: #eee;
        margin-bottom: 0px;
        padding: 10px;
    }

        .table-content .tc-list ul {
            padding-left: 15px;
        }

        .table-content .tc-list li {
            list-style-type: decimal;
            list-style-position: inside;
            color: #000; /*428bca*/
        }

            .table-content .tc-list li:before {
                content: "";
            }

    .table-content .tc-minimize {
        float: right;
        margin-left: 5px;
        width: 25px;
        text-align: center;
        opacity: .5;
    }

.btn[class*="btn-outline-"] {
    /*    padding-top: 0.7rem;
    padding-bottom: 0.7rem;*/
}

    .btn[class*="btn-outline-"].btn-lg {
        /*        padding-top: 0.88rem;
        padding-bottom: 0.88rem;*/
    }

    .btn[class*="btn-outline-"].btn-md {
        /*        padding-top: 0.58rem;
        padding-bottom: 0.58rem;*/
    }

    .btn[class*="btn-outline-"].btn-sm {
        /*        padding-top: 0.38rem;
        padding-bottom: 0.38rem;*/
    }

.btn-outline-orange {
    border: 2px solid #f57c00 !important;
    background-color: transparent !important;
    color: #f57c00 !important
}

    .btn-outline-orange.active, .btn-outline-orange:active, .btn-outline-orange:active:focus, .btn-outline-orange:focus, .btn-outline-orange:hover {
        border-color: #f57c00 !important;
        background-color: transparent !important;
        color: #f57c00 !important
    }

.btn-outline-red {
    border: 2px solid #d32f2f !important;
    background-color: transparent !important;
    color: #d32f2f !important
}

    .btn-outline-red.active, .btn-outline-red:active, .btn-outline-red:active:focus, .btn-outline-red:focus, .btn-outline-red:hover {
        border-color: #d32f2f !important;
        background-color: transparent !important;
        color: #d32f2f !important
    }

    .btn-outline-red:not([disabled]):not(.disabled).active, .btn-outline-red:not([disabled]):not(.disabled):active, .show > .btn-outline-red.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: transparent !important;
        border-color: #d32f2f !important
    }

        .btn-outline-red:not([disabled]):not(.disabled).active:focus, .btn-outline-red:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-red.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.btn-pink {
    background-color: #ec407a !important;
    color: #fff !important
}

    .btn-pink:hover {
        background-color: #ee578a
    }

    .btn-pink.focus, .btn-pink:focus {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

    .btn-pink.active, .btn-pink:active, .btn-pink:focus {
        background-color: #b41249
    }

    .btn-pink.dropdown-toggle {
        background-color: #ec407a !important
    }

        .btn-pink.dropdown-toggle:focus, .btn-pink.dropdown-toggle:hover {
            background-color: #ee578a !important
        }

    .btn-pink:not([disabled]):not(.disabled).active, .btn-pink:not([disabled]):not(.disabled):active, .show > .btn-pink.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: #b41249 !important
    }

        .btn-pink:not([disabled]):not(.disabled).active:focus, .btn-pink:not([disabled]):not(.disabled):active:focus, .show > .btn-pink.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.pink-ic {
    color: #ec407a !important
}

    .pink-ic:focus, .pink-ic:hover {
        color: #ec407a
    }

.btn-outline-pink {
    border: 2px solid #ec407a !important;
    background-color: transparent !important;
    color: #ec407a !important
}

    .btn-outline-pink.active, .btn-outline-pink:active, .btn-outline-pink:active:focus, .btn-outline-pink:focus, .btn-outline-pink:hover {
        border-color: #ec407a !important;
        background-color: transparent !important;
        color: #ec407a !important
    }

    .btn-outline-pink:not([disabled]):not(.disabled).active, .btn-outline-pink:not([disabled]):not(.disabled):active, .show > .btn-outline-pink.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: transparent !important;
        border-color: #ec407a !important
    }

        .btn-outline-pink:not([disabled]):not(.disabled).active:focus, .btn-outline-pink:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-pink.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.btn-purple {
    background-color: #8e24aa !important;
    color: #fff !important
}

    .btn-purple:hover {
        background-color: #a028bf
    }

    .btn-purple.focus, .btn-purple:focus {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

    .btn-purple.active, .btn-purple:active, .btn-purple:focus {
        background-color: #481256
    }

    .btn-purple.dropdown-toggle {
        background-color: #8e24aa !important
    }

        .btn-purple.dropdown-toggle:focus, .btn-purple.dropdown-toggle:hover {
            background-color: #a028bf !important
        }

    .btn-purple:not([disabled]):not(.disabled).active, .btn-purple:not([disabled]):not(.disabled):active, .show > .btn-purple.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: #481256 !important
    }

        .btn-purple:not([disabled]):not(.disabled).active:focus, .btn-purple:not([disabled]):not(.disabled):active:focus, .show > .btn-purple.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.purple-ic {
    color: #8e24aa !important
}

    .purple-ic:focus, .purple-ic:hover {
        color: #8e24aa
    }

.btn-outline-purple {
    border: 2px solid #8e24aa !important;
    background-color: transparent !important;
    color: #8e24aa !important
}

    .btn-outline-purple.active, .btn-outline-purple:active, .btn-outline-purple:active:focus, .btn-outline-purple:focus, .btn-outline-purple:hover {
        border-color: #8e24aa !important;
        background-color: transparent !important;
        color: #8e24aa !important
    }

    .btn-outline-purple:not([disabled]):not(.disabled).active, .btn-outline-purple:not([disabled]):not(.disabled):active, .show > .btn-outline-purple.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: transparent !important;
        border-color: #8e24aa !important
    }

        .btn-outline-purple:not([disabled]):not(.disabled).active:focus, .btn-outline-purple:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-purple.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.btn-deep-purple {
    background-color: #512da8 !important;
    color: #fff !important
}

    .btn-deep-purple:hover {
        background-color: #5b32bc
    }

    .btn-deep-purple.focus, .btn-deep-purple:focus {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

    .btn-deep-purple.active, .btn-deep-purple:active, .btn-deep-purple:focus {
        background-color: #2a1758
    }

    .btn-deep-purple.dropdown-toggle {
        background-color: #512da8 !important
    }

        .btn-deep-purple.dropdown-toggle:focus, .btn-deep-purple.dropdown-toggle:hover {
            background-color: #5b32bc !important
        }

    .btn-deep-purple:not([disabled]):not(.disabled).active, .btn-deep-purple:not([disabled]):not(.disabled):active, .show > .btn-deep-purple.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: #2a1758 !important
    }

        .btn-deep-purple:not([disabled]):not(.disabled).active:focus, .btn-deep-purple:not([disabled]):not(.disabled):active:focus, .show > .btn-deep-purple.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.deep-purple-ic {
    color: #512da8 !important
}

    .deep-purple-ic:focus, .deep-purple-ic:hover {
        color: #512da8
    }

.btn-outline-deep-purple {
    border: 2px solid #512da8 !important;
    background-color: transparent !important;
    color: #512da8 !important
}

    .btn-outline-deep-purple.active, .btn-outline-deep-purple:active, .btn-outline-deep-purple:active:focus, .btn-outline-deep-purple:focus, .btn-outline-deep-purple:hover {
        border-color: #512da8 !important;
        background-color: transparent !important;
        color: #512da8 !important
    }

    .btn-outline-deep-purple:not([disabled]):not(.disabled).active, .btn-outline-deep-purple:not([disabled]):not(.disabled):active, .show > .btn-outline-deep-purple.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: transparent !important;
        border-color: #512da8 !important
    }

        .btn-outline-deep-purple:not([disabled]):not(.disabled).active:focus, .btn-outline-deep-purple:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-deep-purple.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.btn-indigo {
    background-color: #3f51b5 !important;
    color: #fff !important
}

    .btn-indigo:hover {
        background-color: #4d5ec1
    }

    .btn-indigo.focus, .btn-indigo:focus {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

    .btn-indigo.active, .btn-indigo:active, .btn-indigo:focus {
        background-color: #252f69
    }

    .btn-indigo.dropdown-toggle {
        background-color: #3f51b5 !important
    }

        .btn-indigo.dropdown-toggle:focus, .btn-indigo.dropdown-toggle:hover {
            background-color: #4d5ec1 !important
        }

    .btn-indigo:not([disabled]):not(.disabled).active, .btn-indigo:not([disabled]):not(.disabled):active, .show > .btn-indigo.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: #252f69 !important
    }

        .btn-indigo:not([disabled]):not(.disabled).active:focus, .btn-indigo:not([disabled]):not(.disabled):active:focus, .show > .btn-indigo.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.indigo-ic {
    color: #3f51b5 !important
}

    .indigo-ic:focus, .indigo-ic:hover {
        color: #3f51b5
    }

.btn-outline-indigo {
    border: 2px solid #3f51b5 !important;
    background-color: transparent !important;
    color: #3f51b5 !important
}

    .btn-outline-indigo.active, .btn-outline-indigo:active, .btn-outline-indigo:active:focus, .btn-outline-indigo:focus, .btn-outline-indigo:hover {
        border-color: #3f51b5 !important;
        background-color: transparent !important;
        color: #3f51b5 !important
    }

    .btn-outline-indigo:not([disabled]):not(.disabled).active, .btn-outline-indigo:not([disabled]):not(.disabled):active, .show > .btn-outline-indigo.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: transparent !important;
        border-color: #3f51b5 !important
    }

        .btn-outline-indigo:not([disabled]):not(.disabled).active:focus, .btn-outline-indigo:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-indigo.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.btn-blue {
    background-color: #1976d2 !important;
    color: #fff !important
}

    .btn-blue:hover {
        background-color: #2083e4
    }

    .btn-blue.focus, .btn-blue:focus {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

    .btn-blue.active, .btn-blue:active, .btn-blue:focus {
        background-color: #0e4377
    }

    .btn-blue.dropdown-toggle {
        background-color: #1976d2 !important
    }

        .btn-blue.dropdown-toggle:focus, .btn-blue.dropdown-toggle:hover {
            background-color: #2083e4 !important
        }

    .btn-blue:not([disabled]):not(.disabled).active, .btn-blue:not([disabled]):not(.disabled):active, .show > .btn-blue.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: #0e4377 !important
    }

        .btn-blue:not([disabled]):not(.disabled).active:focus, .btn-blue:not([disabled]):not(.disabled):active:focus, .show > .btn-blue.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.blue-ic {
    color: #1976d2 !important
}

    .blue-ic:focus, .blue-ic:hover {
        color: #1976d2
    }

.btn-outline-blue {
    border: 2px solid #1976d2 !important;
    background-color: transparent !important;
    color: #1976d2 !important
}

    .btn-outline-blue.active, .btn-outline-blue:active, .btn-outline-blue:active:focus, .btn-outline-blue:focus, .btn-outline-blue:hover {
        border-color: #1976d2 !important;
        background-color: transparent !important;
        color: #1976d2 !important
    }

    .btn-outline-blue:not([disabled]):not(.disabled).active, .btn-outline-blue:not([disabled]):not(.disabled):active, .show > .btn-outline-blue.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: transparent !important;
        border-color: #1976d2 !important
    }

        .btn-outline-blue:not([disabled]):not(.disabled).active:focus, .btn-outline-blue:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-blue.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.btn-light-blue {
    background-color: #82b1ff !important;
    color: #fff !important
}

    .btn-light-blue:hover {
        background-color: #9cc1ff
    }

    .btn-light-blue.focus, .btn-light-blue:focus {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

    .btn-light-blue.active, .btn-light-blue:active, .btn-light-blue:focus {
        background-color: #1c71ff
    }

    .btn-light-blue.dropdown-toggle {
        background-color: #82b1ff !important
    }

        .btn-light-blue.dropdown-toggle:focus, .btn-light-blue.dropdown-toggle:hover {
            background-color: #9cc1ff !important
        }

    .btn-light-blue:not([disabled]):not(.disabled).active, .btn-light-blue:not([disabled]):not(.disabled):active, .show > .btn-light-blue.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: #1c71ff !important
    }

        .btn-light-blue:not([disabled]):not(.disabled).active:focus, .btn-light-blue:not([disabled]):not(.disabled):active:focus, .show > .btn-light-blue.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.light-blue-ic {
    color: #82b1ff !important
}

    .light-blue-ic:focus, .light-blue-ic:hover {
        color: #82b1ff
    }

.btn-outline-light-blue {
    border: 2px solid #82b1ff !important;
    background-color: transparent !important;
    color: #82b1ff !important
}

    .btn-outline-light-blue.active, .btn-outline-light-blue:active, .btn-outline-light-blue:active:focus, .btn-outline-light-blue:focus, .btn-outline-light-blue:hover {
        border-color: #82b1ff !important;
        background-color: transparent !important;
        color: #82b1ff !important
    }

    .btn-outline-light-blue:not([disabled]):not(.disabled).active, .btn-outline-light-blue:not([disabled]):not(.disabled):active, .show > .btn-outline-light-blue.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: transparent !important;
        border-color: #82b1ff !important
    }

        .btn-outline-light-blue:not([disabled]):not(.disabled).active:focus, .btn-outline-light-blue:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-light-blue.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.btn-cyan {
    background-color: #00bcd4 !important;
    color: #fff !important
}

    .btn-cyan:hover {
        background-color: #00d3ee
    }

    .btn-cyan.focus, .btn-cyan:focus {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

    .btn-cyan.active, .btn-cyan:active, .btn-cyan:focus {
        background-color: #00626e
    }

    .btn-cyan.dropdown-toggle {
        background-color: #00bcd4 !important
    }

        .btn-cyan.dropdown-toggle:focus, .btn-cyan.dropdown-toggle:hover {
            background-color: #00d3ee !important
        }

    .btn-cyan:not([disabled]):not(.disabled).active, .btn-cyan:not([disabled]):not(.disabled):active, .show > .btn-cyan.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: #00626e !important
    }

        .btn-cyan:not([disabled]):not(.disabled).active:focus, .btn-cyan:not([disabled]):not(.disabled):active:focus, .show > .btn-cyan.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.cyan-ic {
    color: #00bcd4 !important
}

    .cyan-ic:focus, .cyan-ic:hover {
        color: #00bcd4
    }

.btn-outline-cyan {
    border: 2px solid #00bcd4 !important;
    background-color: transparent !important;
    color: #00bcd4 !important
}

    .btn-outline-cyan.active, .btn-outline-cyan:active, .btn-outline-cyan:active:focus, .btn-outline-cyan:focus, .btn-outline-cyan:hover {
        border-color: #00bcd4 !important;
        background-color: transparent !important;
        color: #00bcd4 !important
    }

    .btn-outline-cyan:not([disabled]):not(.disabled).active, .btn-outline-cyan:not([disabled]):not(.disabled):active, .show > .btn-outline-cyan.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: transparent !important;
        border-color: #00bcd4 !important
    }

        .btn-outline-cyan:not([disabled]):not(.disabled).active:focus, .btn-outline-cyan:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-cyan.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.btn-teal {
    background-color: #00796b !important;
    color: #fff !important
}

    .btn-teal:hover {
        background-color: #009382
    }

    .btn-teal.focus, .btn-teal:focus {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

    .btn-teal.active, .btn-teal:active, .btn-teal:focus {
        background-color: #001311
    }

    .btn-teal.dropdown-toggle {
        background-color: #00796b !important
    }

        .btn-teal.dropdown-toggle:focus, .btn-teal.dropdown-toggle:hover {
            background-color: #009382 !important
        }

    .btn-teal:not([disabled]):not(.disabled).active, .btn-teal:not([disabled]):not(.disabled):active, .show > .btn-teal.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: #001311 !important
    }

        .btn-teal:not([disabled]):not(.disabled).active:focus, .btn-teal:not([disabled]):not(.disabled):active:focus, .show > .btn-teal.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.teal-ic {
    color: #00796b !important
}

    .teal-ic:focus, .teal-ic:hover {
        color: #00796b
    }

.btn-outline-teal {
    border: 2px solid #00796b !important;
    background-color: transparent !important;
    color: #00796b !important
}

    .btn-outline-teal.active, .btn-outline-teal:active, .btn-outline-teal:active:focus, .btn-outline-teal:focus, .btn-outline-teal:hover {
        border-color: #00796b !important;
        background-color: transparent !important;
        color: #00796b !important
    }

    .btn-outline-teal:not([disabled]):not(.disabled).active, .btn-outline-teal:not([disabled]):not(.disabled):active, .show > .btn-outline-teal.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        background-color: transparent !important;
        border-color: #00796b !important
    }

        .btn-outline-teal:not([disabled]):not(.disabled).active:focus, .btn-outline-teal:not([disabled]):not(.disabled):active:focus, .show > .btn-outline-teal.dropdown-toggle:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
        }

.tf-download {
    color: #ff2f00;
    font-size: 13px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    text-transform: uppercase;
    background: linear-gradient(110deg, #f00 33%, rgba(0, 0, 0, 0) 33%), linear-gradient(110deg, #f00 34%, #f00 34%);
    background-size: 400%;
    -webkit-background-clip: text;
    animation: Gradient 4s ease infinite;
    -webkit-animation: Gradient 4s ease infinite;
    -moz-animation: Gradient 4s ease infinite;
}

    .tf-download span {
        -webkit-text-fill-color: transparent;
    }

.content-product {
    text-align: justify;
    margin-bottom: 30px;
    clear: both;
}

    .content-product > div {
        display: none
    }

        .content-product > div.active {
            display: block
        }

.loadding-preview {
    position: fixed;
    background: rgb(0 0 0 / 28%);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 9999999;
}

.products-detail-categories ul {
    margin-bottom: 0px;
    border-bottom: 2px solid #14407F;
}

    .products-detail-categories ul li {
        display: inline-block;
        padding: 0 0px 0px 5px;
        font-size: 20px;
        width: 24%;
    }

        .products-detail-categories ul li:first-child {
            padding-left: 0;
        }

        .products-detail-categories ul li .active {
            background: #31954C !important;
        }

        .products-detail-categories ul li a {
            display: inline-block;
            color: #666;
            padding: 10px;
            line-height: 20px;
            width: 100%;
            text-align: center;
            font-weight: bold;
            background: #F0EFEF;
        }

            .products-detail-categories ul li a:before {
                height: 1px;
                width: 1px;
                transform: rotate( 45deg );
                -webkit-transform: rotate( 45deg );
                content: ' ';
                position: absolute;
                left: 50%;
                bottom: -6px;
                margin-left: -10px;
                background: #F0EFEF;
                display: none;
                transition: all 2s ease;
            }

        .products-detail-categories ul li.active a, .products-detail-categories ul li:hover a {
            display: inline-block;
            background: #31954C;
            color: #fff;
            font-weight: bold;
            position: relative;
        }

            .products-detail-categories ul li.active a::before, .products-detail-categories ul li:hover a:before {
                height: 15px;
                width: 15px;
                transform: rotate( 45deg );
                -webkit-transform: rotate( 45deg );
                content: ' ';
                position: absolute;
                left: 50%;
                bottom: -6px;
                margin-left: -10px;
                background: #31954C;
                display: block;
            }

.products-detail-content {
    padding: 25px;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 80% 50%;
    }

    50% {
        background-position: 18% 50%;
    }

    100% {
        background-position: 80% 50%;
    }
}

.p-content-full {
    /* background: #ffff;
    padding: 15px;
    margin-top: 30px;
    border-top: 2px solid #31954c */
}

.zalo-sp a {
    color: #0b83cc
}


.ttm-header-style-01 .top_bar_user div > ul > li > a, .top_bar_contact_item a {
    color: #fff;
    margin-right: 5px;
    font-size: 16px;
}

.i-list {
    content: "";
    display: inline-block;
    margin: 0 10px 0 10px;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #34a105;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.home-why {
    background: #000 url(../Images/bg_why_1.webp) no-repeat scroll;
    background-size: cover;
    height: 430px;
    position: relative;
    overflow: hidden;
}

    .home-why > .container {
        height: 100%;
        padding-top: 30px;
        padding-bottom: 15px;
        position: relative;
    }

    .home-why .container::after {
        background: url(../Images/bg_why_2.png) no-repeat;
        background-position: bottom 0px right 10px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: block;
        content: ' ';
        position: absolute;
        opacity: 0.9;
        z-index: 1;
        background-size: 30%;
    }

    .home-why > .container > .slide-item {
        max-width: 60%;
        clear: both;
        position: relative;
        z-index: 2;
    }

        .home-why > .container > .slide-item > img {
            display: none;
        }

        .home-why > .container > .slide-item > a > span {
            display: block !important;
            color: #fff;
        }

        .home-why > .container > .slide-item .slide-name {
            font-size: 31px;
            padding-bottom: 15px;
            position: relative;
            line-height: 24px;
            margin-bottom: 15px;
        }

            .home-why > .container > .slide-item .slide-name:after {
                display: block;
                height: 2px;
                margin-bottom: 0;
                content: '';
                position: absolute;
                left: 1px;
                bottom: 0px;
                width: 220px;
                background: #31954C;
            }

        .home-why > .container > .slide-item li {
            display: block;
            padding-left: 20px;
            position: relative;
        }

            .home-why > .container > .slide-item li:after {
                display: block;
                content: ' ';
                height: 7px;
                width: 7px;
                background: #C4C4C4;
                border-radius: 50%;
                left: 0;
                top: 8px;
                position: absolute;
            }

    .home-why .btn {
        margin-top: 20px;
        background: #31954C;
        min-width: 270px;
    }

.news_item {
    position: relative;
}

.box-shadow {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.034), 0 3px 2px rgba(0, 0, 0, 0.048), 0 6px 5px rgba(0, 0, 0, 0.06), 0 11px 9px rgba(0, 0, 0, 0.072), 0 20px 16px rgba(0, 0, 0, 0.086), 0 50px 40px rgba(0, 0, 0, 0.12);
}



.news-thum {
    display: block;
    width: 100%;
    padding: 0px 0 66%;
    flex-shrink: 0;
    position: relative;
    background: rgba(136, 136, 136, 0.3);
    overflow: hidden;
}

    .news-thum img {
        position: absolute;
        width: 100%;
        min-height: 100%;
        /* max-height: 100%; */
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }


    .news-thum a:before,
    .news-thum a:after {
        background: rgba(255, 255, 255, .4) none repeat scroll 0 0;
        content: " ";
        height: 0;
        padding: 0;
        position: absolute;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        width: 0;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        z-index: 1;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .news-thum a:before {
        left: 0;
        top: 0;
    }

    .news-thum a:after {
        bottom: 0;
        right: 0;
    }

    .news-thum:hover a:before,
    .news-thum:hover a:after {
        height: 100%;
        width: 100%;
        transform: rotatex(-180deg);
        -webkit-transform: rotatex(-180deg);
        -moz-transform: rotatex(-180deg);
        -ms-transform: rotatex(-180deg);
        -o-transform: rotatex(-180deg);
        opacity: 0;
    }

#news-part {
    margin: 0;
}

#home_news .news-thum {
    margin-bottom: 15px;
}

#home_news .news-cont {
    padding: 0 15px 15px;
    height: 150px;
}

#home_news .news-source {
    font-size: 13px;
    padding: 0 15px 10px;
    color: #999999;
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    overflow: hidden;
}

    #home_news .news-source i {
        color: #31954C;
    }

#home_news .news_item_wrap {
    padding: 0 15px;
}

#home_news .news_item {
    margin-bottom: 15px;
}

#home_news .news-cont a {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 10px;
    display: block;
    text-align: justify;
}

    #home_news .news-cont a:hover {
        text-decoration: underline !important;
    }

#home_news .news-cont p {
    display: block;
    text-align: justify;
}

#home_news .sView {
    padding-left: 35px;
}

    #home_news .sView::before {
        content: ' ';
        display: block;
        height: 19px;
        width: 1px;
        transform: rotate( 30deg );
        position: absolute;
        background: #999;
        left: 17px;
        top: 0;
    }

#home_news .news-source span {
    display: inline-block;
    position: relative;
    float: left;
}

#home_news_data {
    position: relative;
    width: 100%;
}

#home_news .owl-nav {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    top: 30%;
    width: 100%;
    z-index: 99;
    z-index: 2;
    height: 50px;
}

#home_news .owl-carousel .owl-stage-outer {
    border: none;
    z-index: 1;
}

#home_news .owl-prev, #home_news .owl-next {
    font-size: 20px;
    color: #000;
    margin: 0;
    display: block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) !important;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) !important;
    line-height: 50px;
    z-index: 999;
    cursor: pointer;
}

    #home_news .owl-prev.disabled, #home_news .owl-next.disabled {
        cursor: unset;
        color: #999;
    }

#home_news .owl-prev {
    position: absolute;
    left: -15px;
}

#home_news .owl-next {
    position: absolute;
    right: -15px;
}

.container-left {
    padding-left: 0px;
}

.news-page .box-inner {
    padding-bottom: 0px;
}

.supported_card-block {
    display: none;
}

.home-cate-list {
    display: flex;
    flex-wrap: wrap;
}

.home-cate-item {
    width: 20%;
    border: 1px solid #C5C5C5;
    height: 235px;
}

    .home-cate-item:hover {
        -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) !important;
        box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) !important;
    }

    .home-cate-item img {
        height: 190px;
        display: block;
        margin: 0 auto;
    }

.nh-name {
    display: block;
    text-align: center;
    font-size: 16px;
}

.product-section .title-group .title::before {
    display: none;
}

.product-section .title-group .title::after {
    display: none;
}

.product-section .title-group .title {
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 0;
    margin-top: 15px;
}

.product-section .title-group {
    margin-bottom: 0;
    position: relative;
}

.product-section .more {
    text-transform: uppercase;
    background: #31954C url(../images/view-more-arr.svg) no-repeat top 8px right 12px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    display: block;
    position: absolute;
    padding: 0 15px;
    min-width: 128px;
    top: 10px;
    right: 0;
}

#homelinkimg_content {
    margin: 45px 0 30px;
}

    #homelinkimg_content .banner-image img {
        width: 100%
    }

.aSPLienQuan {
    height: 45px;
    width: 220px;
    padding-left: 45px;
    background: #F3F3F3 url(../images/aSPLienQuan.svg) no-repeat 12px 7px;
    line-height: 45px;
    display: block;
    float: left;
    margin-bottom: 15px;
    color: #31954C;
    font-weight: bold;
}

.lienhe_wrapp {
    background: url(../images/bg_lienhe.webp) no-repeat top center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 60px 0;
}

    .lienhe_wrapp .title-group, .lienhe_wrapp .title-group .title {
        color: #fff;
        margin: 0;
    }

        .lienhe_wrapp .title-group span {
            display: block;
            padding-left: 18px;
            height: 18px;
            line-height: 18px;
            border-left: 1px solid #fff;
            font-size: 18px;
        }

        .lienhe_wrapp .title-group .title::after, .lienhe_wrapp .title-group .title::before {
            display: none;
        }

#relate-product-ontop {
    position: absolute;
    top: -100px;
}

.page-loading {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    background: rgba(0,0,0,.65) url(/images/load_ring.svg) center no-repeat;
    text-align: center;
    display: none;
}

.products-grid ul li .item-inner .content-hover, #relate-product .item-inner .content-hover, .item-inner .content-hover {
    padding: 10px;
    background: rgb(239 239 239 / 53%);
    color: #14407f;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    display: none;
}

.products-grid ul li .item-inner:hover .content-hover, #relate-product .item-inner:hover .content-hover, .item-inner:hover .content-hover {
    display: block;
}

.theme-cart-product-box .theme-cart-product-table > table {
    width: 100%;
    box-shadow: 0px 0px 15px #eee;
    border: 1px solid #eee;
}

    .theme-cart-product-box .theme-cart-product-table > table > tbody > tr > td img {
        max-width: 80px;
        border: 1px solid #eee;
    }

    .theme-cart-product-box .theme-cart-product-table > table > thead > tr > th {
        font-size: 16px;
        margin-bottom: 0px;
        font-weight: 500;
        color: #ffffff;
        text-align: center;
        padding: 10px;
        background-color: #31954C;
    }

    .theme-cart-product-box .theme-cart-product-table > table > tbody > tr > td {
        font-size: 16px;
        padding: 15px 15px;
        text-align: center;
    }

.avalibility {
    color: #002156 !important;
    font-weight: 500;
}

.theme-cart-product-box .theme-cart-product-table > table > tbody > tr > td > a {
    margin-right: 15px;
}

    .theme-cart-product-box .theme-cart-product-table > table > tbody > tr > td > a:last-child {
        margin-right: 0px;
    }

.theme-cart-product-box .theme-cart-product-table > table > tbody > tr {
    border-bottom: 1px solid #eee;
}

    .theme-cart-product-box .theme-cart-product-table > table > tbody > tr:last-child {
        border-bottom: 0px;
    }

.theme-cart-product-box .theme-product-cart-button {
    margin-top: 30px;
    text-align: right;
}

.theme-product-cart-button .theme-btn {
    margin-right: 10px;
}

    .theme-product-cart-button .theme-btn:last-child {
        margin-right: 0px;
    }

.theme-cart-product-box .theme-cart-product-table > table > tbody > tr > td > .theme-input-box > .theme-input {
    width: 80px;
    text-align: right;
}

.theme-cart-product-box .theme-cart-product-table > table > tbody > tr > td.price,
.theme-cart-product-box .theme-cart-product-table > table > tbody > tr > td.quantity,
.theme-cart-product-box .theme-cart-product-table > table > tbody > tr > td.total-price {
    text-align: right;
}

.theme-cart-product-box .theme-cart-product-table > table > tbody > tr > td.name {
    text-align: left;
}

.theme-cart-product-box .theme-cart-product-table > table > tbody > tr > td img.img-order-product {
    margin: 0;
    max-width: 80px;
}

#view-total-price {
    color: #92929e !important;
    font-size: 13px;
}

#view-total-price-VAT {
    color: #14407F;
    font-size: 18px;
}

.td_total_price {
    text-align: left;
}

    .td_total_price span {
        font-size: 13px;
        color: #92929e;
    }

.product-order-summary {
    box-shadow: 0px 0px 15px #eee;
}

    .product-order-summary > .theme-title {
        background-color: #31954C;
        padding: 10px;
        color: #fff;
        font-size: 16px;
        margin: 0;
    }

.product-order-summary-content {
    padding: 15px 15px;
    border: 1px solid #eee;
}

    .product-order-summary-content > .theme-title {
        font-size: 16px;
        margin-bottom: 10px;
        font-weight: 600;
        margin: 0;
    }

    .product-order-summary-content .theme-description {
        margin-bottom: 10px;
        font-style: italic;
    }

    .product-order-summary-content > .theme-title > span {
        float: right;
    }

.product-order-btn .theme-btn {
    width: 100%;
    padding: 12px 10px;
    text-align: center;
}
/* product cart css */
.checkout-left {
    box-shadow: 0px 0px 15px #eee;
    padding: 30px 30px;
    border-radius: 8px 8px;
    border: 1px solid #eee;
    margin-bottom: 30px;
}
/* contact css */
.contact-information-top h4 {
    font-size: 20px;
    margin-bottom: 8px;
    font-weight: 600;
    color: #000;
    margin: 0px;
    float: left;
}

.contact-information-top p {
    font-size: 16px;
    float: right;
    margin: 0px;
}

    .contact-information-top p > a {
        font-weight: 600;
        color: #000;
        margin-left: 2px;
    }

.contact-info-checkbox {
    margin-top: 15px;
}

.checkout-left .contact-information-box {
    margin-bottom: 30px;
}

.contact-info-btn {
    margin-top: 20px;
}

.shipping-address-box {
    border-top: 1px solid #eee;
    padding: 30px 30px 0px 30px;
    margin: 0px -30px;
}

.theme-input-box {
    margin-top: 20px;
    position: relative;
}

    .theme-input-box .theme-input {
        border: 1px solid #eee;
        width: 100%;
        padding: 12px 15px;
        font-size: 15px;
        color: #000;
        border-radius: 6px 6px;
        outline: 0;
    }

.page-paddings {
    padding: 30px 0px;
}

.div_video {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    padding: 0 0 56%;
    flex-shrink: 0;
    position: relative;
    background: rgba(136,136,136,0.3);
    overflow: hidden;
}

    .div_video iframe {
        position: absolute;
        width: 100%;
        min-height: 100%;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

.news-tag li, .wTag li {
    display: inline-block;
    padding: 0 5px;
}

.wTag .TagProducts {
    padding: 15px;
}

.wTag li {
    display: inline-block;
    padding: 0 5px;
}

    .wTag li a {
        display: inline-block;
        padding: 5px;
        border: 1px solid #e7e7e7;
    }

        .wTag li a:hover {
            display: inline-block;
            padding: 5px;
            border: 1px solid #31954C;
            color: #31954C;
        }

.as-item {
    height: 65px;
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
}
.as-item .ui-state-active{
    background: none !important;
}
    .as-img {
    height: 50px;
    width: 50px;
    display: block;
    flex-shrink: 0;
    position: relative;
    background: rgba(136, 136, 136, 0.3);
    overflow: hidden;
}

    .as-img img {
        position: absolute;
        width: 100%;
        max-height: 100%;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

.as-name {
    width: 100%;
    display: block;
    color: #27436b;
    font-size: 13px;
    font-style: normal;
}

.as-sku {
    display: inline-block;
    width: 150px;
    color: #000;
    font-size: 13px;
    font-style: normal;
}

.as-price {
    display: inline-block;
    font-size: 13px;
    color: #31954C;
    font-style: normal;
    margin-right: 15px;
}

.as-price-old {
    color: red;
}

.as-ul {
    overflow-x: auto;
    height: calc(100vh - 170px);
    overflow-y: auto;
    padding-right: 15px;
    display: none; 
    padding-top:40px;
}
    .as-ul .aws_search_more{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:25px;
        background:#eee;
        line-height:25px;
        text-align:center;
        padding:0 !important;
    }
        .as-ul .aws_search_more .ui-state-active {
            background: none !important;
        }

    .as-ul::-webkit-scrollbar {
        width: 10px;
    }

    .as-ul::-webkit-scrollbar-track {
        background: #ffffff3c;
    }

    .as-ul::-webkit-scrollbar-thumb {
        background: #31954C;
    }

        .as-ul::-webkit-scrollbar-thumb:hover {
            background: #333;
        }
.as-ul li:hover{
    background: #f5f5f5;
}
.as-info {
    width: calc(100% - 70px);
    padding-left: 5px;
}
    .as-ton-1{
        color:#31954C;
    }

    .product-grid-topbar {
        padding: 15px 20px;
        background-color: #eee;
        border-radius: 4px;
        border: 1px solid #eee;
        padding-right: 15px;
        margin-bottom: 30px;
    }

.us-filter {
    position: relative;
}

    .us-filter h3 {
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    .us-filter .filterRow ul {
        margin: 0;
    }

        .us-filter .filterRow ul li {
            margin: 0 10px 10px 0;
            float: left;
            min-width:70px;
        }

            .us-filter .filterRow ul li.liHang {
                margin: 0 10px 10px 0;
                float: left;
                border: 1px solid #C4C4C4;
                min-width: 70px;
                background: #fff;
                display: flex;
                align-items: center;
                box-sizing: border-box;
                border-radius: 5px;
            }
                .us-filter .filterRow ul li.liHang a{
                    margin:0 auto;
                }

                .us-filter .filterRow ul li:first-child {
                    
                }

            .us-filter .filterRow ul li.active {
                -webkit-box-shadow: 0px 0px 5px 1px rgba(255,154,2,0.9);
                -moz-box-shadow: 0px 0px 5px 1px rgba(255,154,2,0.9);
                box-shadow: 0px 0px 5px 1px rgba(255,154,2,0.9);
            }

            .us-filter .filterRow ul li img {
                height: 31px;   
                padding: 3px 6px;     
 
                max-width: 100px;
            }

    .us-filter .filterRow {
        display: flex;
        flex-wrap: wrap;
    }

.filter {
    height: 40px;
    padding: 5px 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 5px 0 0;
}


element.style {
}

.us-filter .filterRow .filter_title {
    background-color: #fff;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 14px;
    min-width: 120px;
}

.filter .filter_title:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid #666;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}

.filter .dropfilter {
    display: none;
    overflow: visible;
    background: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    position: absolute;
    top: 50px;
    z-index: 100;
    text-align: left;
    left: 0;
    max-width: 600px;
    min-width: 172px;
    box-shadow: 0 2px 20px rgb(0 0 0 / 50%);
    width: max-content;
}

.filter-list {
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0;
}

.c-btnbox {
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #333;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 17px;
    margin-bottom: 6px;
    margin-right: 6px;
}
    .c-btnbox.check {
        background:#ddd;
    }

    .c-btnbox a {
        padding: 8px 9px;
    }

.filter-button {
    font-size: 0;
    margin: 8px -10px 0;
    padding: 8px 10px;
    text-align: center;
}

.btn-filter-close {
    border: 1px solid #dd1c1a;
    color: #dd1c1a;
}

.btn-filter-close, .btn-filter-readmore {
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    margin: 0 5px;
    padding: 10px 0;
    text-align: center;
    width: 170px;
    position: relative;
}

.btn-filter-readmore {
    background-color: #157F5D;
    color: #fff;
    margin-top: 5px;
}

.arrow-drop {
    position: absolute;
    left: 40px;
    top: 0px;
    width: 10px;
    height: 10px;
}

.product-grid-topbar .show-side-menu {
    float: right;
    color: #29487d;
    line-height: 42px;
    display: none;
}


.video-section {
    padding-bottom: 50px;
}

.news-part-21 {
    padding: 20px;
    background: #31954c; /*#293f5d;*/
    position: relative;
    overflow: hidden;
    /* border: 1px solid rgba(0, 0, 0, 0.25); */
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    /*box-shadow: 0 0 20px rgba(0, 0, 0, .4);*/
    box-shadow: 0 0 20px rgb(24 83 162 / 80%);
}

    .news-part-21 .news-first {
        width: 55%;
        float: left;
    }

    .news-part-21 .news-block-right {
        width: 45%;
        padding-left: 20px;
        float: left;
    }


#divVideoHome {
    position: relative;
    display: block;
    background: #fff;
    width: 100%;
    padding: 0 0 56%;
    flex-shrink: 0;
}

    #divVideoHome iframe {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

#divVideoHomeContent {
    text-align: justify;
}

.news-first::after {
    content: ' ';
    clear: both;
    width: 100%;
    display: block;
}

.news-du-an {
    position: relative;
    overflow-x: hidden;
    height: 315px;
    padding-right: 5px;
}

.news-block-right h2 {
    color: #f7d212;
    text-align: center;
    text-shadow: 2px 2px 5px #333, -1px 0 0 #333, 0 1px 0 #333, 0 -1px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 31px;
    text-transform: uppercase;
    margin: 0;
    font-weight:900;
}

    .news-block-right h2 a {
        color: #f7d212;
    }

.news-du-an .news-list {
    position: relative;
    overflow: hidden;
    background: url(../Styles/img/line_news_row.png) repeat-x bottom;
    padding-top: 5px;
    padding-bottom: 8px;
    cursor: pointer;
    margin:0;
}

    .news-du-an .news-list h3 {
        font-size: 16px;
        color: #fff;
        line-height: 22px;
        font-weight: 300;
        padding: 0;
        -webkit-transition: all 0.4s linear;
        transition: all 0.4s linear;
        margin: 0;
        padding: 5px 0;
        display: block;
        text-align: justify;
    }

    .news-du-an .news-list img {
        display: block;
        width: 120px;
        height: 80px;
        margin-right: 10px;
        margin-top: 10px;
        float: left;
        border: 1px solid #65a977;
    }


/*Member*/
.column-no-right-user {
    width: 100%;
}

.popup-bg {
    width: 600px;
    min-height: 260px;
    border-radius: 6px;
    padding: 10px;
    background: #f7f7f7;
    z-index: 9999 !important;
}

.popup a.popup-close {
    display: block;
    background: url(/images/close-popup.png);
    width: 33px;
    height: 32px;
    right: -10px;
    top: -10px;
    text-indent: -10000px;
    z-index: 2;
    position: absolute;
}

#bodyForm .title-form {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 0 20px 0;
    padding: 0 0 5px;
    border-bottom: 2px solid #e9e9e9;
    text-transform: uppercase;
}

/* Nivo Slide*/
.my-nivo {
    position: relative;
    min-height: 100px;
}

    .my-nivo > img.nivo-overlay {
        position: relative;
        width: 100%;
    }

    .my-nivo .nivoSlider {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #fff url(../Scripts/nivo/img/loading.gif) no-repeat 50% 50%;
        /*        -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
        -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
        box-shadow: 0px 1px 5px 0px #4a4a4a;*/
    }

/*    .my-nivo .slide-item {
        height: 100% !important;
    }

        .my-nivo .slide-item img {
            height: 100% !important;
        }

    .my-nivo .nivo-main-image {
        height: 100% !important;
    }*/

.my-nivo .nivo-caption {
    background: rgb(0 83 150 / 58%);
    color: #fff;
    text-shadow: 1px 1px #000;
}


/*        .my-nivo .nivoSlider img {
            position: absolute;
            top: 0px;
            left: 0px;
            display: none;
        }*/

.my-nivo .nivoSlider a {
    border: 0;
    display: block;
}

.my-nivo .nivo-controlNav {
    text-align: center;
    padding: 20px 0;
    position: absolute;
    bottom: -20px;
    z-index: 99;
    float: left;
    right: 0;
}

    .my-nivo .nivo-controlNav a {
        display: inline-block;
        width: 22px;
        height: 22px;
        background: url(../Scripts/nivo/img/bullets.png) no-repeat;
        text-indent: -9999px;
        border: 0;
        margin: 0 2px;
    }

        .my-nivo .nivo-controlNav a.active {
            background-position: 0 -22px;
        }

.my-nivo .nivo-directionNav a {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../Scripts/nivo/img/arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.my-nivo .nivoSlider {
    z-index: 12;
}

.my-nivo:hover .nivo-directionNav a {
    opacity: 1;
}

.my-nivo a.nivo-nextNav {
    background-position: -30px 0;
    right: 15px;
}

.my-nivo a.nivo-prevNav {
    left: 15px;
}

.my-nivo .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}

    .my-nivo .nivo-caption a {
        color: #fff;
        border-bottom: 1px dotted #fff;
    }

        .my-nivo .nivo-caption a:hover {
            color: #fff;
        }

/*.my-nivo .nivo-controlNav.nivo-thumbs-enabled {
    width: 100%;
}

    .my-nivo .nivo-controlNav.nivo-thumbs-enabled a {
        width: auto;
        height: auto;
        background: none;
        margin-bottom: 5px;
    }

    .my-nivo .nivo-controlNav.nivo-thumbs-enabled img {
        display: block;
        width: 120px;
        height: auto;
    }*/

.detail-member .title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
}
.detail-member ul.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.detail-member ul.list-unstyled li {
    width:100%;
}
    .detail-member ul.list-unstyled .fa {
        margin-right: 10px;
    }

.nav-tool {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    position: relative;
    background: #14407F;
    border-top: 2px solid #eee;    
    width: 100%;
    height:46px;
    float: left;
    border-bottom:1px solid #eee;
}

.nav-right {
    float: right !important;
}



.nav-tool ul > li {
    float: left;
    padding: 10px 20px;
    min-width:150px;
    text-align:center;
}
    .nav-tool ul > li a{
        color:#fff;
    }

.nav-tool ul.nav-right > li {
    float: left;
    padding: 9px;
    background: #00000057;
    min-width: 150px;
    text-align: center;
    height:43px;
}
.nav-tool ul > li:hover, .nav-tool ul > li.active {
    background: #eee;
}
    .nav-tool ul > li:hover a,.nav-tool ul > li.active a{
        color: #333;
    }


.divContent-wrapp{
    padding:15px 15px 15px;
    background:#eee;
    width:100%;
    position:relative;
    overflow:hidden;
}


body *::-webkit-scrollbar {
    width: 5px;
}

body *::-webkit-scrollbar-track {
    background: #ffffff3c;
}

body *::-webkit-scrollbar-thumb {
    background: #ffffff3c;
}

    body *::-webkit-scrollbar-thumb:hover {
        background: #333;
    }


.Zebra_DatePicker_Icon{
    top:9px !important;
}
.Zebra_DatePicker{
    z-index:9999;
 
}

#secInfoAcc{
    position:relative;
}
    #secInfoAcc .info-main {
        display: flex;
        background: #f1f5ff;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 30px;
        box-shadow: 0 0 5px rgb(24 83 162 / 80%);
    }
    #secInfoAcc .info-img {
        height: 80px;
        width: 80px;
        line-height: 80px;
        text-align: center;
        overflow: hidden;
        border-radius: 50%;
        background: #e0e7f7;
        margin-right:15px;
        font-size:25px;

    }
    #secInfoAcc .info-main-text {
        width: calc(100% - 100px);
    }
.info-name{
    display:block;
    font-weight:bold;
}
.info-code {
    display: block;
}
.info-code em {
    color:#f00;
    font-style:normal;
}

.popup_home{
    padding:0;
}