/* 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: 200px;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;}

/* transition: all 0.3s linear; */

/*Hieu ung*/
.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property: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:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-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);transform:translateY(5px)}

.hvr-sweep-to-right { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; position:relative; -webkit-transition-property:color; transition-property:color; -webkit-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:#09A858; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-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:#fff}
.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before { -webkit-transform:scaleX(1); transform:scaleX(1)}

.hover_sang1{position:relative; overflow:hidden;}
.hover_sang1:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.2);content: '';z-index:10;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_sang1:hover:before {-webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}

.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: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover_sang2:hover:before {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; -ms-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%; }


@keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}
@keyframes shake-anim {0% {-webkit-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 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);}}



@-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);}}

@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 top {0% {top: 0;transform: rotate(0);}50% {top: 6px;transform: rotate(0);}100% {top: 6px;transform: rotate(45deg);}}
@keyframes top-2 {0% {top: 6px;transform: rotate(45deg);}50% {top: 6px;transform: rotate(0deg);}100% {top: 0;transform: rotate(0deg);}}
@keyframes bottom {0% {bottom: 0;transform: rotate(0);}50% {bottom: 8px;transform: rotate(0);}100% {bottom: 8px;transform: rotate(135deg);}}
@keyframes bottom-2 {0% {bottom: 8px;transform: rotate(135deg);}50% {bottom: 8px;transform: rotate(0);}100% {bottom: 0;transform: rotate(0);}}
@keyframes scaled {50% {transform: scale(0);} 100% {transform: scale(0);}}
@keyframes scaled-2 {0% {transform: scale(0);}50% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes fadeInUp {0% {opacity: 0;transform: translate3d(0, 100px, 0);} 100% {opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes fadeInDown {0% {opacity: 0;transform: translate3d(0, -100px, 0);} 100% {opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes scaleLarge {0% {opacity: 0;transform: scale(2);} 100% {opacity: 1;transform: scale(1);}}


/* Toolbar */
@keyframes tada {0% {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 {transform: scaleX(1);}}


@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;} }  
@-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);}}
@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);}}

@keyframes mycriteria { 0% {transform: rotate(0deg); } 25% {  transform: rotate(-45deg); }75% {  transform: rotate(45deg); }} 
@-webkit-keyframes moveArrow { 0% {transform: translateX(0px);}25% {transform: translateX(175px);}50% {transform: translateX(-175px);}100% {transform: translateX(175px);}}
@keyframes moveArrow { 0% {transform: translateX(0px);}49% {transform: translateX(175px);}50% {transform: translateX(-175px);}100% {transform: translateX(0px);}}
@keyframes myfeedback { 0% {transform:rotate(0deg); } 50% {transform:rotate(90deg); }50% {transform:rotate(180deg); }75% {transform:rotate(270deg); }100% { transform:rotate(360deg); } }
 
/* 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;animation-name: blink;animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite;}



.btn4:before {content: '';position: absolute;bottom: 5px;left: 20px;width: 30%;z-index: -1; height: 2px;background:#2B56A4; display: block;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transform: scale(0, 1);-webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);transition: transform 0.4s cubic-bezier(1, 0, 0, 1)}
.btn4.active:before,.btn4:hover:before {-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1) }

.btn5:before {content: '';position: absolute;bottom: 5px;left: 5px;width: 30%;z-index: -1; height: 2px;background:#2B56A4; display: block;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transform: scale(0, 1);-webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);transition: transform 0.4s cubic-bezier(1, 0, 0, 1)}
.btn5.active:before,.btn5:hover:before {-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1) }

.btn-main {display: flex;align-items: center;width: fit-content;animation: pulse 2s infinite;padding-left: 10px;position: relative;}
.btn-main span {color: #ffffff;display: inline-block;width: fit-content;padding-left: 10px;font-size: 16px;overflow: hidden;}
.btn-main b {color: #ffffff; font-size: 16px;text-align: right;transition: all ease 1s;}
.btn-main:hover > b {color:#fff;}
.btn-main:hover > span i {color:#fff;-webkit-animation: moveArrow 1500ms; animation: moveArrow 1500ms;}

.btn-main1 {display: block;width: fit-content;padding: 16px 40px 14px;overflow: hidden; margin: auto;color: #242424;font-size: 16px;font-weight: 600;line-height: normal;background: #ffffff;border-radius: 5px;text-transform: uppercase;}
.btn-main1:hover{color: #ffffff;}
/* Danh muc san pham*/
.slideshow.has-category {--width: 285px;}
.slideshow:not(.has-category) {width: calc(100% - 280px - 10px);position: relative;}
.slideshow__photo{display: block;}
.category-drop {position: relative;width: 280px;z-index: 5;}
.category-drop__inner {display: grid;width: inherit;height: 100%;}
.category-drop__title {display: flex;justify-content: stretch;align-items: center;text-decoration: none;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 i {margin-right: 5px;}

.title_product_list{background: #000000;text-align: center;padding: 15px 10px;}
.title_product_list span{color: #ffffff;font-size: 16px; font-weight: 700;text-transform: uppercase;}
/* height: 100%; */
.category-drop__main {position: absolute;left: 0;width: 100%;box-shadow: 0px 0px 10px 0px #00000040;}
.category-drop__main:not(.show) {opacity: 0;visibility: hidden;top: 100%;transform: scaleY(0);transform-origin: 100% 0%;transition: all 0.15s ease-out 0.15s;}
.category-drop__inner:hover .category-drop__main {opacity: 1;visibility: visible;transform: scaleY(1);transition: all 0.3s ease-out;}
.category-drop__list.--level-0 {overflow-y: auto;height: inherit;padding: 0.5rem 0rem;background: #f7f7f7;}
.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%;list-style: none;background: #f7f7f7;padding: 0;margin: 0;}
.category-drop__item>.category-drop__list {opacity: 0;visibility: hidden;position: absolute;left: 100%;box-shadow: 0px 0px 5px 0px #00000080;transform: scaleX(0);transform-origin: 0% 100%;transition: all 0.15s ease-out;}
.category-drop__item:hover>.category-drop__list {opacity: 1;visibility: visible;transform: scaleX(1);transition: all 0.3s ease-out;}
.category-drop__item {padding: 0 3px;}
.category-drop__item:hover {color: #000000;}
.category-drop__item-inner {position: relative;display: flex !important;align-items: center;gap: 1ch;padding: 12px 15px !important;border-bottom: 1px dashed #ccc}
/* :not(:last-child) */
.category-drop__item > .category-drop__item-inner {text-decoration: none;}
.category-drop__name {--line-clamp: 1;margin-bottom: 0;text-transform: capitalize;color: #242424;font-size: 16px;font-weight: 500;line-height: normal;}
.category-drop__has-child {position: absolute;right: 0;color: #333333;transition: all 0.3s ease-out;}
.category-drop__icon-inner {margin-bottom: 0;}

.category-drop__item-inner:hover > .category-drop__name {color: #2B56A4;padding-left: 5px;}
.category-drop__item-inner:hover > .category-drop__has-child {color: #2B56A4;}

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

figure.slideshow__photo-inner{margin: 10px 0 0 0;}

.category-drop__list.--level-1 {width: calc( (100% * 3 + 80px));top: 0px !important;bottom: 0px;left: 100%; border-bottom: none;}
.category-drop__list.--level-1 ul {list-style: none;height: fit-content;display: grid;grid-template-columns: repeat(3,1fr);justify-items: stretch;}

.bglistproduct{width: calc(100% - 285px - 10px);}
.category-drop-inside{width: 280px;position: sticky;cursor: pointer;top: 80px;top: 0px;z-index: 5;height: 100%;}
.title-inside-category{position: relative; display: flex;justify-content: stretch;align-items: center;text-decoration: none;border-radius: 3px 3px 0 0;gap: 0ch 1ch;background: #2B56A4;padding: 10px 16px;}
.title-inside-category span,.title-inside-category b{font-size: 16px;font-weight: 700; color: #ffffff !important;text-transform: uppercase;}
.title-inside-category i{margin-right: 5px;font-size: 16px;color: #ffffff !important;}

.sorting-capacity-form{ width: 100%;}
.tag-capacity{ padding: 5px 10px; border-radius: 10px; background-color: #ffffff; color: black;}
.tag-capacity:hover{ background-color: #0193de;}
.tag-capacity-active{background-color: #0193de; }

.padding50{padding: 50px 0;}
.padding30{padding: 30px 0;}
.color-w{color: #ffffff !important;}
.w-clear:after {display: block;content: "";clear: both;}

.category-drop__list.--level-1 .category-drop__item-inner {border-bottom: none;}
.category-drop__item-item{display: block !important;padding: 0;}
.category-drop__item-item .category-drop__name{font-weight: 400 !important;}

/* lọc sản phẩm */
.container1{position:relative;width:100%;height:20px;}
input[type="range"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;outline:none;position:absolute;margin:auto;top:0;bottom:0;background-color:transparent;pointer-events:none;}
.slider-track{width:100%;height:2px;position:absolute;margin:auto;top:0;bottom:0;border-radius:5px;}
input[type="range"]::-webkit-slider-runnable-track{-webkit-appearance:none;height:5px;}
input[type="range"]::-moz-range-track{-moz-appearance:none;height:5px;}
input[type="range"]::-ms-track{appearance:none;height:5px;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;height:1em;width:1em;background-color:#000;cursor:pointer;margin-top:-5px;pointer-events:auto;border-radius:50%;}
input[type="range"]::-moz-range-thumb{-webkit-appearance:none;height:1em;width:1em;cursor:pointer;border-radius:50%;background-color:#000;pointer-events:auto;border:none;}
input[type="range"]::-ms-thumb{appearance:none;height:1em;width:1em;cursor:pointer;border-radius:50%;background-color:#000;pointer-events:auto;}
input[type="range"]:active::-webkit-slider-thumb{background-color:#ffffff;border:1px solid #000;}
.values{position:relative;margin:auto;text-align:center;font-weight:500;font-size:15px;color:#000;}
.wrapper{max-width:520px;width:100%;font-weight: 700;}
.kung_range{margin-top:10px;}
.kung_range .p{margin-bottom:10px;font-size:14px;color:#222222;}
.flex2{display:flex;padding:0px 5px;}
.flex2 .begin{padding-right:10px;}
.flex2 .end{padding-left:10px;}
 
.bgproductlist{display:flex; justify-content:space-between; position:relative;}
.flex-product-page{display:flex;justify-content:space-between;gap:10px;}
.filter-search{width:20%;}
.filter_block{display:block;border: 1px solid #2B56A4;border-radius:5px;margin-top: 1rem; margin-bottom:1rem;overflow:hidden;}
.filter_block ul{list-style:none;display:block;padding:0 10px !important;padding-bottom:10px !important;}
.filter_block ul li{display:block;margin:0.5rem 0 0;}
.filter_block ul li a{color:#000;font-size:14px;display:flex;align-items:center;gap:0.5rem;cursor:pointer;padding:6px 0 !important;border-bottom:1px solid #DDD;}
.filter_block ul li a span{border:1px solid #ddd;border-radius:3px;width:1rem;height:1rem;display:block;position:relative;overflow:hidden;}
.filter_block ul li a.checked span:after{content:'';font-size:15px;position:absolute;top:0px;right:0px;z-index:2;background:#ffcc00;width:16px;height:16px;}
.filter_block ul li a i{width:1rem;height:1rem;border-radius:3px}

div#danhmuc{border-bottom:none;padding:0 10px;padding-bottom:10px;}
div#danhmuc ul{list-style:none;padding:0 !important;margin:0;}
div#danhmuc ul li{position:relative};
div#danhmuc ul li:last-child{border:none}
div#danhmuc ul li a{color:#454545;text-decoration:none;font-size:14px;transition:0.4s;display:block;border-bottom:1px solid #DDD;padding:6px 5px 6px 0px;font-weight: 700;text-transform:capitalize;}
div#danhmuc ul li a h2{font-size:15px}
div#danhmuc ul li span{position:absolute;right:6px;top:0px;display:block;width:12px;height:100%;background:url(../images/next.png) no-repeat center;background-size: contain;transform: rotate(90deg);cursor:pointer;transition:0.3s;background-size:contain;}
div#danhmuc ul li span.active{width:12px;height: 12px;right: 6px; top: 10px;background:url(../images/next.png) no-repeat center;transform: rotate(-90deg);background-size: contain;}
div#danhmuc ul li a:hover,div#danhmuc ul li a.active{color: #900003;transition:0.4s;}
div#danhmuc ul li ul li a{padding:6px 0 !important;}
div#danhmuc ul li ul li span{width:12px;height:100%;background:url(../images/next.png) no-repeat center;transform: rotate(90deg);background-size: contain;}
div#danhmuc ul li ul{display:none}
div#danhmuc ul li ul.show-ul-c2{display:block}
div#danhmuc ul li ul li ul li a{padding-left:26px;color:#0193de}
div#danhmuc ul li ul li ul li ul li a{padding-left:40px;color:#000;font-weight: 700;}
div#danhmuc ul li ul li ul li ul li ul li a{color:#0193de;font-weight: 700;}
 
div#menu-desktop{border-bottom:none;padding:0 10px;padding-bottom:10px;}
div#menu-desktop ul{list-style:none;padding:0 !important;margin:0;}
div#menu-desktop ul li{position:relative};
div#menu-desktop ul li:last-child{border:none}
div#menu-desktop ul li a{color:#454545;text-decoration:none;font-size:14px;transition:0.4s;display:block;border-bottom:1px solid #DDD;padding:6px 5px 6px 0px;font-weight: 700;text-transform:capitalize;}
div#menu-desktop ul li a h2{font-size:15px}
div#menu-desktop ul li span{position:absolute;right:6px;top:0px;display:block;width:12px;height:100%;background:url(../images/next.png) no-repeat center;background-size: contain;transform: rotate(90deg);cursor:pointer;transition:0.3s;background-size:contain;}
div#menu-desktop ul li span.active{width:12px;height: 12px;right: 6px; top: 0px;background:url(../images/next.png) no-repeat center;transform: rotate(-90deg);background-size: contain;}
div#menu-desktop ul li a:hover,div#menu-desktop ul li a.active{color: #900003;transition:0.4s;text-decoration: none;}
div#menu-desktop ul li ul li a{padding:6px 0 !important;}
div#menu-desktop ul li ul li span{width:12px;height:100%;background:url(../images/next.png) no-repeat center;transform: rotate(90deg);background-size: contain;}
div#menu-desktop ul li ul{display:none}
div#menu-desktop ul li ul.show-ul-c2{display:block}
div#menu-desktop ul li ul li ul li a{padding-left:26px;color:#0193de}
div#menu-desktop ul li ul li ul li ul li a{padding-left:40px;color:#000;font-weight: 700;}
div#menu-desktop ul li ul li ul li ul li ul li a{color:#0193de;font-weight: 700;}

.drop-down-cat{right: 16px;}


.menu-desktop img{margin-right: 5px;}
.xuatxu-list li{color:#454545;text-decoration:none;font-size:14px;transition:0.4s;display:block;border-bottom:1px solid #DDD;padding:6px 5px 6px 0px;font-weight: 700;text-transform:capitalize;}
.xuatxu-list{border-bottom:none;padding:0 10px;padding-bottom:10px;}
.xuatxu-list input{margin-right:10px;}

/* .dragscrollCss{white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:3px;cursor:grab;}
.dragscrollCss::-webkit-scrollbar {height:1px;}
.dragscrollCss::-webkit-scrollbar-track {background:none; }
.dragscrollCss::-webkit-scrollbar-thumb {background:none;}
.dragscrollCss::-webkit-scrollbar-thumb:hover {background:none; } */


.keywords-scroller {white-space: nowrap;overflow-x: auto;overflow-y: hidden;padding-bottom: 3px;cursor: grab;}