.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-radial-out{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;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#fed000;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-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-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}
.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}

.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;}
/* .category-left{background-color: #60c755; padding: 2px;} */

.category-left .title-category{margin:0; text-align: left; padding: 8px; background-color: #e6c016;}
.title-category span{color:#fff!important;font-size:18px;text-transform:uppercase;font-family:'RobotoBold'}
.category-left ul{padding:0px;margin:0;list-style:none;}

.category-left i{margin-right: 10px;}
.boxmenulistleft{overflow-y:auto;padding:0;list-style:inside; background-color: #fff; border: solid 1px #ccc;}
.boxmenulistleft ul{padding-left:0px;list-style:inside;display:none}
.boxmenulistleft li{border-bottom: solid 1px #ccc;position:relative;padding:10px 20px; list-style: none;}
.boxmenulistleft li:last-child{border-bottom: none;}
.boxmenulistleft li a{font-size:15px;color: #666;;text-transform:capitalize;line-height:1.4;line-height:1.5}
.boxmenulistleft li a:hover{color: #ffbc13;}
.boxmenulistleft li span{margin-top: 5px;}
.boxmenulistleft li span i{color: #ccc !important;}
.boxmenulistleft li .toggle{position:absolute;right:0;width:30px;height:30px;text-align:center;line-height:30px;top:0;right:0;cursor:pointer}
.boxmenulistleft li .toggle i{color:#ccc}
.boxmenulistleft li ul li{ padding: 6px 20px;}
.boxmenulistleft li ul li a{text-transform: capitalize;}
/**/
.hotline_ft { position: fixed;bottom: 40px;left: 10px;z-index: 99;}
.hotline_ft a{display:flex;align-items:center;background:#e80c0c;border-radius:25px;padding:5px 40px 5px 5px}
.hotline_ft a img{margin-right:10px}
.shake-anim{-webkit-animation:shake-anim 1s infinite ease-in-out;-moz-animation:shake-anim 1s infinite ease-in-out;-ms-animation:shake-anim 1s infinite ease-in-out;-o-animation:shake-anim 1s infinite ease-in-out;animation:shake-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:shake-anim 1s infinite ease-in-out;-moz-animation:shake-anim 1s infinite ease-in-out;-ms-animation:shake-anim 1s infinite ease-in-out;-o-animation:shake-anim 1s infinite ease-in-out;animation:shake-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
.phone_hot{display:flex;flex-flow:column;justify-content:center;line-height:20px}
.phone_hot span {font-size: 18px;color: #fffc01;font-weight: 700;}
.phone_hot p {color: #fff; font-weight: 300;}
/*logo warp*/
.wrap-logo{
    position: relative;
    overflow: hidden;
    line-height: 1;
    display: inline-block;
}
.wrap-logo:before{
    content: "";
    position: absolute;
    top: 50%;
    width: 10px;
    height: 100%;
    transform: translateY(-50%);
    background-color: rgba(255,255,255,.75);
    left: -5%;
    animation: light-left 3s infinite alternate linear;
}
.wrap-logo:after{
    content: "";
    position: absolute;
    top: 50%;
    width: 10px;
    height: 100%;
    transform: translateY(-50%);
    background-color: rgba(255,255,255,.75);
    right: -5%;
    animation: light-right 3s infinite alternate linear;
}
@keyframes light-left{
    0%{left:-5%;opacity:0;}
    50%{left:50%;opacity:1;}
    100%{left:105%;opacity:0;}
    }
@keyframes light-right{
    0%{right:-5%;opacity:0;}
    50%{right:50%;opacity:1;}
    100%{right:105%;opacity:0;}
}
.animate__animated.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;
}
.btn-phone-detail{background-color: #e6c016;display: inline-block; padding: 5px 20px;border-radius: 50px; margin: 5px;}
.btn-phone-detail img{margin-right: 10px;}
.btn-phone-detail span{font-family: 'SairaBold';font-size: 26px;color: #e80c0c;}
.btn-contact-detail{background-color: #e6c016;display: inline-block; padding: 10px 20px;border-radius: 50px;margin: 5px;}
.btn-contact-detail span{font-family: 'SairaBold';font-size: 22px;color: #e80c0c;}