/* ---- .recipes ---- */
.recipes span.slick-arrow {
    font-size: 64px;
    display: block;
    cursor: pointer;
    color: #EB1C22;
    z-index: 600 !important;
    position: absolute;
}

.recipes .arrow_right.slick-arrow {
    top: 100%;
    bottom: 8px;
    left: 80vw;
}

.recipes .arrow_left.slick-arrow {
    top: 100%;
    bottom: 8px;
    left: 75vw;
}

.recipes .slick-slider {
    min-width: 100% !important;
    width: 0 !important;
}

@media only screen and (max-width: 1366px) {
    .recipes .arrow_right.slick-arrow {
        top: 100%;
        bottom: 8px;
        left: 74vw;
    }

    .recipes .arrow_left.slick-arrow {
        top: 100%;
        bottom: 8px;
        left: 68vw;
    }
}

@media only screen and (max-width: 768px) {
    .recipes .arrow_right.slick-arrow {
        top: 95%;
        bottom: 8px;
        left: 85vw;
    }

    .recipes .arrow_left.slick-arrow {
        top: 95%;
        bottom: 8px;
        left: 75vw;
    }
}

@media only screen and (max-width: 640px) {
    .recipes .arrow_right.slick-arrow {
        top: 95%;
        bottom: 8px;
        left: 84vw;
    }

    .recipes .arrow_left.slick-arrow {
        top: 95%;
        bottom: 8px;
        left: 74vw;
    }
}

@media only screen and (max-width: 429px) {
    .recipes .arrow_right.slick-arrow {
        top: 95%;
        bottom: 8px;
        left: 80vw;
    }

    .recipes .arrow_left.slick-arrow {
        top: 95%;
        bottom: 8px;
        left: 65vw;
    }
}

/* ---- .rec-recipes ---- */
.rec-recipes span.slick-arrow {
    font-size: 64px;
    display: block;
    cursor: pointer;
    color: #EB1C22;
    z-index: 600 !important;
    position: absolute;
}

.rec-recipes .arrow_right.slick-arrow {
    top: 100%;
    bottom: 8px;
    left: 80vw;
}

.rec-recipes .arrow_left.slick-arrow {
    top: 100%;
    bottom: 8px;
    left: 75vw;
}

.rec-recipes .slick-slider {
    min-width: 100% !important;
    width: 0 !important;
}

.rec-recipes > .slick-list {
    padding-left: 0px !important; /* half partial */
}

@media only screen and (max-width: 1366px) {
    .rec-recipes .arrow_right.slick-arrow {
        top: 100%;
        bottom: 8px;
        left: 74vw;
    }

    .rec-recipes .arrow_left.slick-arrow {
        top: 100%;
        bottom: 8px;
        left: 68vw;
    }
}

@media only screen and (max-width: 768px) {
    .rec-recipes .arrow_right.slick-arrow {
        top: 95%;
        bottom: 8px;
        left: 85vw;
    }

    .rec-recipes .arrow_left.slick-arrow {
        top: 95%;
        bottom: 8px;
        left: 75vw;
    }
}

@media only screen and (max-width: 640px) {
    .rec-recipes .arrow_right.slick-arrow {
        top: 95%;
        bottom: 8px;
        left: 84vw;
    }

    .rec-recipes .arrow_left.slick-arrow {
        top: 95%;
        bottom: 8px;
        left: 74vw;
    }
}

@media only screen and (max-width: 429px) {
    .rec-recipes .arrow_right.slick-arrow {
        top: 95%;
        bottom: 8px;
        left: 75vw;
    }

    .rec-recipes .arrow_left.slick-arrow {
        top: 95%;
        bottom: 8px;
        left: 60vw;
    }
}

/* ---- .related-recipe ---- */
.related-recipe.slick-dots {
    display: block;
}

/* ---- .prd-gallery ---- */
.prd-gallery .slick-dots {
    bottom: -35px;
}

    .prd-gallery .slick-dots li.slick-active button:before {
        color: #FF0000;
    }

    .prd-gallery .slick-dots li button:before {
        font-size: 14px;
        opacity: .40;
        color: #FF0000;
    }

/* ---- .main-ingre ---- */
.main-ingre .slick-dots {
    bottom: -25px;
}

    .main-ingre .slick-dots li.slick-active button:before {
        color: #FF0000;
    }

    .main-ingre .slick-dots li button:before {
        font-size: 14px;
        opacity: .40;
        color: #FF0000;
    }

    .main-ingre .slick-dots li:only-child {
        display: none;
    }

.main-ingre span.slick-arrow {
    font-size: 64px;
    display: block;
    cursor: pointer;
    color: #8c8c8c;
    z-index: 600;
}

.main-ingre .arrow_right.slick-arrow {
    position: absolute;
    top: 20%;
    right: -5%;
}

.main-ingre .arrow_left.slick-arrow {
    position: absolute;
    top: 20%;
    left: -5%;
}

/* ---- .acooking-step ---- */
.acooking-step span.slick-arrow {
    font-size: 64px;
    display: block;
    cursor: pointer;
    color: #8c8c8c;
    z-index: 600;
}

.acooking-step .arrow_right.slick-arrow {
    position: absolute;
    top: 40%;
    right: -5%;
}

.acooking-step .arrow_left.slick-arrow {
    position: absolute;
    top: 40%;
    left: -5%;
}

@media only screen and (max-width: 991px) {
    .acooking-step .arrow_right.slick-arrow {
        position: absolute;
        top: 25%;
        right: -18%;
    }

    .acooking-step .arrow_left.slick-arrow {
        position: absolute;
        top: 25%;
        left: -18%;
    }
}

/* ---- .related-prd ---- */
.related-prd .slick-dots {
    margin-bottom: 28px; /* 28px */
}

    .related-prd .slick-dots li button:before {
        color: #EB1C22;
        font-size: 15px;
    }

    .related-prd .slick-dots li.slick-active button:before {
        color: #EB1C22;
    }

.centered-left {
    position: relative; /* absolute */
    top: 47%; /* 12vw */
    left: 16px;
    transform: translate(0%, -50%);
}

.centered-right {
    position: relative;
    top: 50%; /* 14vw */
    transform: translate(0%, -50%);
}

@media only screen and (max-width: 1600px) {
    .centered-left {
        position: relative; /* absolute */
        top: 13vw;
        left: 13px;
        transform: translate(0%, -50%);
    }

    .centered-right {
        position: relative;
        top: 14vw;
        transform: translate(0%, -50%);
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
    .centered-left {
        position: relative; /* absolute */
        top: 11vw; /* 17vw */
        left: 13px;
        transform: translate(0%, -50%);
    }

    .centered-right {
        position: relative;
        top: 12vw; /* 16vw */
        transform: translate(0%, -50%);
    }
}

@media only screen and (max-width: 1366px) {
    .centered-left {
        position: relative; /* absolute */
        top: 50%; /* 18vw */
        left: 13px;
        transform: translate(0%, -50%);
    }

    .centered-right {
        position: relative;
        top: 50%; /* 17vw */
        transform: translate(0%, -50%);
    }
}

@media only screen and (max-width: 1320px) {
    .centered-left {
        position: relative; /* absolute */
        top: 32vw;
        left: 13px;
        transform: translate(0%, -50%);
    }

    .centered-right {
        position: relative;
        top: 30vw;
        transform: translate(0%, -50%);
    }
}

@media only screen and (max-width: 1024px) {
    .centered-left {
        position: relative; /* absolute */
        top: 47%; /* 47% */
        left: 16px;
        transform: translate(0%, -50%);
    }

    .centered-right {
        position: relative;
        top: 50%;
        transform: translate(0%, -50%);
    }
}

/*@media only screen and (max-width: 1023px) {
    .centered-left {
        position: relative;*/ /* absolute */
/*top: 17vw;*/ /* 47% */
/*left: 16px;
        transform: translate(0%, -50%);
    }

    .centered-right {
        position: relative;
        top: 16vw;*/ /* 50% */
/*transform: translate(0%, -50%);
    }
}*/

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.modal-guess {
    font-family: Helvetica, Arial, sans-serif;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999999;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.agree-check {
    background-color: #EB1C22;
}

.product-tag-m > .slick-list {
    padding-left: 0px !important; /* half partial */
}

.cuisine-tags-2 .slick-dots {
    margin-bottom: 36px; /* 28px */
}

    .cuisine-tags-2 .slick-dots li button:before {
        color: #EB1C22;
        font-size: 15px;
    }

    .cuisine-tags-2 .slick-dots li.slick-active button:before {
        color: #EB1C22;
    }


.cuisine-tags-2 > .slick-list {
    /* half partial */
    padding-left: 0px !important;
}

.cuisine-tags-cen .slick-dots {
    margin-bottom: 36px; /* 28px */
}

    .cuisine-tags-cen .slick-dots li button:before {
        color: #EB1C22;
        font-size: 15px;
    }

    .cuisine-tags-cen .slick-dots li.slick-active button:before {
        color: #EB1C22;
    }

/* ---- .related-prd ---- */
.awards {
    background-color: #f6f0e8;
}

    .awards .slick-dots {
        bottom: 20px;
    }

    .awards.slick-dotted.slick-slider {
        margin-bottom: 0px !important;
        padding-bottom: 30px !important;
    }

    .awards .slick-dots li.slick-active button:before {
        color: #FF0000;
    }

    .awards .slick-dots li button:before {
        font-size: 14px;
        opacity: .40;
        color: #FF0000;
    }

    .awards .slick-dots li:only-child {
        display: none;
    }

.a-soc-line:hover {
    background-color: unset !important;
}

.dlab-social-icon.dlab-social-icon-lg li a.a-soc-line:hover {
    background-color: unset !important;
}

.soc-line:hover {
    /* background: url('../images/ic-line-2_hover.png'); */
    background-color: unset !important;
    -webkit-filter: invert(40%) grayscale(100%) brightness(80%) sepia(60%) hue-rotate(-50deg) saturate(400%) contrast(1);
    filter: grayscale(100%) brightness(80%) sepia(60%) hue-rotate(-50deg) saturate(400%) contrast(1);
}