/*Hiệu ứng menu*/
.centery{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
@-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)}
}
/**/
.fixed{position:fixed !important;left:0;right:0;top:0;z-index:999;animation:slideInDown1 1s 0s;}
/*Hieu ung*/
@-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 spin{to{transform:rotate(360deg);}
}
@keyframes blink{0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
@keyframes shake-anim{0%{transform:rotate(0) scale(1) skew(1deg);}
10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg);}
20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg);}
100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg);}
}
@keyframes rotate{from{transform:rotate(0);}
to{transform:rotate(360deg);}
}
@keyframes fadeup{from{opacity:0;transform:translateX(-20px);}
to{opacity:1;transform:translateX(0);}
}
@keyframes pulse-animation{0%{transform:scale3d(1,1,1);opacity:0;}
10%{transform:scale3d(1.1,1.1,1.1);opacity:1;}
100%{transform:scale3d(1.6,1.6,1.6);opacity:0;}
}
@keyframes border-animation{0%{transform:scale3d(0.6,0.6,0.6);opacity:0;}
20%{transform:scale3d(1.2,1.2,1.2);opacity:1;}
100%{transform:scale3d(1.4,1.4,1.4);opacity:0;}
}
@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%)}
}
/*Phone anima*/
.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;}
#loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999999999;}
/* @-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);}
}
*/
/*Line*/
@-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)}
}
/*Danh mục*/
/* .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;}
@-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}
}
*/
/* width */
/* .hdanhmucdrops::-webkit-scrollbar,.hdanhmucdropsjs::-webkit-scrollbar{width:1px;}
*/
/* Track */
/* .hdanhmucdrops::-webkit-scrollbar-track,.hdanhmucdropsjs::-webkit-scrollbar-track{background:#ccc;}
*/
/* Handle */
/* .hdanhmucdrops::-webkit-scrollbar-thumb,.hdanhmucdropsjs::-webkit-scrollbar-thumb{background:#e80c0c;}
*/
/* Handle on hover */
/* .hdanhmucdrops::-webkit-scrollbar-thumb:hover,.hdanhmucdropsjs::-webkit-scrollbar-thumb:hover{background:#ccc;}
*/