﻿/* ronen 2 css */

/* ACADEMY PAGE */
.academy.zoom-fix { zoom: 1 !important; }
.academy #header .submenu { /* width: 100% !important; */ /* height: 100vh !important; */ }
.academy #GridWrapInner { margin-top: 0; }
.academy #lobbyview { display: none; }
.academy #allSectionsWrapper { position: relative; overflow-x: clip; }
.academy .academy-sec { padding: 0; }
.academy .academy-sec .grid-text { height: 100%; }
.academy .academy-sec .grid-text .grid-iframe-holder { padding: 0; height: 100%; overflow: hidden; pointer-events: none; }
.academy .academy-sec .grid-text .grid-iframe-holder video { max-width: 100%; width: 100%; }
.academy .academy-sec .grid-text .grid-iframe-holder iframe { position: relative; transform: scale(1.3); }
.academy .academy-sec .grid-text .grid-text-content { padding: 0; text-align: center; left: 50%; transform: translate(-50%,-50%) !important; display: flex; flex-direction: column; top: 45%; position: absolute; }
.academy .academy-sec .grid-text .grid-text-content h2 { font-size: 8rem; color: #fff; line-height: 1; }
.academy .academy-sec .grid-text .grid-text-content .section-title h2 { font-family: 'almoni-neue-aaa-700'; }
.academy .academy-sec .IframeFeatureContainer { right: 30px; width: auto; max-width: 80px; bottom: 10px; }
.academy .courses-sticky-sec { padding: 0; background: rgb(0 0 0 / 90%); color: #fff; max-width: 860px; width: calc(100% - 50px); position: fixed; left: 50%; bottom: 20px; z-index: 1000; transform: translateX(-50%); }
.academy .courses-sticky-sec .grid-text-content { display: flex; padding: 12px 20px; }
.academy .courses-sticky-sec .gridText1 .section-title h2 { font-size: 3rem; font-family: 'almoni-neue-aaa-700'; }
.academy .courses-sticky-sec .grid-text-content .gridText2 { display: inline-flex; justify-content: flex-end; align-items: center; }
.academy .courses-sticky-sec .grid-text-content .gridText2 p a { width: 185px; height: 45px; display: inline-flex; background: #fff; border: 1px solid #fff; color: #000; font-family: 'almoni-neue-aaa-700'; justify-content: center; align-items: center; margin-right: 20px; transition: 0.35s all ease; }
.academy .courses-sticky-sec .grid-text-content .gridText2 p a:hover { background: #000; color: #fff; }
.academy .courses-sticky-sec .gridText1 > p { font-size: 2rem; }
.academy .courses-sticky-sec .gridText1 a:hover { color: inherit; }
.academy .academy-about { margin: 0 auto; padding: 150px 0 190px; background: #f8f8f5; }
.academy .academy-about .grid-rows { max-width: 1190px; }
.academy .academy-about .flexslider-box { width: 50%; }
.academy .academy-about .flexslider-box::before { content: ''; position: absolute; left: -15px; top: 80px; width: 230px; height: 70px; background-image: url(/warehouse/dynamic/356794.svg); background-repeat: no-repeat; background-position: center; pointer-events: none; }
.academy .academy-about li.slider-item { padding-bottom: 0; overflow: visible; }
.academy .academy-about li.slider-item .grid-row-image-container { position: relative; }
.academy .academy-about .flexslider-box .slides { position: relative; z-index: 1; }
.academy .academy-about .front-chocolate { position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; background-image: url(/warehouse/dynamic/358042.png); background-repeat: no-repeat; background-position: center; background-size: 100%; z-index: 2; }
.academy .academy-about .back-chocolate { position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; background-image: url(/warehouse/dynamic/358041.png); background-repeat: no-repeat; background-position: center; background-size: 100%; z-index: 0; }
.academy .academy-about .grid-row-cell-text { display: inline-flex !important; justify-content: flex-end; align-items: center; width: 50%; }
.academy .academy-about .grid-row-text { max-width: 490px; padding-top: 50px; }
.academy .academy-about .grid-rows > h2 { font-size: 8rem; font-family: 'almoni-neue-aaa-700'; }
.academy .courses-boxes { padding: 0 0 45px; background: #f8f8f5; }
.academy #LobbyModule .courses-boxes .grid-boxes { display: flex; justify-content: center; padding-top: 0; max-width: 1350px; }
.academy #LobbyModule .courses-boxes .grid-boxes .grid-box { margin-right: 0; width: 50%; padding: 0 32px; }
.academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-image { padding-bottom: 0; }
.academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; }
.academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text { display: inline-flex; width: 100%; flex-direction: column; align-items: flex-start; position: relative; padding-top: 10px; }
.academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 3.5rem; font-family: 'almoni-neue-aaa-700'; }
.academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .grid-box-subtitle { margin: 0; font-size: 2.2rem; max-width: unset; }
.academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .button { position: absolute; left: 0; top: 20px; }
.academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .button a { width: 185px; height: 45px; display: inline-flex; justify-content: center; align-items: center; padding: 0; }
.academy #LobbyModule .courses-boxes .grid-boxes a.sec-button { width: 400px; height: 55px; display: inline-flex; justify-content: center; align-items: center; margin: 0 15px; background: #000; transition: 0.35s ease; }
.academy #LobbyModule .courses-boxes .grid-boxes a.sec-button:hover,
.academy #LobbyModule .courses-boxes .grid-boxes a.sec-button:focus { background: #fff; color: #000; }
.academy .cert-boxes { padding: 0; margin-top: 155px; }
.academy .cert-boxes .section-title { margin-bottom: 50px; }
.academy .cert-boxes .section-title h2 { font-size: 8rem; font-family: 'almoni-neue-aaa-700'; }
.academy .cert-boxes .section-title h3 { font-family: 'almoni-neue-aaa-700'; font-size: 2rem; margin-top: 30px; }
.academy #LobbyModule .cert-boxes .grid-boxes { max-width: 1350px; padding: 0; }
.academy #LobbyModule .cert-boxes .grid-box { margin-right: 0; font-size: 100%; display: inline-flex; flex-direction: column; align-items: center; pointer-events: none; }
.academy #LobbyModule .cert-boxes .grid-box:nth-child(1), .academy #LobbyModule .cert-boxes .grid-box:nth-child(2),
.academy #LobbyModule .cert-boxes .grid-box:nth-child(3), .academy #LobbyModule .cert-boxes .grid-box:nth-child(4) { opacity: 0 !important; transition: all 1s !important; }
.academy #LobbyModule .cert-boxes .grid-box .grid-box-image { padding-bottom: 0; display: inline-flex; justify-content: center; margin-bottom: 10px; }
.academy #LobbyModule .cert-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; }
.academy #LobbyModule .cert-boxes .grid-box .grid-box-title h3 { font-family: 'almoni-neue-aaa-700'; font-size: 2.4rem; }
.academy #LobbyModule .cert-boxes .grid-box .grid-box-subtitle { font-size: 2.2rem; max-width: 100%; line-height: 1.2; }
.academy .cert-image { padding: 0; height: 100%; margin: 60px 0 50px; }
.academy .cert-image .image-section-data { height: 100%; max-width: 1330px; margin: 0 auto; }
.academy .cert-image .image-section-data img { margin-top: 0 !important; }
.academy .cert-text { padding: 0; margin-bottom: 150px; }
.academy .cert-text .grid-text-content { max-width: 1330px; }
.academy .cert-text .grid-text-content .gridText1 { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; background: #f8f8f5; padding: 30px 0; }
.academy .cert-text .grid-text-content .gridText1 p { width: 50%; padding: 0px 80px; }
.academy .cert-text .grid-text-content .gridText1 p:last-child { padding: 30px 80px 0; font-size: 1.9rem; display: inline-flex; align-items: center; font-family: 'almoni-neue-aaa-700'; }
.academy .cert-text .grid-text-content .gridText1 p:last-child img { max-width: 23px; margin-left: 15px; }
.academy .cert-text .grid-text-content .gridText1 p:last-child a:last-child { text-decoration: underline; transform: translateY(3px); }
.academy .cert-text .grid-text-content .gridText1 p:last-child a img { max-width: 23px; }
.academy .cert-text .grid-text-content .gridText2 { display: inline-flex; justify-content: center; margin-top: 30px; }
.academy .cert-text .grid-text-content .gridText2 p a { width: 400px; height: 55px; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #000; margin: 0 15px; font-family: 'almoni-neue-aaa-700'; color: #fff; background: #000; transition: 0.35s ease; }
.academy .cert-text .grid-text-content .gridText2 p:nth-child(2) a { background: #fff; color: #000; }
.academy .cert-text .grid-text-content .gridText2 p a:hover { background: #fff; color: #000; }
.academy .cert-text .grid-text-content .gridText2 p:nth-child(2) a:hover { color: #fff; background: #000; }
.academy .awards-sec { padding: 0; margin-top: 150px; width: calc(100% - 120px); }
.academy .awards-sec .grid-text { background-attachment: fixed; height: 700px; display: flex; align-items: center; justify-content: center; }
.academy .awards-sec .float-element { position: absolute; bottom: -180px; right: 170px; height: 454px; width: 454px; pointer-events: none; background-image: url(/warehouse/dynamic/358592.png); background-repeat: no-repeat; background-position: center; z-index: 1; }
.academy .awards-sec .grid-text::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; pointer-events: none; opacity: 0.33; }
.academy .awards-sec .grid-text .gridTextImgContainer img { max-height: 700px; object-fit: cover; }
.academy .awards-sec .grid-text .grid-text-content { display: flex; flex-direction: column; color: #fff; align-items: center; margin: unset; }
.academy .awards-sec .grid-text .grid-text-content .section-title { order: 1; }
.academy .awards-sec .grid-text .grid-text-content .section-title h2 { font-family: 'almoni-neue-aaa-700'; font-size: 8rem; }
.academy .awards-sec .grid-text .grid-text-content .gridText1 { text-align: center; margin-top: 50px; order: 3; }
.academy .awards-sec .grid-text .grid-text-content .gridText1 p { font-size: 2.8rem; max-width: 820px; margin: 0 auto; line-height: 1.14; }
.academy .awards-sec .grid-text .grid-text-content .gridText2 { order: 2; }
.academy .awards-sec .grid-text .grid-text-content .gridText2 p { width: 100%; text-align: center; }
.section.comments-sec { padding: 300px 0 150px; }
.section.comments-sec > div:first-child { background: #f8f8f5; max-width: 1330px; margin: 0 auto; padding: 70px 200px 55px; border: 2px solid #000; position: relative; }
.section.comments-sec > div:first-child::before { transition: 1s all ease; content: ''; position: absolute; right: 0; top: 0; background: #e5e0cc; width: 100%; height: 100%; z-index: -1; }
.section.comments-sec > div.shown:first-child::before { right: -15px; top: -15px; }
.section.comments-sec .comments-image-gallery .slick-track { transform: none !important; display: flex; justify-content: center; padding: 15px 0px; }
.section.comments-sec .comments-image-gallery .image-gallery-item { display: flex; justify-content: center; max-width: 74px !important; margin: 0 10px; padding: 4px; border-radius: 50%; cursor: pointer; }
.section.comments-sec .comments-image-gallery .image-gallery-item img { max-height: 70px; width: 100%; border-radius: 50%; }
.section.comments-sec .comments-image-gallery .slick-track::before, .section.comments-sec .comments-image-gallery .slick-track::after { display: none; }
.section.comments-sec .comments-text-gallery { margin-bottom: 25px; }
.section.comments-sec .comments-text-gallery .text-gallery-item h3 { font-size: 6rem; font-family: 'almoni-neue-aaa-700'; margin: 0; }
.section.comments-sec .comments-text-gallery .text-gallery-item h4 { font-size: 3rem; font-family: 'almoni-neue-aaa-700'; margin: 0; }
.section.comments-sec .comments-text-gallery .text-gallery-item h5 { font-size: 1.8rem; margin-top: 10px; margin-bottom: 10px; }
.section.comments-sec .comments-text-gallery .text-gallery-item p { max-width: 720px; margin: 0 auto; font-size: 2.2rem; line-height: 1.36; color: #262f40; }
.section.comments-sec .comments-image-gallery .image-gallery-item.slick-current { border: 2px solid #f5962f; }
.academy .farm-sec .flexslider-box .grid-row-image-container { position: relative; }
.academy .farm-sec { padding: 0; }
.academy .farm-sec .grid-rows { max-width: 1360px; }
.academy .farm-sec .grid-rows .grid-row { justify-content: space-between; }
.academy .farm-sec .grid-rows .grid-row .flexslider-box { width: 45%; max-width: 602px; }
.academy .farm-sec .grid-rows .grid-row .flexslider-box .grid-row-image-container:nth-child(2) { position: absolute; max-width: 422px; left: -110px; right: unset; top: unset; bottom: -85px; outline: 8px solid #fff; opacity: 0; transition: 1s all; }
.academy .farm-sec.shown .grid-rows .grid-row .flexslider-box .grid-row-image-container:nth-child(2) { opacity: 1; }
.academy .farm-sec .grid-rows .grid-row .grid-row-cell-text { max-width: 530px; width: 40%; }
.academy .farm-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 8rem; font-family: 'almoni-neue-aaa-700'; }
.academy .farm-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 2.4rem; font-family: 'almoni-neue-aaa-700'; }
.academy .study-section { display: flex; justify-content: flex-end; max-width: 1490px; margin: 0 auto; width: 100%; position: relative; }
.academy .study-section .study-text { padding: 0; max-width: 440px; width: 33%; margin: 0; }
.academy .study-section .study-text .section-title { margin-bottom: 20px; }
.academy .study-section .study-text .section-title h2 { font-size: 6rem; font-family: 'almoni-neue-aaa-700'; }
.academy .study-section .study-text .grid-row { display: flex !important; flex-direction: column; align-items: center; }
.academy .study-section .study-text .grid-row > div { width: 100%; }
.academy .study-section .study-text .grid-row .grid-row-text p { font-size: 2.2rem; font-family: 'almoni-neue-aaa-700'; padding: 15px 0; position: relative; }
.academy .study-section .study-text .grid-row .grid-row-text p:not(:last-child)::after { content: ''; position: absolute; right: 0; bottom: 0; width: 240px; height: 1px; background: #000; opacity: 0.25; pointer-events: none; }
.academy .study-section .study-text .grid-row .flexslider-box .slider-item { padding-bottom: 0; }
.academy .study-section .study-text .grid-row .flexslider-box .slider-item .grid-row-image-container { position: relative; }
.academy .study-section .study-video { width: auto; max-width: 944px; padding: 0; position: absolute; right: 0; height: 57vh; transform-origin: right; top: 0; bottom: 0; z-index: 1; }
.academy .study-section .study-video .grid-iframe-holder { padding-bottom: 0; width: 100%; height: 100%; }
.academy .study-section .study-video .grid-iframe-holder video { z-index: 1; width: 100%; height: 100%; position: relative; }
.academy .study-section .study-video .grid-iframe-holder iframe { z-index: 1; }
.academy .study-section .study-video .grid-iframe-holder .video-arrow { position: absolute; left: -75px; top: 90px; background-image: url(/warehouse/dynamic/358305.svg); width: 130px; height: 60px; pointer-events: none; background-repeat: no-repeat; background-position: bottom; }
.academy .study-section .study-video .grid-text { width: 100%; height: 100%; }

@media(min-width: 768px) and (max-width: 1024px) {
    .academy .academy-about .back-chocolate, .academy .academy-about .front-chocolate { max-width: 200px; left: 36%; }
}

@media(max-width: 1024px) {
    .academy #allSectionsWrapper { overflow-x: clip; }
    .academy .academy-sec .grid-text .grid-text-content { text-align: right; top: unset; bottom: 135px; transform: translateX(-50%) !important; width: 300px; }
    .academy .academy-sec .grid-text .grid-text-content h2 { font-size: 4rem; }
    .academy .academy-sec .grid-text .grid-iframe-holder video { height: 100%; transform: scale(1.2); }
    .academy .academy-sec .IframeFeatureContainer { right: 20px; width: auto; max-width: 50px; bottom: 60px; }
    .academy .courses-sticky-sec { bottom: 10px; }
    .academy .courses-sticky-sec .grid-text-content { display: flex; flex-direction: column; padding: 15px 18px; height: 50px; overflow: hidden; transition: 0.3s all ease !important; }
    .academy .courses-sticky-sec .gridText1 .section-title h2 { font-size: 2.2rem; }
    .academy .courses-sticky-sec .grid-text-content .gridText2 { display: inline-flex; justify-content: space-between; margin-top: 10px; }
    .academy .courses-sticky-sec .grid-text-content .gridText2 p a { width: 135px; height: 35px; margin-right: 0; }
    .academy .courses-sticky-sec .gridText1 > p { font-size: 1.6rem; opacity: 0; transition: 0.3s all; }
    .academy .courses-sticky-sec.opened .grid-text-content { height: 125px; }
    .academy .courses-sticky-sec .grid-text-content:before { content: ''; position: absolute; left: 20px; top: 20px; width: 20px; height: 20px; background-image: url(/warehouse/dynamic/359175.svg); background-repeat: no-repeat; background-size: 100%; transition: 0.3s all; }
    .academy .courses-sticky-sec.opened .grid-text-content:before { transform: rotate(180deg); top: 15px; }
    .academy .courses-sticky-sec.opened .gridText1 > p { opacity: 1; }
    .academy .academy-about { padding: 50px 0 30px; }
    .academy .academy-about .grid-row { display: flex !important; flex-direction: column; align-items: center; overflow-x: clip; }
    .academy .academy-about .flexslider-box { width: calc(100% - 80px); }
    .academy .academy-about .flexslider-box::before { left: -80px; background-image: url(/warehouse/dynamic/356795.svg); width: 150px; height: 50px; top: 70px; }
    .academy .academy-about .grid-row-cell-text { width: calc(100% - 80px); }
    .academy .academy-about .grid-row-text { margin: 0; padding-bottom: 0; }
    .academy .academy-about .grid-row-text h2 { font-size: 4rem; font-family: 'almoni-neue-aaa-700'; margin-bottom: 20px; }
    .academy .academy-about .grid-row-text p { line-height: 1.22; }
    .academy #LobbyModule .courses-boxes { padding: 0 0 10px; }
    .academy #LobbyModule .courses-boxes .grid-boxes .grid-box { width: 100%; padding: 0 40px; margin-bottom: 45px; }
    .academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .button { position: relative; left: unset; top: unset; margin-top: 10px; }
    .academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 2rem; }
    .academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .grid-box-subtitle { font-size: 1.8rem; }
    .academy #LobbyModule .courses-boxes .grid-boxes a.sec-button { width: calc(100vw - 80px); height: 45px; margin: 0 0 15px; }
    .academy #LobbyModule .cert-boxes { margin-top: 100px; }
    .academy #LobbyModule .cert-boxes .section-title { margin-bottom: 35px; }
    .academy #LobbyModule .cert-boxes .section-title h2 { font-size: 4rem; }
    .academy #LobbyModule .cert-boxes .section-title h3 { margin: 10px auto 0; max-width: 260px; }
    .academy #LobbyModule .cert-boxes .grid-boxes { width: calc(100% - 50px); }
    .academy #LobbyModule .cert-boxes .grid-boxes .grid-box { padding: 0 25px; margin-bottom: 30px; }
    .academy #LobbyModule .cert-boxes .grid-boxes .grid-box .grid-box-image { margin-bottom: 10px; }
    .academy #LobbyModule .cert-boxes .grid-boxes .grid-box .grid-box-title h3,
    .academy #LobbyModule .cert-boxes .grid-boxes .grid-box .grid-box-subtitle { font-size: 1.8rem; }
    .academy .cert-image { margin: 10px 0 40px; }
    .academy .cert-text { background: #f8f8f5; padding-bottom: 35px; margin-bottom: 100px; }
    .academy .cert-text .grid-text-content .gridText1 { padding: 40px 0 30px; }
    .academy .cert-text .grid-text-content .gridText1 p { width: 100%; padding: 0 40px 20px; }
    .academy .cert-text .grid-text-content .gridText1 p:last-child { padding: 0 40px; font-size: 1.8rem; }
    .academy .cert-text .grid-text-content .gridText2 { flex-direction: column; align-items: center; margin-top: 0; }
    .academy .cert-text .grid-text-content .gridText2 p { width: 100%; text-align: center; }
    .academy .cert-text .grid-text-content .gridText2 p a { width: calc(100% - 80px); height: 45px; margin: 0 0 15px; }
    .academy .study-section { display: flex; flex-direction: column; align-items: center; }
    .academy .study-section .study-video { width: 100%; height: auto; position: relative; top: unset; left: unset; right: unset; bottom: unset; }
    .academy .study-section .study-video .grid-iframe-holder { height: auto; padding-bottom: 57%; }
    .academy .study-section .study-video .grid-iframe-holder video { position: absolute; left: 0; top: 0; }
    .academy .study-section .study-video .grid-iframe-holder .video-arrow { display: none; }
    .academy .study-section .study-video .grid-text { height: auto; }
    .academy .study-section .study-text { width: 100%; margin-top: 40px; }
    .academy .study-section .study-text .section-title { margin-bottom: 10px; }
    .academy .study-section .study-text .section-title h2 { font-size: 4rem; }
    .academy .study-section .study-text .grid-row { padding: 0 85px 0 40px; }
    .academy .study-section .study-text .grid-row::before { content: ''; position: absolute; right: -100px; top: 0; width: 80px; background-image: url(/warehouse/dynamic/358306.svg); height: 60px; pointer-events: none; background-repeat: no-repeat; background-position: bottom; transition: 0.6s all; }
    .academy .study-section .study-text.shown .grid-row::before { right: -15px; }
    .academy .study-section .study-text .grid-row-text { margin: 20px 0 0; padding: 0; }
    .academy .study-section .study-text .grid-row .grid-row-text p { font-size: 1.8rem; line-height: 1.22; padding: 10px 0; }
    .academy .awards-sec { margin-top: 90px; width: 100%; }
    .academy .awards-sec .grid-text { height: 450px; }
    .iphoneBrowser.academy .awards-sec .grid-text { background-attachment: unset; }
    .academy .awards-sec .grid-text .grid-text-content .section-title { margin-bottom: 20px; }
    .academy .awards-sec .grid-text .grid-text-content .section-title h2 { font-size: 4rem; max-width: 180px; }
    .academy .awards-sec .grid-text .grid-text-content .gridText1 { margin-top: 20px; width: calc(100% - 80px); }
    .academy .awards-sec .grid-text .grid-text-content .gridText1 p { font-size: 1.8rem; line-height: 1.22; }
    .academy .awards-sec .grid-text .grid-text-content .gridText2 { width: calc(100% - 80px); }
    .academy .awards-sec .grid-text .grid-text-content .gridText2 p { display: flex; justify-content: center; }
    .academy .awards-sec .grid-text .grid-text-content .gridText2 p img { max-width: 105px; max-height: 120px; object-fit: contain; width: 100%; }
    .academy .awards-sec .float-element { right: 0px; height: 130px; width: 140px; background-size: 100%; background-image: url(/warehouse/dynamic/358593.png); bottom: -60px; }
    .section.comments-sec { padding: 170px 0 100px; }
    .section.comments-sec > div:first-child { width: calc(100% - 90px); padding: 30px 0px; }
    .section.comments-sec > div.shown:first-child::before { right: -10px; top: -10px; }
    .section.comments-sec .comments-image-gallery .slick-track { padding: 0 10px; overflow-x: scroll; width: 100% !important; display: flex; justify-content: space-between; align-items: center; }
    .section.comments-sec .comments-image-gallery .slick-track::-webkit-scrollbar { display: none; -ms-overflow-style: none; scrollbar-width: none; }
    .section.comments-sec .comments-image-gallery .image-gallery-item { width: 80px !important; padding: 2px; margin: 0 5px; max-width: unset !important; }
    .section.comments-sec .comments-image-gallery .image-gallery-item img { width: auto; max-width: unset; }
    .section.comments-sec .comments-text-gallery { overflow: hidden; padding: 0 20px; }
    .section.comments-sec .comments-text-gallery .text-gallery-item h3 { font-size: 4rem; max-width: 250px; margin: 0 auto 30px; }
    .section.comments-sec .comments-text-gallery .text-gallery-item h5 { margin-top: 5px; margin-bottom: 30px; }
    .section.comments-sec .comments-text-gallery .text-gallery-item h4 { font-size: 2.5rem; }
    .section.comments-sec .comments-text-gallery .text-gallery-item p { font-size: 95%; line-height: 1.26; }
    .academy .farm-sec .grid-rows .grid-row { flex-direction: column; align-items: center; }
    .academy .farm-sec .grid-rows .grid-row .flexslider-box { width: 100%; padding: 0 40px 0 85px; margin-bottom: 115px; }
    .academy .farm-sec .grid-rows .grid-row .flexslider-box .grid-row-image-container:nth-child(2) { max-width: 45%; left: 40px; right: unset; top: unset; bottom: -85px; outline: 4px solid #fff; }
    .academy .farm-sec .grid-rows .grid-row .grid-row-cell-text { width: calc(100% - 80px); }
    .academy .farm-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { padding: 0; margin: 0; }
    .academy .farm-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 4rem; margin-bottom: 5px; }
    .academy .farm-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 2.2rem; }
    .academy .farm-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { line-height: 1.22; }
    .academy #GridWrapInner { margin-bottom: 110px; }
}

@media (min-width: 768px) {
    .academy .academy-sec { height: calc(100vh - 100px); }
}

@media(min-width: 768px) and (max-width: 1180px) {
    .academy .academy-sec { height: calc((100vh / 2) - 100px); }
    .section.comments-sec > div:first-child { padding: 30px 40px 40px; }
}

@media (max-width: 767px) {
    .academy .academy-sec { height: calc(var(--app-height) - 65px); }
}

/* titles, p , buttons and boxes transition */
.academy .section-animation-item,
.academy .section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset !important; }

.academy #LobbyModule .cert-boxes.shown .grid-box:nth-child(1) { opacity: 1 !important; transition-delay: 0.2s !important; }
.academy #LobbyModule .cert-boxes.shown .grid-box:nth-child(2) { opacity: 1 !important; transition-delay: 0.3s !important; }
.academy #LobbyModule .cert-boxes.shown .grid-box:nth-child(3) { opacity: 1 !important; transition-delay: 0.4s !important; }
.academy #LobbyModule .cert-boxes.shown .grid-box:nth-child(4) { opacity: 1 !important; transition-delay: 0.5s !important; }

@media (min-width: 1180px) and (max-width: 1600px) {
    .academy #header { zoom: 0.8; }
    .academy #allSectionsWrapper { margin-top: -20px; }
    .academy .academy-sec { height: calc(100vh - 80px); }
    .academy .academy-sec .grid-text .grid-iframe-holder iframe { transform: scale(1.5); }
    .academy .academy-sec .grid-text .grid-text-content h2 { font-size: 6rem; }
    .academy .courses-sticky-sec { max-width: 660px; }
    .academy .courses-sticky-sec .gridText1 .section-title h2 { font-size: 2.2rem; }
    .academy .courses-sticky-sec .gridText1 > p { font-size: 1.6rem; }
    .academy .courses-sticky-sec .grid-text-content .gridText2 p a { font-size: 1.8rem; width: 135px; height: 40px; }
    .academy .academy-about .grid-rows { width: 65%; }
    .academy .academy-about .grid-rows > h2 { font-size: 6rem; }
    .academy .academy-about { padding: 120px 0 160px; }
    .academy .academy-about .grid-row-text { max-width: 490px; padding-top: 40px; }
    .academy .academy-about .grid-row { display: flex !important; justify-content: space-between; }
    .academy .academy-about .grid-row-cell-text p { font-size: 1.8rem; }
    .academy .academy-about .flexslider-box { max-width: 400px; }
    .academy .academy-about .flexslider-box::before { left: -15px; top: 40px; width: 150px; height: 50px; background-size: 100%; }
    .academy #LobbyModule .courses-boxes .grid-boxes { max-width: 1070px; }
    .academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 3rem; }
    .academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .grid-box-subtitle { font-size: 2rem; }
    .academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .button { font-size: 1.8rem; }
    .academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .button a { width: 135px; height: 40px; }
    .academy .cert-boxes { margin-top: 125px; }
    .academy .cert-boxes .section-title h2 { font-size: 6rem; }
    .academy .cert-boxes .section-title h3 { font-size: 1.8rem; margin-top: 15px; }
    .academy #LobbyModule .cert-boxes .grid-boxes { max-width: 1070px; }
    .academy #LobbyModule .cert-boxes .grid-box .grid-box-title h3 { font-size: 2rem; }
    .academy #LobbyModule .cert-boxes .grid-box .grid-box-subtitle { font-size: 1.8rem; }
    .academy .cert-image { margin: 40px 0 30px; }
    .academy .cert-text { margin-bottom: 125px; }
    .academy .cert-text .grid-text-content { max-width: 1070px; }
    .academy .cert-text .grid-text-content .gridText1 p { font-size: 1.8rem; padding: 0px 60px; }
    .academy .cert-text .grid-text-content .gridText2 p a { width: 300px; height: 50px; font-size: 1.8rem; }
    .academy .cert-text .grid-text-content .gridText1 p:last-child { padding: 20px 60px 0; font-size: 1.7rem; }
    .academy .cert-text .grid-text-content .gridText1 p:last-child a img { max-width: 20px; }
    .academy .cert-image .image-section-data { max-width: 1070px; }
    .academy .study-section { max-width: 1170px; }
    .academy .study-section .study-text .section-title h2 { font-size: 5rem; }
    .academy .study-section .study-text .grid-row .grid-row-text p { font-size: 2rem; }
    .academy .awards-sec { margin-top: -70px; }
    .academy .awards-sec .grid-text { height: 500px; }
    .academy .awards-sec .grid-text .grid-text-content .section-title h2 { font-size: 6rem; }
    .academy .awards-sec .grid-text .grid-text-content .gridText1 { margin-top: 20px; }
    .academy .awards-sec .grid-text .grid-text-content .gridText1 p { font-size: 2.4rem; max-width: 700px; }
    .academy .awards-sec .grid-text .grid-text-content .gridText2 img { max-width: 150px; object-fit: contain; max-height: 170px; }
    .academy .awards-sec .float-element { right: 0px; height: 240px; width: 340px; background-size: 100%; background-position: bottom; }
    .section.comments-sec { padding: 240px 0 120px; }
    .section.comments-sec > div:first-child { max-width: 1070px; }
    .section.comments-sec .comments-text-gallery .text-gallery-item h3 { font-size: 5rem; }
    .section.comments-sec .comments-text-gallery .text-gallery-item h4 { font-size: 2.5rem; }
    .section.comments-sec .comments-text-gallery .text-gallery-item p { font-size: 2rem; max-width: 600px; }
    .academy .farm-sec .grid-rows { max-width: 1070px; }
    .academy .farm-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 6rem; }
    .academy .farm-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 2.2rem; }
    .academy .farm-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { font-size: 1.8rem; }
    .academy .farm-sec .grid-rows .grid-row .flexslider-box .grid-row-image-container:nth-child(2) { max-width: 320px; left: -90px; bottom: -90px; }
}

@media (min-width: 1180px) and (-webkit-device-pixel-ratio: 1.25) {
    .academy .study-section .study-video { height: 53vh; }
}

@media (min-width: 1180px) and (-webkit-device-pixel-ratio: 1.5) {
    .academy .study-section { max-width: 1050px; }
    .academy .academy-sec .grid-text .grid-text-content h2 { font-size: 5rem; }
    .academy .courses-sticky-sec { max-width: 560px; }
    .academy .courses-sticky-sec .gridText1 .section-title h2 { font-size: 2rem; }
    .academy .courses-sticky-sec .grid-text-content .gridText2 p a { font-size: 1.6rem; width: 120px; height: 35px; }
    .academy .courses-sticky-sec .gridText1 > p { font-size: 1.4rem; }
    .academy .academy-about { padding: 100px 0 120px; }
    .academy .academy-about .grid-rows { max-width: 850px; }
    .academy .academy-about .grid-rows > h2 { font-size: 5rem; }
    .academy .academy-about .grid-row-text { max-width: 420px; padding-top: 20px; }
    .academy .academy-about .grid-row-cell-text p { font-size: 1.6rem; }
    .academy .academy-about .flexslider-box { max-width: 350px; }
    .academy .academy-about .flexslider-box::before { left: -35px; top: 50px; width: 130px; height: 40px; }
    .academy .courses-boxes { padding: 0 0 30px; }
    .academy #LobbyModule .courses-boxes .grid-boxes { max-width: 900px; }
    .academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 2.4rem; }
    .academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .grid-box-subtitle { font-size: 1.6rem; }
    .academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .button { top: 15px; }
    .academy #LobbyModule .courses-boxes .grid-boxes .grid-box .grid-box-text .button a { width: 120px; height: 35px; }
    .academy .cert-boxes { margin-top: 95px; }
    .academy .cert-boxes .section-title h2 { font-size: 5rem; }
    .academy .cert-boxes .section-title h3 { font-size: 1.6rem; margin-top: 10px; }
    .academy #LobbyModule .cert-boxes .grid-boxes { max-width: 900px; }
    .academy #LobbyModule .cert-boxes .grid-box .grid-box-title h3 { font-size: 1.6rem; }
    .academy #LobbyModule .cert-boxes .grid-box .grid-box-subtitle { font-size: 1.4rem; }
    .academy .cert-image .image-section-data { max-width: 900px; }
    .academy .cert-text { margin-bottom: 105px; }
    .academy .cert-text .grid-text-content { max-width: 900px; }
    .academy .cert-text .grid-text-content .gridText1 p { font-size: 1.6rem; }
    .academy .cert-text .grid-text-content .gridText2 p a { width: 250px; height: 45px; font-size: 1.6rem; }
    .academy .awards-sec .grid-text { height: 400px; }
    .academy .awards-sec .grid-text .grid-text-content .section-title h2 { font-size: 5rem; }
    .academy .awards-sec .grid-text .grid-text-content .gridText1 p { font-size: 2rem; max-width: 550px; }
    .academy .awards-sec .grid-text .grid-text-content .gridText2 img { max-width: 90px; max-height: 100px; }
    .academy .awards-sec .float-element { right: 30px; height: 200px; width: 300px; bottom: -130px; }
    .section.comments-sec { padding: 200px 0 90px; }
    .section.comments-sec > div:first-child { max-width: 900px; padding: 50px 200px 35px; }
    .section.comments-sec .comments-text-gallery .text-gallery-item h3 { font-size: 4rem; }
    .section.comments-sec .comments-text-gallery .text-gallery-item h4 { font-size: 2.2rem; margin-top: 10px; }
    .section.comments-sec .comments-text-gallery .text-gallery-item p { font-size: 1.8rem; }
    .academy .farm-sec .grid-rows { max-width: 900px; }
    .academy .farm-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 5rem; }
    .academy .farm-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 2rem; }
    .academy .farm-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { font-size: 1.6rem; }
    .academy .farm-sec .grid-rows .grid-row .flexslider-box .grid-row-image-container:nth-child(2) { max-width: 220px; left: -70px; bottom: -70px; }
}

@media (min-width: 1180px) and (-webkit-device-pixel-ratio: 2) {
    .academy .study-section .study-video { height: 53vh; max-width: 650px; }
}

/* will change for safari problems with gsap */
.academy .academy-about li.slider-item .box-image-animation, .academy .academy-about .front-chocolate,
.academy .academy-about .back-chocolate, .academy .cert-image .image-section-data,
.academy .study-section .study-text, .academy .study-section .study-video { will-change: transform; }

/**/
.CatalogItemPage .productSecondImage { max-height: calc(var(--vh) - 100px); }
.CatalogItemPage .productSecondImage img { max-width: 100%; max-height: 100%; }
.CatalogItemPage #CatalogModule .itemContent, .CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields { max-width: 790px; justify-content: flex-start; }
.CatalogItemPage #CatalogModule .itemContent #catalogText p { font-size: 1.8rem; line-height: 1.11; }
.CatalogItemPage #CatalogModule .itemContent #catalogText ul { font-size: 1.8rem; line-height: 1.5; }
.CatalogItemPage #CatalogModule .itemContent .item-collections { font-size: 1.8rem; }
.CatalogItemPage #CatalogModule .itemContent .item-makat { display: none; }
.CatalogItemPage #CatalogModule .itemContent button.item-plus, .CatalogItemPage #CatalogModule .itemContent button.item-minus, .CatalogItemPage #CatalogModule .itemContent .itemQuantityContainer { width: 40px; height: 40px; background: transparent; border: 2px solid #000; border-radius: 50%; margin: 0 5px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
.CatalogItemPage #CatalogModule .itemContent .itemQuantityContainer input[type="number"] { background: transparent; width: 40px; font-size: 4.6rem; }
.CatalogItemPage #CatalogModule .itemContent .itemQuantityContainer { border: none; }
.CatalogItemPage #CatalogModule .itemContent button.item-plus svg, .CatalogItemPage #CatalogModule .itemContent button.item-minus svg { width: 20px; height: 20px; }
.CatalogItemPage #CatalogModule .itemContent .item-price span.finalPrice { font-size: 4.6rem; font-family: 'almoni-neue-aaa-700', sans-serif; position: relative; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity { margin: 20px 0px 50px; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-actions { border: none; padding: 10px 0px; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-actions button#addToCartBtn { background: #000; width: 180px; height: 45px; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-actions button#addToCartBtn:hover { color: #fff; border: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields .faq-headline { background: transparent; border-bottom: 2px solid #707070; padding: 5px 0; font-family: 'almoni-neue-aaa-700'; font-size: 2.6rem; }
.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields .faq-body { background: transparent; }
.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields .faq-headline .button-open { left: 0; }
.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields .faq-body > div { padding: 10px 0; }
.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields .faq-item { box-shadow: none; margin-bottom: 10px !important; }
.CatalogItemPage #CatalogModule .relatedItems .relatedItemsTitle:after { display: none; }
.CatalogItemPage #CatalogModule .relatedItemsCarousel .item-text-top { min-height: unset; }
.CatalogItemPage #CatalogModule .relatedItemsCarousel .item-text-top h3.itemTitle { min-height: unset; font-size: 2.6rem; }
.CatalogItemPage #CatalogModule .relatedItemsCarousel .item-add-to-cart button#addToCartBtn { width: 180px; height: 45px; }
.CatalogItemPage #CatalogModule .relatedItemsCarousel .item-add-to-cart button#addToCartBtn:hover { color: #fff; }
.CatalogItemPage #CatalogModule .relatedItemsCarousel .item-text { margin-top: 40px; min-height: 140px; justify-content: flex-end; }
.CatalogItemPage #CatalogModule .relatedItemsCarousel .item-text .productLabel.Right:not(.productLabelImg) { position: relative; top: unset; left: unset; right: unset; background: transparent; border: 1px solid #000; color: #000; border-radius: 12px; padding: 0; height: 24px; width: 68px; display: inline-flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 15px; }

@media(max-width: 767px) {
    .CatalogItemPage #CatalogModule .itemContentWrapper { display: flex; flex-direction: column; align-items: center; }
    .CatalogItemPage #CatalogModule .itemContent, .CatalogItemPage .productSecondImage, .CatalogItemPage #CatalogModule .itemImages, #CatalogModule #CatalogItemView .catalog-fields { width: 100%; padding: 0; min-height: unset; }
    .CatalogItemPage .itemContentWrapperUpper:before { width: 100%; z-index: -1; }
    .CatalogItemPage #GridTop.noTopImage { height: 65px; }
    .CatalogItemPage #CatalogModule .itemContent { padding: 20px 20px 10px; }
    .CatalogItemPage #CatalogModule .itemContent .item-collections { font-size: 1.6rem; }
    .CatalogItemPage #CatalogModule .itemContent #headline { font-size: 2.2rem; margin-bottom: 10px; }
    .CatalogItemPage #CatalogModule .itemContent #catalogText p, .CatalogItemPage #CatalogModule .itemContent #catalogText ul { font-size: 1.6rem; }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity { margin: 5px 0px 0px; }
    .CatalogItemPage #CatalogModule .itemContent button.item-plus, .CatalogItemPage #CatalogModule .itemContent button.item-minus, .CatalogItemPage #CatalogModule .itemContent .itemQuantityContainer { width: 26px; margin: 0; height: 26px; }
    .CatalogItemPage #CatalogModule .itemContent button.item-plus svg, .CatalogItemPage #CatalogModule .itemContent button.item-minus svg { width: 14px; height: 14px; }
    .CatalogItemPage #CatalogModule .itemContent .itemQuantityContainer input[type="number"] { font-size: 2.2rem !important; }
    .CatalogItemPage #CatalogModule .itemContent .item-price span.finalPrice { font-size: 2rem; }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-actions button#addToCartBtn { width: 136px; height: 40px; }
    .CatalogItemPage #CatalogModule .sectionProductInfo { flex-direction: column-reverse; align-items: center; }
    .CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields { background: #fff; padding: 0 20px; }
    .CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields .faq-headline { font-size: 2rem; }
    .CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields .faq-item { margin: 5px 0 !important; }
    .CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields .faq-body > div p, .CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields .faq-body > div li { font-size: 1.6rem; line-height: 1.38; }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper { margin-top: 30px; }
    .CatalogItemPage .relatedItems .catalogItemBox { margin-top: 20px; }
    .CatalogItemPage #CatalogModule .relatedItemsCarousel .item-text { margin-top: 10px; min-height: 60px; }
    .CatalogItemPage #CatalogModule .relatedItemsCarousel .item-text-top h3.itemTitle { font-size: 1.8rem; }
    .catalogItemBox span.finalPrice, #CatalogModule .catalogItemBox span.finalPrice { font-size: 1.8rem; }
    .CatalogItemPage #CatalogModule .relatedItemsCarousel .item-add-to-cart button#addToCartBtn { width: 136px; height: 40px; }
}
