/* menu */
/* menu */
.dm_title{flex-wrap: wrap;align-items: center;}
/* //danhmucmenu_droup */
.dm_title p{font-size: 20px;color: #ffff;font-family:'Tektur_b';padding-left:10px;}
.hdanhmucdrops{padding:8px 10px;position: relative;cursor: pointer;background-color: #9C0000;max-width: 270px;width: 100%;;}
.hdanhmucdrops > .nicescl{display:none;top:100%;position: relative;}
.click-icon-menu{height: 100%;margin-bottom: 0px;border: dashed 1px #BABABA;border-left: none;border-radius: 0px 50px 50px 0px;position: relative;}
.click-icon-menu > span i{position: unset;}
.click-icon-menu span{ height: 100%;width: 100%; padding:0px 20px;}
.click-icon-menu span i{margin-right: 10px;position: relative;color: #313131;}
.hdanhmucdrops ul{padding:0;margin:0;list-style:none;text-align:left;background:url(../images/image/nen_dm.png)no-repeat;background-size: cover;z-index: 111;}
.hdanhmucdrops .nicescl{position:absolute;box-sizing:border-box;width:100%;left:0;top:100%;z-index: 9999;background-color: #fff;}
.hdanhmucdrops ul.content{overflow:auto;font-size:14px; max-height: 490px;}
.hdanhmucdrops li a{display:inline-flex;align-items: center; width: 100%;position: relative;padding:7px 15px ; font-size: 14px; color: #000;  text-transform: capitalize;font-family: 'Roboto_m';   border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    border-left: 1px solid #EEE;
     }
.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% - 0px);left:-moz-calc(100% - 0px);left:-webkit-calc(100% - 6px); z-index: 9999;background-color: #fff;}
.hdanhmucdrops ul ul li { position: relative;}
.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: 20px;}
.hdanhmucdrops i.left { font-size: 6px; margin-right: 10px;}
.hdanhmucdrops li:hover > a{color: #FF5209;}
.hdanhmucdrops .fa-angle-right:before{font-size: 15px;}
/* .hdanhmucdrops li:last-child a{border-bottom: none;} */
@-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}
}
.hdanhmucdrops li ul li a{
  padding: 12px 15px;
} 





.hdanhmucdropsjs{position:relative;width:281px;z-index:19;}
.hdanhmucdropsjs ul{padding:0;margin:0;list-style:none;text-align:left;background-color:#fff;}
.hdanhmucdropsjs ul > li{padding:0 0% 0% 0%;}
.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: #333333;  text-transform: capitalize;}
.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;}
.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,.hdanhmucdrops li a:hover{color: #FF5209;}
.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;}
.hdanhmucdrops ::-webkit-scrollbar-track, .hdanhmucdropsjs ::-webkit-scrollbar-track { background: #ccc; }
.hdanhmucdrops ::-webkit-scrollbar-thumb, .hdanhmucdropsjs ::-webkit-scrollbar-thumb {background: #e80c0c; }

.nicescroll::-webkit-scrollbar{ width: 5px;}
.nicescroll::-webkit-scrollbar-track{ background: #ccc; }
.nicescroll::-webkit-scrollbar-thumb{background: rgba(185, 181, 185, 0.667); }

.nicescroll{height: 490px;overflow:scroll;}


/* Handle on hover */
/* /* .hdanhmucdrops ::-webkit-scrollbar-thumb:hover, .hdanhmucdropsjs ::-webkit-scrollbar-thumb:hover {background: #ccc;}  */
.hdanhmucdropsjs li a {
  display: inline-flex;
  align-items: center;
  width: 100%;
  position: relative;
  padding: 12px 15px;
  font-size: 16px;
  color: #000;
  text-transform: capitalize;
  font-family: 'RobotoMedium';
  border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    border-left: 1px solid #EEE;
    background: linear-gradient(180deg, #FFF 43%, #EFEFEF 118%);
}

.hdanhmucdropsjs li ul li a{padding: 12.5px 15px;}













/* Scale IMG */
/* .scale-img{overflow:hidden;display:block;}
.scale-img img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.scale-img:hover > img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} */

.hvr-double-box {
  position: relative;
  overflow: hidden;
  display: block;
}

.hvr-double-box: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: 3;
}

.hvr-double-box: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;
}

.hvr-double-box:hover:before,
.hvr-double-box: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%;
}

/* Scale IMG */
.scale-img1{overflow:hidden;display:block;}
.scale-img1 img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.scale-img1:hover  img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}


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

/* Blink */
.blink{-webkit-animation-name:blink;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:2s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}

/* Blink */
.blink1{-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;}

@-moz-keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.2;}
	100%{opacity:1.0;}
}
@-webkit-keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.2;}
	100%{opacity:1.0;}
}
@keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.2;}
	100%{opacity:1.0;}
}


/*Line*/
.animate-border{position:relative;display:block;width:100px;height:3px;background:#82D84E;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)}
}