a:hover { text-decoration: initial; }
.invi_load { display:none; }
.bg-inner { background: #f1f1f1; }
.mg-0 { margin: 0; }
.padding-inner { padding: 40px 0; }
#btn-FB { display: none; }
#btn-FB.active { display: block; }
#noop-top { display: none; position: fixed; width: 40px; height: 40px; background: #0078d7; cursor: pointer; border: 2px solid #0078d7; border-radius: 50%; transition: all .3s; right: 22px; bottom: 25px; z-index: 99999999999; }
#noop-top.active { display: flex; justify-content: center; align-items: center; }
#noop-top path { fill: #fff; }
#noop-top svg { width: 25px; height: 25px; }
#noop-top:hover { background: #fff; }
#noop-top:hover path { fill: #0078d7; }
@-moz-keyframes shake-anim { 0%{transform:rotate(0) scale(1) skew(1deg) } 10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg) } 20%{-moz-transform:rotate(25deg) scale(1) skew(1deg) } 30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg) } 40%{-moz-transform:rotate(25deg) scale(1) skew(1deg) } 50%{-moz-transform:rotate(0) scale(1) skew(1deg) } 100%{-moz-transform:rotate(0) scale(1) skew(1deg) } }
@-webkit-keyframes shake-anim { 0%{-webkit-transform:rotate(0) scale(1) skew(1deg) } 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg) } 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg) } 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg) } 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg) } 50%{-webkit-transform:rotate(0) scale(1) skew(1deg) } 100%{-webkit-transform:rotate(0) scale(1) skew(1deg) } }
@-o-keyframes shake-anim { 0%{-o-transform:rotate(0) scale(1) skew(1deg) } 10%{-o-transform:rotate(-25deg) scale(1) skew(1deg) } 20%{-o-transform:rotate(25deg) scale(1) skew(1deg) } 30%{-o-transform:rotate(-25deg) scale(1) skew(1deg) } 40%{-o-transform:rotate(25deg) scale(1) skew(1deg) } 50%{-o-transform:rotate(0) scale(1) skew(1deg) } 100%{-o-transform:rotate(0) scale(1) skew(1deg) } }
.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% }
.btn-zalo { height:60px; width:60px; position:fixed; right: 15px; bottom: 150px; text-align:center; border-radius:100px; z-index:999999999; }
.pinkBg { background-color: #ed184f; background-image: linear-gradient(90deg, #fd5581, #fd8b55); }
.btn-zalo img { display: block; }
.btn-zalo .ripple{ position:absolute; width:100px; height:100px; z-index:-1; left:50%; top:50%; opacity:0; margin:-50px 0 0 -50px; border-radius:100px; -webkit-animation:ripple 1.8s infinite; animation:ripple 1.8s infinite }
.btn-zalo .ripple:nth-child(2){ animation-delay:.3s; -webkit-animation-delay:.3s }
.btn-zalo .ripple:nth-child(3){ animation-delay:.6s; -webkit-animation-delay:.6s }
@-webkit-keyframes ripple{ 0%{opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100%{opacity:0; -webkit-transform:scale(1); transform:scale(1) } }
@keyframes ripple{ 0%{opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100%{opacity:0; -webkit-transform:scale(1); transform:scale(1) } }
@-webkit-keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.hover_sang1{position:relative; overflow:hidden;}
.hover_sang1:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';z-index:10;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_sang1:hover:before {webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}
.hover_sang2{position:relative; overflow:hidden;}
.hover_sang2:before{position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover_sang2:hover:before {transition: 1s;left: 100%;}
.hover_sang3{ overflow:hidden; position:relative;}
.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}