.zalo-btn {
position: fixed;
margin: 0;
padding: 0;
left: 0;
bottom: 150px;
background: #fff;
background-color: transparent;
cursor: pointer;
font-size: 0;
width: 100px;
height: 110px;
z-index: 1000;
}
.mess-btn{bottom: 160px;}
.zalo-btn .pulse {
width: 60px;
height: 60px;
background: #0789cd;
opacity: .75;
border-radius: 100px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -27px;
margin-left: -27px;
animation-name: pulse;
animation-duration: .5s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}
.mess-btn .pulse{background: #e476eb;}
.zalo-btn .tada {

border-radius: 100px;
width: 46px;
height: 46px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -20px;
margin-left: -20px;
animation-name: tadaa;
animation-duration: .5s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.zalo-btn a {
display: block;
width: 46px;
}
/*//nút g?i*/
/* Animations */

@-webkit-keyframes fffpulse11 {
0% {
-webkit-box-shadow: 0 0 0 0 #ce5087;
box-shadow: 0 0 0 0 #ce5087;
}
70% {
-webkit-box-shadow: 0 0 0 2em rgba(29, 161, 242, 0);
box-shadow: 0 0 0 2em rgba(29, 161, 242, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(29, 161, 242, 0);
box-shadow: 0 0 0 0 rgba(29, 161, 242, 0);
}
}
@keyframes fffpulse11 {
0% {
-webkit-box-shadow: 0 0 0 0 #dc0a13;
box-shadow: 0 0 0 0 #dc0a13;
}
70% {
-webkit-box-shadow: 0 0 0 2em rgba(29, 161, 242, 0);
box-shadow: 0 0 0 2em rgba(29, 161, 242, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(29, 161, 242, 0);
box-shadow: 0 0 0 0 rgba(29, 161, 242, 0);
}
}

.fffanimated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.fffanimated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.fffanimated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.fffanimated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.fffanimated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s};
.fffanimated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
@-webkit-keyframes fffslideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fffslideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.fffslideInUp{-webkit-animation-name:fffslideInUp;animation-name:fffslideInUp};
@-webkit-keyframes fffslideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fffslideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.fffslideInLeft{-webkit-animation-name:fffslideInLeft;animation-name:fffslideInLeft}
.fffanimated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}
@-webkit-keyframes ffffadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes ffffadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.ffffadeInDown{-webkit-animation-name:ffffadeInDown;animation-name:ffffadeInDown}
@-webkit-keyframes fffrotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fffrotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.fffrotateIn{-webkit-animation-name:fffrotateIn;animation-name:fffrotateIn}
@-webkit-keyframes ffffadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes ffffadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.ffffadeInLeft{-webkit-animation-name:ffffadeInLeft;animation-name:ffffadeInLeft}@-webkit-keyframes ffffadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes ffffadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.ffffadeInLeftBig{-webkit-animation-name:ffffadeInLeftBig;animation-name:ffffadeInLeftBig}
@-webkit-keyframes ffffadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes ffffadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.ffffadeInRight{-webkit-animation-name:ffffadeInRight;animation-name:ffffadeInRight}@-webkit-keyframes ffffadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes ffffadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.ffffadeInRightBig{-webkit-animation-name:ffffadeInRightBig;animation-name:ffffadeInRightBig}
@-webkit-keyframes ffffadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes ffffadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.ffffadeInUp{-webkit-animation-name:ffffadeInUp;animation-name:ffffadeInUp}@-webkit-keyframes ffffadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes ffffadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.ffffadeInUpBig{-webkit-animation-name:ffffadeInUpBig;animation-name:ffffadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@keyframes background-animation {
0% {
transform: translateX(-50%) translateY(-50%) rotate(0deg) scale(1.05)
}
100% {
transform: translateX(-50%) translateY(-50%) rotate(360deg) scale(1.05)
}
}
.fffanimated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}
.fffanimated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fffanimated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.fffanimated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.fffanimated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.fffanimated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.fffanimated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.fffanimated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.fffanimated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.fffanimated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.fffanimated.slow{-webkit-animation-duration:2s;animation-duration:2s}.fffanimated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.fffanimated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}
/* Hiệu ứng nĂºt  */
.wiggle {
animation: infinite linear .25s wiggle;
transform-origin: 50% 50%;
}
@keyframes wiggle {
0% {
transform: rotate(-1deg);
animation-timing-function: ease-in;
}
50% {
transform: rotate(1.5deg);
animation-timing-function: ease-out;
}
}
.border-color{
animation: colorchange 3s;
animation-iteration-count:infinite;
-webkit-box-shadow: 0px 0px 2px 0px #0274fd;
-moz-box-shadow: 0px 0px 2px 0px #0274fd;
box-shadow: 0px 0px 2px 0px #0274fd;
}
@keyframes colorchange
{
0%   {-webkit-box-shadow: 0px 0px 4px 0px #fff;
-moz-box-shadow: 0px 0px 4px 0px #fff;
box-shadow: 0px 0px 4px 0px #fff;}
50%   {-webkit-box-shadow: 0px 0px 8px 2px #fff;
-moz-box-shadow: 0px 0px 8px 2px #fff;
box-shadow: 0px 0px 8px 2px #fff;}
100% {-webkit-box-shadow: 0px 0px 4px 0px #fff;
-moz-box-shadow: 0px 0px 4px 0px #fff;
box-shadow: 0px 0px 4px 0px #fff;}
}
.shiny {
transition: 0.5s;
background: repeating-linear-gradient(75grad, rgba(0,0,0,0) 10%,rgba(255,255,255,0.6) 26%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0) 100%),darkgray;
animation: mymove 5s infinite linear;
}
@keyframes mymove {
0%   {background-position: 0px 0px;}
100% {background-position: 500px 0px;}
}
.fffWgCallButtonStyle-10 .maxlead-item .maxlead-button {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.fffWgCallButtonStyle-10 .maxlead-item{
background-image: linear-gradient(to right, #F09819 0%, #EDDE5D 51%, #F09819 100%);
box-shadow: 0 4px 15px 0 #F09819;
padding: 2px;
}
.fffpulse10 {
animation: fffpulse10 1.3s infinite;
-webkit-animation: fffpulse10 1.3s infinite;
}
/* Mẫu 11 */
.fffWgCallButtonStyle-11 .maxlead-item .maxlead-content {
margin-left: 55px;
height: 40px;
line-height: 40px;
padding-right: 15px;
}
.fffWgCallButtonStyle-11 .maxlead-item{
/* padding: 2px 5px; */
}
.fffWgCallButtonStyle-11 .maxlead-item{
background-image: linear-gradient(to right, #dc0a13 0%, #dc0a13 51%, #dc0a13 100%);
/*-webkit-box-shadow: inset -1px -26px 0px -23px rgba(12, 5, 8, 0.47);*/
/*-moz-box-shadow: inset -1px -26px 0px -23px rgba(12, 5, 8, 0.47);*/
/*box-shadow: inset -1px -26px 0px -23px rgba(12, 5, 8, 0.47);*/
border-top: 1.5px solid #803072;
}
.fffWgCallButtonStyle-11 .maxlead-item .maxlead-button i{
color: #F00000;
}
.fffWgCallButtonStyle-11 .maxlead-item .maxlead-button {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -6px;
left: -4px;
border: 2px solid #F00000;
border-radius: 30px!important;
}
.fffWgCallButtonStyle-11 .maxlead-item:hover .maxlead-button {
transform: none;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.fffWgCallButtonStyle-11 .maxlead-item:hover .maxlead-button i{
transform: none;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.fffpulse11 {
animation: fffpulse11 1.3s infinite;
-webkit-animation: fffpulse11 1.3s infinite;
}
.maxlead-button i.fffpulse11 {
animation-delay: 0.3s;
}
.maxlead-container a {
text-decoration: none;
}
.shiny {
transition: 0.5s;
background: repeating-linear-gradient(75grad, rgba(0,0,0,0) 10%,rgba(255,255,255,0.6) 26%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0) 100%),darkgray;
animation: mymove 5s infinite linear;
}
.maxlead-item {
display: flex;
flex-direction: row;
box-shadow: 0 0 15px 0 rgba(00, 00, 00, 0.15);
border-radius: 30px!important;
justify-content: center;
align-items: center;
cursor: pointer;
background-size: 300% 100%;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.bottomLeft {
left: 30px;
bottom: 130px;
}
.bottomLeft.hotline2{bottom: 10px;}
.maxlead-container {
position: fixed;
margin: 10px;
z-index: 9999;
}
.maxlead-button .fas.fa-mobile-alt {
background-color: black;
-webkit-mask-image: url(https://themes.trazk.com/master/images/svg/mobile-alt-solid.svg);
mask-image: url(https://themes.trazk.com/master/images/svg/mobile-alt-solid.svg);
}
.fffanimated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.fffanimated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.maxlead-button .fff-contact-phone-icon {
width: 100%;
height: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;
-webkit-mask-size: 20px 20px;
/* background-size: 20px 20px!important; */
/* background-repeat: no-repeat!important; */
/* background-position: 50% 50%!important; */
/* filter: invert(1); */
}
.maxlead-button i {
color: #fff;
background: transparent;
border-radius: 50%;
font-size: 22px;
z-index: 999;
}
.float-left{
float: left;
}
.clearfix{
clear: both;
}
@media (max-width: 480px) {
.maxlead-container{margin: 10px 5px !important;}
.fffWgCallButtonStyle-11 .maxlead-item .maxlead-content{height: 30px;line-height: 30px;}
.fffWgCallButtonStyle-11 .maxlead-item .maxlead-button{top: -7px;width: 44px;height: 44px;}
}