/*
Theme Name: WBT FLS CHILD
Description: Theme do WBT chinh sua
Author: WBT
Template: wbt-fls
Version: 3.5.3
*/
/*+++++++++++++++++++++++++++++++hệ thống+++++++++++++++++++++++++++++++*/
body {
    font-family: "Roboto",sans-serif !important;
}
.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, .entry-category.is-xsmall, .home h1.entry-title, .absolute-footer {display:none;}
.header-nav li .nav-top-link {text-transform: uppercase;}
/*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;}
  .header-button .icon-menu:after {content: "Menu";float: left;text-transform: uppercase;font-size: 12px;}
}
/*hiển thị trên máy tính=======================************=====================================*/
@media only screen and (min-width:850px){
.home .khoang-cach-home {padding-top: 200px;}
.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}
  
  .footer-widgets #text-3 {
    max-width: 36%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 36%;
}
.footer-widgets #nav_menu-3 {
    max-width: 19%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 19%;
}
.footer-widgets #nav_menu-2 {
    max-width: 20%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 20%;
}
}

/*header=======================================*/
ul.header-nav .cart-item{margin-top:7px}
li.header-search-form.search-form.html.relative.has-icon{margin-right:-3px}
ul.nav-dropdown {padding: 0;font-size: 14px;}

/*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 #2a1770;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 #2a1770;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}
input.search-field.mb-0 {background: #fff;}

/*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;}

/*dạng menu con vertical ít */
#mega_menu > li > ul.sub-menu {margin-top: 0 !important;min-height: unset;}

/*dạng menu ngang xổ xuống--------------------------------------------*/

ul.nav-column.nav-dropdown-default{position:absolute;left:256px;top:0;display:none;background:#fff}
.nav-dropdown li:hover ul.nav-column.nav-dropdown-default{display:block}
.nav-dropdown .menu-item-has-children:after{top:5px;position:absolute;right:11px;content:"\f105";font-family:FontAwesome;float:right}
.nav-dropdown>li.nav-dropdown-col, .nav-dropdown>li.image-column {display: block;}
ul.nav-dropdown li{width:256px!important;position:relative}
.nav-column{position:absolute;left:256px;top:0;display:none;background:#fff}
.nav-dropdown li:hover ul.nav-column{display:block}
/*dạng dàn menu thành 2,3,4,6... cột */
.menu-col2 .nav-dropdown{width:850px!important}
.menu-col2 .nav-dropdown li{width:50%!important;float:left}
.menu-col3 .nav-dropdown{width:850px!important}
.menu-col3 .nav-dropdown li{width:33.3%!important;float:left}
.menu-col4 .nav-dropdown{width:850px!important}
.menu-col4 .nav-dropdown li{width:25%!important;float:left}
.menu-col5 .nav-dropdown{width:850px!important}
.menu-col5 .nav-dropdown li{width:20%!important;float:left}

/*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: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align: left;
    color: #000;
    height: 37px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
/*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 #d43424; 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: #d43424; }
.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;}
#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 32px; position: relative; }
#header #wide-nav ul#mega_menu>li>a:before{content:"\f005";font-family:Fontawesome;position:absolute;left:8px;top:6px;color:red;font-size:15px}
#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 div#mega-menu-wrap { box-shadow: 0 0 4px 0 rgba(0,0,0,.2); background: #2a1770; 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;background: #f3f3f3 !important;}
.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: #000;
    font-size: 16px;
    font-weight: bold;
}
.price-wrapper {min-height: 26px;    padding-top: 5px;}
.box-text.box-text-products {padding: 5px 5px;border-top: 1px solid #e2e2e2;}
.price-wrapper .price {min-height: 30px;}

/*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}
@media only screen and (min-width:550px){.box-list-view .box .box-image, .box-vertical .box-image {width: 30% !important;}}
/*tin tưc*/
.box{border:1px solid #dcdcdc;padding:2px}
.post-title{
	text-align:left;
  font-weight:unset
}
.box-text{padding-bottom:5px}
.section-title-container{margin-bottom:5px}
.section-title-main {
    font-size: 18px;
    background: #fe0000;
    color: #fff;
    padding: 10px;
    border-left: 3px solid #333;
      font-weight: 200;
}
.section-title-normal {
    border-bottom: 2px solid #fe0000;
    background: #f3f3f3;
}
.section-title a{font-size:13px;padding-right:10px}

/*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}
.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-----------------------------------*/
ul.releted-post { margin: 0 0 18px 0 !important; padding: 0 !important; -moz-column-count: 2 !important;    -moz-column-gap: 40px !important; -moz-column-rule: 1px solid #ccc !important; -webkit-column-count: 2 !important;       -webkit-column-gap: 40px !important; -webkit-column-rule: 1px solid #ccc !important; column-count: 2 !important;    column-gap: 40px !important; column-rule: 1px solid #ccc !important;}
ul.releted-post li { overflow: hidden !important; list-style: none !important; margin: 0px 0px 10px !important;    padding: 0 0 10px 0 !important; -moz-column-break-inside: avoid !important; -webkit-column-break-inside: avoid !important; break-inside: avoid-column !important;  border-bottom: 1px solid #ccc;}
ul.releted-post li a { color: #000; }
ul.releted-post li:hover a { color: red; font-weight: 600; }
ul.releted-post li a.img-thumbnai { display: block !important; width: 75px !important; height: 75px !important;    overflow: hidden; float: left !important; margin: 0 10px 0 0 !important; padding: 0 !important;}
ul.releted-post li img { display: block !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; float: none !important; border-radius: 3px !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;}

@media screen and (max-width: 480px) {
  ul.releted-post { -moz-column-count: auto !important; -moz-column-gap: normal !important; -moz-column-rule: none !important; -webkit-column-count: auto !important; -webkit-column-gap: normal !important; -webkit-column-rule: none !important; column-count: auto !important; column-gap: normal !important; column-rule: none !important;}
}

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




/*menu dọc xổ ngang*/
@media only screen and (min-width:850px){
.widget_nav_menu .menu{padding:0}
  .widget_nav_menu .menu>li{position:relative}
	.widget_nav_menu .menu>li ul {display:block;opacity:0;visibility:hidden;position:absolute;top:0;left:100%;border:0;background:#fff;padding:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.1);box-shadow:0 0 3px 0 rgba(0,0,0,.1)}
	.widget_nav_menu .menu>li .toggle{float:right}
  .widget_nav_menu .menu>li:hover>ul{margin-right:1px}
  .widget_nav_menu .menu>li:hover>ul,.widget_nav_menu .menu li:hover>ul{opacity:1;visibility:visible;right:100%}
  .widget_nav_menu .menu>li ul li{border-top:1px solid #ececec;padding:0 10px;line-height:28px}
  .widget_nav_menu .menu>li ul li:first-child{border-top:0}
  .widget_nav_menu .menu>li ul li a{padding:5px 0}
}
/*khác==================================================*/
a#devvn_buy_now, .devvn-popup-title, .devvn-order-btn {background: #d43424 !important;}
.badge-container {margin-top: 7px;}
ul.product-tabs li a:before {background: unset;}

/*breadcrumbs*/
.breadcrumb-blog .breadcrumbs {padding-left: 6%;}
/* hotline ====================================================================*/
.float-icon-hotline { display: block; width: 40px; position: fixed; bottom: 68px; left: 17px; z-index: 999999;}
.float-icon-hotline ul { display: block; width: 100%; padding-left: 0; margin-bottom: 0;}
.float-icon-hotline ul li { display: block; width: 100%; position: relative; margin-bottom: 10px; cursor: pointer;}
.float-icon-hotline ul li .fa { background-color: #ed1c24; display: block; width: 40px; height: 40px; text-align: center; line-height: 36px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; color: #fff; font-weight: 700; border-radius: 50%; position: relative; z-index: 2; border: 2px solid #fff;}
.float-icon-hotline ul li .fa-phone { background-color: #ed1c24; }
.float-icon-hotline ul li .fa-zalo { background: #ef0303 url(images/zalo.png) center center no-repeat; }
.float-icon-hotline ul li .fa-fb {
    background: #ef0303 url(images/messenger.png) center center no-repeat !important;
}
.animated.infinite { animation-iteration-count: infinite;}
.tada { animation-name: tada;}
.animated { animation-duration: 1s; animation-fill-mode: both; }
.float-icon-hotline ul li span { display: inline-block; padding: 0; background-color: #ff6a00; color: #fff;    border: 2px solid #fff; border-radius: 20px; height: 40px; line-height: 36px; position: absolute; top: 0;left: 15px;  z-index: 0; width: 0; overflow: hidden; -webkit-transition: all 1s; transition: all 1s; background-color: #ff6a00;    -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; font-weight: 400;    white-space: nowrap; opacity: 0; }

@media only screen and (min-width: 960px) {
	.float-icon-hotline ul li:hover span { width: 215px; padding-left: 30px; padding-right: 10px; opacity: 1;}
}

@media only screen and (max-width: 959px) { 
	.float-icon-hotline ul { display: flex !important ; }
  .float-icon-hotline ul li~li { margin-left: 10px;}
  .float-icon-hotline { bottom: 15px !important ; }
}

@keyframes tada {
  0% { transform: scale3d(1,1,1);}
  10%, 20% { transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  30%, 50%, 70%, 90% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  40%, 60%, 80% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  100% { transform: scale3d(1,1,1);}
}
/*==================================phần CSS bổ sung===================================================*/
.header-nav .html.custom.html_topbar_right {
    float: right;
    background: url(icon-phone.png) no-repeat left center;
    padding-left: 46px;
    color: #000;
}

.khung-camket {
    padding: 15px 0px !important;
}
.khung-camket .icon-box-text h6 {
    text-transform: unset;
    color: #333;
    font-size: 11px;
}
.khung-camket .icon-box-text h5 {
    color: #000;
    font-weight: bold;
    font-size: 12px;
}
.khung-camket .icon-box-text {
    margin-top: 14px !important;
}
.khung-main-02 .col {
    padding: 0;
}
.khung-main-02  .attachment-medium {
    width: 95%;
    padding: 5px;
}
.khung-main-02 .icon-box-text {
    padding: 0 !important;
    margin-top: 22px;
    font-size: 12px;
    color: #d43424;
}

.box-text.text-center {
    padding: 5px 10px;
}
.box.box-push.box-text-bottom.box-blog-post.has-hover {
    background: #2a1770;
    padding-bottom: 15px;
}
.post-title.is-small {
    font-weight: bold;
    color: #d43424;
}

/*chỉnh thêm*/
ul.nav.header-nav.header-bottom-nav.nav-center.nav-box.nav-uppercase li a {
    height: 44px;
    padding: 0 20px;
}
ul.nav-dropdown.nav-dropdown-simple li a {
    padding: 13px !important;
}
.product-section-title {
    background: #5021ff;
    color: #fff;
    padding: 11px 10px;
}
/*giao diện mới*/
.box-text-products {
    display: flex;
    flex-direction: column-reverse;
}
del .amount {
    font-size: 14px !important;
    text-shadow: unset !important;
}
ins .amount, .woocommerce-Price-amount.amount {
    font-size: 23px;
    text-shadow: 1px 1px 1px #f8ce00;
}
.woocommerce-Price-amount.amount {
    font-size: 23px;
    text-shadow: 1px 1px 1px #f8ce00;
}

/*tin tức*/

.khung-tintuc .box-image {
    width: 41%;
    float: left;
}
.khung-tintuc .box-text {
    float: left;
    width: 59%;
      padding-top: 0;
}
.khung-tintuc .post-title {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 13px;
    color: #2a1770;
}
.khung-tintuc .box {
    border: 0;
    padding: 0;
  
}
.khung-tintuc .is-divider {
    display: none;
}
.khung-tintuc .box-text p {
    font-size: 13px;
    text-align: left;
}
.khung-tintuc .post-title:hover {
    color: red;
}
h3.title-tt {
    text-transform: uppercase;
    color: #1b1718;
    font-weight: 200;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 10px;
    background: url(b.gif) repeat-x left 13px;
}
.title-tt a {
    background: #fff;
    padding-right: 4px;
}
.khung-congtrinh {
    padding-bottom: 0 !important;
}
.title-congtrinh {
    text-align: center;
    height: 69px;
    font-size: 26px;
    background: url(a.png) no-repeat center 44px;
    color: #414143;
    font-weight: normal;
}
.khung-congtrinh .is-divider {
    background: #fe0000;
}
.khung-congtrinh .post-title {
    font-size: 17px !important;
}