/*
Theme Name: Web Bach Thang Chid - FLS
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.5.3
*/
/*+++++++++++++++++++++++++++++++hệ thống+++++++++++++++++++++++++++++++*/
.footer-widgets {
    box-shadow: 0px -5px 8px #c3c3c3;
}
.home .page-wrapper{padding-top:10px;padding-bottom:0px}
.shop-page-title.is-xlarge{margin-bottom:0;color:#1919b4}
.post-title.is-large{margin-bottom:9px;font-size:18px;color:#000}
.wpcf7 .wpcf7-form-control-wrap{display:unset}
.large-9.col.medium-col-first,.col.large-9{border-left:0!important}
.header_logo.header-logo{width:800px}
/*ẩn đi*/
.is-divider.small {display: none;}
.home h1.entry-title {display: none;}
.absolute-footer {display: none;}
/*trang chủ=======================================*/
/*hiển thị trên di động================*/
@media only screen and (max-width:849px){
  .page-left-sidebar>.row, .category-page-row{display:flex;flex-direction:column-reverse}
  .cot-phai{max-width:100%;flex-basis:100%}
  .cot-trai{display:none}
  div#product-sidebar {display: unset !important;}
  .col.large-3.hide-for-medium {display: unset !important;}
  .category-filtering.category-filter-row.show-for-medium {display: none;}
  .sidebar-menu.no-scrollbar {padding-bottom: 100px;}
  .mobile-sidebar .nav-sidebar li a {font-size: 12px;text-transform: unset;}
  button.toggle {width: 30px;}
}
/*hiển thị trên máy tính================*/
@media only screen and (min-width:850px){
.home .khoang-cach-home {padding-top: 200px;}
.releted-post {width: 25%;}
.stuck .header-main{display:none}
.post-sidebar.large-3.col,div#product-sidebar,.large-3.col.col-first.col-divided{padding-right:0;border-right:0!important}
}

/*header=======================================*/
ul.header-nav .cart-item{margin-top:7px}
li.header-search-form.search-form.html.relative.has-icon{margin-right:-3px}

/*Title sidebar + Bài viết liên quan + SP Liên quan----------------------------------------*/
.product-section-title{font-size:16px!important;margin-bottom:10px!important;line-height:16px!important}
.related.related-products-wrapper.product-section{border-top:unset}
.large-3 .widget-title,.related_post_title,.product-section-title{margin:0;font-weight:bold!important;color:#FFF;font-size:18px;height:40px;border-bottom:2px solid 2px solid #ff5500;background:url(title-sidebar.png) no-repeat;line-height:40px;padding-left:10px}
.large-3 .widget-title:before{content:"\f0b2";font:normal normal normal 14px/1 FontAwesome;padding-right:6px;font-size:19px}
ul.product_list_widget,.flatsome_recent_posts ul{border:1px solid #376907;padding:0 13px}

/*menu di động =======================================*/
.mobile-sidebar li.html.custom{background:#d01818;padding:10px 20px}
.mobile-sidebar li.html.custom p{color:#fff;font-weight:bold;text-transform:uppercase;font-size:15px}
.mobile-sidebar li.html.custom p:before{font:normal normal normal 14px/1 FontAwesome;content:"\f039";padding-right:8px}
.mobile-sidebar .nav-sidebar li a{color:#333}
.mobile-sidebar .nav-sidebar .menu-item a:before{content:"\f0da";font:normal normal normal 14px/1 FontAwesome;padding-right:5px}

/*Ghi chú ######################################################################################*/
/*kích thước tối đa cho Vertical Menu------------------------*/
#wide-nav > .flex-row > .flex-left {max-width: 292px !important;}
/*chọn kiểu hiển thị ở trang chủ cho verticalMenu bỏ dòng code này thì menu xổ ra sẵn để nguyên thì hover chuột vào mới xổ ra------*/
body.home #mega_menu {display: none;}


/*Form liên hệ=======================================*/
.chia-doicot{float:left;width:50%}
/*rút gọn title sidebar 2 dòng---------------------*/
.product_list_widget li .product-title,.recent-blog-posts-li .flex-col.flex-grow, .releted-post .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;text-align:left;color:#000;height:31px;font-weight:bold;font-size:13px}
/*rút gọn tiêu đề 3 dòng--------------------------------------------*/
p.name.product-title a{-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;text-align:left;color:#000}
/*liên hệ trực tuyến---------------------*/
.gd_support_8 { background: url(images/bg-support08.png)top center no-repeat, #f3f3f3; padding-top: 135px}
.gd_support_8 .info .name { text-align: center; line-height: 25px; font-weight:bold;font-size: 14px; }
.gd_support_8 .info .name span { display: inline-block; padding: 0 10px; background: #f3f3f3; color: #000000; font-size: 16px; font-weight: 600; line-height: 25px; }
.gd_support_8 .hotline { width: 80%; margin: 0 auto;background: url(images/icon-tel2.png) 3px center no-repeat #00aa33; border-radius: 20px; margin-bottom: -20px; padding-left: 42px; position: relative;  z-index: 1;}
.gd_support_8 .email { line-height: 23px;text-align: center;padding-top: 22px;    background: #00aa33; }
.hotline {font-size: 20px; color: #fff; margin-left: -17px; }
.hotline a { color: #fff; }
.gd_support_8 .email p {color: #fff;font-weight: bold; font-size: 15px;}

/* vertical mega menu================================================================ */
#header #wide-nav > .flex-row > .flex-left { top: 0px; position: relative;}
#mega-menu-wrap { border-radius: 6px 6px 0px 0px; }
.header-bottom, #mega-menu-title { box-shadow: 0 0 4px 0 rgba(0,0,0,.2); position: relative; padding: 5px 10px;}
#mega-menu-title:before { content: "\f0d7"; font-family: FontAweSome; position: absolute; right: 10px; }
#mega_menu { box-shadow: 0 0 4px 0 rgba(0,0,0,.2); }
#mega_menu ul.sub-menu>li{white-space:nowrap;border-color:#000;display:block;border-left:none;clear:unset!important;min-height:37px;line-height:36px;border-bottom:1px solid #ececec}
#mega_menu ul.sub-menu > li .sub-menu li { width: 100%; padding: 0px;}
#mega_menu ul.sub-menu > li >a { color: #000; padding: 0px 15px; position: relative; }
#mega_menu ul.sub-menu > li .sub-menu li a {  color: #000; padding: 0px 15px; font-weight: 400; }
#mega_menu ul.sub-menu > li .sub-menu {position:absolute;left:100%;top:0;background:white;display:none;width:300px}
#mega_menu ul li:hover .sub-menu{display:block}
#header #mega-menu-wrap:hover ul#mega_menu { display: block;}
#mega_menu > li > a { padding: 7px 15px 7px 12px; position: relative; }
#mega_menu > li > a > img {
    max-width: 32px !important;
}
#mega_menu ul.sub-menu > li >a:before { content: "\f0da"; font-family: FontAwesome; position: absolute; left: 7px; }
#mega_menu li a { color: #000;}
#mega_menu li a:hover { color: red; }
#header div#wide-nav { padding: 0px !important; }
#header div#wide-nav div#mega-menu-wrap { box-shadow: 0 0 4px 0 rgba(0,0,0,.2); background: #0e2f44; border-radius:0px; }
#header div#wide-nav div#mega-menu-title { height: 45px; line-height: 35px; font-size: 13px;text-transform: uppercase; }
.ot-vm-hover:hover #mega_menu {display: block;}
.sub-menu .menu-item-has-children>a:after{content:"\f105";font-family:FontAwesome;float:right}
/*hiển thị 3 cột xóa bỏ thành 1 cột-----------------------------------------------
#mega_menu > li > ul.sub-menu {width: 800px;}
#mega_menu ul.sub-menu > li {width: 33.33%;float: left;}*/
/*màu link hover---------------------------*/
ul.sub-menu li a:hover {color: red !important;}
#mega_menu li a:hover {color: red;}

/*sản phẩm=========================================================*/
.product-small.box{border:1px solid #bbb;padding:3px}
.name.product-title a{font-size:14px;font-weight:bold;min-height:53px}
.page-title-inner.flex-row.medium-flex-wrap.container{min-height:unset}
.nav-line-bottom>li>a:before,.nav-line-grow>li>a:before,.nav-line>li>a:before{background:unset}
li.description_tab.active a{font-weight:bold!important;text-transform:uppercase;font-size:16px}
.widget .attachment-woocommerce_thumbnail{border:1px solid #d2d2d2}
.summary form.cart{margin-bottom:0!important}
.woocommerce-product-gallery__image .wp-post-image .wp-post-image{border:1px solid #c7c7c7}
del span.amount{color:#333;font-size:13px}
.price-wrapper {min-height: 26px;    padding-top: 5px;}
.box-text.box-text-products {padding: 5px 5px;border-top: 1px solid #e2e2e2;}
/*mô tả chi tiết sản phẩm========================================================*/
ul.product-tabs li{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #fff;padding:0 30px;margin-bottom:-1px;border-radius:10px 10px 0 0;border-top:4px solid #613000}
.tab-panels{border:1px solid #e6e6e6;padding:15px}
ul.product-tabs{border-top:1px solid #fff}
.woocommerce-product-gallery__image .wp-post-image{border:1px solid #ccc!important}
/*icon đầu đoạn mô tả ngắn-------------------*/
.product-short-description p:before{content:"\f0da";font:normal normal normal 14px/1 FontAwesome;color:#903d0b;position:absolute;left:0;top:3px;font-size:1.1em}
.product-short-description p{padding-left:15px;position:relative;margin-bottom:5px}

/*chuyên mục - bài viết========================================================*/
.blog-archive .large-12.text-center.col{padding-bottom:0}
.blog-archive{padding-top:10px}
.blog-archive .page-title.is-large.uppercase{border-bottom:1px solid #dcdcdc;margin-bottom:9px;text-transform:capitalize;font-size:27px;color:#9c0e08}
/*Nội dung bài viết----------------------------------------------*/
.entry-header-text.entry-header-text-top.text-center,.entry-content.single-page{padding-left:0!important}
h1.entry-title{border-bottom:3px solid #1c1c1a;text-transform:uppercase;font-size:21px;margin:0 0}h6.entry-category.is-xsmall{display:none}
.post-sidebar.large-3.col{margin-top:-17px}
.entry-header-text{padding-bottom:0}
/*bài viết và sản phẩm liên quan-----------------------------------*/
h3.related_post_title{margin-bottom:10px}
.releted-post .title p{margin-bottom:0px!important}
.releted-post{float:left;padding:0;margin:0 0 20px}
.releted-post>div{border:1px solid #ccc;margin:0 3px}
.releted-post .img-thumbnai{text-align:center;padding:10px;border-bottom:2px solid}
.releted-post .title{padding:10px;text-align:justify;height:60px}

/*footer================================================================================*/
.footer-widgets .widget-title{color:#fff;text-transform:uppercase;font-weight:bold;font-size:23px;border-bottom:1px solid #fff!important;margin-bottom:10px;border-style:dashed!important;border:0}
.footer-widgets{color:white}
.footer-widgets .menu li{border:unset}
.footer-widgets .menu li a{color:#fff}
.footer-widgets .menu li a:hover{color:red}

/*khác==================================================*/
a#devvn_buy_now, .devvn-popup-title, button.devvn-order-btn {background: #ff5500 !important;}
.badge-container {margin-top: 7px;}
/* call now=============================================================== */
@media screen and (max-width:680px){.call-now-button{display:flex!important;background:transparent}.call-now-button .call-text{display:none}}.quick-call-button{display:none}.call-now-button{display:none;z-index:9999;clear:both;margin:0 auto;position:fixed;border-radius:50px}.call-now-button div{display:flex}.call-now-button div p{color:#fff;display:table;padding:10px;border-radius:21px;height:34px;line-height:14px;font-size:14px;margin:8px 5px 8px 50px;text-transform:uppercase;font-weight:normal;text-align:center;box-sizing:content-box;text-decoration:none!important;box-sizing:border-box}.quick-alo-ph-circle{width:130px;height:130px;top:-40px;left:-40px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);opacity:1;-webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.quick-alo-ph-circle-fill{width:80px;height:80px;top:-15px;left:-15px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.quick-alo-ph-img-circle{width:50px;height:50px;top:0;left:0;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;background:url(images/quick-call-button.png) no-repeat center center;-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.quick-alo-phone-img-circle{width:50px;height:50px;top:0;left:0;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;background:url(images/quick-call-button-phone.png) no-repeat center center;-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes quick-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{10%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}
/*==================================phần CSS bổ sung===================================================*/

div#mega-menu-wrap {
    background: #ff5500 !important;
}
li.description_tab.active a:before {
    display: none;
}

ul.sub-menu {
    min-height: 250px !important;
}
.khung-main-01 .icon-box-text h6 {
    text-transform: unset;
    color: #fff;
    font-weight: unset;
}
.khung-main-01 .icon-box-text h5 {
    color: #fff;
    margin-top: 10px;
}

.khung-main-01 {
    background: #01932f;
    padding-top: 15px;
    border: 1px solid #fff;
    outline: 3px solid #0a3;
}
.khung-main-01 .col.medium-4 {
    padding-bottom: 15px;
}
.khung-main-02 .col.small-12 {
    padding-bottom: 0;
}
.section-title-container {
    margin-bottom: 5px;
}
.khung-main-02 h2.section-title.section-title-center {
    margin-bottom: 0;
}
.khung-main-03 .section-title-main {
    background: #ff5500;
    padding: 8px 11px;
    font-size: 18px;
    color: white;
    border-bottom: 3px solid #0a3;
}
.khung-main-03 h2.section-title.section-title-normal {
    background: #f3f3f3;
    border-bottom: 2px solid #00aa33;
}
.col.small-12.large-12 {
    padding-bottom: 0px;
}
.khung-main-04 {
    background: #f7f7f7;
    padding-top: 20px;
    margin-bottom: 12px;
    border: 1px solid #c7c7c7;
}
.khung-main-04 .icon-box-text.last-reset h3 {
    color: #00aa33;
}
.khung-main-04 .attachment-large.size-large {
    border: 1px solid #0a3;
}
.search-field.mb-0 {
    background: white !important;
}
/*chỉnh thêm*/
ul.nav-dropdown.nav-dropdown-default {
    padding: 5px;
}
ul.nav-dropdown.nav-dropdown-default li a {
    color: #333;
}
ul.nav-dropdown.nav-dropdown-default li a:hover {
    color: #01932f;
}