/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
div#top-bar {
   /* background: linear-gradient(45deg,#f79220 50%,#1674ba 50%);
    line-height: 40px;*/
}
#logo img {
  
    
}
#header li.html.header-button-1 a{
    max-width: 120px;
  
    font-size: 12px;
    text-transform: none;
    font-weight: 400 !important;
    padding: 3px !important;
    border-width: 1px;
}
#header li.html.header-button-1 a span:before{
	    font-family: fl-icons!important;
	    content:"\e009";
	    display: inline-block;
	    font-size: 12px;
	    margin-right: 5px;
}
.list_timhieu p{
    margin-bottom: 0;
}
.list_timhieu  a{
    color: rgb(40, 138, 214)
}
.link_1s {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    opacity: 0;
    top: 0;
    left: 0;
}
.breadcrumbs {
    text-transform: none;
    font-weight: 400 !important;
    font-size: 13px;
}
.woof_container {
    display: inline-block !important;
    padding-bottom: 5px;
    margin-bottom: 9px;
    width: unset;
    max-width: 131px;
}

.archive.woocommerce h1.shop-page-title.is-xlarge{
    text-transform: uppercase;
    font-weight: 600;
}
.catsubs_wrapper>a {
    padding: 5px 10px;
    font-size: 15px;
    display: inline-flex;
    border: 1px solid #e0e0e0;
    margin-right: 8px;
    margin-bottom: 8px;
    vertical-align: middle;
    text-align: center;
    transition: all ease 300ms;
    color: #333;
    border-radius: 20px;
    overflow: hidden;
    line-height: 27px;
    background: #fff;
    text-transform: uppercase;
    color: #000;
}
.catsubs_wrapper>a:hover{

    border: 1px solid #2f80ed;
}
.product-small.col .product-small.box .box-text{
    padding: 20px 10px;
    padding-top: 25px;
}
.product-small.col .product-small.box .box-image{
    padding: 10px;
    padding-bottom: 0;
}
.product_icon_up {
    position: absolute;
    max-height: 20px;
    top: 0;
    left: 10px;
}
.devvn_rating_loop .star-rating {
    display: inline-block !important;
    clear: none;
    margin:0;
}
.devvn_rating_loop .star-rating:before, .devvn_rating_loop .star-rating span:before{
    font-size: 12px;
}
.devvn_rating_loop {
    margin-bottom: 15px;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.archive.woocommerce .row.category-page-row .col.large-9,.archive.woocommerce .row.category-page-row .col.large-3 {
        flex-basis: 100%;
    max-width: 100%;
}
.category-page-row{
    padding-top: 15px;
}
#header li.html.header-button-1 a:hover span{
    color: #fff !important
}
.product_quatang_archive {
    font-size: 12px;
}
.product_quatang_archive p{
    margin-bottom: 0;
}
.header-vertical-menu__opener{
    padding-left: 0 !important;
}
li.header-vertical-menu {
    width: 100%;
}
.header-vertical-menu__opener.dark{
    width: 100% !important
}
.header-vertical-menu__fly-out{
    width: 100%;
}
.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a{
    color: #fff;
}
a.duan{
    display: flex;
    flex-direction: column;
}
a.duan strong {
    line-height: 28px;
    font-size: 16px;
}
ul.header-nav.header-nav-main.nav.nav-right.nav-uppercase a.nav-top-link{
    display: flex;
    flex-direction: column;
}
a.header-cart-link span.header-cart-title{
    order:2;
}
a.header-cart-link{
    display: flex;
    flex-direction: column;
}
.homenews h2 {
    padding: 10px 20px 10px 10px;
    background: #000;
    line-height: 1.3em;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    width: auto;
        display: inline-block;
    margin-bottom: 0;
}
.homenews h2:after {
    content: '';
    width: 0;
    height: 0;
    border-right: 12px solid #fff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.homenews h2 a{
    display: block;
    color: #fff;
}
.row-xsmall>.col, .row-xsmall>.flickity-viewport>.flickity-slider>.col{
       padding: 0 5px 10px;
}
.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg{
    box-shadow: 0 0 4px 2px rgba(0,0,0,.15);
    background: #fff !important;
    border-color: #fff !important;
    height: 72px;
    fill: #333;
    border-radius: 0;
}
.slider-nav-circle .flickity-prev-next-button.previous svg{
     border-radius:0 5px  5px 0 !important;
}
.slider-nav-circle .flickity-prev-next-button svg{
        border-radius: 5px 0 0 5px !important;
}
.flickity-prev-next-button.next, .flickity-prev-next-button.previous{
    opacity: 1 !important
}
.flickity-prev-next-button.next{
    right: 0;
}
.flickity-prev-next-button.previous{
    left: 0
}
.homenews .col.post-item>.col-inner{
            padding: 10px 10px 5px;
    border-bottom: 1px solid #ededed;
    background: #fff;
}
.homenews .col.post-item .box-text{
    padding-top: 0;
    padding-bottom: 0;
}
.homenews .col.post-item  .post-title{
    font-weight: 400 !important;
    font-size: 14px;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a{
    padding: 12px 15px;
    line-height: 1.3;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    border-left: 3px solid #fff;
    padding-left: 12px;
     transition: ease all .3s;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a:hover{
    border-color: #000;
     color: #000;
    transition: ease all .3s;
    background-color: #ffd300;

}
span.amount {
    color: #FF0000;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
}
div#wide-nav {
    
}
form.searchform{

}
.col.post-item .col-inner{
	overflow: hidden;
}
.box-blog-post .is-divider{
	display: none
}
.home h5.post-title.is-large{
	height: 42px;
	overflow: hidden;
}
.product-small.box{
	height: 100%;
}
.box-shadow-1, .box-shadow-1-hover:hover, .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover {
    border: 1px solid #eee!important;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
}
.product-small.col .col-inner{
	height: 100%;

	overflow: hidden;
	border-radius: 5px;
}
.list_cat .icon {
    border: 1px solid #f3f3f3;
    background: #f3f3f3;
    border-radius: 50%;
}
.list_cat h3{
    font-weight: 400;
    font-size: 13px;
}
.list_cat .col > .col-inner {
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid #ddd;
}
.breadcrumbs a {
    color: hsl(0deg 0% 0%);
    font-weight: bold;
}
.dep strong {
    font-weight: bold;
    color: red;
}
.col-bh p{
	margin-bottom: 0;
}
.to span.amount {
    color: #d20d14;
    font-weight: 700;
    font-size: 28px;
}
.product_thongso tr:nth-child(odd) {
    background: rgba(242,242,242,1);
    background: -webkit-gradient(linear, left top, right top, from(rgba(242,242,242,1)), to(rgba(242,242,244,1)));
    background: linear-gradient(to right, rgba(242,242,242,1), rgba(242,242,244,1));
}
.pha .col-inner.text-center {
   padding: 5px 10px;
    border-bottom: 1px solid #e3e3e3;
}
.prob p::before {
    content: "•";
    color: #22b15c;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    margin-right: 5px;
}
.prob p{
    font-size: 13px;
    margin-bottom: 3px;
    line-height: 1.3;
}
.pha p{
    margin-bottom: 0;
}
.dep ul {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    font-size: 14px;
}
.dep li:after {
    content: "" !important;
    background: url(images/icon-new-09.png);
    background-size: cover;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 10px;
    margin-top: 3px;
}
.has-shadow .box:not(.box-overlay):not(.box-shade) {

}
.box-shadow-3, .box-shadow-3-hover:hover, .row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover {
   
    border-radius: 9px;
}
.term-description {
    background: #ffffff;
    padding: 20px;
    margin-top: 20px !important;
    border-radius: 8px;
    box-shadow: 0 0 5px #888;
}
.icon-box-center .icon-box-img {
    margin: 0 auto 0em;
}
form.searchform input {
    border: 1px solid #f79220;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: none
}
.searchform .button.icon{
	    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.box-text.text-center {
    border-radius: 0 0 9px 9px;
    background: #fff;
}
.accordion> .accordion-item> a.accordion-title {
    position: relative;
}
.accordion-title {
    border-top: 0px solid #ddd;
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    display: block;
    position: relative;
    font-weight: bold;
    padding: 10px;
    padding-left: 50px;
    margin-bottom: 10px;
  
}
.row_ov .col-inner{
	overflow: hidden;
}
.row_ov  h2{
	color: #fff;
}
.accordion> .accordion-item> a.accordion-title {
    position: relative;
    border-radius: 7px;
    border: 1px solid #f79220;
}
.ai .box-image {
    border-radius: 8px !important;
    border: 1px solid #1674ba;
    
}
#footer a.ux-menu-link__link.flex{
	padding-top: 0;
	min-height: unset;
	    color: #1674ba !important;
}
#footer a.ux-menu-link__link.flex i{
	
}
.absolute-footer{
    font-size: 11px;
}

#header form.searchform input {
    background-color: #fff;
    height: 35px;
    border-radius: 3px !important
}
.section-title.section-title-normal{
    background-color: #ffd300;
    margin:0;
}
p.name.product-title.woocommerce-loop-product__title{
     margin-bottom: 0px;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
    font-size: 14px;
    height: 36px;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
   
}
.section-title-normal span{
    margin:0;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 10px;
    border:none;
    position: relative;
}
ul.hdevvn-show-cats{
    float: right;
    margin:0;
    list-style: none;
}
ul.hdevvn-show-cats li{
    display: inline-block;
    margin:0;
   
}
 ul.hdevvn-show-cats a, .section-title a{
    display: inline-block;
    margin: 0;
     margin-right: 7px;
        display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #000;
    margin-right:3px 8px;
    border-radius: 20px;
    font-weight: 400;
    transition: ease all .3s;
}
ul.hdevvn-show-cats a:hover, .section-title a:hover{
    background-color: #000;
    color: #fff;
    transition: ease all .3s;
}
.row-brand a{
    display: block;
    padding: 5px 10px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    min-height: 40px;
    border-radius: 30px;
    transition: ease all .3s;
}
.row-brand a:hover{
    transition: ease all .3s;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}
.row-brand a img{
    width: auto;
    max-height: 39px;
    vertical-align: middle;
}
.num-title {
    display: inline-flex;
    width: 100%;
        background: #ffd300;
    align-items: center;
}
.num-title .number-footer {
    color: #fff;
    background-color: #222;
    font-size: 16px;
    padding: 5px 8px;
}
.num-title .title-footer {
    background-color: #ffd300;
    padding: 6.5px 15px;
    color: #000;
    border-radius: 0 25px 25px 0;
    font-weight: 700;
    font-size: 14px;
}
.showroom p{
    margin-bottom: 0;
    font-size: 14px;
}
#footer{
    font-size: 14px;
}
.hhotline a {
    display: flex;
    flex-direction: column;
    text-align: center;
        width: max-content;
}
.woocommerce-ordering, .woocommerce-ordering select, .woocommerce-result-count{
    font-size: 14px;
}
.single-product #main, .single-product #wrapper{
    background-color: #fff;
}
.single-product .product-short-description:before{
    content: "Đặc điểm nổi bật";
    font-size: 16px;
    margin: 10px 0 12px;
    color: #333;
    font-weight: bold;
}
.single-product .product-short-description {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
}
.col-tt  .col-inner{
    padding: 10px;
    text-align: center;
}
.col-tt .text div {
    font-size: 14px;
    color: #288ad6;
        line-height: 1.2;
}
.donvi_1 {
    font-size: 13px;
    font-weight: 500 !important;
    margin-bottom: 5px;
    line-height: 1.3;
}
.donvi{
    margin-bottom: 10px;
}
.woocommerce-product-gallery figure{
    border:1px solid #ddd;
    border-radius: 5px;
}
button.single_add_to_cart_button.button.alt{
    border-radius: 5px;
}
.product-section .large-2.col.pb-0.mb-0,.product-section .large-10.col.pb-0.mb-0 {
    flex-basis: 100%;
    max-width: 100%;
}
.product-section {
    border:none;
}
h5.uppercase.mt{
    margin-top: 0;
}
.single-product .product_info .price-wrapper del span.amount{
        color: #333;
    font-size: 14px;
}
.widget .is-divider{
    height: 0;
}
div#secondary  aside{
    background-color: #fff;
    padding: 15px;
 }
.baixemnhieuss {
    background: #fff;
  
}
ul.product_list_widget {
    font-size: 14px;
}
ul.baixemnhieuss li {
    margin: 0;
    margin-bottom: 15px;
}
span.number {
    font-size: 18px;
    font-weight: bold;
    width: 35px;
    height: 35px;
    background: #cccccc;
    display: block;
    float: left;
    text-align: center;
    line-height: 35px;
    border-radius: 1px;
    color: #fff;
    margin-right: 10px;
}
ul.baixemnhieuss li a {
    display: flex;
}
ul.baixemnhieuss li a  span.title{
    width: calc(100% - 35px);
    font-size: 13px;
}
span.luotxem {
    color: #fe643b;
}
ul.baixemnhieuss li:nth-child(1) span.number {
    background: #f25630;
}
ul.baixemnhieuss li:nth-child(2) span.number {
    background: #d0b07a;
}
ul.baixemnhieuss li:nth-child(3) span.number {
    background: #decbac;
}
.tintuc_sanpham .post-title.is-large{
    font-weight: 400;
}
.archive.category h1.page-title.is-large.uppercase{
    text-align: left;
    font-size: 18px;
}
.ftwp-in-post#ftwp-container-outer.ftwp-float-none #ftwp-contents{
    width: 100%;
}
.single-post header.entry-header .is-divider{
    display: none
}
@media screen and (min-width: 850px){
	.header-vertical-menu__fly-out .current-dropdown.menu-item .nav-dropdown{
		min-width:900px;
	}
	.header-vertical-menu__fly-out .current-dropdown.menu-item .nav-dropdown li {
    display: inline-block;
 
    width: 25%;
}
        .archive.category .row.large-columns-1.medium-columns-.small-columns-1{
        display: block;
            }
            .archive.category .col.post-item:nth-child(1){
                width: 60%;
                float: left;
            }
            .archive.category .col.post-item{
                float: left;
            }
            .archive.category .col.post-item:nth-child(1) .box.box-vertical{
                flex-direction: column;
                display: flex;
            }
            .archive.category .col.post-item:nth-child(1) .box-image{
                width: 100% !important;
            }
            .archive.category .col.post-item:nth-child(1) .box-text{
                padding-left: 0;
                padding-right: 0;
            }
            .archive.category .col.post-item:nth-child(1) p.from_the_blog_excerpt,
            .archive.category .col.post-item:nth-child(2) p.from_the_blog_excerpt, 
            .archive.category .col.post-item:nth-child(3) p.from_the_blog_excerpt,
            .archive.category .col.post-item:nth-child(4) p.from_the_blog_excerpt{
                display: none;
            }
            .archive.category .col.post-item:nth-child(2), 
            .archive.category .col.post-item:nth-child(3), 
            .archive.category .col.post-item:nth-child(4){
                 width: 40%;
                float: right;
                padding-bottom: 10px;
            }
            .archive.category .col.post-item:nth-child(2) .box-text, 
            .archive.category .col.post-item:nth-child(3) .box-text , 
            .archive.category .col.post-item:nth-child(4) .box-text{
               padding-bottom: 0;
               padding-top: 0;
               font-weight: 500;
               padding-right: 0;
            } 
            .archive.category .col.post-item:nth-child(2) h5.post-title.is-large, 
            .archive.category .col.post-item:nth-child(3) h5.post-title.is-large, 
            .archive.category .col.post-item:nth-child(4) h5.post-title.is-large{
               font-weight: 400;
               font-size: 14px;
            }
    .chosen-container .chosen-drop{
        width: 380px;
    }
    .archive.woocommerce .row.category-page-row .col.large-3{
        padding-bottom: 0;
    }
    div#wide-nav .flex-left{
        width: 25% !important;
        max-width: 25%;
        margin-right: 15px;
    }
    #header form.searchform{
        max-width: 300px;
    }

}
@media screen and (max-width: 849px){
     .header-main .flex-left{
        display: none
    }
    a.duan{
        color: #fff !important;
        text-align: center;
    }
    a.duan strong {
        line-height: 22px;
        font-size: 14px;
    }
    .header-main li.html.custom{
        display: block !important;
    }
}
.off-canvas .nav-vertical>li>a{
	color: #000;
	padding-bottom: 10px;
    padding-top: 10px;
}
.helpbar {
    display: block;
    width: 100%;
    max-width: 640px;
    background: #fff;
    position: fixed;
    height: 60px;
    bottom: 0;
    z-index: 99999;
    border: 1px solid #ececec;
    padding: 5px;
    box-sizing: border-box;
}
.helpbar ul {
    display: block;
    width: 100%;
    margin:0;
}
.helpbar li {
    display: inline-block;
    float: left;
    width: 20%;
    text-align: center;
    margin:0;
}
.helpbar li a {
    display: block;
    font-size: 13px;
}
.helpbar li.toggle_categories i {
    background: #ee3338;
    height: 3px;
    width: 35px;
    display: block;
    position: relative;
    margin: 15px auto;
}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea{
    background-color: #fff;
}
@media screen and (max-width:549px){
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
		width: 90% !important;
		background-color: #ffd300;
	}
	.hdevvn-show-cats {
	    margin-top: 10px;
	    display: flex !important;
	    overflow-x: auto !important;
	    width: 100%;
	}
	ul.hdevvn-show-cats a{
		width: max-content;
	    min-width: 110px;
	    background-color: #fff !important;
    	color: #fe643b !important;
	}
	ul.hdevvn-show-cats{
		margin-bottom: 10px;
		    margin-left: 10px;
	}
    .tintuc_sanpham .box-image, .tintuc_sanpham .box-text{
            direction: ltr;
        display: table-cell;
        vertical-align: middle;
    }
    .tintuc_sanpham .box-image{
        width:25% !important;
    }
    .tintuc_sanpham .box-text{
        padding-left:15px;
        padding-top:0;
        padding-bottom:0
    }
    .tintuc_sanpham .box-image img{
        border-radius: 3px;
    }
    .archive.woocommerce h1.shop-page-title.is-xlarge{
        font-size: 20px;
    }
    .category-filter-row{
        display: none
    }
	.nav-tabs+.tab-panels{
		padding-left: 15px;
		padding-right: 15px;
	}
	.quantity+.button{
		font-size: 15px;
	}
	.list_1 .icon-box .icon-box-img{
		width: 40px !important
	}
}