/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.absolute-footer{ display:none }
.pd_bt_0, .rowDivPd_bt_0>.col{     padding-bottom: 0; }
.rowDivPd_bt_15>.col{     padding-bottom: 15px; }
.pd_bt_10{     padding-bottom: 10px; }
.mgr5px{margin-right: 5px;}
.mgr10px{margin-right: 10px;}
.show1row{    display: -webkit-box !important;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1 !important;    overflow: hidden;}
.box-text-products .name.product-title a,
.show2row{    display: -webkit-box !important;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2 !important;    overflow: hidden;}
.show3row{    display: -webkit-box !important;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2 !important;   overflow: hidden;}
/*************** DEFINE CSS HERE.   ***************/
.mgb0 p, .mgb0>div, .mgb0>h2,.mgb0>h1 {    margin-bottom: 0;}
.pd_0, .pd_0 > .col{padding: 0}
.pdtb_0 , .pdtb_0.row >.col>.col-inner{padding-top: 0; padding-bottom: 0}
.dspFlex .col-inner{display:flex}
.flex1{flex:1}
.wAuto img{width:auto;}
.w100pc img{width: 100%;}
.flexRow>div>.col-inner {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    gap: 15px;
}
.alignJustify , .alignJustify p {
    text-align: justify;
}
.iconWauto .icon-box-img{
    width: auto !important;
}


/*@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');*/

@font-face{
  font-family: "HelveticaNeuBold";
  src:url(font/HelveticaNeuBold.ttf);
}
@font-face{
  font-family: "helvetica-neue-regular";
  src:url(font/helvetica-neue-regular.ttf);
}
@font-face{
  font-family: "SVN-BaliScript";
  src:url(font/SVN-BaliScript.ttf);
}

body{
/*     font-family: "helvetica-neue-regular" !important;*/
font-family: Arial;
}

.header-vertical-menu__fly-out .nav-top-link {
    font-size: 15px;
    text-transform: uppercase;
    color: #467038;
    font-weight: 700;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a{
    font-weight: 500;    
    padding: 16.7px 15px;
}

.sec_blogs_list .row1a h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 39px;
    padding-left: 20px;
}
.sec_slider{
    padding-top: 15px !important;
    padding-bottom: 0 !important;
}
.sec_banner_n_prods.sec1{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.sec_banner_n_prods.sec2{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.sec_banner_n_prods.sec3{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.sec_banner_n_prods.sec_pklr{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.icon-xh-trai {
    position: fixed;
    z-index: 9999;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
.icon-xh-trai ul {
    list-style: none;
}
.icon-xh-trai img {
    box-shadow: 0 0 0 0 #cbbfbf;
    background-color: rgb(183 166 166 / 70%);
    border-radius: 50%;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}


.sec_doitac .gallery-box .box-text{ display:none; }

#top-bar.header-top {
    background: transparent;
}

#logo {
    width: 100% !important;
}
#logo img {
    max-height: unset !important;
    width: 100%;
}
.header-main {
    height: unset !important;
}
#top-bar.nav-dark .nav>li>a,
.nav-right a{
    font-size: 16px;
    color: #333;
}

.logo-left .logo {
    margin: 0 auto;
}
#top-bar .sec_topbar_1a .row.row-top-1a>.col, #top-bar  .sec_topbar_1b .row>.col,
#top-bar .sec_topbar_1a, #top-bar  .sec_topbar_1b{
    padding: 0 !important;
	
}
/*#top-bar  .sec_topbar_1b{
    max-width: 1170px;
    margin: 0 auto; z-index:1;
}
#top-bar  .sec_topbar_1a{
	z-index:2
}
*/


.prod-title-conhang{
	color:#42713B;
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
#top-bar  .sec_topbar_1a .section-content{
    max-width: 1200px;
    margin: 0 auto; 
}
#top-bar  .sec_topbar_1a>.section-content>.row{
    margin: 0 auto !important;
}
/*244+30 padding = or 20 padding small */
.col.col244px{
    flex-basis: 274px;    max-width: 274px;    
    padding: 0 10px 30px;
}
.col.col244pxO{
    flex-basis: calc(100% - 274px);    max-width: calc(100% - 274px);
    padding: 0 10px 30px;
}

.sec_doitac .row-large>.flickity-viewport>.flickity-slider>.col {
    padding-bottom: 0;
}
.sec_doitac .box-image img{
    filter: grayscale(1); opacity: 1;
}
.sec_doitac .box-image:hover img{
    filter: unset;
}

.topbar_txt i, .topbar_txt a{
    color: #EE2529;
}
.topbar_txt i:first-child{
    margin-right: 10px;
}
.topbar_txt i:last-child{
    margin-left: 5px;
}
.topbar_txt .hotrotructuyen{
    cursor: pointer;
    margin-left: 30px;
}
.header-bottom .container div.flex-center{
    flex:1; margin: 0;
}
.header-bottom .container div.flex-left,
.header-bottom .container div.flex-right{
    flex:none !important; margin: 0;
}
li.header-search-form.search-form{
    width: 100%;
    margin: 0 20px !important;
}
.colpd6 > .col{
    padding: 0 6px 15px;
}
.row4col .col-inner{
    border: 1px solid #dedede;
}
.video.mb {
    margin-bottom: 17px;
}
ul.menu#menu-top-bar-menu >li+li {
    border:none;
}
ul.menu#menu-top-bar-menu{
    display: flex;
    gap: 20px; float: right;
}
/*sec_doitac sec_footer*/
.sec_footer h3, .sec_footer a, .sec_footer p{
    color: #fff;
}
.sec_footer .ux-menu-link:hover .ux-menu-link__link {
    text-shadow: 3px 3px 10px rgb(233 139 9 / 90%);
    color: #fff;
}

 .nav-dark .online_support_cover  a.plain:hover{
    color: #467038;
}

.header-vertical-menu ul.sub-menu.nav-dropdown{
	padding:0;
}
.header-vertical-menu ul.sub-menu.nav-dropdown li a{
	padding-top:15px;
	padding-bottom:15px;
}
.header-vertical-menu ul.sub-menu.nav-dropdown li:hover{
	box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);
}

.sec_footer h3{
    font-size: 15px;
    font-weight: 500;
}
.sec_footer a{
    font-size: 15px;
    font-weight: 400;
}
.sec_footer .row1 {
    padding-top: 30px;
}
.sec_footer .row2 {
    border-top: 1px solid #FFFFFF26;
    padding-top: 40px;
}
.news-block-widget-style-4{
    display: flex;
    flex-flow: row wrap;
}
.news-block-widget-style-4 .box__colum__left {
    flex-basis: 66.666%;    
    max-width: 66.666%;
    border-right: 1px solid #dedede;
    padding: 10px;
}
.news-block-widget-style-4 .box__colum__right {
    flex-basis: 33.333%;    
    max-width: 33.333%;
    padding: 20px;
}
.news-block-widget-style-4 .box__colum__left .boxx__innner{
    display: flex;
}
.news-block-widget-style-4 .box__colum__left .news-thumb {
    flex-basis: 45%;
    max-width: 45%;padding: 10px;
}
.news-block-widget-style-4 .box__colum__left .box__slider {
    flex-basis: 55%;
    max-width: 55%;padding: 10px;
}
.news-block-widget-style-4 .news-thumb .blog-thumbnail,
.news-block-widget-style-4 .news-thumb{
    overflow: hidden;
}
.vi_img_muiphay  img,
.banner_image img,
.news-block-widget-style-4 .news-thumb img{
    transition: transform 0.5s ease;
}
.vi_img_muiphay .box-image:hover img,
.news-block-widget-style-4 .news-thumb:hover img{
    transform: scale(1.2);
}
.banner_image .img-inner:hover img{
    transform: scale(1.08);
}
.box__colum__right .news-item-clear:nth-child(1) .boxx__innner{    
    display: flex;
    margin-bottom: 8px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #dedede;
}
.box__colum__right .news-item-clear:nth-child(1) .news-thumb {
    flex-basis: 33%;
    max-width: 33%; padding-right: 5px;
}
.box__colum__right .news-item-clear:nth-child(1) .box__slider{
    flex-basis: 66%;
    max-width: 66%; padding-left: 5px;
}
.box__colum__right .news-item-clear/*:last-child */ h4{
    margin-bottom: 0;
}

.box__colum__right .news-item-clear:first-child h4 a{
    font-size: 16px; font-weight: 500;
}
.box__colum__right .box__description{
    font-size: 14px; font-weight: 400;
}
.box__colum__right .news-item-clear:not(:first-child) h4 a{
    font-size: 14px; font-weight: 500;
}
.box__colum__right .news-item-clear.blog_other{
    padding: 3px 0;
}
.box__colum__right .news-item-clear:nth-child(2),
.box__colum__right .news-item-clear.blog_other:last-child{
    padding: 0;
}
.box__colum__left .box__slider{
    justify-content: center;
    text-align: justify;
    display: flex;
    flex-flow: column;
}
.box__colum__left .time{
    font-size: 15px; font-weight: 400;
}
.box__colum__left h4 a{
    font-size: 20px; font-weight: 500;
}
.box__colum__left .box__description{
    font-size: 14px; font-weight: 400;
}
.s_top {
    height: 38px;
    line-height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1.5px solid #467038;
    overflow: hidden;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(132,132,132,.08)),to(rgba(132,132,132,.04)));
    background: linear-gradient(to top,rgba(132,132,132,.08),rgba(132,132,132,.04));
}

.s_top .title {
    float: left;
    color: #fff;
    background: #467038;
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    height: 100%;
    text-align: center;
    min-width: 218px;
}
.header-vertical-menu__fly-out {
    width: 255px;
}
.header-vertical-menu__fly-out .nav-dropdown{
/*     min-width: 244px; */
}
.header-wrapper:not(.stuck) .header-vertical-menu__fly-out {
    margin-top: 17px;
}
.html.custom.html_topbar_left{
    color: #fff; text-transform: uppercase;
}
.s_top .title a{
    line-height: 39px;
}
.s_top .title:after {
    content: '';
    border: 19px solid transparent;
    border-left: 17px solid #467038;
    border-bottom: 20px solid #467038;
    position: absolute;
    top: 0;
    left: 100%;
}
.s_top .sub-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    margin-left: 50px;
    list-style: none;
}
.s_top .sub-title>li {
    position: relative;
    margin: 0;
}
.s_top .sub-title>li:not(:first-child)::before {
    content: '';
    width: 1px;
    height: 40%;
    position: absolute;
    top: 30%;
    left: 0;
    background-color: #555;
}
.s_top .more-btn {
    margin-left: auto;
    font-size: 14px;
    color: #467038;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-right: 10px;
    font-weight: 600;
}
.s_top .sub-title>li a {
    font-size: 13px; font-weight: 500;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    color: #333;
    padding: 0 11px;
}
.s_top .sub-title>li:hover a {
    color: #467038;
}
/*.vi_img_muiphay*/
.vi_img_muiphay > .box-text   {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 5px;
    padding-right: 25px;
    color: #fff;
}
.vi_img_muiphay > .box-text a{
    color: #fff;
}
.row_blogs .col-inner {
    border: 1px solid #467038;
}
.sec_gmap h2{ margin-bottom: 0.8rem }

.prod-title-lienhe{
    font-size: 25px;
    color: red;
    font-weight: 600;
    font-style: italic;
    display: inline-block;
    text-shadow: 1.5px 0 0 #fff, 3px 3px 0 rgba(0,0,0,.25);
    line-height: 40px;
}
.box-text-products .name.product-title a{
    line-height: 26px;
}

.woocommerce-page .shop-container .products.row .col.product-small,
.sec_banner_n_prods .row-small>.col.product-small{
    padding: 0 6px 12px;
}
.woocommerce-page .shop-container .products.row .col-inner,
.product-footer .related .product-small.col .col-inner,
.sec_banner_n_prods .large-columns-5 .product-small.col .col-inner {
    border: 1px solid #dedede;
}
.woocommerce-page .shop-container .products.row .col-inner .box-text-products,
.product-footer .related .product-small.col .col-inner .box-text-products,
.sec_banner_n_prods .large-columns-5 .product-small.col .col-inner .box-text-products{
    padding: 15px;
}
.error-404 .searchform .flex-row .flex-col:last-child,
#wide-nav .searchform .flex-row .flex-col:last-child{
    margin-left: -30px;
}
.error-404 .searchform button.button.secondary:not(.is-outline),
#wide-nav .searchform .flex-row .flex-col:last-child button {
    background: #467038;
    min-width: 25px;
    min-height: 25px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    border-radius: 4px !important;
}
.woocommerce-account .content-area>.woocommerce{
	max-width:1200px;
	margin: 0 auto;	
    margin-top: 20px;
}
.searchform .button.icon i {    
    left: -3.5px;
    font-size: 14px !important;
}
.flex_inner>.col-inner{
	display:flex;
}


.online_support_cover{
	position:relative;
/*     line-height: 37px; */
}

.hd-support .top {
    padding: 10px;
    text-align: center;
    background: #ec2128;
    color: #fff;
    -webkit-box-shadow: 0 0 0 1px #ec2128;
    box-shadow: 0 0 0 1px #ec2128;
    text-transform: none;
    font-size: 14px;
    line-height: 16px;
}
 .hd-support .body {
    padding: 25px;
}
.hd-support .notice {
    text-transform: none;
    color: #fff;
    background: #ec2128;
    padding: 13px 20px;
    text-align: center;
    line-height: 16px;
}
.hd-support .notice>a {
    color: #ff0;
}
.hd-support .c-headline-3 .c_name {
    font-size: 14px;
}
/* UX HO TRO */

.sec_ux_hotro .row1 .col-inner,
.sec_ux_hotro .row3 .col-inner{
	background:red;
    padding: 10px 0;
}
.sec_ux_hotro .row3>.col{
    padding: 0 40px 25px 40px !important;
}
.sec_ux_hotro,
.hd-support {
    top: 50px;
    position: absolute;
    z-index: 99999;
    left: 0;
    border-radius: 0 0 3px 3px;
    background-color: #f9fafc;
    color: #333;
    width: 900px;
    border: solid 1px #333;
    font-size: 13px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.46);
    box-shadow: 0 1px 5px rgba(0,0,0,.46);
    display: none;
	padding: 0!important;
}
.sec_ux_hotro .icon-box-text h3{
	margin-bottom:0;
    line-height: 25px;
}
.online_support_cover:hover .sec_ux_hotro {
	display:flex;
	top: 38px;
    -webkit-animation: slide-up .3s;
    animation: slide-up .3s;
}
.sec_ux_hotro .row2 .col-inner>h3 {
    border-bottom: 1px solid #dedede;
}
.sec_ux_hotro .row2 i{
	position:relative;
}
.sec_ux_hotro .row2 i:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: -4px;
    width: 25px;
    border-bottom: 2px solid black;
}
.single-product .col.product_ux_block{    
    flex-basis: 280px;
    max-width: 280px;
}
.single-product .row>.product-gallery {
    flex-basis: 40%;
    max-width: 40%;
}
.col.product_ux_block .sec_congty, .col.product_ux_block .sec_loiich{
    padding: 0; border: 1px solid #ccc;
    margin-bottom: 20px;
}
.col.product_ux_block .sec_congty .section-content, .col.product_ux_block .sec_loiich .section-content{
    padding: 20px 10px 0 10px;
}
.sec_congty h1, .sec_loiich h1{
    color: #467038;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.sec_congty p, .sec_loiich p, .sec_hotline_prod p, .sec_hotline_prod h2{
    color: #333;
    font-size: 14px;
    font-weight: 400;
}
.sec_loiich p i, .sec_hotline_prod h2 i{
    color: #467038;
    font-size: 10px;
    margin-right: 3px;
}
.sec_hotline_prod h2 i{
    font-size: 14px;
}
.product-page-sections .section-content h1 {

    font-size: 17px;
}
.product-info.summary .sec_hotline_prod{
    padding: 0 !important;
    border: 1px solid #ccc;
/*    margin-top: 20px;*/
}
.product-info.summary .sec_hotline_prod .section-content.relative {
    padding: 10px;
}
.bo-left{
    border-left: 1px solid #ccc;
}
.sec_hotline_prod .bo-left p:last-child{
    margin-bottom: 0;
}
.sec_banner_n_prods .section-content .row.row1>.col{
    padding-bottom: 20px;
}
.sec_blogs_list, section.sec_gmap{
    padding-top: 0 !important;
}
 section.sec_gmap{
    padding-bottom: 20px !important;
}

    
.img100pc img{ width:100% }
.product-footer .product-section .row .col.large-2{
    display: none;
}
.product-footer .product-section .row .col.large-10{    
    flex-basis: 100%;
    max-width: 100%;
}
.prod_tskt p{
    margin-bottom: 0;
    padding: 8px 10px; font-size: 14px;
}
.prod_tskt p.row1{
    background-color: #F4F4F4;
}
.prod_desc p{
    text-align: justify;
}
/*vijako_muangay*/
.rt_qv_btn{ 

}
.vijako_add_cart{
    display: flex;
    flex-flow: row wrap;justify-content:center;
    margin-top: 20px;
}
.vijako_add_cart .vijako_muangay, 
.vijako_add_cart .vijako_tuvan{
    border-radius: 5px;
    text-align: center;
    flex-basis: calc(50% - 5px); max-width: calc(50% - 5px);     
/* 	min-width: 180px;  */
/*    padding: 10px 0;*/
}
button.rt_qv_btn[type="submit"] span{
    
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    display: block;
}
button.rt_qv_btn[type="submit"]{
    text-transform: none;
    color: #fff;
    margin-bottom: 0;background: #FD6E1D;
    border-radius: 5px;
    padding: 10px 0;
    line-height: 25px;width: 100%;
}

.vijako_add_cart .vijako_muangay{
    margin-right: 5px;
}
.vijako_add_cart .vijako_tuvan{
    background: #068754;; margin-left: 5px;
    padding: 10px 0;
    line-height: 25px;
}
.vijako_add_cart>div.vijako_muangay button:hover,
.vijako_add_cart>div.vijako_tuvan:hover{
    box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);
    cursor: pointer;
}
.vijako_add_cart a{
    color: #fff; margin: 0; font-size: 16px; font-weight: 700; text-transform: uppercase;
}
 .vijako_add_cart a p{
    color: #fff; margin: 0;  font-size: 14px; font-weight: 400;  text-transform: initial;
 }

 .product-footer .product-page-sections .product-section:first-child {
  overflow: hidden;
  position: relative;
}
.giaban{
    font-size: 24px;
    color: red;
    font-weight: 500;
}
.giahang{
    text-decoration: line-through;
    font-size: 15px;
}
.rt_msp>div {
    line-height: 40px;
}
.page-title:not(.featured-title)+main .product-main{
    padding-bottom: 10px;
}
.product .prod_row_title .product-title.product_title.entry-title{    
    font-size: 24px;
    color: #333;
}
.box_price_s p{
    margin-bottom: 0;
}
.product-info.summary.col-fit.entry-summary.product-summary{
    padding-top: 0;
}
 .e-flex.e-con.imax_acf_quangba{
    border-bottom: 1px solid #dedede;
    padding-bottom: 13px;
}
.cart-item [data-icon-label]:after{
    background: red;
}
.single-product .tab-panels div#tab-description.panel:not(.active) {
    height: 0 !important;
    }
.devvn_readmore_flatsome {
  text-align: center;
  cursor: pointer;
  position: absolute;
  z-index: 9;
  bottom: 0;
  width: 100%;
  background: #fff;
	max-width:780px;
}
.devvn_readmore_flatsome:before {
  height: 55px;
  margin-top: -45px;
  content: "";
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  display: block;
}
.devvn_readmore_flatsome:after {
  height: 25px;
  content: "";
  background: #fff;
  display: block;
}
.devvn_readmore_flatsome a {
  color: #467038;
  display: inline-block;
  border: 1px solid;
  padding: 5px 40px;
  border-radius: 5px;
}

.devvn_readmore_flatsome a:after {
  content: '';
  width: 0;
  right: 0;
  border-top: 6px solid #467038;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 5px;
}
.devvn_readmore_flatsome.devvn_readmore_flatsome_less a:after {
  border-top: none;
  border-bottom: 6px solid #467038;
}
ul#menu-menu-danh-muc-chinh>li{
    position: relative !important;
/*    overflow: hidden;*/
}
ul#menu-menu-danh-muc-chinh>li>a:after {
    content: '' !important;
    width: 1px;
    height: 57px;
    background: #fff;
/*    border-top: 6px solid #fff;*/
    position: absolute;
    top: 0;
    left: 40px;
}
ul#menu-menu-danh-muc-chinh>li>a:before {
    content: '' !important;
    width: 214px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 40px;
}
ul#menu-menu-danh-muc-chinh>li:last-child>a:before {
    content: none !important;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out li.has-icon-left>a>img{
    margin-right: 23px;
}
ul#menu-menu-danh-muc-chinh.nav-vertical-fly-out > li + li{
    border: none;
}
.prod_row_title .col-inner{
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
    border-bottom: 1px solid #dedede;
}
.prod_row_title  .col-inner >.product-title{
    flex: content;
    text-wrap: nowrap;
}
.prod_row_title  .col-inner >.woocommerce-product-rating{
    flex: 1;
}
.pro_acf_hang_link{
    color: #288AD6;
}
.pro_acf_hang_link:hover{
    color: #288AD696;
}

.related.related-products-wrapper.product-section h3 {
    background: #467038;
    color: #fff;
    padding: 7.5px 20px;
    width: fit-content;
    margin-left: 0; position: relative;
    margin-bottom: 0;
}
.related.related-products-wrapper.product-section h3:after{
    content: '';
    border: 19px solid transparent;
    border-left: 17px solid #467038;
    border-bottom: 20px solid #467038;
    position: absolute;
    top: 0;
    left: 100%;
}

.product-section.related{
    border-top: 1px solid #467038;
    line-height: 39px; max-width: 780px;
}
.section.img100pc{
    padding-right: 0;
    padding-left: 0;
}
.product-page-sections .product-section:nth-child(1) .row .large-10{
/*     padding: 0; */
}
.product-page-sections .product-section:nth-child(2){
    max-width: 780px;
}
.sec_p_gioithieu1{
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    background: linear-gradient(to bottom,rgba(255,255,255,.97) 0,rgba(255,255,255,.96) 100%),url(image/vi_p_lienhe_bg.webp) repeat 0 0
}
.sec_p_gioithieu2 a{
    color: rgb(0, 0, 255);
}
.gach_duoi{
    position: relative;
    margin-bottom: 20px;
}
.gach_duoi:after {
    content: '';
    position: absolute;
    width: 80px;
    background-color: red;
    height: 2px;
    bottom: -5px;
    right: 0;
}
.sec_p_lienhe label {
    color: #999;
}
.sec_p_lienhe form label {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.sec_p_lienhe form label i{
    margin-right: 10px;
}
.sec_p_lienhe form label .wpcf7-form-control-wrap {
    flex: 1;
}
.sec_p_lienhe form label input[type=text],
.sec_p_lienhe form label .wpcf7-textarea,
.sec_p_lienhe form label input[type=email] {
    margin-bottom: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}
.sec_p_lienhe form textarea {
    min-height: 60px;
    padding-top: 0;
}
.sec_p_lienhe form label.alignTop {
    align-items: flex-start;
}
.sec_p_lienhe ::-webkit-input-placeholder,
.sec_p_lienhe ::placeholder {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}
.sec_p_lienhe_a .is-divider {
    background-color: unset !important;
    background-image: linear-gradient(to right,rgba(255,0,0,0),#ccc 50%,rgba(255,0,0,0));
}
.vi_blogsidebar .flex-col.mr-half{
    flex-basis: 45%;
    max-width: 45%;
}
.vi_blogsidebar .flex-col.mr-half .badge {
    height: 80px;
    width: 100%;
}
.vi_blogsidebar .recent-blog-posts a {
    text-align: justify;
    -webkit-line-clamp: 3 !important; display: -webkit-box !important;    -webkit-box-orient: vertical;   overflow: hidden;
}

.widget_product_categories ul.product-categories{
    /*background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,147,.1)),to(rgba(243,243,243,.1)));
    background-image: linear-gradient(to bottom,rgba(0,0,147,.1),rgba(243,243,243,.1));*/
    border-bottom: 1px solid rgba(0,51,136,.1);
    padding: 0; /* 10px 0 10px 20px;*/
    border-left: 1px solid rgba(0,51,136,.1);
    border-right: 1px solid rgba(0,51,136,.1);
}
.widget_product_categories ul.product-categories>li{
    border: none;
    border-bottom: 1px solid rgba(0,51,136,.1);
    padding: 4px 0 4px 20px;
}
.widget_product_categories.widget>ul>li ul{
    border: none;
    margin: 0;
    margin-left: -20px;
    padding-left: 0;
}
.widget>ul>li ul>li{
    padding: 4px 0 4px 60px;
    border-bottom: 1px solid rgba(0,51,136,.1);
}
.widget>ul>li ul>li:first-child{
    border-top: 1px solid rgba(0,51,136,.1);
}
.widget>ul>li ul>li:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.widget_product_tag_cloud .tagcloud{
    display: flex;
    flex-flow: column;
}

.widget ul.product-categories .current-cat>a,
.widget_product_categories ul.product-categories a:hover,
.widget_product_tag_cloud .tagcloud a:hover{
    background-color: transparent;
    color: #467038;
    font-weight: 600;
}

.widget_product_tag_cloud .tagcloud{
    border-bottom: 1px solid rgba(0,51,136,.1);
    padding: 0;
    border-left: 1px solid rgba(0,51,136,.1);
    border-right: 1px solid rgba(0,51,136,.1);
}
.widget_product_tag_cloud .tagcloud a{
    border: none;
    font-size: 16px !important;
    border-bottom: 1px solid rgba(0,51,136,.1);
    padding: 4px 0 4px 20px;
    border-radius: 0;
}
.widget_product_tag_cloud .tagcloud a:last-child{
    border: none;
}
.widget_product_tag_cloud .tagcloud a:hover{
    border-color: rgba(0,51,136,.1);
}

.widget-title.shop-sidebar,
.vi_blogsidebar .widget-title{
    font-size: 15px;
    padding: 10px 15px;
    text-transform: uppercase;
    line-height: 25px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,147,.1)),to(rgba(243,243,243,.1)));
    background-image: linear-gradient(to bottom,rgba(0,0,147,.1),rgba(243,243,243,.1));
    border-bottom: 1px solid rgba(0,51,136,.1);
    display: block;
}
.widget.woocommerce.widget_price_filter form{
    padding-left: 15px; padding-right: 15px;
}
.widget-title.shop-sidebar::before,
.vi_blogsidebar .widget-title::before{
    content: '\f1ea';
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    margin-right: 10px;
    color: #467038;
}
.widget_price_filter .widget-title.shop-sidebar{
    margin-bottom: 20px;
}

.widget_rating_filter .widget-title.shop-sidebar::before{
    content: '\f005';
}
.widget_price_filter .widget-title.shop-sidebar::before{
/*    content: '\f155';*/
}


.widget_product_categories ul.product-categories>li a{
    order: 2;
}
.widget_product_categories ul.product-categories>li button{
    order: 1;
    margin-right: 7px;margin-left: 0;
}
.widget_product_categories ul.product-categories>li>ul{
    order: 3;
}
.widget_product_categories>ul>li ul{
    margin: 0 0 10px 10px;
}


.widget.woocommerce.widget_product_tag_cloud .is-divider,
.widget.woocommerce.widget_top_rated_products .is-divider,
.widget.woocommerce.widget_price_filter .is-divider,
.widget.woocommerce.widget_rating_filter .is-divider,
.widget.woocommerce.widget_product_categories .is-divider.small,
.vi_blogsidebar .widget .is-divider{
    display: none;
}
.vi_bloglist .hd_new{
    border-bottom: 1px solid #467038;
}
.vi_bloglist .hd_new .title {
    background: #467038;
    padding: 0px 30px 0 15px;
    color: #fff;
    display: block;
    width: fit-content;
    line-height: 45px;
    position: relative;
}
.vi_bloglist .hd_new .title:after {
    content: '';
    border: 25px solid transparent;
    border-left: 30px solid #467038;
    border-bottom: 20px solid #467038;
    position: absolute;
    top: 0;
    left: 100%;
}
.vi_bloglist .is-divider{
    height: 1px;
    max-width: 120px;
}
.vi_bloglist h3 a{
    color: #467038;
}
.hd_news .title{
    color: #467038;
    font-size: 20px;

}
.blog-single .related-post .heading-realate{
    color: #467038;
}
.blog-single .related-post .new-list h3 a{
    color: #467038;
    font-size: 16px; font-weight: 500;
}
.blog-single .meta {
    font-style: italic;
    color: #467038;
}
.sec_hotline_prod a {
    color: red;
    font-weight: 600;
}
@media only screen and (max-width: 1199px){ 
	#top-bar .sec_topbar_1a .section-content {
		padding: 0 15px;
	}
	.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
		padding: 15px 15px;
	}
	.s_top .sub-title>li a {
		padding: 0 9px;
	}
	.sec_pklr .s_top .sub-title>li a {
		padding: 0 5px;
		letter-spacing: -1px;
	}
	.large-columns-5>.col {
		flex-basis: 25%;
		max-width: 25%;
	}
	.section.sec_banner_n_prods .row.large-columns-5>.col:nth-child(9),
	.section.sec_banner_n_prods .row.large-columns-5>.col:nth-child(10){
		display:none;
	}
	.sec_hotline_prod .large-3 {
		flex-basis: 33%;
		max-width: 33%;
	}
	.sec_hotline_prod .large-9 {
		flex-basis: 66%;
		max-width: 66%;
	}
    .sec_ux_hotro{
        width: 750px;
    }
}	
@media only screen and (max-width: 991px){
    #logo img.header_logo{
        display: none;
    }
    #logo img.header-logo-sticky{
        display: block !important;
        width: auto !important;
        max-height: 90px !important;
    }


	.single-product .row>.product-gallery {
		flex-basis: 100%;
		max-width: 100%;
	}
	.header-wrapper #masthead>.container:last-child {
		display:none;
	}
	#masthead.header-main, .header-inner.flex-row.container.logo-left {
		display: flex;
	}
	ul li.cart-item.has-icon img {
		filter: brightness(0.5);
	}
	.large-columns-5>.col {
		flex-basis: 33.33%;
		max-width: 33.33%;
	}
	.sec_slider .colPseudo,
	.section.sec_banner_n_prods .row.large-columns-5>.col:nth-child(7),
	.section.sec_banner_n_prods .row.large-columns-5>.col:nth-child(8){
		display:none;
	}
	.sec_slider .col.col244pxO {
		flex-basis: 100%;
		max-width: 100%;
	}	
	.s_top{
		display:block;
		height:auto;
	}
	.s_top .title{
		float:none;
	}
	.s_top .title h2{
		margin-bottom: 0;
	}
	.s_top .title:after {
		content: none;
	}
	.s_top .more-btn{
		display:none;
	}
	.s_top .sub-title {
		margin: 0 auto;
		justify-content: center;
	}
    .vi_blogsidebar .flex-col.mr-half .badge {
        height: 120px;
    }
    .vi_bloglist .new-list-post.row>.large-3 {
        flex-basis: 35%;
        max-width: 35%;
    }
    .vi_bloglist .new-list-post.row>.large-9 {
        flex-basis: 65%;
        max-width: 65%;
    }
    .vi_blogsidebar .flex-col.mr-half {
        flex-basis: 33%;
        max-width: 33%;
    }
    .vi_bloglist .hd_new .title:after {
        left: calc(100% - 1px);
    }
    .sec_footer .row2>.col:nth-child(1) {
        flex-basis: 100%;    
        max-width: 100%;
        order: 4;text-align:center;
    }

    .sec_footer .medium-3 {
        flex-basis: 50%;
        max-width: 50%;text-align:center;
    }

    .sec_footer .row2>.col:nth-child(2),
    .sec_footer .row2>.col:nth-child(3),
    .sec_footer .row2>.col:nth-child(4) {
        flex-basis: 33.33%;    
        max-width: 33.33%;
        text-align:center;
    }
    .sec_footer  a {
        justify-content:center;
    }
    
	
}  
@media only screen and (max-width: 767px){
	.sec_banner_n_prods .large-columns-5 .product-small.col .col-inner .box-text-products {
		padding: 15px 5px;
	}
	
	.large-columns-5>.col {
		flex-basis: 50%;
		max-width: 50%;
	}
	.section.sec_banner_n_prods .row.large-columns-5>.col:nth-child(5),
	.section.sec_banner_n_prods .row.large-columns-5>.col:nth-child(6){
		display:none;
	}
	.news-block-widget-style-4 .box__colum__right,
	.news-block-widget-style-4 .box__colum__left {
		flex-basis: 100%;
		max-width: 100%;
	}
	.box__colum__right .news-item-clear:nth-child(1) .news-thumb {
		flex-basis: 45%; 		max-width: 45%;
		padding:10px;
	}
	.box__colum__right .news-item-clear:nth-child(1) .box__slider {
		flex-basis: 55%;
		max-width: 55%;
		padding:10px;
	}
	
}	

@media only screen and (max-width: 480px){	
	.col.col244px, .col.col244pxO {
		flex-basis: 100%;
		max-width: 100%;
	}
    .sec_footer .row2>.col:nth-child(2),
    .sec_footer .row2>.col:nth-child(3),
    .sec_footer .row2>.col:nth-child(4),
	.sec_footer .small-6 {
		flex-basis: 100%;
		max-width: 100%;
		text-align:center;
	}
	.sec_footer a {
		justify-content:center;
	}
	.sec_doitac .flickity-prev-next-button{
		display:none;
	}
	.single-product .col.product_ux_block {
		margin: 0 auto;
	}
	.prod_row_title .col-inner {
		flex-flow: row wrap;
	}
    .vi_blogsidebar .flex-col.mr-half .badge {
        height: 80px;
    }

    .vi_bloglist .new-list-post.row>.large-9 h3{
        display: -webkit-box !important;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2 !important;   overflow: hidden;
    }
    .vi_bloglist .new-list-post.row>.large-9 .des{
        display: -webkit-box !important;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3 !important;   overflow: hidden;
    }
    .vi_bloglist .new-list-post.row>.large-9 .is-divider.small{
        display: none;
    }
	

}