﻿/*#region fixed-left */
.fixed-left {
    position: fixed;
    right: 10px;
    width: 40px;
    bottom: 110px;
    z-index: 100;
}

    .fixed-left .contact-ring {
        position: relative;
    }

    .fixed-left a.contact-ring:before {
        animation: euiBeaconPulseSmall 2s infinite ease-out;
    }

    .fixed-left a.contact-ring:before,
    .fixed-left a.contact-ring:after {
        position: absolute;
        content: '';
        height: 40px;
        width: 40px;
        left: 0;
        top: 0;
        background: rgba(230, 8, 8, 0.7);
        border-radius: 50%;
    }

    .fixed-left a.contact-ring .ring {
        position: relative;
        z-index: 4;
    }

    .fixed-left a {
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
        cursor: pointer;
    }

        .fixed-left a .icon {
            display: block;
            width: 100%;
            max-height: 40px;
            border-radius: 50%;
        }

        .fixed-left a .ring {
            animation: 1s ease-in-out 0s normal none infinite running h-alo-ring-ring;
        }

.scrollToTop {
    width: 41px;
    height: 41px;
    text-align: center;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 65px;
    right: 10px;
    display: none;
    z-index: 10;
    cursor: pointer;
}

@keyframes h-alo-ring-ring {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@keyframes euiBeaconPulseSmall {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        opacity: 0.6
    }

    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.4);
        opacity: 0
    }
}
/*#endregion */
