@charset "UTF-8";

@font-face{font-family:Montserrat-Regular;src:url(../fonts/Montserrat-Regular.eot);src:url(../fonts/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Regular.woff2) format("woff2"),url(../fonts/Montserrat-Regular.woff) format("woff"),url(../fonts/Montserrat-Regular.ttf) format("truetype"),url(../fonts/Montserrat-Regular.svg#Montserrat-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:Montserrat-Medium;src:url(../fonts/Montserrat-Medium.eot);src:url(../fonts/Montserrat-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Medium.woff2) format("woff2"),url(../fonts/Montserrat-Medium.woff) format("woff"),url(../fonts/Montserrat-Medium.ttf) format("truetype"),url(../fonts/Montserrat-Medium.svg#Montserrat-Medium) format("svg");font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:Montserrat-SemiBold;src:url(../fonts/Montserrat-SemiBold.eot);src:url(../fonts/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-SemiBold.woff2) format("woff2"),url(../fonts/Montserrat-SemiBold.woff) format("woff"),url(../fonts/Montserrat-SemiBold.ttf) format("truetype"),url(../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold) format("svg");font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:Montserrat-Bold;src:url(../fonts/Montserrat-Bold.eot);src:url(../fonts/Montserrat-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat-Bold.woff) format("woff"),url(../fonts/Montserrat-Bold.ttf) format("truetype"),url(../fonts/Montserrat-Bold.svg#Montserrat-Bold) format("svg");font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:Montserrat-Black;src:url(../fonts/Montserrat-Black.eot);src:url(../fonts/Montserrat-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Black.woff2) format("woff2"),url(../fonts/Montserrat-Black.woff) format("woff"),url(../fonts/Montserrat-Black.ttf) format("truetype"),url(../fonts/Montserrat-Black.svg#Montserrat-Black) format("svg");font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:BeVietnamPro-Light;src:url(../fonts/BeVietnamPro-Light.eot);src:url(../fonts/BeVietnamPro-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/BeVietnamPro-Light.woff2) format("woff2"),url(../fonts/BeVietnamPro-Light.woff) format("woff"),url(../fonts/BeVietnamPro-Light.ttf) format("truetype"),url(../fonts/BeVietnamPro-Light.svg#BeVietnamPro-Light) format("svg");font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:BeVietnamPro-Medium;src:url(../fonts/BeVietnamPro-Medium.eot);src:url(../fonts/BeVietnamPro-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/BeVietnamPro-Medium.woff2) format("woff2"),url(../fonts/BeVietnamPro-Medium.woff) format("woff"),url(../fonts/BeVietnamPro-Medium.ttf) format("truetype"),url(../fonts/BeVietnamPro-Medium.svg#BeVietnamPro-Medium) format("svg");font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:BeVietnamPro-Regular;src:url(../fonts/BeVietnamPro-Regular.eot);src:url(../fonts/BeVietnamPro-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/BeVietnamPro-Regular.woff2) format("woff2"),url(../fonts/BeVietnamPro-Regular.woff) format("woff"),url(../fonts/BeVietnamPro-Regular.ttf) format("truetype"),url(../fonts/BeVietnamPro-Regular.svg#BeVietnamPro-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:BeVietnamPro-Bold;src:url(../fonts/BeVietnamPro-Bold.eot);src:url(../fonts/BeVietnamPro-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/BeVietnamPro-Bold.woff2) format("woff2"),url(../fonts/BeVietnamPro-Bold.woff) format("woff"),url(../fonts/BeVietnamPro-Bold.ttf) format("truetype"),url(../fonts/BeVietnamPro-Bold.svg#BeVietnamPro-Bold) format("svg");font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:Lora-Italic;src:url(../fonts/Lora-Italic.eot);src:url(../fonts/Lora-Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/Lora-Italic.woff2) format("woff2"),url(../fonts/Lora-Italic.woff) format("woff"),url(../fonts/Lora-Italic.ttf) format("truetype"),url(../fonts/Lora-Italic.svg#Lora-Italic) format("svg");font-weight:400;font-style:normal;font-display:swap}

:root{--main-color:#F0C858;--sec-color:#E8B850;--thir-color:#fb4141;--four-color:#fbad37;--hover-color:black;--footer-color:#fff;--main-font:Montserrat-Regular;--title-font:Montserrat-Bold;--animate-delay:0.5s}

body{font-family:Montserrat-Regular;margin:0;font-size:14px;color:#333;margin-left:auto;margin-right:auto;top:0!important}

@media screen and (max-width:991px){

body{font-size:13px}

}

body::-webkit-scrollbar{width:15px;height:15px}

body::-webkit-scrollbar-button{width:0;height:0}

body::-webkit-scrollbar-track{background-color:#F0C858}

body::-webkit-scrollbar-track-piece{background-color:#e1e1e1}

body::-webkit-scrollbar-thumb{height:50px;background-color:#F0C858;border-radius:3px}

body::-webkit-scrollbar-corner{background-color:#e1e1e1}

.full{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:9}

a{color:inherit;transition:.3s}

a:hover{text-decoration:none}

h2,h3,h4,h5,h6,p{margin-bottom:0}

figure{margin-bottom:0}

button,input,textarea{outline:0;border:none}

input[type=number]{-moz-appearance:textfield}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

.w-clear:after{display:block;content:"";clear:both}

.hidden{display:none}

.clear{clear:both}

.none{display:none}

.hidden-seoh{visibility:hidden;height:0;margin:0;overflow:hidden}

.wrapper{margin:0 auto;padding:0 15px;position:relative}

@media screen and (min-width:576px){

.wrapper{max-width:570px}

}

@media screen and (min-width:767px){

.wrapper{max-width:750px}

}

@media screen and (min-width:991px){

.wrapper{max-width:1330px}

}

img{max-width:100%;height:auto}

img:not([src]){visibility:hidden}

img.lazy{opacity:0}

img:not(.initial){transition:opacity 1s}

img.error,img.initial,img.loaded{opacity:1}

img.img-fluid,img.img-full,img.img-responsive{width:100%!important;height:auto}

div[data-slick]{display:none}

div[data-slick].loaded{display:block}

.block-menu{position:relative;width:100%;left:0;top:0;z-index:99}

.block-menu.sticky{position:fixed}

@media screen and (max-width:1230px){

.block-menu.sticky{background:#fff}

}

#fix{/* position:sticky; *//* top:0; */z-index:9999}

#fix .headerBottom{background: transparent;position: absolute;top: 0;width: 100%;}

.menu{display:flex;justify-content:space-between;align-items:center;min-height:100px}

.menu .logo-header{flex-shrink:0}

.menu .logo-header img{max-height: 100px;}

.menu ul{width:100%;padding:0;margin:0;list-style:none}

.menu ul.primary-menu{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:0;margin:0;list-style:none;gap: 10px;}

.menu ul.primary-menu>li{text-align:center}

.menu ul.primary-menu>li>a{white-space:nowrap;margin:0 19px!important;font-family:Montserrat-SemiBold;font-size:15px;color: #ffffff;padding:0;text-transform:uppercase;position:relative}

.menu ul.primary-menu>li>a::after{content:"";width:0%;height:3px;position:absolute;bottom:0;left:0;transition:.3s}

.menu ul li{position:relative;z-index:1}

.menu ul li a{display:block;position:relative;font-size:13px;color:#F0C858;padding:12px 12px 11px 12px;text-decoration:none!important}

.menu ul li a.has-child{padding-right:16px;margin-right:8px}

.menu ul li a.has-child::after{content:"";position:absolute;bottom:calc(50% - 2px);right:5px;width:5px;height:5px;border:1px solid #fafafa;border-top:0;border-left:0;transform:rotate(45deg);transition:all .3s ease-out}

.menu ul li a.active,.menu ul li:hover>a{color: #fbd35b;}

.menu ul li a.active::after,.menu ul li:hover>a::after{width:100%}

.menu ul li a.active.has-child:after,.menu ul li:hover>a.has-child:after{color:#E8B850}

.menu ul li ul{position:absolute;min-width:250px;background-color:#fafafa;border-radius:.25rem;box-shadow:1px 1px 15px rgba(0,0,0,.15);transform:perspective(600px) rotateX(-90deg);transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s}

.menu ul li:hover>ul{transform:perspective(600px) rotateX(0);opacity:1;visibility:visible;transition:all .7s}

.menu ul li ul li{padding-left:.75rem;padding-right:.75rem}

.menu ul li ul li a{font-weight:400;font-size:14px;text-align:left;color:#313131;border-bottom:1px solid #ececec}

.menu ul li ul li:last-child>a{border-bottom:0}

.menu ul li ul li a.has-child{margin-right:0}

.menu ul li ul li a.has-child:after{border-color:#313131;transform:rotate(-45deg)}

.menu ul li ul li a.active,.menu ul li ul li:hover>a{color:#F0C858}

.menu ul li ul li a.active.has-child:after,.menu ul li ul li:hover>a.has-child:after{border-color:#F0C858}

.menu ul li ul li a{padding:10px 0 9px 0;text-transform:capitalize}

.menu ul li ul li ul{top:0;left:100%;margin-top:0}

#menu{display:none}

#hamburger{display:block;width:35px;height:20px;position:relative}

#hamburger span,#hamburger::after,#hamburger::before{background:#F0C858;content:"";display:block;width:100%;height:2px;position:absolute;left:0;transition:none .5s ease .5s;transition-property:transform,top,bottom,left,opacity}

#hamburger::before{top:0}

#hamburger span{top:50%;transform:translateY(-50%)}

#hamburger::after{bottom:0}

.mm-wrapper_opening #hamburger::after,.mm-wrapper_opening #hamburger::before{top:10px}

.mm-wrapper_opening #hamburger span{left:-50px;opacity:0}

.mm-wrapper_opening #hamburger::before{transform:rotate(45deg)}

.mm-wrapper_opening #hamburger::after{transform:rotate(-45deg)}

.contact-mmobile{color:#000!important}

.mm-menu_opened{display:flex!important}

.menu-m{box-shadow:0 0 10px rgba(0,0,0,.1)}

@media screen and (max-width:1230px){

.menu-m{padding:5px 0}

}

.menu-m .menu-m-inside{display:flex;justify-content:space-between;align-items:center}

.menu-m .menu-m-inside img{max-height:55px}

.mm-listitem>a{border-bottom:1px solid #f0f0f0}

.mm-btn:after,.mm-btn:before{border:1px solid var(--mm-color-button);border-bottom:none;border-right:none}

.header-mmenu{display:none}

.search-res{position:relative}

.search-res .icon-search{cursor:pointer;width:40px;height:40px;text-align:center;line-height:42px;color:#212529;font-size:17px;margin:0}

.search-res .icon-search.active{color:#F0C858;background:#fff;border-radius:100%}

.search-res .search-grid{position:absolute;top:50px;right:0;width:0;height:40px;overflow:hidden;background:#fff;border:1px solid #F0C858;z-index:2;opacity:0;border-radius:25px;line-height:normal;transition:.3s}

.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:0;border:none;color:#ec2d3f}

.search-res .search-grid input::-moz-placeholder{color:#ccc}

.search-res .search-grid input::placeholder{color:#ccc}

.search-res .search-grid button{float:left;width:35px;height:38px;cursor:pointer;outline:0;border:none;margin:0;font-size:17px;display:block;color:var(--main-color);line-height:38px;text-align:center;background:#fff}

.search-res .search-grid.active{opacity:1;width:230px}

.ngon_ngu{display:flex;align-items:center;gap:10px;margin-left:20px}

.ngon_ngu a{padding:0!important}

.control-owl{position:absolute;width:100%;z-index:2;left:0;top:calc(50% - 22.5px)}

.control-owl button{opacity:.5;top:0;position:absolute;outline:0;border:0;padding:0;margin:0;display:block;cursor:pointer;color:#fff;width:45px;height:45px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:25px;margin:0;background-color:#000;border-radius:3px;transition:.3s ease-out}

.control-owl button.owl-prev{left:20px}

.control-owl button.owl-next{right:20px}

.control-owl button:hover{opacity:1}

.dots-slideshow{position:absolute;z-index:9;left:50%;transform:translateX(-50%);bottom:15px;display:flex;align-items:center;justify-content:center}

.dots-slideshow .owl-dot{width:10px;height:10px;background:#f2f2f2;transition:.3s;border-radius:50%;margin:0 5px;cursor:pointer}

.dots-slideshow .owl-dot.active{background:#aaa}

.custom-select,.form-control,.form-control-plaintext:not(textarea){height:calc(1em + 1.25rem + 8px)}

.text-sm{font-size:.875rem!important}

.breadCrumbs{background-color:#eee}

.breadCrumbs .wrapper{padding:.75rem 15px}

.breadCrumbs .wrapper .breadcrumb{padding:0;margin-bottom:0;background-color:transparent;border-radius:0}

.breadCrumbs .wrapper .breadcrumb-item a{color:#212529}

.breadCrumbs .wrapper .breadcrumb-item.active a{color:#6c757d}

.widthBox{position:relative;max-width:1330px;padding:0 15px;margin:0 auto}

.w100{width:100%;height:auto}

body,form,h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}

.row-80{margin:0 -40px}

.padding-80{padding:0 40px}

.row-50{margin:0 -25px}

.padding-50{padding:0 25px}

.row-20{margin:0 -10px}

.padding-20{padding:0 10px}

.row-10{margin:0 -5px}

.padding-10{padding:0 5px}

.row-0{margin:0 0}

.padding-0{padding:0 0}

.overText1{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1}

.overText2{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}

.overText3{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}

.box__product{position:relative;text-align:center;margin-bottom:20px}

.box__product .numb2{position:absolute;top:0;left:0;opacity:0;visibility:visible;pointer-events:none;pointer-events:none!important}

.box__product:hover .numb2{opacity:1;visibility:visible;pointer-events:all}

.box__product--pic{position:relative;border-radius:15px;overflow:hidden;border:1px solid #ededed;box-shadow:0 0 10px rgba(0,0,0,.1)}

.box__product--pic .hover-scale{position:relative}

.box__product--content{position:relative;padding:15px 0 0 0}

.box__product--name{font-family:Montserrat-Regular;font-size:16px;color:#000}

.box__product--name:hover{color:#F0C858}

.box__product--price{display:flex;justify-content:center;align-items:center;gap:10px}

.box__product--regular{font-family:Montserrat-Bold;font-size:18px;color:#000}

.box__product--sale{font-family:Montserrat-Regular;font-size:15px;color:#ccc;text-decoration:line-through}

.box__product--null{font-family:Montserrat-Bold;font-size:18px;color:#000}

.box__product--null:hover{color:#E8B850}

.box__product--discount{display:flex;justify-content:center;align-items:center;font-family:Montserrat-Regular;font-size:12px;color:#fff;position:absolute;top:15px;right:15px;line-height:25px;width:40px;height:40px;background:url(../images/icon/icon-dc.png) center no-repeat;pointer-events:none}

.box__product--status{display:flex;justify-content:center;align-items:center;font-family:Montserrat-Regular;font-size:12px;color:#fff;position:absolute;top:60px;right:15px;line-height:25px;width:40px;height:40px;background:url(../images/icon/icon-dc.png) center no-repeat;pointer-events:none}

.tieuchi{padding-bottom:60px;background:url(../images/bg-tieuchi.png) center no-repeat;background-size:cover}

.tieuchi .position-relative{margin:-85px -15px -15px -15px}

.box__tieuchi{position:relative;padding:30px;background:#fff;text-align:center;margin:15px;box-shadow:0 .5rem .5rem rgba(0,0,0,.15);position:relative;border-bottom: 3px solid #E8B850;}

.box__tieuchi::after{content:"";background: url(../images/icon-abs.png);width: 95px;height:95px;position:absolute;top:10px;left:10px;pointer-events:none;background-size: contain;}

.box__tieuchi--pic{position:relative;flex-shrink:0;height:52px;width:52px;margin:0 auto;margin-bottom:10px;display:block}

.box__tieuchi--name{font-family:Montserrat-SemiBold;font-size:16px;color: #E8B850;text-transform:uppercase;margin-bottom:10px}

.box__tieuchi--name:hover{color:#fb4141}

.box__tieuchi--desc{font-family:BeVietnamPro-Light;font-size:14px;color:#6d767e;margin-bottom:15px}

.box__tieuchi--btn{font-family:BeVietnamPro-Medium;font-size:14px;color: #F0C858;text-transform:capitalize}

.box__tieuchi--btn i{font-size:14px;margin-left:5px}

.box__tieuchi--btn:hover{color:#fb4141}

.gioithieu{padding:60px 0;overflow:hidden}

@media screen and (max-width:767px){

.gioithieu{padding:30px 0}

}

@media screen and (min-width:991px){

.gioithieu .big{flex:0 0 53%;max-width:53%}

}

@media screen and (min-width:991px){

.gioithieu .small{flex:0 0 47%;max-width:47%}

}

.gioithieu--title{margin-bottom:15px}

.gioithieu--title p{font-family:BeVietnamPro-Regular;font-size:18px;color: #F0C858;text-transform:capitalize;font-style:italic}

.gioithieu--title h2{font-family:Montserrat-Medium;font-size:32px;color:#1c1c21;text-transform:capitalize;margin-bottom:10px}

.gioithieu--title div{padding-left:24px;border-left: 4px solid #F0C858;}

.gioithieu--title div p{font-family:Lora-Italic;font-size:17px;color:#383842}

.gioithieu--desc{margin-bottom:30px}

.gioithieu--desc p{font-family:BeVietnamPro-Light;font-size:15px;color:#6e767c}

.gioithieu .d-flex{gap:15px;flex-wrap:wrap}

.gioithieu .d-flex .btn--gioithieu{display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;padding:0 10px;min-width:175px;min-height:45px;background: linear-gradient(
    135deg,
    #F8D058 0%,
    #F0C858 25%,
    #E8B850 50%,
    #E0B050 75%,
    #D8A848 100%
);border-radius:100rem;font-family:BeVietnamPro-Medium;font-size:15px;color:#fff;text-transform:capitalize}

.gioithieu .d-flex .btn--gioithieu:hover{text-decoration:none;background:#000;color:#fff}

.gioithieu .d-flex .btn--gioithieu i{margin-left:5px;font-size:12px}

.gioithieu .d-flex .hotline{display:flex;align-items:center;gap:10px}

.gioithieu .d-flex .hotline span{font-family:BeVietnamPro-Regular;font-size:12px;color:#1c1c21;text-transform:capitalize;transition:.3s}

.gioithieu .d-flex .hotline p{font-family:BeVietnamPro-Bold;font-size:16px;color:#E8B850;transition:.3s}

.gioithieu .d-flex .hotline:hover p{color:#fb4141}

.gioithieu--pic{filter:drop-shadow(0 5px 5px #e1e1e1);position:relative}

.gioithieu--pic::after{content:"";background: url(../images/abs-gioithieu.png);width:186px;height:186px;position:absolute;top:-5%;left:-10%;pointer-events:none;background-size: cover;}

.gioithieu--pic .hover-scale{-webkit-mask-image:url(../images/img-gioithieu.png);mask-image:url(../images/img-gioithieu.png);-webkit-mask-size:100% 100%;mask-size:100% 100%}

.duan{padding:80px 0;background:#fafafa center no-repeat;background-size:cover}

@media screen and (max-width:767px){

.duan{padding:40px 0}

}

.duan .row{margin-top:-15px;margin-bottom:-15px}

.duan .titleMain{margin-top:15px}

.box__duan{position:relative;margin:15px 0;box-shadow:0 .1rem .2rem rgba(0,0,0,.15)}

.box__duan:hover .box__duan--content{opacity:1;visibility:visible;pointer-events:all}

.box__duan--pic{position:relative;flex-shrink:0}

.box__duan--content{padding:30px;background:linear-gradient(0deg,rgba(24,25,58,.5) 0,rgba(255,255,255,0) 100%);text-align:center;position:absolute;bottom:0;left:0;width:100%;pointer-events:none!important;opacity:0;visibility:visible;pointer-events:none;transition:.3s}

.box__duan--name{font-family:Montserrat-SemiBold;font-size:16px;color:#fff;text-transform:uppercase}

.box__duan--btn{font-family:BeVietnamPro-Medium;font-size:14px;color:#fff;padding-top:15px;margin-top:5px;position:relative;display:block}

.box__duan--btn::after{content:"";background:#E8B850;width:140px;height:2px;position:absolute;left:0;right:0;margin:0 auto;top:0}

.thanhtuu{padding:40px 0;background:url(../images/bg-thanhtuu.png) center no-repeat;background-size:cover}

@media screen and (max-width:767px){

.thanhtuu{padding:20px 0}

}

.box__thanhtuu{text-align:center;position:relative}

.box__thanhtuu::after{content:"";background:#fff;width:1px;height:92px;position:absolute;top:50%;transform:translateY(-50%);right:-1px;opacity:.5}

.box__thanhtuu--pic{position:relative;flex-shrink:0;width:63px;height:63px;margin:0 auto}

.box__thanhtuu--content p{font-family:Montserrat-Bold;font-size:52px;color:#fff}

.box__thanhtuu h3{font-family:BeVietnamPro-Regular;font-size:16px;color:#fff;text-transform:uppercase}

.khachhang{padding:50px 0}

@media screen and (max-width:767px){

.khachhang{padding:25px 0}

}

.khachhang .item{padding:24px 0}

@media screen and (max-width:767px){

.khachhang .item{padding:12px 0}

}

.khachhang .item .titleMain{margin-bottom:34px}

.khachhang .hover-scale{margin:5px;box-shadow:0 .2rem .2rem rgba(0,0,0,.15);border:1px solid #d6dbe1;border-radius:4px;transition:.3s}

.khachhang .hover-scale:hover{box-shadow:0 .2rem .2rem rgba(26,178,255,.5);border-color:#E8B850}

.khachhang .timhieuthem{display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;padding:0 10px;min-width:175px;min-height:45px;background: linear-gradient(
    135deg,
    #F8D058 0%,
    #F0C858 25%,
    #E8B850 50%,
    #E0B050 75%,
    #D8A848 100%
);border-radius:100rem;font-family:BeVietnamPro-Medium;font-size:15px;color:#fff;text-transform:capitalize;margin:0 auto;margin-top:20px;transition:.3s}

.khachhang .timhieuthem:hover{text-decoration:none;background:#000;color:#fff}

.khachhang .timhieuthem:hover{transform:translateY(-5px);box-shadow:0 5px 7px rgba(0,0,0,.2)}

.khachhang .timhieuthem i{font-size:12px;margin-left:5px}

.tintuc{padding-bottom:60px}

.tintuc .widthBox{padding-top:60px;border-top:1px solid #d0d0d0}

.tintuc .position-relative{margin:-15px;margin-bottom:-60px}

.box__tintuc{padding:20px;background:#fff;margin:15px;margin-bottom:60px;box-shadow:0 1.5rem 1.2rem rgba(0,0,0,.15);text-align:center;border-bottom:2px solid #F0C858}

.box__tintuc--pic{flex-shrink:0;margin-bottom:20px;display:block}

.box__tintuc--name{font-family:Montserrat-SemiBold;font-size:16px;color:#242424}

.box__tintuc--name:hover{color:#E8B850}

.box__tintuc--desc{font-family:BeVietnamPro-Light;font-size:15px;color:#6e767c;margin-top:10px}

.box__tintuc--date{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:15px}

.box__tintuc--date p{font-family:BeVietnamPro-Light;font-size:14px;color:#3d3d3d}

.box__tintuc--date p img{margin-right:5px}

.footer--content p{color:#fff;font-family:Montserrat-Regular}

.footer--logo{display:block;margin:0 auto;margin-bottom:20px}

#footer{background:url(../images/bg-footer.png) center no-repeat;background-attachment:fixed;background-size:cover;overflow:hidden;color:#fff}

#footer .footerArticle{padding:60px 0}

@media screen and (max-width:767px){

#footer .footerArticle{padding:30px 0}

}

.titleFooter{font-family:Montserrat-SemiBold;font-size:16px;color:#E8B850;text-transform:capitalize;position:relative;padding-bottom:10px;margin-bottom:20px;width:-moz-fit-content;width:fit-content}

.titleFooter::after{content:"";background:#fff;width:100%;height:2px;position:absolute;bottom:0;left:0;opacity:.4}

.ul-social{display:flex;flex-direction:column;list-style-type:unset;row-gap:15px}

.ul-social li{list-style-type:none}

.ul-social li a{font-family:Montserrat-Regular;font-size:15px;color:#fff;transition:.3s;padding:8px 12px;border:1px solid #fff;border-radius:100rem;font-family:Montserrat-Medium;font-size:15px;color:#fff;text-transform:capitalize;min-width:130px;display:block;transition:.3s}

.ul-social li a:hover{transform:translateY(-5px);box-shadow:0 5px 7px rgba(0,0,0,.1)}

.ul-social li a img{margin-right:10px}

.ul-social li a:hover{background: linear-gradient(    135deg,    #F8D058 0%,    #F0C858 25%,    #E8B850 50%,    #E0B050 75%,    #D8A848 100%);}

.footerPowered{background:#292929;text-align:center;border-top:1px solid #292929}

.footerPowered .widthBox{display:flex;justify-content:center;align-items:center;padding:10px 15px}

.footerPowered .footer-copyright{font-family:Montserrat-Regular;font-size:14px;color:#fff}

.footerPowered .footer-copyright span{font-family:Montserrat-Bold;text-transform:uppercase}

.footerPowered .footer-copyright a:hover{color:#E8B850}

.footerPowered .footer-statistic{display:inline-block;text-align:right}

.footerPowered .footer-statistic span{padding-right:10px;border-right:1px solid #fff;margin-right:10px;color:#fff}

.footerPowered .footer-statistic span:last-child{padding-right:0;margin-right:0;border-right:none}

.footerMap iframe{display:block;width:100%;height:450px}

@media screen and (max-width:991px){

.footerMap{margin-bottom:55px}

}

#show_popup{padding:0!important}

@media screen and (max-width:991px){

#show_popup{transform:scale(.8)}

}

@media screen and (max-width:767px){

#show_popup{transform:scale(.7)}

}

@media screen and (max-width:576px){

#show_popup{transform:scale(.6)}

}

@media screen and (min-width:991px){

.d-lg-list{display:list-item!important}

}

.fw-normal{font-weight:400!important}

.text-main{color:var(--main-color)}

.btn-main{color:#fff;background:var(--main-color);transition:.4s}

.btn-main:hover{background:#fff;color:var(--main-color);border:1px solid var(--main-color)}

.btn-outline-main{background:#fff;border:1px solid var(--main-color);color:var(--main-color);transition:.4s}

.btn-outline-main:hover{background:var(--main-color);color:#fff}

.share-box{padding:15px;background:#f2f2f2;border-radius:10px}

.share-box p{margin-bottom:3px}

.wow{visibility:hidden}

.article iframe,.article object{max-width:100%!important}

.article table{width:100%}

.article :not(iframe):not(object):not(img){max-width:100%!important;height:auto!important}

.flex-box{display:flex!important;flex-wrap:wrap}

.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}

.overflow-hidden{overflow:hidden}

.cursor-pointer{cursor:pointer}

.hover-scale{overflow:hidden;display:block}

.hover-scale img{transition:.7s!important}

.hover-scale:hover img{transform:scale(1.1)}

.hover-rotateZ img{transition:.8s!important}

.hover-rotateZ:hover img{transform:rotateZ(30deg)}

.hover-rotateY img{transition:.8s!important}

.hover-rotateY:hover img{transform:rotateY(180deg)}

.bg{background-position:center center;background-repeat:no-repeat;background-size:cover}

.yt{position:relative;aspect-ratio:139/106}

.transition{transition:.3s ease-out}

.grecaptcha-badge{display:none!important;width:0!important;height:0!important;visibility:hidden!important;overflow:hidden}

coccocgrammar{display:none}

.modal-quickiew{max-width:1000px!important}

.fw-bold{font-weight:700}

.ft-italic{font-style:italic}

.slick-data{display:none!important}

.slick-data.loaded{display:block!important}

.slick-data.slick-dotted{margin-bottom:0}

.alert-warning strong{font-family:Montserrat-Bold;font-weight:unset}

#google_translate_element{position:absolute;z-index:999;opacity:0}

.skiptranslate{display:none}

a[aria-haspopup=true]{pointer-events:none}

.list .tab-content>.tab-pane{opacity:0;visibility:hidden;height:0;display:block!important}

.list .tab-content>.tab-pane.active{opacity:1;visibility:visible;height:auto}

.breadcrumb{margin:0}

.col-news{padding:0 10px;margin-bottom:20px}

@media screen and (max-width:767px){

.col-news{padding:0 5px;margin-bottom:10px}

}

.row-news{margin:20px -10px 0 -10px}

@media screen and (max-width:767px){

.row-news{margin:15px -5px 0 -5px}

}

.news_box{position:relative}

.news_box:hover .news__name a{color:var(--hover-color)}

.news__name{margin:15px 0 7px 0;color:#000}

.news__name a{color:inherit}

.news__name.text-split{-webkit-line-clamp:2}

.news__desc.text-split{-webkit-line-clamp:3}

.othernews.share{margin-top:20px}

.othernews.share b{margin-bottom:10px}

.list-news-other{padding-left:17px;list-style:disc;width:50%}

.list-news-other li{padding:7px 0}

.list-news-other li:not(:last-child){border-bottom:1px solid #eee}

.list-news-other li a{text-transform:none;color:#333}

.list-news-other li a:hover{color:#ec2d3f}

@media screen and (max-width:767px){

.list-news-other{width:100%}

}

.box.news{position:relative}

.box.news--pic{position:relative;display:block;overflow:hidden;flex-shrink:0;border-radius:10px;box-shadow:0 3px 5px rgba(0,0,0,.2)}

.box.news--abs__date{position:absolute;left:0;top:0;padding:5px 5px;background:#9acd32;display:inline-block;border-bottom-right-radius:20px;pointer-events:none}

.box.news--abs__date p{font-family:Montserrat-Regular;font-size:16px;color:#fff;text-align:center;text-decoration:underline}

.box.news--abs__date span{font-family:Montserrat-Regular;font-size:14px;color:#fff}

.box.news--content{padding:15px 0}

.box.news--name{font-family:Montserrat-Bold;font-size:16px;color:#000}

.box.news--name:hover{color:#F0C858}

.box.news--date{margin-top:10px;display:flex;align-items:center;gap:12px}

.box.news--date p{font-family:Montserrat-Regular;font-size:14px;color:#6b6b6b}

.box.news--date p img{margin-right:5px}

.box.news--desc{font-family:Montserrat-Regular;font-size:14px;color:#000;margin-bottom:10px}

.box.news--btn{font-family:Montserrat-Bold;font-size:14px;color:#F0C858}

.box.news--btn:hover{color:#E8B850}

.row-product{margin:25px -12px 0 -12px}

@media screen and (max-width:767px){

.row-product{margin:20px -5px 0 -5px}

}

.col-product{padding:0 12px;margin-bottom:24px}

@media screen and (max-width:767px){

.col-product{padding:0 5px;margin-bottom:10px}

}

.product_box{position:relative}

.product_box:hover .product__name a{color:var(--hover-color)}

.product__info{position:relative}

.product__name{color:#000;font-size:20px;text-align:center}

.product__name a{color:inherit}

.product__name.text-split{-webkit-line-clamp:2}

.product__price{display:flex;align-items:baseline;justify-content:center}

.price__pro_new a,.price__pro_new strong{color:#c00;font:20px Montserrat-Bold}

.price__pro_old del{color:#aaa;font-size:17px}

.product__price .price__pro_new+.price__pro_old{margin-left:7px}

.discount-pro-detail{background-color:#ec2d3f;border-radius:20px;padding:3px 9px;font-family:Montserrat-Bold;font-size:11px;color:#fff}

.left-pro-detail{flex:0 0 40%;-ms-flex:0 0 40%;max-width:40%;margin-bottom:20px;padding-right:10px;position:relative;text-align:center}

.left-pro-detail .MagicZoom{background-color:#fff;position:relative;z-index:10}

.right-pro-detail{flex:0 0 60%;-ms-flex:0 0 60%;max-width:60%;margin-bottom:20px;padding-left:10px}

.tabs-pro-detail{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}

.grid-pro-detail{margin-bottom:3rem}

.gallery-thumb-pro{position:relative;margin-top:10px}

.control-pro-detail{top:calc(50% - 12.5px)}

.control-pro-detail button{background-color:transparent;opacity:1;width:25px;height:25px;background:rgba(0,0,0,.4);border-radius:50%;color:#fff;font-size:23px}

.control-pro-detail button.owl-prev{left:10px}

.control-pro-detail button.owl-next{right:10px}

.title-color,.title-size{color:#4ea8cd;font-weight:400}

.thumb-pro-detail{display:block!important;border-radius:5px;cursor:pointer;background-color:#fff}

.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0!important;padding-bottom:0!important}

.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2}

.title-pro-detail{text-transform:capitalize;margin-bottom:10px;font-family:Montserrat-Bold;font-size:22px;color:#212529}

.top-info-pro-detail{margin:0 0 10px 0;padding:0;list-style:none;display:flex;align-items:baseline}

.top-info-pro-detail li+li{border-left:1px solid #eae4e8}

.top-info-pro-detail li:first-child{padding-right:7px}

.top-info-pro-detail li:last-child{padding-left:7px}

.top-info-pro-detail li a,.top-info-pro-detail li span{font-family:Montserrat-Bold;color:#007bff;margin-left:2px}

.comment-pro-detail{display:flex;align-items:center;justify-content:flex-start}

.social-plugin-pro-detail{margin-bottom:1rem;margin-top:0!important}

.desc-pro-detail{margin-bottom:1rem}

.attr-pro-detail{list-style:none;padding:0;margin:0;margin-bottom:15px}

.attr-pro-detail li{margin-bottom:15px}

.attr-pro-detail li:last-child{margin-bottom:0}

.attr-label-pro-detail{display:block;margin-bottom:6px;font-family:Montserrat-Bold;font-size:14px;color:#212529}

.attr-content-pro-detail{margin-bottom:0}

.price-new-pro-detail{font-family:Montserrat-Bold;font-size:20px;color:#ec2d3f}

.price-old-pro-detail{color:#6c757d;font-size:16px;text-decoration:line-through;padding:0 10px}

.tabs-pro-detail{margin-top:2rem}

.tabs-pro-detail .nav-tabs{justify-content:center}

.tabs-pro-detail .nav-tabs .nav-item .nav-link{margin-bottom:0;border:0;font-size:15px;border-bottom:2px solid transparent}

.tabs-pro-detail .nav-tabs .nav-item .nav-link.active{border-bottom-color:#555;font-family:Montserrat-Bold}

.tabs-pro-detail .nav-tabs .nav-item .nav-link:hover{font-family:Montserrat-Bold;color:#333}

.tabs-pro-detail .nav-tabs .nav-item.show .nav-link{font-family:Montserrat-Bold;border-bottom-color:#555}

.contact-article{margin-bottom:3rem}

.contact-input{position:relative;margin-bottom:15px}

.contact-input textarea{resize:none;height:150px}

.contact-input .custom-file-label::after{content:attr(title)}

.contact-map{position:relative;height:500px}

.contact-map iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}

.row-video{margin:0 -10px}

@media screen and (max-width:767px){

.row-video{margin:0 -5px}

}

.col-video{padding:0 10px}

@media screen and (max-width:767px){

.col-video{padding:0 5px;margin-bottom:10px}

}

.video{cursor:pointer;margin-bottom:15px}

.video-name{font-family:Montserrat-Bold;font-size:16px;color:#E8B850;text-transform:capitalize;text-align:center;margin-top:10px}

.video-name:hover{color:#fb4141}

.video-name.text-split{-webkit-line-clamp:2}

.youtube-logo{position:relative}

.youtube-logo::before{content:"";position:absolute;width:50px;height:35px;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAjCAMAAADha6m9AAABs1BMVEUAAADlLCfUIiLRICHBGB7jLCfCGB3jKybYJSPBGB7AFx3AFx3OICDjLCfbJyTBGB7jLCfAFx3kLCflLSfkLCfCGR7CGB3SIiLPICHCGB7ZJiTLHSDCGB7iKybKHSDAFx3jLCbKHSDAFx3kLCbhKybAFx3lLCfAFx3iKybBGB3gKibDGR7iKybiKybNHiDkLCbCGB3YJSPNHyDjLCfLHSDBGB7jLCfdKCXHHB/lLSfeKSW/Fx3XJCPNICHYJSTBGB3ZJiTLHiDlLSe/Fx3fKSXiKybHGx/EGR7gKibcJyXZJyTLHSDKHSDKHSDAFx3LHSDGGh7jKibVIiLRISLeKCXgKibcJyTMHyHZJSTCGB7////HHB/DGh7ZJyTXIyLOICD98/PKGBvYHhzLEhPolpbNHR7VFxb8///gWlneV1fYREXRHBzYGRfSFxbozc3eg4PbVlfNJynTHR3OFRbHDhDMDg/4/f3+9/f76ur44+PpmprjZGLaW1zWSUvWPDvWOTjbLCrTJyjMFxjWExD19PTu7O3v6enz4N/t2Nn319f1zs7kw8Ltnp3jjIzdennabm/gTkwFvLjjAAAAT3RSTlMA2tHP/fvOsxX32r0O9O3r6dXSysG1ogYB+ff38vHnxbq6saqYkIqCeXNoXVlGPi8rJh758OPg2dnVy8rGxrqsq6ugm4RtZ0v34pKShng4fjL1vAAAAhlJREFUOMuV1ddCGkEYhuFfUTrSqyC9d+y9azrBAmQTytKMSAkE7DWm90vOCJzsLkT3OZtv5j0euKNi+70el8NmWTGzDDKpVDLd1zItkUplBpZ5xWJzrHu8frYKOthrMknfhEikEwhGBwcHIwRoGBUIdCLRRJ9EZmNDS5AVeTCWHxC+OUIDi48Sl26XhkfrAErWLi0GJYRmdmiZCYJvkl4y6QXP4yhZPBPdifYy5ALHEGW9TtyWooleyRo8GUoQxTN/f55d35biia40FljSxImShTPs5HQ/USol411olmAhTkneHmHYl1/FrUymW7QAc0kSlKQxDNv7Wr1EDdUc9G+RlVFy13ysVK8KBcp1f88EOfz8o3pVrlMSBrmol/c7CbZ3+Kny+6ZOSbZJUu9bSSeq/Lk5IN7/P0l/zxUPUHF/8i7dDr7lis0mKogYwEiR5LOt5Ogkd9nM5rdTZAyYj5G0k+PT4gc8n4pRzYORPOHZc+w4d5FCRawbIywPh4lw/CJ3Xstm8Vgs3MXwMjwdo6y1WqOBd95TEwU8H6GseAMP9zT2DNwooWNkA3xTr2mZ2oQQ8yUtzCAo5fQSoxJgQ0unUDsBgL/4hgY5H5CA6dWDyQPQwrbzmNxxoVDL4XDUAwMDhEforOZwtELhOFest4agQ8UP+NxOu3VVoTDJeTz9LFMs5nK5YiZzVs/jmRYVq1a70735ov2L/QOukA9gZVVk1QAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%}

#video-select iframe{max-width:100%}

#video-select #cbo_video{height:40px;width:100%}

.col-photo{padding:0 10px;margin-bottom:20px}

.row-photo{margin:20px -10px 0 -10px}

.box:hover a,.box:hover h3{color:#E8B850!important}

.box.photo{text-align:center}

.box.photo .hover-scale{border-radius:5px}

.box.photo .name{font-family:Montserrat-Bold;font-size:15px;color:#F0C858;display:block;margin-top:10px}

.section-main{margin-top:15px;margin-bottom:25px}

.title-main{margin-bottom:1.5rem;text-align:center}

.title-main h2{text-transform:uppercase;font-family:Montserrat-Bold;font-size:24px;color:#F0C858}

.time-main{margin-bottom:.75rem;color:#999}

.time-main i{vertical-align:top;margin:3px 7px 0 0}

.time-main span{vertical-align:top;display:inline-block}

.header-container{text-align:center}

.header-container h2{font-family:Montserrat-Bold;font-size:36px;color:#F0C858;text-transform:uppercase}

@media screen and (max-width:767px){

.header-container h2{font-size:24px}

}

.titleMain{margin-bottom:24px}

.titleMain span{font-family:BeVietnamPro-Regular;font-size:18px;color:#F0C858;text-transform:capitalize;font-style:italic;margin-bottom:5px;display:block}

.titleMain h2{font-family:Montserrat-Medium;font-size:32px;color:#1c1c21;text-transform:capitalize;margin-bottom:10px}

.titleMain p{font-family:BeVietnamPro-Light;font-size:15px;color:#6e767c;margin-top:1px}

.titleMain.main h2{color:#F0C858}

.titleMain.center{text-align:center}

.pagination-cus .page-item{margin:0 4px}

.pagination-cus .page-item:first-child .page-link{border-top-left-radius:0;border-bottom-left-radius:0}

.pagination-cus .page-item:last-child .page-link{border-top-right-radius:0;border-bottom-right-radius:0}

.pagination-cus .page-item.active .page-link{background:var(--main-color);color:#fff;border-color:var(--main-color)}

.pagination-cus .page-item:not(:first-child) .page-link{margin-left:0}

.pagination-cus .page-link{color:var(--main-color);padding:0;width:35px;height:35px;line-height:35px;text-align:center;border:0}

.pagination-cus .page-link:hover{z-index:2;color:#fff;background-color:var(--main-color);border-color:var(--main-color)}

.pagination-ajax{text-align:center}

.pagination-ajax a{display:inline-block;vertical-align:top;margin:0 3px 3px 3px;width:35px;height:35px;line-height:33px;color:#666!important;border:1px solid #e6e6e6;font-size:13px;cursor:pointer;text-decoration:none!important;background-color:#fff}

.pagination-ajax a.current,.pagination-ajax a:hover{color:#fff!important;border-color:var(--main-color);background-color:var(--main-color)}

.pagination-ajax a.first{text-indent:-9999px;position:relative;background-color:#fff!important}

.pagination-ajax a.first::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:transparent;background-repeat:no-repeat;background-position:center;background-image:url(../images/page-first.png)}

.pagination-ajax a.last{text-indent:-9999px;position:relative;background-color:#fff!important}

.pagination-ajax a.last::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:transparent;background-repeat:no-repeat;background-position:center;background-image:url(../images/page-last.png)}

.pagination-ajax a.prev{text-indent:-9999px;position:relative;background-color:#fff!important}

.pagination-ajax a.prev::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:transparent;background-repeat:no-repeat;background-position:center;background-image:url(../images/page-prev.png)}

.pagination-ajax a.next{text-indent:-9999px;position:relative;background-color:#fff!important}

.pagination-ajax a.next::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:transparent;background-repeat:no-repeat;background-position:center;background-image:url(../images/page-next.png)}

.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background:rgba(128,128,128,.15)}

.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0;padding-left:0!important;margin-top:8px}

.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}

.box-readmore ul li a{color:#333;cursor:pointer;font-weight:600}

.box-readmore ul li a:hover{color:#767676}

.box-readmore ul li::before{content:counters(item, ".") ". ";display:table-cell;padding-right:5px}

.box-readmore ul li ul>li{margin:0;margin-bottom:8px}

.box-readmore ul li ul>li::before{content:counters(item, ".") " "}

.social_fixed{position:fixed;right:25px;bottom:110px;z-index:999999;display:flex;align-items:center;flex-direction:column;gap:20px}

.support-online a{position:relative;text-align:left;width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:100rem;transition:.3s;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);background: linear-gradient(    135deg,    #F8D058 0%,    #F0C858 25%,    #E8B850 50%,    #E0B050 75%,    #D8A848 100%);}

.support-online a:not(.cart-fixed){animation:hueRotate infinite 600s}

.support-online a:hover{animation:unset;animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}

.support-online i,.support-online img{max-width:40px;max-height:40px;color:#fff;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999}

.support-online .btn-support{cursor:pointer}

.kenit-alo-circle-fill{width:60px;height:60px;top:-7.5px;right:-7.5px;position:absolute;transition:all .2s ease-in-out;border-radius:100%;border:2px solid transparent;transition:all .5s;background-color:rgba(2,90,222,.5);opacity:.75}

.kenit-alo-circle{width:55px;height:55px;top:-5px;left:-5px;position:absolute;background-color:transparent;border-radius:100%;border:1px solid rgba(2,90,222,.4);opacity:.1;border-color:var(--main-color);opacity:.5}

.social_fixed-phone{width:100%;position:fixed;left:0;bottom:0;height:55px;line-height:45px;color:#fff;z-index:50;display:none;background:var(--main-color)}

.social_fixed-phone ul{list-style:none;margin:0;padding:0;display:flex;height:100%}

.social_fixed-phone ul li{flex:0 0 100%/4;-ms-flex:0 0 100%/4;max-width:100%/4;width:100%}

.social_fixed-phone ul li a{color:#fff;text-decoration:none;font-size:11px;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;flex-direction:column;letter-spacing:1px;line-height:2;height:100%;border-left:1px solid rgba(2,90,222,.2);padding-top:3px}

.social_fixed-phone ul li a i{font-size:19px}

.social_fixed-phone img{display:block;margin:0 auto;height:19px;max-width:100%}

.goTop{width:45px;height:45px;text-align:center;font-weight:700;color:#444;text-decoration:none;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer;display:flex;justify-content:center;align-items:center;background: linear-gradient(    135deg,    #F8D058 0%,    #F0C858 25%,    #E8B850 50%,    #E0B050 75%,    #D8A848 100%);border-radius:100rem;transition:1s;margin:0 auto;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}

.goTop i{color:#fff;font-size:22px}

.goTop.hide{opacity:0;visibility:visible;pointer-events:none}

.mobile_menu_section{flex-direction:column;padding:10px 0}

.mobile_menu_section .mobile_menu_section-title{color:#F0C858;margin-bottom:5px}

.mobile_menu_section img,.mobile_menu_section svg{max-width:14px;max-height:14px;width:14px;height:14px;margin-right:5px}

.mobile_menu_section .mobile_menu_help{display:flex;align-items:center}

.border-animation{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(2,90,222,.5);animation:squares 3s linear 0s infinite;opacity:0;border-radius:50%}

.border-animation.border-2{animation-delay:1s}

.border-animation.border-3{animation-delay:2s}

@keyframes squares{

0%{transform:scale(1);opacity:0}

20%{transform:scale(1.2);opacity:1}

100%{transform:scale(1.6);opacity:0}

}

.animated{animation-duration:1s;animation-fill-mode:both;opacity:1}

.animated.infinite{animation-iteration-count:infinite}

.zoomIn{animation-name:customzoomIn}

@keyframes customzoomIn{

0%{opacity:0;transform:scale3d(.3,.3,.3)}

50%{opacity:1}

}

.swing-vertical{animation:top-image-bounce 2s infinite ease-in-out}

@keyframes top-image-bounce{

0%{transform:translateY(-8px)}

50%{transform:translateY(12px)}

100%{transform:translateY(-8px)}

}

.vibration-icon{animation:phonering-alo-circle-img-anim 1s infinite ease-in-out}

@keyframes phonering-alo-circle-img-anim{

0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}

10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}

20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}

30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}

40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}

50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}

100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}

}

.blink_me{-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}

@keyframes blinker{

0%{opacity:1}

50%{opacity:0}

100%{opacity:1}

}

@keyframes customfadeIn{

0%{opacity:0}

to{opacity:1}

}

@keyframes customfadeOut{

0%{opacity:1}

to{opacity:0}

}

@keyframes customfadeInUp{

0%{opacity:0;transform:translate3d(0,100px,0)}

to{opacity:1;transform:translateZ(0)}

}

@keyframes customfadeInDown{

0%{opacity:0;transform:translate3d(0,-100px,0)}

to{opacity:1;transform:translateZ(0)}

}

@keyframes customfadeInLeft{

0%{opacity:0;transform:translate3d(100px,0,0)}

to{opacity:1;transform:translateZ(0)}

}

@keyframes customfadeInRight{

0%{opacity:0;transform:translate3d(-100px,0,0)}

to{opacity:1;transform:translateZ(0)}

}

.text-nhapnhay{animation:my .7s infinite}

@keyframes my{

0%{color:#ffc853}

50%{color:red}

100%{color:#ffc853}

}

.rotate360{animation:rotation 2s infinite linear}

@keyframes rotation{

from{-webkit-transform:rotate(0)}

to{-webkit-transform:rotate(359deg)}

}

.blink{animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}

@keyframes blink{

0%{opacity:1}

50%{opacity:0}

100%{opacity:1}

}

@keyframes gradient{

0%{background-position:0 50%}

50%{background-position:100% 50%}

100%{background-position:0 50%}

}

.menu-slide .col-lg-3{flex:0 0 270px;max-width:270px}

@media screen and (max-width:1330px){

.menu-slide .col-lg-3{display:none}

}

.menu-slide .col-lg-9{flex:0 0 calc(100% - 270px);max-width:calc(100% - 270px)}

@media screen and (max-width:1330px){

.menu-slide .col-lg-9{flex:0 0 100%;max-width:100%}

}

.cont-menu{display:flex!important;justify-content:space-between;flex-wrap:wrap;align-items:center}

.cont-menu a{font-family:Montserrat-Regular;font-size:14px;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:calc(100% - 10px)}

.icon-mn1{margin-right:15px}

.wrapper-dropdown-menu{position:relative;height:100%;border:1px solid #F0C858}

.wrapper-dropdown-menu-slide{background:#fff;padding-top:0;padding-bottom:0;height:100%}

.show-second-menu .on-bar:hover .wrapper-dropdown-menu{display:block}

.scroll-second-menu{overflow-y:auto;width:100%;height:100%;max-height:calc(100% - 1px)}

.scroll-second-menu::-webkit-scrollbar{width:5px;height:10px}

.scroll-second-menu::-webkit-scrollbar-button{width:0;height:0}

.scroll-second-menu::-webkit-scrollbar-track{background-color:#d4d4d4}

.scroll-second-menu::-webkit-scrollbar-track-piece{background-color:#e7e7e7}

.scroll-second-menu::-webkit-scrollbar-thumb{height:60px;background-color:#d4d4d4}

.scroll-second-menu::-webkit-scrollbar-corner{background-color:#e7e7e7}

.scroll-second-menu::-webkit-resizer{background-color:#e7e7e7}

.second-menu{list-style:none;margin:0;padding:0}

.second-menu>li{padding:0 10px;display:flex;align-items:center;border-bottom:1px solid #e1e1e1;height:50px}

.second-menu>li>a{position:relative;font-family:Montserrat-Regular;font-size:14px;color:#000;width:100%}

.second-menu>li>a img{max-width:20px;max-height:20px;margin-right:10px}

.second-menu>li .sub-menu{left:100%;top:-1px;height:calc(100% + 2px);background:#fff;border-top:0;transform:rotate3d(0,1,0,90deg);border:1px solid #F0C858}

.second-menu>li .sub-menu li{position:unset;height:50px;display:flex;align-items:center;justify-content:flex-start;padding:0 10px;border-bottom:1px solid #e1e1e1}

.second-menu>li:hover{background:#F0C858;border-color:#F0C858}

.second-menu>li:hover>.sub-menu{transform:rotate3d(0,0,0,0deg)}

.second-menu>li:hover>a{color:#E8B850;text-decoration:none}

.second-menu .text-second-menu{padding:9.2px 25px 9.2px 0;position:relative;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}

.sub-menu{margin:0;width:240px;list-style:none;padding-left:0;background:#fff;position:absolute;z-index:99;box-shadow:0 1px 1px rgba(0,0,0,.15);transform:rotate3d(1,0,0,-90deg);transform-origin:0 0 0;transition:all .5s ease}

.sub-menu li{position:relative;text-align:left}

.sub-menu li a{position:relative;font-family:Montserrat-Regular;font-size:14px;color:#000;text-transform:capitalize;width:100%}

.sub-menu li a.has-child{padding-right:15px;margin-right:0}

.sub-menu li a.has-child::after{content:"";position:absolute;bottom:calc(50% - 2px);right:15px;width:5px;height:5px;border:1px solid #fafafa;border-top:0;border-left:0;transform:rotate(45deg);transition:all .3s ease-out;border-color:#313131;transform:rotate(-45deg)}

.sub-menu li ul{left:100%;top:-3px;margin-left:0;margin-top:0;transform:rotate3d(0,1,0,90deg)}

.sub-menu>li:hover{background:#F0C858!important;border-color:#F0C858!important}

.sub-menu>li:hover>a{color:#E8B850;text-decoration:none}

.sub-menu>li:hover>.sub-menu{transform:rotate3d(0,0,0,0deg)}

.sub-menu li:hover>ul{transform:rotate3d(0,0,0,0deg)}

.sub-menu li a.active.has-child:after,.sub-menu ul li ul li:hover>a.has-child:after{border-color:#F0C858}

.custom__scroll::-webkit-scrollbar{width:5px;height:5px}

.custom__scroll::-webkit-scrollbar-button{width:0;height:0}

.custom__scroll::-webkit-scrollbar-track{background-color:#F0C858}

.custom__scroll::-webkit-scrollbar-track-piece{background-color:#fff}

.custom__scroll::-webkit-scrollbar-thumb{height:50px;background-color:#F0C858;border-radius:3px}

.custom__scroll::-webkit-scrollbar-corner{background-color:#fff}

.hover-transformY:hover img{-webkit-animation-name:spinY;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spinY;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spinY;-ms-animation-duration:1s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spinY;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}

@keyframes spinY{

from{transform:rotateY(0)}

to{transform:rotateY(360deg)}

}

@keyframes hueRotate{

from{filter:hue-rotate(0)}

to{filter:hue-rotate(360deg)}

}

@media (max-width:1230px){

.mb15_1230{margin-bottom:15px}

.header-mmenu,.header-mobi{display:block}

.header-top,.headerBottom{display:none}

.block-menu{background:#fff}

.search-res .icon-search{color:#F0C858}

.search-res .icon-search.active{color:#fff;background:#F0C858}

}

@media (max-width:991px){

.mb15_991{margin-bottom:15px}

.mb10_991{margin-bottom:10px}

.footerPowered .widthBox{flex-direction:column}

.footerPowered .footer-copyright,.footerPowered .footer-statistic{text-align:center}

.social_fixed{bottom:95px}

.social_fixed .support-online:not(.cart_item).itemCart{display:block}

}

@media (max-width:767px){

.mb15_767{margin-bottom:15px}

.box__product--price{flex-direction:column}

.titleMain h2{font-size:24px}

.box.news--name{font-size:14px}

.box.news--content{padding:10px 0}

.box.news--pic{border-radius:5px}

.gioithieu .d-flex .btn--gioithieu{min-width:150px;min-height:40px}

.gioithieu--title h2{font-size:24px}

}

@media (max-width:576px){

.mb15_576{margin-bottom:15px}

.social_fixed{bottom:70px}

}

@media (max-width:375px){

.mb15_375{margin-bottom:15px}

}

@media screen and (max-width:767px){

.row-product{margin:20px -5px 0 -5px}

}

@media screen and (max-width:767px){

.col-product{padding:0 5px;margin-bottom:10px}

}

@media screen and (max-width:991px){

.product__price{text-align:center;flex-wrap:wrap}

}

@media screen and (max-width:991px){

.product__price .price__pro_new{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;margin-bottom:5px}

}

@media screen and (max-width:991px){

.product__price .price__pro_old{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}

}

@media screen and (max-width:991px){

.product__price .price__pro_new+.price__pro_old{margin-left:0}

}

@media screen and (max-width:991px){

.left-pro-detail{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;margin-bottom:20px;padding-right:0}

}

@media screen and (max-width:991px){

.right-pro-detail{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;margin-bottom:20px;padding-left:0}

}

@media screen and (max-width:991px){

.gallery-thumb-pro{margin-top:5px}

}

@media screen and (max-width:767px){

.price-new-pro-detail{font-size:16px}

}

@media screen and (max-width:767px){

.price-old-pro-detail{font-size:13px;padding:0 7px}

}

@media screen and (max-width:991px){

.tabs-pro-detail .nav-tabs .nav-link{font-size:13px!important}

}

@media screen and (max-width:767px){

.col-news{padding:0 5px;margin-bottom:10px}

}

@media screen and (max-width:767px){

.row-news{margin:15px -5px 0 -5px}

}

@media screen and (max-width:767px){

.list-news-other{width:100%}

}

#popup-cart.opened{width:85%}

@media screen and (max-width:991px){

.section-main .form-search{width:100%}

}

@media screen and (max-width:991px){

.top-cart{margin-top:2rem}

}

@media screen and (max-width:991px){

.procart{padding:8px 0}

.procart+.procart{border-top:1px solid #f1f1f1}

}

@media screen and (min-width:991px){

.cart-sticky{position:sticky;top:60px}

}

@media screen and (max-width:991px){

.pic-procart{flex:0 0 60px;-ms-flex:0 0 60px;max-width:60px}

.pic-procart .del-procart{top:0;left:0;position:static;margin:5px auto 0 auto}

}

@media screen and (max-width:767px){

.info-procart{padding:0 10px}

}

@media screen and (max-width:991px){

.cover-list-pro{border-radius:0;box-shadow:none}

}

@media screen and (max-width:991px){

.section-cart.bot,.section-cart.top{padding:0}

.section-cart h4{font-size:15px;padding:0 0 15px 0;margin-bottom:15px}

.section-cart>p{font-size:13px;margin-bottom:5px}

.section-cart .list-procart{padding:0;border:0;border-radius:0}

}

@media screen and (max-width:991px){

.title-cart{font-size:15px}

}

@media screen and (max-width:991px){

.quantity-pro-detail{max-width:105px}

.quantity-pro-detail span{width:35px;height:35px}

.quantity-pro-detail span i{line-height:35px;width:35px;height:35px}

.quantity-pro-detail input{height:35px;width:calc(100% - 70px)}

}

@media screen and (max-width:991px){

.group-quantity-pro-detail{width:105px}

}

@media screen and (max-width:991px){

.group-cart-pro-detail{flex:0 0 calc(100% - 105px);-ms-flex:0 0 calc(100% - 105px);max-width:calc(100% - 105px)}

}

@media screen and (max-width:991px){

.cart-pro-detail a{font-size:12.5px;line-height:33px}

}

@media screen and (max-width:991px){

.cupponBox_info h3{font-size:14px}

}