/* на десктопе виджет не виден */
.callbackkiller.whatsapp {
    display: none !important;
}

@media all and (max-width:767px) {
    /* скрываем виджет для десктопа */
    .phplive-btn {
        display: none !important;
    }
    .carrotquest-css-reset {
        display: none !important;
    }

    /* отображаем виджет WhatsApp */
    /* @media all and (max-width:767px) */
    .callbackkiller.whatsapp {
        display: block !important;
    }

    .callbackkiller {
        box-sizing: content-box !important;
        font-size: 13px !important;
        font-weight: 300 !important;
        /*transform-origin: 50% 50% 0px;*/
        -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.15);
        -moz-box-shadow: 0 3px 12px rgba(0,0,0,.15);
        box-shadow: 0px 3px 12px rgba(0,0,0,0.15);
        white-space: normal;
    }
    .close {
        text-shadow: none;
    }
    .callbackkiller, .callbackkiller * {
        color: #333 !important;
        font-family: CBKOpenSans,CBKRobotoLight,sans-serif !important;
        font-style: normal !important;
        text-transform: none !important;
    }
    .cbk-phone, .cbk-phone:hover {
        background-color: transparent !important;
        bottom: 5%;
        border-radius: 60px !important;
        -webkit-border-radius: 60px !important;
        color: #fff;
        display: block;
        font-size: 22px !important;
        height: 120px !important;
        left: auto;
        outline: none !important;
        overflow: hidden;
        padding: 0 !important;
        position: absolute;
        right: 20%;
        text-decoration: none;
        top: auto;
        width: 120px !important;
        z-index: 9999 !important;
        transition: none;
        -webkit-transition: none;
    }
    .cbk-phone-pulse, .cbk-phone-waves, .cbk-phone-wild, .multi-button-waves {
        overflow: visible !important;
    }
    .cbk-phone.cbk-phone-xs, .cbk-phone.cbk-phone-xs:hover {
        height: 60px !important;
        width: 60px !important;
        position: absolute;
    }
    /* @media all and (max-width:767px) */
    .callbackkiller.cbk-phone.cbk-phone-pulse {
        --box-shadow-color:  0 9px 16px rgba(19,156,20,.6);
    }
    .callbackkiller.cbk-phone.cbk-phone-pulse {
        --box-shadow-color: 0 9px 16px rgba(255,34,65,.6);
        -webkit-animation: envybox-phone-pulse 12s infinite ease-in;
        -moz-animation: envybox-phone-pulse 12s infinite ease-in;
        -ms-animation: envybox-phone-pulse 12s infinite ease-in;
        -o-animation: envybox-phone-pulse 12s infinite ease-in;
        animation: envybox-phone-pulse 12s infinite ease-in;
        -webkit-backface-visibility: visible !important;
    }
    .callbackkiller.cbk-phone.cbk-phone-pulse {
        --box-shadow-color:  0 9px 16px rgba(19,156,20,1) !important;
    }
    /* @media all and (max-width:767px) */
    .callbackkiller.whatsapp.cbk-phone.cbk-phone-xs {
        height: 57px !important;
        width: 57px !important;
        display: block;
        position: sticky;
        position: -webkit-sticky;
        bottom: 30px;
        left: 135%;
        transform: scale(1);
        z-index: 5;
    }
    ul.tabs li span, .front_slider_wrapp .extended_pagination span, a, a span {
        -webkit-transition: color ease-out 0.07s;
        -moz-transition: color ease-out 0.07s;
        -o-transition: color ease-out 0.07s;
        transition: color ease-out 0.07s;
    }
    /* @media all and (max-width:767px) */
    .callbackkiller .whatsapp-notifier {
        display: block;
        width: 227px;
        position: relative;
        top: 30px;
        left: -188px;
        overflow: hidden;
    }
    /* @media all and (max-width:767px) */
    .callbackkiller .whatsapp-notifier__inner-wrapp {
        position: relative;
        background: #139c14;
        padding: 5px 5px 5px 15px;
        border-radius: 13px;
        right: -250px;
    }
    .alert .alert-link, .close {
        font-weight: 700;
    }
    .close, .list-group-item > .badge {
        float: right;
    }
    .close {
        font-size: 21px;
        line-height: 1;
        color: #000;
        text-shadow: 0px 1px 0px #fff;
        opacity: 0.2;
        filter: alpha(opacity=20);
    }
    .callbackkiller span {
        -webkit-transform: none !important;
        transform: none !important;
    }
    /* @media all and (max-width:767px) */
    .callbackkiller .whatsapp-notifier__close {
        z-index: 999;
        opacity: 1;
        font-size: 18px;
        color: #aeaeae !important;
        width: 25px;
        height: 24px;
        text-align: center;
        position: relative;
        right: 195px;
        top: -2px;
    }
    /* @media all and (max-width:767px) */
    .callbackkiller .whatsapp-notifier__body {
        color: #fff !important;
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        text-align: center;
    }
    /* @media all and (max-width:767px) */
    .callbackkiller .whatsapp__message-count {
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #ff360e;
        font-size: 12px;
        line-height: 21px;
        color: #fff !important;
        text-align: center;
        z-index: 1000000;
        right: 0px;
        display: none;
    }
    .cbk-phone .cbk-phone-bgr {
        background-color: #f44336;
        border-radius: 60px !important;
        -webkit-border-radius: 60px !important;
        height: 100% !important;
        opacity: 0.95;
        width: 100% !important;
    }
    .cbk-phone .cbk-phone-bgr, .cbk-phone .cbk-phone-phone {
        left: 0px !important;
        position: absolute !important;
        top: 0px !important;
        z-index: 9997 !important;
    }
    .cbk-phone .cbk-phone-bgr {
        background-color: rgba(19, 156, 20, 1) !important;
    }
    .callbackkiller.cbk-phone.cbk-phone-pulse .cbk-phone-circle {
        background-color: rgba(19, 156, 20, 1) !important;
    }
    /* @media all and (max-width:767px) */
    .callbackkiller.whatsapp.cbk-phone .cbk-phone-bgr, .callbackkiller.whatsapp.cbk-phone.cbk-phone-pulse .cbk-phone-circle, .callbackkiller.whatsapp.cbk-phone.cbk-phone-pulse .cbk-phone-second_circle, .callbackkiller.whatsapp.cbk-phone.cbk-phone-pulse .cbk-phone-third_circle {
        background-color: rgba(19, 156, 20, 1) !important;
    }
    .cbk-multi-button-circle, .cbk-phone-circle {
        transform-origin: center center 0px !important;
        -moz-transform-origin: center center !important;
        -webkit-transform-origin: center center 0px !important;
        -o-transform-origin: center center !important;
        -ms-transform-origin: center center !important;
    }
    .cbk-phone-pulse .cbk-phone-circle {
        display: none;
        position: fixed !important;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        opacity: 0;
        animation-play-state: running;
        animation-duration: 12s;
        animation-name: envybox-circle-pulse;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in;
        background-color: #a71933;
        pointer-events: none;
    }
    .callbackkiller.cbk-phone.cbk-phone-pulse .cbk-phone-circle {
        display: block;
        -webkit-backface-visibility: visible !important;
    }
    .cbk-phone .cbk-phone-phone {
        height: 60px !important;
        margin: 24px;
        width: 60px !important;
    }
    .cbk-phone .cbk-phone-content div {
        display: block;
        opacity: 0;
        position: absolute !important;
        -webkit-transform-origin: center center 0px;
        transform-origin: center center 0px;
        transform: perspective(400px) rotateY(-180deg) scale(0.4);
        -moz-transform: perspective(400px) rotateY(-180deg) scale(.4);
        -ms-transform: perspective(400px) rotateY(-180deg) scale(.4);
        -webkit-transform: perspective(400px) rotateY(-180deg) scale(0.4);
        -o-transform: perspective(400px) rotateY(-180deg) scale(.4);
        -khtml-transform: perspective(400px) rotateY(-180deg) scale(.4);
        -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
        -moz-transition: all .8s cubic-bezier(.19,1,.22,1);
        -o-transition: all .8s cubic-bezier(.19,1,.22,1);
        transition: all .8s cubic-bezier(.19,1,.22,1);
    }
    .cbk-phone.cbk-phone-xs .cbk-phone-phone {
        height: 30px !important;
        margin: 12px;
        width: 30px !important;
    }
    .cbk-phone .cbk-phone-content div.cbk-rotate-icon {
        display: block !important;
        opacity: 1 !important;
        transform: perspective(400px) rotateY(0deg) scale(1) !important;
        -moz-transform: perspective(400px) rotateY(0) scale(1) !important;
        -ms-transform: perspective(400px) rotateY(0) scale(1) !important;
        -webkit-transform: perspective(400px) rotateY(0deg) scale(1) !important;
        -o-transform: perspective(400px) rotateY(0) scale(1) !important;
        -khtml-transform: perspective(400px) rotateY(0) scale(1) !important;
        -webkit-transform-style: preserve-3d !important;
        -ms-transform-style: preserve-3d !important;
        -o-transform-style: preserve-3d !important;
        transform-style: preserve-3d !important;
        -webkit-transition: opacity 3s cubic-bezier(.19,1,.22,1);
    }
    /* @media all and (max-width:767px) */
    .callbackkiller.whatsapp.cbk-phone.cbk-phone-xs .cbk-phone-phone {
        margin: 5px 0 0 6px;
        height: 45px !important;
        width: 45px !important;
    }
    /* @media all and (max-width:767px) */
    .callbackkiller.whatsapp.cbk-phone.cbk-phone-xs .cbk-phone-phone img {
        width: 100%;
    }
}