.fly-block__contacts {
    color: var(--fly-contacts-btn-c);
    background: var(--fly-contacts-btn-bg)
}

.fly-block__contacts-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    transition: all linear .5s
}

.fly-block__contacts-icon.opacity {
    opacity: 0
}

.fly-block__contacts-icons:not(.open) .fa-xmark, .fly-block__contacts-icons.open i:not(.fa-xmark) {
    display: none
}

.fly-block__contacts-items {
    display: none;
    position: absolute;
    bottom: 50px;
    width: 66px;
    padding: 10px;
    text-align: center;
    list-style: none;
    background: var(--fly-contacts-bg);
    border-radius: 40px;
    box-shadow: 0 0 10px rgba(0 0 0 /.15)
}

.fly-block__contacts-icons.open + .fly-block__contacts-items {
    display: block
}

.fly-block__contacts-items li + li {
    margin: 15px 0 0
}

.fly-block__contacts-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: var(--fly-contacts-item-c);
    background: var(--fly-contacts-item-bg);
    border-radius: 100%
}

.fly-block__contacts-icon.fa-odnoklassniki, .fly-block__contacts-item.fa-odnoklassniki {
    color: #fff;
    background: #EF8117
}

.fly-block__contacts-icon.fa-vk, .fly-block__contacts-item.fa-vk {
    color: #fff;
    background: #597BA0
}

.fly-block__contacts-icon.fa-facebook, .fly-block__contacts-item.fa-facebook {
    color: #fff;
    background: #3A5795
}

.fly-block__contacts-icon.fa-twitter, .fly-block__contacts-item.fa-twitter {
    color: #fff;
    background: #59ADEA
}

.fly-block__contacts-icon.fa-instagram, .fly-block__contacts-item.fa-instagram {
    color: #fff;
    background: #125688
}

.fly-block__contacts-icon.fa-youtube, .fly-block__contacts-item.fa-youtube {
    color: #fff;
    background: #E62117
}

.fly-block__contacts-icon.fa-viber, .fly-block__contacts-item.fa-viber {
    color: #fff;
    background: #563DBD
}

.fly-block__contacts-icon.fa-whatsapp, .fly-block__contacts-item.fa-whatsapp {
    color: #fff;
    background: #25D366
}

.fly-block__contacts-icon.fa-tiktok, .fly-block__contacts-item.fa-tiktok {
    color: #fff;
    background: #fe2c55
}

.fly-block__contacts-icon.fa-paper-plane, .fly-block__contacts-item.fa-paper-plane, .fly-block__contacts-icon.fa-telegram-plane, .fly-block__contacts-item.fa-telegram-plane, .fly-block__contacts-icon.fa-telegram, fly-block__contacts-item.fa-telegram {
    color: #fff;
    background: #0088cc
}

.fly-block__contacts-item.callback {
    color: var(--fly-callback-c);
    background: var(--fly-callback-bg)
}

@media (max-width: 767px) {
    .fly-block__contacts-items {
        width:60px
    }

    .fly-block__contacts-item, .fly-block__contacts-icon {
        width: 40px;
        height: 40px;
    }
}