/* панель */
.piski {
  position:relative;
  overflow: hidden;
  width: 120px;
  left: 8px;
  top: 220px;
  z-index: 5;
  line-height: 1;
  padding:0;
}
.suka {
  position:absolute;
  overflow: hidden;
  top: 0;
  left:500px;
  z-index:0;
  width:500px;
  height:500px;
  transform:rotate(35deg);
  background-color:#fff;
  transition: 0.7s;
}
.piski:hover .suka {
  left:-90px;
  transition: 0.7s;
}
.sds {
  display:flex;
  overflow: hidden;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:0;
  padding: 0;
}
.piski a {
    font: 13px 'roboto';
    text-align: center;
    display: inline-block;
    z-index:5;
    color: #000000 !important;
    background: #b6b6b6;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-right: 4px;
    margin-bottom: 4px;
    line-height: 22px;
    width:90px;
    font-weight: 100 !important;
}