/* FOOTER BUTTONS */
.onlineEntryCall, .callbackFormCall {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 52px;
    z-index: 10000;
    border-radius: 100%;
    box-shadow: 0 1px 7px rgb(0 0 0 / 9%), 0 2px 14px rgb(0 0 0 / 19%);
    cursor: pointer;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.2em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.onlineEntryCall {
    bottom: 50px;
    background-color: #d22704;
    animation-name: scale;
    -webkit-animation-name: scale;
}

/*.callbackFormCall {
    bottom: 50px;
    background-color: #2196F3;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 128'%3E%3Cg fill='%23fff'%3E%3Cpath d='M104.2,96.1c-1.4-1.6-2.9-3-4.4-4.4c-0.7-0.7-1.5-1.4-2.2-2.2l-6.4-6.4c-2.7-2.7-5.9-4.2-9.2-4.2c-3.3,0-6.5,1.4-9.2,4.2c-0.7,0.7-1.3,1.3-2,2c-1.5,1.5-3.1,3-4.6,4.7c-2.7-1.3-5.5-3.1-8.7-5.7c-4.2-3.4-7.8-6.8-10.9-10.5c-1.7-2-4.7-2.2-6.7-0.4c-2,1.7-2.2,4.7-0.4,6.7c3.5,4,7.5,7.9,12.1,11.6c0,0,0,0,0.1,0c4.7,3.7,8.6,6.1,12.7,7.8c0.1,0.1,0.2,0.1,0.3,0.1c1,0.3,4,1.3,6.9-1.6l0.2-0.2c1.8-2,3.7-3.9,5.7-5.8c0.7-0.7,1.4-1.3,2-2c0.6-0.6,1.6-1.4,2.6-1.4c0.9,0,1.9,0.8,2.5,1.4l6.4,6.4c0.8,0.8,1.6,1.5,2.3,2.3c1.5,1.4,2.8,2.8,4.2,4.2c0,0.1,0.1,0.1,0.1,0.1c1,1,2.1,2.6-0.1,4.8l-8,8c-1.7,1.7-3.6,2.6-6,2.8c-4.1,0.3-8.4-0.4-14.1-2.5c-9.4-3.5-18.2-8.8-27.7-16.6C30.2,89.6,21.2,78.1,14.8,65c-2.3-4.8-4.9-11.1-5.4-17.8c-0.2-3.7,0.8-6.4,3.2-8.7c1.8-1.5,3.3-3.1,4.8-4.6c0.9-1,1.8-1.9,2.8-2.8l0,0c1.9-1.8,3.4-1.8,5.2-0.1l13,13l0.1,0.1c0.6,0.5,1.2,1.3,1.2,2.2c0,0.9-0.7,1.9-1.3,2.5l-8,8c-1.8,1.8-1.8,4.8,0,6.7c1.8,1.8,4.8,1.8,6.7,0l8-8c2.7-2.7,4.1-5.9,4.1-9.3c0-3.3-1.4-6.4-4.1-8.9L32.1,24.4c-5.4-5.4-12.8-5.4-18.4-0.1c-1.1,1-2.1,2.1-3.1,3.1c-1.4,1.4-2.7,2.8-4.1,4c-0.1,0.1-0.1,0.1-0.2,0.2C1.8,35.7-0.3,41.2,0,47.8c0.6,8.3,3.6,15.7,6.3,21.2v0c7,14.4,16.8,26.9,29.3,37.4c10.3,8.6,20,14.4,30.4,18.2c3.8,1.4,9.4,3.2,15.6,3.2c0.8,0,1.7,0,2.5-0.1h0c4.6-0.4,8.6-2.3,11.9-5.5l8-8l0.1-0.1C109.4,108.8,109.3,101.3,104.2,96.1L104.2,96.1z M104.2,96.1'/%3E%3Cpath d='M102.3,64c-1.6-9.6-6.2-18.3-13.1-25.2c-6.9-6.9-15.6-11.4-25.2-13c-2.6-0.4-5,1.3-5.5,3.9c-0.4,2.6,1.3,5,3.9,5.5c7.6,1.3,14.6,4.9,20.1,10.4C88.1,51,91.7,57.9,93,65.6c0.4,2.3,2.4,3.9,4.7,3.9c0.3,0,0.5,0,0.8-0.1C101,69,102.8,66.5,102.3,64L102.3,64z M102.3,64'/%3E%3Cpath d='M127.9,62.8c-2.7-15.7-10.1-29.9-21.4-41.3C95.2,10.2,80.9,2.8,65.3,0.1c-2.6-0.4-5,1.3-5.5,3.9c-0.4,2.6,1.3,5,3.9,5.5c13.7,2.3,26.2,8.8,36.2,18.7c9.9,9.9,16.4,22.4,18.7,36.2c0.4,2.3,2.4,3.9,4.7,3.9c0.3,0,0.5,0,0.8-0.1C126.6,67.8,128.4,65.4,127.9,62.8L127.9,62.8z M127.9,62.8'/%3E%3C/g%3E%3C/svg%3E");
    animation-name: sway;
    -webkit-animation-name: sway;
}

.callbackFormCall span {
    display: none;
}

.b24-widget-button-wrapper {
    z-index: 1015000000 !important;
}

.b24-widget-button-position-bottom-right {
    bottom: 150px !important;
}

.comagic-c-sitephone-label {
  position: fixed !important;
  top: unset !important;
  bottom: 28px !important;
  opacity: 1 !important;
  transition: none !important;
}*/

@media (max-width: 767px) {
    
    .onlineEntryCall, .callbackFormCall {
        width: 100%;
        height: 50px;
        padding-top: 5px;
        bottom: 0;
        border-radius: 0;
        animation-name: none;
        -webkit-animation-name: none;
    }
    
    .onlineEntryCall {
        left: unset;
        right: 0;
    }
    
    /*.callbackFormCall {
        background-image: none;
        left: 0;
        right: unset;
    }
    
    .callbackFormCall span {
        display: block;
    }
    
    .comagic-c-sitephone-label {
        left: 10px !important;
    }
    
    .b24-widget-button-position-bottom-right {
        left: 15px !important;
        right: unset !important;
        bottom: 65px !important;
    }
    
    div div.Q2bYu {
        padding: 16px !important;
        font-size: 14px !important;
        width: 70% !important;
        margin-bottom: 15px !important;
        margin-right: -40px !important;
    }*/
}

/*@media (max-width: 428px) {
    
    .b24-widget-button-position-bottom-right {
        left: unset !important;
        right: 15px !important;
        bottom: 65px !important;
    }
    
    div div.Q2bYu {
        width: unset !important;
        margin: 0 !important;
        left: 5px !important;
        right: 95px !important;
        bottom: 70px !important;
        transform: none !important;
    }
    
}*/

@keyframes scale {
    0%{transform: scale(1);}
    25%{transform:scale(0.9)}
    50%{transform:scale(1.1)}
    100%{transform:scale(1)}
}

@-webkit-keyframes scale {
    0{-webkit-transform:scale(1)}
    25%{-webkit-transform:scale(0.9)}
    50%{-webkit-transform:scale(1.1)}
    100%{-webkit-transform:scale(1)}
}
@keyframes sway {
    0%{transform:rotate(0deg)}
    25%{transform:rotate(-15deg)}
    50%{transform:rotate(15deg)}
    100%{transform:rotate(0deg)}
}

@-webkit-keyframes sway {
    0{-webkit-transform:rotate(0deg)}
    25%{-webkit-transform:rotate(-15deg)}
    50%{-webkit-transform:rotate(15deg)}
    100%{-webkit-transform:rotate(0deg)}
}