﻿@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'TrueNorth';
    src: url('../Fonts/EOT/truenorthtextures-regular_gdi-webfont.eot');
    src: url('../Fonts/EOT/truenorthtextures-regular_gdi-webfont.eot?#iefix') format('embedded-opentype'),
    /* url('../fonts/truenorthtextures-regular_gdi-webfont.woff2') format('woff2'),*/
    url('../Fonts/WOFF/OTF/truenorthtextures-regular_gdi-webfont.woff') format('woff'), url('../Fonts/WOFF/TTF/truenorthtextures-regular_gdi-webfont.ttf') format('truetype'), url('../Fonts/Svg/truenorthtextures-regular_gdi.svg#svgFontName') format('svg');
    / Legacy iOS / font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: ‘TrueNorth’;
        src: url('../Fonts/Svg/truenorthtextures-regular_gdi.svg') format('svg');
    }
}

@font-face {
    font-family: 'True-North-Inline-Bold';
    src: url('../Fonts/EOT/TrueNorthTexturesInline-Bold_gdi.eot');
    src: url('../Fonts/EOT/TrueNorthTexturesInline-Bold_gdi.eot?#iefix') format('embedded-opentype'),
    /* url('/fonts/truenorthtexturesinline-bold_gdi-webfont.woff2') format('woff2'),*/
    url('../Fonts/WOFF/TTF/TrueNorthTexturesInline-Bold_gdi.woff') format('woff'), url('../Fonts/TTF/TrueNorthTexturesInline-Bold_gdi.ttf') format('truetype'), url('../Fonts/Svg/TrueNorthTexturesInline-Bold_gdi.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    letter-spacing: 0;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    background: #000;
}

body {
    background: #f1f1f1;
}

body {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 18px;
}

h1, h2, h3 {
    color: #4b3832;
    font-family: 'TrueNorth', sans-serif;
    font-weight: normal;
    text-shadow: none;
    text-transform: uppercase;
}

h4, h5, h6 {
    color: #4b3832;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    text-shadow: none;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 20px;
}

p {
    margin: 0 0 30px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    color: #4b3832;
}
.bar-notification p {
    color: #fff;
}

/* ---------------------------------------------------- */
/* -------------- LINKS ------------------------------- */
/* ---------------------------------------------------- */
a:link, a:visited {
    color: #a54b1a;
    font-weight: bold;
    outline: none;
    text-decoration: none;
}

a:hover {
    color: #e2b095;
    outline: none;
    text-decoration: none;
}

a img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/* ---------------------------------------------------- */
/* -------------- COLOR PALETTE ----------------------- */
/* ---------------------------------------------------- */
.black {
    color: #111111 !important;
}

.white {
    color: #ffffff !important;
}

.offwhite {
    color: #f5f5f5 !important;
}

.burnt-sienna, .burnt-sienna h1, .burnt-sienna h2, .burnt-sienna h3, .burnt-sienna h4, .burnt-sienna h5, .burnt-sienna h6, .burnt-sienna p {
    color: #a54b1a !important;
}

.calico, .calico h1, .calico h2, .calico h3, .calico h4, .calico h5, .calico h6, .calico p {
    color: #e2b095 !important;
}

.army-green, .army-green h1, .army-green h2, .army-green h3, .army-green h4, .army-green h5, .army-green h6, .army-green p {
    color: #596b31 !important;
}

.mantis, .mantis h1, .mantis h2, .mantis h3, .mantis h4, .mantis h5, .mantis h6, .mantis p {
    color: #7cb64f !important;
}

.brown, .brown h1, .brown h2, .brown h3, .brown h4, .brown h5, .brown h6, .brown p {
    color: #4b3832 !important;
}

.rust, .rust h1, .rust h2, .rust h3, .rust h4, .rust h5, .rust h6, .rust p {
    color: #4e1212 !important;
}

.hide, .hide h1, .hide h2, .hide h3, .hide h4, .hide h5, .hide h6, .hide p {
    color: #b67b13 !important;
}

.buttercup, .buttercup h1, .buttercup h2, .buttercup h3, .buttercup h4, .buttercup h5, .buttercup h6, .buttercup p {
    color: #f1ad1d !important;
}

.putty, .putty h1, .putty h2, .putty h3, .putty h4, .putty h5, .putty h6, .putty p {
    color: #e9d282 !important;
}

.dune, .dune h1, .dune h2, .dune h3, .dune h4, .dune h5, .dune h6, .dune p {
    color: #362f2d !important;
}

.bg-black {
    background-color: #111111 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-offwhite {
    background-color: #f5f5f5 !important;
}

.bg-burnt-sienna {
    background-color: #a54b1a !important;
}

.bg-calico {
    background-color: #e2b095 !important;
}

.bg-army-green {
    background-color: #596b31 !important;
}

.bg-mantis {
    background-color: #7cb64f !important;
}

.bg-brown {
    background-color: #4b3832 !important;
}

.bg-rust {
    background-color: #4e1212 !important;
}

.bg-hide {
    background-color: #b67b13 !important;
}

.bg-buttercup {
    background-color: #f1ad1d !important;
}

.bg-putty {
    background-color: #e9d282 !important;
}

.bg-dune {
    background-color: #362f2d !important;
}

/* ---------------------------------------------------- */
/* -------------- GRID STRUCTURE ---------------------- */
/* ---------------------------------------------------- */
.grid-page {
    clear: both;
    display: block;
    margin: 0 auto;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: 90%;
    max-width: 1200px !important;
}

.grid-wide {
    display: block;
    overflow: visible;
    position: relative;
    width: 80%;
}

.grid-narrow {
    display: block;
    overflow: visible;
    position: relative;
    width: 70%;
}

.grid-thin {
    display: block;
    overflow: visible;
    position: relative;
    width: 60%;
}

.grid-half {
    display: block;
    overflow: visible;
    position: relative;
    width: 50%;
}

.grid-10 {
    display: block;
    min-height: 10px;
    position: relative;
    width: 100%;
}

.grid-9b {
    display: block;
    min-height: 10px;
    position: relative;
    width: 95%;
}

.grid-9 {
    display: block;
    min-height: 10px;
    position: relative;
    width: 90%;
}

.grid-8b {
    display: block;
    min-height: 10px;
    position: relative;
    width: 85%;
}

.grid-8 {
    display: block;
    min-height: 10px;
    position: relative;
    width: 80%;
}

.grid-7b {
    display: block;
    min-height: 10px;
    position: relative;
    width: 75%;
}

.grid-7 {
    display: block;
    min-height: 10px;
    position: relative;
    width: 70%;
}

.grid-6b {
    display: block;
    min-height: 10px;
    position: relative;
    width: 65%;
}

.grid-6 {
    display: block;
    min-height: 10px;
    position: relative;
    width: 60%;
}

.grid-5b {
    display: block;
    min-height: 10px;
    position: relative;
    width: 55%;
}

.grid-5 {
    display: block;
    min-height: 10px;
    position: relative;
    width: 50%;
}

.grid-4b {
    display: block;
    min-height: 10px;
    position: relative;
    width: 45%;
}

.grid-4 {
    display: block;
    min-height: 10px;
    position: relative;
    width: 40%;
}

.grid-3b {
    display: block;
    min-height: 10px;
    position: relative;
    width: 35%;
}

.grid-3 {
    display: block;
    min-height: 10px;
    position: relative;
    width: 30%;
}

.grid-2b {
    display: block;
    min-height: 10px;
    position: relative;
    width: 25%;
}

.grid-2 {
    display: block;
    min-height: 10px;
    position: relative;
    width: 20%;
}

.grid-1b {
    display: block;
    min-height: 10px;
    position: relative;
    width: 15%;
}

.grid-1 {
    display: block;
    min-height: 10px;
    position: relative;
    width: 10%;
}

.cb {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fn {
    clear: both;
    float: none !important;
    display: table !important;
    margin: 20px auto !important;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.taj {
    text-align: justify;
}

.noflc {
    float: none;
    margin: 20px auto 10px;
}

.mauto {
    clear: both;
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.dtable {
    display: table;
    margin: 0 auto;
}

/* ---------------------------------------------------- */
/* -------------- MOBILE ------------------------------ */
/* ---------------------------------------------------- */
.mobile {
    display: none;
}

/* ---------------------------------------------------- */
/* -------------- TEXT SHADOW ------------------------- */
/* ---------------------------------------------------- */
.ts {
    text-shadow: 0 4px 10px #000000;
}

/* ---------------------------------------------------- */
/* -------------- PADDING & MARGINS ------------------- */
/* ---------------------------------------------------- */
.pmb0 {
    margin-bottom: 0% !important;
}

.pmb1 {
    margin-bottom: 1% !important;
}

.pmb2 {
    margin-bottom: 2% !important;
}

.pmb3 {
    margin-bottom: 3% !important;
}

.pmb4 {
    margin-bottom: 4% !important;
}

.pmb5 {
    margin-bottom: 5% !important;
}

.pmb6 {
    margin-bottom: 6% !important;
}

.pmb7 {
    margin-bottom: 7% !important;
}

.pmb8 {
    margin-bottom: 8% !important;
}

.pmb9 {
    margin-bottom: 9% !important;
}

.pmb10 {
    margin-bottom: 10% !important;
}

.pml0 {
    margin-left: 0% !important;
}

.pml1 {
    margin-left: 1% !important;
}

.pml2 {
    margin-left: 2% !important;
}

.pml3 {
    margin-left: 3% !important;
}

.pml4 {
    margin-left: 4% !important;
}

.pml5 {
    margin-left: 5% !important;
}

.pml6 {
    margin-left: 6% !important;
}

.pml7 {
    margin-left: 7% !important;
}

.pml8 {
    margin-left: 8% !important;
}

.pml9 {
    margin-left: 9% !important;
}

.pml10 {
    margin-left: 10% !important;
}

.pmr0 {
    margin-right: 0% !important;
}

.pmr1 {
    margin-right: 1% !important;
}

.pmr2 {
    margin-right: 2% !important;
}

.pmr3 {
    margin-right: 3% !important;
}

.pmr4 {
    margin-right: 4% !important;
}

.pmr5 {
    margin-right: 5% !important;
}

.pmr6 {
    margin-right: 6% !important;
}

.pmr7 {
    margin-right: 7% !important;
}

.pmr8 {
    margin-right: 8% !important;
}

.pmr9 {
    margin-right: 9% !important;
}

.pmr10 {
    margin-right: 10% !important;
}

.pmt0 {
    margin-top: 0% !important;
}

.pmt1 {
    margin-top: 1% !important;
}

.pmt2 {
    margin-top: 2% !important;
}

.pmt3 {
    margin-top: 3% !important;
}

.pmt4 {
    margin-top: 4% !important;
}

.pmt5 {
    margin-top: 5% !important;
}

.pmt6 {
    margin-top: 6% !important;
}

.pmt7 {
    margin-top: 7% !important;
}

.pmt8 {
    margin-top: 8% !important;
}

.pmt9 {
    margin-top: 9% !important;
}

.pmt10 {
    margin-top: 10% !important;
}

.pmt15 {
    margin-top: 15% !important;
}

.pmt20 {
    margin-top: 20% !important;
}

.ppb0 {
    padding-bottom: 0% !important;
}

.ppb1 {
    padding-bottom: 1% !important;
}

.ppb2 {
    padding-bottom: 2% !important;
}

.ppb3 {
    padding-bottom: 3% !important;
}

.ppb4 {
    padding-bottom: 4% !important;
}

.ppb5 {
    padding-bottom: 5% !important;
}

.ppb6 {
    padding-bottom: 6% !important;
}

.ppb7 {
    padding-bottom: 7% !important;
}

.ppb8 {
    padding-bottom: 8% !important;
}

.ppb9 {
    padding-bottom: 9% !important;
}

.ppb10 {
    padding-bottom: 10% !important;
}

.ppl0 {
    padding-left: 0% !important;
}

.ppl1 {
    padding-left: 1% !important;
}

.ppl2 {
    padding-left: 2% !important;
}

.ppl3 {
    padding-left: 3% !important;
}

.ppl4 {
    padding-left: 4% !important;
}

.ppl5 {
    padding-left: 5% !important;
}

.ppl6 {
    padding-left: 6% !important;
}

.ppl7 {
    padding-left: 7% !important;
}

.ppl8 {
    padding-left: 8% !important;
}

.ppl9 {
    padding-left: 9% !important;
}

.ppl10 {
    padding-left: 10% !important;
}

.ppr0 {
    padding-right: 0% !important;
}

.ppr1 {
    padding-right: 1% !important;
}

.ppr2 {
    padding-right: 2% !important;
}

.ppr3 {
    padding-right: 3% !important;
}

.ppr4 {
    padding-right: 4% !important;
}

.ppr5 {
    padding-right: 5% !important;
}

.ppr6 {
    padding-right: 6% !important;
}

.ppr7 {
    padding-right: 7% !important;
}

.ppr8 {
    padding-right: 8% !important;
}

.ppr9 {
    padding-right: 9% !important;
}

.ppr10 {
    padding-right: 10% !important;
}

.ppt0 {
    padding-top: 0% !important;
}

.ppt1 {
    padding-top: 1% !important;
}

.ppt2 {
    padding-top: 2% !important;
}

.ppt3 {
    padding-top: 3% !important;
}

.ppt4 {
    padding-top: 4% !important;
}

.ppt5 {
    padding-top: 5% !important;
}

.ppt6 {
    padding-top: 6% !important;
}

.ppt7 {
    padding-top: 7% !important;
}

.ppt8 {
    padding-top: 8% !important;
}

.ppt9 {
    padding-top: 9% !important;
}

.ppt10 {
    padding-top: 10% !important;
}

/* Blockquote
--------------------------------------------- */
blockquote {
    border: 0;
}

/* Images 
--------------------------------------------- */
.responsive-img {
    height: auto;
    width: 100%;
}

.responsive-img-alt {
    height: 100%;
    width: auto;
}

.opacity {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

    .opacity:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

/* ---------------------------------------------------- */
/* ----------------------- OVERLAY -------------------- */
/* ---------------------------------------------------- */
.overlay-black-80 {
    background: url(/wp-content/themes/Divi/images/trans-black-80.png) repeat 0 0 transparent;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.overlay-black-20 {
    background: url(/wp-content/themes/Divi/images/trans-black-20.png) repeat 0 0 transparent;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

/* Buttons
--------------------------------------------- */
.btn {
    margin: 20px auto 40px;
    position: relative;
    width: auto;
}

    .btn a {
        background: #4fb1c1;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        border: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
        padding: 10px 15px;
        text-align: center;
        text-transform: uppercase;
    }

        .btn a:hover {
            background: #317883;
            color: #fff;
            cursor: pointer;
        }

.button-large, .button-large-green {
    background: url(../img/HomePageLiveMockup/button-background-burnt-sienna.jpg) repeat center center;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    border: 0;
    color: #fff !important;
    display: table;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: normal !important;
    line-height: 90%;
    margin: 0 auto;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.button-large-green {
    background: url(../img/HomePageLiveMockup/button-background-army-green.jpg) repeat center center;
}

.button-large:hover {
    color: #e2b095 !important;
}

.button-large-green:hover {
    color: #7cb64f !important;
}

.button-wrap.bw-centered-bottom {
    bottom: 40px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}


/* ---------------------------------------------------- */
/* ----------------------- MENU OVERLAY OPTIONS ------- */
/* ---------------------------------------------------- */
.menu-overlay {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1060;
}

.menu-overlay-trans {
    background: rgba(0,0,0,0.4);
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1061;
}

.menu-overlay #overlay-ellipses {
    background-image: url(../img/HomePageLiveMockup/paper-pattern.jpg);
    background-repeat: repeat;
    background-position: 0 0;
    background-color: #f1f1f1;
    z-index: 1062;
}

    .menu-overlay #overlay-ellipses .header-register {
        clear: both;
        float: none;
        margin: 0 auto;
        padding: 5px 0;
        position: relative;
        width: 100%;
    }

.menu-overlay #overlay-search {
    background: #362f2d;
    padding: 31px 0;
    z-index: 1062;
}

    .menu-overlay #overlay-search .header-search {
        display: table;
        float: none;
        margin: 0 auto;
        padding: 5px 0 0;
        position: relative;
        width: 80%;
    }

        .menu-overlay #overlay-search .header-search input[type="text"].header-search-input {
            /*padding: 10px 5px;*/
            right: -10px;
            width: 100%;
        }

        .menu-overlay #overlay-search .header-search input[type="submit"].header-search-submit {
            /*right: -10px;*/
            top: 15px;
        }

.mobile-header {
    background-color: #f1f1f1;
    background-image: url(../img/HomePageLiveMockup/paper-pattern.jpg);
    background-position: 0 0;
    background-repeat: repeat;
    display: block;
    min-height: 10px;
    position: relative;
    width: 100%;
}

.mobile-nav-options {
    display: table;
    float: none;
    margin: 0 auto;
    position: relative;
    width: auto;
}

    .mobile-nav-options li {
        display: inline-block;
        float: none;
        position: relative;
        width: auto;
    }

        .mobile-nav-options li a {
            border-left: 1px solid #ddd;
            display: block;
            float: left;
            position: relative;
            width: 100%;
        }

        .mobile-nav-options li:last-child a {
            border-right: 1px solid #ddd;
        }

        .mobile-nav-options li a img {
            display: block;
            float: left;
            height: 15px;
            padding: 10px 15px;
            position: relative;
            width: 15px;
        }

.menu-overlay #overlay-ellipses .header-mailing-list, #overlay-ellipses .header-notice {
    clear: right;
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}

    .menu-overlay #overlay-ellipses .header-notice .header-notice-text, #overlay-ellipses .header-notice .header-notice-info {
        float: none;
        text-align: center;
        vertical-align: top;
        width: auto;
    }

.menu-overlay #overlay-ellipses .header-country {
    clear: both;
    display: block;
    float: none;
    height: 20px;
    margin: 0 auto;
    padding: 4px 0 2px;
    width: 80px;
}

.menu-overlay #overlay-ellipses .header-register .header-register-links {
    display: table;
    float: none;
    margin: 0 auto;
    width: auto;
}

    .menu-overlay #overlay-ellipses .header-register .header-register-links li {
        display: table-cell;
        float: none;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

        .menu-overlay #overlay-ellipses .header-register .header-register-links li a {
            color: #4b3832;
            font-family: 'Source Sans Pro', sans-serif;
            font-weight: normal;
        }

            .menu-overlay #overlay-ellipses .header-register .header-register-links li a:hover {
                color: #a54b1a;
            }

.menu-overlay-close {
    cursor: pointer;
    display: table;
    height: 30px;
    margin: 10px auto;
    position: relative;
    width: 30px;
    z-index: 1070;
}

    .menu-overlay-close a {
        display: block;
        height: 30px;
        position: relative;
        width: 30px;
    }

        .menu-overlay-close a img {
            height: 30px;
            position: relative;
            right: 0;
            top: 0;
            width: 30px;
            -moz-transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .menu-overlay-close a:hover img {
            opacity: 0.5;
            filter: alpha(opacity=50);
            -moz-transform: scale(1.1) rotate(90deg);
            -webkit-transform: scale(1.1) rotate(90deg);
            -o-transform: scale(1.1) rotate(90deg);
            transform: scale(1.1) rotate(90deg);
        }

/* ---------------------------------------------------- */
/* ----------------------- HEADER --------------------- */
/* ---------------------------------------------------- */
header {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1002;
}

.mobile-nav {
    display: none;
}

.desktop-nav {
    display: block;
}

/* ----------------------- HEADER TOP ----------------- */
.header-top {
    background: #7cb64f;
    display: block;
    float: left;
    min-height: 27px;
    position: relative;
    width: 100%;
}

.header-mailing-list {
    color: #4b3832;
    float: left;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding-top: 6px;
    text-transform: uppercase;
    width: auto;
}

.header-notice {
    float: right;
    display: inline-block;
    padding: 4px 0 2px;
}

.header-notice-text {
    color: #4b3832;
    float: right;
    display: inline-block;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 13px;
    position: relative;
    text-transform: uppercase;
    width: auto;
    padding: 1px 0 2px;
}

.header-notice-info {
    float: right;
    display: inline-block;
    height: 16px;
    margin: 0 5px;
    padding: 1px 2px 0 2px;
    position: relative;
    width: 16px;
}

    .header-notice-info a {
        display: block;
        position: relative;
        width: 100%;
    }

        .header-notice-info a img {
            display: block;
            height: 16px;
            position: relative;
            width: 16px;
        }

.header-country {
    float: right;
    display: inline-block;
    padding: 4px 0 2px;
}

.header-country-flag {
    float: left;
    display: inline-block;
    height: 20px;
    margin: 0 2px;
    position: relative;
    width: auto;
}

    .header-country-flag img {
        float: left;
        display: block;
        height: 18px;
        margin: 0;
        padding: 0;
        position: relative;
        width: auto;
    }

/* ----------------------- HEADER MIDDLE -------------- */
.header-middle {
    background: #362f2d;
    display: block;
    float: left;
    min-height: 10px;
    padding: 2px 0;
    position: relative;
    width: 100%;
}

.header-cart, .header-register, .header-search {
    float: right;
    padding: 5px 0 0;
    position: relative;
    width: auto;
}

.header-register {
    margin-left: 10px;
}

.header-right {
    display: inline-block;
    float: right;
    position: relative;
    width: 80%;
}

.header-register-links {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

    .header-register-links li {
        display: inline-block;
        float: left;
        margin: 0;
        padding: 0;
    }

        .header-register-links li a {
            color: #fff;
            display: block;
            font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
            font-size: 18px;
            font-weight: 100;
            padding: 5px 10px;
            text-transform: uppercase;
        }

            .header-register-links li a:hover {
                color: #9b9796 !important;
            }

.header-cart {
    margin-left: 5px;
    position: relative;
}

    .header-cart > a {
        display: block;
        position: relative;
    }

        .header-cart > a img {
            float: left;
            height: 26px;
            padding: 4px 0;
            position: relative;
            width: 26px;
        }

.cart-qty {
    color: #fff;
    display: block;
    float: left;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 100;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
}

/* ----------------------- HEADER BOTTOM -------------- */
.header-bottom {
    background: url(../img/HomePageLiveMockup/bg-nav-pattern.png) repeat 0 0 transparent;
    display: block;
    float: left;
    min-height: 10px;
    padding: 0;
    position: relative;
    width: 100%;
    vertical-align: middle;
    box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.1), inset 0px 4px 6px 1px rgba(0, 0, 0, 0.1);
}

.header-top-logo {
    display: inline-block;
    float: left;
    position: relative;
    max-width: 150px;
    width: 15%;
    z-index: 1010;
}

    .header-top-logo img {
        display: block;
        position: absolute;
        height: auto;
        width: 100%;
    }

.header-mobile-logo {
    display: table;
    float: none;
    height: 65px;
    margin: 0 auto;
    position: relative;
    width: 65px;
    z-index: 1;
}

    .header-mobile-logo img {
        display: block;
        position: absolute;
        height: auto;
        width: 100%;
    }

.header-nav {
    display: inline-block;
    float: right;
    position: relative;
    width: 85%;
}

.header-nav-list {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

    .header-nav-list li {
        display: inline-block;
        float: left;
        position: relative;
        width: auto;
    }

        .header-nav-list li a {
            color: #4e1212;
            display: block;
            font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
            font-size: 20px;
            font-weight: normal;
            padding: 6px 11px;
            text-transform: uppercase;
        }

            .header-nav-list li a.sale {
                color: #ff0000;
            }

            .header-nav-list li a:hover {
                color: #9b9796;
            }

/* ---------------------------------------------------- */
/* ----------------------- HERO ----------------------- */
/* ---------------------------------------------------- */
.hero-home {
    float: left;
    min-height: 675px;
    margin: 0;
    padding: 60px 0 0;
    position: relative;
    width: 100%;
}

.stamp {
    background: rgba(255,255,255,0.5);
    bottom: 30px;
    display: block;
    height: 150px;
    position: absolute;
    right: 30px;
    width: 150px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

    .stamp img {
        display: block;
    }

/* ---------------------------------------------------- */
/* ----------------------- ARTIFACT ------------------- */
/* ---------------------------------------------------- */
.artifact {
    height: auto;
    position: absolute;
    width: 20%;
}

/* ---------------------------------------------------- */
/* ----------------------- TEAR TEXTURES -------------- */
/* ---------------------------------------------------- */
.paper {
    background: url(../img/HomePageLiveMockup/paper-pattern.jpg) repeat 0 0 #f1f1f1;
}

.painted-top {
    background-color: transparent !important;
    background-image: url(../img/HomePageLiveMockup/video-header-painted-top.png) !important;
    background-repeat: repeat-x !important;
    background-size: auto 40px !important;
    bottom: -1px;
    display: block;
    height: 40px;
    position: absolute;
    width: 100%;
}

.painted-top-white {
    background-color: transparent !important;
    background-image: url(../img/HomePageLiveMockup/painted-top-white.png) !important;
    background-repeat: repeat-x !important;
    background-size: auto 40px !important;
    bottom: -1px;
    display: block;
    height: 40px;
    position: absolute;
    width: 100%;
}

.paper-top {
    background-image: url(../img/HomePageLiveMockup/paper-tear-white.png) !important;
    background-color: transparent !important;
    background-repeat: repeat-x !important;
    background-size: auto 40px !important;
    bottom: -1px;
    display: block;
    height: 40px;
    position: absolute;
    width: 100%;
}

.paper-top-pattern {
    background-image: url(../img/HomePageLiveMockup/paper-tear-pattern.png) !important;
    background-color: transparent !important;
    background-repeat: repeat-x !important;
    background-size: auto 40px !important;
    bottom: -1px;
    display: block;
    height: 40px;
    position: absolute;
    width: 100%;
}

/* ---------------------------------------------------- */
/* ----------------------- LISTS ---------------------- */
/* ---------------------------------------------------- */
.one-col, .two-col, .three-col {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

    .one-col li, .two-col li, .three-col li {
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .one-col li {
        display: inline-block;
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
        width: 100%;
    }

    .two-col li {
        color: #fff;
        display: inline-block;
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
        width: 50%;
    }

    .three-col li {
        color: #fff;
        display: inline-block;
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
        width: 33.33%;
    }

/* ---------------------------------------------------- */
/* ----------------------- FORMS ---------------------- */
/* ---------------------------------------------------- */
::-webkit-placeholder, ::-moz-placeholder {
    opacity: 1;
}

.mailing-list-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #7cb64f;
}

.mailing-list-input::-moz-placeholder { /* Firefox 19+ */
    color: #7cb64f;
}

.mailing-list-input:-ms-input-placeholder { /* IE 10+ */
    color: #7cb64f;
}

.mailing-list-input:-moz-placeholder { /* Firefox 18- */
    color: #7cb64f;
}

.header-search-submit::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #7cb64f;
    font-style: italic;
    text-transform: none;
}

.header-search-submit::-moz-placeholder { /* Firefox 19+ */
    color: #7cb64f;
    font-style: italic;
    text-transform: none;
}

.header-search-submit:-ms-input-placeholder { /* IE 10+ */
    color: #7cb64f;
    font-style: italic;
    text-transform: none;
}

.header-search-submit:-moz-placeholder { /* Firefox 18- */
    color: #7cb64f;
    font-style: italic;
    text-transform: none;
}

input[type="text"].mailing-list-input {
    background: #596b31;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    color: #7cb64f !important;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 2px 0;
    padding: 2px 5px;
    text-transform: uppercase;
    width: 80px;
}

    input[type="text"].mailing-list-input:focus {
        color: #fff !important;
    }

input[type="text"].header-search-input {
    background: transparent;
    border: 1px solid #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    color: #fff !important;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: italic;
    padding: 5px 5px;
    text-transform: none;
    width: 300px;
}

.menu-overlay input[type="text"].header-search-input {
    padding: 18px 5px;
}

select {
    background: #596b31;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    color: #7cb64f;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 15px 0;
    padding: 16px;
    text-transform: uppercase;
    width: 100% !important;
    height: 52px;
}

textarea {
    min-height: 140px;
}

.hs-form fieldset {
    max-width: 100% !important;
    width: 100%;
}

/* Button Styles */
input[type='submit'].mailing-list-submit {
    background-image: url(../img/HomePageLiveMockup/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: 20px 20px;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 22px;
    line-height: 100%;
    margin: 0 auto 2px;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    width: 28px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    /*top: 8px;*/
}

[type="submit"].mailing-list-submit:hover {
    background-image: url(../img/HomePageLiveMockup/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #596b31;
    background-size: 20px 20px;
    cursor: pointer;
}

input[type='submit'].header-search-submit {
    background-image: url(../img/HomePageLiveMockup/search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #362f2d;
    background-size: 16px 16px;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 22px;
    line-height: 100%;
    margin: 0 auto;
    padding: 0 2%;
    position: absolute;
    text-transform: uppercase;
    width: 28px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    right: 2px;
    top: 9px;
}

    input[type="submit"].header-search-submit:hover {
        opacity: 1.0;
        filter: alpha(opacity=100);
        cursor: pointer;
    }

/* ---------------------------------------------------- */
/* ----------------------- SECTIONS ------------------- */
/* ---------------------------------------------------- */

.text-absolute {
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}

.text-wrap {
    display: table;
    float: left;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}

.text-inner {
    display: table-cell;
    float: none;
    padding: 6% 8%;
    vertical-align: middle;
}

    .text-inner p {
        line-height: 100%;
        margin: 0 0 10px;
    }

.sub-hero, .featured-chef, .featured-cats {
    display: block;
    float: left;
    min-height: 10px;
    position: relative;
    width: 100%;
}

.sub-hero {
    background-color: #fff;
    padding: 2% 0 4%;
}

.featured-cats {
    backgroun-color: #f1f1f1;
    background-image: url(../img/HomePageLiveMockup/paper-pattern.jpg);
    background-position: 0 0;
    backgroun-repeat: repeat;
    padding: 2% 0 3%;
}

.featured-chef {
    background-color: #fff;
    padding: 2% 0 0;
}

.featured-ingredients {
    background-color: #fff;
    display: block;
    float: left;
    min-height: 10px;
    padding-bottom: 3%;
    position: relative;
    width: 100%;
}

.bg-featured-cats {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}

.video-home {
    background-image: url(../img/HomePageLiveMockup/dots-gold-on-navy-blue.jpg);
    background-repeat: repeat;
    display: block;
    float: left;
    min-height: 10px;
    padding: 4% 0;
    position: relative;
    width: 100%;
}

.bg-featured-cats-secondary {
    background-image: url(../img/HomePageLiveMockup/bg-dried-parsley.png);
    background-position: center center;
    background-repeat: repeat-x;
    background-size: 300px auto;
    display: block;
    min-height: 10px;
    position: relative;
    width: 100%;
}

/* ---------------------------------------------------- */
/* ----------------------- HOME VIDEO ---------------- */
/* ---------------------------------------------------- */
.video-home-wrap {
    display: block;
    float: right;
    min-height: 10px;
    position: relative;
    width: 60%;
}

.video-home-text {
    display: block;
    float: left;
    min-height: 10px;
    position: relative;
    width: 38%;
}

    .video-home-text:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

.vert-absolute {
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}

.vert-table {
    bottom: 0;
    display: table;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.vert-table-cell {
    display: table-cell;
    vertical-align: middle;
}

/* ---------------------------------------------------- */
/* ----------------------- HEADLINES ------------------ */
/* ---------------------------------------------------- */
h1.headline-hero {
    color: #fff;
    font-family: 'TrueNorth';
    font-size: 80px;
    font-weight: normal;
    line-height: 90%;
    text-align: center;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

h2.subheadline-hero {
    color: #fff;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 2em;
    text-transform: none;
}

h2.featured-cat-headline {
    color: #fff;
    font-family: 'TrueNorth';
    font-size: 54px;
    font-weight: normal;
    line-height: 90%;
    margin-bottom: 0.2em;
    text-align: center;
    text-shadow: 0 4px 10px #000000;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

h3.featured-cat-subheadline {
    color: #fff;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: none;
}

h2.featured-chef-headline {
    color: #fff;
    text-align: center;
    font-size: 48px;
    line-height: 80%;
    margin-bottom: 10px;
    text-transform: none;
}

h2.ingredients-headline {
    background: url(../img/HomePageLiveMockup/down-arrow-mantis.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 30px auto;
    color: #a54b1a;
    font-family: 'True-North-Inline-Bold';
    font-size: 48px;
    font-weight: normal;
    padding-top: 35px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -5px;
}

h2.video-home-headline {
    color: #fff;
    font-family: 'TrueNorth';
    font-size: 54px;
    font-weight: normal;
    line-height: 90%;
    margin-bottom: 0.2em;
    text-align: center;
    text-shadow: 0 4px 10px #000000;
}

h3.video-home-subheadline {
    color: #fff;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: none;
}

/* ---------------------------------------------------- */
/* ----------------------- RESPONSIVE VIDEO ----------- */
/* ---------------------------------------------------- */
.ingredient-video {
    display: block;
    min-height: 10px;
    position: relative;
    width: 60%;
}

.ingredient-links {
    background-image: url(../img/HomePageLiveMockup/dried-parsley-on-gray.jpg);
    background-position: center center;
    background-size: 100% auto;
    display: block;
    min-height: 10px;
    position: relative;
    width: 38%;
}

.ingredient-links-list {
    display: block;
    margin: 15px auto;
    padding: 0;
    position: relative;
    width: 92%;
}

    .ingredient-links-list li {
        display: block;
        float: left;
        margin: 0 0 15px;
        padding: 0;
        position: relative;
        width: 100%;
    }

        .ingredient-links-list li:last-child {
            margin: 0;
        }

        .ingredient-links-list li .ingredient-links-list-wrap {
            display: block;
            float: left;
            height: 120px;
            margin: 0;
            padding: 0;
            position: relative;
            width: 100%;
        }

            .ingredient-links-list li .ingredient-links-list-wrap .border-wrap {
                border: 10px solid #fcd832;
                bottom: 0;
                display: block;
                float: left;
                height: 100px;
                left: 0;
                margin: 0;
                padding: 0;
                overflow: hidden;
                position: absolute;
                right: 0;
                top: 0;
                width: auto;
            }

                .ingredient-links-list li .ingredient-links-list-wrap .border-wrap a {
                    background: #fff;
                    bottom: 0;
                    display: block;
                    float: left;
                    left: 0;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 100%;
                }

                    .ingredient-links-list li .ingredient-links-list-wrap .border-wrap a:hover {
                        background: #eee !important;
                    }

.ingredient-links-list-wrap .thumb {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    display: block;
    float: left;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 25%;
}

.ingredient-links-list-wrap .text {
    bottom: 0;
    display: table;
    float: right;
    height: 100%;
    line-height: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    position: absolute;
    right: 0;
    top: 0;
    width: 73%;
}

.ingredient-links-list-wrap a .text .text-vert {
    color: #4b3832;
    display: table-cell;
    font-weight: normal;
    vertical-align: middle;
}

    .ingredient-links-list-wrap a .text .text-vert strong {
        color: #a54b1a;
        font-weight: bold;
    }

.ingredient-links-list li .ingredient-links-list-wrap .border-wrap a:hover {
    background: #eee;
}

.ingredient-links-list-wrap a:hover .thumb {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.ingredient-links-list-wrap a:hover .text {
    color: #644c44 !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* ---------------------------------------------------- */
/* -------------- FOOTER ------------------------------ */
/* ---------------------------------------------------- */
footer {
    background-color: #362f2d;
    display: block;
    float: left;
    min-height: 10px;
    padding: 5% 0 0;
    position: relative;
    width: 100%;
}

.footer-top {
    background-image: url(../img/HomePageLiveMockup/footer-top.png) !important;
    background-color: transparent !important;
    background-repeat: repeat-x !important;
    background-size: auto 40px !important;
    display: block;
    height: 40px;
    position: absolute;
    top: -39px;
    width: 100%;
}

.footer-logo {
    float: left;
    margin-right: 10%;
    position: relative;
    width: 10%;
}

    .footer-logo a {
        float: left;
        display: block;
        position: relative;
        width: 100%;
    }

    .footer-logo img {
        height: auto;
        position: relative;
        top: -20px;
        width: 100%;
    }

        .footer-logo img:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

.footer .clearfix #footer-bottom #footer-info a {
    color: #f5f5f5;
    font-weight: normal;
    font-family: 'Source-Sans-Pro', Helvetica, sans-serif;
    letter-spacing: 2px;
}

.fgrid-1 {
    display: block;
    min-height: 10px;
    margin-right: 3%;
    position: relative;
    width: 16%;
}

.fgrid-2 {
    display: block;
    min-height: 10px;
    margin-right: 3%;
    position: relative;
    width: 20%;
}

.fgrid-3 {
    display: block;
    min-height: 10px;
    margin-right: 3%;
    position: relative;
    width: 20%;
}

.fgrid-4 {
    display: block;
    min-height: 10px;
    margin-right: 0%;
    position: relative;
    width: 15%;
}

    .fgrid-1 h6, .fgrid-2 h6, .fgrid-3 h6, .fgrid-4 h6 {
        font-family: "Source Sans Pro",sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 1em;
        margin: 0;
        padding: 0 0 20px;
        text-shadow: none;
    }

ul.footer-links {
    clear: both;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 98%;
}

    ul.footer-links li {
        clear: both;
        color: #fff;
        display: block;
        float: left;
        margin: 0 0 8px 0;
        padding: 0;
        position: relative;
        width: 100%;
    }

        ul.footer-links li a {
            border-bottom: 1px solid transparent;
            color: #fff;
            display: block;
            float: left;
            font-family: "Source Sans Pro",sans-serif;
            font-size: 16px;
            font-weight: normal;
            line-height: 100%;
            margin: 0;
            padding: 0 0 2px;
            position: relative;
            text-decoration: none;
            width: auto;
        }

            ul.footer-links li a:hover {
                color: #eee;
                border-bottom: 1px solid #a54b1a;
            }

.fgrid-4 ul.footer-links {
    margin-top: 40px;
}

.footer-address {
    color: #fff;
    display: block;
    float: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

    .footer-address p {
        color: #fff;
        font-family: "Source Sans Pro",sans-serif;
        font-size: 16px;
        font-weight: normal;
        margin-top: 0;
    }

    .footer-address a {
        color: #fff;
        border-bottom: 1px solid transparent;
        hyphens: auto;
        font-family: "Source Sans Pro",sans-serif;
        font-weight: normal;
        overflow-wrap: break-word;
        text-decoration: none;
    }

        .footer-address a:hover {
            color: #eee;
            border-bottom: 1px solid #a54b1a;
        }

ul.footer-social-media {
    clear: both;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 98%;
}

    ul.footer-social-media li {
        display: inline-block;
        float: left;
        margin: 0 5% 5% 0;
        padding: 0;
        position: relative;
        width: 12%;
    }

        ul.footer-social-media li a {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            position: relative;
            width: 100%;
        }

            ul.footer-social-media li a img {
                display: block;
                float: left;
                height: auto;
                margin: 0;
                padding: 0;
                position: relative;
                width: 100%;
            }

            ul.footer-social-media li a:hover img {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

#footer-bottom {
    background-color: #362f2d;
    float: none;
    margin: 5% auto 0;
    padding: 10px 0;
    position: relative;
    width: 90%;
    max-width: 1200px !important;
}

#footer-info {
    color: #f5f5f5;
    font-family: 'Source-Sans-Pro', Helvetica, sans-serif;
    font-size: 8px;
    letter-spacing: 2px;
    margin-bottom: 0;
    padding-bottom: 0px;
    text-align: center;
    text-transform: uppercase;
}

/* PNG fix */
* html #selector { /* for IE<6 */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/image.png');
    background-image: none;
    background-repeat: no-repeat;
    background-color: transparent;
}
/* self-clear floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix { /* IE6 */
    height: 1%;
}

*:first-child + html .clearfix { /* IE7 */
    min-height: 1px;
}

/* ---------------------------------------------------- */
/* ----------------------- MEDIA ---------------------- */
/* ---------------------------------------------------- */
@media screen and (max-width: 1200px) {
    .fgrid-1 h6, .fgrid-2 h6, .fgrid-3 h6, .fgrid-4 h6 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1150px) {
    .ingredient-links-list li .ingredient-links-list-wrap {
        height: 100px;
    }

        .ingredient-links-list li .ingredient-links-list-wrap .border-wrap {
            height: 80px;
        }
}

@media screen and (max-width: 1000px) {
    .desktop-nav {
        display: none;
    }

    .mobile-nav {
        display: block;
    }

    .hero-home {
        padding: 100px 0 0;
    }

    .header-top-logo {
        display: none;
    }
}

@media screen and (max-width: 960px) {
    h2.subheadline-hero, h3.featured-cat-subheadline, h3.video-home-subheadline {
        font-size: 20px !important;
    }

    h2, h2.featured-cat-headline, h2.featured-chef-headline, h2.ingredients-headline, h2.video-home-headline {
        font-size: 40px;
        line-height: 80%;
    }

        h2, h2.subheadline-hero, h2.featured-cat-headline, h2.featured-chef-headline, h2.ingredients-headline, h2.video-home-headline, h3.featured-cat-subheadline, h3.video-home-subheadline {
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
}

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

@media screen and (max-width: 768px) {
    .grid-10, .grid-9b, .grid-9, .grid-8b, .grid-8, .grid-7b, .grid-7, .grid-6b, .grid-6, .grid-5b, .grid-5, .grid-4b, .grid-4, .grid-3b, .grid-3, .grid-2b, .grid-2, .grid-1b, .grid-1 {
        width: 100%;
    }

    .fr {
        float: left;
    }

    .hero-home {
        min-height: 640px;
    }

        .hero-home .text-inner {
            padding: 100px 8% 160px;
        }

    .stamp {
        height: 120px;
        width: 120px;
    }

    .two-col li {
        width: 100%;
    }

    .ingredient-video, .ingredient-links {
        width: 100%;
    }

        .ingredient-links.fr {
            float: left;
        }

    .video-home-wrap, .video-home-text {
        width: 100%;
    }

    .video-home-wrap {
        padding-bottom: 10% !important;
    }

    .video-home-text:after {
        content: "";
        display: block;
        padding-bottom: 0%;
    }

    .video-home-text .vert-table, .vert-absolute {
        padding: 5% 0;
        position: relative;
    }

    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 27px;
    }

    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 21px;
    }

    h6 {
        font-size: 18px;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    h1, h1.headline-hero {
        font-size: 48px !important;
        line-height: 80%;
    }

    h2, h2.featured-cat-headline, h2.featured-chef-headline, h2.ingredients-headline, h2.video-home-headline {
        font-size: 36px;
        line-height: 80%;
    }

    .three-col li {
        width: 100%;
    }

    /*.one-col li, .two-col li, .three-col li, h1, h2, h3, h4, h5, h6, h1.headline-hero, h2.featured-cat-headline, h2.featured-chef-headline, h2.ingredients-headline, h2.video-home-headline, .stamp {
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }*/
}

@media screen and (max-width: 704px) {
    .footer-logo {
        display: table;
        float: none !important;
        margin: 40px auto !important;
        width: 90%;
    }

        .footer-logo a {
            display: table;
            float: none !important;
            margin: 0 auto !important;
            width: 30%;
        }

    ul.footer-links li a {
        display: table;
        float: none;
        margin: 0 auto;
        text-align: center;
        width: auto;
    }

    .fgrid-1, .fgrid-2, .fgrid-3, .fgrid-4 {
        display: table;
        float: none;
        margin: 0 auto 30px !important;
        text-align: center;
        width: 90%;
    }

    ul.footer-social-media {
        display: table;
        float: none;
        margin-top: 10px;
        width: 100%;
    }

        ul.footer-social-media li {
            float: left;
            margin: 0 2%;
            width: 16%;
        }

            ul.footer-social-media li a {
                display: table;
                float: none;
                margin: 0 auto;
                width: 30%;
            }
}

@media screen and (max-width: 480px) {
    h1, h1.headline-hero {
        font-size: 36px !important;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .center-1 .home-page .ns-uswm-homepage .hero-home .text-absolute .text-wrap .text-inner h2.subheadline-hero {
        font-size: 20px;
    }

    p {
        font-size: 16px;
    }
}

@media screen and (max-width: 460px) {
    .footer-logo a {
        width: 50%;
    }

    ul.footer-social-media li a {
        width: 60%;
    }
}


/*#region mega_menu_color */
.mainCat .with-subcategories span {
    font-family: SourceSansPro-Black;
    color: #5f9f2d;
    text-transform: uppercase;
    font-size: 14px;
}

    .mainCat .with-subcategories span:hover {
        color: #596b31;
    }

.shopMenu .mainCat .with-subcategories span:hover {
    color: #596b31;
}

.active-menu-mainCategory {
    color: #a54b1a;
    font-weight: bold;
}

.header-menu .sublist .sublist-subCategory li:hover > a {
    color: #9b9796;
}

/*.header-menu .sublist li:hover > a {
     color: #75bfa1;
    color: #d72702;
}*/

.header-menu .sublist li:hover > a:active {
    border-bottom: 2px solid #a54b1a;
    color: #a54b1a !important;
}

/*.mainCat-subCategory .with-subcategories-subCategory > a:active {
    border-bottom: 2px solid #a54b1a;
    color: #a54b1a !important;
}*/
/*#endregion */

/*#region Top_Menu */
.header .header-options-wrapper .main-header-links .admin-header-links {
    border-bottom: none;
}

.header .header-options-wrapper .main-header-links .header-top .grid-page .header-mailing-list {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

    .header .header-options-wrapper .main-header-links .header-top .grid-page .header-mailing-list .mailing-list-input {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        width: 90px;
        letter-spacing: 0;
        margin: 0 0 2px 0;
    }

        .header .header-options-wrapper .main-header-links .header-top .grid-page .header-mailing-list .mailing-list-input::placeholder {
            font-style: normal;
        }

.header .header-options-wrapper .main-header-links .header-top .grid-page .header-notice .header-notice-info {
    margin: 0 7px;
}

    .header .header-options-wrapper .main-header-links .header-top .grid-page .header-notice .header-notice-info a {
        left: -2px;
    }

.header .header-options-wrapper .main-header-links .header-top .grid-page .header-notice .header-notice-text {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

.header .header-options-wrapper .main-header-links .header-top .grid-page .header-notice .header-notice-info a img {
    max-width: unset;
}
/*#endregion */

/*#region Sub-Header */

.sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .header-middle .grid-page .header-right .header-register ul.header-register-links li a {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: 100 !important;
    padding: 5.5px 10px 5px 10px;
}

.sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .header-middle .grid-page .header-right .header-cart a {
    padding: 0;
}

    .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .header-middle .grid-page .header-right .header-cart a img {
        width: 26px;
        height: 34px;
        top: 0;
    }

    .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .header-middle .grid-page .header-right .header-cart a span {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        top: 0.5px;
    }

.sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .header-middle .grid-page .header-right .search-group .search-box-text {
    height: 27px;
    /*padding: 13px 5px;*/
    width: 312px;
}

.sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .header-middle .grid-page .header-right .search-group .search-icon {
    padding: 0;
    width: 23px;
}

/*#endregion */

/*#region Header-Menu */
.clearfix .sub-header .sub-header-center .header-top-logo {
    margin: 0px auto;
    /*left: 62.5px;*/
    width: 16%;
    /*max-width: 153px;*/
    z-index: 1010;
}

.clearfix .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header {
    /*top: 30px;*/
}

    .clearfix .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .menu-bar ul.menu-bar__left li.main-category a {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    }

        .clearfix .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .menu-bar ul.menu-bar__left li.main-category a.with-subcategories {
            /*padding: 6px 11px;*/
        }

    .clearfix .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .menu-bar ul.menu-bar__left li.main-category a {
        padding: 6px 11px 6px 6.5px;
    }

    .clearfix .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .menu-bar ul.menu-bar__left li.discoverMenu a.with-subcategories {
        padding: 6px 11px 6px 6.6px;
    }
/*#endregion */

/*#region header logo */
.sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .uswm-logo-container {
    width: 12%;
    left: 62px;
}
/*#endregion */

/*#region home page center 1 */
.center-1 .home-page {
    background-color: #fff;
    /*top: -60px;*/
    position: relative;
}


    /*#endregion */

    /*#region sub-hero */
    .center-1 .home-page .ns-uswm-homepage .clearfix topic-block .topic-block-body {
        line-height: initial;
    }

    .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .sub-hero {
        padding: 13px 0 40px;
    }

        .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .sub-hero .grid-page ul {
            padding: 0;
        }

            .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .sub-hero .grid-page ul li.clearfix span.button-wrap {
                bottom: 39px;
            }

                .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .sub-hero .grid-page ul li.clearfix span.button-wrap a.button-large {
                    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
                }
/*#endregion */

/*#region Category */
#categories .featured-cats .bg-featured-cats-secondary .grid-page ul.three-col li.clearfix span.button-wrap a.button-large {
    font-size: 1.2em;
}
/*#endregion */

/*#region feature-cat */
.center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-cats {
    padding: 2% 0 0;
}

.center-1 .home-page .ns-uswm-homepage #categories .featured-cats {
    padding: 0 0 3%;
}

.center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-cats .grid-page ul.one-col,
.bg-featured-cats-secondary .grid-page .three-col {
    padding: 0;
    margin: 0;
}

    .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-cats .grid-page ul.one-col li.featured-cats-item .text-absolute .text-wrap .text-inner {
        letter-spacing: 0;
    }

        .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-cats .grid-page ul.one-col li.featured-cats-item .text-absolute .text-wrap .text-inner .grid-5 h2.featured-cat-headline {
            margin-bottom: 11px;
            font-size: 36px;
        }

        .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-cats .grid-page ul.one-col li.featured-cats-item .text-absolute .text-wrap .text-inner .grid-5 h3.featured-cat-subheadline {
            font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
            font-size: 20px;
        }

        .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-cats .grid-page ul.one-col li.featured-cats-item .text-absolute .text-wrap .text-inner .grid-5 a.button-large {
            font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        }

.center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-cats .grid-page ul.three-col li.clearfix span.button-wrap a.button-large {
    font-family: inherit;
    padding: 0.6em 1.1em;
}
/*#endregion */

/*#region feature-chef */
.center-1 .home-page .ns-uswm-homepage .featurechef .topic-block .topic-block-body {
    line-height: 0;
}

.center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-chef {
    padding: 2% 0 0;
    background-image: none;
}

    .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-chef .grid-page ul.three-col {
        padding: 0;
        margin: 0;
    }

        .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-chef .grid-page ul.three-col li.clearfix img.desktop {
            background: url('../img/HomePageLiveMockup/featured-chef-carley-smith.jpg');
        }

        .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-chef .grid-page ul.three-col li.clearfix .text-absolute .text-wrap .text-inner {
            padding: 6% 8%;
        }

            /*.center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-chef .grid-page ul.three-col li.clearfix .text-absolute .text-wrap .text-inner h2.featured-chef-headline {
                font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
            }*/

            .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-chef .grid-page ul.three-col li.clearfix .text-absolute .text-wrap .text-inner p {
                font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
                font-size: 18px;
                letter-spacing: 0;
                line-height: 100%;
            }

            .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-chef .grid-page ul.three-col li.clearfix .text-absolute .text-wrap .text-inner a.button-large-green {
                font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
            }
/*#endregion */

/*#region hero-home */
.center-1 .home-page .ns-uswm-homepage .hero-home {
    padding: 735px 0 0px;
    background-image: url('../img/HomePageLiveMockup/spring-thaw.jpg');
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: cover;
    background-position: bottom center;
    position: relative;
}

    .center-1 .home-page .ns-uswm-homepage .hero-home .text-absolute .text-wrap .text-inner h1.headline-hero {
        /*font-family: initial;*/
        margin-top: -1px;
    }

    .center-1 .home-page .ns-uswm-homepage .hero-home .text-absolute .text-wrap .text-inner h2.subheadline-hero {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-size: 20px;
    }

    .center-1 .home-page .ns-uswm-homepage .hero-home .text-absolute .text-wrap .text-inner a.button-large {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        /*font-size: 1.1em;
            padding: 0.6em 1.2em;*/
    }

    .center-1 .home-page .ns-uswm-homepage .hero-home .text-absolute .text-wrap .text-inner .grid-5 a.button-large {
        font-size: 1.2em;
        padding: 0.6em 1em;
    }
/*#endregion*/

/*#region category */
#categories .sub-hero {
    padding: 2% 0 3%;
}

    #categories .sub-hero .grid-page ul.two-col li.clearfix:nth-child() {
        background: url('../img/HomePageLiveMockup/artifact-parsley2.png');
        background-position: bottom right;
    }


    #categories .sub-hero .grid-page ul.two-col li.clearfix .button-wrap a.button-large {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-size: 1.1em;
        padding: 0.6em 1.1em;
    }
/*#endregion */

/*#region Featured-Ingredients */
.center-1 .home-page .ns-uswm-homepage .FeaturedIngredients .topic-block .topic-block-body {
    line-height: unset;
}

/*.center-1 .home-page .ns-uswm-homepage .featured-ingredients .grid-page h2.ingredients-headline {
    font-family: initial;
    padding: 49px 0 21px;
    top: 0;
}*/

.center-1 .home-page .ns-uswm-homepage .featured-ingredients .grid-page .ingredient-links ul.ingredient-links-list {
    margin: 15px auto;
    padding: 0;
}

    .center-1 .home-page .ns-uswm-homepage .featured-ingredients .grid-page .ingredient-links ul.ingredient-links-list li.clearfix span.ingredient-links-list-wrap .border-wrap {
        height: 100%;
    }

        .center-1 .home-page .ns-uswm-homepage .featured-ingredients .grid-page .ingredient-links ul.ingredient-links-list li.clearfix span.ingredient-links-list-wrap .border-wrap a span.thumb {
            background-image: url(../img/HomePageLiveMockup/0000858_ground-bison-1-pound-package.jpeg);
        }

        /*.center-1 .home-page .ns-uswm-homepage .featured-ingredients .grid-page .ingredient-links ul.ingredient-links-list li.clearfix span.sugar .border-wrap a span.thumb {
    background-image: url('../img/HomePageLiveMockup/0000443_sugar-free-pork-bacon-slices-15-pounds_560.jpeg');
}*/
        .center-1 .home-page .ns-uswm-homepage .featured-ingredients .grid-page .ingredient-links ul.ingredient-links-list li.clearfix span.ingredient-links-list-wrap .border-wrap a span.second {
            background-image: url('../img/HomePageLiveMockup/0000443_sugar-free-pork-bacon-slices-15-pounds_560.jpeg');
        }

    .center-1 .home-page .ns-uswm-homepage .featured-ingredients .grid-page .ingredient-links ul.ingredient-links-list li.clearfix span.ingredient-links-list-wrap span.border-wrap a span.text span.text-vert {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    }
/*#endregion */

/*#region Video-home */
.video-home .grid-page .video-home-text .vert-absolute .vert-table .vert-table-cell h2.video-home-headline {
    /*font-family: initial;*/
}

.video-home .grid-page .video-home-text .vert-absolute .vert-table .vert-table-cell h3.video-home-subheadline {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
/*#endregion */

/*#region Footer */

.footer .clearfix .footer-top {
    z-index: 1;
}

.footer .clearfix .grid-page {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

    .footer .clearfix .grid-page h6.white {
        font-family: inherit;
        letter-spacing: 0;
    }

    .footer .clearfix .grid-page ul.footer-links li a {
        font-family: inherit;
    }

    .footer .clearfix .grid-page .footer-address p {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-size: 16px;
        letter-spacing: 0;
    }

.footer .clearfix .footer-top {
    top: -38px;
}
/*#endregion */

/*#region Main_Content_Home_page */
@media screen (min-width:320px) and (max-width:640px) {
    .featured-ingredients .grid-page h2.ingredients-headline {
        top: 0;
    }

    .one-col li, .two-col li, .three-col li, h1, h2, h3, h4, h5, h6, h1.headline-hero, h2.featured-cat-headline, h2.featured-chef-headline, h2.ingredients-headline, h2.video-home-headline, .stamp {
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
}

@media screen (min-width:767px) and (max-width:1023px) {
    #categories .sub-hero {
        padding: 2% 0 2%;
    }

    .center-1 .home-page .ns-uswm-homepage .topic-block .topic-block-body .featured-chef {
        padding: 6% 0 0;
        background-image: none;
    }

    .menu-bar__left {
        width: 90%;
        margin-left: 13%;
    }

    .one-col li, .two-col li, .three-col li, h1, h2, h3, h4, h5, h6, h1.headline-hero, h2.featured-cat-headline, h2.featured-chef-headline, h2.ingredients-headline, h2.video-home-headline, .stamp {
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
}
/*#endregion */

/*#region Override_header */

.header-mailing-list input[type="text"], input[type="password"], textarea, select {
    height: auto;
}

.ns-uswm-sticky-header .menu-bar {
    line-height: normal;
    height: auto;
    /*text-align: center;*/
}

#headerMenuParent {
    display: block;
}

.with-subcategories {
    color: #4e1212;
    display: block;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding: 6px 11px;
    text-transform: uppercase;
}

.header-admin-link .menu-bar__left .sublist-wrap.active {
    top: 131px !important;
}

.header-guest-link .menu-bar__left .sublist-wrap.active {
    top: 108px;
}

/*.ns-uswm-sticky-header .menu-bar__left {
    float: left;
    position: relative;
    left: 15%;
}*/

/*.sub-header-center .header-top-logo a img {
    margin-top: 25px;
}*/

.ns-uswm-sticky-header {
    top: 26px;
}

    .ns-uswm-sticky-header.header-admin-link {
        top: 52px;
    }

.header-top-logo {
    /*left: 5.5%;*/
    margin: 18px auto;
}

.ns-uswm-sticky-header .ico-login,
.ns-uswm-sticky-header .ico-register {
    color: #ffffff !important;
}

.header-menu .topMenuforDesktop:hover .menu-border span:before {
    content: none;
}

.cart-qty {
    top: auto;
    left: auto;
    background: none !important;
}

.flyout-cart {
    top: 35px;
}

.search-icon {
    background: url(../img/HomePageLiveMockup/search.svg);
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    top: 5px;
}

#overlay-search .search-icon {
    top: 8px;
}

.header-search input[type="text"] {
    /*height: auto;*/
    /*margin-top: 3px;*/
}

.menu-bar .main-category a {
    color: #4e1212;
    display: block;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding: 6px 11px;
    text-transform: uppercase;
}

    .menu-bar .main-category a.sale {
        color: #ff0000;
    }

    .menu-bar .main-category a:hover, .menu-bar .main-category a span:hover {
        color: #9b9796;
    }

.mobile-nav-options li a img {
    display: block;
    float: left;
    height: 37px;
    padding: 11px 10px;
    position: relative;
    width: 45px;
}
/*#endregion */

/*#region placeholder */

.header-search-input::-webkit-input-placeholder {
    color: #767b7e !important;
}

.header-search-input:-moz-placeholder {
    /* Firefox 18- */ color: #767b7e !important;
}

.header-search-input::-moz-placeholder {
    /* Firefox 19+ */ color: #767b7e !important;
}

.header-search-input:-ms-input-placeholder {
    color: #767b7e !important;
}
/*#endregion */


/*#region Header-Menu */
/*.sub-header .sub-header-center .header-top-logo {
    margin: 14px auto;
    
    width: 12%;
    max-width: 153px;
}

.sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header {
    
}

    .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .menu-bar ul.menu-bar__left {
        width: 89%;
    }

        .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .menu-bar ul.menu-bar__left li.main-category a {
            font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        }

            .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .menu-bar ul.menu-bar__left li.main-category a.with-subcategories {
                padding: 6px 11px;
            }

        .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .menu-bar ul.menu-bar__left li.main-category a {
            padding: 6px 11px 6px 6.5px;
        }

        .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .menu-bar ul.menu-bar__left li.discoverMenu a.with-subcategories {
            padding: 6px 11px 6px 6.6px;
        }

@media screen and (max-width: 1100px) and (min-width: 1001px) {
    #small-searchterms {
        width: 312px !important;
    }
}*/

/*#endregion */


/*#region Top_Menu */

/*.header .header-options-wrapper .main-header-links .admin-header-links {
    border-bottom: none;
}
 
.header .header-options-wrapper .main-header-links .header-top .grid-page .header-mailing-list {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif,'Source Sans Pro', Helvetica, Arial;
}

    .header .header-options-wrapper .main-header-links .header-top .grid-page .header-mailing-list .mailing-list-input {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        width: 90px;
        letter-spacing: 0;
        margin: 0 0 2px 0;
    }

        .header .header-options-wrapper .main-header-links .header-top .grid-page .header-mailing-list .mailing-list-input::placeholder {
            font-style: normal;
        }

.header .header-options-wrapper .main-header-links .header-top .grid-page .header-notice .header-notice-info {
    margin: 0 7px;
}

    .header .header-options-wrapper .main-header-links .header-top .grid-page .header-notice .header-notice-info a {
        left: -2px;
    }

.header .header-options-wrapper .main-header-links .header-top .grid-page .header-notice .header-notice-text {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

.header .header-options-wrapper .main-header-links .header-top .grid-page .header-notice .header-notice-info a img {
    max-width: unset;
}*/
/*#endregion */

/*#region Sub-Header */

/*.sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .header-middle .grid-page .header-right .header-register ul.header-register-links li a {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    padding: 5.5px 10px 5px 10px;
}

.sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .header-middle .grid-page .header-right .header-cart a {
    padding: 0;
}

    .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .header-middle .grid-page .header-right .header-cart a img {
        width: 26px;
        height: 34px;
        top: 0;
    }

    .sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .header-middle .grid-page .header-right .header-cart a span {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        top: 0.5px;
    }

.sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .header-middle .grid-page .header-right .search-group .search-box-text {
    height: 27px;
    padding: 13px 5px;
    width: 312px;
}

.sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .header-middle .grid-page .header-right .search-group .search-icon {
    padding: 0;
    width: 23px;
}*/

/*.sub-header .sub-header-center .header-menu-parent .header-menu .ns-uswm-sticky-header .menu-bar ul.menu-bar__left li.main-category .sublist-wrap {
    top: 108px !important;
}*/
/*#endregion */

.menu-bar__left {
    width: 90%;
    margin-left: 20.8%;
}

@media screen and (max-width: 1100px) and (min-width: 1001px) {
    .menu-bar__left {
        width: 90%;
        margin-left: 16%;
    }

    #small-searchterms {
        width: 312px !important;
    }

    .one-col li, .two-col li, .three-col li, h1, h2, h3, h4, h5, h6, h1.headline-hero, h2.featured-cat-headline, h2.featured-chef-headline, h2.ingredients-headline, h2.video-home-headline, .stamp {
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1100px) {
    .menu-bar__left {
        width: 90%;
        margin-left: 15.8%;
    }

    .one-col li, .two-col li, .three-col li, h1, h2, h3, h4, h5, h6, h1.headline-hero, h2.featured-cat-headline, h2.featured-chef-headline, h2.ingredients-headline, h2.video-home-headline, .stamp {
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
}

@media screen and (min-width: 1600px) {
    .menu-bar__left {
        width: 100%;
        margin-left: auto;
    }

    .ns-uswm-sticky-header .menu-bar {
        text-align: center;
    }

    .blogDetail {
        width: auto;
    }

    .videoAndBlog .blogName {
        margin-left: 12px !important;
    }

    .blogImg {
        width: auto;
    }
}

.newsletter .footer-newsletter__firstname,
.newsletter .footer-newsletter__email {
    margin-right: 0;
    display: none;
    position: relative;
    top: -4px;
}

.is-error + .footer-newsletter__email,
.is-error + .footer-newsletter__firstname {
    display: inline-block;
}

.mailinglist-label {
    /*top: -4px;*/
    position: relative;
}

.footer-newsletter__email-input,
.footer-newsletter__firstname-input {
    height: auto !important;
    border-radius: 0 !important;
    vertical-align: auto !important;
}

.newsletter.header-mailing-list {
    padding-top: 3px !important;
}

.menu-bar .sublist-wrap .videoAndBlog {
    margin-left: 5%;
}

.search-box-button {
    display: none;
}
/*#region placeholderfirstName */

.footer-newsletter__firstname-input::-webkit-input-placeholder {
    color: #7cb64f !important;
}

.footer-newsletter__firstname-input:-moz-placeholder {
    /* Firefox 18- */ color: #7cb64f !important;
}

.footer-newsletter__firstname-input::-moz-placeholder {
    /* Firefox 19+ */ color: #7cb64f !important;
}

.footer-newsletter__firstname-input:-ms-input-placeholder {
    color: #7cb64f !important;
}
/*#endregion */

/*#region placeholderemail */

.footer-newsletter__email-input::-webkit-input-placeholder {
    color: #7cb64f !important;
}

.footer-newsletter__email-input:-moz-placeholder {
    /* Firefox 18-*/ color: #7cb64f !important;
}

.footer-newsletter__email-input::-moz-placeholder {
    /* Firefox 19+ */ color: #7cb64f !important;
}

.footer-newsletter__email-input:-ms-input-placeholder {
    color: #7cb64f !important;
}
/*#endregion */

/*#region livemockupfix */
.videoAndBlog .blogName {
    margin: 0;
    text-transform: uppercase;
    color: #5f9f2d;
}

.blogDetail a {
    padding: 6px 0 0 0 !important;
}

.blogImg a {
    padding: 0 !important;
}

/*#endregion */

.productPage .overview .short-description {
    display: none;
}

/*#region old Price */
.item-box .prices .old-price {
    color: red;
    font-size: 15px;
    vertical-align: middle;
    text-decoration: line-through;
}

.overview .prices .old-product-price, .variant-overview .old-product-price {
    color: red;
}
/*#endregion */


