﻿/* Primor */

:root { --yellow: #f2b909; --red: #ed1c24; --black: #121212; --green: #428114; --bold: 'ploni-bold-aaa'; --reg: "ploni-regular-aaa"; }

/* Loader */
.preloader { position: fixed; width: 100vw; overflow: hidden; height: 100%; top: 0; left: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; }
.page-loaded .preloader { pointer-events: none; z-index: 0; }
.preloader > div { position: absolute; top: 0; left: 0; z-index: -1; background: var(--yellow); width: 100%; overflow: hidden; height: 100%; transition: 2.1s all cubic-bezier(0.2,0.2,0,1); display: flex; align-items: center; justify-content: center; flex-direction: column; }
.page-loaded .preloader > div { transform: translateY(-100%); }
.preloader .barImg { width: 100%; max-width: 300px; position: absolute; left: 50%; top: calc(50% - 120px); transform: translate(-50%,-50%); }
.preloader .percentage { background: transparent; text-align: center; transition: 0.2s all; font-size: 140%; color: var(--green); margin-bottom: 10px; }
.loader-progress { background-color: var(--green); max-width: 300px; width: 80%; border-radius: 40px; transition: 0.2s opacity; position: relative; }
#loader-progress-bar { height: 8px; border-radius: 40px; background-color: #fff; margin-left: auto; margin-right: 0; }
.page-loaded .preloader .loader-progress { opacity: 0; }

/* General */
body { line-height: 1; font-size: 20px; font-family: var(--reg); background: #fef5e5; }
body.home-page { opacity: 0; }
body.ready, body.home-page.ready { opacity: 1; background: #fff; overflow-x: hidden; }
body.overflowHidden { overflow: hidden; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: var(--bold); font-size: 400%; position: relative; display: inline-block; max-width: 100%; width: 100%; z-index: 1; }
p, .grid-rows .grid-row-text p { font-size: 95%; color: #000; line-height: 1.1; position: relative; }
#SiteGrid { overflow: hidden; }
.home-page #allSectionsWrapper { z-index: 40; margin-top: -90px; background-color: transparent; }
#SiteFooter .site-credit.alternative { padding: 10px 0; }
.grid-rows .grid-row { background: inherit; }
.FormResultPage #pageview { padding: 60px 0; }
a.FormResultPageButton { text-decoration: underline; }
.accessabilityMainPage #pageview { margin: 50px auto 100px; max-width: 900px; width: calc(100% - 40px); }
.accessabilityMainPage #pageview #headline { max-width: 90%; margin: auto; }
.accessabilityMainPage #pageview h2 { font-size: 160%; }
.accessabilityMainPage #pageview p { line-height: 1.2; }
.container-fluid { padding: 0; }
#SiteGridContainer { opacity: 0; transition: 1s all; }
#SiteGridContainer.shown { opacity: 1; }
#text1, #text2 { max-width: 100%; }
.sections .section { margin-bottom: 0; background: transparent; padding: 0; width: 100%; }
.grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; }
.grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container, .grid-short-box-image .image-container { position: relative; }
a.AccessabilityLink { z-index: 1; }
.grid-boxes .grid-box-title h3 a { color: inherit; }
#GridTop.noTopImage { display: none; }
#GridTop, #GridTop.blog { height: 570px; overflow-x: clip; z-index: 1; }
#GridTop::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; pointer-events: none; opacity: 0.15; }
#GridTop .top-caption { top: 55%; font-size: 100%; width: 90%; text-shadow: 0 0 20px rgb(0 0 0 / 50%); text-align: center; }
#GridTop .top-caption h1 { font-size: 500%; color: #fff; }
#GridTop::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 40px; pointer-events: none; background-size: cover; background-repeat-y: no-repeat; background-position: center top; background-image: url(/warehouse/dynamic/352599.svg); }
.element-left { position: absolute; left: -160px; bottom: -90px; height: 265px; width: 310px; pointer-events: none; background-image: url(/warehouse/dynamic/352606.svg); background-repeat: no-repeat; background-position: center; z-index: 1; }
.element-right { position: absolute; bottom: -60px; right: -135px; height: 235px; width: 270px; pointer-events: none; background-image: url(/warehouse/dynamic/352607.svg); background-repeat: no-repeat; background-position: center; z-index: 1; }
.element-top-right { position: absolute; pointer-events: none; bottom: unset; top: -150px; background-image: url(/warehouse/dynamic/353150.png); background-size: 100%; right: -180px; height: 300px; width: 350px; background-repeat: no-repeat; background-position: center; z-index: 1; }
#GridPage .max-width, .blog-grid #GridPage .max-width { max-width: unset; margin: 0 auto; width: 100%; padding: 0; }
a.AccessabilityLink:hover { color: #fff; }
#GridPage { padding: 0; }
#SiteFooter .site-credit.alternative svg path.st0 { fill: #fff; }
p.creditWrapper svg { fill: #fff; }
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
#GridTop.noTopImage.longer { height: 89px; }
a.sec-button, .grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button { transition: 0.3s all, 1s opacity 1s; font-size: 95%; background: transparent; background-image: url(/warehouse/dynamic/352098.svg); background-size: cover; background-repeat: no-repeat; color: var(--black); font-family: var(--bold); padding: 0; margin-top: 20px; height: 51px; width: 202px; position: relative; display: inline-flex; align-items: center; letter-spacing: 0.95px; justify-content: center; border: none; opacity: 0; }
a.sec-button:hover, a.sec-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus
.grid-text .sec-button:hover, .grid-text .sec-button:focus { background: transparent; background-image: url(/warehouse/dynamic/352097.svg); color: #fff; }

@media(max-width: 1024px) {
    .home-page #allSectionsWrapper { margin-top: -60px; }
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 200%; }
    #GridTop.noTopImage.longer { height: 70px; }
    #GridTop, #GridTop.blog { height: 340px; }
    #GridTop .top-caption h1 { font-size: 225%; padding: 10px 0; }
    #GridTop::after { bottom: -15px; }
    .element-left { left: -80px; bottom: -40px; height: 130px; width: 170px; background-size: 100%; }
    .element-right { right: -75px; bottom: -40px; height: 140px; width: 180px; background-size: 100%; }
    .element-top-right { top: -70px; background-image: url(/warehouse/dynamic/353150.png); background-size: 100%; right: -85px; height: 140px; width: 170px; }
    a.sec-button, .grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button { height: 43px; width: 150px; background-size: 100%; background-position: center; margin-top: 10px; font-size: 85%; margin-right: 0; }
}

@media(max-width: 767px) {
    p, .grid-rows .grid-row-text p { font-size: 75%; }
}

/* Header */
#header, .home-page #header:not(.bg), #header.bg { background: rgb(0 0 0 / 50%); display: flex; align-items: center; padding: 0px 30px 0 0; height: 109px; box-shadow: none; border-bottom: 1px solid rgb(255 255 255 / 50%); transition: 0.7s all; justify-content: space-between; }
.home-page #header.bg { height: 89px; }
#header::before, #header::after { content: ''; position: absolute; left: 175px; top: 0; height: 100%; width: 1px; background: rgb(255 255 255 / 50%); pointer-events: none; }
#header::after { left: unset; right: 160px; }
#header #header-left { padding: 0; z-index: 10; display: flex; justify-content: flex-end; align-items: center; order: 3; }
#header #header-left img { max-width: 170px; transition: 0.7s all; }
.home-page #header.bg #header-left img { max-width: 160px; }
#header #header-right { padding: 0; width: auto; display: flex; align-items: center; order: 1; }
#header #header-right .closed { display: none; }
#header .social-links, #header #header-right .social-links { padding: 0; margin: 0; display: block; z-index: 20; }
#header .menu-nav { background: transparent; padding: 0; position: relative; margin-right: 0; transition: 0.5s all; }
#header .menu-nav .nav-menu-anim { margin-left: 55px; width: 60px; z-index: 200; height: 60px; border: 1px solid #fff; border-radius: 50%; }
#header .menu-nav .nav-menu-anim { display: none; }
#nav-toggle { transition: 0.5s all; }
#nav-toggle span, #nav-toggle-mobile span { transform: translate(-50%,-50%); left: 50%; width: 26px; background: #fff; }
#nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { width: 26px; background: #fff; height: 2px; left: 0; }
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -10px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -10px; }
#header #header-center-kdm a:hover { color: var(--red); }
#header .submenu, #header:not(.menu-open):not(.subopen) .submenu { position: fixed; background: transparent; width: 70%; height: 109px !important; display: flex !important; transition: 0.5s !important; clip: auto !important; margin: 0 !important; padding: 0; z-index: 50; right: unset; left: 50%; top: 0; transform: translateX(-50%); align-items: center; justify-content: center; max-height: unset; pointer-events: none; }
.home-page #header.bg .submenu { height: 89px !important; }
#header.menu-open .submenu, #header.subopen .submenu { transition: 0.5s !important; opacity: 1; }
#header .submenu li { margin: 0 20px; padding: 0; color: #fff; position: relative; transition: 0.3s all; width: auto; pointer-events: none; visibility: visible !important; }
#header.menu-open .submenu li, #header.subopen .submenu li { pointer-events: auto; visibility: visible !important; }
#header.menu-open, #header.subopen { background: rgb(0 0 0 / 50%) !important; }
#header .submenu li:hover { background: transparent; }
#header .submenu > li.active, #header .submenu > li:focus, #header .submenu > li:hover { background: transparent; color: #fff; }
#header .submenu li a { font-size: 95%; width: 100%; transition: 0.3s all; white-space: nowrap; }
#header .submenu li a:hover, #header .submenu li a:focus, #header .submenu li a:hover, #header .submenu li.active a { color: var(--yellow); }
#header .submenu li.social-mobile { display: none !important; }
#header .submenu .social-links a svg { fill: #000; }
#header .menu-nav .open { display: none !important; }
#header #header-center-kdm .address { display: none; }
#header #header-right a.hvr-fade { display: inline-flex; justify-content: center; align-items: center; color: var(--red); font-size: 85%; transition: 0.4s all; }
#header #header-right a.hvr-fade:hover { background: transparent; color: var(--cyan); }
#header .submenu li a:active, #header .submenu li a:focus { text-decoration: none !important; }
#header .submenu > li:first-child { margin: 0 20px; }
#header .submenu li i.opensub { position: absolute; top: 5px; right: 90px; }
#header #header-right .social-links a { margin-left: 2px; }
#header #header-right .social-links a svg { height: 18px; display: inherit; }
#header #header-left .searchMobile .searchBtn svg { transform: scaleX(-1); height: 18px; width: 20px; }
#searchFormHeader .error { display: none !important; }

@media(min-width: 1024px) {
    #header.bg.internalPageBg #header-left img { max-width: 160px; }
    #header.bg #header-left img { max-width: 170px; }
    #header.bg.internalPageBg { height: 89px; }
    #header.bg.internalPageBg .submenu { height: 89px !important; }
    #header #header-left .searchMobile { display: block; margin-left: 35px; }
    header.search-open #searchFormHeaderContainer { display: flex; height: 100%; justify-content: flex-end; align-items: center; }
    header.search-open #header #header-center-kdm, header.search-open #header #header-right, header.search-open #header #header-left { display: flex; }
    .search.desktop { display: flex !important; order: 2; width: auto; flex-grow: 1; z-index: 10; }
    header #searchFormHeaderContainer form#searchFormHeader { bottom: unset !important; width: 220px; margin: 0; }
    header #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { height: 35px !important; border: 1px solid #fff; border-radius: 40px; font-size: 79% !important; padding: 0 10px 0 35px; }
    .searchSubmitWrapper { background-image: url(/warehouse/temp/manovino/search.svg); background-repeat: no-repeat; background-position: center; filter: invert(1); height: 100%; }
    header.search-open .searchSubmitWrapper svg { opacity: 0; padding: 0; left: 50%; transform: translate(-50%,-50%); }
    .searchSubmitWrapper input#searchFormSubmit { height: 100%; }
    header.search-open .searchBtn { right: 30px; z-index: 5; width: 60px; height: 60px; border: 1px solid #fff; border-radius: 30px; display: flex; align-items: center; justify-content: center; display: none; }
    header.search-open #nav-toggle span { opacity: 0; }
    header.search-open #header .menu-nav { pointer-events: none; opacity: 0; }
    #header #header-left .searchMobile .searchBtn svg { transform: scaleX(-1); height: 18px; width: 20px; }
    header.search-open #header #header-left .searchBtn { display: none; }
}

@media(max-width: 1024px) {
    #header, .home-page #header:not(.bg), #header.bg { padding: 10px 15px; height: 70px; }
    #header #header-left img, #header.bg #header-left img { max-width: 117px; }
    #header .submenu, #header:not(.menu-open):not(.subopen) .submenu { width: 100vw; padding: 125px 15px 0 0; background: rgb(0 0 0 / 70%); top: 0; height: 100% !important; transform: unset; left: 0; z-index: 20; flex-direction: column; justify-content: flex-start; opacity: 0; }
    #header .submenu li:not(.social-mobile) a { font-size: 130%; font-family: var(--bold); }
    #header .submenu li { visibility: hidden !important; }
    #header .submenu li, #header .submenu > li:first-child { margin: 15px 0; }
    #header #header-right { margin-left: 0; flex-grow: 1; display: flex; justify-content: space-between; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before,
    #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before,
    #header.menu-open #nav-toggle span::before, #header.menu-open #nav-toggle span::after,
    #header.subopen #nav-toggle span::after, #header.subopen #nav-toggle span::before { width: 18px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -6px; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -6px; }
    #header .submenu .menu-sub { margin-top: 15px; }
    #header .submenu .menu-sub li { padding: 0; margin: 0 0 9px; }
    #header .submenu .menu-sub li a { font-size: 130%; }
    #header .menu-nav .nav-menu-anim { margin-left: 10px; width: 40px; height: 40px; display: block; }
    #header::before, #header::after { display: none; }
    #header #header-center-kdm { display: none; }
    #header #header-left { position: absolute; left: 0; width: 100%; display: flex; justify-content: center; }
    #header #header-right .social-links a svg { width: 16px; }
    #header #header-left .searchMobile { position: absolute; right: 75px; }
    #header #header-left .searchMobile .searchBtn svg { height: 16px; width: 16px; }
    .search.desktop { position: absolute; left: 0; bottom: 0; display: block !important; }
    header #searchFormHeaderContainer form#searchFormHeader { background: rgb(0 0 0 / 50%); bottom: -76px !important; }
    header.search-open #header { background: rgb(0 0 0 / 70%); }
    header #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { height: 35px !important; border: 1px solid #fff; border-radius: 40px; font-size: 79% !important; padding: 0 10px 0 0; }
    .searchSubmitWrapper { background-image: url(/warehouse/temp/manovino/search.svg); background-repeat: no-repeat; background-position: center; filter: invert(1); height: 100%; top: 0; left: 25px; }
    header.search-open .searchSubmitWrapper svg { opacity: 0; padding: 0; left: 50%; transform: translate(-50%,-50%); }
}

/* Home Gallery */
#home-gallery { overflow: initial; }
#home-gallery .opacity-layer { opacity: 0.2 !important; background: unset; background-image: linear-gradient(to right, rgba(0, 120, 58, 0) 0%, #111413 90%); }
#player-controls { bottom: 80px; right: 135px !important; }
#player-controls > span { display: none; }
#player-controls #mute-player, #player-controls #unmute-player { display: none !important; }
#player-controls button { margin: 0; padding: 0; }
#home-gallery .gallery-caption { z-index: 6; width: 100%; transform: translate(-50%,-50%); top: 50%; }
#home-gallery .gallery-caption .gallery-text { font-size: 100%; text-align: right; white-space: unset; max-width: 470px; margin-right: 135px; margin-left: auto; }
#home-gallery .gallery-caption .gallery-text .text-wrapper > div { transition: 2s all; transform: translateY(160%); font-size: 400%; color: #fff; font-family: var(--bold); }
#home-gallery .gallery-caption .gallery-text .text-wrapper > div > span { font-size: 125%; line-height: 0.7; }
#home-gallery .gallery-caption .gallery-text .span-wrapper > span { transition: 2s all; transform: translateY(160%); display: block; font-size: 130%; position: relative; padding-bottom: 20px; line-height: 1.08; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { opacity: 0; transition: 0.3s all, 1s opacity 1s; font-size: 95%; background: transparent; background-image: url(/warehouse/dynamic/352098.svg); background-size: cover; background-repeat: no-repeat; color: var(--black); font-family: var(--bold); padding: 0; height: 51px; width: 202px; margin-right: 0; position: relative; display: flex; align-items: center; letter-spacing: 0.95px; justify-content: center; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover,
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:focus { background: transparent; background-image: url(/warehouse/dynamic/352097.svg); color: #fff; }
#home-gallery .gallery-caption .gallery-text .home-gallery-arrow { position: absolute; right: -10%; transform: translateY(-50%) rotate(180deg); top: 65%; background-image: url(/warehouse/dynamic/351984.svg); width: 65px; height: 260px; background-repeat: no-repeat; background-size: 100%; pointer-events: none; transition: 1s transform 1s, 1s all 1.2s; }
#home-gallery .gallery-caption .gallery-text .home-gallery-arrow.move-left { right: -30px; transform: translateY(-50%) rotate(135deg); }
#SiteContainer .scroll-down { width: auto; left: 20px; bottom: 20px; animation: unset !important; position: fixed; z-index: 600; }
#SiteContainer .scroll-down button { background: transparent; border: none; position: relative; padding: 0; display: flex; width: 100px; height: 100px; align-items: center; justify-content: center; }
#SiteContainer .scroll-down button img { width: 70px; min-width: auto; height: 70px; }
#SiteContainer .scroll-down button .scroll-text { background-image: url(/warehouse/dynamic/352182.svg); content: ""; position: absolute; top: 50%; left: 50%; background-repeat: no-repeat; background-position: center; transform: translate(-50%,-50%); width: 100%; background-size: 100%; height: 100%; pointer-events: none; }

@media(max-width: 1024px) {
    #home-gallery::before { opacity: 0.5; background-image: linear-gradient(179deg, rgba(0, 120, 58, 0) 1%, #111413 100%); content: ''; position: absolute; bottom: 0; height: 60%; left: 0; width: 100%; z-index: 1; }
    #home-gallery .gallery-caption { top: 70%; }
    #home-gallery .gallery-caption .gallery-text { width: calc(100% - 60px); margin: 0 auto; }
    #home-gallery .gallery-caption .gallery-text .text-wrapper > div { font-size: 200%; margin-bottom: 5px; }
    #home-gallery .gallery-caption .gallery-text .text-wrapper > div > span { font-size: 138%; display: block; }
    #home-gallery .gallery-caption .gallery-text .span-wrapper > span { font-size: 85%; max-width: 90%; margin-left: auto; line-height: 1.18; padding-bottom: 10px; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { font-size: 85%; height: 42px; background-size: 100%; width: 150px; background-position: center; }
    #home-gallery .gallery-caption .gallery-text .home-gallery-arrow { right: -100px; width: 38px; height: 150px; top: -175px; transform: rotate(70deg); }
    #home-gallery .gallery-caption .gallery-text .home-gallery-arrow.move-left { right: -30px; transform: rotate(70deg); top: -125px; }
    #SiteContainer .scroll-down { left: 10px; bottom: 10px; }
    #SiteContainer .scroll-down button { width: 80px; height: 80px; }
    #SiteContainer .scroll-down button img { width: 60px; height: 60px; }
    #home-gallery .TopVideo video { height: 150% !important; width: 150% !important; top: -150px; }
    #mobile-player-controls { display: none; }
}

/* Home Products Section */
.section.our-products-sec { max-width: unset; background-image: url(/warehouse/dynamic/355945.png); background-position: center bottom; background-size: cover; height: 58vw; display: flex; flex-direction: column; background-color: transparent; border: none; }
.section.our-products-sec .section-title { margin-bottom: 40px; color: #fff; flex-grow: 1; display: inline-flex; flex-direction: column; justify-content: flex-end; border: none; }
.section.our-products-sec .section-title h2 { font-size: 130%; font-family: var(--reg); }
.section.our-products-sec .grid-boxes { max-width: 1280px; width: 80%; margin: 0 auto 5vw; display: inline-flex; overflow: hidden; }
.section.our-products-sec .grid-boxes .grid-box { margin-right: 0; padding: 0; margin-bottom: 0; }
.section.our-products-sec .grid-boxes .grid-box::after { content: ""; position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); width: 26px; height: 35px; background-image: url(/warehouse/dynamic/352168.svg); background-size: 100%; background-repeat: no-repeat; z-index: 1; pointer-events: none; }
.section.our-products-sec .grid-boxes .grid-box:hover::after { animation: arrow-hover 1s infinite !important; animation-timing-function: ease-in-out !important; }
.section.our-products-sec .grid-boxes .grid-box .grid-box-image { margin-bottom: 0; }
.section.our-products-sec .grid-boxes .grid-box .grid-box-image .box-image-animation { padding-bottom: 20px; outline: none !important; }
.section.our-products-sec .grid-boxes .grid-box .grid-box-image .box-image-animation:hover img { transform: none; }
.section.our-products-sec .grid-boxes .grid-box .grid-box-subtitle.button { font-size: 180%; color: #fff; font-family: var(--bold); text-decoration: underline; letter-spacing: 0.9px; }
.section.our-products-sec .grid-boxes .grid-box:hover .grid-box-subtitle.button a,
.section.our-products-sec .grid-boxes .grid-box .grid-box-subtitle.button a:hover { color: inherit; }
.section.our-products-sec .grid-boxes .grid-box { transition: 0.4s all, opacity 1.8s 0.2s, transform 1.8s 0.2s !important; display: block; opacity: 0 !important; transform: translateY(-100%) !important; }
.section.our-products-sec .grid-boxes .grid-box:nth-child(2) { transition: 0.4s all, opacity 1.8s 0.3s, transform 1.8s 0.4s !important; }
.section.our-products-sec .grid-boxes .grid-box:nth-child(3) { transition: 0.4s all, opacity 1.8s 0.4s, transform 1.8s 0.6s !important; }

@media(max-width: 1024px) {
    .section.our-products-sec { height: 91vh; background-image: url(/warehouse/dynamic/355943.png); }
    .section.our-products-sec .section-title { margin-bottom: 20px; }
    .section.our-products-sec .section-title h2 { font-size: 95%; }
    .section.our-products-sec .grid-boxes { width: 100%; direction: ltr; margin: 0 auto 7vh; }
    .section.our-products-sec .grid-boxes::before, .section.our-products-sec .grid-boxes::after { display: none; }
    .section.our-products-sec .grid-boxes .grid-box .grid-box-image { display: inline-flex; max-width: 250px; }
    .section.our-products-sec .grid-boxes .grid-box .grid-box-subtitle.button { font-size: 130%; }
    .section.our-products-sec .grid-boxes .grid-box .grid-box-image .box-image-animation { padding-bottom: 10px; }
    .section.our-products-sec .grid-boxes .grid-box::after { display: none; }
    .section.our-products-sec .grid-boxes .owl-nav > div:after { transform: rotate(270deg); width: 26px; height: 35px; background-image: url(/warehouse/dynamic/352168.svg); background-size: 100%; background-repeat: no-repeat; }
    .section.our-products-sec .grid-boxes .owl-next { font-size: 0; left: 40px; }
    .section.our-products-sec .grid-boxes .owl-nav > div.owl-next::after { transform: rotate(90deg) scaleX(-1); }
    .section.our-products-sec .grid-boxes .owl-prev { font-size: 0; right: 40px; }
}

/* Home Articles Section */
.articles-section { background-image: url(/warehouse/dynamic/352341.png); background-size: cover; background-repeat: no-repeat; position: relative; height: 58vw; z-index: 10; margin: -20px auto; }
.articles-section .articles-gallery { max-width: 720px; width: 40%; margin: 0 auto; padding-top: 50px; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.articles-section .articles-gallery .item { padding: 0; }
.articles-section .articles-gallery .item .topImg img { width: 100%; }
.articles-section .articles-gallery .item .topImg a { pointer-events: none; }
.articles-section .articles-gallery .item .topImg a .plus-sign { display: none; }
.articles-section .articles-gallery .owl-item { opacity: 1; transform: scale(1.05); transition: 3s ease-in-out all; }
.articles-section .articles-gallery .owl-item.active { opacity: 1; transform: scale(1); transition: 2s ease-in-out all; }
.articles-section .articles-gallery .owl-dots { z-index: 5; bottom: 50px; }
.articles-section .articles-gallery .owl-dots .owl-dot { background: transparent; border: 2px solid var(--green); height: 11px; width: 16px; border-radius: 5px; transition: 0.2s width; }
.articles-section .articles-gallery .owl-dots .owl-dot.active { background: var(--green); width: 28px; }
.articles-section .articles-gallery .owl-stage-outer .slick-dots { position: absolute; padding: 0; display: flex !important; list-style: none; left: 50%; bottom: 20px; transform: translateX(-50%); }
.articles-section .articles-gallery .owl-stage-outer .slick-dots li button { background: transparent; border: 2px solid var(--green); height: 11px; width: 16px; border-radius: 5px; transition: 0.2s width; text-indent: -999999px; }
.articles-section .articles-gallery .owl-stage-outer .slick-dots li.slick-active button { background: var(--green); width: 28px; }
.articles-section .articles-gallery .owl-stage-outer .slick-dots li { margin: 0 4px; }
.articles-section .articles-gallery .owl-stage-outer .control-btn { z-index: 100; color: transparent; width: 12px; height: 15px; background-repeat: no-repeat; position: absolute; bottom: 40px; left: calc(50% + 60px); transform: translateX(-50%); background-size: 100%; background-position: center; cursor: pointer; }
.articles-section .articles-gallery .owl-stage-outer .control-btn.play { background-image: url(/warehouse/dynamic/376961.svg); width: 14px; }
.articles-section .articles-gallery .owl-stage-outer .control-btn.pause { background-image: url(/warehouse/dynamic/376962.svg); }
.articles-section .articles-desktop { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: unset; }
.articles-section .articles-desktop .grid-boxes { height: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; max-width: 1440px; width: 90%; }
.articles-section .articles-desktop .grid-boxes .grid-box { margin-right: 0; width: 50%; display: inline-flex !important; align-items: flex-start; padding: 11vw 0 0; }
.articles-section .articles-desktop .grid-boxes .grid-box:nth-child(odd) { justify-content: flex-start; }
.articles-section .articles-desktop .grid-boxes .grid-box:nth-child(even) { justify-content: flex-end; }
.articles-section .articles-desktop .grid-boxes .grid-box .grid-box-wrapper { display: inline-flex; flex-direction: column; max-width: 350px; text-align: right; position: relative; }
.articles-section .articles-desktop .grid-boxes .grid-box .grid-box-wrapper::after { content: ''; position: absolute; background-image: url(/warehouse/dynamic/352394.svg); background-repeat: no-repeat; background-size: 100%; width: 140px; height: 75px; background-position: center; pointer-events: none; opacity: 0; transition: 1s all 1s; }
.articles-section .articles-desktop .grid-boxes .grid-box:nth-child(1) .grid-box-wrapper::after { left: -110px; top: 120px; }
.articles-section .articles-desktop .grid-boxes .grid-box:nth-child(2) .grid-box-wrapper::after { top: 120px; right: -150px; background-image: url(/warehouse/dynamic/352393.svg); }
.articles-section .articles-desktop .grid-boxes .grid-box:nth-child(3) .grid-box-wrapper::after { left: -120px; background-image: url(/warehouse/dynamic/352392.svg); top: -20px; }
.articles-section .articles-desktop .grid-boxes .grid-box:nth-child(4) .grid-box-wrapper::after { right: -160px; background-image: url(/warehouse/dynamic/352391.svg); top: -20px; }
.articles-section .articles-desktop .grid-boxes .grid-box .grid-box-wrapper .grid-box-image { display: none; }
.articles-section .articles-desktop .grid-boxes .grid-box .grid-box-wrapper .grid-box-title h3 { font-size: 150%; line-height: 0.9; margin-bottom: 5px; }
.articles-section .articles-desktop .grid-boxes .grid-box .grid-box-wrapper .grid-box-title h3 a { font-family: var(--bold); color: var(--black); display: block; opacity: 0; }
.articles-section .articles-desktop .grid-boxes .grid-box .grid-box-wrapper .grid-box-fulltext p { font-size: 89%; line-height: 1.13; }
.articles-section .articles-desktop .grid-boxes .grid-box .grid-box-wrapper .grid-box-subtitle.button { color: var(--black); font-size: 85%; text-decoration: underline; font-family: var(--bold); margin-top: 5px; }
.articles-section .articles-desktop .grid-boxes .grid-box .grid-box-wrapper .grid-box-subtitle.button a { transition: 0.3s all; }
.articles-section .articles-desktop .grid-boxes .grid-box .grid-box-wrapper .grid-box-subtitle.button a:hover { color: var(--red); }
.articles-section .articles-desktop .grid-boxes .grid-box .grid-box-wrapper .grid-box-fulltext { opacity: 0; transition: 1s all 1s; }
.articles-section .articles-desktop .grid-boxes .grid-box .grid-box-wrapper .button { opacity: 0; transition: 1s all 1.2s; }
.articles-section .element-left { bottom: -130px; }
.articles-section .element-right { bottom: -100px; }
.section.articles-mobile { display: none; }

@media(max-width: 1024px) {
    .articles-section { margin: -10px auto; display: none; }
    .section.articles-mobile { direction: ltr; margin: -10px auto; background-image: url(/warehouse/dynamic/354679.png); background-size: cover; background-repeat: no-repeat; position: relative; min-height: 85vh; z-index: 10; display: flex; align-items: center; }
    .section.articles-mobile .owl-stage-outer,
    .section.articles-mobile .owl-stage-outer .owl-stage,
    .section.articles-mobile .owl-item { height: 100%; }
    .section.articles-mobile .owl-item { opacity: 0; transition: 1s ease-in all; }
    .section.articles-mobile .owl-item.active { opacity: 1; transition: 1s ease-in all; }
    .section.articles-mobile .grid-rows::before, .section.articles-mobile .grid-rows::after { display: none; }
    .section.articles-mobile .control-btn { color: transparent; width: 12px; height: 15px; background-repeat: no-repeat; position: absolute; bottom: 5px; left: calc(50% + 60px); transform: translateX(-50%); background-size: 100%; background-position: center; cursor: pointer; z-index: 100; }
    .section.articles-mobile .control-btn.play { background-image: url(/warehouse/dynamic/376961.svg); width: 14px; }
    .section.articles-mobile .control-btn.pause { background-image: url(/warehouse/dynamic/376962.svg); }
    .section.articles-mobile .grid-row { display: flex !important; flex-direction: column-reverse; height: 100%; }
    .section.articles-mobile .grid-row .flexslider-box { max-width: calc(100% - 60px); margin: 0 auto; }
    .section.articles-mobile .grid-row .grid-row-cell-text { display: inline-flex !important; justify-content: center; align-items: center; }
    .section.articles-mobile .grid-row .grid-row-text { text-align: center; padding: 0; margin: 0; width: calc(100% - 60px); }
    .section.articles-mobile .grid-row .grid-row-text h2 { font-size: 140%; }
    .section.articles-mobile .grid-row .grid-row-text a.grid-row-button.hvr-fade { background: transparent; text-decoration: underline; height: unset; width: fit-content; }
    .section.articles-mobile .grid-row .grid-row-text a.grid-row-button.hvr-fade:hover { color: var(--red); }
    .section.articles-mobile .owl-dots { z-index: 5; bottom: 0px; }
    .section.articles-mobile .owl-dots .owl-dot { background: transparent; border: 2px solid var(--green); height: 10px; width: 14px; border-radius: 5px; transition: 0.2s width; margin: 3px; }
    .section.articles-mobile .owl-dots .owl-dot.active { background: var(--green); width: 23px; }
    .section.articles-mobile .arrow { position: absolute; background-image: url(/warehouse/dynamic/352392.svg); background-repeat: no-repeat; background-size: 100%; width: 83px; height: 45px; background-position: center; pointer-events: none; transition: 1s all 1s; opacity: 0; }
    .section.articles-mobile .arrow-left-bottom { right: 20px; bottom: 12%; }
    .section.articles-mobile .arrow-left-top { background-image: url(/warehouse/dynamic/352393.svg); left: 20px; top: 37%; }
    .section.articles-mobile .arrow-right-bottom { background-image: url(/warehouse/dynamic/352391.svg); left: 20px; bottom: 12%; }
    .section.articles-mobile .arrow-right-top { background-image: url(/warehouse/dynamic/352394.svg); right: 20px; top: 37%; }
    .section.articles-mobile .element-left.parallax { bottom: -70px; }
    .section.articles-mobile .element-right.parallax { bottom: -70px; }
}

/* Home 100% Natural Section */
.section.natural-sec { background: #fef5e5; padding: 100px 0; overflow: hidden; }
.section.natural-sec .grid-rows { z-index: 5; position: relative; }
.section.natural-sec .grid-row { max-width: 1160px; margin: 0 auto; direction: ltr !important; display: flex !important; align-items: center; justify-content: space-between; }
.section.natural-sec .grid-row .grid-row-text { width: 100%; }
.section.natural-sec .grid-row .grid-row-text::after { content: ''; position: absolute; right: -250px; top: 10px; background-image: url(/warehouse/dynamic/352475.svg); width: 235px; height: 205px; transform: rotate(45deg); background-position: center; background-repeat: no-repeat; background-size: 100%; pointer-events: none; opacity: 0; transition: 1s transform 1s, 1s all 1.2s; }
.section.natural-sec.shown .grid-row .grid-row-text::after { transform: rotate(0deg); opacity: 1; }
.section.natural-sec .grid-row .flexslider-box { max-width: 580px; }
.section.natural-sec .grid-row .grid-row-cell-text { max-width: 455px; }
.section.natural-sec .grid-row .grid-row-text p { font-size: 89%; line-height: 1.44; }
.section.natural-sec .grid-row .grid-row-text p { opacity: 0; transition: 1s all 0.8s; }
.section.natural-sec .marquee-wrapper { width: 50%; position: absolute; left: 0px; top: 0px; height: 100%; display: flex; flex-direction: column; }
.section.marqueeSec { padding: 0; direction: ltr; background: transparent; transform: rotate(270deg); position: absolute; right: 0; top: 0px; width: 33.33%; pointer-events: none; }
.section.marqueeSec.marquee-middle { transform: rotate(90deg); right: 36.5%; }
.section.marqueeSec.marquee-left { transform: rotate(270deg); right: 72%; }
.section.marqueeSec .js-marquee-wrapper { display: flex; }
.section.marqueeSec .grid-text-content { width: 100%; padding: 0; }
.section.marqueeSec .grid-text-content p { max-width: 100%; margin: 0 20px; padding: 0; position: relative; display: inline-flex; }
.section.marqueeSec .grid-text-content img { display: block; width: 1000px; }

@media(max-width: 1024px) {
    .section.natural-sec { padding: 120px 0 50px; }
    .section.natural-sec .grid-row { display: flex !important; flex-direction: column-reverse; align-items: center; }
    .section.natural-sec .grid-row .grid-row-cell { width: 100%; }
    .section.natural-sec .grid-row .flexslider-box { max-width: 75%; padding-top: 60px; }
    .section.natural-sec .grid-row .grid-row-text { padding: 0; width: calc(100% - 60px); margin: 0; }
    .section.natural-sec .grid-row .grid-row-text h2 { margin: 0; }
    .section.natural-sec .grid-row .grid-row-text p { font-size: 75%; line-height: 1.6; }
    .section.natural-sec .marquee-wrapper { width: 100%; }
    .section.marqueeSec { left: 0px; right: unset; bottom: 34%; top: unset; width: 100%; transform: none; }
    .section.marqueeSec .grid-text-content p { max-width: 100%; margin: 0 10px 0; padding: 0; position: relative; display: inline-flex; }
    .section.marqueeSec .grid-text-content img { width: 460px; width: 110vw; }
    .section.marqueeSec.marquee-middle { bottom: 16%; transform: none; right: unset; transform: scale(-1); }
    .section.marqueeSec.marquee-left { bottom: -3%; transform: none; right: unset; }
}

/* Home Recipes Section */
.section.our-recipes-sec { margin: -20px auto; z-index: 10; }
.section.our-recipes-sec .grid-text-content { transform: translate(-50%,-50%) !important; padding: 0; top: 30%; }
.section.our-recipes-sec .grid-text-content .sec-button { color: #fff; background-image: url(/warehouse/dynamic/352474.svg); margin-top: 10px; }
.section.our-recipes-sec .grid-text-content .sec-button:hover { color: #000; background-image: url(/warehouse/dynamic/352098.svg); }
.section.our-recipes-sec .element-left { background-image: url(/warehouse/dynamic/353151.png); background-size: 100%; height: 420px; width: 500px; bottom: -180px; left: -235px; }
.section.our-recipes-sec .element-right { background-image: url(/warehouse/dynamic/353152.png); background-size: 100%; right: -330px; height: 440px; width: 580px; bottom: -200px; }
.section.our-recipes-sec .moving-orange { position: absolute; left: 32%; top: -400px; background-image: url(/warehouse/dynamic/353149.png); background-size: 100%; background-position: center; height: 290px; width: 370px; }

@media(max-width: 1024px) {
    .section.our-recipes-sec { margin: -10px auto; }
    .section.our-recipes-sec .grid-text-content { top: 25%; }
    .section.our-recipes-sec .element-left { height: 160px; width: 190px; bottom: -75px; left: -75px; }
    .section.our-recipes-sec .element-right { right: -125px; height: 200px; width: 240px; bottom: -100px; }
    .section.our-recipes-sec .moving-orange { left: 45%; top: -180px; height: 140px; width: 170px; }
}

/* Home Instagram Section */
.section.instagram-sec { background: #fef5e5; padding: 135px 0 75px; }
.section.instagram-sec .section-title { max-width: 600px; margin: 0 auto 20px; }
.section.instagram-sec .section-title h2 { line-height: 0.8; }
.section.instagram-sec .gallery-container { max-width: 960px; margin: 0 auto; z-index: 1; position: relative; width: 100%; }
.section.instagram-sec .gallery-container .gallery-cubes { display: flex; flex-wrap: wrap; justify-content: center; }
.section.instagram-sec .gallery-container .gallery-cubes::before, .section.instagram-sec .gallery-container .gallery-cubes::after { display: none; }
.section.instagram-sec .gallery-container .gallery-cubes > div { width: 30%; margin: 15px; pointer-events: none; }
.section.instagram-sec .gallery-container .gallery-cubes > div::after { content: ''; position: absolute; left: -6px; top: -7px; right: -6px; bottom: -6px; background-size: 100%; background-image: url(/warehouse/dynamic/352588.svg); pointer-events: none; z-index: 1; }
.section.instagram-sec .content-section-Btn { z-index: 1; position: relative; }
.section.instagram-sec .content-section-Btn .sec-button { margin-top: 35px; }
.section.social-marquee-sec { padding: 0; direction: ltr; background: transparent; position: absolute; left: 0px; top: 50px; pointer-events: none; }
.section.social-marquee-sec .js-marquee-wrapper { display: flex; }
.section.social-marquee-sec .grid-text-content { width: 100%; padding: 0; }
.section.social-marquee-sec .grid-text-content p { max-width: 100%; margin: 0 20px; padding: 0; position: relative; display: inline-flex; }
.section.social-marquee-sec .grid-text-content img { display: block; width: 1000px; }
.section.social-marquee-sec.social-2 { top: 350px; }
.section.social-marquee-sec.social-3 { top: 650px; }
.section.social-marquee-sec.social-4 { top: 950px; }

@media(max-width: 1024px) {
    .section.instagram-sec { padding: 80px 0 90px; }
    .section.instagram-sec .section-title { margin: 0 auto 10px; max-width: 85%; }
    .section.instagram-sec .gallery-container .gallery-cubes { padding: 0 20px; }
    .section.instagram-sec .gallery-container .gallery-cubes > div { width: 30%; margin: 5px; }
    .section.instagram-sec .gallery-container .gallery-cubes > div::after { left: -2px; top: -2px; right: -2px; bottom: -2px; background-size: contain; }
    .section.instagram-sec .content-section-Btn .sec-button { margin-top: 25px; }
    .section.social-marquee-sec { top: 0; }
    .section.social-marquee-sec .grid-text-content img { width: 500px; }
    .section.social-marquee-sec .grid-text-content p { margin: 0 10px; }
    .section.social-marquee-sec.social-2 { top: 150px; }
    .section.social-marquee-sec.social-3 { top: 300px; }
    .section.social-marquee-sec.social-4 { top: 450px; }
}

/* Q&A Page */
.qa-page #faqview { margin: 60px auto 135px; max-width: 900px; }
.qa-page #faqview .faq-item { margin: 0 !important; border-radius: 0; border: none !important; border-bottom: 2px solid var(--yellow) !important; background: transparent; }
.qa-page #faqview .faq-item:first-child { border-top: 2px solid var(--yellow) !important; }
.qa-page #faqview .faq-item .faq-headline { background: transparent; font-size: 105%; font-family: var(--bold); padding: 23px 35px; transition: 0.2s all; }
.qa-page #faqview .faq-item .faq-headline::after, .qa-page #faqview .faq-item .faq-headline::before { content: ''; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(90deg); width: 4px; height: 16px; background: var(--green); transition: 0.3s all; }
.qa-page #faqview .faq-item .faq-headline.collapsed::before { transform: translateY(-8px) rotate(0deg); }
.qa-page #faqview .faq-item .faq-body { background: transparent; }
.qa-page #faqview .faq-item .faq-body > div { padding: 20px 35px 25px; max-width: 840px; }
.qa-page #faqview .faq-item .faq-body > div p { font-size: 89%; line-height: 1.3; }
.qa-page #faqview .faq-item .faq-headline i { display: none; }
.qa-page #faqview .faq-item .faq-headline.open { background: var(--yellow); }

@media (max-width: 1024px) {
    .qa-page #faqview { padding: 0 15px; margin: 50px auto 150px; }
    .qa-page #faqview .faq-item .faq-headline { font-size: 85%; padding: 26px 30px; }
    .qa-page #faqview .faq-item .faq-headline::after, .qa-page #faqview .faq-item .faq-headline::before { right: 10px; }
    .qa-page #faqview .faq-item .faq-body > div p { font-size: 75%; }
    .qa-page #faqview .faq-item .faq-body > div { padding: 15px 30px; }
}

/* Good To Know Page */
.goodtoknow-page #GridTop .element-left { background-image: url(/warehouse/dynamic/352638.png); background-size: 100%; left: -110px; bottom: -50px; height: 180px; width: 290px; }
.goodtoknow-page #GridTop .element-right { bottom: -80px; right: -120px; height: 220px; width: 320px; background-size: 100%; background-image: url(/warehouse/dynamic/352639.png); }
.goodtoknow-page #BlogMain { margin: 60px auto 135px; max-width: 900px; }
.goodtoknow-page #BlogMain .blog-posts { column-count: unset; }
.goodtoknow-page #BlogMain .blog-posts .blog-post { display: flex; padding: 50px 0; border-bottom: 2px solid var(--yellow) !important; align-items: center; opacity: 0; transform: translateY(60px); }
.goodtoknow-page #BlogMain .blog-posts .blog-post:nth-child(1) { border-top: 2px solid var(--yellow) !important; }
.goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-image { position: relative; max-width: 220px; -webkit-mask-image: -webkit-radial-gradient(white, black); border-radius: 50%; margin-left: 30px; }
.goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-image::after { content: ''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; background-size: 100%; background-image: url(/warehouse/dynamic/352640.svg); pointer-events: none; z-index: 1; }
.goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-image img { -webkit-mask-image: -webkit-radial-gradient(white, black); border-radius: 50%; height: 220px; width: 220px; object-fit: cover; transition: 0.6s all; }
.goodtoknow-page #BlogMain .blog-posts .blog-post:hover .blog-post-image img { transform: scale(1.1); }
.goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-title { padding: 0 0 10px; margin-bottom: 15px; font-size: 170%; line-height: 1; }
.goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-title::after { content: ''; position: absolute; right: 0; bottom: 0; width: 100px; height: 4px; background: var(--yellow); transition: 0.5s all; }
.goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-title a:hover, .goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-title a:focus { text-decoration: unset; }
.goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-text { padding-bottom: 0; border: none; margin-bottom: 10px; font-size: 105%; line-height: 1.22; max-width: 80%; }
.goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-button a { font-size: 85%; font-family: var(--bold); color: var(--black); text-decoration: underline; transition: 0.3s all; }
.goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-button a:hover,
.goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-button a:focus, .goodtoknow-page #BlogMain .blog-posts .blog-post:hover .blog-post-content .blog-post-button a { color: var(--red); }
.goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-icons { display: none; }

@media (max-width: 1024px) {
    .goodtoknow-page #GridTop .element-left { left: -90px; bottom: -60px; height: 160px; width: 200px; }
    .goodtoknow-page #GridTop .element-right { right: -80px; bottom: -60px; height: 140px; width: 200px; }
    .goodtoknow-page #BlogMain { padding: 0 15px; margin: 60px auto 0; }
    .goodtoknow-page #BlogMain .blog-posts .blog-post { display: flex; flex-direction: column; align-items: center; padding: 25px 0; text-align: center; }
    .goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-image { max-width: 110px; margin-left: 0; margin-bottom: 20px; }
    .goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-image img { height: 110px; width: 110px; }
    .goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-title { font-size: 130%; }
    .goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-title::after { right: unset; left: 50%; transform: translateX(-50%); bottom: -5px; }
    .goodtoknow-page #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-text { font-size: 75%; margin: 0 auto; }
}

/* Regulations Page */
.regulations-page #pageview { margin: 50px auto 200px; max-width: 900px; width: calc(100% - 40px); }
.regulations-page #pageview #text1, .regulations-page #pageview #text2 { text-align: right; }
.regulations-page #pageview #text1 h3, .regulations-page #pageview #text2 h3 { font-family: var(--bold); font-size: 160%; }
.regulations-page #pageview #text1 ol, .regulations-page #pageview #text2 ol { padding-right: 20px; }
.regulations-page #pageview #text1 li, .regulations-page #pageview #text2 li,
.regulations-page #pageview #text1 p, .regulations-page #pageview #text2 p { font-size: 92% !important; line-height: 1.2; }

/* Recipes Page */
.blog-page #GridTop::before { display: none; }
.recipes-page #GridTop .element-right { background-image: url(/warehouse/dynamic/353007.png); bottom: -60px; right: -170px; height: 265px; width: 360px; background-size: 100%; }
.recipes-page #GridTop .element-left { background-image: url(/warehouse/dynamic/351225.png); height: 225px; width: 360px; left: -170px; background-size: 100%; bottom: -60px; }
.blog-page:not(.contentInnerPage) #GridContent { max-width: 940px; margin: 0 auto 100px; float: unset; }
.recipes-page .blog-tags { padding: 30px 0 60px; }
.recipes-page .blog-tags ul li { margin: 0 15px; position: relative; }
.recipes-page .blog-tags ul li a { white-space: nowrap; color: var(--black) !important; font-family: var(--bold); font-size: 120%; text-decoration: unset !important; }
.recipes-page .blog-tags ul li::after { content: ''; position: absolute; bottom: -5px; width: 0; height: 3px; background: var(--green); right: 0; pointer-events: none; transition: 0.6s all; }
.recipes-page .blog-tags ul li:hover::after, .recipes-page .blog-tags ul li.active::after { width: 100%; }
.recipes-page .blog-posts .blog-post { margin-bottom: 55px; padding: 0 28px 0; opacity: 0; transform: translateY(60px); }
.recipes-page .blog-posts .blog-post::after { content: ''; position: absolute; right: 30px; bottom: -5px; width: 45px; height: 47px; z-index: 1; background-image: url(/warehouse/dynamic/355958.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; transform: rotate(-80deg); transition: 0.8s all; opacity: 0; }
.recipes-page .blog-posts .blog-post:hover::after { transform: rotate(0deg); opacity: 1; }
.recipes-page .blog-posts .blog-post .blog-post-image { position: relative; overflow: hidden; }
.recipes-page .blog-posts .blog-post .blog-post-image img { transition: 0.8s all; }
.recipes-page .blog-posts .blog-post .blog-post-image:hover img { transform: scale(1.1); }
.recipes-page .blog-posts .blog-post .blog-post-image a:focus { outline: none !important; }
.blog-page .left-cut { content: ''; position: absolute; left: -3px; top: 0; width: 10px; height: 100%; background-repeat: no-repeat; background-size: cover; background-image: url(/warehouse/dynamic/352802.svg); pointer-events: none; z-index: 1; }
.blog-page .right-cut { content: ''; position: absolute; right: -3px; top: 0; width: 10px; height: 100%; background-repeat: no-repeat; background-size: cover; background-image: url(/warehouse/dynamic/352803.svg); pointer-events: none; z-index: 1; }
.blog-page .bottom-cut { content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 10px; background-repeat: no-repeat; background-size: cover; background-image: url(/warehouse/dynamic/352801.svg); pointer-events: none; z-index: 1; }
.blog-page .top-cut { content: ''; position: absolute; left: 0; top: -5px; width: 100%; height: 10px; background-repeat: no-repeat; background-size: cover; background-image: url(/warehouse/dynamic/352804.svg); pointer-events: none; z-index: 1; }
.recipes-page .blog-posts .blog-post .blog-post-title { font-size: 105%; padding: 5px 0px 0; transition: 0.8s all; }
.recipes-page .blog-posts .blog-post .blog-post-title a { transition: 0.3s all; text-decoration: unset !important; }
.recipes-page .blog-posts .blog-post:hover .blog-post-title { padding-right: 50px; }
.recipes-page .blog-posts .blog-post .blog-post-text, .recipes-page .blog-posts .blog-post .blog-post-icons { display: none; }
nav.text-center ul.pagination { margin: 60px 0 20px; }
nav.text-center .pagination li a { padding: 0; color: var(--black); border: 1px solid var(--yellow); text-align: center; width: 37px; height: 37px; transition: 0.3s all; margin: 0 5px; font-size: 80%; line-height: 2.3; }
nav.text-center .pagination li.active a, nav.text-center .pagination li a:hover { background: var(--yellow); border: 1px solid var(--yellow); }

@media (max-width: 1024px) {
    .recipes-page .blog-tags { padding: 15px 0 0px; }
    .recipes-page .blog-tags .blog-tags-list { position: relative; }
    .recipes-page .blog-tags .blog-tags-list::before { content: ""; position: absolute; top: 0px; z-index: 20; width: 70px; height: 50px; background-image: linear-gradient(270deg,rgb(254 245 229 / 10%) 0,#fef5e5 100%); left: 0; pointer-events: none; }
    .recipes-page .blog-tags .blog-tags-list ul { display: flex; position: relative; overflow-x: scroll; overflow-y: hidden; justify-content: normal; width: 100%; padding: 0px 5px 50px 30px; }
    .recipes-page #GridTop .element-left, .recipes-page #GridTop .element-right { display: none; }
    .recipes-page .blog-tags ul li a { font-size: 95%; }
    .recipes-page .blog-tags ul li { margin: 0 10px; }
    .recipes-page .blog-tags ul li::after { bottom: -10px; height: 2px; }
    .recipes-page .blog-posts { column-count: 1; }
    .recipes-page .blog-posts .blog-post .blog-post-title { font-size: 95%; padding: 10px 0 0; }
    .recipes-page .blog-posts .blog-post { margin-bottom: 45px; }
    nav.text-center ul.pagination { margin: 0; }
}

/* Recipes Inner Page */
.blog-page.contentInnerPage { position: relative; }
.blog-page.contentInnerPage .bg-wood { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 525px; background-image: url(/warehouse/dynamic/352790.jpg); background-size: 100%; pointer-events: none; }
.blog-page.contentInnerPage .bg-wood::after { content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 40px; background-image: url(/warehouse/dynamic/352599.svg); background-size: cover; pointer-events: none; }
.blog-page.contentInnerPage .blog-view #GridTop.blog { max-width: 855px; background-size: cover; margin: 0px auto 50px; transform: translateY(0px); height: 500px; }
.blog-page.contentInnerPage #GridTop .element-right, .blog-page.contentInnerPage #GridTop .element-left { display: none; }
.blog-page.contentInnerPage #GridTop::after { display: none; }
.blog-page.contentInnerPage #GridTop .left-cut { left: -5px; width: 15px; }
.blog-page.contentInnerPage #GridTop .right-cut { right: -5px; width: 15px; }
.blog-page.contentInnerPage #GridTop .top-cut { height: 15px; }
.blog-page.contentInnerPage #GridTop .bottom-cut { height: 15px; }
.blog-page.contentInnerPage .blog-view { padding: 180px 0 0; }
.blog-page.contentInnerPage .blog-view #headline { font-size: 330%; max-width: 850px; margin: 0 auto; }
.blog-page.contentInnerPage #BlogView .blog-view > h2 { font-size: 110%; color: var(--black); max-width: 775px; white-space: unset; margin: 0 auto; text-align: center; font-family: inherit; display: block; }
.blog-page.contentInnerPage .blog-view .blog-post-icons { display: none; }
.blog-page.contentInnerPage #BlogView .blog-view .share-strip { margin: 20px auto 50px; max-width: 1000px; float: none; display: flex; justify-content: center; }
.blog-page.contentInnerPage #BlogView .blog-view .share-strip::before, .blog-page.contentInnerPage #BlogView .blog-view .share-strip::after, .blog-page.contentInnerPage #BlogView .blog-view .share-strip > span { display: none; }
.blog-page.contentInnerPage #BlogView .blog-view .share-strip > a { margin: 0 10px; border: none; }
.blog-page.contentInnerPage #BlogView .blog-view .share-strip > a i { padding: 0 7px; position: relative; }
.blog-page.contentInnerPage #BlogView .blog-view .share-strip > a i::after { background-image: url(/warehouse/dynamic/378362.svg); position: absolute; content: ''; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 36px; height: 36px; border-radius: 100px; background-repeat: no-repeat; background-position: center; z-index: 10; pointer-events: none; }
.blog-page.contentInnerPage #BlogView .blog-view .share-strip > a i.fa-twitter::after { background-image: url(/warehouse/dynamic/378364.svg); }
.blog-page.contentInnerPage #BlogView .blog-view .share-strip > a i.fa-whatsapp::after { background-image: url(/warehouse/dynamic/378365.svg); }
.blog-page.contentInnerPage #BlogView .blog-view .share-strip > a.fbShare { order: 2; }
.blog-page.contentInnerPage #BlogView .blog-view .share-strip > a.twitterShare { order: 3; }
.blog-page.contentInnerPage #BlogView .blog-view .share-strip > a.whatsappShare { order: 1; }
.blog-page.contentInnerPage #BlogView #text1, .blog-page.contentInnerPage #BlogView #text2 { max-width: 855px; margin: 0 auto; }
.blog-page.contentInnerPage #text1 h3, .blog-page.contentInnerPage #text2 h3 { font-family: var(--bold); font-size: 160%; margin: 0; }
.blog-page.contentInnerPage #text1 h4, .blog-page.contentInnerPage #text2 h4 { font-family: var(--bold); font-size: 125%; margin-top: 40px; }
.blog-page.contentInnerPage #text1 h5, .blog-page.contentInnerPage #text2 h5 { font-size: 105%; margin: 20px 0 0; font-family: var(--bold); }
.blog-page.contentInnerPage #text1 p, .blog-page.contentInnerPage #text2 p { font-size: 92%; line-height: 1.24; }
.blog-page.contentInnerPage #text1 p img, .blog-page.contentInnerPage #text2 p img { margin: 30px 0; }
.blog-page.contentInnerPage #BlogView #text1 ul, .blog-page.contentInnerPage #BlogView #text2 ul { padding-right: 20px; list-style: none; margin-top: 10px; }
.blog-page.contentInnerPage #BlogView #text1 ol, .blog-page.contentInnerPage #BlogView #text2 ol { padding-right: 20px; }
.blog-page.contentInnerPage #BlogView #text1 li, .blog-page.contentInnerPage #BlogView #text2 li { font-size: 92%; position: relative; }
.blog-page.contentInnerPage #BlogView #text1 ul li::after, .blog-page.contentInnerPage #BlogView #text2 ul li::after { content: ''; position: absolute; right: -15px; top: 12px; transform: translateY(-50%); background: var(--green); width: 6px; height: 6px; border-radius: 50%; }
.blog-page.contentInnerPage #BlogView #text2 ol li::marker { color: var(--green); font-family: var(--bold); }
.blog-page.contentInnerPage .blog-related-posts { background: #f5ecdd; margin: 20px 0 0; padding: 100px 0; position: relative; }
.blog-page.contentInnerPage .blog-related-posts::before { content: ''; position: absolute; left: 0; top: 0px; width: 100%; height: 40px; background-image: url(/warehouse/dynamic/352598.svg); background-size: cover; background-position: center bottom; pointer-events: none; display: block; }
.blog-page.contentInnerPage .blog-related-posts .share-strip { display: none; }
.blog-page.contentInnerPage #BlogView .blog-related-posts .text-wrapper h2 { color: var(--black); font-size: 250%; text-align: center; margin: 0; }
.blog-page.contentInnerPage .blog-related-posts .related-posts-boxes { float: unset; max-width: 1260px; margin: 0 auto; display: flex; flex-wrap: wrap; width: 100%; justify-content: center; }
.blog-page.contentInnerPage .blog-related-posts .related-posts-boxes > div { padding: 14px 20px 30px; width: 30%; margin: 40px 0 0; display: block !important; }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post { background: #f5ecdd; position: relative; }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post .blog-related-post-image { position: relative; overflow: hidden; }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post .blog-related-post-image .left-cut { background-image: url(/warehouse/dynamic/352915.svg); }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post .blog-related-post-image .right-cut { background-image: url(/warehouse/dynamic/352916.svg); }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post .blog-related-post-image .top-cut { background-image: url(/warehouse/dynamic/352917.svg); }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post .blog-related-post-image .bottom-cut { background-image: url(/warehouse/dynamic/352914.svg); }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post .blog-related-post-image img { transition: 0.8s all; max-height: 225px; height: 225px; object-fit: cover; }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post:hover .blog-related-post-image img { transform: scale(1.1); }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post .blog-related-post-title { font-family: var(--bold); text-align: right; padding: 5px 0 0; font-size: 105%; max-width: 90%; transition: 0.8s all; }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post:hover .blog-related-post-title { padding-right: 50px; }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post .blog-related-post-title a { transition: 0.3s all; color: inherit; }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post:hover .blog-related-post-title a { color: var(--red); }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post::after { content: ''; position: absolute; right: 0; top: 210px; width: 45px; height: 47px; z-index: 1; background-image: url(/warehouse/dynamic/355958.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; transform: rotate(-80deg); transition: 0.8s all; opacity: 0; }
.blog-page.contentInnerPage .blog-related-posts .blog-related-post:hover::after { transform: rotate(0deg); opacity: 1; }

@media (max-width: 1024px) {
    .blog-page.contentInnerPage .bg-wood { height: 360px; }
    .blog-page.contentInnerPage .blog-view { padding: 100px 15px 0; }
    .blog-page.contentInnerPage .blog-view #headline { font-size: 150%; }
    .blog-page.contentInnerPage .blog-view #headline h1 { max-width: 330px; line-height: 0.9; }
    .blog-page.contentInnerPage #BlogView .blog-view > h2 { font-size: 85%; margin-top: 10px; }
    .blog-page.contentInnerPage #BlogView .blog-view .share-strip { margin: 30px auto 40px; }
    .blog-page.contentInnerPage #BlogView .blog-view .share-strip > a { transform: scale(0.85); margin: 0 6px; }
    .blog-page.contentInnerPage .blog-view #GridTop.blog { height: 202px; margin: 0 auto 20px; }
    .goodtoknow-page.blog-page.contentInnerPage #BlogView .blog-view .share-strip { margin: 30px auto; }
    .blog-page.contentInnerPage #GridTop .left-cut { left: -3px; width: 10px; }
    .blog-page.contentInnerPage #GridTop .right-cut { right: -2px; width: 10px; }
    .blog-page.contentInnerPage #GridTop .top-cut { height: 10px; }
    .blog-page.contentInnerPage #GridTop .bottom-cut { height: 10px; }
    .blog-page.contentInnerPage #text1 h3, .blog-page.contentInnerPage #text2 h3 { font-size: 130%; }
    .blog-page.contentInnerPage #text1 h4, .blog-page.contentInnerPage #text2 h4 { font-size: 115%; }
    .blog-page.contentInnerPage #text1 p, .blog-page.contentInnerPage #text2 p { font-size: 75%; line-height: 1.4; }
    .blog-page.contentInnerPage #text2 { padding: 0 15px; }
    .blog-page.contentInnerPage #BlogView .blog-related-posts .text-wrapper { text-align: center; }
    .blog-page.contentInnerPage #BlogView .blog-related-posts::before { height: 30px; }
    .blog-page.contentInnerPage #BlogView .blog-related-posts { padding: 60px 0; margin: 0; }
    .blog-page.contentInnerPage #BlogView .blog-related-posts .text-wrapper h2 { font-size: 130%; max-width: 215px; padding: 0; float: unset; }
    .blog-page.contentInnerPage #BlogView .blog-related-posts .related-posts-boxes { position: relative; overflow-x: scroll; overflow-y: clip; justify-content: normal; flex-wrap: nowrap; align-items: flex-start; }
    .blog-page.contentInnerPage #BlogView .blog-related-posts .related-posts-boxes > div { width: 100%; float: unset; padding: 20px 20px 30px; margin: 0; }
    .blog-page.contentInnerPage .blog-related-posts .blog-related-post .blog-related-post-title { text-align: center; font-size: 95%; max-width: 90%; margin: 0 auto; }
    .blog-page.contentInnerPage .blog-related-posts .blog-related-post:hover .blog-related-post-title { padding-right: 0px; }
    .blog-page.contentInnerPage #BlogView .blog-related-posts .blog-related-post .blog-related-post-image img { width: 280px; height: 175px; }
    .blog-page.contentInnerPage .blog-related-posts .blog-related-post::after { top: 160px; }
}

/* Products Lobby Page */
.catalog-page:not(.CatalogItemPage) #GridTop .element-left { background-image: url(/warehouse/dynamic/352638.png); background-size: 100%; left: -130px; bottom: -50px; height: 180px; width: 290px; }
.catalog-page:not(.CatalogItemPage) #GridTop .element-right { bottom: -80px; right: -120px; height: 220px; width: 320px; background-size: 100%; background-image: url(/warehouse/dynamic/352639.png); }
.catalog-page:not(.CatalogItemPage) .categories-strip { margin: 30px auto 60px; background: transparent; color: var(--black); }
.catalog-page:not(.CatalogItemPage) .categories-strip ul li { background: transparent; font-size: 120%; padding: 0 15px; position: relative; font-family: var(--bold); }
.catalog-page:not(.CatalogItemPage) .categories-strip ul li:first-child { display: none; }
.catalog-page:not(.CatalogItemPage) .categories-strip ul li a { white-space: nowrap; position: relative; text-decoration: none !important; }
.catalog-page:not(.CatalogItemPage) .categories-strip ul li a::after { position: absolute; content: ''; right: 0; bottom: -5px; background: var(--green); height: 3px; width: 0; pointer-events: none; transition: 0.6s all; }
.catalog-page:not(.CatalogItemPage) .categories-strip ul li:hover a::after, .catalog-page:not(.CatalogItemPage) .categories-strip ul li.active a::after { width: 100%; }
.catalog-page:not(.CatalogItemPage) .catalogContainer { padding: 0; width: 85%; max-width: 1224px; margin-bottom: 110px; }
.catalog-page:not(.CatalogItemPage) #CatalogModule { padding: 0; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .filtersList { display: none; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .filtersList.side-filters { display: none; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .filtersList button.filters-title { width: 190px; text-align: right; padding: 0 0 10px; display: inline-flex; justify-content: space-between; border-bottom: 1px solid #000; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .filtersList button.filters-title::after { font-size: 130%; position: absolute; left: 0; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .filtersList button.filters-title.active { background: #fff; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .filtersList .filters-list-wrapper { top: 32px; position: absolute; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .filtersList .filters-list-wrapper .filter-list { background: #fff; text-align: right; min-width: 190px; max-width: 190px; padding: 20px 15px; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .filtersList .filters-list-wrapper .filter-list li.filter-list-item { font-size: 80%; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .filtersList .filters-list-wrapper .filter-list li.filter-list-item:not(:last-child) { margin-bottom: 10px; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .filtersList .filters-list-wrapper .filter-list li.filter-list-item a:hover { color: var(--red); }
.catalog-page:not(.CatalogItemPage) #CatalogModule .categoryContainerItems { max-width: unset; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList { display: flex; flex-wrap: wrap; margin: 0; width: 100%; justify-content: center; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox { padding: 0 16px; margin-bottom: 35px; opacity: 0; transform: translateY(60px); text-align: center; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .productLabel { right: 50px; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .productLabel img { max-width: 58px; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .item-image { padding-bottom: 0; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .item-image img { position: relative; top: unset; left: unset; transform: none; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .item-image img.secImg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.catalogItemBox a.item-image img.secImg, .catalogCategoryBox a.catalogCategoryBoxImage img.secImg { transition: all 0.8s ease; -webkit-transition: all 0.8s ease; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .item-text { padding: 20px 0 10px; min-height: 60px; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .item-text:hover { color: inherit; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .item-text .item-text-top { min-height: 0; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .item-text .item-text-top .itemTitle { min-height: unset; margin: 0 auto; font-size: 120%; font-family: var(--bold); color: var(--black); transition: 0.3s all; }
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .item-text .item-text-top .item-subtitle { font-size: 80%; margin: 0; }

@media (max-width: 1024px) {
    .catalog-page:not(.CatalogItemPage) #GridTop .element-left, .catalog-page:not(.CatalogItemPage) #GridTop .element-right { display: none; }
    .catalog-page:not(.CatalogItemPage) .menu-tags-list { position: relative; }
    .catalog-page:not(.CatalogItemPage) .menu-tags-list::before { content: ""; position: absolute; top: 0px; z-index: 20; width: 70px; height: 50px; background-image: linear-gradient(270deg,rgb(254 245 229 / 10%) 0,#fef5e5 100%); left: 0; pointer-events: none; }
    .catalog-page:not(.CatalogItemPage) .categories-strip { margin: 0px auto; }
    .catalog-page:not(.CatalogItemPage) .categories-strip .hidden-xs { display: flex !important; position: relative; overflow-x: scroll; overflow-y: hidden; justify-content: normal; width: 100%; padding: 12px 5px 20px; }
    *::-webkit-scrollbar { display: none; -ms-overflow-style: none; scrollbar-width: none; }
    .catalog-page:not(.CatalogItemPage) .categories-strip .mobile-strip { display: none; }
    .catalog-page:not(.CatalogItemPage) .categories-strip .hidden-xs li { margin: 0 10px; padding: 0; font-size: 98%; }
    .catalog-page:not(.CatalogItemPage) .categories-strip .hidden-xs li a { font-size: 95%; white-space: nowrap; }
    .catalog-page:not(.CatalogItemPage) .categories-strip .hidden-xs li::after { bottom: -10px; height: 2px; }
    .catalog-page:not(.CatalogItemPage) .catalogContainer { width: 100%; margin-bottom: 90px; }
    .catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox { width: 50%; margin-bottom: 10px; padding: 0; }
    .catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .productLabel { right: 10px; }
    .catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .productLabel img { max-width: 35px; }
    .catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .item-text { padding: 10px 0; }
    .catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox .item-text .item-text-top .itemTitle { font-size: 85%; max-width: 80%; }
}

/* Product Page */
.CatalogItemPage #GridTop { display: none; }
.CatalogItemPage #CatalogModule { padding: 0; }
.CatalogItemPage .catalogContainer.container { width: unset; padding: 0; }
.CatalogItemPage .backBtnWrapper { display: none; }
.CatalogItemPage .product-content { position: relative; padding-top: 88px; }
.CatalogItemPage .product-content::before { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; pointer-events: none; background-repeat: no-repeat; background-size: cover; background-image: url(/warehouse/dynamic/353046.jpg); }
.CatalogItemPage .product-content::after { content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 40px; background-image: url(/warehouse/dynamic/352599.svg); background-size: cover; pointer-events: none; z-index: 1; }
.CatalogItemPage .itemContentWrapper { max-width: 1070px; margin: 0px auto; width: 90%; display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-bottom: 90px; }
.CatalogItemPage .itemContentWrapper::before, .CatalogItemPage .itemContentWrapper::after { display: none; }
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages { padding: 0; max-width: 530px; }
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages .productLabel { right: 70px; top: 100px; }
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages .thumbs { display: none; }
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages .productImage { display: none; }
/*.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages .productSecondImage { padding-bottom: 500px; position: relative; background: transparent; }
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages .productSecondImage img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; max-height: 100%; object-fit: cover; }*/
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemContent { padding: 0; width: 43%; display: flex; flex-direction: column; }
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemContent #headline { font-size: 100%; margin-bottom: 0; }
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemContent #headline h1 { font-size: 240%; }
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemContent #catalogText { margin: 15px 0 30px; }
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemContent #catalogText p { font-size: 99%; line-height: 1.25; }
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemContent .item-price,
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemContent .item-actions { display: none; }
.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .item-custom-details { width: 100%; display: flex; margin-top: 40px; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .item-custom-details .custom-field { margin: 0; width: 25%; display: flex; flex-direction: column; align-items: center; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .item-custom-details .custom-field .custom-field-img { margin-bottom: 10px; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .item-custom-details .custom-field .custom-field-title { font-size: 130%; margin-bottom: 10px; padding-bottom: 10px; position: relative; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .item-custom-details .custom-field span:not(.custom-field-title) { font-size: 85%; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .item-custom-details .custom-field .custom-field-title::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background: var(--red); width: 99px; height: 2px; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper { margin: 0 auto; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems { margin: 80px auto 100px; padding: 0; width: 85%; max-width: 900px; float: unset; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems h2 { background: transparent; font-size: 250%; margin: 0 0 45px; padding: 0; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItemsTitle::after { display: none; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList { display: flex; flex-wrap: wrap; margin: 0; width: 100%; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox { padding: 0 16px; margin-bottom: 35px; text-align: center; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .productLabel { right: 50px; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .productLabel img { max-width: 58px; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .item-image { padding-bottom: 0; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .item-image img { position: relative; top: unset; left: unset; transform: none; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .item-image img.secImg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .item-text { padding: 0px 0 10px; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .item-text:hover { color: inherit; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .item-text .item-text-top { transition: 0.6s all; min-height: 0; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .item-text .item-text-top .itemTitle { min-height: unset; margin: 0 auto; font-size: 105%; font-family: var(--bold); color: var(--black); transition: 0.3s all; max-width: 100%; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .item-text .item-text-top .item-subtitle { font-size: 80%; margin: 0; }
.CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox:hover .item-text .item-text-top .itemTitle { color: var(--red); }

@media (max-width: 1024px) {
    .CatalogItemPage .product-content { padding-top: 70px; }
    .CatalogItemPage .product-content::before { background-image: url(/warehouse/dynamic/354603.jpg); background-size: 100%; }
    .CatalogItemPage .itemContentWrapper { width: 100%; padding-bottom: 70px; display: flex; justify-content: center; }
    .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages { width: calc(100% - 60px); pointer-events: none; padding-bottom: 10px; }
    .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages .flex-control-nav { display: none; }
    .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages li.item { padding-bottom: unset; min-height: 320px; height: 100%; overflow: visible; }
    .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages li.item img { position: relative; transform: unset; left: unset; top: unset; height: 100%; width: 100%; object-fit: cover; }
    /*.CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages .productSecondImage { padding-bottom: unset; height: 320px; }
    .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages .productSecondImage img { position: relative; transform: unset; left: unset; top: unset; height: 100%; width: 100%; object-fit: cover; }*/
    .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages .productLabel { right: 20px; top: 20px; }
    .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages .productLabel img { max-width: 58px; }
    .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemContent { width: calc(100% - 60px); }
    .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemContent #headline h1 { font-size: 160%; }
    .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemContent #catalogText p { font-size: 89%; line-height: 1.35; }
    .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .item-custom-details { margin-top: 0px; }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .item-custom-details .custom-field .custom-field-img img { max-width: 60px; }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .item-custom-details .custom-field .custom-field-title { font-size: 95%; padding-bottom: 3px; margin-bottom: 6px; }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .item-custom-details .custom-field .custom-field-title::after { width: 100%; height: 1px; }
    .CatalogItemPage #CatalogModule #CatalogItemView .itemContentWrapper .item-custom-details .custom-field span:not(.custom-field-title) { font-size: 75%; }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems { margin: 20px auto 110px; width: 100%; }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems h2 { font-size: 140%; margin: 0 0 10px; }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .owl-nav { display: none; }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox { padding: 0 5px; margin-bottom: 0; }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .item-text { padding: 10px 0; }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .item-text .item-text-top .itemTitle { font-size: 95%; }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .item-text .item-text-top { opacity: 0; }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .owl-item.center .catalogItemBox .item-text .item-text-top { opacity: 1; }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .productLabel { right: 10px; }
    .CatalogItemPage #CatalogModule .RelatedItemsWrapper .relatedItems .itemsList .catalogItemBox .productLabel img { max-width: 35px; }
}

@media (min-width: 400px) and (max-width: 767px) {
    .CatalogItemPage .catalogContainer #CatalogModule .itemContentWrapper .itemImages { padding-bottom: 20px; }
}

/* Contact Page */
.contact { position: relative; }
.contact::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-image: url(/warehouse/dynamic/353047.jpg); filter: brightness(0.5); pointer-events: none; }
.contact #GridTop { display: none; }
.contact #lobbyview { padding: 160px 0 0; }
.contact #lobbyview #headline { font-size: 100%; margin-bottom: 0; }
.contact #lobbyview #headline h1 { font-size: 400%; color: #fff; }
.contact #lobbyview h2 { color: #fff; font-size: 105%; font-family: var(--reg); margin-bottom: 25px; letter-spacing: 0.42px; }
.contact .tabs-wrapper { display: flex; align-items: center; justify-content: center; padding-bottom: 30px; }
.contact .tabs-wrapper .contact-tabs .contact-tablinks { appearance: unset; background: transparent; border: none; color: #Fff; font-family: var(--bold); font-size: 120%; padding: 0 30px 0 0; margin: 0 20px 0 0; position: relative; }
.contact .tabs-wrapper .contact-tabs .contact-tablinks:not(.active) { color: rgb(255 255 255 / 60%); }
.contact .tabs-wrapper .contact-tabs .contact-tablinks::before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: url(/warehouse/dynamic/353261.svg); width: 20px; height: 20px; pointer-events: none; }
.contact .tabs-wrapper .contact-tabs .contact-tablinks.active::before { background-image: url(/warehouse/dynamic/353264.svg); }
.contact .tabs-wrapper .contact-tabs .contact-tablinks::after { content: ''; position: absolute; left: 0; bottom: -10px; background: rgb(255 255 255 / 60%); width: 100%; height: 3px; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.12); }
.contact .tabs-wrapper .contact-tabs .contact-tablinks.active::after { background: var(--yellow); }
.contact .forms-wrapper { position: relative; margin-bottom: 100px; transition: 0.4s all; }
.contact .grid-form-section { left: 50%; max-width: 864px; width: 100%; margin: 0 auto; overflow: visible; padding: 0; position: absolute; /* transition: 0.6s transform, 0.4s opacity; */ opacity: 0; transform: translate(-50%,0px); pointer-events: none; }
.contact .grid-form-section.visible-sec { opacity: 1; pointer-events: all; transform: translate(-50%,0px); z-index: 1; }
.contact .grid-form-section #DynamicFormObject { border: none; display: flex; padding: 0; flex-direction: column; align-items: center; }
.contact .grid-form-section #DynamicFormObject::after { display: none; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; font-size: 100%; margin: 0; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 120%; color: #fff; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: center; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { padding: 0 7px; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input,
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { background: rgb(254 245 229 / 85%); box-shadow: -5px 5px 10px 0 rgba(0, 0, 0, 0.12); border: none; width: 100%; border-radius: 0; max-width: 100%; height: 50px; font-size: 75% !important; padding-right: 10px; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { padding-top: 15px; height: 140px; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { width: 100%; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField,
.contact .grid-form-section.complain #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { width: 100%; padding: 0; display: flex; justify-content: center; margin-bottom: 0; margin-top: 10px; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input,
.contact .grid-form-section.complain #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { width: auto; margin: 0; height: auto; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.checkboxField label { margin-bottom: -1px; margin-right: 5px; font-size: 75%; color: #fff; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { padding: 0; width: 260px; height: 50px; background-image: url(/warehouse/dynamic/352098.svg); background-position: center; background-repeat: no-repeat; transition: 0.3s all; margin-top: 25px; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit:hover { background-image: url(/warehouse/dynamic/352097.svg); }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { height: 100%; width: 100%; max-width: 100%; background: transparent; border-radius: 0; font-size: 95%; color: var(--black); font-family: var(--bold); border: none; transition: 0.3s all; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit:hover input { color: #fff; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField input.fileUploadTrigger { padding-right: 20px; cursor: pointer; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField input.fileUploadTrigger::placeholder { text-decoration: underline; }
.contact .grid-form-section.complain #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 33.33%; }
.contact .grid-form-section.complain #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { width: 100%; }
.FileUploaderField:before { top: 17px; left: unset; right: 12px; font-size: unset; background-image: url(/warehouse/dynamic/353262.svg); background-repeat: no-repeat; position: absolute; content: ''; width: 9px; height: 20px; background-size: 100%; }
.FileUploaderField:after { display: none; }
#DynamicFormObject .dynamicFormObjectField .must:before { right: 10px !important; }
.contact .request #DynamicFormObject .dynamicFormEndText, .contact .complain #DynamicFormObject .dynamicFormEndText { width: fit-content; text-decoration: underline; }
.contact .request #DynamicFormObject .dynamicFormEndText p, .contact .complain #DynamicFormObject .dynamicFormEndText p { color: #fff; font-size: 79%; text-align: right; margin-right: 5px; line-height: 1; }
.contact .request #DynamicFormObject .dynamicFormEndText a:hover, .contact .complain #DynamicFormObject .dynamicFormEndText a:hover { color: inherit; }
.contact #LobbyModule .lobbyTextContainer { margin-bottom: 90px; }
.contact #LobbyModule .lobbyTextContainer p { color: #fff; letter-spacing: 0.34px; font-size: 85%; margin: 0 15px 0 3px; }
.contact #LobbyModule .lobbyTextContainer p img { margin: 0 0 0 8px; }
.contact #LobbyModule .lobbyTextContainer #lobbyText > div { display: inline-flex; justify-content: center; }
.FormResultPage #FormResultPage { display: flex; min-height: 100vh; justify-content: center; align-items: center; }
.FormResultPage #FormResultPage #headline { font-size: 400%; margin-bottom: 5px; position: relative; }
.FormResultPage #FormResultPage #headline::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -130px; background-image: url(/warehouse/dynamic/356182.svg); width: 120px; height: 120px; background-size: 100%; opacity: 0; transition: 0.6s all 0.2s; }
.FormResultPage #FormResultPage .container-fluid.shown #headline::before { opacity: 1; }
.FormResultPage #FormResultPage #text1 p { font-size: 160%; font-family: var(--bold); }
.FormResultPage #FormResultPage #text1 a.FormResultPageButton { transition: 0.3s all, 1s opacity 1s; font-size: 95%; background: transparent; background-image: url(/warehouse/dynamic/352098.svg); background-size: cover; background-repeat: no-repeat; color: var(--black); font-family: var(--bold); padding: 0; margin-top: 20px !important; height: 51px; width: 202px; position: relative; display: inline-flex !important; align-items: center; letter-spacing: 0.95px; justify-content: center; text-decoration: none; border: none; }
.FormResultPage #FormResultPage #text1 a.FormResultPageButton:focus,
.FormResultPage #FormResultPage #text1 a.FormResultPageButton:hover { background: transparent; background-image: url(/warehouse/dynamic/352097.svg); color: #fff; }

@media (max-width: 1024px) {
    .contact::before { background-image: url(/warehouse/dynamic/354525.jpg); background-size: 130%; }
    .contact #lobbyview { padding: 115px 0 0; }
    .contact #lobbyview #headline h1 { font-size: 225%; }
    .contact #lobbyview h2 { font-size: 85%; margin-bottom: 15px; }
    .contact .tabs-wrapper { padding-bottom: 10px; margin-bottom: 15px; }
    .contact .tabs-wrapper .contact-tabs .contact-tablinks { font-size: 95%; padding: 0 25px 0 0; }
    .contact .tabs-wrapper .contact-tabs .contact-tablinks::before { width: 16px; height: 16px; background-size: 100%; }
    .contact .grid-form-section { width: calc(100% - 40px); }
    .contact .forms-wrapper { margin-bottom: 0; }
    .contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField, .contact .grid-form-section.complain #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { padding: 0; width: 100%; }
    .contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input, .contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { margin-bottom: 10px; height: 45px; }
    .contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: 100px; }
    .contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.FileUploaderField input.fileUploadTrigger { padding-right: 25px; }
    .contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { flex-wrap: wrap; justify-content: flex-start; }
    .contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.checkboxField label { width: 90%; }
    .contact .request #DynamicFormObject .dynamicFormEndText { margin: 1px 14px 0 0; }
    .FileUploaderField:before { right: 10px; top: 15px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 5px !important; }
    .contact #LobbyModule .lobbyTextContainer #lobbyText > div { flex-direction: column; }
    .contact #LobbyModule .lobbyTextContainer p { font-size: 75%; margin: 5px 0; }
    .contact #LobbyModule .lobbyTextContainer { margin-bottom: 80px; }
    .FormResultPage #FormResultPage #headline { font-size: 250%; margin-bottom: 10px; }
    .FormResultPage #FormResultPage #headline::before { width: 80px; height: 80px; top: -90px; }
    .FormResultPage #FormResultPage #text1 p { font-size: 120%; max-width: 80%; margin: 0 auto; }
}

/* About Page */
.about .element-left { background-image: url(/warehouse/dynamic/353151.png); background-size: 100%; height: 430px; width: 460px; bottom: -180px; left: -230px; }
.about .element-right { background-image: url(/warehouse/dynamic/353152.png); background-size: 100%; right: -310px; height: 420px; width: 550px; bottom: -180px; }
.about .grid-text-section { max-width: 900px; margin: 80px auto 60px; text-align: right; }
.about .section .text-wrapper h2 { opacity: 1; }
.about .grid-text-section .section-title h2 { font-size: 250%; margin-bottom: 20px; }
.about .grid-text-section .grid-text-content { margin: 0; padding: 0; width: 100%; }
.about .grid-text-section .grid-text-content p { margin: 0; }
.about .grid-text-section .grid-text-content h3 { font-family: var(--bold); font-size: 150%; }
.about .section.timeline-sec { margin: 0 auto; padding: 110px 0px 150px; background-image: url(/warehouse/dynamic/352341.png); background-size: cover; background-repeat: no-repeat; position: relative; }
.about .timeline-sec .section-wrapper { max-width: 1170px; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; margin: 0 auto; }
.about .timeline-sec .timeline-years { width: 100%; }
.about .timeline-sec .timeline-years .slick-list { overflow: visible; }
.about .timeline-sec .timeline-years .slick-track { transform: none !important; display: flex; justify-content: center; padding: 0; flex-direction: column; margin-right: 0; }
.about .timeline-sec .timeline-years .slick-track::before, .section.timeline-sec .timeline-years .slick-track::after { display: none; }
.about .timeline-sec .timeline-years .year-item { display: flex; background: #fff; justify-content: center; margin: 9px 0; height: 30px; cursor: pointer; width: 60px !important; align-items: center; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.16); transition: 0.3s all; position: relative; }
.about .timeline-sec .timeline-years .year-item.slick-current { background: var(--red); color: #fff; }
.about .timeline-sec .timeline-years .year-item::after { content: ''; position: absolute; right: -45px; top: 50%; background-repeat: no-repeat; background-image: url(/warehouse/dynamic/354728.svg); background-position: center; transform: translate(30px,-50%) rotate(90deg); width: 30px; height: 40px; opacity: 0; transition: 0.3s all; }
.about .timeline-sec .timeline-years .year-item.slick-current::after { opacity: 1; transform: translate(0px,-50%) rotate(90deg); }
.about .timeline-sec .timeline-years .year-item h3 { margin: 0; font-size: 105%; line-height: 1; font-family: var(--bold); }
.about .timeline-sec .timeline-info { width: 100%; flex-grow: 1; max-width: 1050px; transition: 0.8s all; }
.about .timeline-sec .timeline-info .slick-list.draggable { overflow: visible !important; }
.about .timeline-sec .timeline-info.hide-section { opacity: 0; }
.about .timeline-sec .timeline-info .info-item { display: flex; flex-direction: row; align-items: center; max-width: 1050px; transition: 1.5s ease-in-out all; }
.about .timeline-sec .timeline-info .info-item h3 { font-size: 700%; font-family: var(--bold); margin: 0; line-height: 0.8; position: relative; transform: translateY(130%); transition: 1s all 0.55s; }
.about .timeline-sec .timeline-info .info-item h4 { margin-top: 0; margin-bottom: 0px; font-size: 130%; font-family: var(--bold); color: var(--black); opacity: 0; transition: 1s all 0.65s; transform: translateY(130%); padding-right: 10px; }
.about .timeline-sec .timeline-info .info-item p { font-size: 105%; line-height: 1.24; color: var(--black); opacity: 0; transition: 1s all 0.65s; transform: translateY(130%); padding-right: 10px; }
.about .timeline-sec .timeline-info .info-item img { max-width: 550px; z-index: 1; opacity: 0.5; transform: scale(1.02); transition: 1.5s ease-in-out all; }
.about .timeline-sec .timeline-info .info-item.slick-current img { transform: scale(1); transition: 1.5s ease-in-out all; opacity: 1; }
.about .timeline-sec .timeline-info .info-item .info-item-text { display: flex; flex-direction: column; align-items: flex-start; text-align: right; position: relative; }
.about .timeline-sec .timeline-info .info-item .info-item-text .wrapper-for-overflow { position: relative; margin: 0px 0 20px; }
.about .timeline-sec .timeline-info .info-item .info-item-text .wrapper-for-overflow::before { content: ''; position: absolute; right: -60px; bottom: -5px; background: var(--yellow); width: 365px; height: 0; z-index: -1; pointer-events: none; transition: 1s all 0.4s; }
.about .timeline-sec .timeline-info .info-item.slick-current .info-item-text .wrapper-for-overflow::before { height: 50px; }
.about .timeline-sec .timeline-info .info-item .info-item-text .text-wrapper { padding-right: 35px; position: relative; }
.about .timeline-sec .timeline-info .info-item.slick-current .text-wrapper h3 { transform: translateY(5px); }
.about .timeline-sec .timeline-info .info-item.slick-current h4 { opacity: 1; transform: translateY(0%); }
.about .timeline-sec .timeline-info .info-item.slick-current p { opacity: 1; transform: translateY(0%); }

@media (max-width: 1024px) {
    .about .element-left { height: 180px; width: 220px; bottom: -50px; left: -100px; transform: scaleY(-1); }
    .about .element-right { right: -120px; height: 170px; width: 230px; bottom: -60px; transform: scaleX(-1) rotate(-25deg); background-image: url(/warehouse/dynamic/353151.png); }
    .about .grid-text-section { margin: 70px auto 40px; width: calc(100% - 60px); }
    .about .grid-text-section .section-title { margin-bottom: 0; }
    .about .grid-text-section .section-title h2 { font-size: 175%; }
    .about .section.timeline-sec { padding: 40px 0px 90px; }
    .about .timeline-sec .section-wrapper { display: flex; flex-direction: column-reverse; align-items: center; }
    .about .timeline-sec .timeline-years .slick-track { flex-direction: row; display: flex; position: relative; overflow-x: scroll; overflow-y: hidden; justify-content: normal; width: 100% !important; padding: 0 20px 30px; }
    .about .timeline-sec .timeline-years .year-item { margin: 0 8px; padding: 0 15px; }
    .about .timeline-sec .timeline-years .year-item h3 { font-size: 95%; }
    .about .timeline-sec .timeline-years .year-item::after { display: none; }
    .about .timeline-sec .timeline-info .info-item { width: 100%; flex-direction: column; align-items: center; }
    .about .timeline-sec .timeline-info .info-item img { width: 100%; max-width: calc(100% - 120px); }
    .about .timeline-sec .timeline-info .info-item .info-item-text { align-items: center; z-index: 2; width: calc(100% - 60px); }
    .about .timeline-sec .timeline-info .info-item .info-item-text .text-wrapper { padding: 0; }
    .about .timeline-sec .timeline-info .info-item h3 { font-size: 500%; }
    .about .timeline-sec .timeline-info .info-item h4 { text-align: center; padding: 0; font-size: 120%; }
    .about .timeline-sec .timeline-info .info-item p { padding: 0; text-align: center; font-size: 85%; }
    .about .timeline-sec .timeline-info .info-item .info-item-text .wrapper-for-overflow { margin: -35px 0 20px; }
    .about .timeline-sec .timeline-info .info-item .info-item-text .wrapper-for-overflow::before { width: 180px; right: unset; left: 50%; transform: translateX(-50%); bottom: -3px; }
    .about .timeline-sec .timeline-info .info-item.slick-current .info-item-text .wrapper-for-overflow::before { height: 24px; }
}

/* Search Page */
.SearchResults #SearchResultPage { padding: 0; width: 85%; max-width: 1224px; margin: 0 auto 110px; }
.SearchResults #text1 .searchResultsList { display: flex; flex-wrap: wrap; margin: 50px 0 0; width: 100%; justify-content: center; }
.SearchResults #text1 .searchResultsList .catalogItemBox { padding: 0 16px; margin-bottom: 35px; opacity: 0; transform: translateY(60px); text-align: center; }
.SearchResults #text1 .searchResultsList .catalogItemBox .productLabel { right: 50px; }
.SearchResults #text1 .searchResultsList .catalogItemBox .productLabel img { max-width: 58px; }
.SearchResults #text1 .searchResultsList .catalogItemBox .item-image { padding-bottom: 0; }
.SearchResults #text1 .searchResultsList .catalogItemBox .item-image img { position: relative; top: unset; left: unset; transform: none; }
.SearchResults #text1 .searchResultsList .catalogItemBox .item-image img.secImg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.SearchResults #text1 .searchResultsList .catalogItemBox .item-text { padding: 20px 0 10px; min-height: 60px; }
.SearchResults #text1 .searchResultsList .catalogItemBox .item-text:hover { color: inherit; }
.SearchResults #text1 .searchResultsList .catalogItemBox .item-text .item-text-top { min-height: 0; }
.SearchResults #text1 .searchResultsList .catalogItemBox .item-text .item-text-top .itemTitle { min-height: unset; margin: 0 auto; font-size: 120%; font-family: var(--bold); color: var(--black); transition: 0.3s all; }
.SearchResults #text1 .searchResultsList .catalogItemBox .item-text .item-text-top .item-subtitle { font-size: 80%; margin: 0; }
.SearchResults #text1 .searchResultsList li.resultItem { display: flex !important; padding: 50px 0; border-bottom: 2px solid var(--yellow) !important; align-items: center; opacity: 0; transform: translateY(60px); max-width: 900px; margin: 0 auto; }
.SearchResults #text1 .searchResultsList li.resultItem:first-of-type { border-top: 2px solid var(--yellow) !important; margin-top: 50px; }
.SearchResults #text1 .searchResultsList li.resultItem > a { position: relative; max-width: 220px; -webkit-mask-image: -webkit-radial-gradient(white, black); border-radius: 50%; margin-left: 30px; display: inline-flex; width: auto; }
.SearchResults #text1 .searchResultsList li.resultItem > a::before { content: ''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; background-size: 100%; background-image: url(/warehouse/dynamic/352640.svg); pointer-events: none; z-index: 1; }
.SearchResults #text1 .searchResultsList li.resultItem > a img { -webkit-mask-image: -webkit-radial-gradient(white, black); border-radius: 50%; height: 220px; width: 220px; object-fit: cover; transition: 0.6s all; }
.SearchResults #text1 .searchResultsList li.resultItem:hover > a img { transform: scale(1.1); }
.SearchResults #text1 .searchResultsList li.resultItem .blog-post-content .blog-post-title { padding: 0 0 10px; margin-bottom: 15px; font-size: 170%; line-height: 1; }
.SearchResults #text1 .searchResultsList li.resultItem .blog-post-content .blog-post-title::after { content: ''; position: absolute; right: 0; bottom: 0; width: 100px; height: 4px; background: var(--yellow); transition: 0.5s all; }
.SearchResults #text1 .searchResultsList li.resultItem .blog-post-content .blog-post-text { padding-bottom: 0; border: none; margin-bottom: 10px; font-size: 105%; line-height: 1.22; max-width: 80%; }
.SearchResults #text1 .searchResultsList li.resultItem a::after { display: none; }
.SearchResults #text1 .searchResultsList li.resultItem .resultContent { display: inline-flex; width: auto; padding: 0; max-width: 65%; flex-grow: 1; }
.SearchResults #text1 .searchResultsList li.resultItem .resultContent a { font-size: 170%; font-family: var(--bold); line-height: 1; width: 100%; color: inherit; transition: 0.3s all; position: relative; }
.SearchResults #text1 .searchResultsList li.resultItem:hover .resultContent a { color: var(--red); }
.SearchResults #text1 .searchResultsList li.resultItem .resultContent a span { max-width: 100%; }

@media (max-width: 1024px) {
    .SearchResults #SearchResultPage { width: 100%; margin-bottom: 90px; }
    .SearchResults #text1 .searchResultsList .catalogItemBox { width: 50%; margin-bottom: 10px; padding: 0; }
    .SearchResults #text1 .searchResultsList .catalogItemBox .productLabel { right: 10px; }
    .SearchResults #text1 .searchResultsList .catalogItemBox .productLabel img { max-width: 35px; }
    .SearchResults #text1 .searchResultsList .catalogItemBox .item-text { padding: 10px 0; }
    .SearchResults #text1 .searchResultsList .catalogItemBox .item-text .item-text-top .itemTitle { font-size: 85%; max-width: 80%; }
    .SearchResults #text1 .searchResultsList li.resultItem { flex-direction: column; align-items: center; padding: 25px 0px; text-align: center; margin: 0 15px; }
    .SearchResults #text1 .searchResultsList li.resultItem > a { max-width: 110px; margin-left: 0; margin-bottom: 20px; }
    .SearchResults #text1 .searchResultsList li.resultItem > a img { height: 110px; width: 110px; }
    .SearchResults #text1 .searchResultsList li.resultItem .resultContent { max-width: 100%; }
    .SearchResults #text1 .searchResultsList li.resultItem .resultContent a { font-size: 130%; }
}

/* 404 Page */
.page-not-found { min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.page-not-found h2 { font-size: 160%; margin-top: 150px; }
.page-not-found h2::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -205px; background-image: url(/warehouse/dynamic/356183.png); width: 440px; height: 175px; background-repeat: no-repeat; background-size: 100%; transition: 0.6s all 0.2s; }
.page-not-found a { transition: 0.3s all, 1s opacity 1s; font-size: 95%; background: transparent; background-image: url(/warehouse/dynamic/352098.svg); background-size: cover; background-repeat: no-repeat; color: var(--black); font-family: var(--bold); padding: 0; height: 51px; width: 202px; position: relative; display: inline-flex !important; align-items: center; letter-spacing: 0.95px; justify-content: center; text-decoration: none; border: none; }
.page-not-found a:focus,
.page-not-found a:hover { background: transparent; background-image: url(/warehouse/dynamic/352097.svg); color: #fff; }

@media (max-width: 1024px) {
    .page-not-found h2 { max-width: 85%; }
    .page-not-found h2::before { top: -115px; width: 240px; height: 95px; }
}

/* Footer */
footer { padding: 0; z-index: 100; position: relative; }
.footer-text-divided { background-image: linear-gradient(80deg, #448515, #448515); padding: 10px 130px 30px; display: flex; color: #fff; position: relative; align-items: center; overflow: visible; }
.footer-text-divided::after { content: ''; position: absolute; left: 0; top: -40px; width: 100%; height: 40px; background-size: cover; background-repeat-y: no-repeat; background-position: center top; background-image: url(/warehouse/dynamic/349733.svg); z-index: -1; }
.footer-text-divided .orange-left { position: absolute; left: 0; top: -150px; width: 118px; height: 255px; z-index: 1; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/356201.png); background-size: 100%; padding: 0; }
.footer-text-divided .orange-right { position: absolute; right: 0; top: -150px; width: 116px; height: 265px; z-index: 1; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/356202.png); background-size: 100%; padding: 0; }
.footer-text-divided > div.footer-text-middle { padding: 0; display: flex; justify-content: center; align-items: center; position: relative; width: 50%; }
#SiteFooter div.footer-text-middle img { max-width: 300px; }
.footer-text-divided > div.footer-text-left { padding: 0; width: auto; text-align: right; margin-left: 0; margin-right: auto; display: block; }
.footer-text-divided > div.footer-text-left ul { list-style: none; padding: 0 0 0 40px; margin: 0; }
.footer-text-divided > div.footer-text-left ul li { font-size: 85%; }
.footer-text-divided > div.footer-text-left ul li:not(:last-child) { margin-bottom: 15px; }
.footer-text-divided > div.footer-text-left ul li a:hover, .footer-text-divided > div.footer-text-left ul li a:focus { color: var(--dgreen); }
.footer-text-divided > div.footer-text-left p { font-size: 79%; color: #fff; text-align: center; }
.footer-text-divided > div.footer-text-left p:first-child { margin-bottom: 10px; }
.footer-text-divided > div.footer-text-left p img { margin: 0 3px; }
.footer-text-divided > div.footer-text-right { text-align: right; width: 25%; padding: 0; display: flex; }
.footer-text-divided > div.footer-text-right p a { margin-right: 10px; }
.footer-text-divided > div.footer-text-right p:not(:last-child) { margin-bottom: 10px; }
.footer-text-divided > div.footer-text-right ul { list-style: none; margin: 0; }
.footer-text-divided > div.footer-text-right ul:first-child { padding: 0; }
.footer-text-divided > div.footer-text-right ul li { font-size: 89%; }
.footer-text-divided > div.footer-text-right ul li:not(:last-child) { margin-bottom: 15px; }
.footer-text-divided > div.footer-text-right ul li a { position: relative; }
.footer-text-divided > div.footer-text-right ul li a:hover { color: inherit; }
.footer-text-divided > div.footer-text-right ul li a::after { content: ''; position: absolute; }
.footer-text-divided > div.footer-text-right ul li a::after { content: ''; position: absolute; bottom: -2px; right: 0; background: #252121; width: 0%; height: 1px; pointer-events: none; transition: 0.5s all; }
.footer-text-divided > div.footer-text-right ul li a:hover::after, .footer-text-divided > div.footer-text-right ul li a.active::after { width: 100%; }
#SiteFooter a.clientCredit img { max-width: 85px; }

@media (max-width: 1024px) {
    #SiteFooter { padding: 0; float: unset !important; }
    .footer-text-divided { padding: 0 0 30px; display: flex; flex-direction: column; align-items: center; }
    .footer-text-divided::after { top: -30px; }
    .footer-text-divided > div.footer-text-left { margin: auto; text-align: center; display: flex; flex-wrap: wrap; max-width: 300px; justify-content: center; }
    .footer-text-divided > div.footer-text-left p { margin: 0 5px; }
    .footer-text-divided > div.footer-text-left p:first-child, .footer-text-divided > div.footer-text-left p:last-child { width: 100%; }
    .footer-text-divided > div.footer-text-left p:first-child br { display: none; }
    .footer-text-divided > div.footer-text-right { display: none; }
    .footer-text-divided > div.footer-text-middle { padding-bottom: 10px; width: 100%; }
    .footer-text-divided > div.footer-text-middle img { width: 172px; }
    .footer-text-divided .orange-right { right: 0; top: -80px; width: 60px; height: 140px; }
    .footer-text-divided .orange-left { left: 0; top: -80px; width: 60px; height: 140px; }
}

/* Animations */
@keyframes arrow-hover {
    from { transform: translateX(-50%) translateY(0); }

    50% { transform: translateX(-50%) translateY(10px); }

    to { transform: translateX(-50%) translateY(0); }
}

@keyframes textAnim {
    0%, 5% { transform: translateY(160%); opacity: 0; }
    20% { opacity: 0; }
    50% { opacity: 1; }
    80%, 100% { transform: translateY(0); opacity: 1; }
}

@keyframes textAnimReverse {
    0%, 5% { transform: translateY(-160%); }
    80%, 100% { transform: translateY(0); }
}

.parallax, .parallax2 { transition: 0.15s transform; }

/* titles, p , buttons and boxes transition */
.section-animation-item,
.grid-boxes .section-animation-item,
.section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset !important; }
.text-wrapper, .span-wrapper { overflow: hidden; width: 100%; }
.animation { transform: translateY(0) !important; }
.animation-delay { transition-delay: 0.4s !important; }
.animation-opacity { opacity: 1 !important; }

.section .text-wrapper h1,
.section .text-wrapper h2,
.section .text-wrapper .grid-row-text h2,
#GridTop .top-caption h1,
#headline h1,
.our-recipes-sec .grid-text-content h2,
.blog-page.contentInnerPage .blog-related-posts .text-wrapper h2 { opacity: 0; }

.section.shown .text-wrapper h1,
.section.shown .text-wrapper h2,
.section.shown .text-wrapper .grid-row-text h2,
#GridTop .top-caption.shown h1,
.shown #headline h1,
.our-recipes-sec.shown .grid-text-content h2,
.blog-page.contentInnerPage .blog-related-posts.shown .text-wrapper h2 { animation: textAnim 2s; opacity: 1; transition: opacity 1s; line-height: 1; }

@media (max-width: 1024px) {
    .section.shown .text-wrapper h1,
    .section.shown .text-wrapper h2,
    .section.shown .text-wrapper .grid-row-text h2,
    #GridTop .top-caption.shown h1,
    .shown #headline h1,
    .our-recipes-sec.shown .grid-text-content h2,
    .blog-page.contentInnerPage .blog-related-posts.shown .text-wrapper h2 { animation: textAnim 1s; opacity: 1; transition: opacity 1s; line-height: 1; }
}

.section.our-products-sec .grid-boxes.shown .grid-box { opacity: 1 !important; transform: translateY(0%) !important; }
.articles-section .articles-desktop .grid-boxes .grid-box.shown .grid-box-wrapper .grid-box-title h3 a { animation: textAnim 2s; transition: 0.3s all, opacity 1s; opacity: 1; }
.articles-section .articles-desktop .grid-boxes .grid-box.shown .grid-box-wrapper .grid-box-fulltext,
.articles-section .articles-desktop .grid-boxes .grid-box.shown .grid-box-wrapper .button,
.articles-section .articles-desktop .grid-boxes .grid-box.shown .grid-box-wrapper::after { opacity: 1; }
.section.articles-mobile.shown .arrow { opacity: 1; }

.section.natural-sec.shown .grid-row .grid-row-text p, .section.shown a.sec-button, .section.shown .grid-rows .grid-row-text a.grid-row-button, .section.shown .grid-text .sec-button { opacity: 1; }

.goodtoknow-page #BlogMain .blog-posts .blog-post.shown, .recipes-page .blog-posts .blog-post.shown,
.catalog-page:not(.CatalogItemPage) #CatalogModule .itemsList .catalogItemBox.shown { opacity: 1; transform: translateY(0); transition: opacity 0.15s, all 0.8s ease; }

.SearchResults #text1 .searchResultsList .catalogItemBox.shown { opacity: 1; transform: translateY(0); transition: opacity 0.15s, all 0.8s ease; }
.SearchResults #text1 .searchResultsList li.resultItem.shown { opacity: 1; transform: translateY(0); transition: opacity 0.15s, all 0.8s ease; }

@media (min-width: 768px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 767px) {
}
/*------------*/

/* UnZoom */
#home-gallery .TopVideo { height: 100% !important; }
#home-gallery .TopVideo iframe { top: 50%; width: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); height: 150%; background: transparent; }

@media (min-width: 1180px) and (max-width:1600px) {
    body.zoom-fix { zoom: 1 !important; }
    .zoom-fix #header, .zoom-fix #home-gallery, .zoom-fix #GridTop, .zoom-fix #SiteFooter { zoom: 0.8; }
    .zoom-fix #allSectionsWrapper { display: flex; flex-direction: column; align-items: center; }
    .zoom-fix.home-page #allSectionsWrapper { transform: scale(0.8); }
    .zoom-fix #LobbyModule { transform: scale(0.8); }
    .zoom-fix.home-page #allSectionsWrapper > section.section { width: 125vw; margin: 0; }
    .section.our-products-sec { height: 73vw; }
    .articles-section { height: 73vw; width: 125vw; margin: -20px 0; }
    .section.our-recipes-sec { margin: -20px 0; }
    /*-------------------------------------------------------------------------------------------*/
    #header .submenu li { margin: 0 15px; }

    .section.our-products-sec .grid-boxes { margin: 0 auto 6vw; }

    .section.marqueeSec .grid-text-content img { width: 950px; }
}

@media (min-width: 1180px) and (-webkit-device-pixel-ratio: 1.5) {
    .section.marqueeSec .grid-text-content img { width: 800px; }
    #GridTop, #GridTop.blog { height: 470px; }
}

@media (min-width: 1180px) and (-webkit-device-pixel-ratio: 1.25) {
    .blog-page.contentInnerPage .bg-wood { height: 525px; }
}

@media (min-width: 768px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; }
    body.macOs.chromeBrowser #home-gallery { height: calc(var(--app-height) * 1.25) !important; }
    body.macOs.safariBrowser #home-gallery { height: 100vh !important; }
}

@media (max-width: 767px) {
    #home-gallery { min-height: unset !important; }
    #home-gallery, #home-gallery .TopVideo, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: var(--app-height) !important; }
}


/*------------------------/*
    new form
/*------------------------*/

#GridPromo { }

#GridPromo #DynamicFormObject { display: flex; flex-direction: column; padding-block: 0.833vw; border: 1px solid; }
#GridPromo #DynamicFormObject::after { display: none; }
#GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; font-size: clamp(16px,var(--gap-56),300px); padding: 0; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; text-align: right; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { padding: 0; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .input-wrapper { }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .input-wrapper input { border-radius: 0; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .input-wrapper::before { right: 5px !important; }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { }
#GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input.form-submit { background: #000; color: white; }
#GridPromo #DynamicFormObject .dynamicFormEndText { text-align: right; }