#email {
    position: fixed;
    bottom: 25%;
    left: 20px;
    z-index: 1;
    overflow: visible;
}
#email li{
    background-color: #fff;
    margin:0 auto;
    padding:1em 0.5em;
    border-bottom:solid 1px #ddd;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.li-raduis-top{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.li-raduis-bottom{
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom:none!important;
}
#email li:hover{
    background-color: #345ac9;
    margin:0 auto;
    padding:1em 0.5em;
    .leftnav-words{
        color:#fff;
    }
}
#email li:active{
    background-color: #345ac9;
    margin:0 auto;
    padding:1em;
    .leftnav-words{
        color:#fff;
    }
}
.li1:hover,li1:active{
    .leftnav-img{
        content:url(/static/images/leftnav/hotline-hover.png);
    }
}
.li2:hover,li2:active{
    .leftnav-img{
        content:url(/static/images/leftnav/message-hover.png);
    }
}
.li3:hover,li3:active{
    .leftnav-img{
        content:url(/static/images/leftnav/emails-hover.png);
    }
}
.li4:hover,li4:active{
    .leftnav-img{
        content:url(/static/images/leftnav/whatsapp-hover.png);
    }
}
.li5:hover,li5:active{
    .leftnav-img{
        content:url(/static/images/leftnav/telephone-hover.png);
    }
}
.leftnav-div{
    display:flex;
    justify-content:center;
    margin-bottom:1em;
}
.leftnav-img{
    width:20px;
    height:20px;
    display:block;
}

.leftnav-words{
    font-size: 14px;
    text-align: center;
}