/* Toc */ 
/* a.mucluc-dropdown-list_button:before {content: "\f03a";font-family:"FontAwesome";font-style:normal;font-weight:400;background: #fff;color: #006ACB!important;font-size: 20px;width: 35px;height: 35px;display: inline-block;line-height: 38px;text-align: center;border: 1px solid #ddd;} */
/* .meta-toc.fiedx {position: fixed;left: 5px;top: 250px;z-index: 111;} */
/* .meta-toc .mucluc-dropdown-list_button{display: none} */
/* .meta-toc.fiedx .mucluc-dropdown-list_button{display: block;} */
/* .meta-toc:not(.fiedx) .box-readmore{display: block !important;} */
/* .box-readmore {padding: 10px;background-color: #f5f5f5;width: 100%;margin-top: 2px;border: 1px solid #dddddd;font-size: 13px;margin-bottom: 10px;} */
/* .meta-toc.fiedx .box-readmore{width: 350px;display: none;} */
/* .box-readmore li ul > li {margin: 0;margin-bottom: 8px;} */
/* .box-readmore li ul > li:before {content: counters(item, ".") " ";} */
/* .box-readmore ul {list-style-type: none;counter-reset: item;margin-bottom: 0px;padding-left: 0px !important;margin-top: 8px;} */
/* .box-readmore ul li {display: table;counter-increment: item;margin: 0 0 5px 0;}  */
/* .box-readmore ul li:before {content: counters(item, ".") ". ";display: table-cell;padding-right: 5px;} */
/* .box-readmore ul li a {color: #000!important;cursor: pointer;font-weight: 500;font-size: 14px;} */
/* .box-readmore ul li li a{font-weight: 400;} */
/* .box-readmore ul li a:hover {color: #767676;} */

.title-readmore{cursor:pointer;font-size:20px;color:#000;text-transform:uppercase}
.title-readmore i{position:inline-block;vertical-align:middle;margin-right:5px;width:45px;height:40px;line-height:40px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#015AFF;color:#fff;text-align:center}
.box-readmore{display:block;padding:8px 15px;margin-bottom:1rem;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#ceeafd;color:#333}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item,".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0;padding-left:0!important;margin-top:15px;font-size:15px}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item,".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333;cursor:pointer}
.box-readmore ul li a:hover{color:#767676}
.meta-toc:not(.meta-toc-fixed) .toc-list{display:none}
.meta-toc-fixed{position:fixed;left:10px;top:20px;z-index:99999;background:transparent;padding:0;display:none}
.meta-toc-fixed.active{display:block}
.meta-toc-fixed .box-readmore{width:350px;display:none;margin-top:2px}
.toc-list li a{padding:5px;}
.toc-list li a.active{background:#ff0000;color:#fff;}
.ckeditor { overflow-x: auto;}
.ckeditor:after { content:''; clear: both; display:block;}
.ckeditor *:not(iframe) { max-width: 100% !important; height: auto !important;}
.ckeditor iframe { max-width: 100% !important; }
.ckeditor img{height: auto;}
.textshadow{text-shadow: 1px 1px #fff, -1px -1px #fff, -1px 1px #fff, 1px -1px #fff;}

/* transition: all 0.3s linear; */

/*Hieu ung*/
.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px transparent;-moz-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform, -moz-transform;transition-property:transform;transition-property:transform, -webkit-transform, -moz-transform, -o-transform}
.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);background:-moz-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);background:-o-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,-o-transform;-moz-transition-property:transform,opacity,-moz-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform,-moz-transform,-o-transform}
.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}
.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}

.hvr-sweep-to-right { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); -moz-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-box-shadow:0 0 1px transparent; -moz-box-shadow:0 0 1px transparent; box-shadow:0 0 1px transparent; position:relative; -webkit-transition-property:color; -o-transition-property:color; -moz-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s}
.hvr-sweep-to-right:before { content:""; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:var(--color-static2); -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; -moz-transform-origin:0 50%; -ms-transform-origin:0 50%; -o-transform-origin:0 50%; transform-origin:0 50%; -webkit-transition-property:transform; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:-o-transform; -moz-transition-property:transform, -moz-transform; transition-property:transform; transition-property:transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out}
.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover { color:var(--color-dark)}
.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before { -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1)}
 
.hover_sang2{position:relative; overflow:hidden;}
.hover_sang2:before{position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,.3)));background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);-moz-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover_sang2:hover:before {-webkit-transition: 1s;-o-transition: 1s;-moz-transition: 1s;transition: 1s;left: 100%;}

.hover_xam { position:relative; overflow:hidden; }
.hover_xam::before { content:""; background:rgba(255, 255, 255, .5); bottom:0; left:0; position:absolute; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); -khtml-opacity:1; -o-opacity:1; -ms-opacity:1; -webkit-opacity:1; -moz-opacity:1; opacity:1; width:0; height:0; z-index:2; }.hover_xam::after { content:""; background:rgba(255, 255, 255, .5); top:0; right:0; position:absolute; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); -khtml-opacity:1; -o-opacity:1; -ms-opacity:1; -webkit-opacity:1; -moz-opacity:1; opacity:1; width:0; height:0; z-index:2; }.hover_xam:hover::before, .hover_xam:hover::after { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); -webkit-transition-duration:1.3s; -moz-transition-duration:1.3s; -o-transition-duration:1.3s; transition-duration:1.3s; -khtml-opacity:0; -o-opacity:0; -ms-opacity:0; -webkit-opacity:0; -moz-opacity:0; opacity:0; height:100%; width:100%; }

@-webkit-keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-moz-keyframes spin {to {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}}
@-o-keyframes spin {to {-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes spin {to {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}

@-webkit-keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}
@-moz-keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}
@-o-keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}
@keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}

@-webkit-keyframes shake-anim {0%,100%,50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}10%,30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}20%,40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}}
@-moz-keyframes shake-anim {0% {-webkit-transform: rotate(0) scale(1) skew(1deg);-moz-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);}10%,30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg);}20%,40% {-moz-transform: rotate(25deg) scale(1) skew(1deg);}100%,50% {-moz-transform: rotate(0) scale(1) skew(1deg);}}
@-o-keyframes shake-anim {0% {-webkit-transform: rotate(0) scale(1) skew(1deg);-o-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);}10%,30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg);}20%,40% {-moz-transform: rotate(25deg) scale(1) skew(1deg);}100%,50% {-moz-transform: rotate(0) scale(1) skew(1deg);}}
@keyframes shake-anim {0% {-webkit-transform: rotate(0) scale(1) skew(1deg);-moz-transform: rotate(0) scale(1) skew(1deg);-o-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);}10%,30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg);}20%,40% {-moz-transform: rotate(25deg) scale(1) skew(1deg);}100%,50% {-moz-transform: rotate(0) scale(1) skew(1deg);}}

@-webkit-keyframes rotating {from {-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}
@-moz-keyframes rotating { from {-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} to {-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}
@-o-keyframes rotating { from {-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} to {-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes rotating { from {-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} to {-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}} 

@-webkit-keyframes pulsate {50% {-webkit-transform:scale(0.85, 0.85);transform:scale(0.85, 0.85);}100% {-webkit-transform:scale(1, 1);transform:scale(1, 1);}}
@-moz-keyframes pulsate {50% {-webkit-transform:scale(0.85, 0.85);-moz-transform:scale(0.85, 0.85);transform:scale(0.85, 0.85);}100% {-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);}}
@-o-keyframes pulsate {50% {-webkit-transform:scale(0.85, 0.85);-o-transform:scale(0.85, 0.85);transform:scale(0.85, 0.85);}100% {-webkit-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);}}
@keyframes pulsate {50% {-webkit-transform:scale(0.85, 0.85);-moz-transform:scale(0.85, 0.85);-o-transform:scale(0.85, 0.85);transform:scale(0.85, 0.85);}100% {-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);}}

@-webkit-keyframes moveArrow { 0% {-webkit-transform: translateX(0px);transform: translateX(0px);}25% {-webkit-transform: translateX(175px);transform: translateX(175px);}50% {-webkit-transform: translateX(-175px);transform: translateX(-175px);}100% {-webkit-transform: translateX(175px);transform: translateX(175px);}}
@-moz-keyframes moveArrow { 0% {-moz-transform: translateX(0px);transform: translateX(0px);}49% {-moz-transform: translateX(175px);transform: translateX(175px);}50% {-moz-transform: translateX(-175px);transform: translateX(-175px);}100% {-moz-transform: translateX(0px);transform: translateX(0px);}}
@-o-keyframes moveArrow { 0% {-o-transform: translateX(0px);transform: translateX(0px);}49% {-o-transform: translateX(175px);transform: translateX(175px);}50% {-o-transform: translateX(-175px);transform: translateX(-175px);}100% {-o-transform: translateX(0px);transform: translateX(0px);}}
@keyframes moveArrow { 0% {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}49% {-webkit-transform: translateX(175px);-moz-transform: translateX(175px);-o-transform: translateX(175px);transform: translateX(175px);}50% {-webkit-transform: translateX(-175px);-moz-transform: translateX(-175px);-o-transform: translateX(-175px);transform: translateX(-175px);}100% {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}}

@-webkit-keyframes anime {0% {color: var(--color-gray);letter-spacing: 1px;text-shadow: 1px 1px 0 #000;-webkit-transform: translateY(0);transform: translateY(0)}50% {color: var(--color-static);letter-spacing: 5px;text-shadow: 5px 10px 1px var(--color-dark);-webkit-transform: translateY(-10px);transform: translateY(-10px)}100% {color: var(--color-gray);letter-spacing: 1px;text-shadow: 1px 1px 0 var(--color-dark);-webkit-transform: translateY(0);transform: translateY(0)}}
@-moz-keyframes anime {0% {color: var(--color-gray);letter-spacing: 1px;text-shadow: 1px 1px 0 var(--color-dark);-moz-transform: translateY(0);transform: translateY(0)}50% {color: var(--color-static);letter-spacing: 5px;text-shadow: 5px 10px 1px var(--color-dark);-moz-transform: translateY(-10px);transform: translateY(-10px)}100% {color: var(--color-gray);letter-spacing: 1px;text-shadow: 1px 1px 0 var(--color-dark);-moz-transform: translateY(0);transform: translateY(0)}}
@-o-keyframes anime {0% {color: var(--color-gray);letter-spacing: 1px;text-shadow: 1px 1px 0 var(--color-dark);-o-transform: translateY(0);transform: translateY(0)}50% {color: var(--color-static);letter-spacing: 5px;text-shadow: 5px 10px 1px var(--color-dark);-o-transform: translateY(-10px);transform: translateY(-10px)}100% {color: var(--color-gray);letter-spacing: 1px;text-shadow: 1px 1px 0 var(--color-dark);-o-transform: translateY(0);transform: translateY(0)}}
@keyframes anime {0% {color: var(--color-gray);letter-spacing: 1px;text-shadow: 1px 1px 0 var(--color-dark);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0)}50% {color: var(--color-static);letter-spacing: 5px;text-shadow: 5px 10px 1px var(--color-dark);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px)}100% {color: var(--color-gray);letter-spacing: 1px;text-shadow: 1px 1px 0 var(--color-dark);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0)}}

@-webkit-keyframes MaskPlay {from {-webkit-mask-position: 0 0;mask-position: 0 0}to {-webkit-mask-position: 100% 0;mask-position: 100% 0}}
@-moz-keyframes MaskPlay {from {-webkit-mask-position: 0 0;mask-position: 0 0} to {-webkit-mask-position: 100% 0;mask-position: 100% 0}}
@-o-keyframes MaskPlay {from {-webkit-mask-position: 0 0;mask-position: 0 0} to {-webkit-mask-position: 100% 0;mask-position: 100% 0}}
@keyframes MaskPlay {from {-webkit-mask-position: 0 0;mask-position: 0 0} to {-webkit-mask-position: 100% 0;mask-position: 100% 0}}

@-webkit-keyframes top {0% {top: 0;-webkit-transform: rotate(0);transform: rotate(0);}50% {top: 6px;-webkit-transform: rotate(0);transform: rotate(0);}100% {top: 6px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}}

@-moz-keyframes top {0% {top: 0;-moz-transform: rotate(0);transform: rotate(0);}50% {top: 6px;-moz-transform: rotate(0);transform: rotate(0);}100% {top: 6px;-moz-transform: rotate(45deg);transform: rotate(45deg);}}

@-o-keyframes top {0% {top: 0;-o-transform: rotate(0);transform: rotate(0);}50% {top: 6px;-o-transform: rotate(0);transform: rotate(0);}100% {top: 6px;-o-transform: rotate(45deg);transform: rotate(45deg);}}

@keyframes top {0% {top: 0;-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}50% {top: 6px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}100% {top: 6px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}}
@-webkit-keyframes top-2 {0% {top: 6px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}50% {top: 6px;-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {top: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
@-moz-keyframes top-2 {0% {top: 6px;-moz-transform: rotate(45deg);transform: rotate(45deg);}50% {top: 6px;-moz-transform: rotate(0deg);transform: rotate(0deg);}100% {top: 0;-moz-transform: rotate(0deg);transform: rotate(0deg);}}
@-o-keyframes top-2 {0% {top: 6px;-o-transform: rotate(45deg);transform: rotate(45deg);}50% {top: 6px;-o-transform: rotate(0deg);transform: rotate(0deg);}100% {top: 0;-o-transform: rotate(0deg);transform: rotate(0deg);}}
@keyframes top-2 {0% {top: 6px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}50% {top: 6px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}100% {top: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}}
@-webkit-keyframes bottom {0% {bottom: 0;-webkit-transform: rotate(0);transform: rotate(0);}50% {bottom: 8px;-webkit-transform: rotate(0);transform: rotate(0);}100% {bottom: 8px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}}
@-moz-keyframes bottom {0% {bottom: 0;-moz-transform: rotate(0);transform: rotate(0);}50% {bottom: 8px;-moz-transform: rotate(0);transform: rotate(0);}100% {bottom: 8px;-moz-transform: rotate(135deg);transform: rotate(135deg);}}
@-o-keyframes bottom {0% {bottom: 0;-o-transform: rotate(0);transform: rotate(0);}50% {bottom: 8px;-o-transform: rotate(0);transform: rotate(0);}100% {bottom: 8px;-o-transform: rotate(135deg);transform: rotate(135deg);}}
@keyframes bottom {0% {bottom: 0;-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}50% {bottom: 8px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}100% {bottom: 8px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}}
@-webkit-keyframes bottom-2 {0% {bottom: 8px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}50% {bottom: 8px;-webkit-transform: rotate(0);transform: rotate(0);}100% {bottom: 0;-webkit-transform: rotate(0);transform: rotate(0);}}
@-moz-keyframes bottom-2 {0% {bottom: 8px;-moz-transform: rotate(135deg);transform: rotate(135deg);}50% {bottom: 8px;-moz-transform: rotate(0);transform: rotate(0);}100% {bottom: 0;-moz-transform: rotate(0);transform: rotate(0);}}
@-o-keyframes bottom-2 {0% {bottom: 8px;-o-transform: rotate(135deg);transform: rotate(135deg);}50% {bottom: 8px;-o-transform: rotate(0);transform: rotate(0);}100% {bottom: 0;-o-transform: rotate(0);transform: rotate(0);}}
@keyframes bottom-2 {0% {bottom: 8px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}50% {bottom: 8px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}100% {bottom: 0;-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}}
@-webkit-keyframes scaled {50% {-webkit-transform: scale(0);transform: scale(0);} 100% {-webkit-transform: scale(0);transform: scale(0);}}
@-moz-keyframes scaled {50% {-moz-transform: scale(0);transform: scale(0);} 100% {-moz-transform: scale(0);transform: scale(0);}}
@-o-keyframes scaled {50% {-o-transform: scale(0);transform: scale(0);} 100% {-o-transform: scale(0);transform: scale(0);}}
@keyframes scaled {50% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);} 100% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}}
@-webkit-keyframes scaled-2 {0% {-webkit-transform: scale(0);transform: scale(0);}50% {-webkit-transform: scale(0);transform: scale(0);}100% {-webkit-transform: scale(1);transform: scale(1);}}
@-moz-keyframes scaled-2 {0% {-moz-transform: scale(0);transform: scale(0);}50% {-moz-transform: scale(0);transform: scale(0);}100% {-moz-transform: scale(1);transform: scale(1);}}
@-o-keyframes scaled-2 {0% {-o-transform: scale(0);transform: scale(0);}50% {-o-transform: scale(0);transform: scale(0);}100% {-o-transform: scale(1);transform: scale(1);}}
@keyframes scaled-2 {0% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}50% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0);} 100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-moz-keyframes fadeInUp {0% {opacity: 0;-moz-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0);} 100% {opacity: 1;-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-o-keyframes fadeInUp {0% {opacity: 0;transform: translate3d(0, 100px, 0);} 100% {opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100px, 0);-moz-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0);} 100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translate3d(0, -100px, 0);transform: translate3d(0, -100px, 0);} 100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-moz-keyframes fadeInDown {0% {opacity: 0;-moz-transform: translate3d(0, -100px, 0);transform: translate3d(0, -100px, 0);} 100% {opacity: 1;-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-o-keyframes fadeInDown {0% {opacity: 0;transform: translate3d(0, -100px, 0);} 100% {opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translate3d(0, -100px, 0);-moz-transform: translate3d(0, -100px, 0);transform: translate3d(0, -100px, 0);} 100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-webkit-keyframes scaleLarge {0% {opacity: 0;-webkit-transform: scale(2);transform: scale(2);} 100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}
@-moz-keyframes scaleLarge {0% {opacity: 0;-moz-transform: scale(2);transform: scale(2);} 100% {opacity: 1;-moz-transform: scale(1);transform: scale(1);}}
@-o-keyframes scaleLarge {0% {opacity: 0;-o-transform: scale(2);transform: scale(2);} 100% {opacity: 1;-o-transform: scale(1);transform: scale(1);}}
@keyframes scaleLarge {0% {opacity: 0;-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);transform: scale(2);} 100% {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes tada {0% {-webkit-transform: scaleX(1);transform: scaleX(1);}10%,20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);}30%,50%,70%,90% {-webkit-transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);}40%,60%,80% {-webkit-transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);}to {-webkit-transform: scaleX(1);transform: scaleX(1);}}
@-moz-keyframes tada {0% {-moz-transform: scaleX(1);transform: scaleX(1);}10%,20% {-moz-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);}30%,50%,70%,90% {-moz-transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);}40%,60%,80% {-moz-transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);}to {-moz-transform: scaleX(1);transform: scaleX(1);}}
@-o-keyframes tada {0% {-o-transform: scaleX(1);transform: scaleX(1);}10%,20% {transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);}30%,50%,70%,90% {transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);}40%,60%,80% {transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);}to {-o-transform: scaleX(1);transform: scaleX(1);}}
@keyframes tada {0% {-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);}10%,20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);-moz-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);}30%,50%,70%,90% {-webkit-transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);-moz-transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);}40%,60%,80% {-webkit-transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);-moz-transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);}to {-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);}}
@-webkit-keyframes pulse-border {0% {  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);  opacity: 1;}100% {  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);  opacity: 0;} }
@-moz-keyframes pulse-border {0% {  -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);  opacity: 1;}100% {  -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);  opacity: 0;} }
@-o-keyframes pulse-border {0% {  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);  opacity: 1;}100% {  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);  opacity: 0;} }
@keyframes pulse-border {0% {  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);  -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);  opacity: 1;}100% {  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);  -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);  opacity: 0;} }  
@-webkit-keyframes star {0% { -webkit-transform: rotate(0) scale(0); transform: rotate(0) scale(0) }50% { -webkit-transform: rotate(180deg) scale(1.5); transform: rotate(180deg) scale(1.5) }100% { -webkit-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0) }}  
@-moz-keyframes star {0% { -moz-transform: rotate(0) scale(0); transform: rotate(0) scale(0) }50% { -moz-transform: rotate(180deg) scale(1.5); transform: rotate(180deg) scale(1.5) }100% { -moz-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0) }}  
@-o-keyframes star {0% { -o-transform: rotate(0) scale(0); transform: rotate(0) scale(0) }50% { -o-transform: rotate(180deg) scale(1.5); transform: rotate(180deg) scale(1.5) }100% { -o-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0) }}  
@keyframes star {0% { -webkit-transform: rotate(0) scale(0); -moz-transform: rotate(0) scale(0); -o-transform: rotate(0) scale(0); transform: rotate(0) scale(0) }50% { -webkit-transform: rotate(180deg) scale(1.5); -moz-transform: rotate(180deg) scale(1.5); -o-transform: rotate(180deg) scale(1.5); transform: rotate(180deg) scale(1.5) }100% { -webkit-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0) }}

@-webkit-keyframes line_menu{0%{right:95%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}25%{right:5%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}50%{right:5%;left:95%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}75%{right:5%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}100%{right:95%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}}

@-moz-keyframes line_menu{0%{right:95%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}25%{right:5%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}50%{right:5%;left:95%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}75%{right:5%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}100%{right:95%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}}

@-o-keyframes line_menu{0%{right:95%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}25%{right:5%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}50%{right:5%;left:95%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}75%{right:5%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}100%{right:95%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}}

@keyframes line_menu{0%{right:95%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}25%{right:5%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}50%{right:5%;left:95%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}75%{right:5%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}100%{right:95%;left:5%;bottom: 7px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-moz-transition:all ease .6s;transition:all ease .6s;}}


.btn1-show-all{display: block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin: auto;margin-top: 0.5rem;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;overflow:hidden;padding: 20px 50px 25px;background: url(../images/btn.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;}
.btn1-show-all span{color:var(--color-white);font-weight:700;font-size:17px;line-height:normal;text-transform:capitalize;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;} 
.btn1-show-all:hover{background: url(../images/btn1.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;}
.btn1-show-all:hover span{color:var(--color-white);-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;}

.btn6::before{position: absolute;content: '';background: var(--color-static2);-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;height: 2px;}
.btn6.active::before, .btn6:hover:before {-webkit-animation: line_menu infinite 6s;-moz-animation: line_menu infinite 6s;-o-animation: line_menu infinite 6s;animation: line_menu infinite 6s;}

.hover_sang3{position: relative;display: block;padding: 1px;}
.hover_sang3:before {content: "";position: absolute;z-index: 1;left: 0px;right: 0px;top: 0px;bottom: 0px;border-top: 1px solid var(--color-static);border-bottom: 1px solid var(--color-static);-o-transform: scale(0, 1);transform: scale(0, 1);-moz-transform: scale(0, 1);-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.hover_sang3:after {content: "";position: absolute;z-index: 1;left: 0px;right: 0px;top: 0px;bottom: 0px;border-left: 1px solid var(--color-static);border-right: 1px solid var(--color-static);-o-transform: scale(1, 0);transform: scale(1, 0);-moz-transform: scale(1, 0);-webkit-transform: scale(1, 0);-ms-transform: scale(0, 1);-o-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.hover3:hover .hover_sang3:before, .hover3:hover .hover_sang3:after
,.hover_sang3:hover:before, .hover_sang3:hover:after {-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;-o-transform: scale(1, 1);transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);}

/* Blink */
.blink {-webkit-animation-name: blink;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-moz-animation-name: blink;-moz-animation-duration: 1s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;-o-animation-name: blink;animation-name: blink;-o-animation-duration: 1s;animation-duration: 1s;-o-animation-timing-function: linear;animation-timing-function: linear;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
/* backdrop-filter: blur(3px); */
 
.bgstart-animate {position: relative;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content; margin: auto;}
.start-animate { z-index: 1.0E+17 !important; position: absolute; animation: star linear 1.75s infinite; -moz-animation: star linear 1.75s infinite;-webkit-animation: star linear 1.75s infinite; position: absolute;top: 0%;left: 15px;width: 50px;-o-animation: star linear 1.75s infinite; }
.start-animate1 { z-index: 1.0E+17 !important; position: absolute; animation: star linear 2s infinite; -moz-animation: star linear 2s infinite;-webkit-animation: star linear 2s infinite; position: absolute;bottom: 50%;right: 0;width: 30px;-o-animation: star linear 2s infinite; }
.start-animate2 { z-index: 1.0E+17 !important; position: absolute; animation: star linear 2.25s infinite; -moz-animation: star linear 2.25s infinite;-webkit-animation: star linear 2.25s infinite; position: absolute;bottom: 0%;left: 0;width: 40px;-o-animation: star linear 2.25s infinite; }

/* .w-productHot::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 266px;
    height: 504px;
    background: url(../images/decor5.png) no-repeat;
    background-size:cover;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
} */

/* Danh muc san pham*/ 
.title-category-drop__mobile{background: var(--color-red);padding: 10px;text-align: center;}
.title-category-drop__mobile span{color: white;text-transform: uppercase;font-weight: 700;}
.category-drop__mobile{width: 100%;margin: auto;margin: 1rem 0;}
.category-drop__mobile-name{ text-transform: capitalize;text-align: center;display: block;color: black;font-size: 15px;cursor: pointer;background: white; border: 1px solid #00000050;position: relative;padding: 10px 0;margin-bottom: 2px; }
.category-drop__mobile-name:hover{background: var(--color-static2); color: white;}  


/* Danh muc san pham*/ 
.slideshow.has-category {--width: 285px;}
.slideshow:not(.has-category) {width: -webkit-calc(100% - 280px - 5px);width: -moz-calc(100% - 280px - 5px);width: calc(100% - 280px - 5px);position: relative;margin-top: 5px;}
  
.category-drop {position: relative;width: 280px;z-index: 100;}
.category-drop__inner {display: grid;width: inherit;height: 100%;}
.category-drop__title {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: stretch;-webkit-justify-content: stretch;-moz-box-pack: stretch;-ms-flex-pack: stretch;justify-content: stretch;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;text-decoration: none;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; gap: 0ch 1ch;width: 100%;height: 100%;font-size: 16px;color: #d05b90 !important;text-transform: uppercase;background: #ffdded;padding: 16px;}
.category-drop__title svg {margin-right: 5px;}

.category-drop__list-slider{height: -webkit-calc(var(--rest-height) - 76px) !important;height: -moz-calc(var(--rest-height) - 76px) !important;height: calc(var(--rest-height) - 76px) !important;}
.title_product_list{background: var(--color-black);text-align: center;padding: 15px 10px;}
.title_product_list span{color: var(--color-white);font-size: 16px; font-family: 'FontB';text-transform: uppercase;}
/* height: 100%; */
.category-drop__main {position: absolute;left: 0;width: 100%;-webkit-box-shadow: 0px 0px 10px 0px #00000040;-moz-box-shadow: 0px 0px 10px 0px #00000040;box-shadow: 0px 0px 10px 0px #00000040;}
.category-drop__main:not(.show) {opacity: 0;visibility: hidden;top: 100%;-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 100% 0%;-moz-transform-origin: 100% 0%;-ms-transform-origin: 100% 0%;-o-transform-origin: 100% 0%;transform-origin: 100% 0%;-webkit-transition: all 0.15s ease-out 0.15s;-o-transition: all 0.15s ease-out 0.15s;-moz-transition: all 0.15s ease-out 0.15s;transition: all 0.15s ease-out 0.15s;}
.category-drop__inner:hover .category-drop__main {opacity: 1;visibility: visible;-webkit-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1);-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.category-drop__list.--level-0 {overflow-y: auto;height: inherit;/* padding: 0.5rem 0rem; */}
.category-drop__list.--level-0::-webkit-scrollbar {width: 2px;background: var(--color-web-secondary);}
.category-drop__list.--level-0::-webkit-scrollbar-thumb {background: var(--color-web-primary);}
.category-drop__list {width: 100%;height: 100%;list-style: none;background:var(--color-background);padding: 0;margin: 0;background: var(--color-background1);}
.category-drop__item>.category-drop__list {opacity: 0;visibility: hidden;position: absolute;top: 0 !important;left: 100%;-webkit-box-shadow: 0px 0px 5px 0px #00000080;-moz-box-shadow: 0px 0px 5px 0px #00000080;box-shadow: 0px 0px 5px 0px #00000080;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0% 100%;-moz-transform-origin: 0% 100%;-ms-transform-origin: 0% 100%;-o-transform-origin: 0% 100%;transform-origin: 0% 100%;-webkit-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.category-drop__item:hover>.category-drop__list {opacity: 1;visibility: visible;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.category-drop__item {/* padding: 0px 3px; */}
.category-drop__item:hover {color: var(--color-black);}
.category-drop__item-inner {position: relative;display: -webkit-box !important;display: -webkit-flex !important;display: -moz-box !important;display: -ms-flexbox !important;display: flex !important;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;gap: 1ch;padding: 14px 10px !important;}
/* :not(:last-child) */
.category-drop__item > .category-drop__item-inner {border-bottom: 1px solid #ffffff30;text-decoration: none;}
.category-drop__name {--line-clamp: 1;color: var(--color-white);margin-bottom: 0;margin-top: 0;font-size: 14px;line-height: normal;text-transform: uppercase;font-weight: 700;}
.category-drop__has-child {position: absolute;right: 5px;color: var(--color-white);-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.category-drop__icon-inner {margin-bottom: 0;}

.category-drop__item-inner:hover > .category-drop__name {color: var(--color-static) !important;padding-left: 5px;} 
.category-drop__item-inner:hover > .category-drop__has-child {color: var(--color-static);}

.icon-bestseller{max-height: 20px !important;}

figure.slideshow__photo-inner{margin: 10px 0 0 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;overflow: hidden;}

.bglistproduct{width: -webkit-calc(100% - 285px - 10px);width: -moz-calc(100% - 285px - 10px);width: calc(100% - 285px - 10px);}
.category-drop-inside{width: 280px;position: -webkit-sticky;position: sticky;cursor: pointer;top: 0px;z-index: 5;height: 100%;}
.title-inside-category{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;text-decoration: none;gap: 0ch 1ch;background: var(--color-red);padding: 15px;}
.title-inside-category span{font-size: 16px;color: var(--color-white) !important;text-transform: uppercase;line-height: normal;font-weight: 900;}
.title-inside-category svg{margin-right: 5px;font-size: 16px;stroke: var(--color-white) !important;}

/* Danh muc san pham MOBILE */ 
.category-drop__inner-mobi ul,ol {padding: 0px;margin: 0px;list-style: none}
.category-drop__inner-mobi {background: var(--color-white);-webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;-moz-transition: all 0.35s ease;transition: all 0.35s ease;} 
.category-drop__inner-mobi {overflow-y: auto;position: relative;border: 1px solid var(--color-red);}
.category-drop__inner-mobi::-webkit-scrollbar-track {-webkit-box-shadow: inset transparent;background-color: transparent}
.category-drop__inner-mobi::-webkit-scrollbar {width: 1px;background-color: transparent}
.category-drop__inner-mobi::-webkit-scrollbar-thumb {border: 1px solid transparent} 
.category-drop__inner-mobi ul a {display: block;font-size: 13px;color: var(--color-dark);font-weight: 300;padding: 5px;position: relative;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;} 
.category-drop__inner-mobi ul a.active{color: var(--color-white);background: var(--color-static);}
.category-drop__inner-mobi ul li {position: relative;border-top: 1px solid #00000050;} 

.category-drop__inner-mobi ul li span.btn-dropdown-menu {position: absolute;right: 0px;font-size: 25px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;width: 30px;height: 30px;background: transparent;top: 0px;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;color: #8a8987;z-index: 1000;cursor: pointer;-webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;border-left: 1px solid #00000050;} 
.category-drop__inner-mobi ul li span.btn-dropdown-menu i {-webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s; } 
.category-drop__inner-mobi ul li span.btn-dropdown-menu.active i {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);color: var(--color-key); } 
.category-drop__inner-mobi ul li span.btn-dropdown-menu:before {position: absolute;content: '';width: 10px;height: 1px;background: var(--color-dark);right: -webkit-calc(50% - 10px / 2);right: -moz-calc(50% - 10px / 2);right: calc(50% - 10px / 2);top: -webkit-calc(50% - 1px / 2);top: -moz-calc(50% - 1px / 2);top: calc(50% - 1px / 2);} 
.category-drop__inner-mobi ul li span.btn-dropdown-menu:after {position: absolute;content: '';width: 1px;height: 10px;background: var(--color-dark);right: -webkit-calc(50% - 1px / 2);right: -moz-calc(50% - 1px / 2);right: calc(50% - 1px / 2);top: -webkit-calc(50% - 10px / 2);top: -moz-calc(50% - 10px / 2);top: calc(50% - 10px / 2);-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} 
.category-drop__inner-mobi ul li span.btn-dropdown-menu.active:after {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0); }  

.menuListName .category-drop__icon{margin-right: 5px;}
.category-drop__inner-mobi ul ul a {padding: 10px 15px;}   
.category-drop__inner-mobi ul.none {display: none; } 
.category-drop__inner-mobi ul.block {display: block; }