/* Minification failed. Returning unminified contents.
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBody'
(63,26): run-time error CSS1039: Token not allowed after unary operator: '-footerHeight'
(65,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige'
(129,17): run-time error CSS1039: Token not allowed after unary operator: '-colorRed1'
(139,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBody'
(155,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBody'
(160,24): run-time error CSS1039: Token not allowed after unary operator: '-colorOrange'
(165,17): run-time error CSS1039: Token not allowed after unary operator: '-colorRed1'
(202,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige2'
(207,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBody'
(208,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige'
(213,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige2'
(214,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBody'
(235,28): run-time error CSS1039: Token not allowed after unary operator: '-colorOrange'
(275,35): run-time error CSS1030: Expected identifier, found ','
(275,50): run-time error CSS1031: Expected selector, found ')'
(275,50): run-time error CSS1025: Expected comma or open brace, found ')'
(409,28): run-time error CSS1039: Token not allowed after unary operator: '-colorRed1'
(414,28): run-time error CSS1039: Token not allowed after unary operator: '-colorRed1'
(423,28): run-time error CSS1039: Token not allowed after unary operator: '-colorOrange'
(424,24): run-time error CSS1039: Token not allowed after unary operator: '-colorOrange'
(450,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray1'
(495,28): run-time error CSS1039: Token not allowed after unary operator: '-colorRed1'
(573,23): run-time error CSS1039: Token not allowed after unary operator: '-mainNavigationTop'
(585,25): run-time error CSS1039: Token not allowed after unary operator: '-colorGray1'
(609,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray1'
(636,22): run-time error CSS1039: Token not allowed after unary operator: '-liLanguageRight'
(637,20): run-time error CSS1039: Token not allowed after unary operator: '-mainNavigationTop'
(669,32): run-time error CSS1039: Token not allowed after unary operator: '-colorRed1'
(678,32): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige'
(698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(699,18): run-time error CSS1039: Token not allowed after unary operator: '-pad'
(700,38): run-time error CSS1039: Token not allowed after unary operator: '-pad'
(704,38): run-time error CSS1039: Token not allowed after unary operator: '-pad'
(709,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray1'
(727,28): run-time error CSS1039: Token not allowed after unary operator: '-colorFooter'
(742,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray1'
(753,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray1'
(851,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBrown'
(1057,30): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige'
(1061,29): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige'
(1065,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige'
(1069,31): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige'
(1073,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBody'
(1078,21): run-time error CSS1039: Token not allowed after unary operator: '-colorRed1'
(1116,28): run-time error CSS1039: Token not allowed after unary operator: '-colorWW'
(1117,24): run-time error CSS1039: Token not allowed after unary operator: '-colorWW'
(1121,17): run-time error CSS1039: Token not allowed after unary operator: '-colorWW2'
(1122,24): run-time error CSS1039: Token not allowed after unary operator: '-colorWW'
(1204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1205,17): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(1206,18): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(1210,32): run-time error CSS1039: Token not allowed after unary operator: '-colorOrange'
(1222,17): run-time error CSS1039: Token not allowed after unary operator: '-colorRed1'
(1223,35): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige2'
(1234,32): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige2'
(1255,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige2'
(1514,32): run-time error CSS1039: Token not allowed after unary operator: '-colorOrange'
(1563,28): run-time error CSS1039: Token not allowed after unary operator: '-colorOrange'
(1589,25): run-time error CSS1039: Token not allowed after unary operator: '-colorFooter'
(1596,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPetrol'
(1636,29): run-time error CSS1039: Token not allowed after unary operator: '-colorBody'
(1662,33): run-time error CSS1039: Token not allowed after unary operator: '-colorRed1'
(1724,32): run-time error CSS1039: Token not allowed after unary operator: '-colorBody'
(1740,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray1'
(1747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1748,24): run-time error CSS1039: Token not allowed after unary operator: '-padLR'
(1749,25): run-time error CSS1039: Token not allowed after unary operator: '-padLR'
(1769,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray1'
(1777,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray1'
(1841,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige'
(1929,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBody'
(1936,35): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige3'
(1946,35): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige3'
(1969,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGold'
(2098,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige2'
(2116,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige2'
(2124,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPetrol'
(2128,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige'
(2132,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige2'
(2136,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGold'
(2261,28): run-time error CSS1039: Token not allowed after unary operator: '-colorRed1'
(2262,24): run-time error CSS1039: Token not allowed after unary operator: '-colorRed1'
(2263,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray1'
(2278,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray1'
(2279,28): run-time error CSS1039: Token not allowed after unary operator: '-colorRed1'
(2344,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige2'
(2348,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige2'
(2379,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBrown'
(2389,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBrown'
(2502,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBody'
(2503,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBody'
(2513,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBody'
(2587,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige'
(2588,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBeige2'
(2669,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2689,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2690,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2718,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2787,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2911,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2935,42): run-time error CSS1039: Token not allowed after unary operator: '-pad'
(2942,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2946,35): run-time error CSS1039: Token not allowed after unary operator: '-footerHeight'
(3085,42): run-time error CSS1039: Token not allowed after unary operator: '-pad'
(3219,32): run-time error CSS1039: Token not allowed after unary operator: '-colorFooter'
(3371,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3431,22): run-time error CSS1039: Token not allowed after unary operator: '-footerHeight'
(3460,21): run-time error CSS1039: Token not allowed after unary operator: '-colorFooter'
(3537,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGold'
 */
html {
    scroll-padding-top: 135px; /*used to allow scrolling correctly to anchors, due to fixed navbar header problem*/
}

:root {
    --colorGold: #78623d;
    --colorBrown: #958774;
    --colorOrange: #f59433;
    --colorGraySoft: #ebe7e5;
    --colorPetrol: #3d7984;
    --colorRed1: #c20f2f;
    --colorGray1: #e0dcd7;
    --colorFooter: #c31030;
    --colorBeige: #faf6f3;
    --colorBeige2: #e7dcd5;
    --colorBeige3: #e1cdbc;
    --colorWW: #c8a891;
    --colorWW2: #996c4d;
    --colorLebanese: #2f7153;
    --colorCypriot: #c32035;
    --colorPafitiki: #dfb77c;
    --colorPafitiki2: #c58a38;
    --colorGreek: #183e6d;
    --colorBody: #6e2921;
    --mainNavigationTop: 19px;
    --liLanguageRight: 67px;
    --footerHeight: 310px;
}

@font-face {
    font-family: 'Gothic';
    src: url('../fonts/FiraSans-Light.woff2') format('truetype');
}

@font-face {
    font-family: 'FontExtraLight';
    src: url('../fonts/FiraSans-ExtraLight.woff2') format('truetype');
}

@font-face {
    font-family: 'FontRegular';
    src: url('../fonts/FiraSans-Regular.woff2') format('truetype');
}

@font-face {
    font-family: 'FontMedium';
    src: url('../fonts/FiraSans-Medium.woff2') format('truetype');
}

@font-face {
    font-family: 'FontBold';
    src: url('../fonts/FiraSans-Bold.woff2') format('truetype');
} 
  
body {
    min-height: 100vh;
    font-family: 'Gothic';
    font-size: 15.5px;
    line-height: 1.7;
    color: var(--colorBody);
    position: relative;
    padding-top: 0;
    padding-bottom: var(--footerHeight);
    overflow-wrap: break-word;
    background-color: var(--colorBeige);
}

    body.js-homepage,
    body.js-AdminLteBody {
        padding-top: 0;
    }

    body.js-AdminLteBody {
        padding-top: 0;
        padding-bottom: 0 !important;
    }

    body.loading {
        /*overflow: hidden;*/
    }

        body.loading .loaderSpin {
            display: block;
        }

.mce-content-body *,
.mce-content-body *:before,
.mce-content-body *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.js-fadeIn {
    display: none;
}

.loaderSpin {
    display: none;
    position: fixed;
    z-index: 1060; /*modal has 1050*/
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0) url(../Content/images/loading.gif) calc(50%) calc(50% - 15px) no-repeat;
    background-size: 96px;
}

.aLink {
    cursor: pointer;
    transition: .3s all ease;
}

a,
.aLink,
.ftGreen,
.itemSocial li,
.itemSocial li a,
.filterCol .form-control:not(.multiselect-search),
.modal .modal-title,
.modal-categoryContent ul li::before,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.pagination > li > a,
.pagination > li > span,
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: var(--colorRed1);
}

    a:hover,
    a:focus,
    .aLink:hover,
    .pagination > li > a:focus,
    .pagination > li > a:hover,
    .pagination > li > span:focus,
    .pagination > li > span:hover {
        color: var(--colorBody);
    }

    .border-green,
    .dropdown-menu,
    .modal .modal-content,
    .modal-header,
    .modal-footer,
    .modal-categoryContent ul li::before,
    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover,
    .multiselect-container > li.active label::before {
        border-color: var(--colorBody);
    }

.mce-content-body hr,
.docHtmlBody hr {
    border-color: var(--colorOrange);
}
  
.mce-content-body ul li::marker,
.docHtmlBody ul li::marker {
    color: var(--colorRed1);
}

a {
    cursor: pointer;
}

    a:focus {
        outline: none;
    }

    a, a:hover, a:active, a:visited, a:focus {
        text-decoration: none;
    }

a, button, input {
    transition: .3s all ease;
}

b, strong, .mce-content-body b, .mce-content-body strong, .mce-content-body b *, .mce-content-body strong *, .docHtmlBody b, .docHtmlBody strong, .docHtmlBody b *, .docHtmlBody strong * {
    font-weight: normal !important;
    font-family: FontMedium !important;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: normal;
    font-family: FontRegular;
    text-transform: uppercase;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: var(--colorBeige2);
    border-radius: 10px;
}

.docTag.badge {
    color: var(--colorBody);
    background-color: var(--colorBeige);
    font-size: 11px;
}

.brochureRow .badge {
    background-color: var(--colorBeige2);
    color: var(--colorBody);
}

.bootbox-accept {
    font-family: FontMedium
}

blockquote {
    border-left: 5px solid #57595b;
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: inherit;
}

    blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
        margin-bottom: 0;
    }

.docHtmlBody .emphasis,
.mce-content-body .emphasis {
    font-size: inherit;
    background-color: var(--colorOrange);
    color: white;
    padding: 2px 4px;
    display: inline;
    font-family: FontMedium !important
}

.mce-content-body img:not(.mce-pagebreak), /*this makes the images responsive in tinyMCE editor, in combination with adding the class in the initialization function (tinymce.init) */
.docHtmlBody img /*this makes images responsive in document content view */ {
    display: block;
    max-width: 100%;
    height: auto;
}

.mce-content-body sub, .docHtmlBody sub,
.mce-content-body sup, .docHtmlBody sup {
    font-size: 75% !important;
}

.mce-content-body {
    margin: 0;
    padding: 15px 30px;
}

.docHtmlBody {
    max-width: 795px;
}

    .mce-content-body,
    .docHtmlBody,
    .mce-content-body *,
    .docHtmlBody * {
        font-family: Gothic !important;
        overflow-wrap: break-word; /*NN:used for breaking words when TinyMCE inserts   tags instead of spaces*/
    }

        .mce-content-body p, .docHtmlBody p {
            margin: 0 0 15px;
        }

        .mce-content-body *:not(h1,h2,h3,h4,h5,h6),
        .docHtmlBody *:not(h1,h2,h3,h4,h5,h6) {
            /*font-size: 17px !important;*/
        }

        .mce-content-body h1,
        .mce-content-body h2,
        .mce-content-body h3,
        .docHtmlBody h1,
        .docHtmlBody h2,
        .docHtmlBody h3 {
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .mce-content-body h4,
        .mce-content-body h5,
        .mce-content-body h6,
        .docHtmlBody h4,
        .docHtmlBody h5,
        .docHtmlBody h6 {
            /*margin-top: 10px;
            margin-bottom: 10px;*/
            margin-top: 0;
            margin-bottom: 5px;
        }

            .mce-content-body h1,
            .mce-content-body h2,
            .mce-content-body h3,
            .mce-content-body h4,
            .mce-content-body h5,
            .mce-content-body h6,
            .mce-content-body h1 *,
            .mce-content-body h2 *,
            .mce-content-body h3 *,
            .mce-content-body h4 *,
            .mce-content-body h5 *,
            .mce-content-body h6 *,
            .docHtmlBody h1,
            .docHtmlBody h2,
            .docHtmlBody h3,
            .docHtmlBody h4,
            .docHtmlBody h5,
            .docHtmlBody h6,
            .docHtmlBody h1 *,
            .docHtmlBody h2 *,
            .docHtmlBody h3 *,
            .docHtmlBody h4 *,
            .docHtmlBody h5 *,
            .docHtmlBody h6 * {
                font-family: inherit;
                font-weight: normal
            } 

.img-bordered {
    /*outline: 1px solid #ffffff;*/
}

label {
    font-family: FontRegular;
    font-weight: normal;
}

.text-bold {
    font-family: FontMedium
}

p {
    word-break: break-word;
}

h1, .h1 {
    font-family: FontExtraLight !important;
    font-size: 3.6em; /*was 36*/
    line-height: 1;
}

h2, .h2 {
    font-size: 2.05em; /*was 30*/
}

h3, .h3 {
    font-size: 1.67em; /*was 24*/
}

h4, .h4 {
    font-size: 1.33em; /*was 18*/
}

h5, .h5 {
    font-size: 1.11em; /*was 14*/
}

h6, .h6 {
    font-size: 0.88em; /*was 12*/
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.2;
}

.storageSecBody h1,
.productsRow h1,
.documentsPartial h1 {
    position: relative;
    left: -5px;
    margin-bottom: 0;
    margin-top: 10px;
}

.recipeDetails h1 {
    font-size: 3em
}

.storageSecBody h2 {
    font-size: inherit;
    margin-top: 0;
    margin-bottom: 35px;
}

h2.ingredientsTitle {
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: FontRegular;
}

.navbar {
    border-radius: 0;
}

.navbar-default {
    border: 0;
    background-color: var(--colorRed1);
    margin-bottom: 0
}

body.js-homepage .navbar-default {
    background-color: var(--colorRed1);
    margin-bottom: 0;
}

.tooltip_templates {
    display: none;
}

.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus {
    background-color: var(--colorOrange);
    border-color: var(--colorOrange);
    outline: none
}

.btn-rounded {
    border-radius: 35px;
}

.btn-primary:hover {
    background-color: #54af46;
    border-color: #54af46;
}

a.btn-round {
    border-radius: 20px;
    padding: 3px 15px;
}

.btn.btn-product {
    font-size: 1.1em;
    min-width: 210px;
    color: white;
    white-space: normal;
}

.btn-product:hover {
    color: var(--colorGray1)
}

.navbar-default.navbar-fixed-top-scroll {
    /*background-color: hsl(350deg 85% 41% / 91%);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;*/
}

.row-well {
    padding-top: 60px;
    padding-bottom: 60px;
}

.row-well-md {
    padding-top: 55px;
    padding-bottom: 20px;
}

.row-well-sm {
    padding-top: 50px;
    padding-bottom: 50px;
}

.innerMenu {
    padding: 45px 0;
}

.row-well-xs {
    padding-top: 30px;
    padding-bottom: 30px;
}

iframe.docContentVideoIframe, .recipeImage {
    box-shadow: 1px 2px 5px hsl(27deg 32% 83% / 65%);
    /*border: 16px solid #fffef9;*/
    width: 100%;
    margin-bottom: 20px;
}

iframe.docContentVideoIframe {
    max-width: 800px;
    border: 5px solid var(--colorRed1);
    margin-top: 30px;
}

.recipeImage {
    position: relative;
}

.recipeProduct {
    z-index: 1;
    position: absolute;
    right: 3vw;
    bottom: -125px;
    text-align: center;
    border-radius: 50%;
    padding: 5px;
    padding-bottom: 0;
    background-color: #ece3dd;
    width: 139px;
    /* height: 185px; */
    font-family: fontregular;
    line-height: 1em;
}

    .recipeProduct img {
        width: 90px;
        box-shadow: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 23px;
        margin: auto;
    }

.recipeImage-list {
    /*border-width: 10px;
    border-style: solid;*/
    width: 100%
}

iframe.docContentVideoIframe, .recipeImage .bgImage {
    background-position: center;
    aspect-ratio: 16/9;
}

.js-vegasSliderInner {
    color: white;
    font-size: 7.27vw;
    text-transform: uppercase;
    font-family: FontMedium;
    position: absolute;
    padding-top: 203px;
    padding-left: 55px;
}

.js-vegasDots {
    text-align: center;
    /*position: absolute;
    bottom: 20px;*/
    background-color: rgb(200, 168, 145);
    padding: 11px 0;
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: hsl(0deg 0% 100% / 48%);
    border-radius: 50%;
    cursor: pointer;
}

    .dot.active {
        background: white;
    }

.js-mainNavigation {
    padding-top: var(--mainNavigationTop);
}

    .js-mainNavigation.navbar-nav > li > .dropMenuMore {
        margin-top: 5px;
        min-width: 108px;
        background-color: hsl(349 86% 31% / 1);
        border-top: 0;
        padding: 13px 10px;
    }

        .js-mainNavigation.navbar-nav > li > .dropMenuMore a {
            color: var(--colorGray1);
            font-family: 'FontMedium';
            padding: 8px 4px;
        }

    .js-mainNavigation.navbar-nav .dropMenuMore li.active a,
    .js-mainNavigation.navbar-nav .dropMenuMore a:hover,
    .js-mainNavigation.navbar-nav .dropMenuMore a:focus {
        background-color: transparent;
        color: white;
    }

.langUL {
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .langUL li.js-languageLink {
        display: inline-block;
    }

.js-navbarContainer .langUL li.js-languageLink,
.js-navbarContainer .langUL li.js-languageLink a {
    color: var(--colorGray1);
}

.js-navbarContainer.invert .langUL li.js-languageLink,
.js-navbarContainer.invert .langUL li.js-languageLink a {
    color: white;
}

.js-navbarContainer .langUL li.js-languageLink.active a,
.js-navbarContainer .langUL li.js-languageLink a:hover {
    /*text-decoration: underline;*/
    font-family: FontBold;
    color: white;
}

.js-navbarContainer .langUL li.js-languageLink a:hover {
    color: white;
}

.navbarMain.nav {
}

.navbar-default .navbar-nav.navbarMain > li.liSearch {
    background-position: left 18px;
    padding-left: 26px;
    background-size: 20px;
    position: absolute;
    right: calc(var(--liLanguageRight) + 87px);
    top: calc(var(--mainNavigationTop) - 2px);
    float: none;
}

.js-navbarContainer {
    padding-top: 29px;
    padding-bottom: 9px;
    align-items: flex-end;
}

    .js-navbarContainer.invert .liSearch {
        background-image: url('../Content/images/fakos.png');
    }

.tbSearch.form-control {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #57585a;
    box-shadow: none !important;
    border-radius: 0;
    padding-bottom: 0;
    padding-top: 10px;
    padding-left: 2px;
    max-width: 116px;
}

.js-homepage .tbSearch.form-control {
    color: white;
    height: 30px;
}

.logoLine {
    border-top: 2px solid var(--colorRed1);
    text-align: center;
    position: relative;
    margin: 60px 0;
}

    .logoLine img {
        position: absolute;
        top: -29px;
        background-color: var(--colorBeige);
        padding-left: 15px;
        left: 0;
        padding-right: 9px;
        right: 0;
        margin: auto;
    }

.pubContentColFixed {
    position: sticky;
}

.productsList.flexrow {
    justify-content: flex-start;
    width: 100%;
}

/*productsList used in BO (mce-content-body)*/
.productsList img {
    display: inline !important;
    --pad: 15px;
    margin: var(--pad);
    max-width: calc(177px - 2 * var(--pad));
}

.mce-content-body .productsList img {
    max-width: calc(110px - 2 * var(--pad));
}

.cc-nb-changep,
.footerAddress a {
    color: var(--colorGray1)
}

.float-none {
    float: none
}

.lblOurTeam {
    color: white;
    text-align: center;
    font-family: FontMedium;
    font-size: 24px;
    line-height: 1.3;
    padding: 0 138px;
    margin-bottom: 50px;
}
 
footer, body.js-homepage .navbar-default.navbar-fixed-top-scroll {
    background-color: var(--colorFooter);
    transition: all ease-in-out 0.3s;
    border: 0;
}

body.js-homepage .navbar-default.navbar-fixed-top-scroll {
    background-color: rgba(120, 98, 61, 0.85);
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
}

footer {
    color: var(--colorGray1);
    font-size: .7em;
    font-family: 'FontMedium';
    line-height: 1.4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

    footer a {
        color: var(--colorGray1);
    }

.footerCopy {
    font-size: 1em;
    font-family: FontRegular;
    letter-spacing: initial
}

.font-bold {
    font-family: FontMedium
}

.noPadding {
    padding: 0
}

.noPaddingTop {
    padding-top: 0 !important
}

.noPaddingBottom {
    padding-bottom: 0 !important
}

.noPaddingLeft {
    padding-left: 0 !important
}

.paddingTop15 {
    padding-top: 15px;
}

.paddingRight50 {
    padding-right: 50px;
}

.noMargin {
    margin: 0 !important
}

.noMarginBottom {
    margin-bottom: 0
}

.noMarginTop {
    margin-top: 0 !important
}

.marginTop10 {
    margin-top: 10px
}

.marginTop15 {
    margin-top: 15px
}

.marginTop20 {
    margin-top: 20px
}

.marginTop30 {
    margin-top: 30px
}

.marginBottom5 {
    margin-bottom: 5px
}

.marginBottom10 {
    margin-bottom: 10px
}

.marginBottom15 {
    margin-bottom: 15px
}

.marginBottom20 {
    margin-bottom: 20px
}

.marginBottom30 {
    margin-bottom: 30px
}

.marginBottom45 {
    margin-bottom: 45px
}

.hrSmall {
    width: 70px;
    border: 1px solid white;
    border-radius: 1px;
    margin-top: 22px;
}

.hrContact {
    width: 70px;
    border: 1px solid var(--colorBrown);
    border-radius: 1px;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 0
}

.hrContent {
    width: 142px;
    border-radius: 1px;
    margin-left: 0;
}

.vegas-content-scrollable {
    overflow: hidden; /*NN removed 'auto' because it showed scrollbar-y on resize*/
}

.contactArrow {
    position: relative;
    top: -30px;
    width: 27px;
}

.pubContentCol {
    padding: 30px 15px;
}

.js-slickCategories {
    padding: 0 13px;
}

.floatCat {
    position: absolute;
    top: 190px;
    left: 0;
    right: 0;
    margin: auto;
}

ul.ulStyledList /*used on Members page via Document's html*/ {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    flex-flow: wrap;
    list-style-type: none;
    padding: 0
}

    ul.ulStyledList li {
        margin-bottom: 10px;
        position: relative;
        text-align: center;
    }

        ul.ulStyledList li a {
            padding: 15px;
        }

.mce-content-body ul.ulStyledList {
    display: block;
    list-style-type: initial;
    padding-left: 40px
}

    .mce-content-body ul.ulStyledList li {
        padding: 0;
        margin-bottom: 0;
        text-align: left;
        margin: 0;
        border: 0;
        width: 100%
    }

        .mce-content-body ul.ulStyledList li a {
            padding: 0;
            background-image: none;
            font-size: inherit;
            color: inherit;
            display: inline;
        }

            .mce-content-body ul.ulStyledList li a,
            .mce-content-body ul.ulStyledList li a:hover {
                background-color: transparent;
            }

                .mce-content-body ul.ulStyledList li a[data-mce-selected="inline-boundary"] {
                    background-color: #bfe6ff;
                }

.itemContentImage {
    padding-bottom: calc(52.37% + 15px); /*add shifted width*/
}

.recipeDetails {
    padding: 30px 0;
}

.slick-arrow {
    z-index: 1;
}

    .slick-arrow:before {
        opacity: 1;
    }

.js-slickCategories .slick-arrow {
    width: 40px;
    height: 40px;
}

    .js-slickCategories .slick-arrow:before {
        content: ' ';
        background-image: url(../Content/images/arrowdown.png);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        height: 100%;
    }

.js-slickCategories .slick-prev:before {
    transform: rotate( 90deg );
}

.js-slickCategories .slick-next:before {
    transform: rotate(-90deg);
}

.js-slickVideos .slick-arrow {
    width: 44px;
    height: 44px;
}

    .js-slickVideos .slick-arrow:before {
        content: ' ';
        background-image: url(../Content/images/arrowdownMed.png);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        height: 100%;
    }

.js-slickVideos .slick-prev:before {
    transform: rotate( 90deg );
}

.js-slickVideos .slick-next:before {
    transform: rotate( -90deg );
}

a.slickCategory {
    padding: 40px 15px;
    padding-top: 45px;
    padding-bottom: 25px;
    position: relative;
    height: 100%;
    align-items: center;
    cursor: pointer;
    text-align: center;
    color: inherit
}

    a.slickCategory:hover,
    .divCategoryBack:hover {
        color: white
    }

.ftSizeCategory {
    font-size: 1.2em;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 15px;
    text-transform: uppercase;
}

.slickCatImage {
    margin-bottom: 5px;
    padding: 0 30px;
    max-width: 207px;
}

.archiveImageOuter.bgImage {
    margin: 15px 0;
    background-size: contain !important;
    padding-bottom: 58%
}

.productDetailsOuter .bgImage {
    background-size: cover !important;
    padding-bottom: 44%;
    background-position: center
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
    /*background: var(--colorBeige);*/
    border-radius: 0;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
    border-right-color: var(--colorBeige);
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
    border-left-color: var(--colorBeige);
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
    border-top-color: var(--colorBeige);
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: var(--colorBeige);
}

.product-img {
    color: var(--colorBody);
    line-height: 1.3;
}

    .product-img:hover {
        color: var(--colorRed1)
    }

    .product-img img {
        transition: all ease-in-out 0.3s;
    }

    .product-img:hover img {
        transform: scale(1.04, 1.04);
        transform-origin: bottom 5px;
    }

.tableProductInfo {
    width: 100%;
}

    .tableProductInfo th, .tableProductInfo td {
        padding: 5px 10px;
        border-color: inherit !important;
        border: 1px solid;
    }

    .tableProductInfo th {
        font-weight: normal;
        font-family: FontRegular;
        color: white
    }

    .tableProductInfo th, .headerWW {
        font-family: FontMedium;
        color: white
    }

    .tableProductInfo .lastRow td {
        border-bottom: 1px solid #c8a891 !important
    }

.headerWW {
    background-color: var(--colorWW);
    border-color: var(--colorWW);
}

.rowWW {
    color: var(--colorWW2);
    border-color: var(--colorWW);
}

    .rowWW td {
    }

.productsRow {
    padding: 40px 9vw;
}

.nutriInfo {
    width: 1255px;
    max-width: 100%;
    margin: 0 auto;
}

.productsFlexrow.flexrow {
    justify-content: flex-start;
    margin-top: 30px;
    text-align: center;
    column-gap: 15px;
}

.productsFlexrow > div {
    width: calc(20% - 15px);
}

.productsFlexrow img {
    max-height: 400px;
    max-width: 100%;
}

.productsGraph1 {
    height: 50px;
}

.productsGraph2 {
    height: 80px;
    background-repeat: repeat-x;
    background-color: white;
}

.archiveImageOuter .videoPlayIcon {
    padding-top: 18px;
}

    .archiveImageOuter .videoPlayIcon img {
        width: 66px;
    }

.fancybox-iframe {
    border: 5px solid #6fc062;
}

.imgHover {
    transition: all ease-in-out 0.3s;
}

a:hover .imgHover {
    transform: scale(1.301,1.301); /*zoom-in*/
    transform-origin: center 80px;
}

.storageSecBody {
    font-size: 1.11em;
    line-height: 1.55;
}

    .storageSecBody.customersBody {
        max-width: 665px;
        margin-left: 137px;
        padding: 4vw 0px;
        padding-right: 40px;
    }

.divCategoryBack {
    border-radius: 50%;
    text-align: center;
    padding: 27px 0;
    color: white;
    display: block;
    margin: auto;
    --wh: 262px;
    width: var(--wh);
    height: var(--wh);
}

    .divCategoryBack:hover {
        background-color: var(--colorOrange);
    }

    .divCategoryBack img {
        width: 135px;
    }

a.divCategoryBack:hover .imgHover {
    transform: scale(calc(165/177),calc(165/177)); /*zoom-out*/
}

a.brochureRow {
    color: var(--colorRed1);
    border-bottom: 1px inset var(--colorBeige2);
    float: left;
    width: 100%;
    padding: 15px 0;
}

    a.brochureRow:last-child {
        margin-bottom: 20px;
    }

    a.brochureRow:hover {
        background-color: var(--colorBeige2);
    }

.itemsTitleList {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.itemsSubTitleList {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.itemDetails {
    padding: 17px 16px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    background-color: var(--colorBeige2);
    text-align: center;
}

.itemsTitle {
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 1.4;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

    .itemsTitle a {
        /*color: var(--colorBody)*/
    }

.pubCol {
    position: relative;
    width: calc(100% / 3 - 18px);
    border: 0;
    /*padding: 17px;*/
    margin-bottom: 30px;
    /*box-shadow: 1px 2px 5px rgba(211, 210, 202, 0.65);*/
}

a.newsRow {
    color: inherit;
    margin-top: 9px;
    display: block
}

    a.newsRow.bordered {
        border: 4px solid #57585a;
    }

    a.newsRow:hover {
        background-color: hsl(120, 2%, 94%)
    }

    a.newsRow:first-child {
        margin-top: 0
    }

    a.newsRow.noImage .titleVideo {
        color: #57585a;
        font-family: Gothic
    }

    a.newsRow .bgImageDoc {
        height: 250px;
    }

    a.newsRow .newsRowText {
        padding: 0 1.3vw;
        padding-bottom: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-direction: column;
    }

    a.newsRow .bgImageDoc .newsRowText {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        padding-bottom: 30px;
        background-color: rgba(0, 0, 0, 0.3);
        transition: 0.5s all ease-in-out;
        justify-content: flex-end;
    }

    a.newsRow:hover .bgImageDoc .newsRowText {
        background-color: rgba(0, 0, 0, 0.1);
    }

.modal .modal-content {
    border-radius: 0;
    border-top-width: 7px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.modal .modal-title {
    font-family: FontMedium
}

.modal-header {
    border-bottom-width: 1px;
    padding: 10px 24px;
}

.modal-footer {
    padding: 22px 24px;
    border-top-width: 1px;
}

.modal .modal-body {
    padding: 15px 24px;
}

.modal-md .modal-body {
    padding: 25px 40px;
}

.modal ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}

    .modal ol > li {
        counter-increment: my-awesome-counter;
    }

        .modal ol > li::before {
            content: counter(my-awesome-counter) ". ";
            font-family: FontMedium
        }

.modal li {
    margin: 5px 0;
}

.modal-categoryContent ul li::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-size: 0.6em;
    font-weight: 900;
    padding: 3px;
    margin-right: 0;
    position: relative;
    top: -1px;
    left: -9px;
    margin-left: -22px;
    border: 3px solid;
    border-radius: 6px;
    background-color: #edeeed
}

.modal-categoryContent ul li::marker {
    content: '';
}

.videoRow {
    padding: 35px;
}

.bgImageDoc {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 16 / 9;
    position: relative;
    transition: 0.5s height ease-in-out, 0.5s margin-bottom ease-in-out;
}

.videoPlayIcon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-top: 50px;
    padding-left: 2vw;
    padding-right: 2vw;
    background-color: rgba(0, 0, 0, 0.42);
    transition: 0.5s all ease-in-out;
}

    .videoPlayIcon:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .videoPlayIcon img {
        width: 92px;
        transition: 0.5s all ease-in-out;
    }

.js-slickVideos .pubCol {
    top: 10px;
    transition: 0.5s all ease-in-out;
    position: relative;
    border-bottom: 18px solid transparent;
}

    .js-slickVideos .pubCol:hover {
        top: 0px;
    }

        /*works if used with .js-slickVideos .pubCol border-bottom*/
        .js-slickVideos .pubCol:hover .bgImageDoc {
            height: 246px;
            margin-bottom: -18px;
        }

        .js-slickVideos .pubCol:hover .videoPlayIcon img {
            transform: scale(1.25,1.25);
            transform-origin: center;
        }

.titleVideo {
    color: white;
    font-family: FontMedium;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
    word-break: break-word;
    margin-top: 25px;
}

.no-border {
    border: 0 !important
}

.addressDetailsCol {
    font-size: 0.99em;
}

.addressDetailsCol {
    margin-bottom: 15px
}

    .addressDetailsCol img {
        max-width: 66px;
        margin-bottom: 25px;
    }

.js-innerMenuItems a {
    flex: 1;
    min-width: 0;
    max-width: 255px;
    border-bottom: 1px solid #57585a;
    padding: 10px 17px;
    color: #57585a;
    text-align: center;
}

    .js-innerMenuItems a:hover {
        background-color: #e4e7e6;
    }

    .js-innerMenuItems a.active {
        color: white;
        background-color: var(--colorOrange);
        border-top-color: #57585a;
    }

        .js-innerMenuItems a.active:before {
            content: " ";
            width: 100%;
            border-top: 6px solid #57585a;
            position: absolute;
            left: 0;
            top: 0;
        }

    .js-innerMenuItems a img {
        display: inline-block;
    }

.js-innerMenuItems {
    max-width: 1804px;
}

    .js-innerMenuItems a div {
        display: inline-block;
        white-space: pre-wrap;
        vertical-align: middle;
        padding-top: 5px;
        padding-left: 10px;
        vertical-align: middle;
        width: 137px;
        max-width: 100%;
    }

.docHtmlBody.fixedColImage {
    max-width: 560px;
    float: left;
    padding-right: 30px;
}

.servicesContentText {
    padding: 100px 144px;
    padding-right: 30px;
    padding-bottom: 15px;
}

.productsContent {
    max-width: initial;
}

.coffeeServicesMenuOuter {
    background-color: var(--colorOrange);
    width: 450px;
}

.ulSideMenu {
    list-style-type: none;
    padding: 0
}

    .ulSideMenu li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.55);
        background-image: url(../Content/images/menu-triangle.png);
        background-size: 36px;
        background-position: left 64px center;
        background-repeat: no-repeat;
    }

        .ulSideMenu li.active,
        .ulSideMenu li:hover {
            background-color: #f4a65c;
            background-image: url('../Content/images/menu-triangle-hover.png');
        }

        .ulSideMenu li a {
            padding: 15px 85px;
            padding-left: 120px;
            color: var(--colorFooter);
            text-transform: uppercase;
            font-size: 1.45em;
            display: block
        }

        .ulSideMenu li.active a {
            color: var(--colorPetrol);
        }

.js-contentText {
    background-image: url('images/who we are bullet.png');
    background-repeat: no-repeat;
    background-position: 0px 7px;
    background-size: 24px;
    padding-left: 45px;
    padding-right: 15px;
    padding-bottom: 0;
}

.js-innerMenuItems a div {
    font-size: 1.05em;
    line-height: 1.2;
    text-align: left;
}

.itemSocial {
    font-size: 25px;
    list-style-type: none;
    padding: 0;
    margin-top: 5px
}

    .itemSocial li {
        display: inline-block;
        width: auto;
        padding: 0 6px;
        padding-top: 2px;
        cursor: pointer;
    }

        .itemSocial li,
        .itemSocial li a {
            transition: .3s all ease;
        }

            .itemSocial li:hover, .itemSocial li:hover a {
                color: var(--colorBody);
            }

.pnlfollowUs {
    margin-top: 25px;
    margin-bottom: 15px;
}

    .pnlfollowUs ul {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

        .pnlfollowUs ul li {
            display: inline-block;
            vertical-align: top;
        }

            .pnlfollowUs ul li a {
                padding: 0 9px;
            }


                .pnlfollowUs ul li a i {
                    font-size: 1.8em;
                    color: var(--colorRed1);
                }

.contactDetails.flexrow {
    row-gap: 18px;
    flex-direction: column;
}

.contactDetails .flexrow {
    column-gap: 18px;
    align-items: baseline;
    justify-content: initial;
}

    .contactDetails .flexrow i {
        font-size: 20px;
    }

footer .pnlfollowUs ul li a i {
    font-size: 1.5em;
    color: #e2e3e2;
}


.pnlfollowUs.contactfollowUs ul li a {
    padding-right: 22px;
    padding-left: 0;
}

    .pnlfollowUs.contactfollowUs ul li a i {
        color: #6c6d6f;
        font-size: 2.0em;
    }


.navbar-brand {
    height: auto;
    padding: 0px 15px;
    transition: none
}

.js-homepage .navbar-brand {
    margin-top: 0;
}

.navbar-brand,
.js-homepage .navbar-fixed-top-scroll .navbar-brand {
    margin-top: -34px;
}

.navbar-default .navbar-toggle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: white;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: var(--colorBody)
    }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.ul-inline li {
    display: inline
}

.navbar-default .navbar-nav.navbarMain > li > a,
.js-navbarContainer .langUL li.js-languageLink a {
    color: var(--colorGray1);
    line-height: 18px;
    text-transform: uppercase;
    padding: 3px 15px;
}

.js-navbarContainer .langUL li.js-languageLink a {
    --padLR: 2px;
    padding-left: vaR(--padLR) !important;
    padding-right: vaR(--padLR) !important;
}

.navbar-default .navbar-nav.navbarMain > li > a,
.js-navbarContainer .langUL li.js-languageLink a {
    font-family: FontMedium
}

.navbar-default .navbar-nav.navbarMain > li > a,
.js-navbarContainer .langUL li.js-languageLink a,
.tbSearch.form-control {
    font-size: 0.85em;
}

.navbar-default .navbar-nav.navbarMain > li > a,
footer {
    letter-spacing: 1.5px;
}

.js-navbarContainer.invert .navbar-nav.navbarMain > li > a {
    color: var(--colorGray1);
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.navbar-fixed-top-scroll .navbar-nav.navbarMain > li > a {
    color: var(--colorGray1);
}


.navbar-default .navbar-nav.navbarMain > li.active > a {
    font-family: FontBold;
    background-color: transparent;
    color: white;
    position: relative
}

/*.navbar-default .navbar-nav.navbarMain > li.active > a:after {
        content: "";
        position: absolute;
        left: 13px;
        right: 13px;
        bottom: 4px;
        border-bottom: 1px solid;
    }*/

.js-navbarContainer.invert .navbar-nav.navbarMain > li.active > a {
    background-color: transparent; /*hsl(82, 37%, 45%)*/
    color: white;
}

.navbar-default .navbar-nav.navbarMain > li > a:hover,
.navbar-default .navbar-nav.navbarMain > li > a:focus {
    background-color: transparent;
    color: white;
}

.navbar-default .navbar-nav.navbarMain > li.active > a:hover,
.navbar-default .navbar-nav.navbarMain > li.active > a:focus {
    color: white
}

.js-homepage .navbar-default .navbar-nav.navbarMain > li > a:hover,
.js-homepage .navbar-default .navbar-nav.navbarMain > li > a:focus {
    /*background-color: rgba(130, 132, 135, 0.5);*/
    background-color: transparent;
    color: rgba(255, 255, 255, 0.73);
}

.divFilterCategories .multiselect-container.dropdown-menu {
    display: block !important;
    position: relative;
    border: 0;
    box-shadow: none
}

.divFilterCategories .multiselect-filter {
    display: none;
}

.divFilterCategories .multiselect.dropdown-toggle {
    display: none
}

.contactInner {
    padding: 60px 2vw;
    padding-bottom: 20px !important;
}

.pubContentColFixed .contactInner {
    background-color: var(--colorBeige)
}

.addressRoad {
    font-size: 14px;
    line-height: 1.5;
    color: #818282;
}

.bgImage-contact {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.56);
}

.bgImage-home {
    background-position: center;
    padding-bottom: 51.5%;
}

body.pageStorage {
    padding-bottom: 58px;
}

.js-servicesPage .js-mainContainer {
    flex: 1
}

.valign-center {
    align-self: center;
}

.contactInner-sm {
    padding: 80px 4.5vw
}

.enText {
    color: #57585a;
    display: none;
}

.divLoggedInLayout {
    position: absolute;
    right: 50px;
    top: 0px;
    z-index: 1031; /*navbar-fixed-top is 1030*/
    text-align: right;
    background-color: hsl(0deg 0% 95% / 55%);
    padding: 0px 9px;
    margin-bottom: 0;
    line-height: 1.3;
}

body.js-homepage .navbar-default.navbar-fixed-top-scroll .divLoggedInLayout {
    background-color: rgba(0, 0, 0, 0.6);
    color: white
}

.divLoggedInLayout li:after {
    content: ' | ';
}

.divLoggedInLayout li:last-child:after {
    content: ' ';
}

.divLoggedInLayout, .divLoggedInLayout a {
    font-size: 0.9em;
}

.contactRowTop {
    margin-bottom: 60px;
}

.contactForm {
    width: 95%;
}

    .contactForm label.error {
        color: #bd0000;
        margin-bottom: 0;
        margin-top: 2px;
        font-size: 0.66em;
        font-family: FontMedium;
    }

.form-control {
    font-size: 0.95em;
    border-radius: 0;
    box-shadow: none !important;
    color: var(--colorBody);
}

.contactForm .form-control,
.customForm .form-control {
    padding: 8px;
    border: 0;
    border-bottom: 1px solid var(--colorBeige3);
    background-color: transparent;
}

.contactForm .form-control {
    padding: 0px 10px;
    font-size: 1em;
}

.contactForm textarea.form-control {
    border-bottom: 1px solid var(--colorBeige3);
}

.captchaDiv .form-control {
    font-size: 0.83em;
    padding: 7px;
    border: 0;
    background-color: rgba(255, 255, 255, 0.51);
}

.captchaDiv {
    max-width: 100%;
    width: 245px;
    text-align: center;
    background-color: #f1e7df;
    padding: 10px;
    padding-top: 12px;
    /* float: right; */
    margin-top: 10px;
    margin-bottom: 10px;
}

    .captchaDiv .realperson-challenge {
        color: var(--colorGold);
    }

    .captchaDiv .realperson-regen {
        padding-top: 6px;
        padding-bottom: 5px;
        color: hsla(0, 0%, 50%, 1);
    }

.seeMore {
    font-family: FontMedium;
    font-size: 0.85em;
    text-decoration: underline;
}

    .seeMore img {
        margin-left: 8px;
        position: relative;
        top: -2px;
        transform: rotate(90deg)
    }

.contactForm textarea.form-control {
    resize: none;
    padding-top: 15px;
    margin-top: 0;
}

.slides {
    padding-bottom: 50.31%;
    position: relative;
    left: -15px;
    width: calc(100% + 30px);
    height: calc(100vh - 81px);
}

.menuLogo {
    position: relative;
    margin-bottom: 0;
}

footer .menuLogo {
    /*width: 120px;*/
}

.ds-block {
    display: block
}

.ds-inline-block {
    display: inline-block
}

.position-relative {
    position: relative;
}

.liSearch {
    background-image: url('../Content/images/fakosGrey.png');
    background-position: left 15px;
    background-repeat: no-repeat;
    padding-left: 36px;
    background-size: 26px;
    padding-bottom: 9px;
    margin-left: 7px;
}

/*not on homepage*/
.js-navbarContainer.invert .tbSearch.form-control {
    border-bottom-color: white
}

.tbSearch.form-control::placeholder {
    color: hsl(220, 0%, 60%)
}

.contactForm .form-control::placeholder {
    color: #c7b29e;
}

/*on homepage*/
.js-navbarContainer.invert .tbSearch.form-control::placeholder {
    color: hsla(255, 0%, 100%, 0.55);
}


.organizationBox {
    width: 358px;
    height: 287px;
}

.bgImage {
    background-size: cover !important; /*!important used for native print*/
    background-repeat: no-repeat;
}

.bgImageBottom {
    aspect-ratio: 24 / 9;
    background-position: center;
}

.lrSections .bgImage {
    background-position: center;
    aspect-ratio: 12 / 8;
}

.lrSectionsProducts .bgImage {
    aspect-ratio: 12 / 7;
}

.cursor-pointer {
    cursor: pointer;
}

.lrImgRight, .lrImgLeft {
    background-image: url(/content/images/staxi.png);
    background-repeat: no-repeat;
}

.lrImgRight {
    background-position: bottom 20px right 15px;
}

.lrImgLeft {
    background-position: bottom 20px left 15px;
}

.bgImageStaxi {
    background-image: url(/content/images/staxi.png);
    background-color: var(--colorBeige2);
    background-blend-mode: color-dodge;
    background-position-x: -9px;
}

.bgImage-contact {
    background-image: url('images/fitides-contact-us-share.jpg');
    background-position: top center;
}

.bgImage-news {
    background-image: url('images/everything.jpg');
    background-position: bottom;
    padding: 40px;
    padding-bottom: 50%;
}

.bgGrayLight {
    background-color: var(--colorBeige2)
}

.bgGray {
    background-color: #e2e3e2
}

.bgPetrol {
    background-color: var(--colorPetrol);
}

.bgBeige {
    background-color: var(--colorBeige);
}

.bgBeige2 {
    background-color: var(--colorBeige2);
}

.bgGold {
    background-color: var(--colorGold)
}

.bgGray-light,
.mce-content-body,
.modal .modal-content {
}

.ftOrange {
    color: #e4ac5b
}

.ftWhite {
    color: white
}

.flexrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .flexrow.justify-normal {
        -webkit-justify-content: initial;
        justify-content: initial;
    }

    .flexrow.justify-center {
        -webkit-justify-content: center;
        justify-content: center;
    }

.flexrow-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; /* ipad */
}

.flexrowchild-fill {
    flex: 1;
}

.flex-direction-column {
    flex-direction: column
}

.flex-align-center {
    align-items: center
}

.about-products {
    justify-content: center;
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 20px;
    margin-top: 30px;
}

a.divWhereWhyBack {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 33%;
    background-position: center;
    text-align: center;
    color: white;
    font-family: 'FontMedium';
    font-size: 1.6em;
    line-height: 1.45;
    position: relative;
    text-transform: uppercase;
}

.divWhereWhy {
    position: relative
}

.divWhereWhyInner {
    background-color: rgba(0, 0, 0, 0.3);
    transition: all ease-in-out .3s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 5vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    align-items: flex-end;
}

a.divWhereWhyBack:hover .divWhereWhyInner {
    background-color: rgba(0, 0, 0, 0);
}

.socialIcons {
    list-style-type: none;
    position: absolute;
    bottom: 20px;
    left: 0
}

    .socialIcons li {
        margin-bottom: 25px
    }

        .socialIcons li img {
            width: 37px
        }

.btn, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active:focus {
    border-radius: 0;
    background-color: var(--colorRed1);
    border-color: var(--colorRed1);
    color: var(--colorGray1);
    font-family: FontRegular
}

    .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
        outline: none !important;
    }

/*#region NN Commons */

.alert {
    border-radius: 0;
}

#goTopSpan {
    color: var(--colorGray1);
    background-color: var(--colorRed1);
    padding: 5px 6px;
    padding-right: 4px;
}

.pagination > li > a,
.pagination > li > span {
    padding: 6px 8px;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: #333;
    background-color: transparent;
    border-color: transparent;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background-color: transparent;
    border-color: transparent;
}

.pagination > li > a,
.pagination > li > span {
    background-color: transparent;
    border-color: transparent;
}

.pagination > li > a, .pagination > li > span {
    font-size: 1.05em;
    border-radius: 0 !important;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: transparent;
    padding: 6px 8px;
}

.pagination > li.PagedList-skipToNext a {
    padding-right: 0;
}

.pagination > li.PagedList-skipToLast a,
.pagination > li.PagedList-skipToFirst a,
.pagination > li.PagedList-skipToPrevious a,
.pagination > li.PagedList-skipToNext a {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.filterCol .form-control:not(.multiselect-search) {
    height: 40px;
    border: none;
    background-color: var(--colorBeige2);
}

.multiselect-container.dropdown-menu {
    background-color: var(--colorBeige2)
}

table {
    page-break-inside: auto;
}

tr {
    page-break-inside: avoid;
    page-break-after: auto;
}

thead {
    display: table-header-group;
}

tfoot {
    display: table-footer-group;
}

.panel {
    border-radius: 0;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    padding: 0
}

    .breadcrumbSmall, .breadcrumb.breadcrumbSmall > li + li:before {
        color: var(--colorBrown);
    }

.breadcrumbSmall {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 17px;
}

.breadcrumb.breadcrumbSmall > li a:hover {
    color: var(--colorBrown) !important;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: #f2f3f2;
}

.datepicker td, .datepicker th {
    border-radius: 0;
}

.datepicker th {
    font-weight: normal;
}

.mce-content-body table, .docHtmlBody table {
    border-collapse: separate !important;
    border-spacing: 10px;
}

.dropdown-menu .inner::-webkit-scrollbar {
    width: 5px;
}

.dropdown-menu .inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a48d61;
}

.dropdown-menu .inner::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #d8cebb;
}

.dropdown-menu {
    border-radius: 0;
}

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        background-color: transparent;
    }

.filterCol {
    margin-bottom: 20px;
    margin-top: 10px;
}

    .filterCol .multiselect {
        padding: 9px 12px;
        white-space: normal;
    }

.multiselect.dropdown-toggle {
    width: inherit;
    font-size: 0.95em;
}

a.filterLink, .js-clearAllFilters {
    /*color: #b34747;*/
}

.js-clearAllFilters {
    font-size: 13px;
    font-family: 'FontMedium';
}

a.filterLink {
    position: relative;
    top: 0px;
    margin-left: 6px;
}

.filtersTitle {
    display: block;
    font-weight: normal;
    /*font-size: 0.9em;*/
    margin-bottom: 10px;
    position: relative;
}

.multiselect-search {
    background-color: white;
}

.multiselect-container .input-group {
    margin: 5px 0;
}

.multiselect-container.dropdown-menu {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.12);
    min-width: 100%;
}

.dropdown-menu {
    padding: 10px 0;
}

.datepicker-dropdown:before {
    border-bottom-color: #4a983e;
}

.btnMultiselect {
    width: 100%;
}

.btn-group.open > .multiselect.dropdown-toggle.btn-default,
.bootstrap-select.open > .dropdown-toggle.btn-default,
.multiselect.dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle:hover {
    color: #fff;
    background-color: var(--colorBody);
    border-color: var(--colorBody);
}

.multiselect-container .multiselect-reset .input-group {
    width: 100%;
    margin: 0;
    margin-top: 4px;
}

.dropdown-menu > li > a {
    color: var(--colorBody);
}

.multiselect-container > li {
    padding: 0;
}

    .multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
        margin: 0;
        white-space: normal;
    }

    .multiselect-container > li > a.multiselect-all label {
        font-weight: normal;
        font-family: FontMedium
    }

    .multiselect-container > li.active > a > label {
        font-family: FontMedium;
    }

    .multiselect-container > li > a > label {
        padding: 0px 20px 0px 28px;
        font-family: 'Gothic';
    }

        .multiselect-container > li > a > label > input[type=checkbox] {
            display: none;
        }

        .multiselect-container > li > a > label:before {
            border: 1px solid #d0d2d0;
            border-radius: 3px;
            width: 18px;
            height: 18px;
            text-indent: 2.5px !important;
            line-height: 1.4 !important;
            background: #f7f8f7 !important;
            margin-bottom: 0 !important;
            cursor: pointer;
            content: " ";
            font-family: 'Font Awesome 5 Free';
            font-size: 11px;
            font-weight: 900;
            left: 0;
            top: 1px;
            position: absolute;
        }

    .multiselect-container > li.active label::before {
        content: "\f00c";
    }

.input-group-addon,
.btn.multiselect-clear-filter,
.multiselect-reset .btn-block {
    border-color: #cccccc;
}

.input-group-addon,
.btn.multiselect-clear-filter,
.multiselect-reset .btn-block,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: transparent;
}

.btn.multiselect-clear-filter,
.multiselect-reset .btn-block {
    color: #545454;
}

.multiselect-reset .btn-block {
    font-size: 13px;
    margin-bottom: 5px;
    background-color: var(--colorBeige);
    border-color: var(--colorBeige2);
    display: inline;
}

.input-group-addon {
    border-radius: 0;
}
/*#endregion */

@media print {
    body {
        padding: 0;
    }

    a[href]:after {
        content: none !important;
    }

    .col-full-height {
        min-height: 0 !important;
    }

    .row-well {
        padding: 0 !important;
    }

    .js-postContent .flexrow {
        display: block;
    }

    blockquote {
        border-color: transparent;
        border-left-color: #57595b;
    }

    .btnPrint, footer, .dataTables_length, .dataTables_filter, .panel-heading, .dataTables_info, .dataTables_paginate, .downloadOriginal, #goTop, .navLayoutcontainer, .pubContentColFixed, .docContentVideoIframe, .breadcrumb, .divLoggedInLayout, .itemSocial {
        display: none !important
    }

    .pubContentColFixed {
        position: initial !important;
        max-width: initial !important;
        padding-left: 0 !important;
    }

    .pubContentCol .itemMonth {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .docHtmlBody, .pubContentCol {
        max-width: 100%;
    }

    .table {
        margin-bottom: 0 !important;
    }

    .table-bordered th, .table-bordered td {
        border: 0 !important;
    }

    .table-bordered {
        border: 0 !important;
    }

    .panel,
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        border: 0 !important
    }

    .panel-body {
        padding: 0px 5px !important;
    }
}

@media screen and (max-width: 1644px) {
}

@media screen and (max-width: 1439px) {
    :root {
        --liLanguageRight: 21px;
    }

    .navbar-default .navbar-nav.navbarMain > li > a,
    .js-navbarContainer .langUL li.js-languageLink a {
        padding: 3px 11px;
    }

    h1 {
        font-size: 2.9em;
    }

    .storageSecBody.customersBody {
        margin-left: 40px;
    }
}

@media screen and (max-width: 1199px) {

    :root {
        --liLanguageRight: 18px;
        --mainNavigationTop: 20px;
    }

    .innerMenu {
        padding: 26px 0;
    }

    .js-innerMenuItems a {
        padding: 10px 5px;
    }

        .js-innerMenuItems a div {
            padding-left: 0;
            padding-right: 0;
            width: 100%;
            text-align: center;
        }

    .navbar-default .navbar-nav.navbarMain > li > a,
    .js-navbarContainer .langUL li.js-languageLink a {
        padding: 3px 7px;
    }

    .storageSecBody h1, .productsRow h1 {
        font-size: 2.3em;
    }

    .divCategoryBack {
        --wh: 213px;
        padding: 21px 0;
    }

        .divCategoryBack img {
            width: 100px;
        }

    .ftSizeCategory {
        font-size: 1.05em;
    }

    .docHtmlBody,
    .docHtmlBody.fixedColImage {
        max-width: initial;
    }

        .docHtmlBody.fixedColImage {
            padding-right: 0;
        }

    .servicesContentText {
        padding-left: 50px;
        padding-right: 50px;
    }

    .addressDetailsOuterCol {
        border-top: 1px dotted #8f9194;
        padding-top: 40px;
    }

    .js-navbarContainer {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-brand {
        padding-right: 0;
        margin-top: 0;
        padding-left: 30px;
    }

    .contactInner {
        padding: 6vw 3vw;
    }

    .contactInner-sm {
        padding: 6vw 3vw;
    }

    .js-slickCategories .slick-arrow {
        width: 30px;
        height: 30px;
    }

    .navbar-nav > li {
        float: none;
        display: inline-block;
        margin-top: 3px;
    }

    .navbar-brand, .js-homepage .navbar-fixed-top-scroll .navbar-brand {
        margin-top: -22px;
    }
}

@media screen and (max-width: 991px) {

    :root {
        --liLanguageRight: 26px;
    }

    h1 {
        font-size: 2.1em;
        left: -2px;
    }

    .productsFlexrow.flexrow {
        margin-top: 15px;
    }

    .productTitle {
        display: none
    }

    .pubCol {
        width: calc(50% - 15px);
    }

    .coffeeServicesMenuOuter {
        width: 320px;
    }

    .docHtmlBody.fixedColImage {
        padding-right: 0;
    }

    .storageSecBody.customersBody {
        margin-left: 20px;
        padding-right: 20px;
        max-width: 100%;
        padding-bottom: 30px;
    }

    .recipeColLeft {
        margin-top: 30px
    }

    .js-innerMenuItems a {
        flex: 1;
        padding: 10px 1px;
    }

    .ulSideMenu li {
        background-size: 36px;
        background-position: left 20px center;
    }

        .ulSideMenu li a {
            padding: 15px 20px;
            padding-left: 70px;
            font-size: 1.2em;
        }

    .modal ol {
        padding-left: 0;
    }

    .archiveImageOuter .videoPlayIcon {
        padding-top: 12vw;
    }

    .servicesContentText {
        padding-left: 25px;
        padding-right: 25px;
    }

    .flexrow-md {
        display: block
    }

        .flexrow-md .pubContentColFixed {
            position: initial;
            padding-top: 0;
        }

        .flexrow-md .col-full-height {
            min-height: 0;
        }

    .row-well-md {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .innerMenu {
        padding: 25px 0;
    }

    .js-innerMenuItems a div {
        font-size: 0.85em;
        line-height: 1.25;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 7px;
        padding-bottom: 0;
        text-align: center;
    }

    .lblOurTeam {
        padding: 0 30px;
    }

    a.newsRow .bgImageDoc {
        height: auto;
        padding-bottom: 52.37%;
    }

    .divLoggedInLayout {
        right: 250px;
    }

    a.slickCategory {
        padding-left: 0;
        padding-right: 0
    }

    .modal-md .modal-body {
        padding: 20px 20px;
    }

    .divCategoryBack {
        --wh: 230px;
        padding: 30px 0;
    }

        .divCategoryBack img {
            width: 100px
        }

    .navbar-default .navbar-nav.navbarMain > li > a,
    .js-navbarContainer .langUL li.js-languageLink a,
    .tbSearch.form-control {
        font-size: 0.73em;
    }

    .navbar-default .navbar-nav.navbarMain > li > a,
    .js-navbarContainer .langUL li.js-languageLink a {
        padding: 3px 5px;
    }

    .js-innerMenuItems a img {
        zoom: 0.8;
    }

    .productsList img {
        max-width: calc(155px - 2 * var(--pad));
    }
}

@media screen and (max-width: 767px) {

    :root {
        --footerHeight: 301px;
    }

    body {
        padding-bottom: calc(var(--footerHeight) ); /*footer height  */
    }

        body:not(.mce-content-body) {
            font-size: 15px;
            background-image: none !important;
            /*padding-bottom: 88px;*/
        }

    html {
        scroll-padding-top: 110px; /*for jumping to section id# correctly (fixed navbar header)*/
    }

    footer {
        text-align: center;
        padding: 20px 10px;
        height: auto;
        font-size: 11px;
    }

    .tableProductInfo th {
        font-family: FontRegular;
    }

    .tableProductInfo th, .tableProductInfo td {
        padding: 5px 5px;
        font-size: 13px;
        line-height: 1.2;
    }

    .breadcrumbSmall {
        font-size: 13px;
        /* line-height: 1.3; */
    }

    .productDetailsOuter .bgImage {
        padding-bottom: 75%;
    }

    .lrSectionsProducts .bgImage {
        aspect-ratio: 12 / 7;
    }

    .storageSecBody h1, .productsRow h1, .recipeDetails h1 {
        font-size: 2.2em;
    }

    .productsGraph1 {
        height: 25px;
    }

    .itemsTitleList {
        -webkit-line-clamp: 4;
    }

    .itemsSubTitleList {
        -webkit-line-clamp: 3;
    }

    .pubCol {
        width: 100%;
        margin-bottom: 20px;
    }

    .lrImgLeft {
        background-position: bottom 20px right 15px;
    }

    .about-products {
        column-gap: 15px;
        margin-bottom: 10px;
    }

    .btn-product {
        width: auto;
    }

    .bgImage-storage {
        padding-bottom: 52.04%;
    }

    .bgImage-home {
        padding-bottom: 100%;
    }

    .bgImage-services {
        padding-bottom: 100%;
    }

    .mce-content-body h3, .docHtmlBody h3, .h3Title {
        font-size: 28px;
    }

    .pnlfollowUs {
        padding-top: 10px;
    }
  
    .liCreatedBy-xs {
        display: inline-block !important
    }

    .lblOurTeam {
        font-size: 16px;
    }

    .coffeeServicesMenuOuter {
        width: 100%;
    }

    .docHtmlBody,
    .docHtmlBody.fixedColImage {
        max-width: initial;
    }

    .js-innerMenuItems a {
        max-width: initial;
    }

        .js-innerMenuItems a img {
            display: inline-block;
        }

    .storageSecBody h1, .productsRow h1, .documentsPartial h1 {
        margin-top: 15px;
    }

    .btn.btn-product {
        min-width: 140px;
    }

    .slides {
        height: 36vh;
    }

    .js-vegasDots {
        padding: 6px 0;
    }

    .productsList img {
        max-width: calc(138px - 2 * var(--pad));
    }

    .storageSecBody {
        font-size: 1.1em;
        padding: 9vw 15px;
    }

    .navbar-nav > li {
        float: none;
        display: block;
        margin-top: 0;
    }

    .ulSideMenu li {
        background-size: 36px;
        background-position: left 28px center;
    }

        .ulSideMenu li a {
            padding: 10px 58px;
            padding-left: 83px;
        }

    .js-vegasSliderInner {
        font-size: 16vw;
        line-height: 1.0;
        padding-top: 150px;
        padding-left: 34px;
    }

    .servicesContentText {
        margin-top: 30px;
    }

    .servicesContentText {
        padding: 0vw 30px;
    }

    .navbar-default .navbar-nav.navbarMain > li.liSearch {
        right: 21px;
    }

    .js-homepage h2 {
        font-size: 1.7em
    }

    .js-homepage h3 {
        font-size: 1.2em;
    }

    .hrSmall {
        margin-top: 10px;
    }

    .row-well {
        padding-top: 8vw;
        padding-bottom: 8vw;
    }

    .row-well-md {
        padding-top: 8vw;
        padding-bottom: 8vw;
    }

    .row-well-sm {
        padding-top: 15px;
        padding-bottom: 15px;
        background-size: auto;
    }

    .innerMenu {
        padding: 15px 0;
    }

    .navbar-nav {
        margin: 0px -15px;
        max-width: initial;
    }

    a.slickCategory {
        padding-bottom: 30px;
    }

    .contactForm {
        margin-top: 15px;
    }

    .pnlfollowUs.contactfollowUs ul li a {
        padding: 0 10px;
    }

        .pnlfollowUs.contactfollowUs ul li a i {
            font-size: 2.8em;
        }

    .addressDetailsOuterCol {
        padding-top: 0;
        border: 0
    }

    .addressDetailsCol {
        padding-top: 20px;
        padding-bottom: 5px;
        border-top: 1px solid #f2f3f2;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
    }

        .addressDetailsCol img {
            max-width: initial;
            margin-bottom: 15px;
            margin-left: auto;
            margin-right: auto;
        }

    .addressDetailsCol {
        font-size: 1.1em;
    }

    .captchaDiv {
        width: 100%;
    }

    .modal ul {
        padding-left: 31px;
    }

    .modal ol ul {
        padding-left: 30px;
    }

    body.js-homepage .js-navbarContainer .navbar-collapse {
        background-color: var(--colorFooter);
        border-color: transparent;
    }

    .js-homepage .navbar-fixed-top-scroll .navbar-brand {
        margin-top: 0;
    }

    .flexrow:not(.flexrow-xs) {
        display: block
    }

    .divProducts {
        min-height: calc(100vh - 257px - 103px);
    }

    .js-innerMenuItems a {
        padding: 10px 15px;
        display: block;
        text-align: left;
    }

        .js-innerMenuItems a div {
            font-size: 1.05em;
            padding-left: 15px;
            width: auto;
            text-align: left;
        }

            .js-innerMenuItems a div br {
                display: none
            }

    .divLoggedInLayout {
        right: 0;
        text-align: center;
        /* border-bottom: 1px dashed white; */
        /* top: 0px; */
        line-height: 1.6;
    }

    .contactArrow {
        top: -10px;
    }

    .imgCol {
        padding-left: 30px;
        padding-right: 30px;
    }

    .js-contentText {
        padding-left: 15px;
        padding-right: 15px;
        background-image: none !important;
    }

    .partnersPage .js-contentText {
        padding-left: 0;
        padding-right: 0;
    }

    .videoPlayIcon {
        padding-left: 7vw;
        padding-right: 7vw;
    }

    .archiveImageOuter .videoPlayIcon {
        padding-top: calc(50% - 25vw);
    }

    .titleVideo {
        line-height: 1.3;
    }

    .divWhereWhyInner {
        padding-bottom: 55px;
    }

    a.newsRow .newsRowText {
        padding-left: 4vw;
        padding-right: 4vw;
    }

    .archiveImageOuter {
        width: 100%;
    }

    .js-navbarContainer {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 3px;
    }

        .js-navbarContainer .navbar-brand {
            margin-top: 0;
            padding-left: 15px;
        }

        .js-navbarContainer .navbar-header {
            margin-bottom: 13px;
        }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 380px;
    }

    .navbar-default .navbar-nav.navbarMain > li > a {
        text-align: center;
        font-size: 0.9em;
        padding: 11px 6px;
    }

    .langUL {
        margin-top: 9px;
        margin-bottom: 7px;
        text-align: center
    }

    .langUL, .tbSearch.form-control {
        font-size: 1.1em;
    }

    .navbar-default .navbar-nav.navbarMain > li.liSearch {
        position: relative;
        right: auto;
        top: 0;
        padding-bottom: 5px;
        margin: auto;
        width: 160px;
        max-width: 100%;
    }

    .tbSearch.form-control {
        max-width: 100%;
    }

    .divSearchMembers {
        width: 100%;
    }

    .filterCol {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .filtersTitle {
        margin-bottom: 2px;
    }

    .divCategoryBack {
        display: block;
        --wh: 250px;
    }

        .divCategoryBack img {
            width: 135px;
        }

    .floatCat {
        position: relative;
        top: 0;
    }

    .divWhereWhy {
        margin-top: 0;
    }

    .socialIcons {
        padding-left: 15px;
        bottom: 7vw;
    }

        .socialIcons li img {
            width: 40px;
        }

    a.divWhereWhyBack {
        padding-bottom: 66%;
    }

    .bgImage-contact {
        padding-bottom: 80%;
    }

    .bgImage-news {
        padding-bottom: 92%;
        margin-bottom: 20px
    }

    .pubContentColFixed {
        padding-top: 15px;
        padding-bottom: 15px;
        position: relative;
        z-index: 0;
    }

    .contactInner {
        padding: 3vw 3vw;
    }

    .divSearchMembers {
        margin-top: 0;
    }
}

@media screen and (max-width: 420px) {
}

@media (min-width: 768px) {

    footer {
        height: var(--footerHeight);
    }

    .modal-md {
        width: 723px;
    }

    .navbar-default {
        /*height: 118px;*/
    }

    .col-full-height {
        min-height: calc(100vh - 118px - 58px); /* minus header and footer heights*/
    }

    ol ul {
        padding-left: 30px;
    }

    .js-innerMenuItems a {
        border-right: 1px solid #57585a;
    }

        .js-innerMenuItems a:first-child {
            border-left: 1px solid #57585a;
        }

    .sectionSubHeader {
        padding: 0 70px;
        color: var(--colorFooter);
        font-size: 1.63em;
        line-height: 1.57;
    }

    .pubContentColFixed {
        top: 8vh;
        /* width: inherit; */
        /* max-width: 320px; */
        /*padding-bottom: 250px;*/ /*removed because causes unnecessary height to page when little content*/
        padding-top: 1vw;
        z-index: 1;
    }

    .archiveCSearchImg {
        margin-bottom: 15px
    }
}

@media (min-width: 992px) {

    .modal-md {
        width: 950px; /*NN  */
    }

    .archiveImageOuter {
        width: 180px;
    }

    .extPad30 {
        padding: 0 30px;
    }

    .modal ul,
    .modal ol {
        padding-right: 17px;
    }

    .modal.modal-categoryContent ol {
        padding-left: 5px;
    }
}

@media (min-width: 1200px) {
    .addressDetailsOuterCol {
        border-left: 3px solid #57585a
    }

    .addressDetailsCol {
        padding-left: 3.5vw;
        padding-right: 0
    }

    .recipeColLeft {
        padding: 0 5vw;
        margin-top: 20px;
    }

    iframe.docContentVideoIframe {
        margin-top: 60px;
    }

    .recipeColLeft .recipeImage {
        margin-top: 5px;
    }
}

@media (min-width: 1400px) {

    .container-ext-md,
    .container-ext {
        width: 1320px; /*NN new Bootstrap 5 xxl col*/
    }

    .divWhereWhy:before {
        content: ' ';
        position: absolute;
        background-color: var(--colorGold);
        left: -80px;
        right: -80px;
        top: 13%;
        bottom: 0;
        margin: auto;
        width: calc(100% + 160px);
        height: 63%;
    }
}

@media (min-width: 1600px) {

    .container-ext-md {
        width: 1420px; /*NN  */
    }

    .container-ext {
        width: 1580px; /*NN  */
    }

    .modal-lg {
        width: 1350px; /*NN  */
    }
}

@media (min-width: 1721px) {

    .container-ext {
        width: 1680px; /*NN  */
    }
}

@media (min-width: 2560px) {

    .pubContentCol {
        padding-left: 0;
        padding-right: 10px;
        margin: auto;
    }
}

@media only screen and (min-width : 992px) and (max-width : 1270px) {
    .lrSectionsProductsRetail .bgImageContain {
        background-size: 115% !important;
    }
}

/* Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

    .storageSecBody {
        font-size: 1.0em;
        line-height: 1.4;
    }

        .storageSecBody h1 {
            font-size: 2em;
            margin-top: 0px;
        }

    .lrSectionsProductsRetail .bgImageContain {
        background-size: 121% !important;
    }
}