@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Roboto:wght@100;300;400;500;700&display=swap');
:root{
    --c1:#936f0e;
    --c12:#c69f20;
    --c2:#B4975A;
    --c22:#907948;
    --c3:rgb(119,119,119);
    --c4:#191919;
    --primary:#936f0e;
    --border:1px solid #D5D5D5;
    --fs1:1.5em;
    --fs2:1.445em;
    --fs3:1em;
    --trans:all 500ms;
    --red:#ea0000;
    --red2:#a62c07;
}
img{
    max-width: 100%;
    height: auto;
}
.ss-pd{
    padding-top:5rem;
    padding-bottom:5rem;
}
.ss-pd-b{
    padding-bottom:5rem;
}
body {
  font-size: 100%;
  font-family: 'Roboto', sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
  overflow-y: auto;
  color:var(--c4);
  margin:0!important;
}
h1,h2{
    font-weight: 700;
}
.text-black{
    color: black;
}
.font-300{
    font-weight: 300;
}
h1{
    font-size:2rem;
}
.bd-t{
    border-top:var(--border);
}
.bd-b{
    border-bottom:var(--border);
}
body.show{
    overflow-y: auto;
}
body.show-menu{
    overflow: hidden;
}
.overflow-hidden{
    overflow: hidden!important;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    text-rendering: optimizeSpeed;
}
a{
    color:var(--c2);
    transition:all 0.4s;
}
a:hover{
    color: var(--c1);
    text-decoration: none;
}
.fs-1{
    font-size:var(--fs1);
}
h2,
.fs-2{
    font-size:var(--fs2);
}
h3,
.fs-3{
    font-size:var(--fs3);
}
.text-c1{
    color: var(--c1);
}
.text-c2{
    color: var(--c2);
}
.text-c3{
    color: var(--c3);
}
.bg-c1{
    background-color:var(--c1);
    color:white;
}
.bg-c2{
    background-color:var(--c2);
    color:white;
}
.bg-c3{
    background-color:var(--c3);
}
.bg-w{
    background-color: white;
}
.bg-gray{
    background-color: rgb(247, 245, 239);
}
.bg-gray2{
    background-color: #fcfcfc;
}
.hidden{
    display: none;
}
.btn{
    background-color: transparent!important;
    position: relative;
    z-index: 1;
    font-weight: 500;
}
.btn:after,
.btn:before{
    position: absolute;
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius:  0.25rem;
}
.btn:after{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
}
.btn:before{
    z-index: -1;
    opacity: 0;
    background: rgba(0,0,0,0.3);
    transition: all 0.4s;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 1px;
    left: 1px;
    transform:scalex(0);
}
.btn:hover:before{
    opacity: 1;
    transform:scalex(1);
}
.btn-cycle,
.btn-cycle:before,
.btn-cycle:after
{
    border-radius: 50px;
}
.btn-cycle>i{
    background: white;
    color: var(--c4);
    border-radius: 50%;
    padding: 2px 3px;
    margin-right: 5px;
}
.btn-outline-primary{
    color:var(--c1);
    border-color:var(--c1) !important;
    border-width: 2px;
    border-radius: 14px;
}
.btn-outline-primary:before{
    background:var(--c1);
    border-radius: 14px;
}
.btn-outline-primary:hover{
    background:var(--c1);
    color:white;
}
.btn-primary{
    color: white!important;
    border-color:var(--c1)!important;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.btn-primary:after{
    background-color:var(--c1)!important;
}
.btn-sm{
    font-size:0.8em !important;
    padding: 0 1.2em;
    font-weight: bold !important;
}
.btn-w:after{
    background:white;
}
.btn-w:before{
    background:var(--c1);
}
.btn-border-radius{
    border-radius:99px;
}
.btn-c2{
    color:white;
    background-color:var(--c2) !important;
}
.btn-c2:hover{
    color:white;
}
.btn-info{
    color: var(--blue);
}
.btn-info:before{
    background: var(--blue);
}
.btn-success{
    color: var(--green);
}
.btn-success:before{
    background: var(--green);
}
.btn-danger{
    background:transparent;
    color: white;
}
.btn-danger:after{
    background:  #dd3333;
}
.img-fix-60{
    padding-top:60% !important;
}
.img-fix-40{
    padding-top:40% !important;
}
.age-gate-subheading{
    font-family: Roboto, Sans-serif;
    font-weight: 500;
    font-size: 25px;
}
.age-gate .inner{
    background: #980d0b;
    color: white;
}
.age-gate-form {
    max-width: 500px;
    background: transparent;
    padding: 0;
    padding:1rem;
    text-align: center;
}
.age-gate-form .img{
    max-width: 386px;
    margin:0 auto;
}
.age-gate-form .btn{
    font-weight: 500;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.age-gate-form .btn:hover{
    color: white;
}
.age-gate{
    position: fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index: 9998;
    overflow-y: auto;
    opacity: 1;
    background-color: rgba(2, 38, 34, 0.5);
    background-size: cover;
    background-position: center center;
    backdrop-filter: blur(8px);
}
.wrap-content2,
.wrap-content {
  max-width: 1170px;
  padding-left:15px;
  padding-right:15px;
  margin-left:auto;
  margin-right:auto;
}
.wrap-content2{
    max-width: 1200px;
}
.page-header{
    z-index: 999;
    top:0;
    left:0;
    width:100%;
}
.page-header .logo{
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 60px;
}
.page-header .logo img{
    height:100%;
}
.top-menu{
    display: flex;
    margin: 0;
}
.top-menu >li{
    margin: 0 0.75rem;
}
.top-menu >li:first-child{
    margin-left:0;
}
.top-menu >li>a{
    color: white;
    padding:10px 0;
    font-size: .9em;
    font-weight:bold;
    text-transform: uppercase;
    display: block;
}
.top-menu >li>.submenu{
    position: absolute;
    top:100%;
    left:0;
    width:100%;
    background: white;
    color: var(--c4);
    padding-top:2rem;
    padding-bottom:2rem;
    visibility: hidden;
    transform:translateY(15px);
    transition:all 400ms;
    opacity: 0;
    border:var(--border);
    font-size:13px;
}
.top-menu >li>.submenu:before{
    content: '';
    display: block;
    height: 27px;
    width: 100%;
    position: absolute;
    bottom: 100%;
    left: 0;
}
.top-menu >li:hover>.submenu{
    transform:translateY(0);
    opacity: 1;
    visibility: visible;
}
.top-menu >li>.submenu>.wrap-content{
    display: flex;
}
.nav-menu .submenu a,
.nav-menu .sub a{
    color:var(--c4);
}
.top-menu >li>.submenu ul{
    list-style: none;
    margin:0;
    padding:0;
}
.submenu h4{
    text-transform: capitalize;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0.5rem;
    color: var(--c2);
}
.submenu a:hover{
    color: var(--c2);
}
.submenu h4 a{
    color: var(--c4);
}
.submenu li{
    display: block;
    padding: 0.2rem 0;
}
.top-menu >li.has-child>a:after{
    content:"\e604";
    display: inline-block;
    font-family: 'simple-line-icons';
    speak: none;
    font-size: 70%;
    margin-left: 5px;
}
.page-header .icon-group{
    display: flex;
    list-style: none;
    margin:0;
    padding:0;
}
.page-header .icon-group>li>a{
    color: white;
}
.btn-minicart{
    position: relative;
}
.btn-minicart>.shift{
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 3px;
    background: white;
    color: var(--c1);
    font-size: 75%;
    font-weight: bold;
    padding: 1px 3px;
    line-height: 1;
}
.page-header .dropdown {
    position: initial !important;
}
.page-header .dropdown-menu.show{
    transform: unset !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    padding: 20px !important;
    margin: 0 !important;
    background: white !important;
    border-radius: 0 !important;
    max-width: 100%;
}
.input-group-addon>.btn{
    border-radius: 0 .25rem .25rem 0;
}
.owl-nav{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    height:0;
    opacity: 0;
    transition: all 0.4s;
}
.owl-nav .owl-prev{
    float:left;
    margin-left:15px;
    transition: all 0.4s;
}
.owl-nav .owl-next{
    float:right;
    margin-right:15px;
    transition: all 0.4s;
}
.owl-carousel:hover .owl-nav .owl-next,
.owl-carousel:hover .owl-nav .owl-prev{
    margin:0;
}
.owl-carousel:hover .owl-nav{
    opacity: 1;
}
.owl-nav-icon{
    border-radius: 50%;
    font-size:18px;
    width:36px;
    height:36px;
    line-height: 1;
    border:2px solid white;
    transform: translate(0,-50%);
    transition:all 400ms;
    display: block;
    text-align: center;
    line-height: 32px;
    color: white;
    opacity: 0.75;
}
.owl-nav-icon:hover{
    background:var(--c1);
    opacity: 1 !important;
}
.home-owl-slide .owl-nav{
    padding-left:15px;
    padding-right:15px;
}
.owl-dots{
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    top: 100%;
    height: 1px;
}
.owl-dot{
    border: 3px solid var(--c2);
    background: transparent;
    transition: all 0.4s;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 0.4;
    margin:0 5px;
}
.owl-dot:hover{
    opacity: 0.7;
}
.owl-dot.active{
    background-color: white;
    opacity: 1;
}
.home-owl-slide .owl-dot{
    transform: translateY(-2rem);
    border-color:white;
}
.home-owl-slide .owl-item{
    overflow: hidden;
}
.home-owl-slide .slide-item:after{
    width:100%;
    height:1px;
    bottom:-1px;
    content:'';
    display: block;
    left:0;
    box-shadow:0 0 3rem 1rem black;
    position: absolute;
}
.ss-home-about h1{
    font-weight: bolder;
    line-height: 1.2;
    text-transform: uppercase;
}
.ss-home-about p{
    margin:0;
}
.ss-home-about h4{
    margin:0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0.3rem;
}
.ss-home-about img{
    max-height: 40px;
    width: auto!important;
}
.section-title span {
    font-family: "Inter",sans-serif;
    font-weight: 400;
    font-size: 1.5em;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--c2);
    margin-left: 15px;
    margin-right: 15px;
}
.section-title {
    text-align: center;
    font-size: 1em;
    position: relative;
    width: 100%;
    border-bottom:2px solid;
    display: flex;
    justify-content:space-between;
    color: var(--c1);
}
.section-title >span{
    border-radius: 0.375rem 0.375rem 0 0;
    padding: 0.65rem;
    background: var(--c1);
    color: white;
    text-transform: uppercase;
    margin: 0;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 0;
}
.section-title.section-title-2>span{
    border-radius:0;
    letter-spacing: 0;
    position: relative;
}
.section-title.section-title-2>span:after{
    display: block;
    position: absolute;
    left:calc(100% - 0.5px);
    top:0;
    clip-path:polygon(0 0,100% 100%,0 100%);
    background: var(--c1);
    content:'';
    width:25px;
    height: calc(100% + 1px);
}
.section-title-underline{
    position: relative;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    color: var(--c1);
}
.section-title-underline>span{
    margin: 0 0.5rem;
}
.section-title-underline:after,
.section-title-underline:before{
    content:'';
    display: block;
    flex:1;
    opacity: 0.6;
    background-color: transparent;
    border: 1px dashed var(--c2);
}
.section-title-underline-2{
    margin: 0;
    color: var(--c1);
    background: url(../img/border-title-03.png) no-repeat center bottom;
    background-size: 243px;
    padding-bottom: 20px;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
}
.section-title-underline-3{
    color: var(--c4);
    font-size:18px;
    line-height: 1;
}
.section-title-underline-3:after,
.section-title-underline-3:before{
    border-width: 1px 0;
    border-style: solid;
    border-color: var(--c1);
    height:5px;
}
.ss-home-banner h3{
    font-weight: bold;
    text-transform: capitalize;
}
.box-text {
    padding-top: 0.7em;
    padding-bottom: 1.4em;
    position: relative;
    width: 100%;
}
.img-scale{
    overflow: hidden;
    position: relative;
}
.img-scale>.img,
.img-scale>img{
    transition: all 0.6s ease-out;
}
.img-scale:hover>.img,
.img-scale:hover>img{
    transform: scale(1.15);
}
.loading:after{
    display: none!important;
}
.loading{
    background-color: rgba(255,255,255,0.7);
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index: 9999;
    transform: rotateY(90deg);
    opacity: 0;
    transition: all 0.4s;
}
body.show-loading {
}
body.show-loading .loading{
    transform: rotateY(0deg);
    opacity: 1;
}
.animate{
  stroke-dasharray: 242.6;
  animation: fill-animation 1s cubic-bezier(1,1,1,1) 0s infinite;
}

@keyframes fill-animation{
  0%{
    stroke-dasharray: 40 242.6;
    stroke-dashoffset: 0;
  }
  50%{
    stroke-dasharray: 141.3;
    stroke-dashoffset: 141.3;
  }
  100%{
    stroke-dasharray: 40 242.6;
    stroke-dashoffset: 282.6;
  }
}
.svg-loader{
    display:flex;
    position: relative;
    align-content: space-around;
    justify-content: center;
    height: 100%;
    align-items: center;
}
.loader-svg{
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    fill: none;
    stroke-width: 5px;
    stroke-linecap: round;
    stroke: var(--c1);
}
.svg-loader .svg-container{
    width:40px;
}
.loader-svg.bg{
    stroke-width: 8px;
    stroke: #D5D5D5;
}
#backtotop{border-radius: 50%;
    position: fixed;
    bottom: 4rem;
    right: 1rem;
    height: 40px;
    overflow: hidden;
    width: 40px;
    display: block;
    z-index: 998;
    visibility: hidden;
    transition: all 0.4s;
    transform:translateY(1rem);
    opacity: 0;

}
#backtotop.show{
    transform:translateY(0);
    opacity: 1;
    visibility: visible;
}
.product-thumb-sm .image{
    position: relative;
}
.product-thumb-sm .image a:nth-child(2){
    visibility: hidden;
    position: absolute;
    left:0;
    right:0;
    width:100%;
    height:100%;
    display: block;
}
.product-thumb-sm .protitle{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    overflow: hidden;
    display: -webkit-box;
    text-transform: capitalize;
    height: 42px;
    margin: 0;
    line-height: 1.3;
}
.product-thumb-sm .protitle a{
    color: #000;
    font-weight: 400;
}
.product-thumb-sm .btn-contact{
    font-weight: 400 !important;
}
.product-thumb-sm .protitle a:hover{
    color: var(--c1);
}
.text-dot{
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.product-thumb-sm{
    position: relative;
    padding: 0.5rem 0.5rem 0 0.5rem;
}
.owl-item:not(.active) .product-thumb-sm:after{
    opacity: 0;
}
.owl-style2 .owl-nav-icon{
    border-color:var(--c1);
    color:var(--c1);
    background:rgba(255,255,255,0.7)
}
.owl-style2 .owl-nav-icon:hover{
    color:white;
}
.owl-style2 .owl-nav{
    left:20px;
    right:20px;
}
.owl-style2 .owl-dots{
    margin-top:2rem;
}
.price{
    font-size: 1.1em;
    font-weight: bold;
    color: var(--red2);
    line-height: 1;
    height: 2.2em;
}
.price-old {
    color: #c51100;
    font-size:15px;
}
.price>.price-old,
.price>.price-new{
    padding-left:0.25rem;
    padding-right:0.25rem;
}
.price-old del span{
    color: var(--dark);
    font-weight: 300;
}
.product-sale-box{
    position: absolute;
    right: 0;
    top: 7px;
    z-index: 1;
    padding: 0;
}
.product-thumb-sm .product-sale-box{
    margin-right: -8px;
}
.product-sale-box>span{
    background-color: var(--red);
    color: white;
    display: block;
    font-weight: normal;
    font-size: 11px;
    padding: 2px 10px;
    position: relative;
    margin-right:-6px;
}
.product-sale-box>span:before{
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    padding-left: 8px;
    background-color: var(--red);
    clip-path: polygon(0 50%,100% 0,100% 100%);
    display: block;
}
.product-sale-box>span:after{
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    height: 30%;
    padding-left: 6px;
    background-color: var(--red2);
    clip-path: polygon(0 0,100% 0, 0 100%);
    display: block;
}
.mask-image{
    background-position:center center;
    background-size:cover;
    display: block;
    background-repeat: no-repeat;
}
.mask-image img{
    visibility: hidden;
    width: 100%;
    height:auto;
}
.lg-title{
    text-align: center;
    font-size:1.3rem;
    font-weight: bold;
    text-transform: capitalize;
}
.lg-title a{
    color: var(--c4);
}
.lg-title a:hover{
    color: var(--c1);
}
.section-sub-title{
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #5A5A5A;
}
.sm-link{
    color: var(--c1);
    font-size:90%;
}
.sm-title,
.page-footer h4{
    font-size: 1.25em;
    color: var(--c1);
    margin-bottom:1em;
    text-transform: uppercase;
}
.f-nav{
    text-align: left;
}
.page-footer h4{
    text-align: left;
}
.page-footer li>a{
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 0;
    text-transform: uppercase;
    display: inline-block;
    color: #334862;
}
.page-footer li>a:hover{
    color: var(--c1);
}
.fsocial {
    display: flex;
    justify-content:center;
}
.fsocial li>a{
    flex-wrap:wrap;
    font-size:1.5em;
    min-width: 1.5em;
}
hr.dashed{
    border-top:1px dashed var(--c2);
}
.footer-nav{
    list-style: none;
    padding:0;
    display: flex;
    flex-wrap:wrap;
    justify-content:center;
}
.footer-nav li>a{
    color: rgba(0,0,0,0.5);
    margin:0 15px;
    font-size: .85em;
}
.footer-nav li>a:hover{
    color: var(--c1);
}
.page-footer h3{
    font-weight: bold;
}
.copyright-footer{
    color: rgba(0,0,0,0.5);
    text-align: center;
}
.footer-note{
    font-size:12px;
}
.ft-2 h3{
    font-size:1.25em;
    margin-bottom: 1em;
}
.ft-2 p{
    font-size:85%;
}
.form-control{
    border-color: var(--c2);
}
.chosen-container-single .chosen-single{
    border-radius: 0.25rem;
    padding: 0px 12px;
    height: 38px;
    line-height: 38px;
    background: white!important;
    border: var(--border);
    font-size: 1rem;
    border-color: var(--c2);
    box-shadow: none !important;
}
.chosen-container-single .chosen-single div b{
    background-position: 0 8px;
}
.chosen-container-active.chosen-with-drop .chosen-single{
    border-color:var(--c1);
}.chosen-container .chosen-results{
    padding:0;
    font-size: 1rem;
    margin: 0;
}
.chosen-container .chosen-results li{
    padding: 8px 12px;
}
.chosen-container .chosen-results li.result-selected{
    color: var(--c1);
}
.chosen-container .chosen-results li.highlighted{
    background:var(--c1);
    color: white;
}
.ss-bread{
    position: relative;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.ss-bread:after{
    content:'';
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color: rgba(0,0,0,0.3);
}
.ss-bread .wrap-content{
    position: relative;
    z-index: 2;
}
.ss-bread  .breadcrumb{
    background:transparent;
    padding-left:0;
    padding-right:0;
    flex-wrap:wrap;
}
.ss-bread  .breadcrumb a{
    color:white;
    margin-right:15px;
    font-size:14px;
}
.ss-bread  .breadcrumb li:last-child>a{
    font-weight: bold;
    margin:0;
}
.ss-bread .inner{
    padding: 3rem 0 4.5rem 0;
}
.ss-bread .inner h1{
    color: white;
    text-align: center;
    font-size: 2rem;
    margin:0;
    text-transform: capitalize;
}
.ss-bread .inner .box{
    padding:15px;
    border-radius: 5px;
    border:1px solid white;
    background:rgba(255,255,255,0.7);
    color: var(--c4);
    margin-bottom:1rem;
}
.phan-khuc{
    line-height: 30px;}
.phan-khuc a{
    color:var(--c1);
}.phan-khuc a.active{
    font-weight: bold;
    text-decoration: underline;}
.phan-khuc a:hover{
    color: var(--blue);
}
.pdt-tool-bar{
    font-size:14px;
}
.pdt-tool-bar .chosen-container-single .chosen-single{
    height: 30px;
    line-height: 28px;
    font-size: 14px;
}
.pdt-tool-bar .chosen-container-single .chosen-single div b {
    background-position: 0 5px;
}
.group-btn{
    flex-wrap:wrap;
}
.group-btn .btn{
    min-width: 157px;
    margin-bottom:15px;
    text-transform: capitalize;
}
.group-btn>li{
    padding-left:15px;
    padding-right:15px;
}
.portlet{
    padding-bottom:1px;
    position: relative;
}
.portlet:after{
    content:'';
    display: block;
    border-top:var(--border);
    bottom:0;
    left:-15px;
    right:-15px;
    position: absolute;
}
.portlet-title{
    text-transform: uppercase;
    margin-bottom: 1rem;
    margin-top:1rem;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #191919;
}
.portlet.portlet1 .portlet-title{
    font-size: 1em;
    font-weight: 600;
    margin-top:0;
}
.portlet1{
    margin-top:15px;
}
.portlet{
    font-size:14px;
}
.portlet li{
    display: flex;
    align-items: center;
}
.portlet li .itotal{
    font-size:90%;
    opacity: .5;
    font-size: .7em;
    line-height: 3em;
}
.portlet li .itotal:before{
    content:'(';
}
.portlet li .itotal:after{
    content:')';
}
.portlet li a,
.portlet li label{
    text-transform: capitalize;
    color: #000;
    padding-left:22px;
    padding-top:6px;
    padding-bottom:6px;
    display: inline-block;
    position: relative;
    margin:0;
    flex:1;
}
.portlet li.active a,
.portlet li label.checked,
.portlet li:hover a,
.portlet li:hover label{
    color: var(--c1) !important;
}
.portlet li label input{
    display: none;
}
.portlet li label:before{
    border-radius: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #D5D5D5;
    background: #fff;
    content: ""!important;
    vertical-align: middle;
    position: absolute!important;
    top: 9px!important;
    left: 0!important;
}
.portlet li label:after{
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 11px;
    left: 5px;
    position: absolute;
    top: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
}
.portlet li label.checked:before,
.portlet li label:hover:before{
    opacity: 1;
    background: #B4975A;
    border: 1px solid #B4975A;
}
.toggle-portlet .portlet-bd{
    display: none;
    max-height: 250px;
    overflow-y: auto;
}
.toggle-portlet.show .portlet-bd{
    display: block;
}
.toggle-portlet .portlet-hd{
    display: flex;
    align-items:center;
    cursor: pointer;
}
.toggle-portlet .portlet-hd .portlet-title{
    flex:1;
}
.toggle-portlet .portlet-hd:after{
    content:"\e604";
    font-family: 'simple-line-icons';
}
.toggle-portlet.show .portlet-hd:after{
    content:"\e607";
}
.tags{
    display: inline-block;
    border-radius: 99px;
    background-color: #f1f1f1;
    border: 1px solid rgba(0,0,0,.1);
    opacity: .9;
    padding: 0 7px;
    font-size: .85em;
    margin:0 5px 5px 0;
}
.product-info-list{
    list-style: none;
    margin:0;
    font-weight: 400;
    font-size: 1rem;
    padding:0.25rem 0.5rem;
    border:1px dashed var(--c1);
    background: rgba(0,0,0,0.01);
}
.product-info-list a{
    color: #1335e1;
    font-weight: bold;
}
.product-info-list a:hover{
    color: black
}
.product-info-list li{
    padding:0.25rem 0;
    position: relative;
    padding-left: 1.5rem;
}
.product-info-list li:not(:last-child){
    border-bottom: 1px dashed var(--e1);
}
.product-info-list li:before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    margin-right: 0.5rem;
    color: var(--c1);
    margin-left: 0.25rem;
    position: absolute;
    left: 0;
    top: 0.5rem;
}
.product-info-list li.i-grape:before{
    background-image:url('../img/v/grape.png');
}
.product-info-list li.i-category:before{
    background-image:url('../img/v/category.png');
}
.product-info-list li.i-brand:before{
    background-image:url('../img/v/brand.png');
}
.product-info-list li.i-origin:before{
    background-image:url('../img/v/location.png');
}
.product-info-list li.i-alcohol:before{
    background-image:url('../img/v/alcohol.png');
}
.product-info-list li.i-size:before{
    background-image:url('../img/v/capacity.png');
}
.product-thumb .image{
    max-width: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
}
.product-thumb .info{
    max-width: 52%;
    -ms-flex-preferred-size: 52%;
    flex-basis: 52%;
}
.product-thumb .price{
    height:auto;
}
.list-product .product-thumb{
    margin-left:-15px;
    margin-right:-15px;
    padding:15px;
    position: relative;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: self-end;
}
.list-product .product-thumb >.bd{
    width:100%;
    flex: 0 0 100%;
}
.list-product .product-thumb:before{
    display: block;
    position: absolute;
    right:0;
    top:15px;
    bottom:15px;
    border-right:var(--border);
    width:1px;
    content:'';
}
.list-product .product-thumb:after{
    display: block;
    position: absolute;
    left:15px;
    right:15px;
    top:0;
    border-top:var(--border);
    height:1px;
    content:'';
}
.list-product>.row>div:nth-child(1)  .product-thumb:after{
    display: none;
}
.product-thumb .protitle a{
    color: var(--c1);
    text-align: left;
    display: block;
    line-height: 1.5;
    min-height: 48px;
    font-weight: bold;
}
.product-thumb .protitle a:hover{
    color:var(--blue)
}
.pagination{
    margin-top:3em;
    margin-bottom:3em;
}
.pagination>li>a{    
    display: block;
    margin: 0 5px;
    padding: 0;
    border: 1px solid;
    border-radius: 50%;
    width: 35px;
    line-height: 33px;
    text-align: center;
}
.pagination>li.last>a:after{
    content: "\e074";
    font-family: 'simple-line-icons';
    font-size: 12px;
}
.pagination>li.first>a:after{
    content: "\e06f";
    font-family: 'simple-line-icons';
    font-size: 12px;
}
.pagination>li>a:hover,
.pagination>li.active>a{
    color:white;
    border-color: var(--red2);
    background: var(--red2);
}
.pagination>li>a:hover{
    opacity: 0.7;
}
.brand-title{
    font-size:18px;
    margin-bottom:1rem;
}
.banner-thumb-2x1{
    text-transform: uppercase;
    min-height: 150px;
    padding-top:3rem;
    padding-bottom:1em;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: self-end;
    position: relative;
}
.banner-thumb-2x1 .inner{
    position: relative;
    z-index: 2;
}
.public-page .banner-thumb-2x1:after{
    content:'';
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.4);
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}
.banner-thumb-2x1 h2{
    font-size: 2em;
    margin:0.5em 0;
}
.public-page .banner-thumb-2x1 img{
    display: none;
}
.public-page .banner-thumb-2x1{
    color: white;
}
.article-thumb h3{
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
}
.article-thumb h3 a{
    color: var(--c3);
}
.article-thumb h3 a:hover{
    color: var(--c1);
}
.article-thumb p>a{
    font-size:13px;
    color: var(--c1);
    font-weight: bold;
}
.article-thumb p>a:hover{
    color: var(--blue);
}
.post-grid .post-thumb {
    display: flex;
    align-items:center;
    margin-bottom: 1.5rem;
}
.post-grid .post-thumb .img{
    display: block;
    flex:0 0 32%;
}
.post-grid .post-thumb .img img{
    width:100%;
    height:auto;
}
.post-grid .post-thumb .info{
    flex:0 0 68%;
    padding: 0 15px;
}
.bwp-sidebar .widget{
    padding:15px;
    background:rgb(247, 245, 239);
    margin-bottom:15px;
}
.widget-title{
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--c2);
}
.bwp-sidebar .widget ul{
    margin:0;
    padding:0;
    list-style: none;
    text-transform: capitalize;
}
.bwp-sidebar .widget a{
    display: inline-block;
    padding: 6px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.bwp-sidebar .icon-arrow-down{
    font-size:90%;
    float: right;
    margin-top: 10px;
    cursor: pointer;
}
.bwp-sidebar a{
    color: #666;
}
.bwp-sidebar a:hover{
    color: var(--blue);
}
.bwp-sidebar ul.sub{
    padding: 4px 15px;
    border-left: var(--border);
    font-size: 90%;
    display: none;
}
.bwp-sidebar .show-sub>ul.sub{
    display: block;
}
.bwp-sidebar .show-sub > .icon-arrow-down:before{
    content: "\e607";
}
.content-page-404 .title-error{
    font-size:6rem;
    line-height: 1.5;
}
.content-page-404 .sub-title{
    font-size:1.5rem;
}
.post-thumb h3{
    font-family: "Lora",sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    text-transform: capitalize;
}

.post-thumb h3 a{
    color: #191919;
}
.article-wrap .tagcloud {
    margin: 25px 0;
    justify-content: right;
    display: flex;
    align-items: center;
}
.tagcloud a {
    color: #868686;
    border: var(--border);
    overflow: hidden;
    background: transparent;
    padding: 10px 20px;
    text-transform: capitalize;
    position: relative;
    color: var(--light2);
    word-break: break-word;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    display: inline-block;
}
.tagcloud>* {
    margin-right: 10px;
}
.tagcloud a:hover {
    color: white;
    border-color: var(--primary);
}
.pnbox {
    padding: 25px 0;
    border: var(--border);
    border-width: 1px 0;
    position: relative;
    margin-bottom: 30px;
}
.pnbox .prev {
    position: relative;
    min-height: 50px;
}
.pnbox .prev:after {
    content: '';
    position: absolute;
    height: 100%;
    right: 0;
    border: var(--border);
    border-width: 0 1px 0 0;
    top: 0;
}
.bwp-sidebar .widget .tagcloud a{
    font-size: 14px;
    padding: 3px 10px;
    border-radius: 99px;
    background: var(--c2);
    color: #fff;
}
.article-wrap img{
    max-width: 100%;
    height:auto;
    margin:0 auto;
    display: inline-block;
}
.article-header{
    color: #0A0A0A;
    font-weight: 600;
    font-size: 1.7em;
    line-height: 1.3;
}
.italic{
    font-style:italic;
    font-size:14px;
    font-weight: bold;
}
.sticky{
    position: sticky;
    top:1rem;
}
.txt-light {
    color: var(--light);
}
.pnbox h2 {
    font-size: 16px;
    margin-top: 15px;
}
.plain{
    padding:15px;
    background: #F7F7F7;
    margin-bottom:1rem;
    text-align: center;
}
.plain .icon{
    margin-bottom:1rem;
}
.plain h5{
    font-size:95%;
    font-weight: bold;
    text-transform: uppercase;
}
.tags-list{
    display:flex;
    flex-wrap:wrap;
    list-style: none;
    margin:0;
    padding:0;
    border-bottom:var(--border);
}
.tags-list li{
    margin-bottom:1rem;
}
.tags-list li a{
    margin:0 5px;
    display: block;
    padding:2px 6px;
    border-radius: 99px;
    background:var(--c2);
    color:white;
    border: 1px solid;
}
.tags-list li a:hover{
    border-color: var(--c1);
}
.product-short-detail .price{
    height:auto;
    margin: 1rem 0;
    font-size: 20px;
}
.product-short-detail .price .price-old{
    display: block;
    margin:0 0 0.5rem;
    color: black;
    font-size: 14px;
}
.product-short-detail .price .price-old span:before{
    content: 'Giá bán thường:';
    margin-right:5px;
    font-weight: 500;
}
.product-short-detail .is-sale .price .price-new:before{
    content:'Giá khuyến mại:';
    margin-right:0.5rem;
}
.product-short-detail .product_title{
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
}
.cl-box{
    border-top:var(--border);
}
.cl-box.in-show{
    border-color:var(--c1);
}
.cl-box .bd{
    padding: 15px;
}
.cl-box .hd{
    font-size: 110%;
    padding:15px;
    display: flex;
    justify-content:space-between;
    align-items: center;
    cursor: pointer;
}
.cl-box.in-show .hd{
    background-color: rgba(0,0,0,.03);
    font-weight: bold;
    color: var(--c1);
}
body:not(.public-page) .images-to-slide,
body:not(.public-page) .collapse-translate-group{
    background:#f1f1f1;
    padding:15px;
    border:1px dashed;
}
figure{
    text-align: center;
    font-style: italic;
}
.htabs .htabs-title{
    font-weight: bold;
    text-transform: capitalize;
    color: rgba(17,17,17,.55);
    transition: all .2s;
    padding:10px 0;
    border-bottom:var(--border);
    border-right:var(--border);
    cursor: pointer;
    padding-right:10px;
    position: relative;
}
.htabs .htabs-title:after{
    content:'';
    width:3px;
    height:100%;
    position: absolute;
    right:0px;
    top:0;
    background:transparent;
}
.htabs .htabs-title.active:after{
    background:var(--c1);
}
.htabs .htabs-title:last-child{
    border-bottom:0;
}
.htabs .htabs-title:hover,
.htabs .htabs-title.active{
    color:var(--c1);
    border-left-color: var(--c1);
}
.htabs .htabs-content{
    display: none;
}
.htabs .htabs-content.active{
    display: block;
    min-height: 450px;
}
.htabs{
    margin:1rem 0 2rem;
}
body.rightp-showing .rightp-pop .rightp-content{
    padding-top:1rem;
}
.rating{
    margin-top: 0.5rem;
    font-size:12px;
}
.rating-star i{
    position: relative;
    letter-spacing: 2px;
}
.rating-star i:before{
    content:"\f005 \f005 \f005 \f005 \f005";
    color:var(--light);
}
.rating-star i:after{
    color:#ffbe00;
    position: absolute;
    top:0;
    left:0;
    content:'\f005 \f005 \f005 \f005 \f005';
}
.rating-star.rating-4 i:after{
    content:'\f005 \f005 \f005';
}
.rating-star.rating-3 i:after{
    content:'\f005 \f005';
}
.rating-star.rating-2 i:after{
    content:'\f005 \f005';
}
.rating-star.rating-1 i:after{
    content:'\f005';
}
.fbot>ul{
    list-style: none;
    margin:0;
    padding:0;
    position: fixed;
    z-index: 777;
}
.fbot>ul.fbot-1{
    bottom:0;
    left:0;
    width:100%;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.15);
    display: flex;
    background: white;
}
.fbot>ul.fbot-1>li{
    flex:33.33%;
    text-align: center;
    position: relative;
}
.fbot>ul.fbot-1>li a{
    display: flex;
    align-items:center;
    padding:15px 0;
    justify-content: center;
    color: #333;
    font-size:13px;
    font-weight: bold;
}
.fbot>ul.fbot-1>li a img{
    margin-right:15px;
}
.fbot>ul.fbot-1>li:after{
    content:'';
    display: block;
    width:1px;
    background:#dedede;
    height:calc(100% - 30px);
    position: absolute;
    right:0;
    top:15px;
}
.fbot>ul.fbot-1>li:last-child:after{
    display: none;
}
.fbot>ul.fbot-2{
    top:50%;
    right:0;
    width:80px;
    background:var(--c1);
    border-radius: 5px;
    overflow: hidden;
    transform: translatey(-50%);
}
.fbot>ul.fbot-2>li{
    display: block;
    border-bottom:1px solid white;
}
.fbot>ul.fbot-2>li:last-child{
    border: 0;
}
.fbot>ul.fbot-2 img{
    width:24px;
    display: block;
    margin:0 auto 10px auto;
}
.fbot>ul.fbot-2>li>a{
    display: block;
    text-align: center;
    font-size:12px;
    color: white;
    padding:10px 0;
}
.fbot>ul.fbot-2.fbot-3{
    right:0;
    left:0;
    width: auto;
    height: auto;
    top:auto;
    bottom:0;
    border-radius: 0;
    transform: translatey(0);
}
.fbot>ul.fbot-2.fbot-3>li{
    width:20%;
    display: inline-block;
    margin:0;
    border:0;
    float: left;
}
.cart-item-control input{
    width: 45px;
    text-align: center;
    border: var(--border);
}
.cart-item-control .btn{
    border: var(--border);
    line-height: 29px;
}
.post-thumb-2 .img-scale{
    position: relative;
}
.img-scale .time{
    position: absolute;
    top:0;
    left:1.5rem;
    display: inline-block;
    color: white;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 6px 12px;
    background: var(--c1);
    line-height: 1.2;
    letter-spacing: 2px;
    visibility: hidden;
}
.img-scale .time span{
    display: block;
    font-size:90%;
    letter-spacing: 1px;
}
.img-scale .time-sm{
    padding: 3px 5px;
    font-size: 12px;
}
.img-scale .time span:after{
    display: block;
    content:'';
    height:1px;
    background:rgba(255,255,255,0.7);
    margin:5px;
}.img-scale .time-sm span:after{
    margin:2px;
}
.post-thumb-2 h3{
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 10px;
}
.post-thumb-2 h3 a{
    color: #333;
}
.post-thumb-2 h3 a:hover{
    color: var(--c1);
}
.post-thumb-2 .desc{
    color: #767676;
    font-size: 14px;
    margin-bottom: 15px;
}
.bg-field {
    background: radial-gradient(33% 33% at 50% 50%, #f2eef0 0%, var(--c1) 100%);
}
.txt-dot {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.bold{
    font-weight: bold;
}
.site-button-link {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border: 0 none;
    display: inline-block;
    font-weight: bold;
    font-size:14px;
    color: var(--c1);
}
.frm-atc input,
.frm-atc .btn{
    height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    margin-left:3px;
}
.frm-atc input{
    margin:0;
    border:1px solid #efefef;
    text-align: center;
    text-align: center;
    width: 60px;
}
.logoft img{
    height:80px;
}
.nav2{
    font-size:13px;
    color:#334862;
}
.callus i{
    color: var(--c1);
    opacity: 0.6;
    font-size: 2.5rem;
    margin-right:15px;
}
.callus a{
    font-size: 1.571em;
    display: block;
    line-height: 1.429em;
}
.callus p{
    margin:0;
}

.c-icon{
    width:55px;
}
.t-addr{
    font-family: monospace;
    font-size: 16px;
    font-weight: 600;
    color: #666;
}
.pgallery .item{
    border: 1px solid rgba(0,0,0,0.2);
    display: block;
    padding: 5px;
    margin: 2px;
}
.pgallery .item:hover{
    border:1px solid rgba(0,0,0,0.4);
}
.pgallery .item.active{
    border:1px solid var(--c2);
}
.btn-success-fill{
    color: white;
}
.btn-success-fill:after{
    background:var(--green);
}
.btn-success-fill:before {
    background: rgba(0,0,0,0.3);
}
.fbot>ul.fbot-2>li>a>i,
.fbot>ul.fbot-1>li a>i{
    font-size:24px;
    margin-right:5px;
    margin-top: -5px;
    margin-left: 5px;
}
.fbot>ul.fbot-2>li>a>i{
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.product-thumb-sm .mask-image {
    background-size: contain !important;
}
.product-thumb>.hd{
    align-items:center;
}
.product-thumb .mask-image {
    display: block;
    background-size: contain;
}
.table-striped tbody tr:nth-of-type(odd){
    background: transparent;
}
.pgallery .imgs-thumb .mask-image{
    background-size: contain;
}
.img-zoom img{
    max-height: 480px;
    margin: 0 auto;
    display: inherit;
}
.btgrid p{
    margin:0;
    height:100%;
    padding-bottom: 10px;
}
.btgrid .content{
    margin:0;
    height:100%;
}
.btgrid{
    margin-bottom:0.5rem;
}
.btgrid .row{
    margin-left: -5px;
    margin-right: -5px;
}
.btgrid .col{
    padding-left:5px;
    padding-right:5px;
}
.btgrid img{
    width:100%;
    height:100%;
}
.mini_cart_item .product-media img{
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.mini_cart_item .product-media{
    position: relative;
    height: 80px;
    overflow: hidden;
    display: block;
}
.bg-contain{
    background-size:contain!important;
}
.product-thumb .image a[data-mask]{
    display: block;
    padding-top: 100%;
    position: relative;
    min-width: 160px;
}
.product-thumb .image a[data-mask] img{
    height:100%;
    width:100%;
    left:50%;
    top:50%;
    position: absolute;
    transform:translate(-50%,-50%);
    object-fit:contain;
}
.img-fix{
    position: relative;
    width:100%;
    padding-top: 56.12%;
    display: block;
}
.img-fix>img{
    position: absolute;
    top:50%;
    left:50%;
    width: 100%;
    height:100%;
    transform: translate(-50%,-50%);
}
.img-fix-cover > img{
    object-fit: cover;
}
.img-fix-content > img{
    object-fit: contain;
}
.section-home-slide .img-fix{
    padding-top:36.45%
}
.submenu .col{
    min-width: 200px;
}
.page-header{
    position: relative;
}
.page-header .logo,
.page-header .icon-group{
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s;
}
.page-header.p-stick{
    position: sticky;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.5);
    top: -132px;
    margin-bottom: 10px;
}
.page-header.p-stick 
.page-header.p-stick .logo{
    height:50px
}
.page-header.p-stick  .logo,
.page-header.p-stick  .icon-group{
    visibility: visible;
    opacity: 1;
}
.page-top .top-1{
    background:var(--c12);
    color: white;
    font-size:15px;
}
.page-top .top-1 .t-2{
    font-weight: bold;
    color: #ff0;
}
.page-header .top-2{
    background-position: center center;
    background-size:cover;
}
ul.nav-sp{
    background: var(--c1);
    position: relative;
    margin-left: 9px;
    margin-right: 9px;
}
ul.nav-sp:before{
    content:'';
    position: absolute;
    right:calc(100% - 1px);
    height:100%;
    width:10px;
    display: block;
    clip-path:polygon(0 0,100% 0, 100% 100%,0 100%,100% 50%);
    background: var(--c1);
}
ul.nav-sp:after{
    content:'';
    position: absolute;
    left:calc(100% - 1px);
    height:100%;
    width:10px;
    display: block;
    clip-path:polygon(0 0,100% 50%,0 100%);
    background: var(--c1);
}
ul.nav-sp a{
    color: rgba(255,255,255,.8);
    padding:0.5rem;
    display: block;
}
ul.nav-sp a:hover{
    color: white;
}
.top-2 .t-1{
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--c1);
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.top-2 .t-1 h4{
    font-size: 26px;
    color:#980d0b;
    font-weight: 700;
}
.top-2 .t-1 div{
    color:black;
    font-weight: bold;
    font-size:18px;
}
.top-2 form .input-group{
    border: 2px solid var(--c1);
    border-radius: 0.375rem;
    padding: 0.15rem;
    background: white;
}
.top-2 form .input-group .form-control{
    border: transparent;
    font-size: 13px;
}
.top-2 form .input-group .btn span{
    padding: 0 1rem;
}
.top-2 .btn-minicart{
    font-size: 13px;
    font-weight: bold;
}
.top-2 .btn-minicart>.shift{
    top: -5px;
    right: -5px;
}
.top-2 .dlogo img{
    height:100px
}
.nav-icons .img{
    width:60px;
    padding-top:100%;
}
.nav-icons .nav-icon-item{
    border-radius: 0.5rem;
    border:1px dashed #acacac;
    padding:1rem;
    transition: all 0.5s;
    text-align: center;
    display: flex;
}
.nav-icons .text h3{
    font-weight: 500;
    font-size:13.75px
}
.nav-icons .text p{
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
}
.nav-icons .nav-icon-item:hover{
    background: rgba(255,255,255,0.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    color: var(--c1);
}
.box-shadow{
    background: white;
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    transition:all 0.3s;
}
.box-shadow:hover{
    box-shadow:0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}
.row-pd-sm{
    margin-left:-0.5rem;
    margin-right:-0.5rem;
}
.row-pd-sm>div{
    padding-left:0.5rem;
    padding-right:0.5rem;
}
.cate-thumb h3{
    margin:0;
    text-transform: uppercase;
    font-size: 15px;
}
.cate-thumb h3 a{
    color: #000;
}
.cate-thumb .small{
    font-size:11px;
}
.zoom-effect{
    transition: all 1.8s;
    overflow: hidden;
}
.zoom-effect:hover .img{
    transform: scale(1.05);
}
.blog-grid-thumb .blog-img{
    flex: 0 0 30%;
}
.darkbox{
    background: #775b25;
    color: white;
    border-radius: 0.375rem;
}
.darkbox a.btn{
    color: white;
    font-weight: 700;
    border-color: transparent;
    border-radius: 0;
    padding: 8px 18px;
}
.darkbox a.btn:after{
    background: #936f0e;
}
.darkbox a.btn:after,
.darkbox a.btn:before{
    border-radius: 0;
}
.testimonial-thumb{
    display: flex;
    flex-direction:column;
}
.testimonial-thumb .img{
    width: 80px;
    border-radius: 50%;
    padding-top: 80px;
    overflow: hidden;
    margin: 1.75rem 0 0.75rem;
}
.testimonial-thumb .msg{
    font-weight: 300;
}
.partner-thumb .img-fix{
    padding-top: 70px;
    width: 140px;
}
.page-footer .fsocial li>a{
    font-size: 1.25em;
    min-width: 1.5em;
    background: #e5e5e5;
    margin-right: 0.5rem;
    color: var(--c1);
    border-radius: 50%;
}
.page-footer .fsocial li>a:hover{
    color:white;
    background: var(--c1);
}
.box-shadow-2{
    box-shadow:0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}
.box-shadow-2:hover{
    box-shadow:0 30px 40px 0 rgb(0 0 0 / 20%);
    transform: translateY(-6px);
}
.img-fix.fix-100{
    padding-top:100%;
}
.pdt-btns {
    width: auto;
    margin-right: 15px;
}
.hnav li> a{
    color: var(--gray-dark);
    padding: 0.5rem 0.5rem;
    display: block;
    font-size: 15px;
    font-weight: 500;
}
.hnav li>a:hover{
    background: var(--e1);
    color: var(--c1);
}
.hnav li:not(:last-child){
    border-bottom:1px dashed var(--light);
}
.bd{
    border:1px solid var(--light)
}
.btn.hotline{
    position: relative;
    margin-top: -10px;
    top: -10px;
    font-size:18px
}
.btn.hotline>i{
    padding:4px 6px;
}
.btn.hotline:after{border: 1px solid rgba(255,255,255,0.6);}
.pdt-thumb-inline .thumb-hd{
    width:65px;
    flex: 0 0 65px;
}
.pdt-thumb-inline h3{
    font-size:14px;
    line-height: 1.5;
    margin: 0;
}
.pdt-thumb-inline h3 a{
    color: black;
}
.pdt-thumb-inline h3 a:hover{
    color: var(--c1);
}
.pdt-thumb-inline .price{
    font-size:1rem;
    height: auto;
}
.pdt-thumb-inline .price-old{
    font-size:85%
}
.hbd{
    border-radius:0 1rem;
    border-color: var(--c1);
}
.social a{
    border:1px solid;
    width: 30px;
    height: 30px;
    text-align: center;
    display: block;
    border-radius: 50%;
    margin-right:0.25rem;
    color: white;
    position: relative;
    overflow: hidden;
}
.social a>i{
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%;
    position: absolute;
    text-align: center;
    display: flex;
    align-items:center;
    justify-content:center;
    background-position:center;
    background-size: 16px;
    background-repeat: no-repeat;
    transform: var(--trans);
}
.social a:hover>i{
    background-color:rgba(0,0,0,0.3);
}
.social .facebook a{
    background-color: #3a589d;
}
.social .twitter a{
    background-color: #2478ba;
}
.social .pinterest a{
    background-color: #cb2320;
}
.social .linkedin a{
    background-color: #0072b7;
}
.social .tumblr a{
    background-color: #36455d;
}
.social .zalo a{
    background-color: #2f7bec;
}
.social .zalo a >i{
    background-image: url(../img/icon-zalo.svg);
    background-size: 100%;
}
.filter-box{
    height:100%;
}
.filter-box .box-l:last-child{
    position: sticky;
    top:60px;
}
.gmap iframe{
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.post-list-2  .post-thumb-2{
    display: flex;
    border-bottom:1px dashed var(--e1);
    margin-bottom:.5rem;
    padding:0.5rem 0;
}
.post-list-2  .post-thumb-2 .post-img{
    flex:0 0 22%;
    margin-right:1rem;
}
.post-list-2  .post-thumb-2 .post-info{
    flex: 1;
    max-width: 100%;
}
.caht{
    position: fixed;
    left:1rem;
    bottom:2rem;
    margin:0;
    padding:0;
    list-style: none;
    display: flex;
    flex-direction: column;
    z-index: 998;
}
.caht .fa-messenger{
    background-image:url('../img/icon-messenger.svg');
}
.caht .fa-zalo{
    background-image:url('../img/icon-zalo.svg');
}
.caht .fa{
    background-color: var(--red);
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 36px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
    background-size: 105%;
    background-position: center;
}
.caht .fa-hotline{
    background-image: url(../img/icon-phone.png);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
}
.caht li{
    position: relative;
    margin-top: 0.75rem;
}
.caht li>a>span{
    display: inline-block;
    padding: 0;
    background-color: #ff6a00;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    height: 40px;
    line-height: 36px;
    position: absolute;
    top: 3px;
    left: 15px;
    z-index: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: #ff6a00;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    font-weight: 400;
    white-space: nowrap;
    opacity: 0;
}
.caht li.active>a>span,
.caht li:hover>a>span{
    width: 215px;
    padding-right: 10px;
    padding-left: 40px;
    opacity: 1;
}
.caht li:last-child>a>span{
    width: 153px;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.tada {
    animation-name: tada;
}
.hotlinef{
    font-weight: 700;
    -webkit-animation: hotlinef .7s infinite;
    -moz-animation: hotlinef .7s infinite;
    -o-animation: hotlinef .7s infinite;
    animation: hotlinef .7s infinite;
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes hotlinef {
  from {color: red;}
  to {color: #ffff00; text-decoration: underline;}
}
.section-title-underline-left>span{
    margin:0 0 0.5rem;
}
.section-title-underline-left:before{
    display: none;
}
.section-title-underline-left:after{
    flex:0 0 100%;
}
.pdt-slide .owl-nav-icon{
    color: var(--c1);
    border-color: var(--c1);
}
.pdt-slide .owl-stage-outer{
    padding: 1rem 0;
}
.pdt-slide .slide-item{
    padding-left:5px;
    padding-right:5px;
}
.spbox {
    position: relative;
    border: 1px dashed red;
    padding: 2rem 1rem 1rem;
    border-radius: 0.375rem;
    font-weight: 300;
}
.spbox .sp-label {
    position: absolute;
    background: red;
    color: white;
    padding: 5px 12px;
    font-size: 14px;
    left: 1rem;
    top: -7px;
    border-radius: 20px;
    text-transform: uppercase;
}
.spbox.spbox-2 {
    border-style: solid;
}
.spbox ul{
    padding-left: 1.1rem;
    margin-bottom: 0;
}
.product-short-detail .pdt-btns {
    background: #f7f8fa;
    border:0;
    border-radius: 0.275rem;
    margin-right: 0;
}
.product-short-detail .pdt-btns input{
    width: auto;
    min-width: 0;
    padding: 13px 0;
    background: transparent;
    width: 20px;
}
.product-short-detail .btn.btn-black{
    opacity: 1;
    color: var(--blue);
    border-color: transparent !important;
    padding: 16px 0.5rem;
    font-size: 12px;
}
.btn-cart{
    color: white!important;
    border:0 !important;
    font-size: 13px;
    text-align: center;
}
.btn-cart>span{
    flex: 0 0 100%;
    display: block;
    text-align: center;
    width: 100%;
}
.btn-red:after{
    background:#fe0000;
}
.btn-green:after{
    background:#01aa65;
}
.btn-cart>span:first-child{
    font-weight: 500;
}
.btn-cart>span:last-child{
    font-weight: 300;
}
.pgallery{
    position: sticky;
    top: 7px;
}
.pdt-btns.alert-remove >*:not(.group-btn){
    display: none;
}
.pdt-btns.alert-remove .group-btn {
    width: 100%;
}
.pdt-btns.alert-remove .group-btn .btn{
    min-width: 0;
    width:auto;
    margin:0;
    flex:0 0 50%;
}
.section-title-underline.st2{
    color: #d33;
}
.section-title-underline.st2:after ,
 .section-title-underline.st2:before {
    border: 1px solid #d33;
    opacity: 0.1;
 }
.page-footer-2{
    font-family: Montserrat, sans-serif;
}
.page-footer-2 .line-1{
    background: #efefef;
    font-size: 14px;
    color: #212529;
    line-height: 1.8;
}
.page-footer-2 .line-2{
    background: var(--c1);
}
.page-footer-2 .copyright-footer{
    font-size: 0.9em;
    color: white;
    text-align: left;
}
.page-footer-2 .line-1 h4{
    color: #990d23;
    text-transform: uppercase;
    font-size: 15px;
    margin:0;
    line-height: 1.3;
    letter-spacing: 1.2px;
    font-weight: 700;
}
.page-footer-2 .line-1 h4:after{
    content:'';
    background-color: rgba(0,0,0,.1);
    display: block;
    height: 3px;
    margin: 0.75rem 0 1rem;
    max-width: 30px;
    width: 100%;
}
.page-footer-2 .ft-nav{
    padding-left: 1rem;
}
.page-footer-2 a{
    color: inherit;
}
.page-footer-2 a:hover{
    color: var(--c1);
}
.page-footer-2 .ft-nav li{
    margin-bottom: 5px;
    list-style: disc;
}
.box-l .section-title.section-title-2>span{
    font-size:16px;
    padding:10px 15px;
}
.blog-desc h3 a{
    color: black;
}
.blog-desc h3 a:hover{
    color: var(--c1);
}
.product-thumb-sm div.price{
    display: flex;
    justify-content: center;
    padding: 0.25rem 0 0.6rem;
    align-items: center;
    height: auto;
}
.info > .price>.price-old,
.info >.price>.price-new{
    padding-left:0;
    padding-right:0.5rem;
}
.breadcrumb{
    background: transparent;
    padding: 0.5rem 0;
    margin: 0;
    display: block;
}
.breadcrumb>span{
    margin:0 0.25rem;
}
.breadcrumb span{
    color: #525252;
}
.breadcrumb a:hover span{
    color: var(--c4);
}
.text-red{
    color:#d33;
}
.anim {
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 1s;
}
.anim.visible {
  opacity: 1;
  transform: translate(0, 0);
}
.box-dashed{
    display: block;
    border: 1px dashed #936f0e;
    padding: 1rem;
    margin-bottom:1rem;
}
.box-dashed ul,
.box-dashed ol{
    margin:0;
    margin-left:-1rem;
}
.bg-red-light{
    background: #fffbfb;
}
.price-new a.bold{
    color:#d33;
}
.frm-product-filter select{
    font-weight: bold;
}
.frm-product-filter .chosen-single{
    font-weight: bold;
    text-align: center;
}
.frm-product-filter .chosen-container-single{
    width:100%!important;
}