#zcwMiniButton {
    position:fixed;
    right: 10px;
    top: 50px;
    width:70px;
    height:70px;
    cursor:pointer;
    opacity:0.7;
    z-index:99990;
}

#zcwMiniButton #zcwMiniButtonMain {
    -moz-border-radius:50% !important;
    -webkit-border-radius:50% !important;
    border-radius:50% !important;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    background-color:rgb(0,176,103);
    width:70px;
    height:70px;
    -webkit-animation:zcwmini 1.5s 0s ease-out infinite;
    -moz-animation:zcwmini 1.5s 0s ease-out infinite;
    animation:zcwmini 1.5s 0s ease-out infinite;
    
}

#zcwMiniButton #zcwMiniButtonMain:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background-image:url("https://lang-spb.ru/templates/kursy/images/mini.png");
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-animation: zcwphone 1.5s linear infinite;
    -moz-animation: zcwphone 1.5s linear infinite;
    animation: zcwphone 1.5s linear infinite;
    
}

#zcwMiniButton:hover {
    opacity:0.8;
}

#zcwMiniButton:hover #zcwMiniButtonMain {
    -webkit-animation:zcwmini2 1s 0.4s ease-out infinite;
    -moz-animation: zcwmini2 1s 0.4s ease-out infinite;
    animation: zcwmini2 1s 0.4s ease-out infinite;
}

#zcwMiniButton:hover #zcwMiniButtonMain:before {
    -webkit-animation: zcwphone2 1s linear infinite;
    -moz-animation: zcwphone2 1s linear infinite;
    animation: zcwphone2 1s linear infinite;
}

@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(123, 174, 35, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(123, 174, 35, 0);}
    10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);}
    100% {box-shadow: 0 0 8px 6px rgba(123, 174, 35, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(123, 174, 35, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(123, 174, 35, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(123, 174, 35, 0);}
    10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);}
    100% {box-shadow: 0 0 8px 6px rgba(123, 174, 35, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(123, 174, 35, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(123, 174, 35, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(123, 174, 35, 0);}
    10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);}
    100% {box-shadow: 0 0 8px 6px rgba(123, 174, 35, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(123, 174, 35, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(123, 174, 35, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(123, 174, 35, 0);}
    10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);}
    100% {box-shadow: 0 0 8px 6px rgba(123, 174, 35, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(123, 174, 35, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(123, 174, 35, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(123, 174, 35, 0);}
    10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);}
    100% {box-shadow: 0 0 8px 6px rgba(123, 174, 35, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(123, 174, 35, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(123, 174, 35, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(123, 174, 35, 0);}
    10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);}
    100% {box-shadow: 0 0 8px 6px rgba(123, 174, 35, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(123, 174, 35, 0);}
}


/*кнопка звонка*/

.callback-bt {
        background:#7bae23;
        border:2px solid #7bae23;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(123,174,35,0.3);
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        right: 8%;
        bottom: 18%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:#7bae23;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 4px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
        font-size: 11px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.callback-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.callback-bt i {
        color:#fff;
        font-size:34px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(123, 174, 35,0.3),0 0 0 0 rgba(123, 174, 35,0.2),0 0 0 0 rgba(123, 174, 35,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(123, 174, 35,0.3),0 0 0 15px rgba(123, 174, 35,0.2),0 0 0 0 rgba(123, 174, 35,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(123, 174, 35,0.3),0 0 0 30px rgba(123, 174, 35,0),0 0 0 26.7px rgba(123, 174, 35,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(123, 174, 35,0.3),0 0 0 30px rgba(123, 174, 35,0),0 0 0 40px rgba(123, 174, 35,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(123, 174, 35,0.3),0 0 0 0 rgba(123, 174, 35,0.2),0 0 0 0 rgba(123, 174, 35,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(123, 174, 35,0.3),0 0 0 15px rgba(123, 174, 35,0.2),0 0 0 0 rgba(123, 174, 35,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(123, 174, 35,0.3),0 0 0 30px rgba(123, 174, 35,0),0 0 0 26.7px rgba(123, 174, 35,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(123, 174, 35,0.3),0 0 0 30px rgba(123, 174, 35,0),0 0 0 40px rgba(123, 174, 35,0.0)
}
}

/* animations icon */

@keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}
/* конец кнопки звонка */