.blok {
text-align: center;
width:85px;
}
.blok a {
text-decoration: none;
display: block;
transition: .5s linear;

}
.blok ul {
list-style: none;
margin: 0;
padding: 0;

}
.topmenu > i {
display: block;
position: relative;
top:2;
left:1;
margin-bottom: 2px;
}
.submenu {
position: absolute;
left: 0;
top:0;
z-index: 5;
width:85px;
visibility: hidden;
opacity: 0;
transform: translateY(10px);
transition: .5s ease-in-out;
}
.submenu i {
position: relative;
top:0;
left:0;
}
.submenu .submenu {
position: absolute;
top: 0;
left: calc(100% - 1px);
left: -webkit-calc(100% - 1px);
}
.blok i:hover > .submenu {
visibility: visible;
opacity: 1;
transform: translateY(34px);
}