#chizi-callback-button {
    width: auto !important;
    height: auto !important;
    cursor: pointer !important;
    display: block;
    bottom: 10px;
    right: 10px;
    z-index: 10000000 !important;
    background: transparent none repeat scroll 0 0 !important;
    position: fixed;
}

#chizi-callback-button .button-wrapper {
    width: 9rem;
    height: 9rem;
}

#chizi-callback-button .border-inner{
    -moz-animation-name: pzv-outer-animation;
    -moz-animation-duration: 2.3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-name: pzv-outer-animation;
    -o-animation-duration: 2.3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
    -webkit-animation-name: pzv-outer-animation;
    -webkit-animation-duration: 2.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: pzv-outer-animation;
    animation-duration: 1.9s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    border-radius: 100%!important;
    opacity: .5!important;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'!important;
    height: 100%;
    width: 100%;
    position: absolute!important;
    z-index: -1;
}

#chizi-callback-button .border-outer{
    -moz-animation-name: pzv-inner-animation;
    -moz-animation-duration: 2.3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-name: pzv-inner-animation;
    -o-animation-duration: 2.3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
    -webkit-animation-name: pzv-inner-animation;
    -webkit-animation-duration: 2.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: pzv-inner-animation;
    animation-duration: 2.3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    border-radius: 100%;
    width: 6rem;
    height: 6rem;
    left: 1.5rem!important;
    top: 1.5rem!important;
    position: absolute!important;
    z-index: 10000000!important;
}

#chizi-callback-button .button-text{
    border-radius: 100%!important;
    padding: 1rem;
    min-width: 4.5rem;
    min-height: 4.5rem;
    display: none!important;
    text-align: center!important;
    font-size: 14px!important;
    font-family: 'Open Sans','Helvetica Neue','Helvetica',arial,sans-serif!important;
    font-weight: 500!important;
    line-height: 19px!important;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    z-index: 10000001!important;

}

#chizi-callback-button .button-phone i {
    font-size: 1.5rem;
}
#chizi-callback-button .button-phone {
    -webkit-animation-name: pzv-phone-animation;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: pzv-phone-animation;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -moz-animation-name: pzv-phone-animation;
    -moz-animation-duration: 1.2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-name: pzv-phone-animation;
    -o-animation-duration: 1.2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
      border-radius: 100%!important;
    padding: 1.25rem;
    z-index: 10000001!important;
}

#chizi-callback-button:hover .button-text {
    display: flex!important;
}
#chizi-callback-button:hover .button-phone {
    display: none!important;
}

#chizi-callback-button .animate {
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
#chizi-callback-modal .modal-content{
    border: none;
}

/*animate*/
@-o-keyframes pzv-outer-animation {
    0%,100% {
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }

    40% {
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pzv-outer-animation {
    0%,100% {
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }

    40% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes pzv-outer-animation {
    0%,100% {
        -webkit-transform: scale(1.5)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@-o-keyframes pzv-inner-animation {
    0% {
        -o-transform: scale(1);
        transform: scale(1)
    }

    40% {
        opacity: .9;
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes pzv-inner-animation {
    0% {
        -o-transform: scale(1);
        transform: scale(1)
    }

    40% {
        opacity: .9;
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-webkit-keyframes pzv-inner-animation {
    0% {
        -webkit-transform: scale(1)
    }

    40% {
        opacity: .9;
        transform: scale(1.2);
        -webkit-transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1.5)
    }
}

@keyframes pzv-phone-animation {
    0%,50%,100% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    10%,30% {
        -webkit-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }

    20%,40% {
        -webkit-transform: rotate(25deg);
        -o-transform: rotate(25deg);
        transform: rotate(25deg)
    }
}

@-o-keyframes pzv-phone-animation {
    0%,50%,100% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    10%,30% {
        -o-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }

    20%,40% {
        -o-transform: rotate(25deg);
        transform: rotate(25deg)
    }
}

@-webkit-keyframes pzv-phone-animation {
    0%,50%,100% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    10%,30% {
        -webkit-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }

    20%,40% {
        -webkit-transform: rotate(25deg);
        -o-transform: rotate(25deg);
        transform: rotate(25deg)
    }
}

@-moz-keyframes pzv-phone-animation {
    0%,50%,100% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    10%,30% {
        -moz-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }

    20%,40% {
        -moz-transform: rotate(25deg);
        -o-transform: rotate(25deg);
        transform: rotate(25deg)
    }
}
/* success */
.modal-success{
    background: #47c9a2;
    color: #fff;
}
.modal-success .modal-title {
    text-align: center;
}