/* Setting */
.hidden-seoh { visibility:hidden; height:0px; margin:0px; overflow:hidden; } 
.text-sm { font-size:0.875rem !important; } 
.social-plugin iframe { z-index:1 !important; } 
.a2a_kit .a2a_svg { width:20px; height:20px; line-height:20px; } 
img { max-width:100%; height:auto; vertical-align:top; } 
a,input,textarea { outline:none; padding:0px; text-decoration:none; } 
a:hover { text-decoration:none; } 
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; } 
.w-clear:after { display:block; content:""; clear:both; } 
.hidden { display:none; } 
.clear { clear:both; } 
.none { display:none; } 

/* Lazyload */
img.lazy { opacity:0; } 
img:not(.initial) { -webkit-transition:opacity 1s; -o-transition:opacity 1s; -moz-transition:opacity 1s; transition:opacity 1s; } 
img.initial,img.loaded,img.error { opacity:1; } 
img:not([src]) { visibility:hidden; } 
.scale-img { overflow:hidden; display:block; } 
.scale-img img { -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1); } 
.scale-img:hover > img { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); transform:scale(1.1,1.1); } 
.hover-img { position:relative; overflow:hidden; display:block; } 
.text-split { overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:3; } 
/* Transition All */
.transition,.btn-frame .kenit-alo-circle-fill,.control-owl button,.carousel-comment-media .carousel-control a span,.menu ul li a.has-child:after,.menu ul li ul,.menu ul li:hover > ul,.scale-img img,.scale-img:hover > img,.support-online .kenit-alo-circle-fill { -webkit-transition:0.3s all; -o-transition:0.3s all; -moz-transition:0.3s all; transition:0.3s all; } 

/* Text Hide */
.text-hover:hover { color:var(--color-phone); } 
.text-split { overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:3; } 
.text-split-1 { overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:1; } 
.text-split-2 { overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; } 
.text-split-3 { overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:3; } 
.text-split-4 { overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:4; } 
.text-split-5 { overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:5; } 
.text-split-6 { overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:6; } 
.text-split-7 { overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:7; } 
.text-split-8 { overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:8; } 

/* User */
.wrap-user { width:100%; max-width:550px; margin:auto; border:1px solid #bce8f1; border-radius:5px; } 
.title-user { background-color:#d9edf7; padding:12px 15px; border-radius:5px 5px 0px 0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } 
.title-user span { color:#31708f; } 
.title-user a { color:#0056b3; font-size:12px; } 
.form-user { padding:20px 15px; } 
.input-user { margin-bottom:0.75rem; } 
.input-user input { font-size:14px; } 
.button-user { margin-bottom:1rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } 
.button-user input { font-size:14px; } 
.checkbox-user,.radio-user { cursor:pointer; } 
.checkbox-user input { top:calc(50% - 1.25rem / 2); height:auto; } 
.checkbox-user label { font-size:14px; cursor:pointer; } 
.checkbox-user label::before,.checkbox-user label::after { top:calc(50% - 1rem / 2); } 
.radio-user { margin-right:1rem; } 
.radio-user:last-child { margin-right:0px; } 
.radio-user label::before,.radio-user label::after { top:calc(50% - 1rem / 2); } 
.note-user { font-size:14px; border-top:1px solid #ddd; padding-top:0.5rem; } 
/* Cart */
#popup-cart .modal-title { text-transform:uppercase; } 
#popup-cart .modal-body .wrap-cart { padding:0px; -webkit-box-shadow:none; box-shadow:none; border:0px; } 
#popup-cart .modal-footer { padding:0.75rem 0 0 0; border-top:0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } 
.buymore-cart { color:var(--color-main); cursor:pointer; margin:0px; } 
.buymore-cart i { margin-right:2px; margin-top:5px; vertical-align:top; font-size:12px; } 
.wrap-cart { padding:20px 15px; background:#ffffff; border:1px solid #d8d8d8; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.15); box-shadow:0 0 20px rgba(0,0,0,0.15); } 
.top-cart { border-right:1px solid #eee; } 
@media only screen and (max-width:991px){
 .top-cart { margin-bottom:2rem; } 
 }
.procart { padding:20px 10px; border:1px solid #eee; border-top:0px; } 
.pic-procart { text-align:center; } 
.pic-procart img { max-height:100px; height:inherit; } 
.pic-procart .del-procart { color:#999; font-size:12px; display:block; margin-top:5px; cursor:pointer; } 
.pic-procart .del-procart:hover { color:red; } 
.name-procart a { font-size:14px; color:#000; display:block; } 
@media only screen and (max-width:575px){
 .name-procart a { font-size:13px; } 
 }
.name-procart a:hover { color:var(--color-main); } 
.properties-procart { display:block; } 
.properties-procart p { display:inline-block; margin-bottom:0px; } 
.properties-procart p:first-child { margin-right:10px; } 
.properties-procart p strong { font-weight:600; } 
@media only screen and (max-width:767px){
 .quantity-procart { text-align:right; } 
 }
.quantity-procart p { margin-bottom:0px; } 
.quantity-counter-procart { border:1px solid #dfdfdf; width:100%; height:30px; line-height:normal; text-align:center; border-radius:3px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } 
.counter-procart { background-color:transparent; border:0px; width:30%; color:#333; outline:none; cursor:pointer; font-size:23px; } 
.counter-procart:hover,.counter-procart:focus { color:var(--color-main); } 
.counter-procart:disabled { color:#ccc; cursor:not-allowed; } 
.counter-procart:disabled:hover { color:#ccc; cursor:not-allowed; } 
.counter-procart-minus { line-height:26px; } 
.counter-procart-plus { line-height:24px; } 
.quantity-counter-procart .quantity-procart { width:40%; -webkit-box-sizing:border-box; box-sizing:border-box; border:0px; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; outline:none; -webkit-box-shadow:none; box-shadow:none; padding:0px; color:#333; text-align:center; } 
.price-procart { width:20%; text-align:right; } 
@media only screen and (max-width:767px){
 .price-procart { display:none; } 
 }
.price-procart-rp { display:none; width:100%; margin-bottom:10px; font-size:13.5px; } 
@media only screen and (max-width:767px){
 .price-procart-rp { display:block; } 
 }
.price-new-cart { color:var(--color-main); margin-bottom:0px; } 
.price-old-cart { color:#999; text-decoration:line-through; } 
.procart-label { border:0px; background:#eee; padding:10px; margin:0px; text-transform:capitalize; } 
@media only screen and (max-width:575px){
 .procart-label { font-size:13px; } 
 }
@media only screen and (min-width:768px){
 .procart-label .quantity-procart p:first-child { display:block; } 
 }
@media only screen and (max-width:767px){
 .procart-label .quantity-procart p:first-child { display:none; } 
 }
@media only screen and (min-width:768px){
 .procart-label .quantity-procart p:last-child { display:none; } 
 }
@media only screen and (max-width:767px){
 .procart-label .quantity-procart p:last-child { display:block; } 
 }
.money-procart { margin-top:15px; } 
.total-procart { background:#eee; padding:7px 10px; border:1px solid #dddfe2; margin-bottom:-1px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } 
.total-procart p { margin-bottom:0px; font-size:15px; } 
.total-procart p:last-child { color:var(--color-main); } 
.section-cart { position:-webkit-sticky; position:sticky; top:15px; } 
.title-cart { font-size:15px; text-transform:uppercase; color:var(--color-main); border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:15px; } 
.information-cart { margin-bottom:1.5rem; } 
.input-cart { margin-bottom:0.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:0px; } 
.payments-cart input { margin-top:0.75rem; } 
.payments-label { cursor:pointer; background:#eee; display:block; padding:10px 15px; border-radius:3px; margin-bottom:0px; color:#313131 !important; } 
.payments-label::before,.payments-label::after { top:calc(50% - 1rem / 2); } 
.payments-label.active { background:var(--color-main); color:#ffffff !important; } 
.payments-info { opacity:0; visibility:hidden; height:0px; 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 { text-transform:capitalize; } 
.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 0px; color:#333; font-size:18px; } 
/* Comment */
.comment-title { font-size:18px; } 
.comment-show { display:block !important; } 
.comment-point { font-size:47px; color:#fe302e; } 
.comment-star { font-size:0; position:relative; display:inline-block; vertical-align:top; margin-bottom:0.5rem; } 
.comment-star span { display:block; position:absolute; top:0; left:0px; bottom:0; z-index:1; overflow:hidden; text-align:left; white-space:nowrap; } 
.comment-star i { display:inline-block; margin:0.1rem; color:#b8b8b8; text-rendering:auto; font-size:20px; } 
.comment-star i:nth-child(1) { margin-left:0; } 
.comment-star span i { color:#ffc120; } 
.comment-progress { width:100%; margin-bottom:0.375rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } 
.comment-progress:last-child { margin-bottom:0px; } 
.comment-progress .progress { height:12px; margin-right:10px; margin-left:5px; width:calc(100% - 90px); border-radius:10px; } 
.comment-progress .progress-bar#has-rate { background-color:#23b445; } 
.comment-progress .progress-num { font-size:15px; width:25px; text-align:center; color:#787878; } 
.comment-progress .progress-total { font-weight:600; text-align:left; color:#787878; width:50px; } 
.comment-write { display:none; } 
.review-rating-star { font-size:0; } 
.review-rating-star-icon .fa { font-weight:400; font-style:normal; display:inline-block; margin:0.1rem; font-size:21px; cursor:pointer; color:#f0c808; } 
.review-rating-star-icon .fa.star-empty { color:#dedddc; } 
.review-rating-star-icon .fa.star-not-empty { color:#f0c808; } 
.review-rating-star-icon .fa:nth-child(1) { margin-left:0; } 
.review-fileuploader { padding:20px 15px; text-align:center; background-color:#ffffff; cursor:pointer; border:2px dashed #c2cdda; 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:center; -ms-flex-pack:center; justify-content:center; } 
.review-fileuploader .review-fileuploader-text { color:#90a0bc; } 
.review-file-uploader .fileuploader { padding:0px; margin:0px; background:transparent; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list { margin:1rem -5px 0 -5px; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list:after { display:block; content:""; clear:both; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item { padding:0px; width:calc(100% / 7 - 10px); float:left; margin:0 5px 5px 5px; border-bottom:0px; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns { display:block; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail { width:auto; height:auto; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image { height:auto; padding:50% 0; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img { position:absolute; top:0px; left:0px; max-width:100%; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -webkit-transform:none; transform:none; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title { padding:0px; margin-top:0.5rem; text-align:center; display:none; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions { margin:0px; position:absolute; top:0px; right:-5px; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input { border:1px solid #dddddd; border-radius:0.25rem; } 
.review-poster-video-avatar { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } 
.review-poster-video-avatar .avatar-detail { width:95px; height:95px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } 
.review-poster-video-avatar .avatar-detail img { max-width:95px; max-height:95px; } 
#review-content { height:350px; } 
.carousel-comment-media .carousel-control a { opacity:1; width:45px; height:45px; top:calc(50% - 45px / 2); bottom:inherit; } 
.carousel-comment-media .carousel-control a span { display:block; cursor:pointer; color:#222222; width:45px; height:45px; padding:5px; text-align:center; background-color:#ffffff; -webkit-box-shadow:0 1px 12px 0 rgba(0,0,0,0.12); box-shadow:0 1px 12px 0 rgba(0,0,0,0.12); border-radius:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } 
.carousel-comment-media .carousel-control a.carousel-control-prev { left:20px; } 
.carousel-comment-media .carousel-control a.carousel-control-prev span { padding-right:9px; } 
.carousel-comment-media .carousel-control a.carousel-control-next { right:20px; } 
.carousel-comment-media .carousel-control a.carousel-control-next span { padding-left:8px; } 
.carousel-comment-media .carousel-indicators { position:static; margin:0px 0px 0.75rem 0px; text-align:left; display:block; } 
.carousel-comment-media .carousel-indicators li { width:auto; max-width:60px; height:auto; text-indent:inherit; -webkit-box-flex:0; -ms-flex:none; flex:none; margin:0px 0px 3px 0px; border:2px solid transparent; opacity:1; cursor:-webkit-zoom-in; cursor:zoom-in; } 
.carousel-comment-media .carousel-indicators li.active { border-color:#ffc120; cursor:-webkit-zoom-out; cursor:zoom-out; -webkit-transform:scale(1.05); transform:scale(1.05); } 
.carousel-comment-media .carousel-inner { max-width:550px; -webkit-box-shadow:0 1px 12px 0 rgba(0,0,0,0.12); box-shadow:0 1px 12px 0 rgba(0,0,0,0.12); } 
.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video { max-width:100%; width:100%; height:500px; vertical-align:top; display:inline-block; background-color:#000000; } 
#form-reply { display:none; } 
.comment-item { margin-bottom:3rem; } 
@media only screen and (min-width:992px){
 .comment-item { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } 
 }
.comment-item-poster { width:200px; margin-right:30px; text-align:center; } 
@media only screen and (max-width:991px){
 .comment-item-poster { width:auto; margin-right:0px; margin-bottom:0.5rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } 
 }
.comment-item-letter { border-radius:50%; background-color:#d3d2d3; color:#919090; width:65px; height:65px; text-transform:uppercase; display:inline-block; vertical-align:top; line-height:67px; font-size:18px; font-weight:700; margin-bottom:0.5rem; } 
@media only screen and (max-width:991px){
 .comment-item-letter { width:40px; height:40px; line-height:40px; font-size:13px; margin-bottom:0; } 
 }
.comment-item-name { margin-bottom:0.25rem; text-transform:capitalize; } 
@media only screen and (max-width:991px){
 .comment-item-name { margin-bottom:0px; margin-left:10px; margin-right:10px; } 
 }
.comment-item-posttime { font-size:12px; color:#999999; } 
.comment-item-information { width:calc(100% - 230px); } 
@media only screen and (max-width:991px){
 .comment-item-information { width:100%; } 
 }
.comment-item-star { float:left; margin-right:10px; } 
.comment-item-star i { font-size:17px; } 
.comment-item-title { font-size:15px; font-weight:500; } 
.comment-replies { position:relative; background:#f8f9fa; border:1px solid #dfdfdf; padding:1.75rem 1.5rem; } 
.comment-replies:after { content:""; position:absolute; } 
.comment-replies:before { content:""; position:absolute; z-index:1; top:-13px; left:10px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:13px solid #f8f9fa; } 
.comment-replies:after { top:-14px; left:9px; border-left:11px solid transparent; border-right:11px solid transparent; border-bottom:14px solid #dfdfdf; } 
.comment-replies-item { margin-bottom:1.5rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } 
.comment-replies-item:last-child { margin-bottom:0px; } 
.comment-replies-letter { width:45px; height:45px; margin-right:10px; line-height:45px; padding-left:1px; font-size:14px; border-radius:50%; background-color:#e5e3e5; color:#919090; text-transform:uppercase; display:inline-block; vertical-align:top; font-weight:500; text-align:center; margin-top:0.125rem; } 
.comment-replies-letter.admin { position:relative; background-color:#189eff; text-indent:9999px; overflow:hidden; } 
.comment-replies-letter.admin:before { content:"QTV"; text-indent:0px; color:#ffffff; font-weight:500; text-transform:uppercase; font-size:13px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } 
.comment-replies-info { width:calc(100% - 55px); } 
.comment-replies-name { font-weight:500; margin-bottom:0.125rem; } 
.comment-replies [class*="btn-load-more-"] { border:0px; outline:none; padding:0px; background:transparent; } 
.comment-media-play { z-index:1; position:absolute; top:50%; left:50%; -webkit-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%); } 
.comment-media-play svg { -webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.3); box-shadow:1px 1px 15px rgba(0,0,0,0.3); border-radius:50%; background-color:rgba(255,255,255,0.15); } 
.comment-media-play svg .comment-media-play-stroke-dotted { opacity:0; stroke-dasharray:4,5; stroke-width:1px; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-animation:spin 4s infinite linear; animation:spin 4s infinite linear; -webkit-transition:opacity 1s ease,stroke-width 1s ease; transition:opacity 1s ease,stroke-width 1s ease; } 
.comment-media-play svg .comment-media-play-stroke-solid { stroke-dashoffset:0; stroke-dasharray:300; stroke-width:4px; -webkit-transition:stroke-dashoffset 1s ease,opacity 1s ease; transition:stroke-dashoffset 1s ease,opacity 1s ease; } 
.comment-media-play svg .comment-media-play-icon { -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 200ms ease-out; transition:-webkit-transform 200ms ease-out; transition:transform 200ms ease-out; transition:transform 200ms ease-out,-webkit-transform 200ms ease-out; } 
.comment-media-play:hover svg .comment-media-play-stroke-dotted { stroke-width:4px; opacity:1; } 
.comment-media-play:hover svg .comment-media-play-stroke-solid { opacity:0; stroke-dashoffset:300; } 
.comment-media-play:hover svg .comment-media-play-icon { -webkit-transform:scale(1.05); transform:scale(1.05); } 

/* Product */

.gr-100 { grid-column:5 span !important; } 
@keyframes spin { to { transform:rotate(360deg); } 
 }

/*Xem nhanh*/
#popup-quickview .modal-dialog { max-width:1140px; } 
.box-quickview { position:absolute; right:15px; top:50%; transform:translate(150%,-50%); display:grid; opacity:1; z-index:2; } 
.product-quick-view { display:inline-flex; justify-content:center; align-items:center; background-color:var(--color-main); width:40px; height:40px; border-radius:50%; cursor:pointer; } 
.product-quick-view i { color:#fff; font-size:14px; } 
.box-product:hover .box-quickview { opacity:1; transform:translate(0%,-50%); } 
.product-quick-view:hover { background-color:var(--color-active); } 
/* Product Detail */
/* .grid-pro-detail { margin-bottom:3rem; } 
*/
.left-pro-detail { position:relative; text-align:center; } 
.left-pro-detail .MagicZoom { border:1px solid #ccc; padding:7px; border-radius:5px; background-color:#ffffff; } 
.gallery-thumb-pro { position:relative; margin-top:10px; } 
.owl-pro-detail { padding:0px 30px; } 
.control-pro-detail { top:calc(50% - 15px / 2); } 
.control-pro-detail button { background-color:#eee; color:#222222; opacity:1; width:25px; height:25px; line-height:25px; font-size:16px; } 
.control-pro-detail button:hover { opacity:0.7; } 
.control-pro-detail button.owl-prev { left:0px; } 
.control-pro-detail button.owl-next { right:0px; } 
.thumb-pro-detail { display:block !important; border:1px solid #eee; padding:5px; border-radius:3px; cursor:pointer; background-color:#ffffff; } 
.thumb-pro-detail.mz-thumb.mz-thumb-selected { border-color:#cecfd2; } 
.thumb-pro-detail img { -webkit-box-shadow:none !important; box-shadow:none !important; -webkit-filter:brightness(100%) !important; filter:brightness(100%) !important; border-bottom:0px !important; padding-bottom:0px !important; } 
.title-pro-detail { text-transform:capitalize; font-size:20px; display:block; font-weight:700; } 
.comment-pro-detail { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } 
.social-plugin-pro-detail { margin-bottom:1rem; margin-top:0px !important; } 
.desc-pro-detail { margin-bottom:1rem; } 
.attr-pro-detail { list-style:none; padding:0px; } 
.attr-pro-detail li { margin-bottom:0.5rem; } 
.attr-label-pro-detail { margin:0px 5px 0px 0px; } 
.attr-label-pro-detail.d-block { display:block; margin:0px 0px 5px 0px; } 
.attr-content-pro-detail { display:inline-block; margin-bottom:0px; } 
.price-new-pro-detail { font-weight:700; font-size:20px; color:var(--color-main); } 
.price-old-pro-detail { font-weight:500; color:#6c757d; text-decoration:line-through; padding-left:10px; } 
.color-pro-detail { cursor:pointer; display:inline-block; vertical-align:top; position:relative; width:35px; height:30px; margin:0px 0px 3px 0px; border:1px solid #eee; background-repeat:no-repeat; background-size:contain; background-position:center center; } 
.size-pro-detail { cursor:pointer; border:1px solid #ccc; padding:3px 10px 4px 10px; display:inline-block; position:relative; } 
.size-pro-detail.active { border-color:#e5101d; color:#e5101d; } 
.color-pro-detail.active { border-color:#e5101d; color:#e5101d; } 
.size-pro-detail.active:after { content:""; position:absolute; bottom:0px; right:0px; width:13px; height:13px; background-repeat:no-repeat; background-image:url(../images/check-cart.png); } 
.color-pro-detail.active:after { content:""; position:absolute; bottom:0px; right:0px; width:13px; height:13px; background-repeat:no-repeat; background-image:url(../images/check-cart.png); } 
.color-pro-detail input[type="radio"] { display:none; } 
.size-pro-detail input[type="radio"] { display:none; } 
.quantity-pro-detail { width:100%; max-width:110px; line-height:normal; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } 
.quantity-pro-detail span { line-height:25px; padding:0px; width:30px; height:30px; color:#5f5f5f; cursor:pointer; font-size:22px; border:1px solid #cccccc; } 
.quantity-pro-detail span.quantity-plus-pro-detail { border-left:0px; } 
.quantity-pro-detail span.quantity-minus-pro-detail { border-right:0px; } 
.quantity-pro-detail input { height:30px; border:1px solid #cccccc; width:calc(100% - 60px); text-align:center; font-size:14px; padding:5px; } 
.cart-pro-detail { margin-bottom:1rem; } 
.cart-pro-detail a { font-size:14px; color:#ffffff !important; text-transform:uppercase; } 
.btn-cart-main { background-color:var(--color-main); border-color:var(--color-main); color:#ffffff !important; } 
.btn-cart-main:hover { background-color:var(--color-hover); border-color:var(--color-hover); } 
@media only screen and (max-width:767px){
 .cart-pro-detail a { width:100%; } 
.cart-pro-detail a:first-child { margin-right:0px; margin-bottom:0.5rem; } 
.cart-pro-detail a i { display:none; } 
 }
.tags-pro-detail a { float:left; font-size:13px; padding-bottom:0.375rem; margin:0px 5px 5px 0px; } 
.tags-pro-detail a i { font-size:11px; margin:5px 5px 0px 0px; } 
.tabs-pro-detail { margin-top:2rem; } 
.tabs-pro-detail .nav-tabs .nav-link { border-top-width:3px; font-size:13px; color:#333; } 
.tabs-pro-detail .nav-tabs .nav-link.active { border-top-color:#555555; } 
.tabs-pro-detail .nav-tabs .nav-item.show .nav-link { border-top-color:#555555; } 
/*Xem thêm*/
.content_product { overflow:hidden; max-height:450px; } 
.content_product.h-full { height:100% !important; max-height:100%; } 
.show-more { font-size:14px; } 
.show-more::before { height:55px; margin-top:-45px; content:-webkit-gradient(linear,0% 100%,0% 0%,from(#fff),color-stop(.2,#fff),to(rgba(255,255,255,0))); display:block; } 
/* News */

.grid-news { display:grid; gap:20px; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:1.5rem; } 
.grid-2span { grid-column:2 span; } 
@media only screen and (max-width:575px){
 .grid-news { gap:15px; grid-template-columns:repeat(2,minmax(0,1fr)); } 
 }
@media only screen and (max-width:575px){
 .news .news-image { margin-bottom:1rem; } 
 }
.othernews b { margin-bottom:10px; } 
.list-news-other { padding-left:17px; list-style:none; } 
.list-news-other li { margin-bottom:10px; } 
.list-news-other li a { text-transform:none; color:#333333; } 
.list-news-other li a:hover { color:var(--color-hover); } 
@media only screen and (max-width:991px){
 .img-auto img { width:auto !important; height:auto !important; } 
 }
/* Contact */
.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:0px; left:0px; width:100% !important; height:100% !important; } 
/* Toc */
.box-readmore { padding:8px 15px; border:1px solid #dedede; margin-bottom:2rem; border-radius:5px; background-color:#eeeeee; } 
.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-bottom:5px } 
.box-readmore ul li:before { content:counters(item,".") ". "; display:table-cell; padding-right:5px } 
.box-readmore ul li a { color:#333333; cursor:pointer; font-weight:600; } 
.box-readmore ul li a:hover { color:#767676; } 
/* Breadcrumb */
.breadCrumbs { background-color:#eee; } 
.breadCrumbs .wrap-content { padding:0.75rem 15px; } 
.breadCrumbs .wrap-content .breadcrumb { padding:0; margin-bottom:0; background-color:transparent; border-radius:0; } 
.breadCrumbs .wrap-content .breadcrumb-item a { color:#212529; } 
.breadCrumbs .wrap-content .breadcrumb-item.active a { color:#6c757d; } 
/* 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; } 
/* Button Frame */
.btn-frame { display:block; width:50px; height:50px; position:fixed; right:20px; z-index:10; cursor:pointer; } 
.btn-frame i { width:50px; height:50px; border-radius:50%; background:var(--color-phone); position:relative; z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } 
.btn-frame i img { vertical-align:middle; width:70%; } 
.btn-frame .animated.infinite { -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } 
.btn-frame .kenit-alo-circle { width:60px; height:60px; top:-5px; right:-5px; position:absolute; background-color:transparent; border-radius:100%; border:2px solid rgba(7,41,103,0.8); opacity:0.1; border-color:var(--color-phone); opacity:0.5; } 
.btn-frame .zoomIn { -webkit-animation-name:zoomIn; animation-name:zoomIn; } 
.btn-frame .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; } 
.btn-frame .kenit-alo-circle-fill { width:70px; height:70px; top:-10px; right:-10px; position:absolute; border-radius:100%; border:2px solid transparent; background-color:rgba(7,41,103,0.35); opacity:0.4; } 
.btn-frame .pulse { -webkit-animation-name:pulse; animation-name:pulse; } 
/* Zalo */
.btn-zalo { bottom:315px; } 
/* Phone */
.btn-phone { bottom:230px; } 
/* Messenger */
.js-facebook-messenger-container.closed { display:none !important; } 
.js-facebook-messenger-tooltip { bottom:97px; right:97px; color:#404040; background:#fff; } 
.js-facebook-messenger-tooltip.closed { display:none !important; } 
.js-facebook-messenger-box,.js-facebook-messenger-button { z-index:999; } 
.js-facebook-messenger-tooltip { z-index:999; display:none; position:fixed; text-align:center; border-radius:10px; overflow:hidden; font-size:12px; line-height:1; padding:10px; border:1px solid rgba(0,0,0,0.1); -webkit-box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt; box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt; z-index:1000000000000000019884624838656; } 
.js-facebook-messenger-close-tooltip { width:10px; height:10px; display:inline-block; cursor:pointer; margin-left:10px; } 
.js-facebook-messenger-box { z-index:999; } 
.js-facebook-messenger-box.rubberBand { -webkit-animation-name:rubberBand; animation-name:rubberBand; } 
.js-facebook-messenger-box.animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; } 
.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index:999; } 
.js-facebook-messenger-box { display:block; position:fixed; cursor:pointer; bottom:150px; right:17px; width:56px; height:56px; text-align:center; background:var(--color-phone); border-radius:100%; overflow:hidden; z-index:99; -webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3); box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3); } 
.js-facebook-messenger-box.rotate svg#fb-msng-icon { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 
.js-facebook-messenger-box svg#fb-msng-icon { width:32px; height:33px; position:absolute; top:13px; left:12px; opacity:1; overflow:hidden; -webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -webkit-transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out; } 
.js-facebook-messenger-box.rotate svg#close-icon { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } 
.js-facebook-messenger-box svg#close-icon { opacity:0; width:19px; height:20px; position:absolute; top:19px; left:19px; -webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -webkit-transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out; } 
.js-facebook-messenger-container,.js-facebook-messenger-container-button { z-index:1000; } 
.js-facebook-messenger-container { position:fixed; opacity:0; -webkit-transform:translateY(50px); transform:translateY(50px); bottom:110px; right:90px; border-radius:10px; pointer-events:none; -webkit-box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16); box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16); -webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out; -webkit-transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out; transition:transform 160ms ease-in-out,opacity 160ms ease-in-out; transition:transform 160ms ease-in-out,opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out; } 
.js-facebook-messenger-top-header { width:220px; color:#ffffff; background:var(--color-phone); display:block; position:relative; width:220px; background:var(--color-phone); color:#ffffff; text-align:center; line-height:1; padding:10px; font-size:14px; border-top-left-radius:10px; border-top-right-radius:10px; } 
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe { border-bottom-left-radius:10px; border-bottom-right-radius:10px; } 
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index:999; } 
.js-facebook-messenger-container,.js-facebook-messenger-container-button { z-index:1000; } 
.js-facebook-messenger-top-header { color:#ffffff; background:var(--color-phone); width:220px; } 
.js-facebook-messenger-tooltip { color:#404040; background:#fff; } 
.js-facebook-messenger-container.open { -webkit-transform:translateY(0px); transform:translateY(0px); opacity:1; pointer-events:all; } 
.js-facebook-messenger-tooltip { bottom:97px; right:97px; } 
.js-facebook-messenger-box.open svg#fb-msng-icon { opacity:0; } 
.js-facebook-messenger-box.rotate.open svg#close-icon { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 
.js-facebook-messenger-box.open svg#close-icon { opacity:1; } 
/* Cart Fix */
.cart-fixed { position:fixed; right:20px; bottom:480px; z-index:10; background:var(--color-phone); width:50px; height:50px; text-align:center; color:#fff !important; border-radius:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } 
.cart-fixed i { font-size:20px; } 
.cart-fixed span { position:absolute; top:0px; right:-5px; color:#ffffff; width:25px; height:25px; background:var(--color-main); text-align:center; line-height:25px; font-size:11px; border-radius:100%; } 
@media only screen and (max-width:991px){
 .cart-fixed { bottom:320px !important; } 
 }
/* Toolbar */
.toolbar { background:var(--color-main); padding:2vw; bottom:5px; position:fixed; z-index:500; height:auto; left:5px; right:5px; border-radius:0.5rem; } 
.toolbar ul { list-style:none; padding:0px; margin:0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } 
.toolbar ul li { text-align:center; width:25%; } 
.toolbar ul li a { display:block; width:100%; cursor:pointer; } 
.toolbar ul li a img { height:6vw; width:auto; } 
.toolbar ul li a span { font-weight:400; color:#ffffff; font-size:3vw; display:block; } 
/* Fixbar */
.fixbar { bottom:0; display:block; background:#f0eff4; border-top:1px solid #ddd; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; position:fixed; margin:0; z-index:500; -webkit-backface-visibility:hidden; backface-visibility:hidden; height:50px; } 
.fixbar ul { margin:0px; padding:0px; list-style:none; } 
.fixbar ul li { margin:0 auto 10px; text-align:center; width:25%; float:left; } 
.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new { width:20px; height:20px; display:block; margin:8px auto 0; } 
.fixbar .icon-cart-mobile { background:url(../images/cart-mobile.png) no-repeat; } 
.cart-total-header-mobile { font-size:10px; position:absolute; background:red; color:#fff !important; border-radius:50%; height:15px; width:15px; line-height:15px; top:5px; margin-left:5px; } 
.fixbar ul li a { font-size:11px; text-decoration:none; color:#333; } 
.fixbar ul li a i { font-size:20px; } 
/* Plugbar */
.plugbar { position:fixed; bottom:0; left:0; border-top:1px solid #eae6e6; width:100%; right:0; max-width:767px; margin:0 auto; background:#ffffff; padding:9px 10px 10px 7px; z-index:10; } 
.plugbar ul { list-style:none; padding:0; margin:0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } 
.plugbar ul li { width:20%; float:left; } 
.plugbar ul li a { display:block; color:#696969; font-size:12px; text-align:center; position:relative; } 
.plugbar ul li a i { font-size:20px; color:#696969; } 
.plugbar ul li a span { position:absolute; width:50px; height:50px; top:-40px; left:calc(50% - 50px / 2); font-size:14px; display:block; border:1px solid rgba(234,230,230,0.5); border-radius:100%; } 
/* Like Share */
.social-plugin { margin-top:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } 
.social-plugin .at-share-btn { margin-bottom:0px !important; } 
.social-plugin .zalo-share-button { margin-left:3px; } 
/* Paging */
.pagination-home .pagination .page-item .page-link { color:#555555; font-size:0.875rem; } 
.pagination-home .pagination .page-item.active .page-link { color:#ffffff; background-color:#555555; border-color:#555555; } 
/* Paging Ajax */
.pagination-ajax { text-align:center; } 
.pagination-ajax a { display:inline-block; vertical-align:top; margin:0px 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:#ffffff; border-radius: 3px; } 
.pagination-ajax a.current,.pagination-ajax a:hover { color:#ffffff !important; border-color:var(--color-main); background-color:var(--color-main); } 
.pagination-ajax a.first,.pagination-ajax a.last,.pagination-ajax a.prev,.pagination-ajax a.next { text-indent:-9999px; position:relative; background-color:#ffffff !important; } 
.pagination-ajax a.first:before,.pagination-ajax a.last:before,.pagination-ajax a.prev:before,.pagination-ajax a.next:before { content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; background-color:transparent; background-repeat:no-repeat; background-position:center; } 
.pagination-ajax a.first:before { background-image:url(../images/page-first.png); } 
.pagination-ajax a.last:before { background-image:url(../images/page-last.png); } 
.pagination-ajax a.prev:before { background-image:url(../images/page-prev.png); } 
.pagination-ajax a.next:before { background-image:url(../images/page-next.png); } 
/* Popup */
#popup .modal-body { padding:0px; } 
/* Hidden Google Captcha */
.grecaptcha-badge { display:none !important; width:0px !important; height:0px !important; visibility:hidden !important; overflow:hidden; } 
/* Hidden Check Grammar Coccoc */
coccocgrammar { display:none; } 
/* Scroll Top */
/* .scrollToTop { width:41px; height:41px; text-align:center; font-weight:bold; color:#444; text-decoration:none; position:fixed; bottom:65px; right:25px; display:none; z-index:10; cursor:pointer; } 
*/
.scrollToTop { position:fixed; bottom:85px; right:25px; height:50px; width:50px; cursor:pointer; display:block; border-radius:50px; z-index:1001010; opacity:0; visibility:hidden; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px); -webkit-transition:all 400ms linear; -o-transition:all 400ms linear; transition:all 400ms linear } 
.scrollToTop.active-progress { opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 
.scrollToTop::before { position:absolute; font-family:"Font Awesome 6 Pro"; content:"\f102"; text-align:center; line-height:50px; font-size:20px; color:var(--color-phone); left:0; top:0; height:50px; width:50px; cursor:pointer; display:block; z-index:1; -webkit-transition:all 400ms linear; -o-transition:all 400ms linear; transition:all 400ms linear } 
.scrollToTop svg path { fill:none } 
.scrollToTop svg.progress-circle path { stroke:var(--color-phone); stroke-width:4; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 400ms linear; -o-transition:all 400ms linear; transition:all 400ms linear } 
/* Combo Phone */
.support-online { position:fixed; z-index:999; left:10px; bottom:0px; } 
.support-online a { position:relative; margin:20px 10px; text-align:left; width:40px; height:40px; } 
.support-online i { width:40px; height:40px; background:#43a1f3; color:#ffffff; border-radius:100%; font-size:20px; text-align:center; line-height:1.9; position:relative; z-index:999; } 
.support-online a { display:block; } 
.support-online a span { border-radius:2px; text-align:center; background:#67b634; padding:9px; display:none; width:180px; margin-left:10px; position:absolute; color:#ffffff; z-index:999; top:0px; left:40px; -webkit-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; -webkit-animation:headerAnimation 0.7s 1; animation:headerAnimation 0.7s 1; } 
.support-online a:hover span { display:block; } 
.support-online a span:before { content:""; width:0; height:0; border-style:solid; border-width:10px 10px 10px 0; border-color:transparent #67b634 transparent transparent; position:absolute; left:-10px; top:10px; } 
.support-online .kenit-alo-circle-fill { width:60px; height:60px; top:-10px; position:absolute; border-radius:100%; border:2px solid transparent; background-color:rgba(0,175,242,0.5); opacity:0.75; right:-10px; } 
.support-online .kenit-alo-circle { width:50px; height:50px; top:-5px; right:-5px; position:absolute; background-color:transparent; border-radius:100%; border:2px solid rgba(30,30,30,0.4); opacity:0.1; border-color:#0089b9; opacity:0.5; } 
.support-online .support-online .btn-support { cursor:pointer; } 
.support-online .mes i { background:orange; } 
.support-online .sms i { background:red; } 
.support-online .call-now i { background:green; } 

/* Phone Switch */
.widget-mobile { position:fixed; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); bottom:10px; z-index:9999999; } 
#my-phone-circle { position:relative; width:50px !important; height:50px !important; } 
.wcircle-open .wcircle-icon i:before { content:"\f00d"; } 
.wcircle-icon { background:#1282fc; border-radius:50%; position:relative !important; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } 
.wcircle-icon:before { position:absolute; content:""; width:60px; height:60px; background:rgba(18,130,252,0.5); border:1px solid #ffffff; border-radius:50%; left:-5px; top:-5px; -webkit-animation:pulse 1s infinite ease-in-out; animation:pulse 1s infinite ease-in-out; } 
.wcircle-icon:after { position:absolute; content:""; width:80px; height:80px; background:rgba(18,130,252,0.5); border-radius:50%; left:-15px; top:-15px; -webkit-animation:zoomIn 2s infinite ease-in-out; animation:zoomIn 2s infinite ease-in-out; } 
.wcircle-menu { position:absolute !important; left:0; top:0; display:none; } 
.wcircle-menu-item { width:50px; height:50px; background:#1282fc; border-radius:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } 
.wcircle-menu-item img { width:50px; height:50px; display:block; border-radius:50%; } 
.wcircle-menu-item i { font-size:25px; color:#ffffff; position:relative; z-index:9999; } 
.wcircle-icon i { font-size:25px; color:#ffffff; position:relative; z-index:9999; } 
.shake-anim { -webkit-animation:shake-anim 1s infinite ease-in-out; animation:shake-anim 1s infinite ease-in-out; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; } 

/* Category Box */
.box-sticky { position:sticky; position:-webkit-sticky; top:80px; } 
.category-box .title-category { margin:0; text-align:left; padding:8px 15px; background-color:var(--color-main); border-radius:5px 5px 0px 0px; } 
.title-category span { color:#fff!important; font-size:16px; text-transform:uppercase; font-family:var(--font-boldold); } 
.category-box ul { padding:0px; margin:0; list-style:none; } 
.category-box i { margin-right:5px; } 
.box_category_list { max-height:500px; overflow-y:auto; padding:0; list-style:inside; background-color:#fff; border:solid 1px #eee; border-top:none; border-radius:0px 0px 5px 5px; } 
.box_category_list li { /*border-top:solid 1px #ccc; */
position:relative; list-style:none; } 
.box_category_list > li:first-child { border-top:none; } 
.box_category_list li a { font-size:14px; color:#666;; text-transform:capitalize; line-height:1.5; padding:5px 15px; } 
.box_category_list li a:hover { color:var(--color-hover); } 
.box_category_list li span { margin-top:5px; } 
.box_category_list li span i { color:#ccc !important; } 
.box_category_list li .toggle { position:absolute; right:0; text-align:center; top:0; right:5px; cursor:pointer } 
.box_category_list li .toggle i { color:#ccc } 
.box_category_list li ul { display:block; } 
.box_category_list li ul li { padding:0px 15px; } 
.box_category_list li ul li a { text-transform:capitalize; } 
.box-sticky::-webkit-scrollbar { width:3px; } 
.box-sticky::-webkit-scrollbar-track { background:#ccc; } 
.box-sticky::-webkit-scrollbar-thumb { background:var(--color-main); } 
.box-sticky::-webkit-scrollbar-thumb:hover { background:var(--color-hover); } 
/*Style custom*/
.py-70 { padding:70px 0px; } 
.py-60 { padding:60px 0px; } 
.py-50 { padding:50px 0px; } 
@media only screen and (max-width:850px){
 .py-70 { padding:30px 0px; } 
 .py-60 { padding:30px 0px; } 
 .py-50 { padding:30px 0px; } 
 }
.py-30 { padding:30px 0px; } 
.mb-30 { margin-bottom:30px; } 
.mt-30 { margin-top:30px; } 
.mb-50 { margin-bottom:50px; } 
@media only screen and (max-width:850px){
 .mb-50 { margin-bottom:30px; } 
 }
.mt-50 { margin-top:50px; } 
@media only screen and (max-width:850px){
 .mt-50 { margin-top:30px; } 
 }
.mb-10 { margin-bottom:10px; } 
.mb-15 { margin-bottom:15px; } 
@media only screen and (max-width:850px){
 .mgb-res { margin-bottom:30px !important; } 
 }
/* Hiệu ứng menu*/
.centery,.centery-after:after,.centery-before:before { -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } 
.ease-in-200 { -webkit-transition:all 500ms ease-in; -moz-transition:all 500ms ease-in; -ms-transition:all 500ms ease-in; -o-transition:all 500ms ease-in; transition:all 500ms ease-in; } 
.slideInDown1 { -webkit-animation-name:slideInDown1; animation-name:slideInDown1 } 
/**/
.fixed { position:fixed !important; left:0; right:0; top:0; z-index:999; animation:slideInDown1 1s 0s; } 
.fixed-res { position:fixed !important; left:0; right:0; top:0; z-index:999; animation:ease 0.3s; } 
/*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) } 
.btn-sweep-center { position:relative; z-index:10; color:var(--color-main); display:inline-block; overflow:hidden; text-transform:uppercase; border:1px solid var(--color-main); } 
.btn-sweep-center:hover { color:#fff; } 
.btn-sweep-center:before { left:-20px; transform:translate(-50%,-50%); } 
.btn-sweep-center:after { right:-20px; transform:translate(50%,-50%); } 
.btn-sweep-center:before,.btn-sweep-center:after { position:absolute; top:50%; content:""; width:20px; height:20px; background-color:var(--color-main); border-radius:50%; z-index:-1; } 
.btn-sweep-center:hover:before { -webkit-animation:criss-cross-left 0.8s both; animation:criss-cross-left 0.8s both; -webkit-animation-direction:alternate; animation-direction:alternate; } 
.btn-sweep-center:hover:after { -webkit-animation:criss-cross-right 0.8s both; animation:criss-cross-right 0.8s both; -webkit-animation-direction:alternate; animation-direction:alternate; } 
.hvr-sweep-to-top { 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-top:before { content:""; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:#3a0304; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -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-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover { color:#fff } 
.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before { -webkit-transform:scaleY(1); transform:scaleY(1) } 
.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:#33cbcc; -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) } 
.btn-hover { position:relative; padding:10px 20px; border-radius:7px; border:1px solid rgb(61,106,255); font-size:14px; text-transform:uppercase; font-weight:600; letter-spacing:2px; background:transparent; color:#fff; overflow:hidden; box-shadow:0 0 0 0 transparent; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; transition:all 0.2s ease-in; } 
.btn-hover:hover { background:rgb(61,106,255); box-shadow:0 0 30px 5px rgba(0,142,236,0.815); -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; transition:all 0.2s ease-out; } 
.btn-hover:hover::before { -webkit-animation:sh02 0.5s 0s linear; -moz-animation:sh02 0.5s 0s linear; animation:sh02 0.5s 0s linear; } 
.btn-hover::before { content:''; display:block; width:0px; height:86%; position:absolute; top:7%; left:0%; opacity:0; background:#fff; box-shadow:0 0 50px 30px #fff; -webkit-transform:skewX(-20deg); -moz-transform:skewX(-20deg); -ms-transform:skewX(-20deg); -o-transform:skewX(-20deg); transform:skewX(-20deg); } 
.codepen-button { display:block; cursor:pointer; color:#fff; margin:0 auto; position:relative; text-decoration:none; font-weight:600; border-radius:6px; overflow:hidden; padding:3px; isolation:isolate } 
.codepen-button::before { content:""; position:absolute; top:0; left:0; width:400%; height:100%; background:linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b); background-size:25% 100%; animation:an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop .75s linear infinite; animation-play-state:paused; translate:-5% 0; transition:translate .25s ease-out } 
.codepen-button:hover::before { animation-play-state:running; transition-duration:.75s; translate:0 0 } 
.codepen-button span { position:relative; display:block; padding:1rem 1.5rem; font-size:1.1rem; background:#000; border-radius:3px; height:100% } 
.btn-hover:active { box-shadow:0 0 0 0 transparent; -webkit-transition:box-shadow 0.2s ease-in; -moz-transition:box-shadow 0.2s ease-in; transition:box-shadow 0.2s ease-in; } 
.box { position:relative; transition:0.5s; -webkit-transition:0.5s } 
.box::before,.box::after { width:100%; height:100%; z-index:1; content:''; position:absolute; top:0; left:0; box-sizing:border-box; -webkit-transform:scale(0); transition:0.5s } 
.foo::before { border-bottom:3px solid #e00c09; border-left:3px solid #e00c09; -webkit-transform-origin:0 100% } 
.foo::after { border-top:3px solid #e00c09; border-right:3px solid #e00c09; -webkit-transform-origin:100% 0% } 
.box:hover::after,.box:hover::before { -webkit-transform:scale(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: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_sang { display:block; position:relative; overflow:hidden; } 
.hover_sang:hover:before { left:0; top:0; } 
.hover_sang:before { left:-100%; top:-100%; } 
.hover_sang:after { bottom:-100%; right:-100%; } 
.hover_sang:before,.hover_sang:after { display:block; } 
.hover_sang:before,.hover_sang:after { background:rgba(255,255,255,0.3) none repeat scroll 0 0; content:""; height:100%; position:absolute; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; width:100%; z-index:8; } 
.hover_sang:hover img { -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } 
.hover_sang img { transition:0.7s; } 
.hover_sang:hover:after { right:0; bottom:0; } 
.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%; } 
/*Phone anima*/
.animate__infinite { -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } 
.animate__tada { -webkit-animation-name:tada; animation-name:tada; } 
.animate__animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-duration:var(--animate-duration); animation-duration:var(--animate-duration); -webkit-animation-fill-mode:both; animation-fill-mode:both; } 
/* Loading */
.mask { width:100%; height:100vh; position:fixed; left:0; top:0; z-index:999999999; overflow:hidden; } 
.mask span:nth-child(1) { height:30vh; top:0; -webkit-transition-delay:.3s; transition-delay:.3s; } 
.mask span:nth-child(2) { height:40vh; top:30vh; -webkit-transition-delay:.5s; transition-delay:.5s; } 
.mask span:nth-child(3) { height:30vh; top:70vh; -webkit-transition-delay:.6s; transition-delay:.6s; } 
.mask span { width:100%; position:absolute; right:0; background:-webkit-linear-gradient(90deg,#fff 0,#fff 100%); background:linear-gradient(90deg,#fff 0,#fff 100%); -webkit-transition:width .9s ease-in-out; transition:width .9s ease-in-out; } 
.mask.hideg span { width:0; } 
.mask.hideg { pointer-events:none; } 
.loadicon { position:fixed; top:50%; left:50%; width:200px; height:140px; margin:-70px 0 0 -100px; z-index:110000; } 
#loading { position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999999999; } 
#loading.finish { z-index:-9999; } 
#loading.finish .logo_2 span,#loading.finish .logo_2 img { display:none; } 
#loading .logo_2 { width:100%; height:100%; display:flex; align-items:center; justify-content:center; transition:all ease 0.5s; } 
#loading .logo_2 span { display:block; border-radius:50%; border:3px solid rgba(255,255,255,0.5); -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; box-shadow:0 0 20px rgba(255,255,255,0.5); -webkit-animation:Ani 2s infinite; animation:Ani 2s infinite; width:120px; height:120px; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; z-index:2; z-index:9999999999; } 
#loading .logo_2 img { position:relative; max-width:80px; z-index:4; } 
/*Danh mục*/
.hdanhmucdrops { position:relative; width:240px; z-index:19; border-radius:20px 20px 0px 0px; } 
.hdanhmucdrops > .nicescl { display:none; top:100%; position:relative; box-shadow:0px 0px 10px #ccc; } 
/* Keyframes */
.animate-border { position:relative; display:block; width:100px; height:3px; background:var(--color-main); overflow:hidden } 
.animate-border:after { position:absolute; content:""; width:30px; height:3px; left:15px; bottom:0; border-left:10px solid #fff; border-right:10px solid #fff; -webkit-animation:animborder 2s linear infinite; animation:animborder 2s linear infinite } 
@-webkit-keyframes animborder { 
 0% { -webkit-transform:translateX(0); transform:translateX(0) } 
100% { -webkit-transform:translateX(113px); transform:translateX(113px) } 
 }
@keyframes animborder { 
 0% { -webkit-transform:translateX(0); transform:translateX(0) } 
100% { -webkit-transform:translateX(113px); transform:translateX(113px) } 
 }
@-webkit-keyframes slideInDown1 { 
 0% { -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0); visibility:visible } 
100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 
 }
@keyframes slideInDown1 { 
 0% { -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0); visibility:visible } 
100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 
 }
@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%,50%,100% { transform:rotate(0) scale(1) skew(1deg); } 
10%,30% { transform:rotate(-25deg) scale(1) skew(1deg); } 
20%,40% { transform:rotate(25deg) scale(1) skew(1deg); } 
 }
@-webkit-keyframes shake-anim { 0%,50%,100% { -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%,50%,100% { -moz-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); } 
 }
@-ms-keyframes shake-anim { 0%,50%,100% { -ms-transform:rotate(0) scale(1) skew(1deg); } 
10%,30% { -ms-transform:rotate(-25deg) scale(1) skew(1deg); } 
20%,40% { -ms-transform:rotate(25deg) scale(1) skew(1deg); } 
 }
@-o-keyframes shake-anim { 0%,50%,100% { -o-transform:rotate(0) scale(1) skew(1deg); } 
10%,30% { -o-transform:rotate(-25deg) scale(1) skew(1deg); } 
20%,40% { -o-transform:rotate(25deg) scale(1) skew(1deg); } 
 }
@-webkit-keyframes criss-cross-left { 
 0% { left:-20px; } 
50% { left:50%; width:20px; height:20px; } 
100% { left:50%; width:375px; height:375px; } 
 }
@keyframes criss-cross-left { 
 0% { left:-20px; } 
50% { left:50%; width:20px; height:20px; } 
100% { left:50%; width:375px; height:375px; } 
 }
@-webkit-keyframes criss-cross-right { 
 0% { right:-20px; } 
50% { right:50%; width:20px; height:20px; } 
100% { right:50%; width:375px; height:375px; } 
 }
@keyframes criss-cross-right { 
 0% { right:-20px; } 
50% { right:50%; width:20px; height:20px; } 
100% { right:50%; width:375px; height:375px; } 
 }
@keyframes sh02 { 
 from { opacity:0; left:0%; } 
50% { opacity:1; } 
to { opacity:0; left:100%; } 
 }
@keyframes an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop { to { transform:translateX(-25%) } 
 }
/* @-webkit-keyframes Ani { 
 0% { box-shadow:0 0 0 #242424; border:1px solid #242424; -webkit-transform:scale(0); transform:scale(0); } 
 }
.start-animate { z-index:999 !important; position:absolute; animation:star linear 1.75s infinite; -moz-animation:star linear 1.75s infinite; -webkit-animation:star linear 1.75s infinite; -o-animation:star linear 1.75s infinite; } 
@keyframes star { 
 0% { transform:rotate(0) scale(0); } 
50% { transform:rotate(180deg) scale(1.5); } 
100% { transform:rotate(360deg) scale(0); } 
 }
@-webkit-keyframes scale-up-hor-left { 
 0% { -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 0; transform-origin:0 0 } 
100% { -webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transform-origin:0 0; transform-origin:0 0 } 
 }
.fixed .hdanhmucdrops > .nicescl,.hdanhmucdrops.ver1 > .nicescl { display:none; top:100% } 
.fixed .hdanhmucdrops:hover .nicescl { display:block; } 
.hdanhmucdrops .title { border-radius:20px 20px 0px 0px; display:block; line-height:40px; height:100%; cursor:pointer; font-size:16px; text-transform:uppercase; text-align:center; color:#060606; font-family:'QuicksandBold'; } 
.click-icon-menu { height:100%; margin-bottom:0px; } 
.click-icon-menu > span i { position:unset; } 
.click-icon-menu span { background-color:#ffc410; height:100%; width:100%; padding:3px 10px; border-radius:10px 10px 0px 0px; } 
.click-icon-menu span i { margin-right:10px; position:relative; color:#060606; } 
.hdanhmucdrops ul { padding:0; margin:0; list-style:none; text-align:left; background-color:#fff; } 
.hdanhmucdrops ul > li { padding:0 0% 0% 8%; } 
.hdanhmucdrops ul > li.line { border-bottom:solid 1px #f2f2f2; width:100%; margin:0 auto; } 
.hdanhmucdrops .nicescl { position:absolute; box-sizing:border-box; width:100%; left:0; top:100% } 
.hdanhmucdrops ul.content { overflow:auto; font-size:14px; } 
.hdanhmucdrops li a { display:inline-flex; align-items:center; width:100%; position:relative; padding:12px 0px; font-size:14px; color:#101010; text-transform:capitalize; font-family:'QuicksandMedium'; } 
.hdanhmucdrops li a img { margin-right:10px; } 
.hdanhmucdrops ul ul { -webkit-transform:scaleX(0); transform:scaleX(0); width:100%; display:none; position:absolute; left:calc(100% - 7px); left:-moz-calc(100% - 7px); left:-webkit-calc(100% - 7px); z-index:9999; } 
.hdanhmucdrops ul ul li { position:relative; border-bottom:dashed 1px #dedede; } 
.hdanhmucdrops ul > li:hover > ul { display:block; -webkit-animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both; animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both } 
.hdanhmucdrops ul > li:last-child { border-bottom:none } 
.hdanhmucdrops ul ul ul { left:100%; top:0!important } 
.hdanhmucdrops i.right { position:absolute; right:13px; font-size:16px; } 
.hdanhmucdrops i.left { font-size:6px; margin-right:10px; } 
.hdanhmucdrops li:hover > a { color:#fbbc00; } 
.hdanhmucdrops .fa-angle-right:before { font-size:15px; } 
.hdanhmucdropsjs { position:relative; width:240px; z-index:19; } 
.hdanhmucdropsjs ul { padding:0; margin:0; list-style:none; text-align:left; background-color:#fff; box-shadow:0px 0px 10px #ccc; } 
.hdanhmucdropsjs ul > li { padding:0 0% 0% 8%; } 
.hdanhmucdropsjs ul > li.line { border-bottom:solid 1px #f2f2f2; width:100%; margin:0 auto; } 
.hdanhmucdropsjs .nicescl { position:absolute; box-sizing:border-box; width:100%; left:0; top:0% } 
.hdanhmucdropsjs ul.content { overflow:auto; font-size:14px; } 
.hdanhmucdropsjs li a { display:inline-flex; align-items:center; width:100%; position:relative; padding:12px 0px; font-size:14px; color:#101010; text-transform:capitalize; font-family:'QuicksandMedium'; } 
.hdanhmucdropsjs li a img { margin-right:10px; } 
.hdanhmucdropsjs ul ul { -webkit-transform:scaleX(0); transform:scaleX(0); width:100%; display:none; position:absolute; left:calc(100% - 7px); left:-moz-calc(100% - 7px); left:-webkit-calc(100% - 7px); z-index:9999; } 
.hdanhmucdropsjs ul ul li { position:relative; border-bottom:dashed 1px #dedede; } 
.hdanhmucdropsjs ul > li:hover > ul { display:block; -webkit-animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both; animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both } 
.hdanhmucdropsjs ul > li:last-child { border-bottom:none } 
.hdanhmucdropsjs ul ul ul { left:100%; top:0!important } 
.hdanhmucdropsjs i.right { position:absolute; right:13px; font-size:16px; } 
.hdanhmucdropsjs i.left { font-size:6px; margin-right:10px; } 
.hdanhmucdropsjs li:hover > a { color:#fbbc00; } 
.hdanhmucdropsjs .fa-angle-right:before { font-size:15px; } 
.hdanhmucdrops::-webkit-scrollbar,.hdanhmucdropsjs::-webkit-scrollbar { width:1px; } 
.hdanhmucdrops::-webkit-scrollbar-track,.hdanhmucdropsjs::-webkit-scrollbar-track { background:#ccc; } 
.hdanhmucdrops::-webkit-scrollbar-thumb,.hdanhmucdropsjs::-webkit-scrollbar-thumb { background:#e80c0c; } 
.hdanhmucdrops::-webkit-scrollbar-thumb:hover,.hdanhmucdropsjs::-webkit-scrollbar-thumb:hover { background:#ccc; } 
*/