/* ==============================================
   1. HIỆU ỨNG SHINE (VỆT SÁNG CHẠY QUA)
   ============================================== */

/* Tạo chuyển động chạy từ trái sang phải */
@keyframes shine {
    100% {
        left: 125%;
    }
}

/* Thiết lập vệt sáng (ẩn chờ sẵn bên trái) */
.product-small .box-image::before {
    position: absolute;
    top: 0;
    left: -75%; /* Nằm ẩn bên trái */
    z-index: 2;
    display: block;
    content: '';
    width: 50%; /* Độ rộng vệt sáng */
    height: 100%;
    /* Tạo màu gradient trắng mờ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
    /* Nghiêng vệt sáng 25 độ cho đẹp */
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    pointer-events: none; /* Để vẫn click được vào ảnh */
}

/* Kích hoạt hiệu ứng khi Rê chuột vào khung sản phẩm */
.product-small:hover .box-image::before {
    -webkit-animation: shine 0.75s; /* Thời gian chạy 0.75s */
    animation: shine 0.75s;
}

/* ==============================================
   2. HIỆU ỨNG ZOOM (PHÓNG TO ẢNH)
   ============================================= */

/* Thiết lập độ mượt cho ảnh */
.product-small .box-image img {
    transition: transform 0.5s ease !important; /* Thời gian phóng to 0.5s */
    transform: scale(1);
}

/* Khi rê chuột -> Phóng to 1.1 lần */
.product-small:hover .box-image img {
    transform: scale(1.1) !important;
}

/* Đảm bảo ảnh phóng to không bị tràn ra ngoài khung */
.product-small .box-image {
    overflow: hidden;
}

/*

Theme Name: Laptop

Description: This is a child theme for Flatsome Theme

Author: UX Themes

Template: flatsome

Version: 3.0

*/



/*************** ADD CUSTOM CSS HERE.   ***************/

.services-top a{

        color: white;

    padding-right: 10px;

}

.title-tab{

        text-transform: uppercase;

    font-size: 21px;

    margin: 20px 0;

    font-weight: bold;

    border-bottom: solid 2px;

    padding-bottom: 3px;

}

#title_tab_scroll_pro {

margin-bottom: 20px;

    height: 41px;

    border-bottom: solid 1px #ccc;

    /* padding-left: 8px; */

    width: 100%;

    float: right;

    /* margin-top: 20px; */

    overflow: hidden

}

#title_tab_scroll_pro a {

    text-decoration: none;

    color: #333;

    line-height: 40px;

    padding: 0 10px;

    display: block;

    float: left;

    font-size: 14px;

    white-space: nowrap;

    border: solid 1px #ddd;

    background: #f5f5f5;

    margin-right: -1px;

}

#title_tab_scroll_pro a:focus {

    background: #fff;

    border-bottom-color: #fff;

    border-top: solid 2px #d00;

    margin-top: -1px;

    color: #e00;

}

.row-divided.row-reverse>.col+.col:not(.large-12){

    border-right: none

}

.section-chi-tiet .div-chi-tiet-phai .product-small.box .price ins{

top: unset;

position: unset;

left: unset;

}

#tbl_cacchinhsach td {

    padding: 4px 10px;

    border-bottom: unset;

}

#tbl_cacchinhsach br{

    display: none;

}

#tbl_cacchinhsach {

    padding: 6px;

    margin-top: 10px;

    width: 100%;

    border: solid 1px #ddd;

}

.woocommerce-variation-add-to-cart .quantity{

    display: none !important;

}

.section-chi-tiet{

    padding-top: 20px;

}

.section-chi-tiet .div-chi-tiet-phai .product-small{

    border: solid 1px #eee;

 

    padding: 10px;

}

.section-chi-tiet .div-chi-tiet-phai .product-small.box .product-title{

    height: unset;

}

.cart .quantity{

    display: none;

}

h3.title-chi-tiet{

        font-size: 17px;

    background: #ff6900;

    color: white;

    text-align: center;

    padding: 4px;

}

.product-offer {

    border: solid 1px #ff6900;

    border-radius: 5px;

    margin-top: 30px;

    margin-bottom: 20px;

}

.product-offer .content {

    padding: 30px 10px 10px 10px;

}

.product-offer .title .fa {

    font-size: 20px;

    margin-right: 5px;

}

.product-offer ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.product-offer ul li a {

    color: orange;

}

.product-offer .content li span {

    display: block;

}

.product-offer ul li {

    overflow: hidden;

    margin: 5px 0;

    color: orange;

}

.product-offer .title {

    background: #ff6900;

    position: absolute;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    padding: 5px 20px;

    border-radius: 30px;

    margin-top: -15px;

    margin-left: 15px;

}

.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {

    padding: 8.5px 20px;

}

.ubermenu-nav,.ubermenu-submenu{



    background: white !important;

}

.ubermenu-nav{

   border: solid 1px #ddd !important;

}

.ubermenu-nav > li{

    border-top: solid 1px #eee !important;

}

.ubermenu-nav > li a{

    color: black !important;

}



#mega-menu-wrap #mega-menu-title:before{

    content: '';

    display: block;



    width: 5px;

    position: absolute;

    top: 0;

    left: 2px;

    height: 100%;
    box-shadow: none !important


}



#mega-menu-wrap #mega-menu-title:after{
  
        content: '';

    display: block;
    box-shadow: none !important;

    width: 5px;

    position: absolute;

    top: 0;

    right: 2px;

    height: 100%;

}

#mega-menu-wrap {

    width: 217px;

    background: #ff6900;

    position: relative;



}

#shop-sidebar .widget_product_categories{

        border: solid 1px #ddd;

}

#shop-sidebar .widget_product_categories li{

        padding-left: 15px;

    padding-right: 15px;

}

#shop-sidebar .widget_product_categories span.widget-title {

        display: block;

    background: #ff6900;

    color: white;

    padding: 10px;

}

.category-page-row .product-small, .home .row-sp .product-small {

    padding-top: 6px;

    border-bottom: 1px solid #dddddd;

    border-right: 1px solid #dddddd;

    padding-bottom: 0px !important;

}

.row-sp .col-inner .row-small{

    background: white;

}

.category-page-row .row-small, .row-sp .row-small {

    border-top: 1px solid #dddddd;

    border-left: 1px solid #dddddd;

}

.category-page-row .product-small .product-small, .product-small .product-small {

    border: unset !important;

}

.flex-center .header-bottom-nav .icon,.div-km .icon{

    display: inline-block;

    background-image: url(images/sprite.png?v=2.1);

    background-repeat: no-repeat;

    vertical-align: middle;

}

 .flex-center .header-bottom-nav a {

    color: #fff;

    font-weight: bold;

    display: block;

}

.flex-center .header-bottom-nav .icon-nav-right-1 {

    background-position: 0 -36px;

}

.flex-center .header-bottom-nav .icon-nav-right-2 {

    background-position: -55px -39px;

}

.flex-center .header-bottom-nav  .icon-nav-right-3 {

    background-position: -106px -38px;

}

.flex-center .header-bottom-nav .icon-nav-right-4 {

    background-position: -155px -39px;

}

.flex-center .header-bottom-nav .icon {

    width: 42px;

    height: 46px;

}

#ubermenu-main-69-primary-2,#ubermenu-main-70-primary-2{

    display: none !important;

}

ul#ubermenu-nav-main-70-mega_menu{

        position: absolute;

    width: 100%;

    display: none;

}

#header .stuck #mega-menu-wrap:hover #ubermenu-main-70-mega_menu-2,#header .stuck #mega-menu-wrap:hover #ubermenu-main-70-mega_menu-2 #ubermenu-nav-main-70-mega_menu{

    display: block !important;

}



.flex-left ul.header-bottom-nav:hover ul#ubermenu-nav-main-70-mega_menu,.home ul#ubermenu-nav-main-70-mega_menu{

    display: block !important;

}

#header .stuck ul#ubermenu-nav-main-70-mega_menu{

    display: none !important;

}

.section-email .wpcf7-email{

        width: 76%;

    float: left;

}

.section-email .wpcf7-submit{

        background: #FF6633 !important;

}





/*.on-sale{*/

/*    background-color: transparent !important;*/

/*}*/

.badge-container{

    margin-top: 10px;

    left: unset !important;

    right: 0px !important;

}

.cdc_thetip .cdc_thetitle{

    background: #FF6633;

}

.badge-container .badge {

    height: 49px;

    width: 49px;

}

.col-inner .list-sp{

    padding: 15px !important;

}

#home-contact {

   height: 40px;

    line-height: 40px;

    background: black;

    margin-bottom: 15px;

    color: white;

}

#home-contact .title {

    background: #FF6633;

    float: left;

    color: #fff;

    font-weight: bold;

    font-size: 14px;

    padding: 0 15px;

    position: relative;

    padding-right: 5px;

}

#home-contact .title:after {

    content: '';

    display: block;

    width: 0;

    border: solid 20px transparent;

    border-left-color: #FF6633;

    position: absolute;

    right: -40px;

    top: 0;

}

#home-contact .marquee {

    margin-left: 250px;

    height: 40px;

}

.row-sp-ngoai{

    margin-left: 0px !important;

    margin-right: 0px !important;

}

.div-sp .section-title-container{

  

}

.icon-title-deal-nav {

    width: 260px;

    height: 54px;

    background-position: 0 -110px;

    margin-top: -10px !important;

    float: right;

}

.div-logo .row{

    border: solid 1px #ddd;

    padding: 10px 30px;

     margin-left: 0px !important;

    margin-right: 0px !important;

}

.div-logo .row .box-image{

    border: solid 1px #eee;

    padding: 2px;

}

.div-logo button{

    display: none;

}

.div-logo .gallery-col{

    padding-bottom: 0px;

}

.div-logo .gallery-col .box .box-text{

display: none;

}

.header-block-block-1 .icon-box-text{

        line-height: 52px;

    padding-left: 7px !important;

}

.header-block-block-1 .icon-box{

    min-width: 195px;

}

.header-block-block-1 .icon-box-text h5{

    font-size: 13px;

}

.header-search-form .search_categories{

        height: 3.27em !important;

        border:none !important;

}

.flex-right ul li {

    padding: 0px 4px !important;

}

.header-main .html_top_right_text .item span{

    font-size: 14px;

    font-weight: normal;

    color: black;

}

.header-main .html_top_right_text .item{

    border: solid 1px #ddd;

    border-radius: 5px;

    height: 62px;

    display: block;

    float: left;

    margin-left: 15px;

    padding: 5px 25px;

    position: relative;

}

.header-main .html_top_right_text .hotline b {

    display: block;

    color: #ff6900;

    font-size: 20px;

    font-style: italic;

}

.header-main .html_top_right_text  .item .fa {

    padding-right: 0px;

    position: absolute;

    width: 40px;

    height: 40px;

    display: block;

    border: solid 1px #ddd;

    left: -20px;

    top: 9px;

    border-radius: 50%;

    line-height: 36px;

    text-align: center;

    font-size: 25px;

    color: #ff6900;

    background: #fff;

}

.header-main li a img {

    height: 25px !important;

    width: auto;

    margin-bottom: 5px;

}

.section-danh-muc .product-category .box-category {

    border: solid 1px #dfdfdf;

    border-radius: 3px;

    padding: 3px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    background: rgb(255,255,255);

    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(223,223,223,1) 99%);

    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(223,223,223,1) 99%);

    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(223,223,223,1) 99%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=1 );

}

.section-danh-muc .product-category{

    padding-bottom: 5px;

}

.section-danh-muc .product-category .box-category .box-image{

        padding: 7px;

}

.section-danh-muc .product-category .box-text .header-title{

    text-transform: initial;

    font-size: 12px;

    min-height: 20px;

}

.section-danh-muc .product-category .box-text{

    padding: 0px;

}

.product-small .box-image{

    padding: 15px;

}

.woocommerce-variation-description p{

        font-size: 14px;



}

.woocommerce-variation-description{

    margin-top: 10px;

}

span.option-child {

    padding: 5px 5px 5px 13px;

    display: block;

    position: relative;

    font-size: 13px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    line-height: 1.1;

}

.isures-option .option-child:before {

    content: "";

    display: inline-block;

    width: 11px;

    height: 11px;

    line-height: 13px;

    background: #fff;

    border: 1px solid #ddd;

    text-align: center;

    position: absolute;

    left: 0px;

    top: 6px;

    color: #fff;

    cursor: pointer;

    font-family: "Font Awesome 5 Free";

    font-weight: 700;

    font-size: 8px;

    border-radius: 99px;

}

.isures-option  .price ins span.amount{

    font-size: 24px !important;

}

#tbl_cacchinhsach .fa {

    color: #0996da;

}

.isures-option {

    display: inline-block;

    text-align: center;

    padding: 7px 6px 10px 7px}

.isures-option{

        border: 1px solid #e7e7e7 !important;

}

.isures-option.active {

    background: #FFFFCC;

    border: 1px solid #f89008 !important;

}

.isures-option{

        max-width: 205px;

}

.section-chi-tiet .div-chi-tiet .price ins span.amount{

        text-shadow: 3px 0 0 #e9dede, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, 0px 3px 5px #220d0d;

    font-size: 36px;

}

.header-bottom-nav ul.nav-dropdown{

    background: #FF6633

}

.header-bottom-nav ul.nav-dropdown li a{

    color: white;

}

.header-bottom-nav ul.nav-dropdown li:hover{

    background: black;

}

.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a{

    border-bottom: none;

}

.blog-archive{

    padding-top: 10px !important;

}

.shop-page-title .page-title-inner{

    padding-top: 0px;

}

.div-breadcrumb p{

    margin-bottom: 0px;

}

.div-breadcrumb{

    padding-top: 10px;

}

.single_add_to_cart_button::after {

    content: "Giao tận nơi, lắp đặt miễn phí";

    font-weight: normal;

    display: block;

    font-size: 12px;

    margin-top: -14px;

    text-transform: initial !important;

}

.buy_now_button::after {

    content: "Giao tận nơi, lắp đặt miễn phí";

    font-weight: normal;

    display: block;

    font-size: 12px;

    margin-top: -14px;

    text-transform: initia



}

.TextCaptions {

    border: 1px solid #e9e9e9;

    padding: 5px !important;

}

.slider-section .section-title-normal{    margin-bottom: 0;}

.TextCaptions .item.is-selected{color:#ea0e86}

.list-post-ngang .post-item .post-title:hover{color:#e31587}

.slider-section .col{padding-bottom:0}

.TextCaptions .item:last-child{border-right:none !important

}

.TextCaptions .item{font-size:12px; border-right: 1px solid #e9e9e9 !important; width:20%}

.buy_now_button{

background: #ff6900;}

.single_add_to_cart_button,.buy_now_button{

    height: 60px;

}

.post-sidebar{

    padding-left: 5px !important;

    padding-right: 5px !important;

}





.related-products-wrapper{

    padding-top: 10px;

}

.div-khuyen-mai p{

    margin-bottom: 4px

}

table.variations{

        margin-top: 14px;

    margin-bottom: 0px;

}

.product-footer .right span.widget-title{

      border:none;

      background: #FF6633 !important;

    padding: 13px 20px 8px 20px;

    font-size: 17px !important;

    color: white !important;

    position: relative;

    display: inline-block;

    margin: 0;

    border-top: none;

}

.product-footer .right  span.widget-title:after{

        content: "";

    width: 0;

    height: 0;

    border-top: 38px solid transparent;

    border-left: 27px solid #FF6633;

    border-bottom: 0px solid transparent;

    border-right: 0 solid transparent;

    position: absolute;

    top: 0px;

    right: -27px;

}





.product-short-description p{

    font-size: 13px;

}



.div-khuyen-mai  p:before {

    content: '';

    margin-left: 5px;

    background: url(images/check.png) no-repeat;

    width: 14px;

    height: 14px;

    background-size: 14px 14px;

    margin-right: 10px;

    float: left;

    margin-top: 2px;

}

.div-khuyen-mai .km {

    display: inline-block;

    width: 100%;

    border-bottom: 1px dotted #e2e2e2;

    margin-bottom: 5px;

    padding-bottom: 5px;

    text-transform: uppercase;

}

.div-khuyen-mai{

    display: inline-block;

    width: 100%;

    font-size: 14px;

    background: #f3f3f3;

    padding: 10px;

    border-radius: 5px;

    border: 1px solid #e2e2e2;

    margin-top: 5px;

    line-height: 22px;

}

@font-face {

    font-family: 'Ultra';

    src:  url('fonts/Ultra-Regular.ttf');

}

.header-bottom-nav > li.menu-item-has-children a.nav-top-link{

        padding-left: 17px;

    padding-top: 17px;

    padding-bottom: 17px;

}



.header-bottom-nav > li:first-child{

    padding-left: 0px !important

}

.header-bottom-nav > li{

    

    padding-right: 15px;

    padding-left: 15px;

    margin:0px !important;

}

.footer-section .widget_nav_menu{

padding: 0px !important;

}

.ux-search-box .search-field{

    height: 2.807em;

    font-size: 14px;

}

.header-block-block-1 .social-icons{

        margin-top: 10px;

    margin-bottom: 13px;

}

.menu-top li:last-child{

    border-right:none !important;

}

#comments a.btn-reviews-now{

    background: #FF6633 !important;

}

.time {

    display: inline-block;

    text-align: center;

    width: 100%;

}

.time p {

    display: inline-block;

    margin: 0 auto;

    text-align: center;

    padding: 5px 10px;

    border-radius: 5px;

    background-color:#FF6633   ;

    color: white;

    font-size: 14px;

}

.menu-top {

    width: 100%;

    display: inline-block;

    text-align: center;

}

.menu-top li:first-child {

    margin: 0px;

}



.menu-top li{

border-top: none !important;

    line-height: 9px !important    ;

}

.menu-top li a {

        padding: 0px 3px !important;

    color: white;

}

.menu-top li {

    display: inline-block;

    float: left;

    font-size: 14px;

    padding-right: 5px;

    border-right: 1px solid #ffffff;

    line-height: 25px;

    text-align: center;

    margin-left: 5px;

}

.about-header ul {

padding-left: 8px !important;

    text-align: center;

}

.about-header {

text-align: center;

    margin: auto;

    width: 89%;

    /* display: inline-block; */

    /* float: left; */

    background: url(images/icon-header-1.png)left no-repeat;

    height: 25px;

}

.p-nho{

    font-size: 13px;

}

.div-phone .p-phone{

    font-family: 'Ultra';

font-size: 26px;

    font-weight: bold;

}

.header-block-block-1 .div-cach-tren .icon-box-img{

    margin-bottom: 4px;

        margin-top: 7px;

}

.div-sat{

      padding-bottom: 0px;

}

.header-block-block-1 .div-cach-tren{

        padding-bottom: 0px;

    padding-top: 6px;

}

.row-header-con .large-3{

    padding-left: 4px;

    padding-right: 4px;

}

.row-header-con .large-3 .icon-box-text p{

    font-size: 13px;

}



label.wcva_single_textblock {

    /* min-height: 104px !important; */

    padding: 7px 10px !important;

    text-align: center;

    border: 1px solid #bcbcbc !important;

    width: auto;

    padding: 0 10px;

    line-height: 22px;

    color: black;

    /* border: solid 0px white !important; */

    /* outline: solid 0px #9C9999 !important; */

    background: #eee;

    font-size: 13px !important;

    font-weight: 500 !important;

    border-radius: 2px !important;

}

.section-ban-chay .box-text{

    padding: 10px;

}

.section-ban-chay{

    margin-top: 10px;

}

.section-ban-chay .tabbed-content ul.nav-line{

    background: #FF6633;

}

.section-ban-chay .tabbed-content ul.nav-line a:before{

    display: none;

}

.section-ban-chay .tabbed-content ul.nav-line a{

    padding-left: 10px;

    padding-right: 10px;

    color: white;

}

.header-bottom-nav i.icon-angle-down{

        position: absolute;

    margin-left: -17px;

    margin-top: -2px;

    font-size: 20px;

    opacity: 1;

}

.ubermenu-skin-black-white-2 {

    border: none !important;}

.header-bottom-nav li a{

    font-size: 14px;

}

ul.header-bottom-nav li a.nav-top-link{

    font-size: 14px;

    padding-left: 0px;

    padding: 0px !important;

} 

.header-bottom-nav i.icon-angle-down:before{

    display: none;

}

ul.header-bottom-nav li a i{

    padding-right: 4px;

}

.div-no-padding{

    padding-bottom: 0px !important;

}

span.hdevvn-show-cats{

    border-bottom: none;

    content: black;

}

span.hdevvn-show-cats a{

    color: black !important;

}



.section-title-normal {

    margin-bottom: 20px;

    border-bottom: 0;

   

}

.section-title-normal {

 

}.section-title-normal b {

    display: none;

}

.section-title-normal span {

 

}span.hdevvn-show-cats li {

    display: block;

    width: auto;

    float: left;

    margin: 0 8px;

}span.hdevvn-show-cats li a {

    font-size: 15px;

    text-transform: none;

    font-weight: 400;

    margin-right: 0!important;

    padding-left: 10px;

}.section-title a {

    font-size: 14px;

    margin-left: auto;

    color: white;

    margin-right: 10px;

}

div#nz-div {

  border-bottom: 2px solid #FF6633;

  margin-bottom: 8px;

  display: block;

}



#nz-div h3.tde {

  margin: 0;

  font-size: 16px;

  line-height: 20px;

  display: inline-block;

  text-transform: uppercase;

}



#nz-div h3.tde :after {

content: "";

    width: 0;

    height: 0;

    border-top: 38px solid transparent;

    border-left: 27px solid #FF6633;

    border-bottom: 0px solid transparent;

    border-right: 0 solid transparent;

    position: absolute;

    top: 0px;

    right: -27px;

}



#nz-div h3.tde span {

  background: #FF6633;

  padding: 10px 20px 8px 20px;

  color: white;

  position: relative;

  display: inline-block;

  margin: 0;

}

.header-search-form-wrapper input[type='search']{ border:none ;   height: 43px;

    box-shadow: none;

   }

.div-tin-noi-bat h3{

    color: #ff6900;

        border-bottom: solid 1px #eee;

}

.div-tin-noi-bat .box-text{

        margin-top: 0px;

    padding: 6px;

}

.div-hinh-phai .img{

    margin-bottom: 5px !important;

}

.row-youtube p{

    font-size: 90%;

}

.row-youtube p{

    margin-bottom: 5px;

}

.row-youtube{

    border: solid 1px #ddd;

    padding: 10px;

}

.div-tin-noi-bat .box-text h5.post-title{

        font-weight: normal;

    height: 40px;

    overflow: hidden;

}

.sp-ban-chay .tabbed-content li a{

      padding-left: 10px;

      padding-right: 10px;

}

.sp-ban-chay .tabbed-content .nav-simple{

    border-bottom: 1px solid #ff6900;

    margin-left: -10px;

    margin-right: -10px;

}

.sp-ban-chay .tabbed-content li.active a{

  

    background: #ff6900;

    color: #fff;

    border-radius: 4px 4px 0 0;

    

}

.section-category h1{

    margin-bottom: 0px !important;

    font-size: 20px;

}

.section-category{

    padding-left: 0px !important;

    padding-right: 0px !important;

}



.section-category span.section-title-main{

       padding: 7px 14px !important;

}

.row-icon {

    padding-top: 20px;

}

.row-icon .icon-box{

        padding: 10px 20px;

    background: #FF6633;

}

.row-icon .icon-box:before{

        left: 9px;

    content: '';

    display: block;

    position: absolute;

    border: solid 1px #fff;

    width: 95%;

    height: 79%;

    box-sizing: border-box;

}

.row-icon .icon-box h3{

        color: white;

    padding-top: 15px;

}

.section-title-normal span.section-title-main {

          text-transform: uppercase;

    font-size: 20px;

    line-height: 26px;

    background: #ff6900;

    color: #fff;

    border-radius: 5px 5px 0 0;

    padding: 6px 20px;

    font-weight: bold;

    position: relative;

    margin-right: 20px;

}

.section-title-normal span.section-title-main:before{

    content: '';

    display: block;

    line-height: 40px;

    background: #ff690099;

    width: 15px;

    height: 40px;

    position: absolute;

    top: 8px;

    right: 0;

    margin-right: -13px;

    transform: skewX(13deg);

    border-radius: 0 5px 0 0;

}

.section-title-normal span.section-title-main:after{

    content: '';

    display: block;

    line-height: 40px;

    background: #ff6900;

    width: 18px;

    height: 40px;

    position: absolute;

    top: 0;

    right: 0;

    margin-right: -7px;

    transform: skewX(21deg);

    border-radius: 0 5px 0 0;

}



.blog-archive h1.page-title{

      padding: 8px 0px;

    height: 41px;

    margin-bottom: 23px;

    border-bottom: 2px solid #FF6633;

    display: block;

    font-size: 16px !important;

    text-transform: none;

    letter-spacing: 0;

    font-size: 23px;

    text-transform: uppercase;

    font-weight: normal;

    overflow: hidden;

}

.blog-archive h1.page-title span{

       text-transform: uppercase;

    padding: 7px 14px !important;

    font-size: 20px;

    line-height: 26px;

    background: #ff6900;

    color: #fff;

    border-radius: 5px 5px 0 0;

    padding: 0 20px;

    font-weight: bold;

    position: relative;

    margin-right: 20px;

}

.blog-archive h1.page-title span:after{

  content: '';

    display: block;

    line-height: 40px;

    background: #ff6900;

    width: 18px;

    height: 40px;

    position: absolute;

    top: 0;

    right: 0;

    margin-right: -7px;

    transform: skewX(21deg);

    border-radius: 0 5px 0 0;

}

.blog-archive h1.page-title span:before{

        content: '';

    display: block;

    line-height: 40px;

    background: #ff690099;

    width: 15px;

    height: 40px;

    position: absolute;

    top: 8px;

    right: 0;

    margin-right: -13px;

    transform: skewX(13deg);

    border-radius: 0 5px 0 0;

}

.cdc_thecontent{

    padding: 10px;

}

.cdc_thecontent .price{

        padding-bottom: 17px;

}

.cdc_thecontent .price span.amount{

    text-shadow: 3px 0 0 #e9dede, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, 0px 3px 5px #220d0d;

}

.cdc_thetip{

    width: 350px;

}

#secondary span.widget-title {

      overflow: hidden;

    border-bottom: 2px solid #FF6633;

    display: block;

    padding: 6px 0px;

}



#secondary span.widget-title span{

  text-transform: uppercase;

    padding: 7px 14px !important;

    font-size: 20px;

    line-height: 26px;

    background: #ff6900;

    color: #fff;

    border-radius: 5px 5px 0 0;

    padding: 0 20px;

    font-weight: bold;

    position: relative;

    margin-right: 20px;

}

#secondary span.widget-title span:after{

  content: '';

    display: block;

    line-height: 40px;

    background: #ff6900;

    width: 18px;

    height: 40px;

    position: absolute;

    top: 0;

    right: 0;

    margin-right: -7px;

    transform: skewX(21deg);

    border-radius: 0 5px 0 0;

}

#secondary span.widget-title span:before{

            content: '';

    display: block;

    line-height: 40px;

    background: #ff690099;

    width: 15px;

    height: 40px;

    position: absolute;

    top: 8px;

    right: 0;

    margin-right: -13px;

    transform: skewX(13deg);

    border-radius: 0 5px 0 0;

}

label.selectedswatch.wcva_single_textblock {

    /* min-height: 104px !important; */

    /* background: #333; */

    color: black;

    /* border: solid 0px white !important; */

    /* outline: solid 0px #9C9999 !important; */

    line-height: 22px;

    padding: 7px 10px;

    font-size: 13px !important;

    font-weight: 500 !important;

    border-radius: 20%;

    border: 1px solid #f9a519 !important;

    background: #fffaf1;

}



.section-title-normal {

    overflow: hidden;

    border-bottom:2px solid #FF6633;}.section-title-container {

    margin-bottom: 0;

}



.box-blog-post .is-divider{display:none}

.single-product .product-info {padding-bottom:0;

    padding-top: 0;

    padding-right: 0;

    border-right: none;

    padding-left: 0;

}



.single-product #product-sidebar{padding-bottom:0; padding-left:15px}.product-main {

    padding: 20px 0 10px 0;

}.product-info .breadcrumbs {

    text-transform: none;

    font-size: 14px;

}

.san-pham-section .col.large-12{padding-bottom:0}

.single-product .product-info .price, .single-product .product-info .price del span{font-size: 17px;

    color: gray;

    font-weight: normal;}

.price ins span.amount{

    color: orange;

    font-size: 25px;

}

p.price span.amount {

    white-space: nowrap;

    color: orange;

    font-size: 20px;

    font-weight: bold;

}

.star-rating span:before{color: #FFC107;}

.single-product .product-info .product-title{margin-bottom:0; font-size:20px}



.product-summary .quantity{display:none}

.widget .is-divider{display:none}



.buy_now_button{padding:0; margin-bottom:0; margin-right: 0;

    width: 48%;

    display: inline-block;

    float: right;

    text-transform: none;

    border-radius: 4px;

    letter-spacing: 0;

    font-size: 16px;}

.single_add_to_cart_button{margin-bottom:0; width: 48%;

    float: left;

    text-transform: none;

    border-radius: 4px;

    letter-spacing: 0;

    font-size: 16px;}

.woocommerce-product-gallery{    transition: opacity 0.25s ease-in-out 0s;

    border: 1px solid #ececec;

    border-radius: 4px;}

.single-product form.cart{    display: inline-block;

    width: 100%;margin-bottom:0}



.nut-dang-ky:hover{color:white}

.nut-dang-ky{

    background: #FFA000;

    padding: 8px 15px;

    text-align: center;

    color: white;

    border-radius: 22px;

    font-size: 15px;font-weight:500}



.nut-dang-ky:hover{    box-shadow: 2px 5px 7px #0000002e;}

.cot1 .nut-dang-ky{    background: #F57C00;}

.cot3 .khoi-box .box-info{padding: 10px 0px 3px 0;

    font-size: 14px;}

.single-product .woocommerce-tabs .tab-panels{font-size:15px; border: 1px solid #ddd;

    background-color: #fff;

    padding: 30px;

    border: 1px solid #ececec;

    border-radius: 0px 5px 5px 5px;

    padding: 10px;

    box-shadow: 2px 2px 10px #0000001a;}

.row-info .left{width:72%; float:left; display:inline-block}.product-footer .woocommerce-tabs {

    padding: 0;

    border-top: 0;

}.nav-tabs>li>a {

    background: #eaeaea;

    font-family: "roboto",sans-serif;

    font-size: 15px;

    text-transform: none;

    color: black;

    font-weight: 700;

}

.product_list_widget li a{font-size:15px}

.recent-blog-posts a{font-size:15px; margin-bottom:0}

.mr-half .badge-inner{border-radius:99%}

.product_list_widget span.amount{    color: #e80000;}ul.product_list_widget li img{border-radius:99%}

.product_list_widget, .flatsome_recent_posts ul{border: 1px solid #ececec;

    border-radius: 5px;

    padding: 10px;

    box-shadow: 2px 2px 10px #0000001a;}

.product-footer{margin-top:20px}

.row-info .right{padding-left:15px; width:28%; float:left; display:inline-block}

.single-product .related h3{    margin-bottom: 0;

    text-transform: none;

    letter-spacing: 0;}

.single-product .related .product-small.box{background: white;

    box-shadow: 2px 2px 12px #00000018;

    border-radius: 5px;}

.related .product-small.box .box-text{padding:15px 10px}

.related .product-small.box .product-title a{margin-bottom: 6px;    }

.related .product-small.box .price ins span, .related .product-small.box .price span.amount{font-size:16px; font-weight:normal}div#reviews.woocommerce-Reviews {

    border-bottom: 1px solid #ddd;

width:auto;

    max-width: 100%;



}.product-section {

    border-top: 0;

}

.single-product .product-info a.devvn_buy_now_style{display:none}#nut-buy {

    border: 1px solid #ececec;

    border-radius: 5px;

    box-shadow: 2px 2px 10px #00000012;

    padding: 15px;

    text-align: center;

}#nut-buy img {

    border-radius: 99%;

    margin-bottom: 10px;

    border: 4px solid #FFECB3;

}#nut-buy h3 {

    font-size: 16px;

}#nut-buy .price {

    margin-bottom: 10px;

}#nut-buy .price .ins {

    color: #E91E63;

    font-size: 18px;

    margin-left: 10px;

}#nut-buy p, #nut-buy ul {

    font-size: 13px;

    color: gray;

    text-align: justify;

}#nut-buy p.des {

    text-align: center;

    color: #FF9800;

}#nut-buy ul li{margin-bottom:0}

a.devvn_buy_now_style{margin-bottom:0; font-size:16px; text-transform:none;background-image: linear-gradient(to right, #ca1177 , #E91E63);}a.devvn_buy_now_style:hover, a.devvn_buy_now_style:focus{background:#e31687}

.devvn-popup-title, .popup-customer-info-group .devvn-order-btn{    text-transform: none;background-image: linear-gradient(to right, #ca1177 , #E91E63);}.devvn_prod_variable{display:none}.devvn-popup-quickbuy{font-family:"roboto", sans-serif}

span.devvn_title {display:block;

    font-size: 17px;}

.devvn_price span{color:orange}



.product-small.box .product-title{    height: 40px;

    overflow: hidden; margin-bottom:9px}.product-small.box .product-title a:hover{color:#e31586}

.product-small.box .category{    color: #8BC34A;}

.product-small.box .product-title a{color:black}

.product-small.box .price ins{

     position: absolute;

    text-shadow: 3px 0 0 #e9dede, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, 0px 3px 5px #220d0d;

    top: -19px;

    left: 0px;

}

span.woocommerce-Price-currencySymbol{

    padding-left: 3px;

    font-size: 13px;

}

.price span.amount{

    font-size: 20px;

}

.price del  span.amount{

    font-size: unset !important;

}

.product-small.box .price span.amount, .product-small.box .price ins span{

   

    font-weight: bold;

    color: #ff6900 !important}

.product-small.box .box-image{border-top-left-radius:5px; border-top-right-radius:5px}.tin-tuc-section .col.large-12{padding-bottom:0}



.footer-section .col{padding-bottom:0}.footer-secondary {

    padding: 0;

}

.copyright-footer p, .copyright-footer h4{margin-bottom:0}

.absolute-footer {

    font-size: 14px;

 

}

.banner-section .col{padding-bottom:0}.product-small .box-image:hover::before{

-webkit-animation:shine .75s;animation:shine .75s

}

@-webkit-keyframes shine{

100%{left:125%}

}

@keyframes shine{

100%{left:125%}

}

.product-small .box-image::before{

position:absolute;

top:0;

left:-75%;

z-index:2;

display:block;

content:'';

width:50%;

height:100%;

background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);

background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);

-webkit-transform:skewX(-25deg);transform:skewX(-25deg)

}.post-item .box-image:hover::before{

-webkit-animation:shine .75s;

animation:shine .75s}

@-webkit-keyframes shine{

100%{left:125%}

}

@keyframes shine{

100%{left:125%}

}

.post-item .box-image::before{

position:absolute;

top:0;

left:-75%;

z-index:2;

display:block;

content:'';

width:50%;

height:100%;

background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);

background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);

-webkit-transform:skewX(-25deg);transform:skewX(-25deg)

}#breadcrumbs {

    margin-bottom: 10px;

    font-size: 15px;

}.blog-single .entry-header .entry-meta {

    font-size: 14px !important;

    letter-spacing: 0;

    text-transform: none;

    color: gray !important;

    background: none;

    border-top: none !important;

    padding-top: 0 !important;

    padding-left: 0 !important;

}.is-divider {

    display: none;

}

.blog-single .article-inner .badge.post-date {

    top: 4%;

    left: 2%;

}

.blog-single .large-3{padding-left:0} 



.blog-archive .archive-page-header .large-12 {

    text-align: left;

    padding-bottom: 0px;

}

.blog-archive {

    background: #f7f7f7;

}.blog-archive .post-item .box-text {

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    padding: 10px 10px 20px 10px;

    background: white;

}.blog-archive .post-item .post-title:hover {

    color: #E91E63;

    text-decoration: underline;

}.box-blog-post .is-divider {

    display: none;

}

.blog-archive .post-item .from_the_blog_excerpt {height:40px; overflow:hidden

}



.archive .product-small.box .box-text{    padding: 15px 10px;

    text-align: center;}

a.back-to-top{background:#FF6633 !important; border:none !important; color:white}

.woocommerce-ordering select{font-size:14px}

.blog-archive .post-item a:hover{color:black}.page-wrapper {

    padding-top: 30px;

    padding-bottom: 0;

}

.blog-archive .post-item .box-image{border-top-left-radius:5px; border-top-right-radius:5px}

.san-pham-lien-quan h2{font-size:20px}h1.entry-title.mb {

    margin-bottom: 15px;

    text-transform: none;

    letter-spacing: 0;

}.page-right-sidebar .large-9 {

    border-right: none;

}.page-right-sidebar .large-3 {

    padding-left: 0;

}.success-color {

    color: #7a9c59;

    background: #8BC34A;

    border-radius: 4px;

    padding: 7px 20px;

    font-size: 15px;

    color: white;

}

.page-inner .has-border {

    border: 1px dashed #e91e63;

    padding: 15px 15px 15px;

    border-radius: 5px;

    background: #fff9f9;

}

#payment button{border-radius:5px; text-transform:none}

.woocommerce-cart .woocommerce{box-shadow: 2px 2px 20px #0000001a;

    padding: 20px;

    border-radius: 5px;

}

.cart_totals .button {

    border-radius: 5px;

    text-transform: none;

}



.button-continue-shopping, .button.primary.mt-0.pull-left{border-radius:5px; text-transform:none;}

.woocommerce-input-wrapper input{font-size: 14px;

    border-radius: 5px;

    box-shadow: none;}

.widget_shopping_cart_content .woocommerce-mini-cart{border:none; box-shadow:none; padding:0}p.form-row-first, p.form-row-last{width:100%}

.widget_shopping_cart_content{padding:15px}

.widget_shopping_cart_content a.button{text-transform:none; border-radius:5px; color:white}

.devvn_prod_cmt{max-width:100%}



@media(max-width: 855px){

    .product-main .row{

        margin-left: 0px !important;

        margin-right: 0px !important;

    }

    .TextCaptions .item{width:33.33%}

    .sp-ban-chay .tabbed-content li a {

    font-size: 9px;

    padding-left: 4px;

    padding-right: 6px;

}

    .product-small .box-image {

    padding: 4px;

}

    .section-ban-chay .product-category{

        padding-bottom: 0px !important

    }

    .section-ban-chay {

    margin-top: 0px;

}

    .div-sp{

            padding-left: 8px !important;

    padding-right: 8px !important;

    }

    div.isures-radio-variable{

            margin-top: 10px;

    }

     div.isures-radio-variable label.isures-option{

            display: block;

    width: 100%;

    max-width: 100%;

     }

    .isures-option.active {

        margin-bottom: 5px;

    }

    .section-email .wpcf7-email {

    width: 60%;

    float: left;

}

    .message-box .container{

        padding: 0px;

    }

    .section-tin .post-item{

        padding-bottom: 0px !important;

    }

    .section-tin{

        padding-bottom: 0px !important;

    }



    .list-sp .col, .list-sp .product-small{

        padding-bottom: 0px !important;

    }

    .category-page-row{

        padding-top:0px !important;

    }

    .product-tabs .description_tab {

        width:auto !important;

    }

    .single-product .product-main,.single-product .product-info{

        padding-bottom:0px !important;

    }

    .product-info .single_add_to_cart_button{

    width: 100%;

    margin-bottom: 10px;

}

.product-info .buy_now_button{

    width: 100%;

}

    .div-anh{

         padding-left: 5px !important;

        padding-right: 5px !important;  

    }

    .list-sp .col{

        padding: 2px;

    }

    .section-ban-chay {

        padding-left: 5px !important;

        padding-right: 5px !important;

    }

.section-ban-chay .nav-line li{

    display: none;

}

.section-ban-chay .nav-line li:first-child{

    display: block !important

}

.hdevvn-show-cats {

    display: none;

}

    .page-right-sidebar .large-3 {

    padding-left: 15px;

}.off-canvas:not(.off-canvas-center) .nav-vertical li>a {

    padding-left: 20px;

    padding-top: 12px;

    padding-bottom: 12px;

    text-transform: none;

    font-size: 16px;

    color: black;

}



.tdk-product-loop-custom-product-meta .version, .tdk-product-loop-custom-product-meta .last-updated-date{padding:4px !important}.product-small.box .product-title{height:37px !important}





#footer .tieu-chi-section .col.medium-2{flex-basis:50%; max-width:50%}

.header-main {

    box-shadow: 2px 2px 10px #00000024;

}

.blog-archive .post-item .post-title {

    font-size: 15px;

    height: 57px;



}}

@media(min-width: 1023px){

   .section-chi-tiet .div-chi-tiet-trai{

        max-width: 80%;

    

    flex-basis: 80%;

   }

    .section-chi-tiet .div-chi-tiet-phai{

        max-width: 20%;

    

    flex-basis: 20%;

   }

    .div-danh-muc{

        max-width: 19%;

    flex-basis: 19%;

    }

    .div-slide{

            max-width: 56%;

    flex-basis: 56%;

    }

    .list-sp .product-small,.list-sp .col{

        padding-bottom: 0px !important;

    }

}



@media only screen and (max-width: 48em) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/





}
.header-bottom.wide-nav.hide-for-sticky{
	background-color: #ff6900 
}


/* Đổi màu chữ của thẻ a bên trong thành màu TRẮNG */
.header-bottom-nav.nav-center > li:hover > a {
    color: white !important; 
}


/* --- PHẦN 2: MENU DỌC (UBERMENU) --- */

/* Đổi nền của khung li */
.ubermenu-main .ubermenu-item:hover {
    background-color: #ff6900 !important; /* Màu cam đậm */
}

/* Đổi màu chữ bên trong UberMenu thành TRẮNG (bao gồm cả icon nếu có) */
.ubermenu-main .ubermenu-item:hover > a,
.ubermenu-main .ubermenu-item:hover > a span,
.ubermenu-main .ubermenu-item:hover > a i {
    color: white !important;
}

.header-search-form-wrapper input[type='search']{
	border: 2px solid #ff6900 !important
}