﻿a.messanger-item-Email {
}

.show-full-btn {
    position: fixed;
    right: 0;
    z-index: 99999;
    bottom: 25px;
}

.show-full-btn {
}

    .show-full-btn a.messanger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        cursor: pointer;
        width: 100%;
        position: relative;
        text-decoration: none;
        padding: 8px 20px 8px 65px;
        min-height: 70px;
    }

        .show-full-btn a.messanger span {
            position: absolute;
            left: 10px;
            top: 42%;
            margin-top: -20px;
            display: block;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: #0084ff;
            margin-right: 10px;
            color: #FFF;
            text-align: center;
            vertical-align: middle;
        }

            .show-full-btn a.messanger span svg {
                width: 24px;
                height: 24px;
                vertical-align: middle;
                text-align: center;
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: -12px;
                margin-left: -12px;
            }

a#msg-item-1 span {
    animation: phone-shake 1s infinite ease-in-out;
    animation: phone-pulse 1.5s infinite ease-in-out;
}

a#msg-item-2 span, a#msg-item-3 span, a.messanger-item-Maps span, a.messanger-item-Email span {
    animation: phone-pulse 1.5s infinite ease-in-out;
}

@keyframes phone-shake {
    0%, 100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(5deg);
    }
}

@keyframes phone-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 109, 0, 0.7);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(255, 109, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 109, 0, 0);
    }
}

.messanger:hover span {
    transform: scale(1.1);
    filter: brightness(1.2);
}