.icon-online{
    margin-top: 25px;
}
.icon-online:before{
    content: '';
    display: inline-block;
    margin-right: 22px;
    vertical-align: middle;
    position: relative;
    background: url(img/icon-online.svg);
    width: 32px;
    height: 34px;
    top: -2px;
}

.viber{
    position: fixed;
    background: #d83982;
    bottom: 50px;
    right: 50px;
    font-size: 16px;
    border-radius: 20px;
    height: 45px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    z-index: 50;
    box-shadow: 0 0 10px #999;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.viber:hover{
    box-shadow: 0 0 10px #333;
    color: #fff;
}
.viber span{
    background: url("img/viber.svg");
    background-size: contain;
    width: 35px;
    height: 35px;
    margin-left: 15px;
    animation: bell 1s infinite;
}
.grecaptcha-badge{
    display: none !important;

}

.popup-viber span{
    background: url("img/viber-popup.svg");
    background-size: contain;
    width: 55px;
    height: 55px;
    display: block;
    margin: 0 auto 20px auto;
}
.popup-whatsapp span{
    background: url("img/whatsapp.svg");
    background-size: contain;
    width: 55px;
    height: 55px;
    display: block;
    margin: 0 auto 20px auto;
}

.popup-telegram span{
    background: url("img/telegram.svg");
    background-size: contain;
    width: 55px;
    height: 55px;
    display: block;
    margin: 0 auto 20px auto;
}



.messegers{
    padding: 30px 20px;
    display: flex;
    align-items: flex-start;
}


.messegers a{
    margin-right: 30px;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 16px;
}
.messegers a:last-child{
    margin-right: 0;
}

@media (max-width: 450px) {
    .viber{
        width: 90%;
        bottom: 30px;
        right: 50%;
        transform: translateX(50%);
        font-size: 14px;
       justify-content: space-around;
    }
}

@media (max-width: 360px) {
    .messegers{
        padding: 30px 10px;
    }
    .messegers a{
        margin-right: 15px;
    }
    .viber{
        font-size: 12px;
    }

}


@keyframes bell {
    from {transform: rotate(0deg)}
    33% {transform: rotate(-10deg)}
    66% {transform: rotate(10deg)}
    to {transform: rotate(0deg)}
}

@media (max-width: 1420px) {
    .offer-content--text{
        flex: 1;
        padding-right: 20px;
    }
    .offer-content--form{
        width: 35%;
    }
}

@media (max-width: 1050px) {
    .offer-content--text{
        flex: 1;
        padding-right: 0;
    }
    .offer-content--form{
        width: 100%;
    }
}