@-moz-keyframes loading1 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  6.25% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes loading1 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  6.25% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes loading1 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  6.25% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loading1 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  6.25% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes loading2 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  6.25% {
    opacity: 0;
    transform: translateY(100%);
  }
  12.5% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes loading2 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  6.25% {
    opacity: 0;
    transform: translateY(100%);
  }
  12.5% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes loading2 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  6.25% {
    opacity: 0;
    transform: translateY(100%);
  }
  12.5% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loading2 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  6.25% {
    opacity: 0;
    transform: translateY(100%);
  }
  12.5% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes loading3 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  12.5% {
    opacity: 0;
    transform: translateY(100%);
  }
  18.75% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes loading3 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  12.5% {
    opacity: 0;
    transform: translateY(100%);
  }
  18.75% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes loading3 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  12.5% {
    opacity: 0;
    transform: translateY(100%);
  }
  18.75% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loading3 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  12.5% {
    opacity: 0;
    transform: translateY(100%);
  }
  18.75% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes loading4 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  18.75% {
    opacity: 0;
    transform: translateY(100%);
  }
  25% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes loading4 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  18.75% {
    opacity: 0;
    transform: translateY(100%);
  }
  25% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes loading4 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  18.75% {
    opacity: 0;
    transform: translateY(100%);
  }
  25% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loading4 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  18.75% {
    opacity: 0;
    transform: translateY(100%);
  }
  25% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes loading5 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  25% {
    opacity: 0;
    transform: translateY(100%);
  }
  31.25% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes loading5 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  25% {
    opacity: 0;
    transform: translateY(100%);
  }
  31.25% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes loading5 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  25% {
    opacity: 0;
    transform: translateY(100%);
  }
  31.25% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loading5 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  25% {
    opacity: 0;
    transform: translateY(100%);
  }
  31.25% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes loading6 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  31.25% {
    opacity: 0;
    transform: translateY(100%);
  }
  37.5% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes loading6 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  31.25% {
    opacity: 0;
    transform: translateY(100%);
  }
  37.5% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes loading6 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  31.25% {
    opacity: 0;
    transform: translateY(100%);
  }
  37.5% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loading6 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  31.25% {
    opacity: 0;
    transform: translateY(100%);
  }
  37.5% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes loading7 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  37.5% {
    opacity: 0;
    transform: translateY(100%);
  }
  43.75% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes loading7 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  37.5% {
    opacity: 0;
    transform: translateY(100%);
  }
  43.75% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes loading7 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  37.5% {
    opacity: 0;
    transform: translateY(100%);
  }
  43.75% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loading7 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  37.5% {
    opacity: 0;
    transform: translateY(100%);
  }
  43.75% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes loading8 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  43.75% {
    opacity: 0;
    transform: translateY(100%);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes loading8 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  43.75% {
    opacity: 0;
    transform: translateY(100%);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes loading8 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  43.75% {
    opacity: 0;
    transform: translateY(100%);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loading8 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  43.75% {
    opacity: 0;
    transform: translateY(100%);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes hoverArrow {
  0% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
  40% {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
  }
  60% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}
@-webkit-keyframes hoverArrow {
  0% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
  40% {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
  }
  60% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}
@-o-keyframes hoverArrow {
  0% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
  40% {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
  }
  60% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}
@keyframes hoverArrow {
  0% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
  40% {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
  }
  60% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}
@-moz-keyframes loadingDot {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  33% {
    opacity: 1;
    transform: scale(1.5);
  }
  66% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@-webkit-keyframes loadingDot {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  33% {
    opacity: 1;
    transform: scale(1.5);
  }
  66% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@-o-keyframes loadingDot {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  33% {
    opacity: 1;
    transform: scale(1.5);
  }
  66% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes loadingDot {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  33% {
    opacity: 1;
    transform: scale(1.5);
  }
  66% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@-moz-keyframes wakuwaku {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(5px, -10px) rotate(30deg);
  }
  50% {
    transform: translate(0px, -15px) rotate(0deg);
  }
  75% {
    transform: translate(-5px, -10px) rotate(-30deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@-webkit-keyframes wakuwaku {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(5px, -10px) rotate(30deg);
  }
  50% {
    transform: translate(0px, -15px) rotate(0deg);
  }
  75% {
    transform: translate(-5px, -10px) rotate(-30deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@-o-keyframes wakuwaku {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(5px, -10px) rotate(30deg);
  }
  50% {
    transform: translate(0px, -15px) rotate(0deg);
  }
  75% {
    transform: translate(-5px, -10px) rotate(-30deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes wakuwaku {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(5px, -10px) rotate(30deg);
  }
  50% {
    transform: translate(0px, -15px) rotate(0deg);
  }
  75% {
    transform: translate(-5px, -10px) rotate(-30deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@-moz-keyframes upText {
  0% {
    transform: translateY(100%);
  }
  75% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes upText {
  0% {
    transform: translateY(100%);
  }
  75% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-o-keyframes upText {
  0% {
    transform: translateY(100%);
  }
  75% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes upText {
  0% {
    transform: translateY(100%);
  }
  75% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@media screen and (min-width: 1025px) {
  body.helenus main section.products-wrap .products-content_list-content-item-content-cover .products-content_list-content-item-content-cover_more {
    display: none;
  }
  body.helenus main section.products-wrap .products-content_list-content-item-content-cover:hover {
    background-color: rgba(102,90,77,0.2);
    opacity: 1;
  }
  body.helenus main section.products-wrap .products-content_list-content-item-content-cover:hover ~ .products-content_list-content-item-content-bg picture {
    filter: blur(8px);
  }
  body.helenus main section.products-wrap .products-content_list-content-item-content-cover:hover~.products-content_list-content-item-content-text p svg {
    animation: hoverArrow 1s cubic-bezier(0.22, 1, 0.36, 1);
  }
  body.helenus main section.products-wrap .products-content_list-content-item-content-bg picture {
    filter: blur(0);
    transition: filter 400ms cubic-bezier(0, 0.55, 0.45, 1);
  }
  body.helenus main section.products-wrap .products-content_list-content-item-content-text {
    pointer-events: none;
  }
}