main {
    min-height: 400px
}

body, html {
    font-family: 'Josefin Sans',Arial,sans-serif;
    font-size: 11pt;
    padding: 0;
    margin: 0
}

main h1, main h2, main h3, main h4, main h5, main h6 {
    margin: 0;
    padding: 4px 0 4px 0;
    font-weight: 400
}

main h1 {
    line-height: 1em;
    font-size: 24px;
    color: #333;
    padding-top: 0
}

    main h1:first-child, main h2:first-child, main h3:first-child, main h4:first-child, main h1 + h5, main h3 + h5 {
        padding-top: 0
    }

main h2 {
    font-size: 32px;
    line-height: 1em
}

    main h2 > small, main h2 > a > small {
        font-size: 22px;
        font-weight: 100
    }

main h3 {
    font-size: 24px
}

main h4 {
    font-size: 20px
}

    main h4.product-title {
        padding: .5em 0 2.5em 0;
        font-size: 18px;
        color: #263532
    }

        main h4.product-title a {
            color: #0d5452
        }

        main h4.product-title small {
            color: #424242
        }

main h5 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 4px 0 4px 0
}

    main h5 > small, main h5 > a > small {
        font-size: 14px
    }

nav h5 {
    font-size: 16px
}

h6 {
    font-size: 16px
}

.bullet-list p {
    margin: 0;
    padding: 12px 0
}

strong {
    font-weight: 700
}

.img-hover:hover {
    opacity: .8
}

.img-fluid, .img-fluid > img {
    max-width: 100%
}

nav ul > li::before, nav ol > li::before {
    content: ''
}

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

.ei table {
    border-bottom: #333 solid 5px;
    margin-bottom: 20px
}

.ei, .btn, .tablefont {
    font-family: Arial,sans-serif
}

    .ei td {
        font: normal 14px;
        border-right: #999 solid 1px;
        padding: 3px 10px;
        vertical-align: top
    }

    .ei th, .theader td {
        font: 14px;
        padding: 3px 10px;
        font-weight: 700;
        vertical-align: bottom
    }

th.rightcol {
    text-align: right !important
}

.ei2 tr:nth-child(even) {
    background-color: #F1F1F1
}

.ei1 tr:nth-child(odd) {
    background-color: #F1F1F1
}

.table-simple table {
    background-color: #FFF
}

.table-simple {
    border-bottom: none
}

    .table-simple tr:nth-child(odd) {
        background-color: #fff0
    }

    .table-simple td {
        padding: .5em 1em;
        border-right: none
    }

.radio label, .checkbox label {
    padding-left: 2em;
    line-height: 2em
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    width: 1.5em;
    height: 1.5em;
    margin-left: -2em;
    cursor: pointer
}

.nav-tabs {
    border: #999 solid 1px;
    background-color: #f1f1f1
}

    .nav-tabs > li::before {
        content: ''
    }

    .nav-tabs > li {
        padding: 0;
        margin: 0;
        border: 0
    }

        .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
            margin: 0;
            color: #000;
            border: 0;
            border-left: #999 solid 1px
        }

        .nav-tabs > li.active {
            bottom: -1px
        }

            .nav-tabs > li.active > a {
                background-color: #FFF;
                border: 0;
                border-left: #999 solid 1px;
                margin: 0 0 -1px 0
            }

        .nav-tabs > li:first-child > a {
            border-left: 0
        }

        .nav-tabs > li:last-child > a {
            border-right: #999 solid 1px
        }

        .nav-tabs > li > a {
            padding: 4px 12px
        }

        .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            border: 0;
            border-left: #999 solid 1px
        }

        .nav-tabs > li.active:first-child > a {
            border-left: 0
        }

        .nav-tabs > li.active:last-child > a {
            border-right: #999 solid 1px
        }

.tab-pane {
    border: #999 solid 1px;
    border-top: 0;
    padding: 12px
}

textarea, input, select, option {
    color: #333
}

textarea, input, select {
    border: #999 solid 1px
}

select {
    cursor: pointer
}

header {
    position: relative;
    z-index: 92;
    top: 0;
    background-color: #FFF
}

cite {
    font-style: normal
}

hr {
    border-color: #333
}

.well {
    min-height: 15px;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .05);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .05)
}

.slick-track > .slick-slide img {
    text-align: center;
    display: inline-block
}

.slick-track > .slick-slide h2 {
    font-size: 24px
}

.slick-track > .slick-slide p, .slick-track > .slick-slide button {
    font-size: 16px;
    line-height: 110%
}

.padded-slide {
    padding: 0 10px 0 0
}

.img-block {
    display: inline-block;
    width: 100%
}

.img-block-favprods {
    display: inline-block;
    height: 100px
}

* > .img-thumbnail {
    border: 0;
    margin: 8px 8px 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.fa-md {
    font-size: 1.5em
}

.bg-dark, .bg-dark p {
    color: #92c1e9
}

    .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6 {
        color: #FFF
    }

.bg-light, .bg-light p, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6 {
    color: #333
}

.bg-dark-gray {
    color: #FFF;
    background-color: #333
}

    .bg-dark-gray p {
        color: #FFF
    }

    .bg-dark-gray:hover, .bg-dark-gray:focus {
        color: rgb(255 255 255 / .8)
    }

.bg-dark-blue {
    color: #FFF
}

    .bg-dark-blue:hover, .bg-dark-blue:focus {
        color: rgb(255 255 255 / .8)
    }

.bg-light-blue {
    color: #333;
    background-color: #92c1e9
}

.bg-light-gray {
    color: #333;
    background-color: #F1F1F1
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #000;
    background: none
}

.link-default {
    color: #333
}

a.link-default:hover {
    color: rgb(51 51 51 / .8)
}

.link-primary {
    color: #0072ce
}

a.link-primary:hover {
    color: rgb(255 255 255 / .8)
}

.alert-danger, .alert-warning, .alert-info, .alert-success {
    padding-left: 15px
}

.list-unstyled > li {
    padding-left: 0
}

    .list-unstyled > li::before {
        content: ''
    }

.font-weight-normal > li {
    font-weight: 400
}

    .font-weight-normal > li::before {
        font-weight: 400
    }

.text-lg {
    font-size: 1.2em
}

.row-pad-1 {
    padding-top: 5px;
    padding-bottom: 5px
}

.row-pad-2 {
    padding-top: 15px;
    padding-bottom: 15px
}

.row-pad-3 {
    padding-top: 30px;
    padding-bottom: 30px
}

.row-pad-4 {
    padding-top: 45px;
    padding-bottom: 45px
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
        padding-right: 0;
        padding-left: 0
    }

.bg-default a:link {
    color: #FFF
}

.bg-default a:hover {
    color: rgb(255 255 255 / .8)
}

.media {
    margin-top: 0;
    padding-top: 10px;
    border-top: #333 solid 1px
}

.media-heading {
    color: #0072ce;
    padding: 0
}

.form-horizontal.text-left .control-label {
    text-align: left
}

.responsive-16by9 {
    background-size: 100% auto;
    background-position: center center;
    padding-bottom: 56.25%
}

.responsive-4by3 {
    background-size: 100% auto;
    background-position: center center;
    padding-bottom: 75%;
    background-repeat: no-repeat
}

.container-fluid .container {
    padding-left: 0;
    padding-right: 0
}

li.thumbnail {
    min-width: 120px
}

.thumbnail {
    text-align: center
}

main {
    padding-top: 10px;
    padding-bottom: 30px
}

#carousel .slick-slide {
    background-size: cover
}

#carousel .btn-block {
    padding: 30px
}

.slick-arrow {
    position: absolute !important;
    left: 0 !important;
    display: inline-block !important;
    height: 100% !important;
    width: 60px !important;
    z-index: 88 !important;
    cursor: pointer !important;
    -webkit-transition: background-color 0.2s !important;
    -moz-transition: background-color 0.2s !important;
    -ms-transition: background-color 0.2s !important;
    -o-transition: background-color 0.2s !important;
    transition: background-color 0.2s !important
}

    .slick-arrow:hover {
        background-color: rgb(255 255 255 / .2) !important
    }

.slick-next {
    left: auto !important;
    right: 0 !important
}

    .slick-prev::before, .slick-next::before {
        content: '\2039' !important;
        position: absolute !important;
        top: 50% !important;
        left: 6px !important;
        color: #eee !important;
        line-height: 70px !important;
        height: 80px !important;
        margin-top: -40px !important;
        z-index: 99 !important;
        font-size: 80px !important;
        font-weight: 100 !important
    }

    .slick-next::before {
        content: '\203A' !important;
        left: auto !important;
        right: 6px !important
    }

#feed-container {
    border-bottom: #333 solid 1px
}

.feed-excerpt {
    position: relative;
    height: 80px;
    overflow: hidden
}

    .feed-excerpt::after {
        position: absolute;
        content: '';
        width: 100%;
        bottom: 0;
        left: 0;
        height: 32px;
        display: block;
        background: -moz-linear-gradient(top,#fff0 0%,rgb(255 255 255) 70%);
        background: -webkit-linear-gradient(top,#fff0 0%,rgb(255 255 255) 70%);
        background: linear-gradient(to bottom,#fff0 0%,rgb(255 255 255) 70%)
    }

.feed-read-full {
    position: relative;
    margin-top: 0;
    padding-top: 0
}

.more-link-container {
    display: none
}

.SideMenuTopItem {
    font: bold 22px 'Crimson Text','Times New Roman',serif;
    margin-bottom: 15px
}

.sidebar-right {
    border-right: 0;
    border-left: #333 solid 1px
}

#sidebar > h3:first-child {
    padding-top: 0
}

#sidebar nav ul > li {
    padding-left: 0
}

    #sidebar nav ul > li::before {
        content: ''
    }

    #sidebar nav ul > li.active > a {
        color: #0072ce
    }

    #sidebar nav ul > li > a {
        text-transform: uppercase;
        color: #333
    }

#sidebar nav ul ul > li {
    margin-left: 20px
}

.footer-nav-link, .footer-nav-link:link {
    text-transform: uppercase;
    text-decoration: none
}

    .footer-nav-link:hover, .footer-nav-link:active {
        text-decoration: none
    }

footer {
    margin-top: 20px;
    text-align: center
}

    footer .footer-section {
        font-size: 18px;
        color: #efe8dc !important;
        padding: 10px 0 0 0
    }

.footer a {
    text-decoration: none;
    color: #eae9e5
}

footer nav li {
    margin: 10px 0;
    padding: 0;
    font-size: 16px
}

.footer-products {
    text-transform: uppercase
}

@media (max-width:767px) {
    .bg-hidden-xs {
        background: none !important
    }
}

@media (max-width:991px) {
    .container.mobile-fluid {
        width: 100%
    }

    #carousel .slick-slide > a {
        display: block;
        height: 100%
    }

        #carousel .slick-slide > a:hover {
            text-decoration: none
        }

    .bg-light-blue-mobile {
        color: #333;
        background-color: #92c1e9
    }

    .bg-dark-gray-mobile {
        color: #FFF;
        background-color: #333
    }

        .bg-dark-gray-mobile:hover, .bg-dark-gray-mobile:focus {
            color: rgb(255 255 255 / .8)
        }

    .bg-hidden-sm {
        background: none !important
    }

    .btn-contact {
        padding: 10px 0;
        display: block;
        width: 100%
    }
}

@media (min-width:767px) {
    .slick-track > .slick-slide h2 {
        font-size: 42px
    }

    .slick-track > .slick-slide p, .slick-track > .slick-slide button {
        font-size: 20px;
        line-height: 1.2em
    }

    .has-left-sidebar > div:first-child {
        border-left: #333 solid 1px
    }

    .has-left-sidebar > #sidebar > hr {
        margin: 0 -15px 0 0
    }

    .has-right-sidebar > #sidebar > hr {
        margin: 0 0 0 -15px
    }

    .has-left-sidebar > div:first-child {
        border-left: #333 solid 1px
    }

    .has-left-sidebar > #sidebar > hr {
        margin: 0 -15px 0 0
    }

    .has-right-sidebar > #sidebar > hr {
        margin: 0 0 0 -15px
    }
}

@media (min-width:992px) {
    main h1 {
        font-size: 32px
    }

    a:hover {
        text-decoration: underline
    }

    .col-md-0, .col-lg-0 {
        float: left;
        width: auto;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }

    header {
        padding-bottom: 0
    }

    #menu {
        text-align: right;
        margin-top: 30px
    }

    #carousel {
        margin: 0
    }

        #carousel .slick-slide > a {
            display: block;
            height: 100%
        }

    .slick-track > .slick-slide h2 {
        font-size: 50px
    }

    .slick-track > .slick-slide p, .slick-track > .slick-slide button {
        font-size: 24px;
        line-height: 1em
    }

    .slick-slide > a:hover {
        text-decoration: none
    }

    footer {
        text-align: left
    }

        footer nav {
            padding-bottom: 20px
        }

            footer nav li {
                font-size: 14px
            }

            footer nav .fa {
                font-size: 1.5em
            }

        footer li {
            font-weight: 400
        }

    .shop-product {
        display: block;
        background-position: center center;
        width: 141px;
        height: 141px
    }
}

@media (min-width:1200px) {
    .shop-product {
        width: 166px;
        height: 166px
    }
}

body {
    color: #263532 !important
}

.backcolor-footer {
    background-color: #424242 !important
}

.footer cite {
    text-decoration: none
}

.footer blockquote, .footer p {
    color: #eae9e5
}

.bg-dark-blue {
    background-color: #aaa8a0
}

.backcolor-pagebottom {
    background-color: #263532 !important;
    color: #eae9e5 !important
}

    .backcolor-pagebottom a {
        color: #eae9e5 !important
    }

.backcolor-public {
    background-color: #0d5452 !important;
    color: #efe8dc !important
}

    .backcolor-public .nav .open a:focus {
        background-color: #eae9e5 !important;
        color: black !important
    }

.backcolor-member {
    background-color: #0d5452 !important;
    color: #efe8dc !important
}

    .backcolor-member .nav .open a:focus {
        background-color: #eae9e5 !important;
        color: black !important
    }

.memIcon {
    color: #5e9274
}

    .memIcon:hover, .memIcon:focus {
        color: #88a87f
    }

.pubIcon {
    color: #263532 !important
}

.hc-offcanvas-nav .nav-wrapper, .nav-close, .first-nav .search, .nav-back {
    background-color: #424242 !important
}

.nav-wrapper li {
    background-color: #0d5452
}

.membermenu li {
    background-color: #0d5452
}

.hc-offcanvas-nav li a:focus, .hc-offcanvas-nav li a:hover {
    background-color: #88a87f !important
}

.signout {
    background-color: #0d5452 !important
}

.custaccount {
    background-color: #0d5452 !important
}

.hc-offcanvas-nav a {
    border-color: #fff
}

.nav-back, .nav-close {
    border-top: 1px solid #fff
}

.cd-panel__container {
    background-color: #eae9e5
}

.shopall {
    margin: 0px !important;
    font-size: larger;
    color: #263532 !important
}

.shopfooter {
    background-color: #eae9e5 !important
}

.dispblock img {
    display: block
}

.header2023 {
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important
}

.bar2023 {
    padding-right: 0px !important;
    padding-left: 0px !important
}

.navbar {
    border-radius: unset !important;
    box-shadow: unset !important;
    height: unset !important
}

.home2023 {
    padding: 0px !important
}

    .home2023 > .img-responsive {
        width: 100% !important
    }

.footer2023 {
    margin-top: 0px !important;
    padding-top: 0px !important
}

.btn-home {
    background-color: #000000 !important;
    font-weight: 500;
    font-size: 16px;
    padding: 12px 22px 12px 22px
}

    .btn-home:hover, .btn-home:focus, .btn-home2:hover, .btn-home2:focus {
        background-color: #6996b2 !important
    }

.btnfont {
    font-family: 'Poppins',sans-serif !important;
    color: #fff;
    line-height: 120%;
    letter-spacing: .2em
}

.homefont {
    font-family: 'Poppins',sans-serif !important;
    color: #fff;
    text-shadow: -1px -1px 1px #424242,1px 1px 1px #424242,1px -1px 1px #424242,-1px 1px 1px #424242
}

.homefontb {
    font-family: 'Poppins',sans-serif !important;
    color: #0d5452;
    text-shadow: -1px -1px 1px white,1px 1px 1px white,1px -1px 1px white,-1px 1px 1px #fff
}

.homefont202505 {
    font-family: 'Josefin Sans',sans-serif !important;
    color: #fff;
}

.homehdr202505 {
    position: absolute;
    top: 10%;
    left: 50%;
    right: 0%;
    text-align: center;
    font-size: 3vw;
    font-weight: 100;
    letter-spacing: .02em
}

.homebdy202505a {
    position: absolute;
    top: 10%;
    left: 50%;
    right: 0%;
    text-align: center;
    font-size: 3vw;
    font-weight: 100;
    letter-spacing: .03em
}
.homebdy202505b {
    position: absolute;
    top: 35%;
    left: 50%;
    right: 0%;
    text-align: center;
    font-size: 3.5vw;
    font-weight: 600;
    letter-spacing: .03em
}
.homebdy202505c {
    position: absolute;
    top: 43%;
    left: 50%;
    right: 0%;
    text-align: center;
    font-size: 4.5vw;
    font-weight: 600;
    letter-spacing: -.00em
}
.homebdy202505d {
    position: absolute;
    top: 62%;
    left: 50%;
    right: 0%;
    text-align: center;
    font-size: 2.2vw;
    font-weight: 200;
    letter-spacing: .02em
}
.homebtn202505 {
    position: absolute;
    top: 80%;
    left: 50%;
    right: 0%;
    text-align: center
}

.homebdy202505ma {
    position: absolute;
    top: 57%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 4vw;
    font-weight: 100;
    letter-spacing: .03em
}
.homebdy202505mb {
    position: absolute;
    top: 64%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 6vw;
    font-weight: 600;
    letter-spacing: .03em
}
.homebdy202505mc {
    position: absolute;
    top: 69%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 8vw;
    font-weight: 600;
    letter-spacing: -.00em
}
.homebdy202505md {
    position: absolute;
    top: 79%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 4.5vw;
    font-weight: 200;
    letter-spacing: .02em
}
.homebtn202505m {
    position: absolute;
    top: 87%;
    left: 0%;
    right: 0%;
    text-align: center
}

.homehdr1 {
    position: absolute;
    top: 19%;
    left: 25%;
    right: 0%;
    text-align: center;
    font-size: 6vw;
    font-weight: 600;
    letter-spacing: .02em
}

.homebdy1 {
    position: absolute;
    top: 40%;
    left: 25%;
    right: 0%;
    text-align: center;
    font-size: 1.9vw;
    font-weight: 400;
    letter-spacing: .13em
}
.homebtn1 {
    position: absolute;
    top: 60%;
    left: 25%;
    right: 0%;
    text-align: center
}

.homehdr1m {
    position: absolute;
    top: 5%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 12vw;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 100%
}

.homebdy1m {
    position: absolute;
    top: 18%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 4vw;
    font-weight: 400;
    letter-spacing: .13em;
    line-height: 140%
}

.homebtn1m {
    position: absolute;
    top: 33%;
    left: 0%;
    right: 0%;
    text-align: center
}

.homehdr2 {
    position: absolute;
    top: 25%;
    left: 0%;
    right: 55%;
    text-align: center;
    font-size: 3.6vw;
    font-weight: 400;
    letter-spacing: .02em
}

.homebdy2 {
    position: absolute;
    top: 45%;
    left: 0%;
    right: 55%;
    text-align: center;
    font-size: 2vw;
    font-weight: 300;
    letter-spacing: .13em
}

.homebtn2 {
    position: absolute;
    top: 68%;
    left: 0%;
    right: 55%;
    text-align: center
}

.homehdr2m {
    position: absolute;
    top: 56%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 7vw;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 100%
}

.homebdy2m {
    position: absolute;
    top: 66%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 4vw;
    font-weight: 400;
    letter-spacing: .13em;
    line-height: 140%
}

.homebtn2m {
    position: absolute;
    bottom: 7%;
    left: 0%;
    right: 0%;
    text-align: center
}

.homehdr3 {
    position: absolute;
    top: 20%;
    left: 55%;
    right: 0%;
    text-align: center;
    font-size: 3.6vw;
    font-weight: 400;
    letter-spacing: .02em
}

.homebdy3 {
    position: absolute;
    top: 40%;
    left: 55%;
    right: 0%;
    text-align: center;
    font-size: 2vw;
    font-weight: 300;
    letter-spacing: .13em
}

.homebtn3 {
    position: absolute;
    top: 70%;
    left: 55%;
    right: 0%;
    text-align: center
}

.homehdr3m {
    position: absolute;
    top: 55%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 7vw;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 100%
}

.homebdy3m {
    position: absolute;
    top: 66%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 4vw;
    font-weight: 400;
    letter-spacing: .13em;
    line-height: 140%
}

.homebtn3m {
    position: absolute;
    bottom: 7%;
    left: 0%;
    right: 0%;
    text-align: center
}

.homehdr4 {
    position: absolute;
    top: 15%;
    left: 0%;
    right: 55%;
    text-align: center;
    font-size: 3.6vw;
    font-weight: 400;
    letter-spacing: .02em
}

.homebdy4 {
    position: absolute;
    top: 38%;
    left: 0%;
    right: 55%;
    text-align: center;
    font-size: 2vw;
    font-weight: 300;
    letter-spacing: .13em
}

.homebtn4 {
    position: absolute;
    top: 70%;
    left: 0%;
    right: 55%;
    text-align: center
}

.homehdr4m {
    position: absolute;
    top: 57%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 7vw;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 100%
}

.homebdy4m {
    position: absolute;
    top: 67%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 4vw;
    font-weight: 400;
    letter-spacing: .13em;
    line-height: 140%
}

.homebtn4m {
    position: absolute;
    bottom: 7%;
    left: 0%;
    right: 0%;
    text-align: center
}

.homehdr5 {
    position: absolute;
    top: 20%;
    left: 55%;
    right: 0%;
    text-align: center;
    font-size: 3.6vw;
    font-weight: 400;
    letter-spacing: .02em
}

.homebdy5 {
    position: absolute;
    top: 44%;
    left: 55%;
    right: 0%;
    text-align: center;
    font-size: 2vw;
    font-weight: 300;
    letter-spacing: .13em
}

.homebtn5 {
    position: absolute;
    top: 70%;
    left: 55%;
    right: 0%;
    text-align: center
}

.homehdr5m {
    position: absolute;
    top: 55%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 7vw;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 100%
}

.homebdy5m {
    position: absolute;
    top: 66%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 4vw;
    font-weight: 400;
    letter-spacing: .13em;
    line-height: 140%
}

.homebtn5m {
    position: absolute;
    bottom: 7%;
    left: 0%;
    right: 0%;
    text-align: center
}

.homehdr6 {
    position: absolute;
    top: 20%;
    left: 0%;
    right: 55%;
    text-align: center;
    font-size: 3.6vw;
    font-weight: 400;
    letter-spacing: .02em
}

.homebdy6 {
    position: absolute;
    top: 41%;
    left: 0%;
    right: 55%;
    text-align: center;
    font-size: 2vw;
    font-weight: 300;
    letter-spacing: .13em
}

.homebtn6 {
    position: absolute;
    top: 65%;
    left: 0%;
    right: 55%;
    text-align: center
}

.homehdr6m {
    position: absolute;
    top: 61%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 7vw;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 100%
}

.homebdy6m {
    position: absolute;
    top: 71%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 4vw;
    font-weight: 400;
    letter-spacing: .13em;
    line-height: 140%
}

.homebtn6m {
    position: absolute;
    bottom: 7%;
    left: 0%;
    right: 0%;
    text-align: center
}

.homehdr7 {
    position: absolute;
    top: 7%;
    left: 0%;
    right: 50%;
    text-align: center;
    font-size: 3.6vw;
    font-weight: 400;
    letter-spacing: .02em
}

.homebdy7 {
    position: absolute;
    top: 21%;
    left: 0%;
    right: 50%;
    text-align: center;
    font-size: 2vw;
    font-weight: 300;
    letter-spacing: .13em
}

.homebtn7 {
    position: absolute;
    top: 38%;
    left: 0%;
    right: 50%;
    text-align: center
}

.homehdr7m {
    position: absolute;
    top: 55%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 7vw;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 100%
}

.homebdy7m {
    position: absolute;
    top: 71%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 4vw;
    font-weight: 400;
    letter-spacing: .13em;
    line-height: 140%
}

.homebtn7m {
    position: absolute;
    bottom: 7%;
    left: 0%;
    right: 0%;
    text-align: center
}

.homehdr8 {
    position: absolute;
    top: 1%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 4vw;
    font-weight: 700;
    letter-spacing: .02em
}

.homebdy8 {
    position: absolute;
    top: 63%;
    left: 39%;
    right: 38%;
    text-align: center;
    font-size: 1.95vw;
    font-weight: 600;
    letter-spacing: .13em
}

.homebtn8 {
    position: absolute;
    top: 80%;
    left: 0%;
    right: 0%;
    text-align: center
}

.homehdr8m {
    position: absolute;
    top: 5%;
    left: 0%;
    right: 0%;
    text-align: center;
    font-size: 7vw;
    font-weight: 600;
    letter-spacing: .02em
}

.homebdy8m {
    position: absolute;
    top: 68%;
    left: 25%;
    right: 27%;
    text-align: center;
    font-size: 3.3vw;
    font-weight: 600;
    letter-spacing: .13em
}

.homebtn8m {
    position: absolute;
    top: 80%;
    left: 0%;
    right: 0%;
    text-align: center
}

.homebtn9 {
    position: absolute;
    top: 63%;
    left: 11%;
    right: 50%;
    text-align: center
}

.homebtn9m {
    position: absolute;
    top: 31%;
    left: 14%;
    right: 0%;
    text-align: left
}

.btn-trips {
    background-color: white !important;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 14px 12px 14px;
    font-family: 'Poppins',sans-serif !important;
    color: #000;
    line-height: 120%;
    letter-spacing: .2em
}

    .btn-trips:hover, .btn-home:focus, .btn-home2:hover, .btn-home2:focus {
        background-color: #6996b2 !important
    }

.nav-container .member-access {
    color: #fff;
    background-color: #0d5452 !important
}

.nav-container a.member-access:hover {
    background-color: #88a87f !important
}

.nav-container a.member-access:focus {
    background-color: #88a87f !important
}

.navbar-member .navbar-nav > li > a {
    color: #fff
}

.navbar-public .navbar-nav > li > a {
    color: #fff
}

.navbar-member .dropdown-menu a:hover, .navbar-member .dropdown-menu a:focus {
    background-color: #88a87f !important;
    color: #fff
}

.navbar-public .dropdown-menu a:hover, .navbar-public .dropdown-menu a:focus {
    background-color: #eae9e5 !important
}

.navbar-public .navbar-nav > li > a {
    color: #fff
}

.btn-aim {
    background-color: #0d5452 !important;
    border-color: #0d5452 !important;
    color: #eae9e5
}

    .btn-aim:hover, .btn-aim:focus {
        background-color: #88a87f !important;
        border-color: #88a87f !important;
        color: #263562
    }

.btn-primary {
    font-family: 'Josefin Sans',Arial,sans-serif;
    background-color: #0d5452 !important;
    border-color: #0d5452 !important;
    color: #eae9e5
}

    .btn-primary:hover, .btn-primary:focus {
        font-family: 'Josefin Sans',Arial,sans-serif;
        background-color: #88a87f !important;
        border-color: #88a87f !important;
        color: #263562
    }

.btn-primary2 {
    background-color: #5e9274 !important;
    border-color: #5e9274 !important
}

    .btn-primary2:hover, .btn-primary:focus {
        background-color: #88a87f !important
    }

.btn-default {
    background-color: #efe8dc !important;
    border-color: #424242 !important;
    color: #424242 !important
}

    .btn-default:hover, .btn-default:focus {
        background-color: #88a87f !important
    }

.btn-warning {
    font-family: 'Josefin Sans',Arial,sans-serif;
    background-color: #ffb980 !important;
    border-color: #ffb980 !important;
    color: #000
}

    .btn-warning:hover, .btn-warning:focus {
        background-color: #ffca9e !important;
        color: #000
    }

.btn-info {
    background-color: #eae9e5 !important;
    border-color: #aaa8a0 !important;
    color: #000
}

    .btn-info:hover, .btn-info:focus {
        background-color: #efe8dc !important;
        color: #000
    }

.btn-danger {
    background-color: #c45650 !important;
    border-color: #c45650 !important;
    color: #fff
}

    .btn-danger:hover, .btn-danger:focus {
        background-color: #c0716c !important;
        color: #fff
    }

.ei th, .theader td {
    background-color: #6996b2;
    color: white !important
}

.ei table, .ei td {
    border-color: #aaa8a0 !important
}

.delicon {
    color: #c45650 !important
}

.minicartfont {
    font-family: Arial,sans-serif !important;
    font-size: small
}

.cd-panel__container .btn {
    margin-bottom: 5px
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: inherit !important
}

@media (min-width:0) {
    .navLogo {
        height: 35px;
        margin-left: 40px
    }

    .navIcon {
        height: 30px;
        margin-top: 2px
    }

    .hamburger {
        width: 32px;
        margin-top: 2px
    }

    .searchbar {
        width: 220px !important
    }

    .sitesearch {
        margin-top: 3px
    }

    body {
        padding-top: 44px !important
    }

    .navRow {
        border-bottom: 1px solid #ccc
    }

    .navbar-fixed-top {
        -webkit-box-shadow: 0 4px 4px -2px #666;
        -moz-box-shadow: 0 4px 4px -2px #666;
        box-shadow: 0 4px 4px -2px #666
    }

    .memIcon, .pubIcon {
        font-size: 23pt;
        margin-left: 1px
    }

    .memName {
        font-size: 8pt;
        font-weight: 400;
        position: absolute;
        top: 30px;
        width: 45px;
        padding: 0;
        margin: 0;
        line-height: 10pt;
        text-align: center;
        left: 9px;
        font-weight: 400
    }

    .slick-slider {
        margin-right: initial !important;
        margin-left: initial !important
    }

    footer {
        font-size: 24px
    }
}

@media (min-width:480px) {
    .slick-slider {
        margin-right: initial !important;
        margin-left: initial !important
    }

    footer {
        font-size: 24px
    }
}

@media (min-width:768px) {
    .searchbar {
        width: 220px !important
    }

    footer {
        font-size: initial
    }
}

@media (min-width:992px) {
    .searchbar {
        width: 320px !important
    }

    .sitesearch {
        margin-top: 7px
    }

    .navLogo {
        height: 43px;
        margin-left: 25px
    }

    .navIcon {
        height: 30px;
        margin-top: 6px
    }

    .hamburger {
        width: 32px;
        margin-top: 6px
    }

    body {
        padding-top: 82px !important
    }

    .navRow {
        border-bottom: 0
    }

    .navbar-fixed-top {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .memIcon, .pubIcon {
        font-size: 27pt;
        padding-top: 0;
        opacity: .9
    }

    .memName {
        font-size: 10pt;
        font-weight: 400;
        position: absolute;
        top: 37px;
        width: 45px;
        padding: 0;
        margin: 0;
        line-height: 10pt;
        text-align: center;
        left: 12px;
        font-weight: 400
    }
}

@media (min-width:1200px) {
    .searchbar {
        width: 420px !important
    }
}

.nav-wrapper .search input {
    margin2: 0 0 15px 15px;
    width: 250px
}

.nav-wrapper a:hover, .nav-wrapper a:focus {
    color: #fff
}

.hc-offcanvas-nav h2 {
    color: #fff;
    padding: 5px 17px 5px 17px
}

.sitesearch .input-sm {
    font-size: inherit !important;
    line-height: inherit !important
}

.nav-item .form-container {
    color: #000
}

.navbar-fixed-top {
    background-color: #fff
}

.navIcon:hover, .hamburger:hover {
    -webkit-filter: drop-shadow(0 0 2px gray)
}

.navRow {
    margin-top: 5px;
    padding-bottom: 5px
}

.navbar-public, .navbar-member {
    -webkit-box-shadow: 0 4px 4px -2px #666;
    -moz-box-shadow: 0 4px 4px -2px #666;
    box-shadow: 0 4px 4px -2px #666
}

.product-select {
    padding: 0 12px 0 12px !important
}

.navbar-member {
    margin-bottom: 0;
    min-height: 0;
    height: 30px
}

.navbar-public {
    margin-bottom: 0;
    min-height: 0;
    height: 30px
}

.navbar-public {
    background-color: #4ba4fe
}

.navbar-member {
    background-color: #a1d600
}

    .navbar-member .navbar-nav > li > a {
        padding-top: 0;
        padding-bottom: 0
    }

.navbar-public .navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0
}

.navbar-member .nav > li > a {
    padding: 3 15 3 15
}

.navbar-public .nav > li > a {
    padding: 3 15 3 15
}

.navbar-member .navbar-nav > li > a {
    line-height: 30px;
    font-weight: 500
}

.navbar-public .navbar-nav > li > a {
    line-height: 30px;
    font-weight: 500
}

.navbar-public .dropdown-menu > li > a:hover, .navbar-public .dropdown-menu > li > a:focus {
    text-decoration: underline
}

.navbar-member .dropdown-menu > li > a:hover, .navbar-member .dropdown-menu > li > a:focus {
    text-decoration: underline
}

.control-label label {
    white-space: nowrap
}

.product-carousel {
    text-align: center
}

    .product-carousel img {
        object-fit: contain
    }

    .product-carousel .slick-arrow {
        color: #999
    }

@media (min-width:0) {
    .product-carousel .slick-arrow {
        visibility: hidden
    }

    .product-carousel img {
        height: 290px !important
    }
}

@media (min-width:768px) {
    .product-carousel .slick-arrow {
        visibility: visible
    }

    .product-carousel img {
        height: 400px !important
    }
}

.buy-button {
    background-color: #FFA62F;
    color: #000;
    font-weight: 700
}

.cart-button {
    background-color: #2fbdff;
    color: #000;
    font-weight: 700;
    font-family: inherit !important
}

a.cart-button:hover, a.buy-button:hover {
    text-decoration: none !important;
    color: black !important
}

@media (min-width:992px) {
    .slick-dots {
        position: static !important
    }
}

.minicart .line-del {
    cursor: pointer
}

.minicart {
    padding: 3px
}

    .minicart hr {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .minicart div {
        padding-right: 0px !important;
        padding-left: 0px !important
    }

    .minicart .heading, .locale-menu .heading {
        text-align: center;
        font-size: 20pt;
        margin: 0;
        padding: 0
    }

    .minicart .mc-tbx-qty {
        vertical-align: top;
        width: 50px;
        height: 35px;
        text-align: center
    }

    .minicart .mc-btn-add {
        margin-bottom: 0;
        padding-bottom: 0;
        width: 35px;
        height: 35px
    }

    .minicart .mc-btn-sub {
        margin-bottom: 0;
        padding-bottom: 0;
        width: 35px;
        height: 35px
    }

    .minicart .mc-btn-rem {
        margin-bottom: 0;
        padding-bottom: 0
    }

.hiddenbutton {
    width: 0;
    height: 0
}

.search-row {
    margin-top: 10px;
    margin-bottom: 10px
}

.search-subtitle a {
    font-size: small
}

.search-title a {
    font-size: large
}

.search-separator {
    border-color: #ccc;
    color: #ccc
}

.search-thumb {
    height: 100px
}

.prod-title-paren {
    font-size: small
}

.pricon {
    display: inline-block;
    height: 62px;
    width: 62px;
    margin-right: 5px;
    overflow: visible;
    background-repeat: no-repeat
}

.badgeK {
    background: url(/images/svg/kosher.svg)
}

.badgeSP {
    background: url(/images/svg/sports.svg);
    margin-top: 14px
}

.badgeNGMO {
    background: url(/images/svg/nongmo.svg)
}

.badgeV {
    background: url(/images/svg/vegan.svg)
}

.badgeCV {
    background: url(/images/svg/certified_vegan.svg)
}

.badgeGF {
    background: url(/images/svg/glutenfree.svg);
    width: 60px
}

.badgeMBG {
    background: url(/images/svg/mbg.svg)
}

.dl-aim dt {
    overflow: inherit !important;
    text-overflow: inherit !important;
    padding-right: 5px
}

.rpticon {
    font-size: 30px
}

.rptpanel .panel-body {
    padding: 15px 5px 15px 5px !important
}

th.ohist-left {
    padding-right: 10px !important;
    padding-left: 4px !important;
    text-align: left !important
}

th.ohist-right {
    padding-left: 10px !important;
    padding-right: 4px !important;
    text-align: right !important
}

td.ohist-left {
    border: 0px !important;
    padding-right: 10px !important;
    padding-left: 4px !important;
    text-align: left !important
}

td.ohist-right {
    border: 0px !important;
    padding-left: 10px !important;
    padding-right: 4px !important;
    text-align: right !important
}

.footer .left2 {
    text-align: left !important
}

@media (min-width:0) {
    .footer .intouch {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .footer .intouch {
        text-align: left !important
    }

        .footer .intouch li {
            padding: 5px !important
        }
}

.footercontainer {
    max-width: none !important
}

.modal-open {
    padding-right: 0px !important;
    overflow: initial !important
}

.twitter-typeahead .form-control {
    line-height: 100% !important
}

label {
    font-weight: normal !important
}

.dropdown-menu {
    font-size: inherit !important
}

.qtyinp {
    background-color: ivory !important;
    text-align: center;
    width: 40px
}

img.miniprod {
    padding-bottom: 5px
}

.delicon {
    color: red;
    font-size: 13pt
}

a.delicon:hover {
    color: red;
    text-decoration: none
}

.footer-version p {
    color: #555 !important
}

.instagramfeed .slick-slide {
    margin-left: 5px
}

.instagramfeed .slick-list {
    margin-left: -5px
}

.cicon {
    width: 20px
}

.alertTable td {
    padding-right: 10px;
    vertical-align: top
}

.alertIcon .fa-comment {
    color: #424242;
    font-size: 12pt
}

.alertIcon .fa-info-circle {
    color: #915F74;
    font-size: 14pt
}

.alertIcon .fa-exclamation-triangle {
    color: #c45650;
    font-size: 12pt
}

.am-LOW {
    color: #424242
}

.am-MEDIUM {
    color: #915F74
}

.am-HIGH {
    color: #c45650
}

.nopad {
    padding: 0 !important;
    margin: 0 !important
}

.product-title {
    color: #0d5452;
    font-size: 32px
}

.product-subtitle {
    color: #424242;
    font-size: 19px
}

.product-copy {
    color: #263532
}

.other-variety {
    color: #0d5452
}

.all-products-title a {
    padding: .5em 0 2.5em 0;
    font-size: 18px;
    color: #0d5452
}

.all-products-subtitle {
    font-size: 14px;
    color: #424242
}

.kfix {
    display: inline-block
}

.header5 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 4px 0 4px 0
}

.agreementbox {
    font-family: 'Josefin Sans',Arial,sans-serif;
    font-size: 9pt
}

.small-link {
    font-size: small
}