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

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

/*--------------------------------------------------\
  RESET
\*--------------------------------------------------*/

:root{--second-color:#eb870e;}
body{overflow-x:hidden;}
.pb0 .col{padding-bottom:0}
b, strong{font-weight:bold}
.bg-white{background-color:#fff;}
.pr2{padding-right:2px!important}
.pl2{padding-left:2px!important}
.p15{padding:15px;}
.mb10{margin-bottom:10px}
.container-width, .full-width .ubermenu-nav, .container, .row , .row.row-small{max-width:1500px;}
.row.row-small.plus-30{max-width:1490px!important;}
/*.row.row-small{max-width:1470px!important;}*/
.row.prod-80{max-width:1480px!important;}
.is-0 > .col-inner{position:relative}
/* 2. youtube */
 .responsive-container{position:relative;padding-bottom:56.25%;/* 16:9 */
 padding-top:0px;height:0;overflow:hidden;}
 .responsive-container iframe, .responsive-container object, .responsive-container embed, .responsive-container video{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-youtube {
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 48.25%;
  overflow: hidden;
  cursor: pointer;
}
span.loading-icon img {
    width: 20px;
    margin-top: 10px;
}
.color-black a, .color-black p{
  color:#000 !important;
}
span.loading-icon {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
}.post-ve-chung-toi .read-more-duan {
    display: none;
}
.wrap-relatedpost.hide-for-medium .row .col:last-child {
    display: none;
}

.video-youtube img {
  width: 100%;
  top: -16.82%;
  left: 0;
  opacity: 0.7;
}
.category-description {
    overflow: hidden;
   /* max-height: 64px;*/
    transition: max-height 0.3s ease;
}
button#readMoreBtn {
    width: 100%;
    background: #fff;
    padding-top: 0px;
    text-align: left;
    text-transform: none;
    color: #000;
    text-decoration: underline;
    font-weight: normal;
}
.video-youtube .play-button {
  width: 60px;
  height: 30px;
  background-color: #ff0000;
  /*box-shadow: 0 0 30px rgba( 0,0,0,0.6 );*/
  z-index: 1;
  opacity: 0.8;
  border-radius: 6px;
}
.video-youtube .play-button:before {
  content: "";
  border-style: solid;
  border-width: 10px 0 10px 16.0px;
  border-color: transparent transparent transparent #fff;
}nav.woocommerce-breadcrumb.breadcrumbs.uppercase>span:first-child {
    display: none;
}
.video-youtube img,
.video-youtube .play-button {
  cursor: pointer;
}
.box-text .price-wrapper .price del {
    opacity: .5;font-size: 14px;
}
.box-text .price-wrapper .price del span.woocommerce-Price-amount.amount {
    font-size: 13px;
}a.load-more-btn.text-center {
    display: none !important;
}
.video-youtube img,
.video-youtube iframe,
.video-youtube .play-button,
.video-youtube .play-button:before {
  position: absolute;
}
.video-youtube .play-button,
.video-youtube .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d( -50%, -50%, 0 );
}
.video-youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.countdown-container {
    text-align: center;
}

.countdown-item {
    display: inline-block;
    margin: 0 5px;
    font-size: 10px;
    background-color: #ff424f;
    color: white;
    padding: 4px 10px;
    border-radius: 5px;
}
/* 3. breadcrum*/
.tw-breadcrumb{background-color:#bdbfdb;margin-bottom:20px;}
.tw-breadcrumb .page-title-inner{padding-top:0;min-height:40px;flex-flow:unset;}
.bg-rankmath{background-color:#bdbfdb;line-height:0;color:#fff;}
.bg-rankmath p{margin-bottom:0}
.bg-rankmath a{color:#fff;}



/* global */
.new-arrival .vinahi-heading-description img{max-width:60px!important;}
.row.row-small.bg-white > .col{padding-bottom:0}
.bg-white.row-mn .col-inner{padding:0;padding-bottom:15px;}
.flash-sale .row>div.main-title:not(.col):not([class^="col-"]){width:auto!important}
.flash-sale .vinahi-heading-description.row.row-small{display:flex;align-items:center}

/* */
.number-large span{font-size:24px;font-weight:bold;}
.number-large p{font-size:16px;}
/* header */
.logo a{text-transform:none;}
ul#header-contact li a{color:#333;font-weight:normal;text-transform:none;}
ul#header-contact li a i{color:#e76301;font-size:14px!important;display:inline-block;}
.header-main li.header-block{width:auto}

.header-main .searchform-wrapper.ux-search-box.relative.is-normal:not(.form-flat) form.searchform select ,.header-main .searchform-wrapper.ux-search-box.relative.is-normal:not(.form-flat) form.searchform input{box-shadow:none;border:none}
.header-main .searchform-wrapper.ux-search-box.relative.is-normal:not(.form-flat) form.searchform select{border-right:1px solid #e6e7eb}
.header-main .searchform-wrapper.ux-search-box.relative.is-normal:not(.form-flat) form.searchform button.submit-button span{margin-left:8px;font-size:16px}
.header-main .searchform-wrapper.ux-search-box.relative.is-normal:not(.form-flat) form.searchform button.submit-button:hover{background-color:#e35300;}
.searchform-wrapper.ux-search-box.relative.is-normal.form-flat.is-mobile form.searchform select , .searchform-wrapper.ux-search-box.relative.is-normal.form-flat.is-mobile form.searchform button span{display:none}
.guaven_woos_titlediv{font-size: 15px!important;}
/* cart */
.header-main a.header-cart-link{display:flex;flex-direction:column-reverse;font-weight:normal;font-size:14px;text-transform:none;}
.header-main a.header-cart-link i{transition:none}
.flex-col.hide-for-medium.flex-left {
    margin-right: 35px;
}
/* home */
.home #main{background-color:#f2f3f7 url(images/bg-main.png) no-repeat center 0;}
@media (min-width:1025px){.section-banner-home .col-banner1{max-width:21.5%;-ms-flex-preferred-size:21.5%;flex-basis:21.5%;}
 .section-banner-home .col-banner-home2{max-width:53.5%;-ms-flex-preferred-size:53.5%;flex-basis:53.5%;}
}
/* slide */
ol.flickity-page-dots{bottom:-25px;}
ol.flickity-page-dots li.dot{background-color:#e0e0e0;border-color:#e0e0e0!important;opacity:1;}
ol.flickity-page-dots li.dot.is-selected{border-color:var(--second-color)!important}

/* badge */
.badge-container.absolute.left{right:0px;left:auto;top:0px;margin-top:0px;}
.badge-container.absolute.left .badge-inner{background-color:rgba(255,212,36,.9);}
.badge-container.absolute.left .badge{width:38px;height:35px;}
.badge-container.absolute.left .badge-inner .onsale{font-size:12px;color:#fff;white-space:normal;}
.uk-tile {
    border: 1px solid #CC292A;
	    border: 1px solid #CC292A;
    width: 100%;
    position: relative;
    padding: 20px;
    padding-top: 60px;
	margin:20px 0;
}
.uk-tile .slider .flickity-prev-next-button{
	opacity:1!important
}
.uk-tile .flickity-prev-next-button.previous,
.uk-tile .flickity-prev-next-button.next{
        left: -10px;
    transform: translateX(0%);
    background: #e03232;
    height: 60px;
    border-radius: 0px 7px 7px 0px;
    color: #fff;
}
.uk-tile .flickity-prev-next-button.next{
	  right: -10px;
	left:unset;
	border-radius: 7px 0px 0px 7px;
	    transform: translateX(0%);
}

.uk-tile .slider-show-nav .flickity-prev-next-button, .uk-tile .slider:hover .flickity-prev-next-button{
	transform: translateX(0)!important;
}
.ju-tieudehome {
    background: #E03232;
    position: absolute;
    line-height: 40px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
	    width: 250px;
	color:#fff;
	text-align:center
}
.ju-tieudehome:before {
    content: "";
    position: absolute;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
    border-right: 15px solid #E03232;
    left: 0;
    transform: translatex(-100%);
}
.ju-tieudehome:after {
    content: "";
    position: absolute;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 15px solid #E03232;
    border-right: 20px solid transparent;
    right: 0;
    transform: translatex(100%);
}
/* menu mobile */
div#main-menu.mobile-sidebar li a{text-transform:capitalize;color:#111;font-weight:normal;padding:12px 15px; padding-right:0; }
div#main-menu.mobile-sidebar li{border:none;}
div#main-menu.mobile-sidebar .sidebar-menu > ul > li{border-bottom:1px solid var(--primary-color)}
div#main-menu.mobile-sidebar .nav-slide-header .toggle{color:#111;opacity:1;}
div#main-menu.mobile-sidebar li.nav-slide-header{border-bottom:5px solid #d5dbdb;}
/*div#main-menu.mobile-sidebar button.toggle:nth-child(1){display: none}*/
div#main-menu.mobile-sidebar button.toggle i{font-size:1em}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{opacity:1;background-color:#fff;box-shadow:none}
/* menu vertical */
/* reset css menu vertical*/
div#vertical-menu-vinahi ul{list-style-type:none}
div#vertical-menu-vinahi ul li a{color:#666}
div#vertical-menu-vinahi{position:relative;width:100%;cursor:pointer;/*max-width:140px;*/
}
div#mega-menu-title{z-index:2;background-color:#fff;position:relative;color:#333;font-size:16px;font-weight:500;display:flex;align-items:center;line-height:36px;vertical-align:middle;border:1px solid transparent;padding-left:16px;padding-right:10px;}
div#mega-menu-title > i.before-is{margin-left:-10px;margin-right:10px;}
div#mega-menu-title > i.after-is{margin-left:10px;font-size:10px;}
div#vertical-menu-vinahi:hover ul#vinahi_menu{display:block;}
div#vertical-menu-vinahi:hover i.after-is{transform:rotate(180deg);}

div#vertical-menu-vinahi:hover div#mega-menu-title{color:var(--second-color);text-decoration:none;cursor:pointer;/* border:1px solid #DCDEE3;*/
 border-bottom:1px solid transparent;}
ul#vinahi_menu{position:absolute;margin-top:-1px;z-index:1;top:37px;left:0;width:350px;padding:5px 0;border:1px solid #DCDEE3;background-color:#fff;display:none}
#vinahi_menu > li{margin-bottom:0}
#vinahi_menu > li > a{position:relative;display:inline-block;color:#666;padding:5px 15px;font-size:14px;width:100%;background-color:#fff;box-shadow:-2px 1px 5px transparent;border:1px solid transparent;}
#vinahi_menu > li.menu-item-has-children:hover > a{color:var(--second-color);z-index:2;box-shadow:-2px 1px 5px #e7e7e7;border-radius:2px;border:1px solid #e7e7e7;border-right:1px solid transparent;}
 ul#vinahi_menu > li.menu-item-has-children > a:after{content:"\f105";font-family:"fl-icons";font-weight:700;font-size:10px;position:absolute;right:15px;top:10px;display:inline-block;z-index:1;transition:transform 0.25s ease-in-out;}
ul#vinahi_menu > li.menu-item-has-children:hover > a:after{transform:translateX(8px);}
.menu-item img._before, .rtl .menu-item img._after{max-width: 20px}
/* Cap 2 */
#vinahi_menu > li > ul.sub-menu , .widget-content.vinahi-widget .menu > li.menu-item-has-children > .sub-menu{position:absolute;top:0;left:100%;margin-left:-2px;min-width:850px;height:100%;background-color:#fff;box-shadow:0 1px 5px #e7e7e7;border-radius:4px;z-index:99;display:none;padding:15px;webkit-column-width:190px;-webkit-column-gap:0;-moz-column-width:190px;-moz-column-gap:0;column-width:190px;column-gap:0;column-fill:auto;}
.widget-content.vinahi-widget .menu > li.menu-item-has-children > .sub-menu{min-width:250px}
#vinahi_menu > li:hover > ul.sub-menu{display:block}
 /* #vinahi_menu > li > ul.sub-menu > li{width:calc(100% / 4);float:left;}
 */
/* Cap 3 */
#vinahi_menu > li > ul.sub-menu > li > ul.sub-menu{padding-left:10px;}
#vinahi_menu > li > ul.sub-menu > li{margin-bottom:0}
#vinahi_menu > li > ul.sub-menu > li > a{display:inline-block;font-weight:bold;font-size:15px;/*margin-bottom:10px;*/
color:var(--primary-color);}
#vinahi_menu > li > ul.sub-menu > li > a:hover , #vinahi_menu > li > ul.sub-menu > li > ul.sub-menu li:hover a{color:var(--second-color)}
#vinahi_menu > li > ul.sub-menu > li a{/*padding:5px 10px;*/
}
#vinahi_menu > li > ul.sub-menu > li > ul.sub-menu li{margin-bottom:0;}
#vinahi_menu > li > ul.sub-menu > li > ul.sub-menu li a{padding-left:0;font-size:12px}
/* menu image widget */
.widget-content.vinahi-widget h3{padding-left:10px;border-bottom:2px solid #f4f4f4;}
.widget-content.vinahi-widget .menu li a:hover{color:var(--second-color)}
.widget-content.vinahi-widget .menu{margin:0;list-style-type:none;position:relative}
.widget-content.vinahi-widget .menu > li{border:none;margin-bottom:2px;}
.widget-content.vinahi-widget .menu > li > a{color:#333;padding:5px;width:100%;position:relative;background-color:#fff}
.widget-content.vinahi-widget .menu > li.menu-item-has-children:hover > a{box-shadow:0 0 4px 0 rgba(0,0,0,.12);}
.widget-content.vinahi-widget .menu > li.menu-item-has-children > a:after{content:"\f105";font-family:"fl-icons";font-weight:700;font-size:10px;position:absolute;right:5px;top:12px;display:inline-block;z-index:1;transition:transform 0.25s ease-in-out;}
.widget-content.vinahi-widget .menu > li .toggle{display:none;}
/* sub menu cap 2*/
.widget-content.vinahi-widget .menu > li.menu-item-has-children > .sub-menu{border-left:none;background-color:rgba(255,255,255,.98);box-shadow:0 0 4px 0 rgba(0,0,0,.12);}
.widget-content.vinahi-widget .menu > li.menu-item-has-children:hover > .sub-menu{display:block;}
.widget-content.vinahi-widget .menu > li.menu-item-has-children > .sub-menu > li > a{font-weight:bold;color:#333;}
.widget-content.vinahi-widget .menu > li.menu-item-has-children > .sub-menu > li > a:hover{color:var(--second-color)}
/* sub cap 3 */
.widget-content.vinahi-widget .menu > li.menu-item-has-children > .sub-menu > li > ul.sub-menu{margin:10px auto;padding-left:0;border-left:none;display:block;}
.widget-content.vinahi-widget .menu > li.menu-item-has-children > .sub-menu > li > ul.sub-menu > li > a{color:#666;font-size:12px;}
.widget-content.vinahi-widget .menu > li.menu-item-has-children > .sub-menu > li > ul.sub-menu > li > a:hover{color:var(--second-color)}
/* slide */

.head-bn .slide-is .slider-nav-reveal .flickity-prev-next-button{background-color:transparent;box-shadow:none;}
.head-bn .slide-is .flickity-prev-next-button svg, .head-bn .flickity-prev-next-button .arrow{padding:20px 7px;fill:#fff;background-color:rgba(0,0,0,.32);border-radius:2px;}
.vinahi-slider.slider-nav-reveal{overflow:visible}
button.flickity-button.flickity-prev-next-button{    background-position-x: unset!important;
    background-position-y: unset!important;}
.vinahi-slider button.flickity-button.flickity-prev-next-button{background-color:#fff;border:1px solid #e6e7eb;border-radius:4px;width:30px!important;height:30px;opacity:1!important;transform:translate(0);box-shadow:none;top:-40px;min-height:30px;}
.vinahi-slider button.flickity-button.flickity-prev-next-button svg.flickity-button-icon{top:0;left:0;transform:translate(0);margin:0;padding:8px}
.vinahi-slider button.flickity-button.flickity-prev-next-button.next{right:10px!important;}
.vinahi-slider button.flickity-button.flickity-prev-next-button.previous{left:calc(100% - 75px)!important;}

/* text animation */
.vinahi-animate{height:30px;overflow:hidden;margin-bottom:25px;}
.vinahi-animate > p{height:30px;line-height:15px;color:#666;-webkit-animation:scroll 25s infinite;margin:0;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
@-webkit-keyframes scroll{0%{-webkit-transform:translateY(0);transform:translateY(0) }
 6.666666666666667%{-webkit-transform:translateY(0);transform:translateY(0) }
 8.333333333333334%{-webkit-transform:translateY(-30px);transform:translateY(-30px) }
 15%{-webkit-transform:translateY(-30px);transform:translateY(-30px) }
 16.666666666666668%{-webkit-transform:translateY(-60px);transform:translateY(-60px) }
 23.333333333333336%{-webkit-transform:translateY(-60px);transform:translateY(-60px) }
 25.000000000000007%{-webkit-transform:translateY(-90px);transform:translateY(-90px) }
 31.66666666666667%{-webkit-transform:translateY(-90px);transform:translateY(-90px) }
 33.333333333333336%{-webkit-transform:translateY(-120px);transform:translateY(-120px) }
 40%{-webkit-transform:translateY(-120px);transform:translateY(-120px) }
 41.666666666666664%{-webkit-transform:translateY(-150px);transform:translateY(-150px) }
 48.33333333333333%{-webkit-transform:translateY(-150px);transform:translateY(-150px) }
 49.99999999999999%{-webkit-transform:translateY(-180px);transform:translateY(-180px) }
 56.66666666666666%{-webkit-transform:translateY(-180px);transform:translateY(-180px) }
 58.33333333333333%{-webkit-transform:translateY(-210px);transform:translateY(-210px) }
 64.99999999999999%{-webkit-transform:translateY(-210px);transform:translateY(-210px) }
 66.66666666666666%{-webkit-transform:translateY(-240px);transform:translateY(-240px) }
 73.33333333333333%{-webkit-transform:translateY(-240px);transform:translateY(-240px) }
 75%{-webkit-transform:translateY(-270px);transform:translateY(-270px) }
 81.66666666666667%{-webkit-transform:translateY(-270px);transform:translateY(-270px) }
 83.33333333333334%{-webkit-transform:translateY(-300px);transform:translateY(-300px) }
 90.00000000000001%{-webkit-transform:translateY(-300px);transform:translateY(-300px) }
 91.66666666666669%{-webkit-transform:translateY(-330px);transform:translateY(-330px) }
 98.33333333333336%{-webkit-transform:translateY(-330px);transform:translateY(-330px) }
 to{-webkit-transform:translateY(-360px);transform:translateY(-360px) }
}
@keyframes scroll{0%{-webkit-transform:translateY(0);transform:translateY(0) }
 6.666666666666667%{-webkit-transform:translateY(0);transform:translateY(0) }
 8.333333333333334%{-webkit-transform:translateY(-30px);transform:translateY(-30px) }
 15%{-webkit-transform:translateY(-30px);transform:translateY(-30px) }
 16.666666666666668%{-webkit-transform:translateY(-60px);transform:translateY(-60px) }
 23.333333333333336%{-webkit-transform:translateY(-60px);transform:translateY(-60px) }
 25.000000000000007%{-webkit-transform:translateY(-90px);transform:translateY(-90px) }
 31.66666666666667%{-webkit-transform:translateY(-90px);transform:translateY(-90px) }
 33.333333333333336%{-webkit-transform:translateY(-120px);transform:translateY(-120px) }
 40%{-webkit-transform:translateY(-120px);transform:translateY(-120px) }
 41.666666666666664%{-webkit-transform:translateY(-150px);transform:translateY(-150px) }
 48.33333333333333%{-webkit-transform:translateY(-150px);transform:translateY(-150px) }
 49.99999999999999%{-webkit-transform:translateY(-180px);transform:translateY(-180px) }
 56.66666666666666%{-webkit-transform:translateY(-180px);transform:translateY(-180px) }
 58.33333333333333%{-webkit-transform:translateY(-210px);transform:translateY(-210px) }
 64.99999999999999%{-webkit-transform:translateY(-210px);transform:translateY(-210px) }
 66.66666666666666%{-webkit-transform:translateY(-240px);transform:translateY(-240px) }
 73.33333333333333%{-webkit-transform:translateY(-240px);transform:translateY(-240px) }
 75%{-webkit-transform:translateY(-270px);transform:translateY(-270px) }
 81.66666666666667%{-webkit-transform:translateY(-270px);transform:translateY(-270px) }
 83.33333333333334%{-webkit-transform:translateY(-300px);transform:translateY(-300px) }
 90.00000000000001%{-webkit-transform:translateY(-300px);transform:translateY(-300px) }
 91.66666666666669%{-webkit-transform:translateY(-330px);transform:translateY(-330px) }
 98.33333333333336%{-webkit-transform:translateY(-330px);transform:translateY(-330px) }
 to{-webkit-transform:translateY(-360px);transform:translateY(-360px) }
}

/* title */
.vinahi-heading-description.row.row-small{padding-left:0px;padding-right:0px;margin:0 auto;margin-bottom:8px}
.vinahi-heading-description.have-slider-nav{padding-right: 70px!important}
.vinahi-heading-description.wauto .main-title{
  flex-basis: unset;max-width: unset;width: auto;display: inline-block;
}
.vinahi-heading-description p{margin-bottom:0}
.main-title{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;}
.main-title h1 , .main-title h2 , .main-title h3 , .main-title h4{width:auto;white-space:nowrap;margin-right:15px;margin-bottom:0;display:flex;align-items:center}
.main-title img.size-25{max-width:25px;margin-right:10px}
.main-title .vinahi-label{width:100%;height:6px;border-radius:3px;background-color:#DCDEE3;}

/* blog post home */
.hide-divi .is-divider{display:none}
.box-text{font-size: 1em}
/* page */
.page-title-inner{padding-top:0;height:40px;min-height:40px}
/* blog archive */
.list-news-tr ul {
    display: flex;
    align-items: center;
    list-style: none;
}
.list-news-tr ul li {
    margin: 0px;
    margin-right: 40px;
}
.list-news-tr ul li a {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
    color: #808089;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.list-news-tr ul li a img {
    margin: 0px !important;
    margin-right: 15px !important;
}
.list-first-tr ul li:first-child a, .list-two-tr ul li:nth-child(2) a, .list-three-tr ul li:nth-child(3) a {
    border-color: #fe0100;
   color: #fe0100;
}
.blog-archive h1.page-title {
    border-bottom: 2px solid var(--primary-color);
    display: block;
    font-size: 16px !important;
    text-transform: none;
    letter-spacing: 0;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: left;
}
.blog-archive h1.page-title span{background-color:var(--primary-color);padding:10px 20px 8px 20px;color:white;position:relative;display:inline-block;margin:0;}
..blog-archive h1.page-title span:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 38px solid transparent;
    border-left: 27px solid #fe0100;
    border-bottom: 0px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    top: 0px;
    right: -27px;
}.sidebar-col-tr>.col-inner {
    border: 1px solid #efefef;
}
.post-archive-tr .col.post-item .col-inner {
    background: #fff;
    text-align: left;
}
.post-archive-tr .col.post-item .col-inner .box-text.text-left {
    padding: 15px;
}
.archive-page-header .col{padding-bottom:0}
.category-cat-image img{width: 100%;display: block;margin:0 auto;}
.archive .listpost .post-title{min-height:47px}
/* blog single  */
.icon-fire{width:14px;height:14px;margin-right:2px}
.blog-wrapper{background-color:#efefef;padding-top:0}
.blog-single .article-inner, .page-wrapper .page-inner{background-color:white;border-radius:3px;/*padding:20px*/}
.blog-wrapper .row.row-large.row-divided{background-color:#fff;padding:20px 0;border-radius:4px;}
.blog-wrapper.blog-single .row.row-large .large-9{padding: 0 9.8px 19.6px;}
.blog-single p{text-align:justify;}
.blog-wrapper .entry-header-text-top{padding-bottom:0!important}
.blog-wrapper .entry-content.single-page{padding:0;}
.page-inner ul li{margin-left:20px;}
.entry-content ul li img, .page-inner ul li img{margin-bottom:0!important}
.entry-header .is-divider{max-width:100%;height:1px}
.entry-meta span{margin-right:5px}
.entry-meta span:last-child{margin-right:0}
span.post_view {
    float: right;
    display: flex;
    align-items: center;
}
span.post_view span{
  margin: 0px 5px;
}
button.load-more-button, button#load-more {
    border-radius: 8px;
    border: 2px solid #fe0100;
    background: #F5F5FA;
    text-align: center;
    display: block;
    margin: 0 auto;
    text-transform: none;
    color: #fe0100;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 240px;
}
.btn-more-duan {
    border-radius: 4px;
    background: rgba(128, 128, 137, 0.18);
    height: 40px;
    padding: 0px 18px;
    line-height: 40px;
    color: #27272A;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}.khu-vuc {
    border-radius: 4px;
    border: 1px solid #fe0100;
    background: rgba(164, 201, 255, 0.56);
    color: #fe0100;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    height: 40px;
    padding: 0px 10px;
}
.read-more-duan {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}.post-meta.is-small.op-8 {
    padding: 8px 0px;
}
button.load-more-button:hover, button#load-more:hover {
    background: #fe0100;
    color: #fff;
}
.sidebar-col-tr .listpost-vertical-small {
    padding: 0px 15px;
}
.posts-list .col.post-item .col-inner, .posts-list2 .col.post-item .col-inner {
    border: 1px solid rgba(128, 128, 137, 0.18);
    border-radius: 0px 0px 10px 10px;
}
.post-archive .box-blog-post {
    background: #fff;
    border-radius: 8px;
}
.post-archive .box-blog-post .box-text {
    padding: 0px 15px;
    padding-bottom: 15px !important;
}
.posts-list .col.post-item .col-inner .box-text.text-left , .posts-list2 .col.post-item .col-inner .box-text.text-left {
    padding: 15px 20px;
}
.subri-title p {
    display: flex;
    align-items: center;
    margin: 0;
}
.pd-0-tr .col{
  padding-bottom: 0px !important;
}
.subri-title p img {
    margin: 0px !important;
    margin-right: 5px !important;
}
.box-blog-post .is-divider {
    display: none;
}
.post-archive .col.post-item {
    padding-bottom: 15px !important;
}
.posts-list p.from_the_blog_excerpt, .posts-list2 p.from_the_blog_excerpt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 14px;
}
span.share-icons-title {
    font-size: 14px;
    color: #000;
    font-weight: normal;
}
a.button.vinahi_button_tuvan img {
    max-height: 20px;
}p.title-des {
    color: #000;
    /* text-align: center; */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.review-form-inner.has-border {
    border: none;
    padding-left: 0px;
    padding-right: 0px;
}
.sidebar-col-tr .col-inner {
    border-radius: 8px;
    background: #FFF;
    padding-bottom: 15px;
}
.single a.load-more-btn.text-center {
    display: none;
}.address-header a {
    margin: 0px 24px;
}
.title-sidebar {
    border-radius: 8px 8px 0px 0px;
    background: #FFE880;
    padding: 17px;
}
.title-sidebar h6 {
    margin: 0;
}
ul.product_list_widget li {
    margin: 0px;
    margin-left: 8px;
    padding-right: 8px;    padding-bottom: 10px;
}
ul.product_list_widget li span.product-title {
    font-size: 16px;
}
.title-sidebar h6 img {
    margin-bottom: 0px !important;
}
.flex-center-bettwen>.col-inner>p {
    margin-bottom: 0px;
    width: 49%;
}
.social-icons .button.icon {
    margin-bottom: 0px;
}
.zalo-share-button{margin-right: .24em!important}
/*list post */
.vinahi-list-post li a{color:rgba(0,0,0,.54);margin-bottom:8px}
 .listpost .post-item > .col-inner{background-color:#fff;border-radius:7px}
.listpost .post-item .box-image img{border-top-left-radius:7px;border-top-right-radius:7px;}
.listpost .post-item .box-text{padding:15px;}
.listpost-vertical-small .box-text{padding:0 0 0 15px;}
.listpost-vertical-small .post-item{margin-bottom:10px}
.listpost-vertical-small.no-image .box-image{display:none}
.listpost-vertical-small.no-image .post-item{margin-bottom:0px}
.listpost-vertical-small.no-image{padding-bottom:20px}
.listpost-vertical-small.no-image .post-title:before{top:23%;}
.listpost-vertical-small.no-image .post-title:before{width:7px;height:7px;background-color:#e54d05;content:"";display:block;position:absolute;left:0;top:23%;}
.text-wrap .post-title{display:-webkit-box;overflow:hidden;margin-top:4px;font-weight:bold;white-space:pre-line;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.title-normal .post-title{font-weight:normal}
.listpost-overlay .post-title{font-size:15px;line-height:22px;}
.listpost-overlay .box-overlay .box-text{background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.75));}
.box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text{direction:ltr;display:table-cell;vertical-align:middle;}
@media screen and (max-width:549px){.box-vertical .box-image{width:39% !important;}
.listpost-vertical-small .from_the_blog_excerpt{display:none}
}
/*.listpost-overlay .overlay{content:" ";background-image:linear-gradient(transparent, #333333);position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;}
*/
.blog-vinahi .box-text-inner.blog-post-inner{display:flex;flex-direction:column-reverse;}
.blog-vinahi .col-inner{border:1px solid #EBECF0;background-color:#fff;border-radius:4px;}
.blog-vinahi h5.post-title.is-large{text-transform:capitalize;}
.blog-vinahi p.from_the_blog_excerpt{color:#fff;position:absolute;top:-100px;left:0;padding:10px 20px;font-weight:bold;}
.blog-vinahi p.from_the_blog_excerpt:after{content:"";position:absolute;display:block;width:15px;height:3px;background-color:#fff;top:-15px;left:20px;}
.blog-vinahi .box-blog-post .is-divider{display:none}
.post-item .post-meta:before{content:"\e01a";font-family:'fl-icons' !important;margin-right:2px}

/*--------------------------------------------------\
  PRODUCT 
\*--------------------------------------------------*/
/* product all */
/*.single-product .stock.in-stock{display:none}
*/
h2.cart-title {
    color: #27272A;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 25px;
    line-height: normal;
}
.text-center.pt.pb.vinahi-cart-empty p {
    margin-top: 20px;
}
.text-center.pt.pb.vinahi-cart-empty {
    border-radius: 8px;
    background: #fff;
}
div#comments {
    order: 2;
}
div#review_form_wrapper {
    order: 1;
}.flex-center-bettwen .col-inner {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}

span.amount{color:#dd3333;}
del span.amount{opacity: 1;margin-left: 2px}

.product-title a{display:-webkit-box;overflow:hidden;white-space:pre-line;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.box-text .price-wrapper .price del , .price-wrapper .stock{font-size:12px}
.product-small .box-text .price-wrapper{margin-top: 0;}
.shadow-none .product-small .col-inner{box-shadow:none;-webkit-box-shadow:none;padding:0}
/* list product */
.flash-sale .row>div.main-title:not(.col):not([class^="col-"]){width: auto!important}
.flash-sale .vinahi-heading-description.row.row-small{display: flex; align-items: center}

.product-small .box-image a:after{content:"";display:block;width:100%;height:100%;background-color:rgba(0,0,0,.02);z-index:1;position:absolute;top:0;left:0;}
@media screen and (min-width:768px){
  .product-small .col-inner {
    background-color: #fff;
    border-radius: 3px;
    /* padding: 16px 16px 12px; */
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
    overflow: hidden;
}
}
.box-text.box-text-products{padding-bottom:0;}


/* footer cat icon box only category*/
.footer-cate-product{overflow:hidden;font-size:14px;color:#333;line-height:18px;border-top:1px solid #b8bdf7;border-bottom:1px solid #b8bdf7;margin-top:14px}
.footer-cate-product .row>.col>.col-inner>.icon-box{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 18px 0 0;border-right:1px solid #b8bdf7;margin:12px 22px 12px 0;max-width:205px;vertical-align:middle}
.footer-cate-product .row>.col>.col-inner>.icon-box .icon-box-img{display:block;float:left;margin-right:15px}
.footer-cate-product .row>.col>.col-inner>.icon-box:last-child{max-width:240px;border-right:none;padding-right:0}
@media screen and (max-width:768px){.footer-cate-product .row>.col>.col-inner{display:flex;flex-direction:row;flex-wrap:wrap;}
 .footer-cate-product .row>.col>.col-inner>.icon-box{margin:0;margin-bottom:10px;flex:1;flex-basis:50%;max-width:50%;padding-bottom:10px;padding-top:10px;}
 .footer-cate-product .row>.col>.col-inner>.icon-box:nth-child(2n+0){padding-left:10px;padding-right:0;border:0;}
 .footer-cate-product .row>.col>.col-inner>.icon-box:last-child{flex-basis:100%;max-width:100%;}
}
/* widget */
aside{background-color:#fff;padding:15px;border-radius:4px;border:1px solid #f2f3f7;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);}
aside li{border:none!important;}
aside .is-divider{display:none;}
aside > span{margin-bottom:10px;display:block}
aside span.widget-title{display:block;height:32px;line-height:33px;color:#fff;font-weight:700;background-color:#12225b;width:100%;position:relative;text-align:center;}
.widget .recent-blog-posts .badge{width: 80px;height: 60px}
/* form */
.form-white form{margin-bottom:0}
/*.two-col{display:flex;justify-content:space-between;margin-bottom:15px;}*/
.two-col > span{width:45%; float:left;}
input.send-btn{padding:7px 20px;border-radius:18px!important;text-transform:capitalize;font-size:16px;line-height:1.1;letter-spacing:0;min-height:auto}
/*.vinahi-form input , .vinahi-form select{box-shadow:none;border-radius:4px;background-color:#fff;}*/
.vinahi-form input, .vinahi-formky select {
   /* font-weight: 500;
    padding: 0 30px;
    background-color: #fafafa;
    height: 45px;
    font-size: 14px;*/
    border: 1px solid #8f8f8f;
    box-shadow: inherit;
   /* color: #8f8f8f;*/
    outline: none;
   /* background-color: #8f8f8f;*/
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    margin-right:0;
}
/* footer */
.footer-wrapper{z-index:999;background-color: #fff}
#footer{/* font-size:12px;*/
 color:rgba(0,0,0,.54);}
#footer p > strong{text-transform:uppercase}
.footer .row.row-small{margin:0;}
.footer .vinahi-heading-description{padding-left:0!important}
.footer{border:none}
.footer .section{padding:0}
.row.bd-bt{font-size:14px;padding-top:30px;border-top:.03125rem solid rgba(0,0,0,.1);}
.row.bd-bt .col{padding:0;}
.absolute-footer{display:none}
.footer .social-icons.follow-icons a{color:#000}
.absolute-footer.dark{display:none;visibility:hidden}
.footer li a:hover{color:#f6470e}
/*.footer-2 .menu{display:flex;justify-content:center;align-items:center;}
.footer-2 .menu li{border-top:none;padding:0 1.5625rem;border-right:1px solid rgba(0,0,0,.09);text-transform:uppercase;font-size:.75rem;}
.footer-2 .menu li:last-child{border-right:none}
.footer-2 .menu li a{padding:0;color:rgba(0,0,0,.54)}
.footer-2 div.text-sm{font-size:12px;}
.footer-2 .text-sm > .col div{margin-top:.5rem;}
*/
.hotline-hethong ul li{margin-left:0;list-style:none}
.hotline-hethong ul li i{color:#f6470e;}
/* search*/
/* menu in footer */
/* STICK CHƯA BIK DÙNG VÀO VIỆC GÌ */
@media screen and (min-width:1024px){/* sticky product bar*/
.vinahi-custom-sticky > .col.vinahi-sticky{padding:0;}
.vinahi-custom-sticky .left-0{padding-left:0;}
.vinahi-sticky > .col-inner ul.sidebar-wrapper.ul-reset.is-sticky-column__inner{padding-bottom:40px;}
.vinahi-form{max-width:70%;}
.form-white .main-title h3{font-size:36px;}
.bg-white-col > .col-inner{background-color:#fff;padding:10px 20px 0;border-radius:8px;}
.row.row-small.bg-white{background-color:#fff;padding:20px 0;padding-bottom:20px;border:1px solid #DCDEE3;}
}
/* list post */
.only-head .vinahi-list-post a{position:relative;display:block;box-sizing:border-box;padding-left:16px;border-bottom:1px solid rgba(220,222,227,.7);padding-bottom:15px;}
.only-head .vinahi-list-post .title{margin:20px 40px 14px 0;color:#333;font-size:18px;font-weight:700;line-height:22px;max-height:44px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.only-head .vinahi-list-post .view-more{display:inline-block;max-width:110px;padding:0 10px;color:#fff;border-radius:10px;font-size:12px;line-height:21px;height:20px;background-color:#12225b;}
.only-head .vinahi-list-post .item-banner{position:absolute;right:0;bottom:20px;width:40px;height:40px;}
.only-head .vinahi-list-post .top-banner{display:block;height:32px;line-height:33px;color:#fff;font-weight:700;background-color:#12225b;width:100%;position:relative;text-align:center;}
.only-head .vinahi-list-post a:last-child{border-bottom:none;}
@media screen and (max-width:1024px){div#logo{width:115px;}
.vinahi-heading-description.row.row-small .main-title h2{font-size: 14px;}
.vinahi-first button.single_add_to_cart_button.button.alt, .button.vinahi_buy_now{width:100%;margin-left:0!important;}
.header-main .flex-col.show-for-medium.flex-right{width:100%;}
.header-main .searchform-wrapper.ux-search-box.relative.is-normal form.searchform button.submit-button span{display:none;visibility:hidden}

#main{background-color:#fff!important}
.vinahi-slider button.flickity-button.flickity-prev-next-button{height: 20px; top: -27px;min-height: 20px;}
.tbay-time-wrapper{flex-direction:column;}
.vinahi-first{padding:0}
.woocommerce-tabs .nav-tabs>li>a{border-radius:0}
.form-white .col-inner{padding:15px!important}
/*.related-products-wrapper button.flickity-button.flickity-prev-next-button svg.flickity-button-icon{padding:8px!important}
*/
}

/* fearture post */
/* horia */
ul.vinahi-list-post.horizontal{display:flex;list-style-type:none; max-width:400px}
ul.vinahi-list-post.horizontal li{margin-bottom:0}
ul.vinahi-list-post.horizontal li a{color:#333;border-left:1px solid #ddd;display:inline-block;margin-left:15px;padding-left:15px!important;margin-bottom:0;line-height:20px;position:relative;}
ul.vinahi-list-post.horizontal li:first-child a{border:none}
ul.vinahi-list-post.horizontal li:first-child .dot , ul.vinahi-list-post.horizontal li:last-child .dot{width:10px;height:10px;background-color:#d0021b;border-radius:100%;position:absolute;left:3px;top:50%;margin-top:-5px;display:block}
.dot.livestream{left:15px}
ul.vinahi-list-post.horizontal li:first-child .dot .ping , ul.vinahi-list-post.horizontal li:last-child .dot .ping{border:1px solid #d0021b;width:10px;height:10px;opacity:0;background-color:rgba(238,46,36,.2);border-radius:100%;-moz-animation:sonar 1.25s linear infinite;-o-animation:sonar 1.25s linear infinite;-webkit-animation:sonar 1.25s linear infinite;animation:sonar 1.25s linear infinite;display:block;}
 @-webkit-keyframes sonar{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1) }
 100%{-webkit-transform:scale(4);transform:scale(4);opacity:0 }
}
@keyframes sonar{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(4);transform:scale(4);opacity:0}
}
@media only screen and (max-width:768px){/*************** ADD MOBILE ONLY CSS HERE ***************/

}
/* title cat */
.block-product-title{height:45px !important;line-height:45px;border-bottom:2px solid var(--primary-color);background-color:#fff;border-radius:0 !important;margin-bottom:10px !important;position:relative;}
.block-product-title h2{line-height:45px;margin-right:20px !important;background-color:var(--primary-color);color:#fff;padding:0 10px !important;border-radius:0!important;font-size:20px;height:100%;position:relative;margin:0;float:left;width:inherit}
.block-product-title h2:after{content:"";float:right;width:0;height:0;border-left:0 solid transparent;border-right:24px solid transparent;border-bottom:40px solid #333;position:absolute;right:-24px;}
.block-product-title h2 a{color:#fff;}
.block-product-title h2 a:hover{color:#fff;}
/*.block-product-title h2 i{margin-right:10px;}
*/
/*.block-product-title ul li a{font-weight:700 !important;line-height:16px !important;}
*/
.block-product-title .list_all_options button{background-color:transparent;position:absolute;right:10px;top:5px;border-radius:100%;-webkit-border-radius:100%;padding:0;width:25px;height:25px;line-height:10px;border:1px solid #cdcdcd;color:#333;cursor:pointer;display:inline-block;font-weight:700;margin:0;font-size:10px;box-sizing:border-box;vertical-align:middle;}
.block-product-title .list_all_options button:hover{background-color:#d9232e;color:#fff;}
.block-product-title .menu-cat-child ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.block-product-title .menu-cat-child ul::-webkit-scrollbar{height:5px;}
.block-product-title .menu-cat-child ul::-webkit-scrollbar-thumb{background-color:#cccccc;}
.block-product-title .menu-cat-child ul li{display:inline-block;}
.block-product-title .menu-cat-child ul li:first-child{margin-left:0 !important;}
.block-product-title .menu-cat-child ul li a img{width:25px;height:auto;border-radius:100%;margin-right:2px}
.block-product-title .menu-cat-child .list_all_options{overflow:hidden;width:70%;float:left;}
.block-product-title .menu-cat-child a.desktop{font-size:12px;padding:0px 9px;color:var(--primary-color);text-align:right;white-space:nowrap;margin-left:20px;float:right;display:block;font-weight:700;position:absolute;right:65px;}
.block-product-title .menu-cat-child a.desktop:after{content:"→";margin-left:3px;position:relative;top:0px;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
@media screen and (min-width:1024px){.block-product-title{overflow:hidden;}
 .block-product-title ul li{margin-left:5px !important;}
 .block-product-title .menu-cat-child ul{list-style:none;margin:0;margin-left:20px;padding:0;white-space:nowrap;overflow-y:auto;line-height:45px;}
 .block-product-title .menu-cat-child .list_all_options ul li a .fa, .block-product-title .view_more_options, .block-product-title .menu-cat-child .closeFilter, .block-product-title .menu-cat-child label{display:none;}
}

.header-vertical-menu__fly-out.header-vertical-menu__fly-out--open.has-shadow {
    min-height: 530px;
    border-radius: 0 0 10px 10px;
}

.header-vertical-menu__fly-out .nav-top-link {
    font-size: 20px;
}

.icon-active-tr {
    border-bottom: 2px solid #fe0100;
    background: rgba(164, 201, 255, 0.56);
    padding-top: 10px;

}
.icon-active-tr .icon-box-text.last-reset, .icon-not-active-tr .icon-box-text.last-reset {
    color: #fe0100;
    /* font-family: Inter; */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px;
}
.icon-not-active-tr:hover {
    background: #cce1ff;
    border-bottom: 2px solid #fe0100;
    background: rgba(164, 201, 255, 0.56);
    padding-top: 10px;
}
.icon-not-active-tr img, .icon-active-tr img  {
    height: 40px;
}
.icon-active-tr .icon-box-img, .icon-not-active-tr .icon-box-img  {
    margin-bottom: 0px !important;
}
.header-vertical-menu__fly-out .current-dropdown.menu-item .nav-dropdown {
    display: block;
  }
.header-vertical-menu__fly-out .nav-dropdown>li>a {
    color: #000;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
    width: 100%;
}
.header-vertical-menu__fly-out .nav-dropdown>li>ul a {
    font-size: 14px;
    padding-left: 15px;
}
.icon-not-active-tr p {
    color: #27272A;
    /* font-family: Inter; */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.icon-not-active-tr {
    padding-top: 10px;
}
.background-white {
    background: #fff;
    border-radius: 10px 10px 0px 0px;
}
.title-small-tr p {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0px;
}
.title-small-tr {
    padding-bottom: 10px;
}
.product-box-tr .product-small .col-inner {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.cart-container.container.page-wrapper.page-checkout {
    max-width: 600px!important;
    background-color: #fff;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .12);
    box-shadow: 0 0 18px rgba(0, 0, 0, .12);
    border-radius: 4px;
    padding: 10px 30px;
    overflow: hidden;
}table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents button.button.primary.mt-0.pull-left.small {
    width: 49%;
    margin-right: 0px;
    margin-left: 1% !important;
}
.continue-shopping.pull-left.text-left {
    width: 49%;
    margin-right: 1%;
}
.box-text.box-text-products {
    padding: 15px;
}
.product-small.box span.amount {
    color: #111;
    font-weight: 700;
    white-space: nowrap;
    color: #FF424F;
   
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
p.name.product-title.woocommerce-loop-product__title {
    color: #27272A;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
p.name.product-title.woocommerce-loop-product__title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.heading-footer h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 1px;
    background: #fe0100;
    left: 0;
}

.heading-footer h4 {
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 20px;
}
.five-column-tr>.col {
    flex-basis: 20%;
    max-width: 20%;
}
.product-one-tr h3 {
    color: #27272A;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.product-one-tr p {
    color: #fe0100;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 8px;
    border: 1px solid #E0EBFC;
    background: #FFF;
    height: 48px;
    line-height: 48px;
    margin-bottom: 15px !important;
    display: block;
}
.product-one-tr, .product-two-tr {
    border-radius: 8px;
    background: #FFEA92;
    padding: 15px;
    margin-top: 15px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.five-column-tr {
    background: #fff;
}
.product-two-tr .icon-box-img {
    width: 60% !important;
    display: block;
    float: right;
    max-height: 81px;
    overflow: hidden;
}
.product-two-tr p {
    position: absolute;
        top: 62px;
    width: 60%;
    border-radius: 8px;
    border: 1px solid #E0EBFC;
    background: #FFF;
    color: #fe0100;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 35px;
    line-height: 35px;
}
.product-two-tr .icon-box-text.last-reset {
    float: left;
    width: 100%;
}
.product-two-tr img {
    border-radius: 8px;
    overflow: hidden;
    max-height: 81px;
    /* object-fit: cover; */
}.product-one-tr img {
    border-radius: 8px;
}
.product-two-tr h3 {
    ww: 100%;
    color: #27272A;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-one-tr {
    min-height: 345px;
}

.col.title-small-tr.title-clock .col-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.col.title-small-tr.title-clock .ux-timer span {
    border-radius: 4px !important;
    background: #FF424F !important;
    width: 50px !important;
    height: 24px !important;
    display: flex !important;
    margin-right: 12px;
}
.col.title-small-tr.title-clock .ux-timer {
    display: flex !important;
    width: auto !important;
    margin-left: 15px ;
    margin-top: 15px;
}
.col.title-small-tr.title-clock .ux-timer span strong {
    margin-left: 5px;
    color: #fff !important;
    opacity: 1;
}
.cate-home .box.box-category.has-hover.box-normal {
    position: relative;
    border-radius: 0px 0px 8px 8px;
    background: #fe0100;
    /* color: #fff; */
    border: 1px solid #E0EBFC;
    /* background: #FFF; */
}
.cate-home .box-text.text-center {
    padding-top: 35px;
}
.cate-home .box-text-inner p.is-xsmall.uppercase.count {
    position: absolute;
       top: -20px;
    border-radius: 8px;
    background: #FFEA92;
    height: 38px;
    line-height: 38px !important;
    width: 90%;
    left: 5%;
    color: #1E1E1E;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
}
.cate-home .box-text.text-center h5 {
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; text-transform: none;
}
#header li.html.custom.html_top_right_text a {
    color: #fe0100;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#header li.html.custom.html_top_right_text a img {
    margin-right: 5px;
}
#header button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    border-radius: 0px 8px 8px 0px;
    background: #fe0100;
    width: 150px;
    position: relative;
    height: 40px;
}
#header button.ux-search-submit.submit-button.secondary.button.icon.mb-0:before {
    content: 'Tìm kiếm';
    text-transform: none;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#header button.ux-search-submit.submit-button.secondary.button.icon.mb-0 i{
    display: none;
} 
#header li.header-search-form.search-form.html.relative.has-icon {
    width: 100%;
}
#header ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
    width: 75%;
}
a.header-cart-link.is-small i {
    color: #fe0100;
}
#header input#woocommerce-product-search-field-0 {
    border: 1px solid #fe0100;
    height: 40px;
    border-radius: 8px 0px 0px 8px;
}
.badge-frame .badge-inner, .badge-outline .badge-inner {
    background: #da1c29 !important;
    border: 2px solid #da1c29;
    color: #fff;
    font-size: 12px;
}
.header-vertical-menu__opener {
    background-color: #ffe880;
    border-radius: 10px 10px 0px 0px;
}
div#masthead .top-divider.full-width {
    display: none;
}
.img-yellow {
    padding-right: 16px;
    padding-top: 16px;
    position: relative;
}
.img-blue {
    padding-right: 10px;
    padding-top: 10px;
    position: relative;
}
.img-yellow:before, .img-blue:before {
    content: '';
    background: #FFEFAC;
    right: 0;
    top: 0;
    position: absolute;
    height: 95%;
    width: 95%;
    border-radius: 8px;
}
.img-blue:before{
    background: #A4C9FF;
}
.img-blue img {
    border-radius: 8px;
}
.icon-box-contact {
    border-radius: 8px;
    border: 1px solid rgba(128, 128, 137, 0.18);
    background: #FFF;
    min-height: 230px;
    padding-top: 30px;
}
.icon-box-contact {
    border-radius: 8px;
    border: 1px solid rgba(128, 128, 137, 0.18);
    background: #FFF;
    min-height: 230px;
}
.icon-box-contact .icon-box-img {
    min-height: 40px;
}
a.load-more-btn.text-center {
    color: #fe0100;
    font-weight: bold;
    border: 2px solid #fe0100;
    display: block;
    width: 300px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 14px;
}
@media only screen and (max-width:768px){/*************** ADD MOBILE ONLY CSS HERE ***************/
.product-two-tr img {
    border-radius: 8px;
    overflow: hidden;
    max-height: inherit;
}
.product-two-tr .icon-box-img {
    width: 100% !important;
    display: block;
    float: right;
    max-height: inherit;
    overflow: hidden;
}
.product-two-tr p {
    position: unset;
    width: 100%;
    margin-bottom: 13px !important;
    display: block;
}
.product-one-tr p{
  height: 35px;
    line-height: 35px;
}
.five-column-tr>.col {
    flex-basis: 100%;
    max-width: 100%;padding-bottom: 0px;
}
.product-one-tr h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;font-size: 14px;
    -webkit-box-orient: vertical;
}
.product-one-tr {
    min-height: inherit;
}
.product-two-tr {
    width: 48%;
    float: left;
}
.five-column-tr>.col>.col-inner>.product-two-tr:last-child {
    margin-left: 4%;
}
.col.title-small-tr.title-clock .col-inner {
    display: block;
}
.col.title-small-tr.title-clock .ux-timer{
  margin-left: 0px;
}
.icon-not-active-tr p {
    color: #27272A;
    /* font-family: Inter; */
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
}
.icon-active-tr .icon-box-text.last-reset, .icon-not-active-tr .icon-box-text.last-reset {

    font-size: 13px;
   
    margin-top: 10px;
}
.list-news-tr ul li {
    margin: 0px;
    margin-right: 0px;
}
.list-news-tr ul {
    display: block;
}
.list-news-tr ul li {
    margin: 0px;
    margin-right: 0px;
    margin-bottom: 14px;
}
}
.image-zoom img {
    max-height: 160px;
    object-fit: cover;
    width: 100%;
}
.vinahi_archive_order {
    display: none;
}

.header-bottom .menu-item a {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.015em;
    color: #666666;
}

.top-phone {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.015em;
    text-align: left;
    color: #5C88C1;
    margin-right: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.header-bottom .menu-item {
    margin: 0 16px;
}

.ux-quantity.quantity.buttons_added.form-minimal, button.single_add_to_cart_button.button.alt {
    display: none;
}

ul.product-custom-field {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}

ul.product-custom-field li {
    line-height: 20px;
    font-size: 20px;
    margin: 12px 0;
}

embed, iframe, object {
    width: 100%;
}

.vnt-slide {
    position: relative;
}
div#vnt-slide .img {
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.titlePage {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}
.wrapper {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}
.titlePage .title {
    position: relative;
}
.titlePage svg text {
    font-size: 40px;
    font-weight: bold;
    fill: transparent;
    stroke: #ffffff;
    stroke-width: 2px;
    transform: translateY(70%);
    letter-spacing: 1.1px;
}
.titlePage svg {
    height: 85px;
    width: 100%;
}
.titlePage .title:before {
    content: "";
    top: 10px;
    bottom: 10px;
    right: 100%;
    width: 1000px;
    margin-right: 25px;
    background: #feda60;
    position: absolute;
}
section.breadcrumbs {
    padding: 10px 0;
    margin-bottom: 30px;
    list-style: none;
    border-radius: 4px;
}
ul.breadcrumb li {
    padding: 0;
    margin: 0 10px;
    float: left;
    position: relative;
    color: #949494;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
}

ul.breadcrumb li:after {
    content: "|";
    position: absolute;
    right: -13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 20px;
}
ul.breadcrumb li:last-child:after{
    display:none
}

div#vnt-slide:after {
    content: "";
    background: #0000004a;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.titleAbout h1 {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}
.wrapCont {
    padding-bottom: 50px;
}

.partAbout {
    margin-bottom: 70px;
}
.partAbout .content {
    position: relative;
    padding-bottom: 115px;
}
.partAbout .img {
    width: 55%;
}
.partAbout .img img {
    width: 100%;
}
.partAbout .cont {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.partAbout .grid .col {
    width: 50%;
    padding: 0 15px;
}
.partAbout .cap {
    background: #feda60;
    padding: 75px 10px;
}
.partAbout .wr {
    max-width: 430px;
    margin: 0 auto;
}
.partAbout .txt {
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    margin-bottom: 20px;
}
.partAbout .list {
    font-size: 16px;
    line-height: 24px;
}
.partAbout .list p {
    padding: 0;
    padding-left: 15px;
    position: relative;
}
.partAbout .list p:before {
    content: "\f111";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 6px;
}
.partAbout .t1 {
    font-size: 20px;
    line-height: 30px;
    color: #666666;
    font-weight: 300;
}
.partAbout .t2 {
    font-size: 24px;
    line-height: 32px;
    font-style: italic;
    font-weight: 300;
}
.partAbout .grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    margin: 0 -15px;
    flex-direction: row-reverse;
}
.partView .title {
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative;
}
.partView .title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55px;
    border-bottom: solid 3px #feda60;
}
.partView .item:nth-child(odd) {
    text-align: left;
}
.partView .item {
    background: #f5f5f5;
}
.partView .item:nth-child(odd) .grid {
    flex-direction: row;
}
.partView .item .grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.partView .item .grid .col {
    width: 50%;
}
.partView .item:nth-child(odd) .wrap {
    float: right;
    padding-right: 55px;
}
.partView .item .wrap {
    max-width: 540px;
    padding: 0 10px;
}
.partView .t1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 300;
    color: #888888;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
}
.partView .item:nth-child(odd) .t1:before {
    left: 65px;
}
.partView .t1:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #888888;
    border-radius: 100%;
    bottom: 0;
    position: absolute;
}
.partView .item:nth-child(odd) .t1:after {
    right: 100%;
    margin-right: -65px;
}

.partView .t1:after {
    content: "";
    width: 1000px;
    height: 1px;
    background: #888888;
    bottom: 2px;
    position: absolute;
}
.partView .des {
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    font-weight: 300;
}
.partView .item .img {
    position: relative;
}
.partView .item:nth-child(odd) .img:before {
    left: 0;
}
.partView .item .img:before {
    content: "";
    top: 0;
    bottom: 0;
    width: 65px;
    background: #ffffff;
    opacity: 0.1;
    pointer-events: none;
    z-index: 2;
    position: absolute;
}
.partView .item:nth-child(even) {
    text-align: right;
}
.partView .item:nth-child(even) .grid {
    flex-direction: row-reverse;
}
.partView .item:nth-child(even) .wrap {
    float: left;
    padding-left: 55px;
}
.partView .item:nth-child(even) .t1:before {
    right: 65px;
}
.partView .item:nth-child(even) .t1:after {
    left: 100%;
    margin-left: -65px;
}
.partView .col {
    padding: 0 !important;
}

.itemN {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    background: #feda60;
    margin-bottom: 20px;
}
.itemN .img {
    width: 270px;
    flex-shrink: 0;
    overflow: hidden;
}
.itemN .caption {
    padding-top: 35px;
    padding: 25px 25px;
    padding-left: 100px;
    position: relative;
}
.itemN .date {
    width: 80px;
    height: 70px;
    border-right: solid 1px #feda60;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 25px;
    left: 15px;
}
.itemN .day {
    font-size: 40px;
    line-height: 50px;
}
.itemN .tend a {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    max-height: 96px;
    overflow: hidden;
    color: #333333;
}
.wrapCont {
    padding-bottom: 50px;
}
.gallery {
    margin-bottom: 40px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.gallery .img a {
    display: block;
    padding-top: 66.666666%;
    position: relative;
    overflow: hidden;
}
.gallery .img a:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 25px;
    background: url(../img/picture.svg) no-repeat center;
    background-size: contain;
    bottom: 10px;
    left: 10px;
    z-index: 1;
    pointer-events: none;
}
.gallery .img a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: -webkit-transform 4s cubic-bezier(0,.6,.45,1);
    transition: transform 4s cubic-bezier(0,.6,.45,1);
    transition: transform 4s cubic-bezier(0,.6,.45,1), -webkit-transform 7s cubic-bezier(0,.6,.45,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.gallery .tend {
    background: #fafafa;
    border: solid 1px #e5e5e5;
    padding: 10px 15px;
    width: 100%;
}
.gallery .tend a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    height: 44px;
    overflow: hidden;
    font-size: 14px;
    line-height: 22px;
}
.gallery .img a:hover img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}