.header__icon path {
    transition: fill 0.3s ease-in-out;
}

.header__icon:hover path {
    fill: #fff;
}

.header__button {
  padding: 10px 16px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0 0 14px 14px;
  font-family: Roboto;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  transition: border-bottom 0.3s ease-in-out, color 0.3s ease-in-out;
  cursor: pointer;
  box-sizing: border-box;
}
@media (hover: hover) and (pointer: fine) {
  .header__button:hover {
    border-top: none;
    border-top-width: 0px;
    border-bottom: 1px solid #00cccc;
    color: #00cccc;
  }
}
@media (hover: none) {
  .header__button:active {
    border-bottom: 1px solid #00cccc;
    color: #00cccc;
  }
}


.thumber .tn-atom .t-slds__bullet_body {
    display: none;
}
.thumber  .t-slds__bullet_wrapper {
    text-align: left;
    margin: 0 !important;
}
.thumber  .t-slds__bullet.t-slds__bullet_active {
    box-shadow: inset 0px 0px 0px 4px #ffffff;
}
.thumber  .t-slds__bullet {
    margin: 0 10px 10px 0 !important;
    width: 155px;
    height: 100px;
    border-radius: 20px;
    background-size: cover;
}
@media screen and (max-width:480px){
.thumber  .t-slds__bullet {
    width: 75px;
    height: 45px;
    border-radius: 10px;
}
}

.thumber .t-slds__bullet_wrapper {
    display: flex !important;
    justify-content: flex-start; 
}