@charset "UTF-8";
@font-face{font-family:'SVN-Neutraface 2';src:url(../fonts/SVN-Neutraface2.woff2) format('woff2'),url(../fonts/SVN-Neutraface2.woff) format('woff');font-weight:900;font-style:normal;font-display:swap}
body{color:#000;font-family:Lora,serif;font-size:16px;font-style:normal;font-weight:400;line-height:25px;background:#f9f7f8}
@media screen and (max-width:991px){
body{font-size:13px}
}
.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:0 0}
.menu{width:100%}
.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:100%;padding:0;margin:0;list-style:none;justify-content:center;gap:57px}
.menu ul.primary-menu>li{text-align:center}
.menu ul.primary-menu>li>a{white-space:nowrap;padding:15px 0!important;color:#333;text-align:center;font-family:Lora,serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}
.menu ul li{position:relative;z-index:1}
.menu ul li .d-flex{align-items:center;gap:10px;margin-left:20px}
.menu ul li .d-flex .icon-search i{font-size:20px}
.menu ul li .d-flex .cart{font-size:20px;padding:5px;color:#212529;position:relative}
.menu ul li .d-flex .cart:hover{color:#fb4141}
.menu ul li .d-flex .cart .count-cart{position:absolute;top:0;right:0;color:#fff;width:15px;height:15px;background:#ec2d3f;text-align:center;line-height:15px;font-size:11px;border-radius:100%;z-index:1000}
.menu ul li a{display:block;position:relative;font-size:13px;color:#333;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:#000}
.menu ul li a.active.has-child:after,.menu ul li:hover>a.has-child:after{color:#1e4071}
.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-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;top:70px}
.menu ul li:hover>ul{opacity:1;visibility:visible;transition:all .5s;top:50px}
.menu ul li ul li{padding-left:.75rem;padding-right:.75rem}
.menu ul li ul li a{border-bottom:1px solid #ececec;color:#1e1e1e;text-align:left;font-family:Lora,serif;font-size:14px;font-style:normal;font-weight:300;line-height:normal;text-transform:capitalize}
.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:#000}
.menu ul li ul li a.active.has-child:after,.menu ul li ul li:hover>a.has-child:after{border-color:#1e4071}
.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:#de7405;content:"";display:block;width:100%;height:3px;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:10px 0}
}
.menu-m .menu-m-inside{display:flex;justify-content:space-between;align-items:center}
.mm-listitem>a{border-bottom:1px solid #f0f0f0}
.mm-btn:after,.mm-btn:before{border:1px solid rgb(0 0 0);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:23px;color:#212529;font-size:17px;margin:0;border-radius:500px;display:flex;justify-content:center;align-items:center}
.search-res .icon-search.active{color:#1e4071;background:#f9d527;border-radius:100%;border-color:#f9d527}
.search-res .search-grid{position:absolute;top:50px;right:0;width:0;height:40px;overflow:hidden;background:#fff;border:1px solid #dd7100;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:34px;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:#dd7100;line-height:38px;text-align:center;background:#fff}
.search-res .search-grid.active{opacity:1;width:230px}
.header-top .widthBox{display:flex;justify-content:space-between;align-items:center;padding:10px 15px}
.header-top .banner{max-height:120px}
.header-top .logo-header{transform:scale(1);flex-shrink:0}
.header-top .logo-header.logo_canvar{background:#fff}
.header-top .logo-header.logo_canvar canvas{transition:.3s ease-out;transform:scale(.6)}
.header-top .logo-header img{max-height:120px}
.header-top .form-search{width:270px;height:40px;border-radius:5px;overflow:hidden;display:flex;border:1px solid #ccc}
.header-top .form-search input{width:calc(100% - 70px);height:100%;padding:0 15px;border-right:unset}
.header-top .form-search button{width:70px;height:100%;background:#fb4141}
.header-top .form-search button i{color:#fff;font-size:16px}
.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:1240px;padding:0 20px;margin:0 auto}
.w100{width:100%;height:auto}
body,form,h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}
.cl-m{color:#1e4071}
.row-50{margin:0 -25px}
.padding-50{padding:0 25px}
.padding-100{padding:0 75px}
.row-100{margin:0 -75px}
.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}
.tieuchi{padding:40px 0;background:#f5f5f5 center no-repeat;background-size:cover;overflow:hidden}
@media screen and (max-width:767px){
.tieuchi{padding:20px 0}
}
.box__tieuchi{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}
.box__tieuchi:hover img{transform:rotateY(180deg)}
.box__tieuchi:hover .box__tieuchi--name{color:#1e4071}
.box__tieuchi--pic{flex-shrink:0;margin-bottom:10px}
.box__tieuchi--pic img{max-height:100px;transition:.5s}
.box__tieuchi--content{text-align:center}
.box__tieuchi--name{font-family:Roboto-Bold;font-size:16px;color:#212529;text-transform:uppercase;transition:.5s}
.box__tieuchi--desc{font-family:Roboto-Regular;font-size:14px;color:#636366}
.box__tieuchi__row{flex-direction:row}
.box__tieuchi__row--pic{margin-right:15px;margin-bottom:0}
.box__tieuchi__row--content{text-align:left}
.newsletter .input-cell{margin-bottom:10px}
.newsletter .text-newsletter{border-radius:unset;height:45px}
.newsletter--title{position:relative;margin-bottom:22px}
.newsletter--title h2{font-family:Roboto-Bold;font-size:48px;color:#1e4071}
.newsletter--title p{text-transform:capitalize;color:#fff;font-family:"Lexend Deca";font-size:16px;font-style:normal;font-weight:400;line-height:25px}
.newsletter .btn-send .submit-newsletter{font-family:Roboto-Regular;font-size:14px;color:#000;display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;padding:0 10px;min-width:100%;min-height:45px;background:0 0;text-transform:uppercase}
.newsletter .btn-send .submit-newsletter:hover{text-decoration:none;background:#000;color:#fff}
.newsletter .btn-send .submit-newsletter:hover{background:#ec2d3f}
.newsletter ::-webkit-input-placeholder{font-family:Roboto-Regular;font-size:14px;color:#ccc}
.newsletter ::-moz-placeholder{font-family:Roboto-Regular;font-size:14px;color:#ccc}
.newsletter :-ms-input-placeholder{font-family:Roboto-Regular;font-size:14px;color:#ccc}
.newsletter :-moz-placeholder{font-family:Roboto-Regular;font-size:14px;color:#ccc}
.gioithieu{padding:60px 0;overflow:hidden}
@media screen and (max-width:767px){
.gioithieu{padding:30px 0}
}
.gioithieu--title{font-family:Roboto-Bold;font-size:36px;color:#1e4071;margin-bottom:25px;text-transform:uppercase}
.gioithieu--title span{color:#6e6e6e}
.gioithieu--desc{margin-bottom:24px}
.gioithieu .d-flex{align-items:center;gap:20px}
.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:147px;min-height:36px;background:#1e4071;border-radius:3px;text-transform:capitalize;font-family:Roboto-Medium;font-size:14px;color:#fff}
.gioithieu .d-flex .btn--gioithieu:hover{text-decoration:none;background:#000;color:#fff}
.gioithieu .d-flex .hotline{display:flex;align-items:center;gap:10px}
.gioithieu .d-flex .hotline p{font-family:HelveticaNeue;font-size:12px;color:#212529}
.gioithieu .d-flex .hotline a{font-family:HelveticaNeue-Bold;font-size:16px;color:#1e4071;line-height:1.2}
.gioithieu .d-flex .hotline a:hover{color:#fb4141}
.info{padding:25px 0;background:#1e4071 center no-repeat;background-size:cover}
@media screen and (max-width:767px){
.info{padding:12.5px 0}
}
.info--container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.info .item{display:flex;align-items:center;gap:10px}
.info .item h3{font-size:unset}
.info .item h3 a{font-family:Roboto-Regular;font-size:16px;color:#fff;line-height:1.2}
.info .item h3 a span{font-family:Roboto-Bold}
.info .item h3 a:hover{color:#fb4141}
.all__list{padding:25px 0;overflow:hidden}
@media screen and (max-width:767px){
.all__list{padding:12.5px 0}
}
.list__product{padding:25px 0}
@media screen and (max-width:767px){
.list__product{padding:12.5px 0}
}
.row.product{margin-top:-30px;margin-bottom:-30px}
.box__product{position:relative;margin:30px 0;border-radius:10px;overflow:hidden}
.box__product:hover .box__product--content{opacity:1;visibility:visible;pointer-events:all;transform:rotate3d(0,1,0,0deg);transition:.7s}
.box__product--content{display:flex;justify-content:center;align-items:center;opacity:0;visibility:visible;pointer-events:none;flex-direction:column;position:absolute;top:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px);padding:15px;background:rgba(255,255,255,.7);text-align:center;transform:rotate3d(0,1,0,90deg);pointer-events:none;transition:.7s;pointer-events:none!important}
.duan{padding:50px 0;overflow:hidden}
@media screen and (max-width:767px){
.duan{padding:25px 0}
}
.box__duan{position:relative;border-radius:10px;overflow:hidden}
.box__duan--content{padding:15px;background:linear-gradient(0deg,rgb(0 0 0 / 65%) 0,rgba(255,255,255,0) 100%);position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;display:flex;align-items:start;justify-content:end;flex-direction:column;pointer-events:none}
.box__duan--name{font-family:'SVN-Neutraface 2';font-size:16px;color:#fff;margin-bottom:10px;pointer-events:all}
.box__duan--name:hover{color:#fb4141}
.box__duan--date{color:#fff}
.box__duan--btn{color:#fff;position:absolute;bottom:15px;right:15px;pointer-events:all}
.box__duan--btn i{font-size:12px;margin-left:5px}
.box__duan--btn:hover{color:#fb4141}
.tintuc__video{padding:50px 0}
@media screen and (max-width:767px){
.tintuc__video{padding:25px 0}
}
.tintuc__video .title{margin-bottom:30px}
.tintuc__video .title h2{font-family:Roboto-Regular;font-size:32px;color:#212529;text-transform:uppercase}
.tintuc__video .slick__tintuc{margin:-7px 0}
.box__tintuc{position:relative;display:flex!important;border:unset!important;align-items:center;gap:10px;margin:15px 0}
.box__tintuc--pic{position:relative;flex-shrink:0;max-width:50%}
.box__tintuc--name{margin-bottom:5px;color:#333;font-family:Livvic;font-size:20px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}
.box__tintuc--name:hover{color:#dd7100}
.box__tintuc--desc{margin-bottom:5px;color:#898989;font-family:'Afacad Flux';font-size:14px;font-style:normal;font-weight:400;line-height:23px}
.box__tintuc--date{display:flex;align-items:center;gap:12px}
.box__tintuc--date p{font-family:Roboto-Regular;font-size:14px;color:#6b6b6b}
.box__tintuc--date p img{margin-right:5px;display:unset}
.footer--content p{color:#fff;font-family:Roboto-Regular}
.footer--logo{display:block;margin-bottom:20px}
#footer{background-repeat:no-repeat;background-size:cover;background-color:#fff;border-top:3px solid #cdcdcd;margin-top:50px}
#footer .footerArticle{padding:38px 0}
@media screen and (max-width:767px){
#footer .footerArticle{padding:30px 0}
}
#footer .footerArticle--container{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#footer .item{display:flex;align-items:center;gap:10px}
#footer .item a,#footer .item p{font-family:Roboto-Regular;font-size:16px;color:#fff}
#footer .item:hover a{color:#ff0}
.titleFooter{overflow:hidden;margin-bottom:40px}
.titleFooter h2{font-family:Roboto-Regular;font-size:32px;color:#fff;text-transform:uppercase;position:relative;width:-moz-fit-content;width:fit-content;margin:0 auto;padding-left:15px;padding-right:15px}
.titleFooter h2::before{content:"";background:#fff;width:1330px;height:1px;position:absolute;top:20px;right:calc(100% + 15px);opacity:.2}
.titleFooter h2::after{content:"";background:#fff;width:1330px;height:1px;position:absolute;top:20px;left:calc(100% + 15px);opacity:.2}
.ul-social{list-style-type:none;display:flex;gap:10px;margin-top:20px}
.ul-news{display:flex;flex-direction:column;padding-left:20px;list-style-type:unset;row-gap:10px}
.ul-news li a{font-family:Roboto-Regular;font-size:15px;color:#fff;transition:.3s}
.ul-news li a:hover{color:#ff0}
.footerPowered{background:#111;text-align:left;border-top:1px solid #2c2c2e}
.footerPowered .widthBox{display:flex;justify-content:space-between;align-items:center;padding:10px 15px}
.footerPowered .footer-copyright{font-family:Roboto-Regular;font-size:14px;color:#fff}
.footerPowered .footer-copyright span{font-family:Roboto-Bold;text-transform:uppercase}
.footerPowered .footer-copyright a:hover{color:#1e4071}
.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:224px}
@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:Lora,serif;font-weight:unset}
#google_translate_element{position:absolute;z-index:999;opacity:0}
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}
.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{background-image:linear-gradient(90deg,#dda517 0,#b57a11 31.98%,#fdd649 68.02%,#eccb34 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}
@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:Roboto-Regular;font-size:16px;color:#fff;text-align:center;text-decoration:underline}
.box.news--abs__date span{font-family:Roboto-Regular;font-size:14px;color:#fff}
.box.news--content{padding:15px 0}
.box.news--name{font-family:Roboto-Bold;font-size:16px;color:#000}
.box.news--name:hover{color:#1e4071}
.box.news--date{margin-top:10px;display:flex;align-items:center;gap:12px}
.box.news--date p{font-family:Roboto-Regular;font-size:14px;color:#6b6b6b}
.box.news--date p img{margin-right:5px}
.box.news--desc{font-family:Roboto-Regular;font-size:14px;color:#000;margin-bottom:10px}
.box.news--btn{font-family:Roboto-Bold;font-size:14px;color:#1e4071}
.box.news--btn:hover{color:#fb4141}
.section-du-an .box__duan{margin:10px 0}
.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;background:#fff}
.product_box:hover .product__name a{color:var(--hover-color)}
.product__name{color:#333;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:300;line-height:normal;text-transform:capitalize}
.product__name a{color:inherit}
.product__name.text-split{-webkit-line-clamp:2}
.product__price{border-top:1px solid #333;margin-top:7px;align-items:center;justify-content:start;gap:10px;display:flex}
.price__pro_new a,.price__pro_new strong{color:#6f1900;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:300;line-height:normal;text-transform:capitalize}
.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:'Lexend Deca';font-size:11px;color:#fff;font-weight:700}
.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;border:1px solid #1e1e1e2e;border-radius:10px;overflow:hidden}
.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:'Afacad Flux';font-size:22px;color:#212529;font-weight:700}
.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:Roboto-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:Roboto-Bold;font-size:14px;color:#212529}
.attr-content-pro-detail{margin-bottom:0}
.price-new-pro-detail{font-family:Lora,serif;font-size:20px;color:#d77100;font-weight:800}
.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;text-transform:uppercase}
.tabs-pro-detail .nav-tabs .nav-item .nav-link.active{border-bottom-color:#dd7100;font-family:Lora,serif;font-weight:700;color:#dd7100}
.tabs-pro-detail .nav-tabs .nav-item .nav-link:hover{color:#dd7100}
.tabs-pro-detail .nav-tabs .nav-item.show .nav-link{font-family:Roboto-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}
.col-photo{padding:0 10px;margin-bottom:20px}
.row-photo{margin:20px -10px 0 -10px}
.box:hover a,.box:hover h3{color:#fb4141!important}
.box.photo{text-align:center}
.box.photo .hover-scale{border-radius:5px}
.box.photo .name{font-family:Roboto-Bold;font-size:15px;color:#1e4071;display:block;margin-top:10px}
.cart-fixed{position:relative;background:var(--main-color);width:40px;height:40px;text-align:center;color:#fff!important;border-radius:100%;display:flex!important;align-items:center;justify-content:center}
.cart-fixed .count-cart{position:absolute;top:0;right:-5px;color:#fff;width:20px;height:20px;background:#ec2d3f;text-align:center;line-height:20px;font-size:11px;border-radius:100%;z-index:1000}
.popup-cart .total-procart{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:15px 0}
.popup-cart .total-procart p:last-child{font-size:19px}
#popup-cart .card-cover{position:fixed;top:0;bottom:0;z-index:99999;background:0 0;right:0}
#popup-cart .cart-background{position:fixed;top:0;left:0;right:0;height:100%;z-index:-1;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.645,.045,.355,1)}
#popup-cart .price-new-cart{color:#000}
#popup-cart .cart-dialog{position:absolute;top:0;bottom:0;right:0;transform:translateX(120%);transition:transform .35s ease,right .25s ease,visibility 0s;z-index:1000;width:480px;max-width:90vw;background:#fff;transition:transform .5s;box-shadow:0 2px 12px rgba(0,0,0,.12)}
#popup-cart .wrap-cart{box-shadow:none;border-left:0;border-right:0;border-color:#e7e7e7;height:100%;position:absolute;overflow-y:scroll;left:0;top:0;width:100%;overscroll-behavior:none;padding:5px 10px}
#popup-cart .wrap-cart::-webkit-scrollbar{width:5px;height:10px;border-radius:3px}
#popup-cart .wrap-cart::-webkit-scrollbar-button{width:0;height:0}
#popup-cart .wrap-cart::-webkit-scrollbar-track{background-color:#d4d4d4}
#popup-cart .wrap-cart::-webkit-scrollbar-track-piece{background-color:#e7e7e7}
#popup-cart .wrap-cart::-webkit-scrollbar-thumb{height:60px;background-color:#d4d4d4}
#popup-cart .wrap-cart::-webkit-scrollbar-corner{background-color:#e7e7e7}
#popup-cart .wrap-cart::-webkit-resizer{background-color:#e7e7e7}
#popup-cart .info-procart{padding-right:0}
#popup-cart .link-to-cart{display:block;background:var(--main-color);color:#fff;border-radius:5px;margin-bottom:10px;padding:10px 0;border:1px solid var(--main-color);transition:.4s}
#popup-cart .link-to-cart:hover{background:#fff;color:var(--main-color)}
#popup-cart .buymore-cart{text-decoration:underline}
#popup-cart .procart{padding:15px 0}
#popup-cart .quantity-counter-procart{border-radius:0;border-color:#f9f9f9;margin-left:0}
#popup-cart .cart-header{padding:15px 10px}
#popup-cart .close-cart{width:25px;height:25px;background:0 0;outline:0;border:none;font-size:25px;color:#333}
#popup-cart .cart-title{font-size:16px;color:var(--main-color);font-weight:700}
#popup-cart .cart-footer{padding:15px 10px}
#popup-cart .cart-footer .total-procart{padding:6px 0}
#popup-cart .cart-footer .total-procart p:first-child{font-weight:400}
#popup-cart .cart-footer .total-procart p:last-child{font-size:18px}
#popup-cart .cart-body{flex-grow:1;position:relative}
#popup-cart .del-procart{color:#ec2d3f;font-size:15px;display:block;cursor:pointer;height:15px;width:15px;position:absolute;top:calc(50% - 7.5px);right:0}
#popup-cart.opened .cart-background{opacity:1;visibility:visible}
#popup-cart.opened .card-cover{left:0!important;transition-delay:0s}
#popup-cart.opened .cart-dialog{width:480px;transform:translateX(0);transition-delay:.1s;transition-duration:.3s;transition:transform .35s ease,right .25s ease,visibility 0s;right:0}
.no-cart{padding:15px 10px;border-top:1px solid #f9f9f9}
.no-cart p{margin:10px 0}
.no-cart a{display:inline-block;color:#1a73e8;text-decoration:underline}
.no-cart .form-search{width:50%;margin:30px auto 0 auto;position:relative}
.no-cart input{width:100%;height:40px;outline:0;border:1px solid #ccc;padding:0 40px 0 20px}
.no-cart button{position:absolute;top:0;right:0;height:100%;width:40px;outline:0;border:1px solid #ccc;cursor:pointer}
.buymore-cart{color:var(--main-color);cursor:pointer;margin:0}
.buymore-cart i{margin-right:2px;margin-top:5px;vertical-align:top;font-size:12px}
.wrap-cart{padding:20px 15px;background:#fff;border:1px solid #d8d8d8;box-shadow:0 0 20px rgba(0,0,0,.15)}
.procart{padding:15px 10px}
.procart+.procart{border-top:1px solid #f1f1f1}
.top-cart .procart{padding:15px 0}
.number-pro-cart{font-size:13px}
.pic-procart{position:relative;flex:0 0 85px;-ms-flex:0 0 85px;max-width:85px}
.pic-procart .del-procart{color:#999;font-size:15px;display:block;cursor:pointer;height:15px;width:15px;position:absolute;top:-7.5px;left:-7.5px}
.pic-procart .del-procart i{display:block}
.pic-procart .del-procart:hover{color:red}
.pic-procart img{display:block;border:1px solid #ededed}
@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}
}
.price-info-cart strong{margin-right:10px}
.price-info-cart del{font-size:12px;color:#8f9bb3}
.name-procart a{transition:.3s;display:block;font-family:Roboto-Bold;font-size:14px;color:#000}
.name-procart a:hover{color:#ec2d3f}
.properties-procart{display:block;font-size:13px}
.properties-procart p{display:inline-block;margin-bottom:0}
.properties-procart p:first-child{margin-right:10px}
.properties-procart p strong{font-weight:700}
.quantity-counter-procart{border:1px solid #f9f9f9;width:90px;margin-top:5px;height:25px;line-height:normal;text-align:center;display:flex;align-items:stretch;margin-left:calc(100% - 90px)}
.counter-procart{background-color:#f9f9f9;border:0;width:30%;color:#333;outline:0;cursor:pointer;font-size:10px;font-weight:700}
.counter-procart:focus,.counter-procart:hover{color:#ec2d3f}
.counter-procart:disabled,.counter-procart:disabled:hover{color:#ccc;cursor:not-allowed}
.counter-procart-minus{line-height:25px}
.counter-procart-plus{line-height:25px}
.quantity-counter-procart .quantity-procart{width:40%;box-sizing:border-box;border:0;border-right:1px solid #f9f9f9;border-left:1px solid #f9f9f9;outline:0;box-shadow:none;padding:0;color:#333;text-align:center}
.price-procart{flex:0 0 95px;-ms-flex:0 0 95px;max-width:95px;text-align:right}
.info-procart{padding:0 15px;flex-grow:1}
.price-new-cart{color:#ec2d3f;margin-bottom:0;font-family:Roboto-Bold}
.price-old-cart{color:#999;text-decoration:line-through}
.total-procart{padding:5px 0;display:flex;align-items:baseline;justify-content:space-between}
.total-procart p{font-family:Roboto-Bold}
.total-procart p:last-child{color:#ec2d3f;font-size:18px}
hr.hr-md{margin:.5rem 0}
.link-to-payment{display:block;background:var(--main-color);color:#fff;text-decoration:none;text-transform:uppercase;padding:10px 5px;text-align:center;font-family:Roboto-Bold;border-radius:0;transition:.4s;border-radius:5px;border:1px solid var(--main-color);margin-top:15px}
.link-to-payment:hover{background:#fff;color:var(--main-color)}
@media screen and (max-width:991px){
.cover-list-pro{border-radius:0;box-shadow:none}
}
.section-cart{background:#fff;border-radius:5px}
.section-cart.top{padding:15px}
.section-cart.bot{padding:15px;border-radius:0 0 5px 5px}
.section-cart h4{padding:15px;border-bottom:1px solid #eae4e8;font-family:Roboto-Bold;font-size:16px;color:var(--main-color)}
.section-cart>p{font-size:14px;margin-bottom:15px}
.section-cart .counter-cart{font-family:Roboto-Bold}
.section-cart .list-procart{padding:8px;border:2px solid #eae4e8;overflow:hidden;border-radius:8px}
@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}
}
.title-cart{font-family:Roboto-Bold;font-size:16px;color:var(--main-color);margin-bottom:25px;margin-bottom:15px;position:relative}
.title-cart a{font-size:14px;color:#000;font-weight:400}
.title-cart a:hover{color:#1e4071}
.procart.procart-label{background:var(--main-color);font-weight:700;color:#fff;padding:10px}
.input-cart{margin-bottom:.5rem;position:relative}
.input-cart textarea{resize:none;height:100px}
.input-cart select{cursor:pointer}
.payments-cart{text-align:left;margin-bottom:5px;min-height:auto}
.payments-cart:last-child{margin-bottom:0}
.payments-cart input{top:calc(50% - .625rem)}
.payments-label{cursor:pointer;background:#eee;display:block;padding:10px 15px;border-radius:3px;margin-bottom:0;color:#313131!important}
.payments-label::after,.payments-label::before{top:calc(50% - .5rem)}
.payments-label.active{background:#ec2d3f;color:#fff!important}
.payments-info{opacity:0;visibility:hidden;height:0;overflow:hidden;background:#f5efef;border-radius:5px}
.payments-info p{margin-bottom:1em}
.payments-info.active{padding:10px 15px;margin-top:5px;opacity:1;visibility:visible;height:auto}
.btn-cart{background:var(--main-color);color:#fff;font-size:14px;border:1px solid var(--main-color);text-transform:uppercase;font-weight:700;height:40px}
.btn-cart:hover{color:var(--main-color);background:#fff}
.empty-cart{padding:25px 30px;display:block;text-align:center;color:#23527c!important;width:100%}
.empty-cart i{color:red;font-size:70px}
.empty-cart p{margin:15px 0;color:#333;font-size:18px}
.empty-cart span{display:inline-block;border:1px solid #2e9ef2;border-radius:3px;padding:10px;font-size:16px;text-transform:uppercase;width:100%;max-width:325px}
.color-pro-detail{cursor:pointer;display:inline-block;vertical-align:top;position:relative;width:30px;height:30px;margin:0 4px;border:1px solid #eee;background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:50%}
.color-pro-detail::after{content:"";position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:50%}
.color-pro-detail.active::after{box-shadow:0 0 4px rgba(0,0,0,.5)}
.color-pro-detail:hover .color-tooltip{display:block}
.capacity-pro-detail,.magic-pro-detail,.origin-pro-detail,.size-pro-detail{cursor:pointer;border:1px solid #ccc;display:inline-block;position:relative;margin-bottom:0;padding:3px 10px;border-radius:4px;background:#fff;overflow:hidden}
.capacity-pro-detail+.capacity-pro-detail,.magic-pro-detail+.magic-pro-detail,.origin-pro-detail+.origin-pro-detail,.size-pro-detail+.size-pro-detail{margin-left:5px}
.capacity-pro-detail.active,.magic-pro-detail.active,.origin-pro-detail.active,.size-pro-detail.active{border-color:#000;color:#000}
.capacity-pro-detail.active::before,.magic-pro-detail.active::before,.origin-pro-detail.active::before,.size-pro-detail.active::before{content:"";padding:4px;font-size:10px;line-height:1;position:absolute;top:-15px;right:-13px;background:#080808;width:26px;height:24px;transform:rotate(45deg);border-radius:100%}
.capacity-pro-detail.active::after,.magic-pro-detail.active::after,.origin-pro-detail.active::after,.size-pro-detail.active::after{content:"";background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkCw8RJSHXzNuNAAAAfElEQVQoz7WRsQ2CYBQGLwRCaLRkDwqdwcLCSZjCmj2AgtoJXMbEUquzEAz+8Je89r675sGG59ka0ig+0ZFbJDGbgRwoAXemi/hb1QZw793ebB739cPgTdV2qvzZAFY+VL+VwB4nB59j5RLYhBVXcTBZw7NJDAN49LrFyz67GnkMHStx0wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0xMS0xNVQxNzozNzozMyswMDowMGfDTJEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMTEtMTVUMTc6Mzc6MzMrMDA6MDAWnvQtAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain;position:absolute;top:0;right:0;width:6px;height:6px}
.capacity-pro-detail input[type=radio],.color-pro-detail input[type=radio],.magic-pro-detail input[type=radio],.origin-pro-detail input[type=radio],.size-pro-detail input[type=radio]{display:none}
.quantity-pro-detail{width:100%;max-width:130px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center}
.quantity-pro-detail span{padding:0;width:44px;height:44px;color:#a4aaaf;cursor:pointer;border:1px solid #ced4da;background:#fff}
.quantity-pro-detail span i{line-height:44px;font-size:14px;width:44px;height:44px;transition:.3s}
.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0;border-radius:0 5px 5px 0}
.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0;border-radius:5px 0 0 5px}
.quantity-pro-detail span:hover i{color:#000}
.quantity-pro-detail input{height:44px;border-top:1px solid #ced4da;border-bottom:1px solid #ced4da;width:calc(100% - 88px);text-align:center;font-size:14px;padding:5px}
.group-quantity-pro-detail{width:130px}
.group-cart-pro-detail{flex:0 0 calc(100% - 130px);-ms-flex:0 0 calc(100% - 130px);max-width:calc(100% - 130px);padding-left:10px}
.cart-pro-detail a{text-transform:uppercase;display:block;text-align:center;border-radius:5px;cursor:pointer;transition:.4s;border:1px solid #000;background:#fff;line-height:42px;font-family:Roboto-Bold}
.cart-pro-detail a.btn-pro{background:#000;color:#fff}
.cart-pro-detail a.btn-pro:hover{color:#000;background:#fff}
.cart-pro-detail a.btn-outline-pro{color:#000}
.cart-pro-detail a.btn-outline-pro:hover{color:#fff;background:#000}
.cart-pro-detail a.unclick{pointer-events:none;filter:grayscale(1);opacity:.5}
@media screen and (max-width:991px){
.cart-pro-detail a{font-size:12.5px;line-height:33px}
}
.cart-product{margin-bottom:0}
.cart-product span{cursor:pointer;width:49%;float:left;color:#fff;text-transform:capitalize;text-align:center;padding:7px 5px;border-radius:3px}
.cart-add{margin-right:2%;background-color:#ec2d3f}
.cart-add:hover{background-color:#c31829}
.cart-buy{background-color:#28a745}
.cart-buy:hover{background-color:#207d36}
.cuppon-row p{padding-left:25px;background:url(../images/coupon-icon.webp) no-repeat left center;line-height:22px}
.cuppon-row a{color:var(--main-color)}
.lb-header-cuppon svg{width:30px;margin-right:5px}
.cuppon-payment button{width:100%;height:42px;background:var(--main-color);color:#fff;border-radius:5px}
.color-tooltip{background:#000;color:#fff;position:absolute;left:50%;top:0;font-size:11px;padding:2px 8px;border-radius:5px;line-height:20px;transform:translate(-50%,calc(-100% - 10px));display:none}
.color-tooltip::after{border-style:solid;border-width:3px 2.5px 0 2.5px;border-color:#000 transparent transparent transparent;background:#333;content:"";height:8px;position:absolute;transform:rotate(45deg);width:8px;left:calc(50% - 4px);bottom:-4px}
.cupponBox{position:relative;background:#fff;filter:drop-shadow(0 0 3px rgba(0, 0, 0, .15));padding:10px;border-radius:5px;min-height:100px}
.cupponBox::before{content:"";position:absolute;top:0;left:-3px;height:100%;width:10px;color:#fff;background-clip:padding-box;background:repeating-linear-gradient(#e5e5e5,#e5e5e5 5px,transparent 0,transparent 9px,#e5e5e5 0,#e5e5e5 10px) 0/1px 100% no-repeat,radial-gradient(circle at 0 7px,transparent,transparent 2px,rgba(229,229,229,.9333333333) 0,#e5e5e5 3px,currentColor 0) 1px 0/100% 10px repeat-y}
.cuppon__slick--items{padding:7px}
.cuppon__slick{margin:0 -7px}
.cupponBox_icon{flex:0 0 90px;-ms-flex:0 0 90px;max-width:90px}
.cupponBox_info{flex:0 0 calc(100% - 90px);-ms-flex:0 0 calc(100% - 90px);max-width:calc(100% - 90px);padding-left:10px}
.cupponBox_info h3{font-size:15px;font-weight:700;color:var(--main-color);transition:.3s}
.cupponBox_info p{margin:4px 0}
.cupponBox_info button{padding:2px 15px;display:block;font-size:12px;background:var(--main-color);color:#fff;line-height:24px;height:24px;border-radius:12px}
.cupponBox_info a{text-decoration:underline}
.status_card{height:0;opacity:0;pointer-events:none}
.status_card.active{height:auto;opacity:1}
.section-main{margin-top:15px;margin-bottom:25px}
.title-main{margin-bottom:1.5rem;text-align:center}
.title-main h2{margin:5px 0 17px 0;text-align:center;color:#333;font-family:Livvic;font-size:32px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize;text-transform:uppercase}
.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:Roboto-Bold;font-size:36px;color:#1e4071;text-transform:uppercase}
@media screen and (max-width:767px){
.header-container h2{font-size:24px}
}
.titleMain{margin-bottom:30px}
.titleMain h2{font-family:Roboto-Regular;font-size:32px;color:#212529;text-transform:uppercase;width:-moz-fit-content;width:fit-content;margin:0 auto;position:relative}
.titleMain h2::before{content:"";background:#000;width:160px;height:1px;position:absolute;top:50%;right:calc(100% + 15px);opacity:.2}
.titleMain h2::after{content:"";background:#000;width:160px;height:1px;position:absolute;top:50%;left:calc(100% + 15px);opacity:.2}
.titleMain p{font-family:Roboto-Regular;font-size:14px;color:#212529}
.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;color:#fff;font-size:10px;font-weight:600;font-family:Montserrat;height:44px;display:flex;justify-content:center;align-items:center;border-radius:100rem;background:#cd7722;transition:.3s;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border:1px solid #cdcdcd;box-shadow:0 0 10px 0 #00000069;text-transform:uppercase}
.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(30,64,113,.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(30,64,113,.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:#dd7100;border-top:1px solid #fff}
.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 rgb(255 255 255 / 20%);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%}
@media screen and (max-width:991px){
.social_fixed-phone{display:block}
}
.goTop{width:45px;height:45px;text-align:center;font-weight:700;color:#fff;text-decoration:none;bottom:65px;right:25px;display:none;z-index:10;border:1px solid rgb(255 255 255);cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:100rem;transition:1s;margin:0 auto;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);background:#cd7722}
.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;align-items:start;padding-left:20px}
.mobile_menu_section .mobile_menu_section-title{color:#dd7100;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;color:#1e1e1e}
.border-animation{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(30,64,113,.5);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:Roboto-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 #1e4071}
.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:Roboto-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 #1e4071}
.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:#1e4071;border-color:#1e4071}
.second-menu>li:hover>.sub-menu{transform:rotate3d(0,0,0,0deg)}
.second-menu>li:hover>a{color:#fb4141;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:Roboto-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:#1e4071!important;border-color:#1e4071!important}
.sub-menu>li:hover>a{color:#fb4141;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:#1e4071}
.custom__scroll::-webkit-scrollbar{width:5px;height:5px}
.custom__scroll::-webkit-scrollbar-button{width:0;height:0}
.custom__scroll::-webkit-scrollbar-track{background-color:#1e4071}
.custom__scroll::-webkit-scrollbar-track-piece{background-color:#fff}
.custom__scroll::-webkit-scrollbar-thumb{height:50px;background-color:#1e4071;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)}
}
.product__stars{margin:8px 0 11px 0}
.price__pro_discount{position:absolute;top:0;border-radius:500px;width:40px;text-align:center;margin:9px 13px;right:0;height:40px;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Montserrat;font-size:10px;font-style:normal;font-weight:300;line-height:normal;text-transform:capitalize;background:#d52729}
span.tag_hot{position:absolute;top:40px;width:50px;background:red;text-align:center;color:#fff;border-radius:20px;font-family:Roboto-Medium}
.wrap__footer__info-social ul{display:flex;list-style:none;gap:20px;margin-top:18px}
.wrap__footer__info-desc{color:#fff;font-family:"Fz Poppins";font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-top:22px;margin-bottom:40px}
img.logo-croll{width:139px}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
ul{padding:0;margin:0;list-style:none}
.megamenu_lists>li>a{padding:10px;color:#000}
.xs-container{width:100%;margin-left:auto;margin-right:auto;position:relative;max-width:1140px}
.xs-navbar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.xs-navbar-brand{text-decoration:none;color:#000}
.xs-navbar-brand>h2{margin-top:0;margin-bottom:0}
@media (min-width:992px){
.elementskit-header .elementskit-menu-container{position:static}
.elementskit-megamenu-panel>li{display:inline-block;width:25%;float:left}
}
.language-content p{color:#fff;text-align:center;margin-bottom:40px;font-size:rem(20px)}
.flag-lists{text-align:center}
.flag-lists li{display:inline-block;margin-right:25px}
.flag-lists li:last-child{margin-right:0}
.flag-lists li a{display:block;color:#fff;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.flag-lists li a:hover{opacity:.7}
.flag-lists li a img{width:40px;height:40px;margin-right:10px;vertical-align:middle}
.modal-searchPanel .xs-search-group{position:relative}
.modal-searchPanel .xs-search-group input:not([type=submit]){height:70px;background-color:transparent;border-radius:50px;border:2px solid #fff;color:#fff;padding:0 30px;width:100%}
.modal-searchPanel .xs-search-group input:not([type=submit])::-webkit-input-placeholder{color:#fff}
.modal-searchPanel .xs-search-group input:not([type=submit])::-moz-placeholder{color:#fff}
.modal-searchPanel .xs-search-group input:not([type=submit]):-ms-input-placeholder{color:#fff}
.modal-searchPanel .xs-search-group input:not([type=submit]):-moz-placeholder{color:#fff}
.modal-searchPanel .xs-search-group .search-button{background-color:transparent;border:0;padding:0;color:#fff;position:absolute;right:0;cursor:pointer;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:100%;width:70px;border-radius:0 50px 50px 0}
.modal-searchPanel .xs-search-panel{max-width:800px;margin:1.75rem auto}
.mfp-bg.xs-promo-popup{background-color:rgba(0,0,0,.87);padding-bottom:100%;border-radius:100%;overflow:hidden;-webkit-animation:menu-animation .8s ease-out forwards;animation:menu-animation .8s ease-out forwards}
@-webkit-keyframes menu-animation{
0%{opacity:0;-webkit-transform:scale(.04) translateY(300%);transform:scale(.04) translateY(300%)}
40%{-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0);-webkit-transition:ease-out;-o-transition:ease-out;transition:ease-out}
40%{-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0)}
60%{opacity:1;-webkit-transform:scale(.02) translateY(0);transform:scale(.02) translateY(0)}
61%{opacity:1;-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0)}
99.9%{opacity:1;height:0;padding-bottom:100%;border-radius:100%}
to{opacity:1;-webkit-transform:scale(2) translateY(0);transform:scale(2) translateY(0);height:100%;padding-bottom:0;border-radius:0}
}
@keyframes menu-animation{
0%{opacity:0;-webkit-transform:scale(.04) translateY(300%);transform:scale(.04) translateY(300%)}
40%{-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0);-webkit-transition:ease-out;-o-transition:ease-out;transition:ease-out}
40%{-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0)}
60%{opacity:1;-webkit-transform:scale(.02) translateY(0);transform:scale(.02) translateY(0)}
61%{opacity:1;-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0)}
99.9%{opacity:1;height:0;padding-bottom:100%;border-radius:100%}
to{opacity:1;-webkit-transform:scale(2) translateY(0);transform:scale(2) translateY(0);height:100%;padding-bottom:0;border-radius:0}
}
.mm-slideout{overflow:hidden}
a.box__tintuc--btn.transition{position:absolute;bottom:0;right:0;padding:5px 25px;color:#fff;border:1px solid transparent;background:#cd7722;border:unset;text-transform:capitalize;font-size:14px}
.section-main.section-dich-vu .box__tintuc{align-items:unset}
body{overflow-x:hidden}
.title-main span{color:#0e6837;text-align:center;font-family:"Afacad Flux";font-size:14px;font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase}
.title-main p{color:#898989;text-align:center;font-family:"Lexend Deca";font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}
.News__Videos__Us__Header{margin-bottom:53px}
.menu ul li a:hover{color:#dd7100}
.menu ul li ul li a:hover{color:#dd7100}