.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: 180px;

        height: 90px;

        line-height: 90px;

        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;font-size: 30px;

    }

    .fffWgCallButtonStyle-11 .maxlead-item .maxlead-button i{

        color: #F00000;

    }

    .fffWgCallButtonStyle-11 .maxlead-item .maxlead-button {

        width: 160px;

        height: 160px;

        display: flex;

        align-items: center;

        justify-content: center;

        position: absolute;

        top: -35px;

        left: -4px;

        border: 2px solid #F00000;

        border-radius: 50%!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: 10px;

        bottom: 80px;

    }
    .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);
        transform: scale(2.5);
    }

    .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) {

        .fffWgCallButtonStyle-11 .maxlead-item .maxlead-content {

        }

        .maxlead-container{margin: 10px 5px !important;}
.fffWgCallButtonStyle-11 .maxlead-item{font-size: 18px;}
.maxlead-button .fas.fa-mobile-alt{transform: scale(1.3);}
        .fffWgCallButtonStyle-11 .maxlead-item .maxlead-content{height: 34px;line-height: 34px;margin-left: 65px;}

        .fffWgCallButtonStyle-11 .maxlead-item .maxlead-button{top: -15px;width: 64px;height: 64px;}

    }