﻿/*   
    
   # 7fa209 - xanh nõn chuối
   # 3d9429 - Xanh lá (use)
    # f9ac22 - Vàng VNPOST
    */

.th-inner 
{
    padding: 0;
    margin: 0;
    background-color: #000 !important;
    color: #fff !important;
}
#filters-panel
{
    display: inline-block;
    min-width: 100%;
    background-color: #eee;
    border-style: solid;
    border-width: thin;
    border-color: #d3d3d3;
    margin-bottom: 15px;
}
a {
    color: #505050;
}

.form-my-account a {
    color: #505050;
}

.content-top8 {
    /*background: #9fbe35 none repeat scroll 0 0;*/
    background: #fff none repeat scroll 0 0;
}

.main-nav.main-nav8 {
    /*background: #9fbe35 none repeat scroll 0 0;*/
    background: #e4e4e4 none repeat scroll 0 0;
}

    .main-nav.main-nav8 > ul > li > a {
        color: #6c6c6c; /*#fff;*/
    }

.main-nav > ul > li .sub-menu > li:hover > a {
    color: #000;
}

.category-dropdown8 .title-category-dropdown {
    background: #f97711; /* 7fa209 */
}

.box-trending8 > h2 {
    background: #000 none repeat scroll 0 0;
}

.smart-search-form input[type="submit"] {
    background: #f97711 url("/Assets/Themed/images/home1/icon-search.png") no-repeat scroll center center;
}

.smart-search-form input[type="text"] {
    border-color: #cecece;
}



.select-category {
    border-color: #cecece;
}

.hot-line .hl-icon {
    border: 2px solid #fe9c00;
    color: #fe9c00;
}


.mini-cart.mini-cart8 .header-mini-cart {
    border-color: #fe9c00;
}

.total-mini-cart-icon {
    color: #fe9c00;
    width: auto;
}

.total-mini-cart-item {
    background: fe9c00;
}

/*slider*/
.banner-slider8 .wrap-item.owl-theme .owl-controls .owl-buttons div:hover {
    background: rgba(0,0,0,0.5);
}

.parent-category {
    border: 1px solid #d5d5d5;
}

.header-cat-parent {
    border-bottom: none;
    background: #ebebeb;
}

    .header-cat-parent > .cate-icon {
        background: #ed321e;
        color: #fff;
    }

    .header-cat-parent label {
        background: transparent none repeat scroll 0 0;
        color: #737373;
    }

.content-cat-parent .item-adv-simple {
    margin: 0;
    height: 214px;
    overflow: hidden;
}

.product-info-cart .addcart-link {
    background: rgba(61,148,41,0.7) none repeat scroll 0 0;
}

.percent-saleoff::before {
    background: transparent;
}

.percent-saleoff {
    background: #f7a81b none repeat scroll 0 0;
    width: 46px;
    height: 46px;
    border-radius: 46px;
}

    .percent-saleoff::after {
        border: none;
    }

    .percent-saleoff label {
        margin: 7px 0px -1px;
    }

.owl-carousel .owl-item .item-cat-parent .percent-saleoff {
    left: 11px;
}

.percent-saleoff {
    top: -5px;
    display:none;
}


/*footer*/
.wrap-newsletter-footer8::before {
    background: #f97711  none repeat scroll 0 0;
}

.newsletter-footer input[type="button"] {
    background: rgba(61,148,41,0.7) url("/Assets/Themed/images/home1/icon-newsletter.png") no-repeat scroll center center;
    width: 23px;
    border-radius: 2px;
    height: 19px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: medium none;
}

.footer-box-contact .fa {
    color: #000;
}

.footer-menu-box li a:hover {
    color: #000;
}

.copyright a {
    color: #f7a81b;
}
/*cart*/
.list-trending8 .trending-thumb3 a.addcart-link {
    background: #000 none repeat scroll 0 0;
}

.item-trending3 .percent-saleoff {
    top: 15px;
    left: 0;
}

.category-dropdown8 .expand-category-link8 {
    background: #000 none repeat scroll 0 0;
    margin-top: 0px;
    display: block;
    height: auto;
    color: #fff;
    position: relative;
    text-align: left;
    line-height: 18px;
    padding: 14px 20px;
}

.mini-cart-checkout {
    background: #000 none repeat scroll 0 0;
}

.mini-cart-view {
    background: #f9ac22 none repeat scroll 0 0;
}

.gritter-item-wrapper.notificationCart {
    background: #000 none repeat scroll 0 0;
}

a:hover {
    color: #000;
}

.gritter-item a.title {
    color: #f9ac22;
}

.btn-filter {
    background: #000 none repeat scroll 0 0;
}

.range-filter #slider-range .ui-widget-header {
    background: #000 none repeat scroll 0 0;
}

.range-filter #slider-range .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #000 none repeat scroll 0 0;
}

.list-shop-cat a span {
    background: #000;
    min-width:50px;
}

.list-shop-cat a:hover {
    color: #000;
}

    .list-shop-cat a:hover span {
        background: #000;
    }

.list-trending8 .product-info3 .title-product a:hover,
.title-product a:hover,
.item-product .title-product a:hover {
    color: #f9ac22;
}

.item-product .info-price span {
    font-weight: bold;
}

.item-product .product-info {
    padding: 20px 10px;
    margin-bottom: 0;
}

    .item-product .product-info .title-product {
        height: 47px;
    }

.item-product .product-thumb a.product-thumb-link > img {
    min-height: 230px;
}

.shop-slider-thumb {
    min-height: 200px;
    background: #000;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
}

.product-pagi-nav > a.curent-page {
    background: #000 none repeat scroll 0 0;
    border-color: #000;
    color: #fff;
}

.product-pagi-nav a:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

.per-page-list li a:hover {
    color: #000;
}

.product-stock > span {
    color: #ED321E;
}

.widget-related-product .widget-title {
    background: #f97711 none repeat scroll 0 0;
    color: #fff;
}


.upsell-detail-slider .item-product {
    margin-bottom: 15px;
}

.list-product-related {
    padding-bottom: 20px;
}

.title-tab-detail li:hover a,
.title-tab-detail li.active a {
    background: #f97711;
    border-color: #000;
}

.detail-gallery .carousel a.active {
    border-color: #000;
}

    .detail-gallery .carousel a.active::after {
        color: #000;
    }

.info-price.info-price-detail .percent-saleoff label {
    margin: 5px 9px -2px;
}

.list-product-related > li {
    position: relative;
    padding: 0px 0;
}

.list-product-related .percent-saleoff {
    top: 5px;
}

.attr-info .addcart-link {
    background: #f97711 none repeat scroll 0 0;
}

.order_review_heading {
    background: #000 none repeat scroll 0 0;
}

.woocommerce table.shop_table thead {
    background: #9fbe35 none repeat scroll 0 0;
}

    .woocommerce table.shop_table thead th {
        border-color: #9fbe35;
    }

.sub-menu-top li:hover {
    background: #000;
}

.top-info .has-child:hover .sub-menu-top {
    margin-top: 0;
}

    .top-info .has-child:hover .sub-menu-top li {
        display: block;
    }

.post-date {
    background: #9fbe35 none repeat scroll 0 0;
    color: #fff;
    padding: 10px 0 8px;
}

.post-readmore:hover {
    border-color: #9fbe35;
}

.single-post-leading .post-date-author > li:last-child a {
    color: #9fbe35;
}

.single-post-share > a:hover {
    background: #9fbe35;
    border-color: #9fbe35;
    color: #fff;
}

#pagination-digg .active {
    background: #9fbe35;
}

.table-striped thead {
    background: #9fbe35;
    color: #fff;
}

.list-category-dropdown8 > li {
    border-bottom: 1px solid #ededed;
    margin-left: 20px;
    padding-left: 0;
}

    .list-category-dropdown8 > li > a {
        color: #4b4b4b;
        padding: 9.6px 20px 9.6px 0;
    }

    .list-category-dropdown8 > li:last-child {
        border-bottom: 0;
    }

    .list-category-dropdown8 > li a {
        border: 0;
    }

    .list-category-dropdown8 > li:first-child > a {
        border-top: 0;
    }

    .list-category-dropdown8 > li:hover::before {
        background: #f9ac22 none repeat scroll 0 0;
        margin-left: -20px;
    }
/*category*/
.list-category-dropdown a:hover {
    color: #f7a81b;
}

.mini-cart-button a:hover {
    color: #fff;
}

.list-category-dropdown li:hover .cate-icon {
    color: #f9ac22;
}

.contact-info-page {
    background: #fff;
    padding: 0;
}

.order_review {
    margin-bottom: 30px;
}

.select-category .category-toggle-link {
    overflow: hidden;
}

.addcart-link:disabled {
    background: rgba(61, 148, 41, 0.7) none repeat scroll 0 0;
}

.attr-info .addcart-link:disabled:hover {
    background: rgba(61, 148, 41, 0.7) none repeat scroll 0 0 !important;
}

.cl-oke {
    color: #000 !important;
}

.cl-not {
    color: #ED321E !important;
}

.form-my-account input[type="checkbox"] + label::before {
    border: 1px solid #999;
}

.form-my-account input[type="text"],
.form-my-account input[type="password"],
.form-my-account textarea {
    text-transform: none;
}














@media (max-width: 767px) {
    .wrap .newsletter-footer.newsletter-footer8 {
        padding: 15px 0 0 0;
        text-align: center;
    }

    .wrap .content-top8 {
        min-height: auto;
    }

    .banner-slider8.simple-owl-slider {
        margin: 0 0 15px;
    }

    .wrap .header-main9 .logo8 {
        position: relative !important;
    }

    .wrap .parent-hot {
        margin-right: 70px;
        margin-top: 15px;
    }

    .wrap .hot-line .hl-icon {
        margin-left: 0;
    }

    .wrap .main-nav.main-nav8 {
        float: right;
        margin: 0;
        margin-top: -68px;
    }

    .wrap .content-cat-parent .item-adv-simple {
        height: auto;
    }

    .footer-bottom .footer-note {
        float: none !important;
        text-align: center !important;
        display: block;
    }

        .footer-bottom .footer-note .footer-right-title,
        .footer-bottom .copyright {
            text-align: center !important;
            display: block;
            width: 100%;
        }
}

@media (max-width: 360px) {
    .header-cat-parent a {
        display: inline !important;
    }

    .wrap .header-main9 .logo8 {
        position: relative !important;
    }

    .wrap .parent-hot {
        margin-right: 40px;
        margin-top: 15px;
    }

        .wrap .parent-hot .col-xs-9 {
            width: 80%;
        }

        .wrap .parent-hot .col-xs-3 {
            width: 20%;
            padding-left: 0;
        }

    .wrap .mini-cart.mini-cart8 .header-mini-cart {
        border-color: transparent;
    }

    .wrap .total-mini-cart-item {
        right: -6px;
    }
}




/* ====================================================== new ============================================================*/
.top-header {
   /* background: #000;*/
}

    .top-header .top-menu a,
    .top-header .top-info > li > a {
        color: #666;
    }

.top-header-vnp .top-menu li {
    padding: 5px 13px;
    color: #666;
}

.top-header .top-menu li a:hover {
    color: #f9ac22;
}

.top-header-vnp .top-menu li,
.top-header-vnp .top-menu li a {
    font-size: 14px;
}

    .top-header-vnp .top-menu li a,
    .top-header-vnp .top-menu li a:hover {
        color: #f9ac22; /*f9ac22*/
    }

.top-header .top-menu .sub-menu-top li a,
.top-header .top-menu .sub-menu-top a {
    color: #000;
}

    .top-header .top-menu .sub-menu-top li:hover a,
    .top-header .top-menu .sub-menu-top a:hover {
        color: #fff;
    }

.more_new a span {
    color: #000;
    font-weight: bold;
}

.attr-info .addcart-link:hover {
    background: #f9ac22;
}


.product-code > span {
    color: #0e0e0e;
}

.product-stock a {
    color: #ED321E;
}

.product-stock .q-off {
    color: #ED321E;
}

.product-stock .q-on {
    color: #000;
}

.wrap-newsletter-footer8 {
    margin-top: -134px;
}

#footer {
    /*background: #000 ;*/
}

.footer8 {
    margin-top: 160px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.footer-menu-box a:hover
{
    color:#f97711 !important;
}
    .footer-menu-box li a,
    .footer8 a,
    .copyright p {
        color: #fff;
    }

    .footer8 .copyright a {
        color: #f7a81b;
    }

    .footer8 .footer-menu-box.f-color li a:hover {
        color: #f7a81b;
    }

.form-my-account input[type="button"] {
    background: #f97711 none repeat scroll 0 0;
}

a.btn-glc,
input.btn-glc,
button.btn-glc {
    background: #f97711 none repeat scroll 0 0;
}

    a.btn-glc:hover,
    input.btn-glc:hover,
    button.btn-glc:hover {
        box-shadow: 0 2px 4px 1px rgba(127, 162, 9, 0.1);
        background: rgba(61, 148, 41, 0.8);
        color: #fff;
    }

.woocommerce table.shop_table thead {
    background: #f7a81b none repeat scroll 0 0;
}

    .woocommerce table.shop_table thead th {
        border-color: #f7a81b;
    }

.info-qty .qty-val {
    display: block;
    padding: 0 15px;
    width: 100%;
    border-style: none;
    border-width: 0;
    border-color: transparent;
    margin-top: 0px;
    height: 28px;
}



.f-lge,
.f-vnp {
    height: 28px;
    margin-top: -5px;
}

.t-lge,
.t-vnp {
    height: 24px;
    margin-top: 0;
    margin-bottom: 0;
}

.footer8 .footer-bottom {
    border-bottom: none;
}

.bootbox.modal .modal-header {
    background: #000;
}

.newsletter-footer.newsletter-footer8 label {
    left: 0;
}

.footer8 .footer-right-title {
    padding: 0;
}

.footer8 .footer-bottom {
    margin-bottom: 0;
    padding-bottom: 10px;
}

.form-contact input[type="button"] {
    background: #000 none repeat scroll 0 0;
}


.btn-lgc2 {
    background: #000 none repeat scroll 0 0;
}

    .btn-lgc2:hover,
    .btn-lgc2:focus {
        background-color: #000;
    }

.comment-title {
    font-weight: bold;
    font-size: 15px;
}

.comment-author .post-date-author > li {
    font-size: 12px;
    color: #666;
}

.single-post-comment-info > p {
    color: #666;
}

.top-header-vnp .top-menu.top-info2 li a,
.top-header-vnp .top-menu.top-info2 li a:hover {
    color: #666;
}

.bt-glc,
.btn-vi {
    background: #fe9c00 none repeat scroll 0 0;
    color: #fff;
}

    .bt-glc:hover,
    .bt-glc:focus,
    .btn-vi:hover,
    .btn-vi:focus {
        box-shadow: 0 2px 4px 1px rgba(127, 162, 9, 0.1);
        background: rgba(61, 148, 41, 0.8);
        color: #fff;
    }
