.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax .jarallax-img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.jarallax-keep-img {
    position: relative;
    z-index: 0;
}
.jarallax-keep-img .jarallax-img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
    z-index: -100;
}
[data-animation].banner-and-text .description,
[data-animation].card-list .product-card,
[data-animation].coffee-image-story .coffee-image-story__text-box,
[data-animation].home-flavors-slider .display-flavor-info-container .flavor-info-container,
[data-animation].home-flavors-slider .similar-flavors-slider-container .flavors-slider-container .slider-wrapper .slide-items .flavors-image,
[data-animation].home-hero-stage .slider-overlay-text-wrapper,
[data-animation].home-image-teaser-b4-v2 .image-teaser-b4-v2,
[data-animation].home-match-ur-moment .image-container,
[data-animation].home-match-ur-moment .text-wrapper,
[data-animation].product-fact.coffee-fact .coffee-fact-content,
[data-animation].product-fact.coffee-fact .coffee-fact__list li,
[data-animation].product-slideshow .slide-container,
[data-animation].product-stage .product-stage__product-detail,
[data-animation].recipe-a .recipe-content-inner,
[data-animation].recipe-a .recipe-step-slider-block .slide,
[data-animation].rectangle-card .rectangle-card__text,
[data-animation].tint-social .tint-animate,
[data-animation].topic-intro .custome-intro:not(.no-animation) ul li {
    position: relative;
    top: 6.25rem;
    opacity: 0.5;
}
[data-animation].banner-and-text .description.content-animation,
[data-animation].card-list .product-card.content-animation,
[data-animation].coffee-image-story .coffee-image-story__text-box.content-animation,
[data-animation].home-flavors-slider .display-flavor-info-container .flavor-info-container.content-animation,
[data-animation].home-flavors-slider .similar-flavors-slider-container .flavors-slider-container .slider-wrapper .slide-items .flavors-image.content-animation,
[data-animation].home-hero-stage .slider-overlay-text-wrapper.content-animation,
[data-animation].home-image-teaser-b4-v2 .image-teaser-b4-v2.content-animation,
[data-animation].home-match-ur-moment .image-container.content-animation,
[data-animation].home-match-ur-moment .text-wrapper.content-animation,
[data-animation].product-fact.coffee-fact .coffee-fact-content.content-animation,
[data-animation].product-fact.coffee-fact .coffee-fact__list li.content-animation,
[data-animation].product-slideshow .slide-container.content-animation,
[data-animation].product-stage .product-stage__product-detail.content-animation,
[data-animation].recipe-a .recipe-content-inner.content-animation,
[data-animation].recipe-a .recipe-step-slider-block .slide.content-animation,
[data-animation].rectangle-card .rectangle-card__text.content-animation,
[data-animation].tint-social .tint-animate.content-animation,
[data-animation].topic-intro .custome-intro:not(.no-animation) ul li.content-animation {
    opacity: 1;
    top: 0;
    -webkit-transition: top, opacity 1.5s, 1s;
    transition: top, opacity 1.5s, 1s;
}
[data-animation].home-match-ur-moment .grid-x .show-for-large:not(.hide-for-large) .banner-image-container .image-container {
    bottom: -6.25rem;
    opacity: 0.5;
}
[data-animation].home-match-ur-moment .grid-x .show-for-large:not(.hide-for-large) .banner-image-container .image-container.content-animation {
    bottom: 0;
    opacity: 1;
    -webkit-transition: bottom, 1s;
    transition: bottom, 1s;
}
[data-animation].banner-and-text img,
[data-animation].coffee-fact .coffe-fact_info,
[data-animation].coffee-image-story img,
[data-animation].home-flavors-slider .similar-flavors-slider-container .flavors-slider-container,
[data-animation].home-flavors-slider .similar-flavors-slider-container .flavors-slider-container .slider-wrapper,
[data-animation].home-hero-stage .slide-items img,
[data-animation].home-image-teaser-b4-v2 img,
[data-animation].nutrition-and-image,
[data-animation].product-stage .slick-track li,
[data-animation].recipe-a img,
[data-animation].text-and-title img,
[data-animation].topic-intro .intro-container img {
    opacity: 0.5;
}
[data-animation].banner-and-text img.content-animation,
[data-animation].coffee-fact .coffe-fact_info.content-animation,
[data-animation].coffee-image-story img.content-animation,
[data-animation].home-flavors-slider .similar-flavors-slider-container .flavors-slider-container .slider-wrapper.content-animation,
[data-animation].home-flavors-slider .similar-flavors-slider-container .flavors-slider-container.content-animation,
[data-animation].home-hero-stage .slide-items img.content-animation,
[data-animation].home-image-teaser-b4-v2 img.content-animation,
[data-animation].nutrition-and-image.content-animation,
[data-animation].product-stage .slick-track li.content-animation,
[data-animation].recipe-a img.content-animation,
[data-animation].text-and-title img.content-animation,
[data-animation].topic-intro .intro-container img.content-animation {
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
@media print, screen and (min-width: 64em) {
    [data-animation].cp-result .coffee-profiler-result_img--left img,
    [data-animation].cp-result .coffee-profiler-result_img--right img,
    [data-animation].cp-result .coffee-profiler-result_text-block *,
    [data-animation].cp-result .heading-wrapper * {
        position: relative;
        top: 6.25rem;
        opacity: 0.5;
    }
    [data-animation].cp-result .coffee-profiler-result_img--left img.content-animation,
    [data-animation].cp-result .coffee-profiler-result_img--right img.content-animation,
    [data-animation].cp-result .coffee-profiler-result_text-block .content-animation,
    [data-animation].cp-result .heading-wrapper .content-animation {
        opacity: 1;
        top: 0;
        -webkit-transition: top, opacity 1.5s, 1s;
        transition: top, opacity 1.5s, 1s;
    }
}
@media print, screen and (min-width: 64em) {
    [data-animation].cp-result .coffee-profiler-result_img-block img {
        opacity: 0.5;
    }
    [data-animation].cp-result .coffee-profiler-result_img-block img.content-animation {
        opacity: 1;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
    }
}
[data-animation] .coffee-bean-image-wrapper img {
    opacity: 0.5;
}
[data-animation] .coffee-bean-image-wrapper img.content-animation {
    opacity: 1;
    -webkit-transition: opacity 1s, 2s;
    transition: opacity 1s, 2s;
}
[data-animation] .similar-flavors-slider-container .similar-flavor-thumbs-container .similar-flavor {
    position: relative;
    right: -6.25rem;
}
[data-animation] .similar-flavors-slider-container .similar-flavor-thumbs-container .similar-flavor.content-animation {
    right: 0;
    -webkit-transition: right, 1s;
    transition: right, 1s;
}
[data-animation].webform-submission-form .button,
[data-animation].webform-submission-form .form-item,
[data-animation].webform-submission-form .promo-form__text-block {
    opacity: 0;
}
[data-animation].webform-submission-form .button.content-animation,
[data-animation].webform-submission-form .form-item.content-animation,
[data-animation].webform-submission-form .promo-form__text-block.content-animation {
    -webkit-animation-name: slideUpFromBottom;
    animation-name: slideUpFromBottom;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(1n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(1n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(1n) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(2n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(2n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(2n) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(3n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(3n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(3n) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(4n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(4n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(4n) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(5n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(5n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(5n) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(6n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(6n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(6n) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(7n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(7n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(7n) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(8n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(8n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(8n) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(9n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(9n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(9n) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(10n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(10n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(10n) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(11n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(11n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(11n) {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(12n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(12n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(12n) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(13n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(13n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(13n) {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(14n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(14n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(14n) {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(15n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(15n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(15n) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(16n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(16n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(16n) {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(17n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(17n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(17n) {
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(18n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(18n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(18n) {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(19n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(19n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(19n) {
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(20n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(20n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(20n) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(21n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(21n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(21n) {
    -webkit-animation-delay: 4.2s;
    animation-delay: 4.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(22n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(22n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(22n) {
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(23n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(23n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(23n) {
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(24n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(24n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(24n) {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(25n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(25n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(25n) {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(26n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(26n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(26n) {
    -webkit-animation-delay: 5.2s;
    animation-delay: 5.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(27n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(27n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(27n) {
    -webkit-animation-delay: 5.4s;
    animation-delay: 5.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(28n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(28n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(28n) {
    -webkit-animation-delay: 5.6s;
    animation-delay: 5.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(29n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(29n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(29n) {
    -webkit-animation-delay: 5.8s;
    animation-delay: 5.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(30n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(30n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(30n) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(31n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(31n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(31n) {
    -webkit-animation-delay: 6.2s;
    animation-delay: 6.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(32n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(32n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(32n) {
    -webkit-animation-delay: 6.4s;
    animation-delay: 6.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(33n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(33n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(33n) {
    -webkit-animation-delay: 6.6s;
    animation-delay: 6.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(34n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(34n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(34n) {
    -webkit-animation-delay: 6.8s;
    animation-delay: 6.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(35n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(35n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(35n) {
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(36n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(36n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(36n) {
    -webkit-animation-delay: 7.2s;
    animation-delay: 7.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(37n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(37n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(37n) {
    -webkit-animation-delay: 7.4s;
    animation-delay: 7.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(38n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(38n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(38n) {
    -webkit-animation-delay: 7.6s;
    animation-delay: 7.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(39n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(39n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(39n) {
    -webkit-animation-delay: 7.8s;
    animation-delay: 7.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(40n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(40n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(40n) {
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(41n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(41n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(41n) {
    -webkit-animation-delay: 8.2s;
    animation-delay: 8.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(42n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(42n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(42n) {
    -webkit-animation-delay: 8.4s;
    animation-delay: 8.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(43n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(43n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(43n) {
    -webkit-animation-delay: 8.6s;
    animation-delay: 8.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(44n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(44n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(44n) {
    -webkit-animation-delay: 8.8s;
    animation-delay: 8.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(45n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(45n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(45n) {
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(46n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(46n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(46n) {
    -webkit-animation-delay: 9.2s;
    animation-delay: 9.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(47n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(47n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(47n) {
    -webkit-animation-delay: 9.4s;
    animation-delay: 9.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(48n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(48n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(48n) {
    -webkit-animation-delay: 9.6s;
    animation-delay: 9.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(49n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(49n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(49n) {
    -webkit-animation-delay: 9.8s;
    animation-delay: 9.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(50n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(50n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(50n) {
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(51n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(51n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(51n) {
    -webkit-animation-delay: 10.2s;
    animation-delay: 10.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(52n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(52n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(52n) {
    -webkit-animation-delay: 10.4s;
    animation-delay: 10.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(53n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(53n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(53n) {
    -webkit-animation-delay: 10.6s;
    animation-delay: 10.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(54n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(54n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(54n) {
    -webkit-animation-delay: 10.8s;
    animation-delay: 10.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(55n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(55n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(55n) {
    -webkit-animation-delay: 11s;
    animation-delay: 11s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(56n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(56n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(56n) {
    -webkit-animation-delay: 11.2s;
    animation-delay: 11.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(57n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(57n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(57n) {
    -webkit-animation-delay: 11.4s;
    animation-delay: 11.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(58n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(58n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(58n) {
    -webkit-animation-delay: 11.6s;
    animation-delay: 11.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(59n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(59n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(59n) {
    -webkit-animation-delay: 11.8s;
    animation-delay: 11.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(60n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(60n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(60n) {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(61n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(61n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(61n) {
    -webkit-animation-delay: 12.2s;
    animation-delay: 12.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(62n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(62n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(62n) {
    -webkit-animation-delay: 12.4s;
    animation-delay: 12.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(63n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(63n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(63n) {
    -webkit-animation-delay: 12.6s;
    animation-delay: 12.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(64n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(64n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(64n) {
    -webkit-animation-delay: 12.8s;
    animation-delay: 12.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(65n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(65n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(65n) {
    -webkit-animation-delay: 13s;
    animation-delay: 13s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(66n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(66n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(66n) {
    -webkit-animation-delay: 13.2s;
    animation-delay: 13.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(67n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(67n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(67n) {
    -webkit-animation-delay: 13.4s;
    animation-delay: 13.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(68n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(68n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(68n) {
    -webkit-animation-delay: 13.6s;
    animation-delay: 13.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(69n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(69n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(69n) {
    -webkit-animation-delay: 13.8s;
    animation-delay: 13.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(70n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(70n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(70n) {
    -webkit-animation-delay: 14s;
    animation-delay: 14s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(71n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(71n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(71n) {
    -webkit-animation-delay: 14.2s;
    animation-delay: 14.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(72n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(72n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(72n) {
    -webkit-animation-delay: 14.4s;
    animation-delay: 14.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(73n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(73n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(73n) {
    -webkit-animation-delay: 14.6s;
    animation-delay: 14.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(74n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(74n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(74n) {
    -webkit-animation-delay: 14.8s;
    animation-delay: 14.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(75n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(75n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(75n) {
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(76n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(76n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(76n) {
    -webkit-animation-delay: 15.2s;
    animation-delay: 15.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(77n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(77n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(77n) {
    -webkit-animation-delay: 15.4s;
    animation-delay: 15.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(78n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(78n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(78n) {
    -webkit-animation-delay: 15.6s;
    animation-delay: 15.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(79n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(79n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(79n) {
    -webkit-animation-delay: 15.8s;
    animation-delay: 15.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(80n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(80n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(80n) {
    -webkit-animation-delay: 16s;
    animation-delay: 16s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(81n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(81n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(81n) {
    -webkit-animation-delay: 16.2s;
    animation-delay: 16.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(82n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(82n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(82n) {
    -webkit-animation-delay: 16.4s;
    animation-delay: 16.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(83n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(83n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(83n) {
    -webkit-animation-delay: 16.6s;
    animation-delay: 16.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(84n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(84n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(84n) {
    -webkit-animation-delay: 16.8s;
    animation-delay: 16.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(85n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(85n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(85n) {
    -webkit-animation-delay: 17s;
    animation-delay: 17s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(86n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(86n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(86n) {
    -webkit-animation-delay: 17.2s;
    animation-delay: 17.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(87n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(87n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(87n) {
    -webkit-animation-delay: 17.4s;
    animation-delay: 17.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(88n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(88n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(88n) {
    -webkit-animation-delay: 17.6s;
    animation-delay: 17.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(89n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(89n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(89n) {
    -webkit-animation-delay: 17.8s;
    animation-delay: 17.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(90n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(90n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(90n) {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(91n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(91n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(91n) {
    -webkit-animation-delay: 18.2s;
    animation-delay: 18.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(92n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(92n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(92n) {
    -webkit-animation-delay: 18.4s;
    animation-delay: 18.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(93n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(93n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(93n) {
    -webkit-animation-delay: 18.6s;
    animation-delay: 18.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(94n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(94n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(94n) {
    -webkit-animation-delay: 18.8s;
    animation-delay: 18.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(95n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(95n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(95n) {
    -webkit-animation-delay: 19s;
    animation-delay: 19s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(96n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(96n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(96n) {
    -webkit-animation-delay: 19.2s;
    animation-delay: 19.2s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(97n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(97n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(97n) {
    -webkit-animation-delay: 19.4s;
    animation-delay: 19.4s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(98n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(98n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(98n) {
    -webkit-animation-delay: 19.6s;
    animation-delay: 19.6s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(99n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(99n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(99n) {
    -webkit-animation-delay: 19.8s;
    animation-delay: 19.8s;
}
[data-animation].webform-submission-form .button.content-animation:nth-child(100n),
[data-animation].webform-submission-form .form-item.content-animation:nth-child(100n),
[data-animation].webform-submission-form .promo-form__text-block.content-animation:nth-child(100n) {
    -webkit-animation-delay: 20s;
    animation-delay: 20s;
}
[data-animation].coffee-fact .coffee-fact__list li.content-animation,
[data-animation].topic-intro .custome-intro:not(.no-animation) li.content-animation {
    -webkit-animation-name: listFadeInUP;
    animation-name: listFadeInUP;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
[data-animation].coffee-fact .coffee-fact__list li.content-animation:nth-child(1n),
[data-animation].topic-intro .custome-intro:not(.no-animation) li.content-animation:nth-child(1n) {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
}
[data-animation].coffee-fact .coffee-fact__list li.content-animation:nth-child(2n),
[data-animation].topic-intro .custome-intro:not(.no-animation) li.content-animation:nth-child(2n) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
[data-animation].coffee-fact .coffee-fact__list li.content-animation:nth-child(3n),
[data-animation].topic-intro .custome-intro:not(.no-animation) li.content-animation:nth-child(3n) {
    -webkit-animation-delay: 450ms;
    animation-delay: 450ms;
}

.dotsIcon.lSpg li a {
    width: 1rem;
    height: 1rem;
}
.dotsIcon.lSpg li a:hover {
    background-image: url(../../../img/slick-hover-black.png);
    -webkit-animation-name: liquidFillSlick9655;
    animation-name: liquidFillSlick9655;
    background-size: 1rem;
    background-repeat: no-repeat;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-timing-function: steps(27);
    animation-timing-function: steps(27);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes liquidFillSlick9655 {
    0% {
        background-position: 50% -3px;
    }
    100% {
        background-position: 50% -435px;
    }
}
@keyframes liquidFillSlick9655 {
    0% {
        background-position: 50% -3px;
    }
    100% {
        background-position: 50% -435px;
    }
}
.slick-dots li {
    height: 1rem;
}
.slick-dots li button {
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
}
.slick-dots li button:hover {
    background-image: url(../../../img/slick-hover-white.png);
    -webkit-animation-name: liquidFillSlick9678;
    animation-name: liquidFillSlick9678;
    background-size: 1rem;
    background-repeat: no-repeat;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-timing-function: steps(27);
    animation-timing-function: steps(27);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes liquidFillSlick9678 {
    0% {
        background-position: 50% -3px;
    }
    100% {
        background-position: 50% -435px;
    }
}
@keyframes liquidFillSlick9678 {
    0% {
        background-position: 50% -3px;
    }
    100% {
        background-position: 50% -435px;
    }
}
.slick-dots.lSPg li button:hover {
    background-image: url(../../../img/slick-hover-black.png);
    -webkit-animation-name: liquidFillSlick5922;
    animation-name: liquidFillSlick5922;
    background-size: 1rem;
    background-repeat: no-repeat;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-timing-function: steps(27);
    animation-timing-function: steps(27);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes liquidFillSlick5922 {
    0% {
        background-position: 50% -3px;
    }
    100% {
        background-position: 50% -435px;
    }
}
@keyframes liquidFillSlick5922 {
    0% {
        background-position: 50% -3px;
    }
    100% {
        background-position: 50% -435px;
    }
}
.home-image-teaser-b4-v2 .slick-dots li button:hover,
.text-and-title .slick-dots li button:hover {
    background-image: url(../../../img/slick-hover-black.png);
}
@media screen and (max-width: 47.9375em) {
    .product-stage .slick-dots li button:hover {
        background-image: url(../../../img/slick-hover-black.png);
        -webkit-animation-name: liquidFillSlick9782;
        animation-name: liquidFillSlick9782;
        background-size: 1rem;
        background-repeat: no-repeat;
        -webkit-animation-duration: 0.9s;
        animation-duration: 0.9s;
        -webkit-animation-timing-function: steps(27);
        animation-timing-function: steps(27);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    @-webkit-keyframes liquidFillSlick9782 {
        0% {
            background-position: 50% -3px;
        }
        100% {
            background-position: 50% -435px;
        }
    }
    @keyframes liquidFillSlick9782 {
        0% {
            background-position: 50% -3px;
        }
        100% {
            background-position: 50% -435px;
        }
    }
}
.compare-product-slider .slick-dots li.slick-active button {
    background-color: #fefefe;
}
.compare-product-slider .slick-dots li button {
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: transparent;
    border: solid 0.1125rem #fff;
}
.compare-product-slider .slick-dots li button:hover {
    background-image: url(../../../img/slick-hover-white.png);
}
.js-product-stage .slick-dots li:before {
    margin-left: -0.625rem;
}
.accordion .panel-content__item::before,
.coffee-fact__item a.link::before,
.product-card .product-detail__link::before,
.product-card .product-slideshow__button::before,
a.navigation.link-black::before {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-timing-function: steps(19);
    animation-timing-function: steps(19);
    width: 1.5rem;
    height: 0.9375rem;
    background: url(../../../img/arrow-black.svg) no-repeat;
    display: inline-block;
    background-size: 28.5rem;
}
a.go-to-arrow .arrow {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-timing-function: steps(19);
    animation-timing-function: steps(19);
    width: 1.5rem;
    height: 0.9375rem;
    background: url(../../../img/arrow-black.svg) no-repeat;
    display: inline-block;
    background-size: 28.5rem;
}
a.navigation.link-black::before {
    content: "";
    display: inline-block;
    margin-top: 0.75rem;
    margin-left: 0.625rem;
    position: relative;
    left: 0;
    top: 0;
    min-width: 1.5rem;
}
a.navigation.link-black label {
    position: absolute;
    left: 2.5rem;
}
.coffee-fact__item a.link:focus::before,
.coffee-fact__item a.link:hover::before,
.product-card .product-detail__link:focus::before,
.product-card .product-detail__link:hover::before,
.product-card .product-slideshow__button:focus::before,
.product-card .product-slideshow__button:hover::before,
a.navigation.link-black:focus::before,
a.navigation.link-black:hover::before {
    -webkit-animation-name: arrowBounce626;
    animation-name: arrowBounce626;
}
@-webkit-keyframes arrowBounce626 {
    0% {
        background-position: 0 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    60% {
        -webkit-transform: translate(4px, 0);
        transform: translate(4px, 0);
    }
    100% {
        background-position: -28.5rem 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes arrowBounce626 {
    0% {
        background-position: 0 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    60% {
        -webkit-transform: translate(4px, 0);
        transform: translate(4px, 0);
    }
    100% {
        background-position: -28.5rem 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
a.go-to-arrow .arrow:focus,
a.go-to-arrow .arrow:hover {
    -webkit-animation-name: arrowBounce9714;
    animation-name: arrowBounce9714;
}
@-webkit-keyframes arrowBounce9714 {
    0% {
        background-position: 0 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    60% {
        -webkit-transform: translate(4px, 0);
        transform: translate(4px, 0);
    }
    100% {
        background-position: -28.5rem 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes arrowBounce9714 {
    0% {
        background-position: 0 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    60% {
        -webkit-transform: translate(4px, 0);
        transform: translate(4px, 0);
    }
    100% {
        background-position: -28.5rem 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
html[dir="rtl"] .accordion .panel-content__item::before,
html[dir="rtl"] .coffee-fact__item a.link::before,
html[dir="rtl"] .product-card .product-detail__link::before,
html[dir="rtl"] .product-card .product-slideshow__button::before,
html[dir="rtl"] a.navigation.link-black::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
html[dir="rtl"] .accordion .panel-content__item:focus::before,
html[dir="rtl"] .accordion .panel-content__item:hover::before,
html[dir="rtl"] .coffee-fact__item a.link:focus::before,
html[dir="rtl"] .coffee-fact__item a.link:hover::before,
html[dir="rtl"] .product-card .product-detail__link:focus::before,
html[dir="rtl"] .product-card .product-detail__link:hover::before,
html[dir="rtl"] .product-card .product-slideshow__button:focus::before,
html[dir="rtl"] .product-card .product-slideshow__button:hover::before,
html[dir="rtl"] a.navigation.link-black:focus::before,
html[dir="rtl"] a.navigation.link-black:hover::before {
    -webkit-animation-name: arrowBounce4057;
    animation-name: arrowBounce4057;
}
@-webkit-keyframes arrowBounce4057 {
    0% {
        background-position: 0 0;
        -webkit-transform: translate(-1, 1);
        transform: translate(-1, 1);
    }
    60% {
        -webkit-transform: translate(-5px, 1);
        transform: translate(-5px, 1);
    }
    100% {
        background-position: -28.5rem 0;
        -webkit-transform: translate(-1, 1);
        transform: translate(-1, 1);
    }
}
@keyframes arrowBounce4057 {
    0% {
        background-position: 0 0;
        -webkit-transform: translate(-1, 1);
        transform: translate(-1, 1);
    }
    60% {
        -webkit-transform: translate(-5px, 1);
        transform: translate(-5px, 1);
    }
    100% {
        background-position: -28.5rem 0;
        -webkit-transform: translate(-1, 1);
        transform: translate(-1, 1);
    }
}
html[dir="rtl"] a.go-to-arrow .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
html[dir="rtl"] a.go-to-arrow .arrow:focus,
html[dir="rtl"] a.go-to-arrow .arrow:hover {
    -webkit-animation-name: arrowBounce6780;
    animation-name: arrowBounce6780;
}
@-webkit-keyframes arrowBounce6780 {
    0% {
        background-position: 0 0;
        -webkit-transform: translate(-1, 1);
        transform: translate(-1, 1);
    }
    60% {
        -webkit-transform: translate(-5px, 1);
        transform: translate(-5px, 1);
    }
    100% {
        background-position: -28.5rem 0;
        -webkit-transform: translate(-1, 1);
        transform: translate(-1, 1);
    }
}
@keyframes arrowBounce6780 {
    0% {
        background-position: 0 0;
        -webkit-transform: translate(-1, 1);
        transform: translate(-1, 1);
    }
    60% {
        -webkit-transform: translate(-5px, 1);
        transform: translate(-5px, 1);
    }
    100% {
        background-position: -28.5rem 0;
        -webkit-transform: translate(-1, 1);
        transform: translate(-1, 1);
    }
}
.accordion .panel-content__item::before {
    width: 1.0625rem;
    height: 0.6875rem;
    background-size: 20.25rem;
    padding-right: 1rem;
}
.accordion .panel-content__item:focus::before,
.accordion .panel-content__item:hover::before {
    -webkit-animation-name: arrowBounce1072;
    animation-name: arrowBounce1072;
}
@-webkit-keyframes arrowBounce1072 {
    0% {
        background-position: 0 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    60% {
        -webkit-transform: translate(4px, 0);
        transform: translate(4px, 0);
    }
    100% {
        background-position: -20.25rem 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes arrowBounce1072 {
    0% {
        background-position: 0 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    60% {
        -webkit-transform: translate(4px, 0);
        transform: translate(4px, 0);
    }
    100% {
        background-position: -20.25rem 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
html[dir="rtl"] .accordion .panel-content__item:focus::before,
html[dir="rtl"] .accordion .panel-content__item:hover::before {
    -webkit-animation-name: arrowBounce6727;
    animation-name: arrowBounce6727;
}
@-webkit-keyframes arrowBounce6727 {
    0% {
        background-position: 0 0;
        -webkit-transform: translate(-1, 1);
        transform: translate(-1, 1);
    }
    60% {
        -webkit-transform: translate(-5px, 1);
        transform: translate(-5px, 1);
    }
    100% {
        background-position: -20.25rem 0;
        -webkit-transform: translate(-1, 1);
        transform: translate(-1, 1);
    }
}
@keyframes arrowBounce6727 {
    0% {
        background-position: 0 0;
        -webkit-transform: translate(-1, 1);
        transform: translate(-1, 1);
    }
    60% {
        -webkit-transform: translate(-5px, 1);
        transform: translate(-5px, 1);
    }
    100% {
        background-position: -20.25rem 0;
        -webkit-transform: translate(-1, 1);
        transform: translate(-1, 1);
    }
}
a.go-to-arrow .arrow {
    background: url(../../../img/arrow-white.svg) no-repeat;
}
a.load-more-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.load-more-icon {
    width: 1.75rem;
    height: 1.6875rem;
    margin-right: 0.3125rem;
    background-size: 1.875rem;
    background-position: -0.0625rem 0;
    background-repeat: no-repeat;
    background-image: url(../../../img/load-more.png);
}
a.load-more-btn:focus .load-more-icon,
a.load-more-btn:hover .load-more-icon {
    -webkit-animation-name: loadmore;
    animation-name: loadmore;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-timing-function: steps(51);
    animation-timing-function: steps(51);
}
.product-slideshow .next:hover::after {
    position: relative;
    -webkit-animation: 1s ease-in-out 0s 1;
    animation: 1s ease-in-out 0s 1;
    -webkit-animation-name: nextPage;
    animation-name: nextPage;
}
@-webkit-keyframes nextPage {
    0%,
    100% {
        margin-left: 0.625rem;
    }
    20% {
        margin-left: 0.4375rem;
        -webkit-transform: scale(0.2, 0.5);
        transform: scale(0.2, 0.5);
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    50% {
        margin-left: 1.25rem;
        -webkit-transform: scale(0.6, 0.5);
        transform: scale(0.6, 0.5);
    }
    70% {
        margin-left: 0.375rem;
        -webkit-transform: scale(0.3, 0.5);
        transform: scale(0.3, 0.5);
    }
}
@keyframes nextPage {
    0%,
    100% {
        margin-left: 0.625rem;
    }
    20% {
        margin-left: 0.4375rem;
        -webkit-transform: scale(0.2, 0.5);
        transform: scale(0.2, 0.5);
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    50% {
        margin-left: 1.25rem;
        -webkit-transform: scale(0.6, 0.5);
        transform: scale(0.6, 0.5);
    }
    70% {
        margin-left: 0.375rem;
        -webkit-transform: scale(0.3, 0.5);
        transform: scale(0.3, 0.5);
    }
}
.product-slideshow .prev:hover::after {
    position: relative;
    -webkit-animation: 1s ease-in-out 0s 1;
    animation: 1s ease-in-out 0s 1;
    -webkit-animation-name: prevPage;
    animation-name: prevPage;
}
.tint-loader {
    position: absolute;
    border: 0.5rem solid #f3f3f3;
    border-radius: 50%;
    border-top: solid 0.5rem red;
    width: 3.75rem;
    height: 3.75rem;
    -webkit-animation: loader 2s linear infinite;
    animation: loader 2s linear infinite;
    top: 50%;
    left: 48%;
}
@-webkit-keyframes slideInFromLeft {
    0% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInFromLeft {
    0% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes slideUpFromBottom {
    0% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideUpFromBottom {
    0% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes prevPage {
    0%,
    100% {
        margin-right: 0.625rem;
    }
    20% {
        margin-right: 0.4375rem;
        -webkit-transform: scale(0.2, 0.5);
        transform: scale(0.2, 0.5);
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    50%,
    60% {
        margin-right: 1.25rem;
        -webkit-transform: scale(0.6, 0.5);
        transform: scale(0.6, 0.5);
    }
    70% {
        margin-right: 0.375rem;
        -webkit-transform: scale(0.2, 0.5);
        transform: scale(0.2, 0.5);
    }
}
@keyframes prevPage {
    0%,
    100% {
        margin-right: 0.625rem;
    }
    20% {
        margin-right: 0.4375rem;
        -webkit-transform: scale(0.2, 0.5);
        transform: scale(0.2, 0.5);
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    50%,
    60% {
        margin-right: 1.25rem;
        -webkit-transform: scale(0.6, 0.5);
        transform: scale(0.6, 0.5);
    }
    70% {
        margin-right: 0.375rem;
        -webkit-transform: scale(0.2, 0.5);
        transform: scale(0.2, 0.5);
    }
}
@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}
@keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}
@-webkit-keyframes listFadeInUP {
    0% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes listFadeInUP {
    0% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes loadmore {
    0% {
        background-position: -0.0625rem 0;
    }
    100% {
        background-position: -0.0625rem -102rem;
    }
}
@keyframes loadmore {
    0% {
        background-position: -0.0625rem 0;
    }
    100% {
        background-position: -0.0625rem -102rem;
    }
}
@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}