html {
    scroll-padding-top: 135px; /*used to allow scrolling correctly to anchors, due to fixed navbar header problem*/
}

body {
    min-height: 100vh;
    font-family: 'Gothic';
    font-size: 16px;
    line-height: 1.7;
    color: #57585a;
    position: relative;
    padding-top: 118px;
    padding-bottom: calc(58px + 30px); /*footer height + bottom spacing*/
    overflow-wrap: break-word;
}

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

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

    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,.54) url(../Content/images/loading.gif) calc(50%) calc(50% - 15px) no-repeat;
    background-size: 90px;
}

a,
.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: #5d9914;
}

    a:hover,
    a:focus,
    .pagination > li > a:focus,
    .pagination > li > a:hover,
    .pagination > li > span:focus,
    .pagination > li > span:hover {
        color: #5d9914;
    }

    .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: #70993d;
    }

.mce-content-body hr,
.docHtmlBody hr {
    border-color: #57585a;
}

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: GothicBold !important;
}

.bootbox-accept {
    font-family: GothicBold
}

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 b,
.docHtmlBody strong,
.mce-content-body b,
.mce-content-body strong {
    font-size: inherit;
}

.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: 775px;
}

    .mce-content-body,
    .docHtmlBody,
    .mce-content-body *,
    .docHtmlBody * {
        font-family: Gothic !important;
        line-height: 1.7 !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: GothicBold;
    font-weight: normal;
}

.text-bold {
    font-family: GothicBold
}

p {
    word-break: break-word;
}

h1, .h1 {
    font-size: 2.2em; /*was 36*/
}

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

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

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

h5, .h5 {
    font-size: 1.15em; /*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.3;
}

.navbar-default {
    border: 0;
    background-color: white
}

body.js-homepage .navbar-default {
    background-color: transparent;
}

.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus {
    background-color: #6fc062;
    border-color: #6fc062;
    outline: none
}

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

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

.navbar-default.navbar-fixed-top-scroll {
    background-color: rgba(255, 255, 255, 1);
}

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

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

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

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

.pubContentColFixed {
    position: sticky;
}

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

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

footer, body.js-homepage .navbar-default.navbar-fixed-top-scroll {
    background-color: rgba(87, 88, 90, 0.9);
    transition: all ease-in-out 0.3s;
}

footer {
    color: white;
    padding-bottom: 15px;
    font-size: .88em;
    position: absolute;
    bottom: 0;
    width: 100%
}

.font-bold {
    font-family: GothicBold
}

.noPadding {
    padding: 0
}

.noPaddingTop {
    padding-top: 0
}

.noPaddingBottom {
    padding-bottom: 0
}

.paddingTop15 {
    padding-top: 15px;
}

.paddingRight50 {
    padding-right: 50px;
}

.noMargin {
    margin: 0
}

.noMarginBottom {
    margin-bottom: 0
}

.noMarginTop {
    margin-top: 0
}

.marginTop10 {
    margin-top: 10px
}

.marginTop15 {
    margin-top: 15px
}

.marginTop30 {
    margin-top: 30px
}

.marginBottom5 {
    margin-bottom: 5px
}

.marginBottom10 {
    margin-bottom: 10px
}

.marginBottom15 {
    margin-bottom: 15px
}

.marginBottom20 {
    margin-bottom: 20px
}

.marginBottom30 {
    margin-bottom: 30px
}

.hrSmall {
    width: 70px;
    border: 2px solid #57585a;
    border-radius: 5px;
}

.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;
}

#videoPlay {
    position: relative;
}

.videoElement {
    background-image: url(../Content/images/videobg.jpg);
    background-position: top center;
    background-size: cover;
    width: 100%;
    padding-bottom: 55%;
    /* background: rgba(81, 150, 191, 0.60); */
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
}

#videoElementText {
    position: absolute;
    font-size: 40px;
    text-align: center;
    line-height: 80px;
    /* text-transform: uppercase; */
    color: #000;
    width: 100%;
    top: 42%;
    text-shadow: 10px 10px 20px rgba(248, 248, 248, 0.60);
}

.button.button-border.button-light {
    border: 2px solid #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    padding: 5px 15px;
    padding-bottom: 9px;
}

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

.rowCategories {
    background-image: url(../Content/images/catBack.jpg);
}

.rowHow {
    background-image: url(../Content/images/forest.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 373px;
    position: relative;
}

.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;
        }

    ul.ulStyledList.ulStyledList-members li {
        margin: 5px;
        width: calc(100% / 3 - 10px); /*subtract the margins*/
        border: 1px dashed;
        padding: 15px;
    }

    ul.ulStyledList.ulStyledList-finacialResults li {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
        width: calc(100% / 4 - 20px); /*subtract the margins*/
    }

        ul.ulStyledList.ulStyledList-finacialResults li a {
            padding: 40px 15px 125px 15px;
            display: block;
            /*border: 2px solid #e1d9cc;*/
            color: #57585a;
            font-size: 1.7em;
            background-color: #e0d8ca;
            color: #b9a788;
            background-image: url(../Content/images/logo_white.png);
            background-size: 100px;
            background-repeat: no-repeat;
            background-position: calc(100% - 10px) calc(100% - 4px);
        }

            ul.ulStyledList.ulStyledList-finacialResults li a:hover {
                background-color: #eae5dc;
            }

.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*/
}


.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.47em;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 15px;
}

.slickCatImage {
    margin-bottom: 5px;
    width: 126px;
}

.archiveImageOuter {
    margin-bottom: 10px;
}

    .archiveImageOuter .bgImage {
        padding-bottom: 56%
    }

    .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;
}

.divCategoryBack {
    background-color: #e0d8ca;
    text-align: center;
    padding: 25px 15px;
    padding-bottom: 40px;
    margin: 0 20px;
    color: #57585a;
    flex: 1; /*ipad*/
}

    .divCategoryBack:hover {
        background-color: #d2c6b2;
    }

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

a.brochureRow {
    color: inherit;
    border-bottom: 1px solid;
    float: left;
    width: 100%
}

    a.brochureRow:hover {
        background-color: hsl(87, 44%, 79%);
    }


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: GothicBold
}

.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: GothicBold
        }

.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: top;
    height: 228px;
    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: GothicBold;
    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;
    }

a.js-organizationDetailsCol {
    border-bottom: 1px solid #57585a;
    padding: 21px 15px; /*don't modify the 15px left-right because this is also a col*/
    padding-top: 26px;
    color: #57585a;
    text-align: center
}

    a.js-organizationDetailsCol:hover {
        background-color: hsl(38, 26%, 89%);
    }

    a.js-organizationDetailsCol.active {
        color: white;
        background-color: #e4ac5b;
        border-top-color: #57585a;
    }

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

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

.organizationDetailsColHeader {
    display: inline-block;
    white-space: pre-wrap;
    vertical-align: middle;
    padding-left: 10px;
    vertical-align: middle
}

.organizationProfileText {
    background-image: url('images/arrowdownMed.png');
    background-repeat: no-repeat;
    background-position: 3px 5px;
    background-size: 44px;
    padding-left: 80px;
    padding-bottom: 18px;
}

.js-producerDetailsCol,
.organizationDetailsColHeader {
    font-size: 1.55em;
    line-height: 1.2;
    text-align: left;
}

    .js-producerDetailsCol.paddedCol {
        font-size: 1.1em;
        padding-left: 60px;
        padding-top: 0;
    }

.js-producerDetailsCol {
    color: inherit;
    display: block;
    padding: 9px 15px;
    border-bottom: 1px solid #57585a
}

    .js-producerDetailsCol.active {
        font-family: GothicBold
    }

    .js-producerDetailsCol img {
        margin-right: 15px;
        position: relative;
        top: -2px
    }

    .js-producerDetailsCol.paddedCol img {
        width: 20px;
        margin-right: 8px;
    }

    .js-producerDetailsCol.active img {
        transform: rotate(90deg)
    }

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

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

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

            .itemSocial li:hover, .itemSocial li:hover a {
                color: #6c6d6f;
            }

.organizationBox {
    border: 4px solid #57585a;
    padding: 38px;
    padding-top: 150px;
    font-size: 2.1em;
    line-height: 1.35;
    font-family: GothicBold;
    position: relative;
    margin-bottom: 30px;
    overflow-wrap: break-word
}

    .organizationBox img {
        display: block;
        margin-bottom: 25px;
    }

    .organizationBox.bgImage-taftotita img {
        filter: grayscale(1) brightness(1.5);
    }

.js-producersPage .organizationBox img {
    filter: grayscale(1) brightness(0.4);
}

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

    .pnlfollowUs ul li {
        display: inline-block
    }

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

            .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: -22px;
}

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

    .navbar-default .navbar-toggle .icon-bar {
        background: #57585a;
    }

    .navbar-default .navbar-toggle:hover {
        background-color: #d1e9b4;
    }

    .navbar-default .navbar-toggle:focus {
        background-color: #c1cfaf;
    }
/* 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 {
    color: #57585a;
    line-height: 18px;
}

.navbar-default .navbar-nav.navbarMain > li > a,
.tbSearch.form-control {
    font-size: 1.14em;
}

.js-navbarContainer.invert .navbar-nav.navbarMain > li > a {
    color: white;
}

.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: #57585a;
}

.navbar-default .navbar-nav.navbarMain > li.active > a {
    background-color: #c4e29f
}

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

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

.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);
}

.contactInner {
    padding: 6vw 8vw;
}

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

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

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

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

.divLoggedInLayout {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 1031; /*navbar-fixed-top is 1030*/
    text-align: right;
    background-color: #f2f3f2;
    padding: 0px 9px;
    margin-bottom: 0;
    line-height: 1.5;
}

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 label.error {
    color: #bd0000;
    margin-bottom: 0;
    margin-top: 2px;
    font-size: 0.66em;
    font-family: GothicBold;
}

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

.contactForm .form-control,
.customForm .form-control {
    padding: 8px;
    border: 0;
    border-bottom: 2px solid #5b5a57;
    background-color: transparent;
}

.contactForm .form-control {
    padding: 25px 30px;
    font-size: 1.16em;
}

.contactForm.recycleBinApplicationForm .form-control {
    padding: 5px 10px;
    font-size: 1em;
    font-family: GothicBold;
}

.contactForm.recycleBinApplicationForm .text-danger {
    font-size: 0.8em;
}

.contactForm.recycleBinApplicationForm label {
    font-weight: 300;
    font-family: 'Gothic';
}

.contactForm.recycleBinApplicationForm select.form-control {
    padding: 5px 6px;
}

.contactForm textarea.form-control {
    border: 2px solid #5b5a57;
}

.captchaDiv .form-control {
    font-size: 0.83em;
    padding: 20px;
    border: 0;
    background-color: hsl(37, 25%, 85%);
}

.captchaDiv {
    max-width: 100%;
    width: 270px;
    text-align: center;
    background-color: hsl(38, 26%, 80%);
    padding: 15px;
    /*float: right;*/
    margin-top: 20px;
    margin-bottom: 10px;
}

    .captchaDiv .realperson-challenge {
        color: #48963c;
    }

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

.seeMore {
    color: #57585a;
}

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

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

a.btnSubmitContact {
    border-radius: 35px;
    background-color: #a7c47a;
    border-color: #a7c47a;
    padding: 5px 40px;
    font-size: 1.3em;
}

    a.btnSubmitContact,
    a.btnSubmitContact :focus {
        color: #57585a;
    }

        a.btnSubmitContact:hover {
            background-color: #565656;
            border-color: #565656;
            color: hsl(33, 29%, 94%);
        }

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

.js-menuLogo {
    width: 155px;
    position: relative;
}

.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;
}

.divSearchMembers {
    background-image: url(../Content/images/members.png);
    background-position: -4px 7px;
    background-repeat: no-repeat;
    padding-left: 40px;
    background-size: 39px;
    padding-bottom: 9px;
    margin-bottom: 20px;
    position: relative
}

    .divSearchMembers .js-clearMembersFilter {
        position: absolute;
        right: 0
    }

.js-navbarContainer {
    padding: 50px;
    padding-bottom: 0;
    position: relative;
}

    .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-left: 0;
    padding-bottom: 2px;
    max-width: 145px;
}

.js-homepage .tbSearch.form-control {
    color: white
}

.divSearchMembers {
    width: 287px;
    max-width: 100%;
}

    .divSearchMembers .tbSearch.form-control {
        max-width: initial;
        font-size: 0.98em;
        padding-right: 20px;
    }

.js-navbarContainer.invert .tbSearch.form-control {
    border-bottom-color: white
}

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

.contactForm.recycleBinApplicationForm label,
.contactForm .form-control::placeholder {
    color: #808285;
    font-family: Gothic;
}

.js-navbarContainer.invert .tbSearch.form-control::placeholder {
    color: hsl(20, 12%, 76%);
}

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

.bgImage-contact {
    background-image: url('images/epikoinonia.jpg');
    background-position: left;
}

.bgImage-taftotita {
    background-image: url('images/TAUTOTITA.jpg');
    background-position: bottom;
    color: white;
}

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

.bgImage-recycleBinApplication {
    background-image: url('images/pic3.jpg');
    background-position: left;
}

.bgBeige {
    background-color: #e0d8ca
}

.bgGray {
    background-color: #e2e3e2
}

.bgGray-light,
.mce-content-body,
.modal .modal-content {
    background-color: #edeeed
}

.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-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; /* ipad */
}

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

.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: #a7c47a;
    border-color: #a7c47a;
    color: #48494b;
}

    .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;
    }

.btnSubmitRecycleBinApplication:hover {
    background-color: #8eb455;
}

/*#region NN Commons */

.alert {
    border-radius: 0;
}

#goTopSpan {
    color: #ffffff;
    background-color: rgba(93, 153, 20, 0.75);
    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: 2px solid #5b5a57;
    background-color: transparent
}

.multiselect-container.dropdown-menu {
    background-color: #e2e3e2;
}

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
}

.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: 'GothicBold';
}

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;
}

.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: #506e2b;
    border-color: #506e2b;
}

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

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

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

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

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

    .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: #eee;
}

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

.multiselect-reset .btn-block {
    font-size: 13px;
    margin-bottom: 5px
}

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

@media print {
    body {
        padding: 0;
    }

    .pnlDocumentContent {
        width: 100%;
        margin: 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: 1720px) {
    .js-menuLogo {
        width: 150px;
    }

    a.js-organizationDetailsCol {
        padding: 21px 7px;
    }

    .organizationDetailsColHeader {
        padding-left: 3px;
    }

    .divLoggedInLayout {
        right: 300px;
    }

    .navbar-default .navbar-nav.navbarMain > li.liSearch {
        background-position: left 15px;
        padding-left: 34px;
        background-size: 26px;
        position: absolute;
        right: 50px;
        top: 0;
        float: none;
    }

    .navbar-default .navbar-nav.navbarMain > li.liLanguage {
        position: absolute;
        top: -4px;
        right: 190px;
        float: none;
    }

        .navbar-default .navbar-nav.navbarMain > li.liLanguage > a,
        .tbSearch.form-control {
            font-size: 0.88em;
        }

    .tbSearch.form-control {
        max-width: 100px;
        padding-bottom: 0;
        padding-top: 7px;
    }

    .organizationBox {
        padding: 2vw;
        padding-top: 14vw;
    }
}

@media screen and (max-width: 1199px) {
    body:not(.mce-content-body) {
        font-size: 15px;
    }

    ul.ulStyledList.ulStyledList-members li {
        width: calc(100% / 2 - 10px);
    }

    ul.ulStyledList.ulStyledList-finacialResults li {
        width: calc(100% / 3 - 20px);
    }

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


    .js-menuLogo {
        width: 100px;
        top: -5px;
    }

    .js-navbarContainer {
        padding-left: 15px;
    }

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

    .contactInner {
        padding: 6vw 3vw;
    }

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

    .divCategoryBack {
        padding: 35px;
        margin: 0 8px;
    }

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

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

    .modal ol {
        padding-left: 0;
    }

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

    .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;
    }

    .organizationBox {
        padding: 4vw 55px;
        padding-top: 5vw;
    }

        .organizationBox.bgImage-taftotita {
            padding: 23vw 55px;
            padding-top: 30vw;
        }

    .organizationProfileText {
        background-size: 35px;
        padding-left: 61px;
    }

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

    .divLoggedInLayout {
        right: 250px;
    }

    ul.ulStyledList:not(.ulStyledList-finacialResults) li {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

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

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

    .rowHow {
        height: 300px;
    }

    .js-navbarContainer {
        padding-right: 30px;
    }

    .navbar-default .navbar-nav.navbarMain > li > a {
        padding: 10px 6px;
        font-size: 0.96em;
    }

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

    .navbar-default .navbar-nav.navbarMain > li.liLanguage {
        top: 1px;
        right: 160px;
    }

    .organizationDetailsColHeader {
        font-size: 1.34em;
    }

    .js-producerDetailsCol {
        font-size: 1.5em;
    }

    a.js-organizationDetailsCol img {
        zoom: 0.7;
        margin-left: 0
    }

    .divCategoryBack {
        /*padding: 25px;*/
        padding: 13px;
    }
}

@media screen and (max-width: 767px) {
    body.js-recycleBinApplicationForm {
        padding-bottom: 110px;
    }

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

    ul.ulStyledList-finacialResults li {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

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

    body:not(.mce-content-body) {
        font-size: 15px;
    }

    #videoElementText {
        top: 27%;
    }

    .button.button-border.button-light {
        font-size: 23px;
    }

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

    .ftSizeCategory,
    .js-homepage h3 {
        font-size: 1.5em;
    }

    body {
        padding-top: 80px;
        padding-bottom: calc(110px + 30px); /*footer height + bottom spacing*/
    }

    footer {
        text-align: center;
    }

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

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

    .row-well-sm {
        padding-top: 7vw;
        padding-bottom: 7vw;
        height: auto;
        background-size: auto;
    }

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

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


    .contactWeee {
        text-align: center
    }

    .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%;
    }

    a.btnSubmitContact {
        display: block;
    }

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

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

    body.js-homepage .js-navbarContainer .navbar-collapse {
        background-color: #a8c57a;
        border-color: transparent;
    }

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

    .flexrow {
        display: block
    }

    a.js-organizationDetailsCol {
        padding: 15px;
    }

    .organizationDetailsColHeader {
        width: 47vw;
    }

    .organizationBox {
        font-size: 1.6em;
        padding: 7vw;
        padding-left: 50px
    }

    .divLoggedInLayout {
        top: 61px;
        left: 0;
        right: 0;
        text-align: center;
        border-bottom: 1px dashed white;
    }

    .contactArrow {
        top: -10px;
    }

    .organizationProfileText {
        padding-right: 0;
        padding-left: 0;
        padding-top: 56px;
        background-position: center top;
        background-size: 44px;
    }

    .js-menuLogo {
        top: 1px;
        width: 107px;
    }

    .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;
    }

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

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

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

    .navbar-default .navbar-nav.navbarMain > li.liLanguage {
        position: initial;
    }

        .navbar-default .navbar-nav.navbarMain > li.liLanguage > a, .tbSearch.form-control {
            font-size: 1.1em;
        }

    .navbar-default .navbar-nav.navbarMain > li.liSearch {
        position: relative;
        right: auto;
        padding-bottom: 30px;
        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;
    }

    .navbar-nav .liLanguage.open .dropdown-menu {
        position: static;
        float: none;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.8);
        border: 0;
        padding: 0;
    }

        .navbar-nav .liLanguage.open .dropdown-menu > li {
            display: inline-block
        }

            .navbar-nav .liLanguage.open .dropdown-menu > li > a {
                padding: 7px 15px;
            }

    .divCategoryBack {
        margin: 7.5px 15px;
        width: calc(100% - 30px);
        float: left;
    }

    .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-top: 51%;
        padding-bottom: 12%;
    }

    .contactInner img {
        width: 60px
    }

    .slides {
        height: 422px;
    }

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

    .pubContentColFixed {
        padding-top: 15px;
        padding-bottom: 15px;
        position: initial;
    }

    .contactInner {
        padding: 3vw 3vw;
    }

    .divSearchMembers {
        margin-top: 0;
    }
}

@media (min-width: 768px) {

    body.js-recycleBinApplicationForm,
    body.js-postContent,
    body.js-archivePage,
    body.js-producersPage {
        padding-bottom: 58px;
    }

    footer {
        height: 58px
    }

    .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;
    }

    body.js-homepage {
        padding-bottom: 58px;
    }

    a.js-organizationDetailsCol.middleCategory {
        border-left: 1px solid #57585a;
        border-right: 1px solid #57585a;
    }

    .whatRecycleSubHeader {
        padding: 0 70px
    }

    .divWhereWhy {
        padding-top: 100px
    }

    .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
    }
}

@media (min-width: 1400px) {

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

@media (min-width: 1600px) {

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

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

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

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

@media (min-width: 1721px) {

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

@media (min-width: 2560px) {

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