body, h1, h2, h3, h4, .stores caption, .no-results-table caption, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, figure, hr {
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

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

strong, b, mark {
    font-weight: bold;
    font-style: inherit
}

em, i, cite, q, address, dfn, var {
    font-style: italic;
    font-weight: inherit
}

    abbr[title], dfn[title] {
        cursor: help;
        border-bottom: 1px dotted
    }

ins {
    border-bottom: 1px solid
}

a, u, ins {
    text-decoration: none
}

*:active, *:focus {
    outline: none
}

del, s {
    text-decoration: line-through
}

img {
    border: none;
    font-style: italic;
    max-width: 100%
}

input, select, option, optgroup, textarea {
    font: inherit
}

label, input, textarea, button, select, option {
    cursor: pointer
}

    .text-input:active, .text-input:focus, textarea:active, textarea:focus {
        cursor: text
    }

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

.lt-ie8 sup {
    left: -0.1em
}

sub {
    bottom: -0.25em
}

::-moz-selection {
    background: #00aeef;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #00aeef;
    color: #fff;
    text-shadow: none
}

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0
}

    .ir br {
        display: none
    }

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.invisible {
    visibility: hidden
}

.clearfix, .testimonial, header, header nav[role="navigation"], header nav[role="navigation"] .menu_ul li.nav-link .subnav, section, section .container, .home-social, section.product-line, section.product-line .container, section.product-line.nestle, section.product-line.club, section.product-line.nestle .container, section.product-line.club .container, section.products, section.products .container, section.products .filters .filter-field, .packaging, .packaging .container, .packaging .packages, .cross-sell, .cross-sell .container, .js .auxillary, fieldset:not(.filters-fieldset) p, footer, .content404, .form-section, .cf, .island, .islet, fieldset:not(.filters-fieldset) {
    *zoom: 1
}

    .clearfix:before, .testimonial:before, header:before, header nav[role="navigation"]:before, header nav[role="navigation"] .menu_ul li.nav-link .subnav:before, section:before, section .container:before, .home-social:before, section.product-line:before, section.product-line .container:before, section.product-line.nestle:before, section.product-line.club:before, section.product-line.nestle .container:before, section.product-line.club .container:before, section.products:before, section.products .container:before, section.products .filters .filter-field:before, .packaging:before, .packaging .container:before, .packaging .packages:before, .cross-sell:before, .cross-sell .container:before, .js .auxillary:before, fieldset:not(.filters-fieldset) p:before, footer:before, .content404:before, .form-section:before, .clearfix:after, .testimonial:after, header:after, header nav[role="navigation"]:after, header nav[role="navigation"] .menu_ul li.nav-link .subnav:after, section:after, section .container:after, .home-social:after, section.product-line:after, section.product-line .container:after, section.product-line.nestle:after, section.product-line.club:after, section.product-line.nestle .container:after, section.product-line.club .container:after, section.products:after, section.products .container:after, section.products .filters .filter-field:after, .packaging:after, .packaging .container:after, .packaging .packages:after, .cross-sell:after, .cross-sell .container:after, .js .auxillary:after, fieldset:not(.filters-fieldset) p:after, footer:after, .content404:after, .form-section:after, .cf:before, .island:before, .islet:before, fieldset:not(.filters-fieldset):before, .cf:after, .island:after, .islet:after, fieldset:not(.filters-fieldset):after {
        content: "";
        display: table
    }

    .clearfix:after, .testimonial:after, header:after, header nav[role="navigation"]:after, header nav[role="navigation"] .menu_ul li.nav-link .subnav:after, section:after, section .container:after, .home-social:after, section.product-line:after, section.product-line .container:after, section.product-line.nestle:after, section.product-line.club:after, section.product-line.nestle .container:after, section.product-line.club .container:after, section.products:after, section.products .container:after, section.products .filters .filter-field:after, .packaging:after, .packaging .container:after, .packaging .packages:after, .cross-sell:after, .cross-sell .container:after, .js .auxillary:after, fieldset:not(.filters-fieldset) p:after, footer:after, .content404:after, .form-section:after, .cf:after, .island:after, .islet:after, fieldset:not(.filters-fieldset):after {
        clear: both
    }

html {
    font: 1em/1.5 "proxima-nova","Helvetica","Arial",sans-serif;
    font-weight: 500;
    overflow-y: scroll
}

.container {
    margin: 0 auto;
    width: 90%;
    min-width: 288px;
    max-width: 960px
}

    .container.full {
        width: 100%;
        min-width: 320px;
        max-width: 1024px
    }

.nav {
    list-style: none
}

    .nav li {
        display: inline-block
    }

.lt-ie8 .nav li {
    display: inline;
    *zoom: 1
}

table {
    width: 100%
}

th, td {
    padding: 6px;
    text-align: left
}

@media screen and (min-width: 480px) {
    th, td {
        padding: 12px
    }
}

input[type=text], input[type=file], input[type=email], input[type=tel] {
    width: 100%
}

h1 {
    font-size: 2.25em
}

h2 {
    font-size: 1.875em
}

h3 {
    font-size: 1.5em
}

h4, .stores caption, .no-results-table caption {
    font-size: 1.25em
}

h5 {
    font-size: 1em
}

h6 {
    font-size: .875em
}

p {
    font-size: 1em;
    margin-bottom: 1em
}

@font-face {
    font-family: 'anja_eliane';
    src: url("/assets/fonts/anjaelianeaccent-nornal-webfont.eot");
    src: url("/assets/fonts/anjaelianeaccent-nornal-webfont.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/anjaelianeaccent-nornal-webfont.woff") format("woff"),url("/assets/fonts/anjaelianeaccent-nornal-webfont.ttf") format("truetype"),url("/assets/fonts/anjaelianeaccent-nornal-webfont.svg#anja_eliane_accentnornal") format("svg");
    font-weight: normal;
    font-style: normal
}

.island, .islet, fieldset:not(.filters-fieldset) {
    display: block;
    border-radius: 0
}

.island {
    padding: 24px
}

    .island > :last-child, .islet > :last-child, fieldset:not(.filters-fieldset) > :last-child {
        margin-bottom: 0
    }

.islet, fieldset:not(.filters-fieldset) {
    padding: 12px
}

.icon-badminton {
    background: url(/assets/images/shared/icons.png) -290px -348px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-bbqs {
    background: url(/assets/images/shared/icons.png) 0px 0px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-beach_balls {
    background: url(/assets/images/shared/icons.png) -58px 0px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-beach_cruiser_bikes {
    background: url(/assets/images/shared/icons.png) -1px -58px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-beach_volleyball {
    background: url(/assets/images/shared/icons.png) -58px -58px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-bike_riding {
    background: url(/assets/images/shared/icons.png) -116px 0px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-bikinis {
    background: url(/assets/images/shared/icons.png) -116px -58px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-boardwalks {
    background: url(/assets/images/shared/icons.png) 0px -116px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-body_surfing {
    background: url(/assets/images/shared/icons.png) -58px -116px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-bonfires {
    background: url(/assets/images/shared/icons.png) -116px -116px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-boogie_boarding {
    background: url(/assets/images/shared/icons.png) -174px 0px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-bumper_cars {
    background: url(/assets/images/shared/icons.png) -174px -58px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-camp_outs {
    background: url(/assets/images/shared/icons.png) -174px -116px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-camping {
    background: url(/assets/images/shared/icons.png) 0px -174px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-cannonballs {
    background: url(/assets/images/shared/icons.png) -58px -174px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-convertible {
    background: url(/assets/images/shared/icons.png) -116px -174px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-croquet {
    background: url(/assets/images/shared/icons.png) -174px -174px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-drive_ins {
    background: url(/assets/images/shared/icons.png) -232px 0px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-ferris_wheel {
    background: url(/assets/images/shared/icons.png) -232px -58px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-fireworks {
    background: url(/assets/images/shared/icons.png) -232px -116px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-fishing {
    background: url(/assets/images/shared/icons.png) -232px -174px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-flip_flops {
    background: url(/assets/images/shared/icons.png) 0px -232px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-go-karts {
    background: url(/assets/images/shared/icons.png) -58px -232px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-hiking {
    background: url(/assets/images/shared/icons.png) -116px -232px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-horseshoes {
    background: url(/assets/images/shared/icons.png) -174px -232px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-hot_dogs {
    background: url(/assets/images/shared/icons.png) -232px -232px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-jet_skis {
    background: url(/assets/images/shared/icons.png) -290px 0px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-kayaking {
    background: url(/assets/images/shared/icons.png) -290px -58px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-marco_polo {
    background: url(/assets/images/shared/icons.png) -290px -116px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-mini_golf {
    background: url(/assets/images/shared/icons.png) -290px -174px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-parades {
    background: url(/assets/images/shared/icons.png) -290px -232px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-picnics {
    background: url(/assets/images/shared/icons.png) 0px -290px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-pools {
    background: url(/assets/images/shared/icons.png) -58px -290px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-road_trips {
    background: url(/assets/images/shared/icons.png) -116px -290px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-rock_concerts {
    background: url(/assets/images/shared/icons.png) -174px -290px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-roller_coasters {
    background: url(/assets/images/shared/icons.png) -232px -290px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-rope_swings {
    background: url(/assets/images/shared/icons.png) -290px -290px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-sandcastles {
    background: url(/assets/images/shared/icons.png) -348px 0px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-skateboarding {
    background: url(/assets/images/shared/icons.png) -348px -58px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-skee_ball {
    background: url(/assets/images/shared/icons.png) -348px -116px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-sprinklers {
    background: url(/assets/images/shared/icons.png) -348px -174px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-sunbathing {
    background: url(/assets/images/shared/icons.png) -348px -232px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-sunglasses {
    background: url(/assets/images/shared/icons.png) -348px -290px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-trampolines {
    background: url(/assets/images/shared/icons.png) 0px -348px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-tree_forts {
    background: url(/assets/images/shared/icons.png) -58px -348px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-tubing {
    background: url(/assets/images/shared/icons.png) -116px -348px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-water_fights {
    background: url(/assets/images/shared/icons.png) -174px -348px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.icon-waterskiing {
    background: url(/assets/images/shared/icons.png) -232px -348px no-repeat;
    display: inline-block;
    width: 56px;
    height: 56px
}

.btn, section.products .filters .filter-toggle {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font: inherit;
    cursor: pointer;
    border: none;
    display: inline-block;
    margin: 0;
    line-height: 1;
    padding: 0.5em 0.5em 0.375em;
    border-radius: 0;
    background: #da260b;
    color: #fafafa;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: none !important
}

    .btn:hover, section.products .filters .filter-toggle:hover {
        background: #ffd200;
        color: #002442
    }

    .btn, section.products .filters .filter-toggle, .btn:hover, section.products .filters .filter-toggle:hover {
        text-decoration: none
    }

.btn--sml {
    font-size: .75em
}

.btn--lrg {
    font-size: 1.50em
}

.btn--full {
    display: block;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

#form1 span.btn, #form1 section.products .filters span.filter-toggle, section.products .filters #form1 span.filter-toggle {
    padding: 0
}

    #form1 span.btn input, #form1 section.products .filters span.filter-toggle input, section.products .filters #form1 span.filter-toggle input {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        font: inherit;
        cursor: pointer;
        border: none;
        display: inline-block;
        margin: 0;
        line-height: 1;
        border-radius: 0;
        background: #da260b;
        color: #fafafa;
        font-weight: 700;
        text-transform: uppercase;
        text-shadow: none !important;
        padding: 0.125em 0.4em 0.1em !important;
        font-size: 15.5px
    }

        #form1 span.btn input:hover, #form1 section.products .filters span.filter-toggle input:hover, section.products .filters #form1 span.filter-toggle input:hover {
            background: #ffd200;
            color: #002442
        }

#form1 span.large {
    font-size: 16px
}

    #form1 span.large input {
        padding: 0.5em 0.5em 0.375em !important
    }

.btns {
    width: 75%;
    text-align: center;
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 900
}

@media (min-width: 769px) {
    .btns {
        width: 46%
    }
}

.btn-infos {
    margin: 40px 0px 60px !important
}

@media (min-width: 769px) {
    .btn-infos {
        margin: 60px 0px !important
    }
}

.btn-infos .btns {
    padding: 15px 0px
}

.btn-infos .buyOnline {
    margin: 0px 0 20px 0
}

@media (min-width: 769px) {
    .btn-infos .buyOnline {
        margin: 0 15px 0 0px
    }
}

.btn-available {
    margin: 40px 0px 60px !important;
    width: 100%;
    text-align: center
}

@media (min-width: 769px) {
    .btn-available {
        margin: 40px 0px 60px !important;
        width: 50%;
        text-align: left
    }
}

.btn-available .btns {
    padding: 15px 0px
}

.btn-available .buyOnline {
    margin: 0px 0 20px 0
}

@media (min-width: 769px) {
    .btn-available .buyOnline {
        margin: 0 20px 0 0px
    }
}

.btn-red-boder {
    color: #df0000 !important;
    background: transparent;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    position: relative;
    overflow: hidden
}

    .btn-red-boder:hover {
        background: transparent;
        color: #ff0000
    }

        .btn-red-boder:hover:before {
            background: transparent;
            color: #ff0000;
            -webkit-transform: translateY(0);
            transform: translateY(0);
            border-width: 3px
        }

    .btn-red-boder:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-color: #ff0000;
        border-style: solid;
        border-width: 1px;
        -webkit-transition-property: border-width;
        transition-property: border-width;
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .btn-red-boder:focus, .btn-white:focus {
        background: none !important
    }

    .btn-red-boder:before {
        border-color: #df0000 !important
    }

.btn-red {
    background: #df0000;
    color: #ffffff;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    border: 1px solid #fff
}

.btn-white {
    color: #df0000 !important;
    background: #ffffff;
    border: 2px solid #fff;
    -webkit-transition: 0.2s all;
    transition: 0.2s all
}

    .btn-white:hover {
        background: transparent;
        color: #fff !important
    }

table.nutrition {
    width: auto;
    background: #fafafa;
    margin-top: 0.75em;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid black;
    border-collapse: unset;
    table-layout: auto;
    font-size: 0.6em !important;
    min-width: 340px
}

.nutrition caption {
    font-family: Arial;
    font-size: x-small;
    font-style: italic
}

.nutrition tr#calories td {
    border-bottom: 4px solid black
}

.nutrition tr#servings td {
    border-bottom: 6px solid black
}

.nutrition tr#minerals td {
    border-top: 4px solid black
}

.nutrition th {
    background-color: transparent;
    padding: 3px;
    border: 0;
    font-family: Arial;
    font-size: large;
    font-weight: bolder
}

.nutrition td {
    padding: 3px;
    font-family: Arial;
    border: 0;
    border-bottom: 1px solid black;
    text-align: left
}

    .nutrition td.dv {
        font-weight: bold
    }

    .nutrition td.sub {
        text-indent: 10px
    }

    .nutrition td#disclaimer {
        max-width: 340px
    }

.nutrition strong {
    font-weight: x-bolder
}

.ingredient-info {
    padding-top: 1em
}

.js .ingredient-info {
    padding-top: 0
}

.ingredient-info p {
    font-size: small
}

    .ingredient-info p:last-child {
        margin-bottom: 0
    }

.js #nutrition, .js #ingredients {
    display: none;
    margin-bottom: 1em
}

.js #ingredients {
    top: 80px
}

    .js #ingredients h4, .js #ingredients .stores caption, .stores .js #ingredients caption, .js #ingredients .no-results-table caption, .no-results-table .js #ingredients caption {
        margin-bottom: 0.25em
    }

    .js #ingredients p {
        text-transform: uppercase
    }

th:nth-child(4) {
    width: 90px
}

th:nth-child(3) {
    width: 90px
}

th:nth-child(2) {
    width: 90px
}

th:first-child {
    width: 190px
}

.nutrition td.dv {
    font-weight: bold
}

.tdleft {
    float: left;
    display: inline-block
}

.tdright {
    float: right;
    display: inline-block
}

.nutrition td {
    border-right: 1px solid #333 !important
}

.f30 {
    font-size: 30px
}

.liveChatSection {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px 10px 0px
}

.liveChatSectionHeader {
    display: inline;
    padding: 0px 20px 0px 0px;
    background-image: url(/assets/images/shared/chat_contact_icon.png);
    background-repeat: no-repeat;
    background-position: right 2px;
    background-size: 16px
}

.liveChatNav {
    min-height: 22px;
    display: inline-block
}

@media (max-width: 48em) {
    .liveChatNav {
        display: none
    }
}

.liveChatNav div {
    height: 22px !important
}

.liveChatNav img {
    top: 2px !important;
    max-width: inherit !important;
    width: inherit !important
}

@media (min-width: 48em) {
    .liveChat_mobile {
        display: none
    }
}

.testimonial {
    background: url(/assets/images/goodness/background-tweets-large.jpg) top center repeat-x #fafafa;
    position: relative;
    padding: 1em;
    text-align: center;
    background-color: #fafafa;
    background-repeat: no-repeat
}

    .testimonial .social-blox {
        display: block
    }

    .testimonial .twitter-tweet {
        margin: 0 auto;
        -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.5);
        box-shadow: 0 0 40px 0 rgba(0,0,0,0.5);
        background-color: #fff;
        border-radius: 4px 4px 4px 4px;
        width: 500px
    }

    .testimonial .btn, .testimonial section.products .filters .filter-toggle, section.products .filters .testimonial .filter-toggle {
        margin-top: 2rem
    }

.gigya-subscribe-with-email-form {
    font-family: "proxima-nova","Helvetica","Arial",sans-serif
}

    .gigya-subscribe-with-email-form .gigya-header {
        color: #002442;
        font-weight: 700
    }

    .gigya-subscribe-with-email-form .gigya-composite-control-textbox .gigya-label-text {
        color: #002442;
        font-weight: 700
    }

    .gigya-subscribe-with-email-form span.gigya-label-text.gigya-checkbox-text {
        color: #002442
    }

        .gigya-subscribe-with-email-form span.gigya-label-text.gigya-checkbox-text a {
            color: #af1016 !important;
            font-weight: 700
        }

        .gigya-subscribe-with-email-form span.gigya-label-text.gigya-checkbox-text ahover {
            color: #1e5b8f
        }

    .gigya-subscribe-with-email-form .gigya-composite-control-submit .gigya-input-submit {
        background-color: #da260b;
        color: #fafafa;
        font-weight: 700;
        text-transform: uppercase;
        text-shadow: none !important
    }

        .gigya-subscribe-with-email-form .gigya-composite-control-submit .gigya-input-submit:hover {
            background: #ffd200;
            color: #002442
        }

h1.gigya-screen-caption {
    font-family: "proxima-nova","Helvetica","Arial",sans-serif !important;
    color: #002442 !important;
    font-weight: 700;
    padding-top: 28px;
    text-align: center
}

label.gigya-composite-control.gigya-composite-control-label {
    font-family: "proxima-nova","Helvetica","Arial",sans-serif !important;
    color: #002442 !important
}

a.gigya-composite-control.gigya-composite-control-link input.gigya-button {
    background-color: #da260b;
    color: #fafafa;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: none !important
}

    a.gigya-composite-control.gigya-composite-control-link input.gigya-button:hover {
        background: #ffd200;
        color: #002442
    }

.gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-label {
    margin-left: 8px !important;
    width: 90% !important
}

.body-faq {
    background: #fafafa
}

.container-faq {
    background: #0070b8;
    padding-top: 66px;
    padding-bottom: 123px;
    position: relative;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

    .container-faq :focus {
        outline: 0px solid white
    }

@media (min-width: 1400px) {
    .container-faq {
        max-width: 1140px;
        margin: 0 auto;
        padding-left: 10.36em;
        padding-right: 5.9em
    }
}

.container-faq h2 {
    text-transform: uppercase;
    text-align: center;
    font-family: "proxima-nova", "helvetica", "arial", sans-serif;
    letter-spacing: 0.02em;
    color: #fafafa;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 900;
    font-size: 2.2em;
    -webkit-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out
}

.container-faq h3 {
    font-weight: bold;
    color: black;
    text-align: left;
    vertical-align: middle;
    background: white
}

    .container-faq h3:hover {
        background: white
    }

.container-faq .ui-icon {
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(181deg);
    transform: rotate(181deg);
    position: absolute;
    top: 50%;
    right: 7%;
    background-position: 0px 0px;
    background-image: url("/assets/images/faq/arrow.png") !important;
    background-size: 17px
}

.container-faq .ui-state-active {
    border: 0px solid #6f6d6d;
    background: white
}

    .container-faq .ui-state-active .ui-icon {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

.container-faq .ui-state-default, .container-faq .ui-widget-content .ui-state-default, .container-faq .ui-widget-header .ui-state-default, .container-faq .ui-button, .container-faq html .ui-button.ui-state-disabled:hover, .container-faq html .ui-button.ui-state-disabled:active {
    border: 0px !important
}

.container-faq .ui-accordion .ui-accordion-content {
    padding: 1em 1.2em
}

.container-faq .ui-accordion .ui-accordion-header {
    margin: 27px 0px 0px 0px;
    padding: 10% 16% 10% 6%;
    font-size: 90%;
    border-bottom: 0.2px solid #6f6d6d
}

@media only screen and (min-width: 600px) {
    .container-faq h2 {
        font-size: 4.3em;
        margin-bottom: 0.85em
    }

    .container-faq .ui-accordion .ui-accordion-header {
        margin: 27px 0px 0px 0px;
        padding: 1.5em 1.5em 1.5em 2.5em;
        font-size: 100%
    }

    .container-faq .ui-accordion .ui-accordion-content {
        padding: 1.5em 1.5em 1.5em 2.5em
    }

    .container-faq .ui-icon {
        background-size: 19px
    }
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        -webkit-filter: none !important;
        filter: none !important;
        -ms-filter: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 0.5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

header {
    background: #fafafa;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    z-index: 100
}

.js header h1 {
    margin-left: 1%;
    margin-top: 5px;
    margin-bottom: -100px
}

@media (min-width: 37.5em) {
    .js header h1 {
        float: left;
        width: 19%;
        margin-left: 0;
        margin-right: 1%;
        margin-bottom: -60px;
        position: relative;
        z-index: 200
    }
}

@media (min-width: 768px) {
    .js header h1 {
        margin-top: 25px
    }
}

@media (min-width: 60em) {
    .js header h1 {
        margin-top: 15px;
        width: 22%;
        margin-right: 2%;
        margin-left: -4%
    }
}

.lt-ie8 .js header h1 {
    float: none
}

header .menu-link {
    float: right;
    padding: 0.5em 1em 0.3em;
    margin-right: 1em;
    margin-bottom: 1em;
    line-height: 1;
    color: #fafafa;
    background: #0070b8;
    text-transform: uppercase
}

    header .menu-link.active {
        background: #da260b
    }

@media (min-width: 37.5em) {
    header .menu-link {
        display: none
    }
}

header nav[role="navigation"] {
    background: #002442;
    height: 100%
}

@media (min-width: 600px) {
    header nav[role="navigation"] {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        top: 0px !important;
        right: 0px !important;
        padding-bottom: 1em
    }
}

.js header nav[role="navigation"] {
    width: 16em;
    height: 100%;
    position: absolute;
    top: 0;
    right: -16em
}

    .js header nav[role="navigation"] .subnav {
        display: none
    }

        .js header nav[role="navigation"] .subnav ul {
            display: none
        }

header nav[role="navigation"] .menu_ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 78%
    }
}

header nav[role="navigation"] .menu_ul li {
    list-style: none
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.nav-link {
        display: block;
        width: 25%;
        margin-right: 2%;
        float: left;
        margin-top: 64px;
        max-width: 220px
    }
}

@media (min-width: 720px) {
    header nav[role="navigation"] .menu_ul li.nav-link {
        font-size: 1em;
        margin-top: 64px
    }
}

@media (min-width: 768px) {
    header nav[role="navigation"] .menu_ul li.nav-link {
        width: 25%;
        margin-top: 4em;
        min-width: 90px
    }
}

@media (min-width: 1024px) {
    header nav[role="navigation"] .menu_ul li.nav-link {
        font-size: 1.2em;
        width: 20%;
        margin-top: 38px
    }
}

header nav[role="navigation"] .menu_ul li.nav-link.products {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

header nav[role="navigation"] .menu_ul li.nav-link.drumstick-goodness {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.nav-link.drumstick-goodness {
        margin-top: 55px;
        width: 40%;
        min-width: 182px
    }
}

@media (min-width: 768px) {
    header nav[role="navigation"] .menu_ul li.nav-link.drumstick-goodness {
        margin-top: 55px;
        width: 29%
    }
}

@media (min-width: 1024px) {
    header nav[role="navigation"] .menu_ul li.nav-link.drumstick-goodness {
        margin-top: 27px;
        width: 29%
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.nav-link.drumstick-goodness a.drumstick-goodness {
        width: 100%
    }
}

header nav[role="navigation"] .menu_ul li.nav-link.review-faq {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.nav-link.review-faq {
        margin-top: 55px;
        min-width: 140px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media (min-width: 768px) {
    header nav[role="navigation"] .menu_ul li.nav-link.review-faq {
        margin-top: 55px;
        min-width: 131px
    }
}

@media (min-width: 1024px) {
    header nav[role="navigation"] .menu_ul li.nav-link.review-faq {
        margin-top: 29px;
        min-width: 160px
    }
}

@media (min-width: 768px) {
    header nav[role="navigation"] .menu_ul li.nav-link.review-faq a {
        width: 100%
    }
}

@media (min-width: 1024px) {
    header nav[role="navigation"] .menu_ul li.nav-link.review-faq a {
        width: 100%
    }
}

header nav[role="navigation"] .menu_ul li.nav-link.ellipses {
    display: none
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.nav-link.ellipses {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        display: block;
        width: 5%;
        margin-top: 80px
    }
}

@media (min-width: 768px) {
    header nav[role="navigation"] .menu_ul li.nav-link.ellipses {
        display: none !important
    }
}

header nav[role="navigation"] .menu_ul li.nav-link .subnav a {
    padding-left: 1.25em;
    background: #00aeef
}

header nav[role="navigation"] .menu_ul li.nav-link .subnav ul a {
    padding-left: 2em;
    background: #6dcff6
}

header nav[role="navigation"] .menu_ul li.nav-link .subnav.show, header nav[role="navigation"] .menu_ul li.nav-link .subnav.show ul.show {
    display: block
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.nav-link a:focus {
        color: #0070b8
    }
}

@media (min-width: 720px) {
    header nav[role="navigation"] .menu_ul li.nav-link a:focus {
        color: #0070b8
    }
}

@media (min-width: 1024px) {
    header nav[role="navigation"] .menu_ul li.nav-link a:focus {
        color: #0070b8
    }
}

header nav[role="navigation"] .menu_ul li.where-to-buy {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

@media (min-width: 768px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy {
        min-width: 197px
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav {
        display: none;
        position: absolute;
        background: #0070b8;
        top: 4.75em;
        right: 0;
        font-size: 90%;
        padding: 1em;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav {
        position: static;
        top: 0;
        left: 0;
        background: transparent;
        display: block !important;
        font-size: 90%;
        float: right;
        padding-top: 48px;
        margin-bottom: -1.5em
    }
}

@media (min-width: 1024px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav {
        padding-top: 28px
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav li {
        line-height: 2
    }
}

@media (min-width: 768px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav li {
        line-height: 2
    }
}

header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav .social {
    display: none
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav .social {
        padding-bottom: 1em;
        display: block
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav .social a {
        float: left;
        padding-right: 5px
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav .social a:hover {
        background: transparent !important
    }
}

@media (min-width: 768px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav .social a:hover {
        background: transparent !important
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav .social div {
        float: left;
        padding-left: 3px
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav a {
        line-height: 1;
        color: #fafafa
    }
}

@media (min-width: 768px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav a {
        line-height: 1;
        color: #0070b8
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav a:hover {
        color: #ffd200;
        background: transparent !important
    }
}

@media (min-width: 768px) {
    header nav[role="navigation"] .menu_ul li.where-to-buy .utility-nav a:hover {
        color: #fafafa !important;
        background: #0070b8 !important
    }
}

header nav[role="navigation"] .menu_ul li a {
    background: #0070b8;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 0.75em 0.5em;
    line-height: 1.2;
    display: block;
    border-bottom: 1px solid #002442;
    border-top: 1px solid rgba(255,255,255,0.5)
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li a {
        padding: 0.25em;
        line-height: 1.25;
        font-weight: 800;
        background: transparent;
        color: #0070b8;
        display: inline-block;
        border-top: 0;
        border-bottom: 0
    }
}

header nav[role="navigation"] .menu_ul li a:hover, header nav[role="navigation"] .menu_ul li a.active {
    color: #fafafa !important;
    background: #da260b !important
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li a:hover, header nav[role="navigation"] .menu_ul li a.active {
        background: #0070b8 !important;
        color: #fafafa
    }
}

header nav[role="navigation"] .menu_ul li a .brand {
    color: #fff
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li a .brand {
        color: #002442;
        line-height: 1
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul li a .brand span {
        font-size: 60%;
        display: block
    }
}

header nav[role="navigation"] .menu_ul li a:focus {
    background: #0070b8;
    color: #fff !important
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul .dropdown:hover .awesome-products {
        background: #0070b8 !important;
        color: #fafafa
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul .dropdown:hover .subnav {
        background: #0070b8;
        width: 58%;
        padding: 2em 1em;
        display: block !important;
        position: absolute;
        z-index: 1000;
        top: 4.5em;
        left: 0px;
        border-bottom: 0.5em solid #002442
    }
}

@media (min-width: 720px) {
    header nav[role="navigation"] .menu_ul .dropdown:hover .subnav {
        top: 112px
    }
}

@media (min-width: 768px) {
    header nav[role="navigation"] .menu_ul .dropdown:hover .subnav {
        top: 6.75em
    }
}

@media (min-width: 1024px) {
    header nav[role="navigation"] .menu_ul .dropdown:hover .subnav {
        top: 96px
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul .dropdown:hover .subnav a {
        background: transparent;
        color: #fafafa
    }
}

header nav[role="navigation"] .menu_ul .dropdown:hover .subnav a .brand {
    color: #00aeef
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul .dropdown:hover .subnav a .brand {
        color: #00aeef
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul .dropdown:hover .subnav a:hover {
        color: #ffd200 !important
    }
}

@media (min-width: 600px) {
    .textshadow header nav[role="navigation"] .menu_ul .dropdown:hover .subnav a:hover {
        position: relative;
        top: -2px;
        left: -2px;
        text-shadow: 1px 1px 0 #002442,2px 2px 0 #002442,3px 3px 0 #002442,4px 4px 0 #002442
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul .dropdown:hover .subnav a:hover .brand {
        color: #da260b !important
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul .dropdown:hover .subnav li {
        display: block;
        width: 50%;
        float: left;
        padding-left: 0
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul .dropdown:hover .subnav li ul {
        display: block
    }
}

@media (min-width: 600px) {
    header nav[role="navigation"] .menu_ul .dropdown:hover .subnav li li {
        width: 100%;
        float: none;
        font-size: 90%
    }
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg")
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    background: transparent no-repeat center;
    background-size: cover;
    width: 31px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

    .slick-prev:hover, .slick-next:hover {
        opacity: 0.75
    }

    .slick-prev:focus, .slick-next:focus {
        opacity: 1
    }

    .slick-prev.slick-disabled, .slick-next.slick-disabled {
        opacity: 0.25
    }

.slick-prev {
    background-image: url("../../assets/images/home/arrow-left-carousel-home.png");
    left: -50px
}

[dir="rtl"] .slick-prev {
    right: -50px;
    left: auto
}

.slick-next {
    background-image: url("../../assets/images/home/arrow-right-carousel-home.png");
    right: -50px
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -50px
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: "•";
                text-align: center;
                opacity: 0.25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            opacity: 0.75;
            color: black
        }

@media screen and (max-width: 860px) {
    .slick-slide {
        padding: 0 10px
    }

    .slick-prev {
        left: -25px
    }

    [dir="rtl"] .slick-prev {
        right: -25px
    }

    .slick-next {
        right: -25px
    }

    [dir="rtl"] .slick-next {
        left: -25px
    }
}

.no-js ul.subnav {
    display: none !important
}

.no-js .page-awesome-products #hero {
    overflow: hidden
}

body {
    min-width: 320px;
    background: #1e5b8f
}

.lt-ie9 body {
    background: #fafafa
}

a {
    color: #da260b
}

    a:hover, a:focus {
        color: #00aeef
    }

.container {
    max-width: 960px;
    margin: 0 auto
}

.content {
    margin-bottom: 2em
}

.wrap {
    position: relative;
    overflow-x: hidden;
    height: 100%
}

    .wrap.active {
        right: 16em;
        overflow-x: visible
    }

@media (min-width: 37.5em) {
    .wrap.active {
        right: 0
    }
}

div #breadcrumb {
    display: none
}

@media (min-width: 37.5em) {
    div #breadcrumb {
        display: block;
        background: #f9f9f9;
        border-bottom: 1px solid #dcdcdc;
        line-height: 1;
        padding: 0.6em 0;
        font-size: 0.7em;
        text-align: center;
        text-transform: uppercase;
        color: #bfbfbf
    }

        div #breadcrumb a {
            color: #bfbfbf
        }

            div #breadcrumb a:hover {
                color: #0070b8
            }

        div #breadcrumb span.active {
            color: #0070b8;
            font-weight: 800
        }

        div #breadcrumb span.brand {
            color: #002442
        }
}

.page-awesome-products .awesome-products {
    background: #0070b8 !important;
    color: #fafafa !important
}

    .page-awesome-products .awesome-products .brand {
        color: #00aeef
    }

    .page-awesome-products .awesome-products:hover {
        background: #0070b8 !important;
        color: #fafafa
    }

        .page-awesome-products .awesome-products:hover .brand {
            color: #00aeef
        }

.page-drumstick-goodness nav[role=navigation] .drumstick-goodness {
    background: #0070b8 !important;
    color: #fafafa !important
}

    .page-drumstick-goodness nav[role=navigation] .drumstick-goodness .brand {
        color: #00aeef
    }

    .page-drumstick-goodness nav[role=navigation] .drumstick-goodness:hover {
        background: #0070b8 !important;
        color: #fafafa
    }

        .page-drumstick-goodness nav[role=navigation] .drumstick-goodness:hover .brand {
            color: #00aeef
        }

.page-promotions-savings .promotions-savings {
    background: #0070b8 !important;
    color: #fafafa !important
}

    .page-promotions-savings .promotions-savings .brand {
        color: #00aeef
    }

    .page-promotions-savings .promotions-savings:hover {
        background: #0070b8 !important;
        color: #fafafa
    }

        .page-promotions-savings .promotions-savings:hover .brand {
            color: #00aeef
        }

.page-store-locator .store-locator {
    background: #0070b8 !important;
    color: #fafafa !important
}

    .page-store-locator .store-locator .brand {
        color: #00aeef
    }

    .page-store-locator .store-locator:hover {
        background: #0070b8 !important;
        color: #fafafa
    }

        .page-store-locator .store-locator:hover .brand {
            color: #00aeef
        }

.page-newsletter .newsletter-signup {
    background: #0070b8 !important;
    color: #fafafa !important
}

    .page-newsletter .newsletter-signup .brand {
        color: #00aeef
    }

    .page-newsletter .newsletter-signup:hover {
        background: #0070b8 !important;
        color: #fafafa
    }

        .page-newsletter .newsletter-signup:hover .brand {
            color: #00aeef
        }

div#hero {
    background: #fafafa;
    background-image: -o-linear-gradient(#ededed, #fafafa);
    text-align: center;
    padding: 0;
    margin-bottom: -0.45em;
    position: relative;
    min-height: 200px
}

    div#hero img {
        position: static;
        z-index: 0;
        width: 100%
    }

.no-textshadow div#hero {
    background: #002442 !important
}

    .no-textshadow div#hero .ie-shadow {
        width: 100%;
        height: 300px;
        position: absolute;
        bottom: 6px;
        left: 0%;
        z-index: 1;
        background: url(/assets/images/shared/semitransblue.png) bottom center repeat-x
    }

.lt-ie9 div#hero .ie-shadow {
    bottom: 0px
}

.lt-ie8 div#hero .ie-shadow {
    bottom: -6px
}

div#hero .picture {
    max-width: 1400px;
    margin: 0 auto
}

@media (min-width: 1200px) {
    div#hero .picture img {
        height: 593px
    }
}

@media (min-width: 480px) {
    div#hero .picture img {
        margin-bottom: -6px
    }
}

div#hero.detail-hero .ie-shadow {
    display: none
}

div#hero.detail-hero .picture {
    max-width: 1200px;
    margin: auto
}

div#hero.cat-butterfinger .content {
    max-width: 745px
}

@media (min-width: 36.25em) {
    div#hero.cat-butterfinger .content h1, div#hero.cat-butterfinger .content h2 {
        font-size: 1.8em
    }
}

@media (min-width: 45em) {
    div#hero.cat-butterfinger .content h1, div#hero.cat-butterfinger .content h2 {
        font-size: 2.28em
    }
}

@media (min-width: 57.5em) {
    div#hero.cat-butterfinger .content h1, div#hero.cat-butterfinger .content h2 {
        font-size: 3em
    }
}

@media (min-width: 60em) {
    div#hero.cat-butterfinger .content h1, div#hero.cat-butterfinger .content h2 {
        font-size: 3.5em
    }
}

div#hero .content {
    position: absolute;
    z-index: 2;
    bottom: 2.5em;
    left: 2%;
    text-align: left;
    width: 90%;
    max-width: 750px
}

@media (min-width: 36.25em) {
    div#hero .content {
        left: 1em;
        bottom: 3em;
        width: 60%
    }
}

@media (min-width: 45em) {
    div#hero .content {
        left: 2em
    }
}

@media (min-width: 1400px) {
    div#hero .content {
        left: 50%;
        margin-left: -650px
    }
}

div#hero h1, div#hero h2 {
    font-family: "anja_eliane", "proxima-nova", "helvetica", "arial", sans-serif;
    letter-spacing: 0.02em;
    color: #fafafa;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 1.7em;
    -webkit-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out
}

@media (min-width: 36.25em) {
    div#hero h1, div#hero h2 {
        font-size: 2.5em;
        text-shadow: 2px 2px 5px rgba(0,0,0,0.4),0px 0px 5px rgba(0,0,0,0.2)
    }
}

@media (min-width: 45em) {
    div#hero h1, div#hero h2 {
        font-size: 3em;
        text-shadow: 2px 2px 5px rgba(0,0,0,0.4),0px 0px 6px rgba(0,0,0,0.3)
    }
}

@media (min-width: 57.5em) {
    div#hero h1, div#hero h2 {
        font-size: 4em;
        text-shadow: 2px 2px 5px rgba(0,0,0,0.4),0px 0px 10px rgba(0,0,0,0.4)
    }
}

@media (min-width: 60em) {
    div#hero h1, div#hero h2 {
        font-size: 5em;
        text-shadow: 2px 2px 5px rgba(0,0,0,0.4),0px 0px 15px rgba(0,0,0,0.4)
    }
}

div#hero h1 span, div#hero h2 span {
    font-size: 50%;
    display: block
}

.lt-ie9 div#hero h1 span, .lt-ie9 div#hero h2 span {
    position: relative;
    margin-bottom: -4em
}

.lt-ie8 div#hero h1 span, .lt-ie8 div#hero h2 span {
    display: block !important;
    position: static;
    margin-bottom: 0
}

div#hero h1 span.brand, div#hero h2 span.brand {
    font-family: "proxima-nova","Helvetica","Arial",sans-serif;
    font-weight: 900
}

    div#hero h1 span.brand.reg, div#hero h2 span.brand.reg {
        display: inline;
        vertical-align: top
    }

div#hero h1 sup, div#hero h2 sup {
    font-family: "proxima-nova","Helvetica","Arial",sans-serif;
    font-weight: 900;
    font-size: 60%
}

.lt-ie8 div#hero h1 sup, .lt-ie8 div#hero h2 sup {
    font-family: "Arial"
}

.lt-ie9 div#hero h1, .lt-ie9 div#hero h1 span, .lt-ie9 div#hero h2, .lt-ie9 div#hero h2 span {
    display: inline
}

    .lt-ie9 div#hero h1:after, .lt-ie9 div#hero h1 span:after, .lt-ie9 div#hero h2:after, .lt-ie9 div#hero h2 span:after {
        content: " ";
        display: block
    }

div#hero h3 {
    text-shadow: 1px 1px 0px #002442,2px 2px 0px #002442
}

@media (min-width: 36.25em) {
    div#hero h3 {
        font-size: 1.25em;
        text-shadow: 2px 2px 0px #002442
    }
}

@media (min-width: 45em) {
    div#hero h3 {
        font-size: 1.5em;
        text-shadow: 2px 2px 0px #002442
    }
}

@media (min-width: 57.5em) {
    div#hero h3 {
        font-size: 2em;
        text-shadow: 1px 1px 0px #002442,2px 2px 0px #002442,3px 3px 0px #002442
    }
}

@media (min-width: 60em) {
    div#hero h3 {
        font-size: 3em;
        text-shadow: 1px 1px 0px #002442,2px 2px 0px #002442,3px 3px 0px #002442,4px 4px 0px #002442,5px 5px 0px #002442
    }
}

@media (min-width: 70em) {
    div#hero h3 {
        font-size: 5em
    }
}

.lt-ie9 div#hero h3, .lt-ie9 div#hero h3 span {
    display: inline
}

    .lt-ie9 div#hero h3:after, .lt-ie9 div#hero h3 span:after {
        content: " ";
        display: block
    }

div#hero p {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.1em;
    color: #fafafa;
    margin-bottom: 0.5em;
    display: none;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4),0px 0px 10px rgba(0,0,0,0.4),1px 1px 0px black
}

@media (min-width: 37.5em) {
    div#hero p {
        display: block
    }
}

@media (min-width: 60em) {
    div#hero p {
        font-size: 1.4em;
        margin-bottom: 0.5em
    }
}

@media (min-width: 70em) {
    div#hero p {
        font-size: 1.5em;
        margin-bottom: 0.8em
    }
}

.lt-ie9 div#hero p, .lt-ie9 div#hero p span {
    display: inline
}

    .lt-ie9 div#hero p:after, .lt-ie9 div#hero p span:after {
        content: " ";
        display: block
    }

div#hero.products-landing .content {
    bottom: 10px
}

div#hero.products-landing h3 {
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    color: #fafafa
}

    div#hero.products-landing h3 .brand {
        color: #ffd200
    }

div#hero.products-landing p {
    display: block
}

@media (min-width: 60em) {
    div#hero.products-landing {
        font-size: 80%
    }
}

div#hero.products-landing .ie-shadow {
    width: 50%
}

@media (min-width: 60em) {
    div#hero.drumstick-landing {
        font-size: 80%
    }
}

div#hero.nestle-landing .brand {
    font-size: 100%;
    display: inline;
    color: #ffd200
}

@media (min-width: 60em) {
    div#hero.nestle-landing {
        font-size: 80%
    }

        div#hero.nestle-landing h1, div#hero.nestle-landing h2 {
            font-size: 5em
        }
}

.wonka div#hero {
    background: #180f2f
}

    .wonka div#hero p {
        display: inline
    }

    .wonka div#hero a {
        color: #b08fc2
    }

        .wonka div#hero a:hover {
            color: #d0c1df
        }

.wonka-blue div#hero {
    background: #03cfff
}

    .wonka-blue div#hero p {
        display: inline
    }

section {
    color: #002442;
    display: block;
    background: #fafafa;
    background-image: -o-linear-gradient(#fafafa, #ededed);
    padding: 0 5% 2.25em;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.15)
}

.lt-ie8 section {
    padding: 2.25em 5%
}

section h2.tab, section h3.tab, section h4.tab, section .stores caption.tab, .stores section caption.tab, section .no-results-table caption.tab, .no-results-table section caption.tab {
    font-size: 1.2em;
    -webkit-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out;
    display: inline-block;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #002442;
    background: #fafafa;
    position: relative;
    margin-bottom: -1.25em;
    top: -0.95em;
    left: -0.35em;
    padding: 0.25em 0.5em 0;
    z-index: 1
}

@media (min-width: 37.5em) {
    section h2.tab, section h3.tab, section h4.tab, section .stores caption.tab, .stores section caption.tab, section .no-results-table caption.tab, .no-results-table section caption.tab {
        font-size: 1.4em
    }
}

@media (min-width: 30em) {
    section h2.tab, section h3.tab, section h4.tab, section .stores caption.tab, .stores section caption.tab, section .no-results-table caption.tab, .no-results-table section caption.tab {
        left: -0.5em
    }
}

.lt-ie9 section h2.tab, .lt-ie9 section h3.tab, .lt-ie9 section h4.tab, .lt-ie9 section .stores caption.tab, .stores .lt-ie9 section caption.tab, .lt-ie9 section .no-results-table caption.tab, .no-results-table .lt-ie9 section caption.tab {
    top: -20px
}

.lt-ie8 section h2.tab, .lt-ie8 section h3.tab, .lt-ie8 section h4.tab, .lt-ie8 section .stores caption.tab, .stores .lt-ie8 section caption.tab, .lt-ie8 section .no-results-table caption.tab, .no-results-table .lt-ie8 section caption.tab {
    display: inline;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    top: -52px
}

section h2.tab:before, section h2.tab:after, section h3.tab:before, section h3.tab:after, section h4.tab:before, section .stores caption.tab:before, .stores section caption.tab:before, section .no-results-table caption.tab:before, .no-results-table section caption.tab:before, section h4.tab:after, section .stores caption.tab:after, .stores section caption.tab:after, section .no-results-table caption.tab:after, .no-results-table section caption.tab:after {
    content: "";
    position: absolute
}

section h2.tab:before, section h3.tab:before, section h4.tab:before, section .stores caption.tab:before, .stores section caption.tab:before, section .no-results-table caption.tab:before, .no-results-table section caption.tab:before {
    top: -0.25em;
    left: -0.25em;
    bottom: 0;
    right: -0.25em;
    background: #dcdcdc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#fafafa));
    background-image: linear-gradient(#dcdcdc, #fafafa);
    z-index: -2
}

section h2.tab:after, section h3.tab:after, section h4.tab:after, section .stores caption.tab:after, .stores section caption.tab:after, section .no-results-table caption.tab:after, .no-results-table section caption.tab:after {
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fafafa
}

.new-home-hero-wrapper {
    width: 100%;
    padding: 25px 0px 60px;
    background-color: #0070b8
}

@media (max-width: 475px) {
    .new-home-hero-wrapper {
        padding: 20px 0px 40px
    }
}

.new-home-hero-wrapper .new-home-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1280px) {
    .new-home-hero-wrapper .new-home-hero {
        margin-left: -80px
    }
}

.new-home-hero-wrapper .new-home-hero h1 {
    display: none
}

.new-home-hero-wrapper .new-home-hero__title--desktop {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    margin: -20px 0px -65px 10px
}

@media (max-width: 992px) {
    .new-home-hero-wrapper .new-home-hero__title--desktop {
        margin: -30px 0px -50px 10px
    }
}

@media (max-width: 800px) {
    .new-home-hero-wrapper .new-home-hero__title--desktop {
        margin: -25px 0px -40px 10px;
        max-width: 93%
    }
}

@media (max-width: 800px) {
    .new-home-hero-wrapper .new-home-hero__title--desktop {
        margin: -25px 0px -30px 10px
    }
}

@media (max-width: 599px) {
    .new-home-hero-wrapper .new-home-hero__title--desktop {
        margin: 0px 0px -25px 35px
    }
}

@media (max-width: 475px) {
    .new-home-hero-wrapper .new-home-hero__title--desktop {
        display: none
    }
}

.new-home-hero-wrapper .new-home-hero__title--mobile {
    display: none
}

@media (max-width: 475px) {
    .new-home-hero-wrapper .new-home-hero__title--mobile {
        display: block;
        margin: -15px 0px -80px 70px
    }
}

@media (max-width: 320px) {
    .new-home-hero-wrapper .new-home-hero__title--mobile {
        max-width: 95%;
        margin: -15px 0px -75px 75px
    }
}

@media (max-width: 992px) {
    .new-home-hero-wrapper .new-home-hero__product-img {
        margin-bottom: 10px
    }
}

@media (max-width: 800px) {
    .new-home-hero-wrapper .new-home-hero__product-img {
        margin-bottom: 15px
    }
}

.new-home-hero-wrapper .new-home-hero__product-img--desktop {
    display: block;
    margin: 0px 0px 0px 65px;
    max-width: 93%
}

@media (max-width: 1200px) {
    .new-home-hero-wrapper .new-home-hero__product-img--desktop {
        margin: 0px 0px 0px 100px;
        max-width: 85%
    }
}

@media (max-width: 800px) {
    .new-home-hero-wrapper .new-home-hero__product-img--desktop {
        margin: 0px 0px 0px 110px;
        max-width: 80%
    }
}

@media (max-width: 599px) {
    .new-home-hero-wrapper .new-home-hero__product-img--desktop {
        margin: 0px 0px 0px 85px;
        max-width: 80%
    }
}

@media (max-width: 475px) {
    .new-home-hero-wrapper .new-home-hero__product-img--desktop {
        display: none
    }
}

.new-home-hero-wrapper .new-home-hero__product-img--mobile {
    display: none
}

@media (max-width: 475px) {
    .new-home-hero-wrapper .new-home-hero__product-img--mobile {
        display: block;
        margin: 0px 0px -35px 70px
    }
}

@media (max-width: 375px) {
    .new-home-hero-wrapper .new-home-hero__product-img--mobile {
        margin: 0px 0px -35px 52px
    }
}

@media (max-width: 320px) {
    .new-home-hero-wrapper .new-home-hero__product-img--mobile {
        max-width: 94%
    }
}

.new-home-hero-wrapper .new-home-hero__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 105px
}

@media (max-width: 800px) {
    .new-home-hero-wrapper .new-home-hero__btns {
        margin-left: 85px
    }
}

@media (max-width: 599px) {
    .new-home-hero-wrapper .new-home-hero__btns {
        margin-left: 80px
    }
}

.new-home-hero-wrapper .new-home-hero__btns .btns__first, .new-home-hero-wrapper .new-home-hero__btns .btns__second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    cursor: pointer
}

    .new-home-hero-wrapper .new-home-hero__btns .btns__first span, .new-home-hero-wrapper .new-home-hero__btns .btns__second span {
        font-size: 18px;
        font-weight: bold;
        line-height: normal;
        text-transform: uppercase;
        margin-top: 2px
    }

@media (max-width: 700px) {
    .new-home-hero-wrapper .new-home-hero__btns .btns__first span, .new-home-hero-wrapper .new-home-hero__btns .btns__second span {
        font-size: 14px
    }
}

@media (max-width: 475px) {
    .new-home-hero-wrapper .new-home-hero__btns .btns__first span, .new-home-hero-wrapper .new-home-hero__btns .btns__second span {
        font-size: 8px
    }
}

@media (max-width: 320px) {
    .new-home-hero-wrapper .new-home-hero__btns .btns__first span, .new-home-hero-wrapper .new-home-hero__btns .btns__second span {
        margin-top: 1px
    }
}

.new-home-hero-wrapper .new-home-hero__btns .btns__first {
    width: 260px;
    height: 35px;
    background-color: #dd2522;
    color: #fff;
    margin-right: 50px
}

@media (max-width: 700px) {
    .new-home-hero-wrapper .new-home-hero__btns .btns__first {
        width: 190px;
        height: 30px;
        margin-right: 20px
    }
}

@media (max-width: 475px) {
    .new-home-hero-wrapper .new-home-hero__btns .btns__first {
        width: 120px;
        height: 16px;
        margin-right: 20px
    }
}

.new-home-hero-wrapper .new-home-hero__btns .btns__first:hover {
    background-color: #ffd200;
    color: #002442
}

.new-home-hero-wrapper .new-home-hero__btns .btns__second {
    width: 320px;
    height: 35px;
    background-color: #ffd41c;
    color: #092440
}

@media (max-width: 700px) {
    .new-home-hero-wrapper .new-home-hero__btns .btns__second {
        width: 240px;
        height: 30px
    }
}

@media (max-width: 475px) {
    .new-home-hero-wrapper .new-home-hero__btns .btns__second {
        width: 146px;
        height: 16px
    }
}

.new-home-hero-wrapper .new-home-hero__btns .btns__second:hover {
    background: #00aeef;
    color: #fafafa
}

.poll .css-view-results:focus {
    outline: red dotted 1px !important
}

.poll-option {
    text-align: center;
    width: 50%;
    float: left;
    margin-bottom: 1em
}

    .poll-option .btn, .poll-option section.products .filters .filter-toggle, section.products .filters .poll-option .filter-toggle {
        margin: 0.5em 0;
        font-size: 80%
    }

        .poll-option .btn.selected, .poll-option section.products .filters .selected.filter-toggle, section.products .filters .poll-option .selected.filter-toggle {
            background: #ffd200;
            color: #002442
        }

    .poll-option img, .poll-option span {
        display: block;
        margin: 0 auto
    }

    .poll-option:nth-child(5) {
        width: 100%
    }

@media (min-width: 768px) {
    .poll-option {
        width: 23%;
        padding: 0 1%
    }

        .poll-option .btn, .poll-option section.products .filters .filter-toggle, section.products .filters .poll-option .filter-toggle {
            font-size: 90%;
            padding-bottom: 0.5em
        }

        .poll-option:nth-child(5) {
            width: 18%
        }

    .lt-ie8 .poll-option {
        width: 18%;
        padding: 0
    }
}

section.nestleAnniversary {
    padding: 0;
    border-bottom: none
}

@media (max-width: 770px) {
    section.nestleAnniversary {
        margin: 0 0 2em
    }
}

section.nestleAnniversary div {
    position: absolute
}

section.nestleAnniversary .container {
    position: relative;
    z-index: 100
}

@media (max-width: 770px) {
    section.nestleAnniversary .container {
        margin: 0 1em
    }
}

section.nestleAnniversary .white_bg {
    z-index: 99;
    width: 100%;
    height: 123px
}

    section.nestleAnniversary .white_bg:after {
        content: '\A';
        position: absolute;
        background: #fff;
        top: 0;
        bottom: 0;
        left: 0;
        width: 32%
    }

@media (min-width: 1600px) and (max-width: 2000px) {
    section.nestleAnniversary .white_bg:after {
        width: 28%
    }
}

@media (max-width: 1600px) {
    section.nestleAnniversary .white_bg:after {
        width: 20%
    }
}

@media (max-width: 1160px) {
    section.nestleAnniversary .white_bg:after {
        width: 18%
    }
}

@media (max-width: 770px) {
    section.nestleAnniversary .white_bg:after {
        width: 100%
    }
}

section.nestleAnniversary .blue_bg {
    background-color: #1d8acb;
    background-image: url("/assets/images/home/150th_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    z-index: 98;
    width: 100%;
    height: 123px
}

@media (max-width: 770px) {
    section.nestleAnniversary .blue_bg {
        height: 349px;
        background-position: center 100%;
        background-size: 1510px
    }
}

section.nestleAnniversary * {
    color: #fff;
    font-family: "proxima-nova","Helvetica","Arial",sans-serif
}

section.nestleAnniversary li {
    list-style: none;
    float: left;
    width: 33%;
    text-align: center
}

    section.nestleAnniversary li p:first-child {
        padding: 18px 0 0 0
    }

    section.nestleAnniversary li:nth-child(2) p:last-child {
        text-transform: uppercase
    }

    section.nestleAnniversary li:nth-child(3) p {
        font-size: 0.7em;
        position: relative;
        top: 4em
    }

@media (max-width: 770px) {
    section.nestleAnniversary li:nth-child(3) p {
        top: 2.3em
    }
}

section.nestleAnniversary li img {
    float: left
}

@media (max-width: 770px) {
    section.nestleAnniversary li img {
        float: none
    }
}

@media (max-width: 770px) {
    section.nestleAnniversary li {
        width: 100%
    }
}

section.nestleAnniversary .btnAnni {
    padding: 7px 14px;
    border: 1px solid white;
    background-color: #1d8acb;
    position: relative;
    top: 2em;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    section.nestleAnniversary .btnAnni:hover {
        background-color: #2f9fe1
    }

@media (max-width: 770px) {
    section.nestleAnniversary .btnAnni {
        top: 1em
    }
}

section.nestleAnniversary p {
    text-align: center;
    font-size: 1em;
    margin: 0;
    line-height: 1.7em
}

section.nestleAnniversary span {
    font-size: 1.4em;
    text-transform: uppercase
}

.home-social {
    color: #fafafa;
    background: #0070b8;
    background-image: -o-linear-gradient(#0070b8, #00609f)
}

    .home-social h1, .home-social h2 {
        padding: 1em 0;
        line-height: 1;
        text-transform: uppercase;
        font-weight: 900
    }

        .home-social h1 small, .home-social h2 small {
            font-weight: 700
        }

@media (min-width: 600px) {
    .home-social .to-social {
        display: none
    }
}

.home-social .to-social .btn, .home-social .to-social section.products .filters .filter-toggle, section.products .filters .home-social .to-social .filter-toggle {
    padding: 0.25em 0.5em 0.375em
}

    .home-social .to-social .btn img, .home-social .to-social section.products .filters .filter-toggle img, section.products .filters .home-social .to-social .filter-toggle img {
        position: relative;
        top: 2px
    }

.home-social .social-box {
    display: none
}

@media (min-width: 600px) {
    .home-social .social-box {
        display: block;
        padding: 2.5%;
        margin: 0 1.5% 2em;
        background: #fafafa;
        width: 42%;
        padding: 2.5%;
        float: left
    }
}

.lt-ie8 .home-social {
    padding-bottom: 2em
}

section.product-line {
    color: #fafafa;
    display: block;
    background: #00aeef;
    background-image: -o-linear-gradient(#00aeef, #009bd6);
    padding: 0 5% 2.25em;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.15);
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important
}

.lt-ie8 section.product-line {
    padding: 2.25em 5%
}

section.product-line h2.tab, section.product-line h3.tab, section.product-line h4.tab, section.product-line .stores caption.tab, .stores section.product-line caption.tab, section.product-line .no-results-table caption.tab, .no-results-table section.product-line caption.tab {
    font-size: 1.2em;
    -webkit-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out;
    display: inline-block;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #fafafa;
    background: #00aeef;
    position: relative;
    margin-bottom: -1.25em;
    top: -0.95em;
    left: -0.35em;
    padding: 0.25em 0.5em 0;
    z-index: 1
}

@media (min-width: 37.5em) {
    section.product-line h2.tab, section.product-line h3.tab, section.product-line h4.tab, section.product-line .stores caption.tab, .stores section.product-line caption.tab, section.product-line .no-results-table caption.tab, .no-results-table section.product-line caption.tab {
        font-size: 1.4em
    }
}

@media (min-width: 30em) {
    section.product-line h2.tab, section.product-line h3.tab, section.product-line h4.tab, section.product-line .stores caption.tab, .stores section.product-line caption.tab, section.product-line .no-results-table caption.tab, .no-results-table section.product-line caption.tab {
        left: -0.5em
    }
}

.lt-ie9 section.product-line h2.tab, .lt-ie9 section.product-line h3.tab, .lt-ie9 section.product-line h4.tab, .lt-ie9 section.product-line .stores caption.tab, .stores .lt-ie9 section.product-line caption.tab, .lt-ie9 section.product-line .no-results-table caption.tab, .no-results-table .lt-ie9 section.product-line caption.tab {
    top: -20px
}

.lt-ie8 section.product-line h2.tab, .lt-ie8 section.product-line h3.tab, .lt-ie8 section.product-line h4.tab, .lt-ie8 section.product-line .stores caption.tab, .stores .lt-ie8 section.product-line caption.tab, .lt-ie8 section.product-line .no-results-table caption.tab, .no-results-table .lt-ie8 section.product-line caption.tab {
    display: inline;
    border-top: 1px solid #6dcff6;
    border-left: 1px solid #6dcff6;
    border-right: 1px solid #6dcff6;
    top: -52px
}

section.product-line h2.tab:before, section.product-line h2.tab:after, section.product-line h3.tab:before, section.product-line h3.tab:after, section.product-line h4.tab:before, section.product-line .stores caption.tab:before, .stores section.product-line caption.tab:before, section.product-line .no-results-table caption.tab:before, .no-results-table section.product-line caption.tab:before, section.product-line h4.tab:after, section.product-line .stores caption.tab:after, .stores section.product-line caption.tab:after, section.product-line .no-results-table caption.tab:after, .no-results-table section.product-line caption.tab:after {
    content: "";
    position: absolute
}

section.product-line h2.tab:before, section.product-line h3.tab:before, section.product-line h4.tab:before, section.product-line .stores caption.tab:before, .stores section.product-line caption.tab:before, section.product-line .no-results-table caption.tab:before, .no-results-table section.product-line caption.tab:before {
    top: -0.25em;
    left: -0.25em;
    bottom: 0;
    right: -0.25em;
    background: #6dcff6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6dcff6), to(#00aeef));
    background-image: linear-gradient(#6dcff6, #00aeef);
    z-index: -2
}

section.product-line h2.tab:after, section.product-line h3.tab:after, section.product-line h4.tab:after, section.product-line .stores caption.tab:after, .stores section.product-line caption.tab:after, section.product-line .no-results-table caption.tab:after, .no-results-table section.product-line caption.tab:after {
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #00aeef
}

section.product-line.nestle, section.product-line.club {
    color: #fafafa;
    display: block;
    background: #0070b8;
    background-image: -o-linear-gradient(#0070b8, #00609f);
    padding: 0 5% 2.25em;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.15)
}

.lt-ie8 section.product-line.nestle, .lt-ie8 section.product-line.club {
    padding: 2.25em 5%
}

section.product-line.nestle h2.tab, section.product-line.nestle h3.tab, section.product-line.nestle h4.tab, section.product-line.nestle .stores caption.tab, .stores section.product-line.nestle caption.tab, section.product-line.nestle .no-results-table caption.tab, .no-results-table section.product-line.nestle caption.tab, section.product-line.club h2.tab, section.product-line.club h3.tab, section.product-line.club h4.tab, section.product-line.club .stores caption.tab, .stores section.product-line.club caption.tab, section.product-line.club .no-results-table caption.tab, .no-results-table section.product-line.club caption.tab {
    font-size: 1.2em;
    -webkit-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out;
    display: inline-block;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #fafafa;
    background: #0070b8;
    position: relative;
    margin-bottom: -1.25em;
    top: -0.95em;
    left: -0.35em;
    padding: 0.25em 0.5em 0;
    z-index: 1
}

@media (min-width: 37.5em) {
    section.product-line.nestle h2.tab, section.product-line.nestle h3.tab, section.product-line.nestle h4.tab, section.product-line.nestle .stores caption.tab, .stores section.product-line.nestle caption.tab, section.product-line.nestle .no-results-table caption.tab, .no-results-table section.product-line.nestle caption.tab, section.product-line.club h2.tab, section.product-line.club h3.tab, section.product-line.club h4.tab, section.product-line.club .stores caption.tab, .stores section.product-line.club caption.tab, section.product-line.club .no-results-table caption.tab, .no-results-table section.product-line.club caption.tab {
        font-size: 1.4em
    }
}

@media (min-width: 30em) {
    section.product-line.nestle h2.tab, section.product-line.nestle h3.tab, section.product-line.nestle h4.tab, section.product-line.nestle .stores caption.tab, .stores section.product-line.nestle caption.tab, section.product-line.nestle .no-results-table caption.tab, .no-results-table section.product-line.nestle caption.tab, section.product-line.club h2.tab, section.product-line.club h3.tab, section.product-line.club h4.tab, section.product-line.club .stores caption.tab, .stores section.product-line.club caption.tab, section.product-line.club .no-results-table caption.tab, .no-results-table section.product-line.club caption.tab {
        left: -0.5em
    }
}

.lt-ie9 section.product-line.nestle h2.tab, .lt-ie9 section.product-line.nestle h3.tab, .lt-ie9 section.product-line.nestle h4.tab, .lt-ie9 section.product-line.nestle .stores caption.tab, .stores .lt-ie9 section.product-line.nestle caption.tab, .lt-ie9 section.product-line.nestle .no-results-table caption.tab, .no-results-table .lt-ie9 section.product-line.nestle caption.tab, .lt-ie9 section.product-line.club h2.tab, .lt-ie9 section.product-line.club h3.tab, .lt-ie9 section.product-line.club h4.tab, .lt-ie9 section.product-line.club .stores caption.tab, .stores .lt-ie9 section.product-line.club caption.tab, .lt-ie9 section.product-line.club .no-results-table caption.tab, .no-results-table .lt-ie9 section.product-line.club caption.tab {
    top: -20px
}

.lt-ie8 section.product-line.nestle h2.tab, .lt-ie8 section.product-line.nestle h3.tab, .lt-ie8 section.product-line.nestle h4.tab, .lt-ie8 section.product-line.nestle .stores caption.tab, .stores .lt-ie8 section.product-line.nestle caption.tab, .lt-ie8 section.product-line.nestle .no-results-table caption.tab, .no-results-table .lt-ie8 section.product-line.nestle caption.tab, .lt-ie8 section.product-line.club h2.tab, .lt-ie8 section.product-line.club h3.tab, .lt-ie8 section.product-line.club h4.tab, .lt-ie8 section.product-line.club .stores caption.tab, .stores .lt-ie8 section.product-line.club caption.tab, .lt-ie8 section.product-line.club .no-results-table caption.tab, .no-results-table .lt-ie8 section.product-line.club caption.tab {
    display: inline;
    border-top: 1px solid #1e5b8f;
    border-left: 1px solid #1e5b8f;
    border-right: 1px solid #1e5b8f;
    top: -52px
}

section.product-line.nestle h2.tab:before, section.product-line.nestle h2.tab:after, section.product-line.nestle h3.tab:before, section.product-line.nestle h3.tab:after, section.product-line.nestle h4.tab:before, section.product-line.nestle .stores caption.tab:before, .stores section.product-line.nestle caption.tab:before, section.product-line.nestle .no-results-table caption.tab:before, .no-results-table section.product-line.nestle caption.tab:before, section.product-line.nestle h4.tab:after, section.product-line.nestle .stores caption.tab:after, .stores section.product-line.nestle caption.tab:after, section.product-line.nestle .no-results-table caption.tab:after, .no-results-table section.product-line.nestle caption.tab:after, section.product-line.club h2.tab:before, section.product-line.club h2.tab:after, section.product-line.club h3.tab:before, section.product-line.club h3.tab:after, section.product-line.club h4.tab:before, section.product-line.club .stores caption.tab:before, .stores section.product-line.club caption.tab:before, section.product-line.club .no-results-table caption.tab:before, .no-results-table section.product-line.club caption.tab:before, section.product-line.club h4.tab:after, section.product-line.club .stores caption.tab:after, .stores section.product-line.club caption.tab:after, section.product-line.club .no-results-table caption.tab:after, .no-results-table section.product-line.club caption.tab:after {
    content: "";
    position: absolute
}

section.product-line.nestle h2.tab:before, section.product-line.nestle h3.tab:before, section.product-line.nestle h4.tab:before, section.product-line.nestle .stores caption.tab:before, .stores section.product-line.nestle caption.tab:before, section.product-line.nestle .no-results-table caption.tab:before, .no-results-table section.product-line.nestle caption.tab:before, section.product-line.club h2.tab:before, section.product-line.club h3.tab:before, section.product-line.club h4.tab:before, section.product-line.club .stores caption.tab:before, .stores section.product-line.club caption.tab:before, section.product-line.club .no-results-table caption.tab:before, .no-results-table section.product-line.club caption.tab:before {
    top: -0.25em;
    left: -0.25em;
    bottom: 0;
    right: -0.25em;
    background: #1e5b8f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1e5b8f), to(#0070b8));
    background-image: linear-gradient(#1e5b8f, #0070b8);
    z-index: -2
}

section.product-line.nestle h2.tab:after, section.product-line.nestle h3.tab:after, section.product-line.nestle h4.tab:after, section.product-line.nestle .stores caption.tab:after, .stores section.product-line.nestle caption.tab:after, section.product-line.nestle .no-results-table caption.tab:after, .no-results-table section.product-line.nestle caption.tab:after, section.product-line.club h2.tab:after, section.product-line.club h3.tab:after, section.product-line.club h4.tab:after, section.product-line.club .stores caption.tab:after, .stores section.product-line.club caption.tab:after, section.product-line.club .no-results-table caption.tab:after, .no-results-table section.product-line.club caption.tab:after {
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #0070b8
}

@media (min-width: 50em) {
    section.product-line.nestle .image, section.product-line.club .image {
        float: left !important
    }

    section.product-line.nestle .text, section.product-line.club .text {
        float: right !important;
        width: 40%;
        padding-left: 10%
    }
}

section.product-line .image {
    display: none
}

@media (min-width: 600px) {
    section.product-line .image {
        display: block;
        width: 50%;
        float: right
    }

        section.product-line .image img {
            margin-bottom: -8px;
            min-height: 260px
        }
}

.lt-ie9 section.product-line .image img {
    margin-bottom: -6px
}

section.product-line .text {
    padding: 2em 0
}

@media (min-width: 600px) {
    section.product-line .text {
        font-size: 1.25em
    }

        section.product-line .text .btn, section.product-line .text section.products .filters .filter-toggle, section.products .filters section.product-line .text .filter-toggle {
            font-size: 0.85em !important
        }
}

@media (min-width: 700px) {
    section.product-line .text {
        font-size: 1.5em;
        float: left;
        width: 50%
    }

        section.product-line .text .btn, section.product-line .text section.products .filters .filter-toggle, section.products .filters section.product-line .text .filter-toggle {
            font-size: 0.75em !important
        }
}

@media (min-width: 960px) {
    section.product-line .text {
        font-size: 1.75em;
        width: 40%;
        padding-left: 10%
    }

        section.product-line .text .btn, section.product-line .text section.products .filters .filter-toggle, section.products .filters section.product-line .text .filter-toggle {
            font-size: 0.65em !important
        }
}

section.product-line h3 {
    text-transform: uppercase;
    line-height: 1;
    font-weight: 900;
    margin-bottom: 0.5em
}

    section.product-line h3 .brand {
        color: #002442
    }

section.products {
    color: #002442;
    display: block;
    background: #fafafa;
    background-image: -o-linear-gradient(#fafafa, #ededed);
    padding: 0 5% 2.25em;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.15)
}

    section.products fieldset {
        border: 0 !important
    }

    section.products legend {
        display: none
    }

    section.products .flavors-submit {
        display: none
    }

.lt-ie8 section.products {
    padding: 2.25em 5%
}

section.products h2.tab, section.products h3.tab, section.products h4.tab, section.products .stores caption.tab, .stores section.products caption.tab, section.products .no-results-table caption.tab, .no-results-table section.products caption.tab {
    font-size: 1.2em;
    -webkit-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out;
    display: inline-block;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #da260b;
    background: #fafafa;
    position: relative;
    margin-bottom: -1.25em;
    top: -0.95em;
    left: -0.35em;
    padding: 0.25em 0.5em 0;
    z-index: 1
}

@media (min-width: 37.5em) {
    section.products h2.tab, section.products h3.tab, section.products h4.tab, section.products .stores caption.tab, .stores section.products caption.tab, section.products .no-results-table caption.tab, .no-results-table section.products caption.tab {
        font-size: 1.4em
    }
}

@media (min-width: 30em) {
    section.products h2.tab, section.products h3.tab, section.products h4.tab, section.products .stores caption.tab, .stores section.products caption.tab, section.products .no-results-table caption.tab, .no-results-table section.products caption.tab {
        left: -0.5em
    }
}

.lt-ie9 section.products h2.tab, .lt-ie9 section.products h3.tab, .lt-ie9 section.products h4.tab, .lt-ie9 section.products .stores caption.tab, .stores .lt-ie9 section.products caption.tab, .lt-ie9 section.products .no-results-table caption.tab, .no-results-table .lt-ie9 section.products caption.tab {
    top: -20px
}

.lt-ie8 section.products h2.tab, .lt-ie8 section.products h3.tab, .lt-ie8 section.products h4.tab, .lt-ie8 section.products .stores caption.tab, .stores .lt-ie8 section.products caption.tab, .lt-ie8 section.products .no-results-table caption.tab, .no-results-table .lt-ie8 section.products caption.tab {
    display: inline;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    top: -52px
}

section.products h2.tab:before, section.products h2.tab:after, section.products h3.tab:before, section.products h3.tab:after, section.products h4.tab:before, section.products .stores caption.tab:before, .stores section.products caption.tab:before, section.products .no-results-table caption.tab:before, .no-results-table section.products caption.tab:before, section.products h4.tab:after, section.products .stores caption.tab:after, .stores section.products caption.tab:after, section.products .no-results-table caption.tab:after, .no-results-table section.products caption.tab:after {
    content: "";
    position: absolute
}

section.products h2.tab:before, section.products h3.tab:before, section.products h4.tab:before, section.products .stores caption.tab:before, .stores section.products caption.tab:before, section.products .no-results-table caption.tab:before, .no-results-table section.products caption.tab:before {
    top: -0.25em;
    left: -0.25em;
    bottom: 0;
    right: -0.25em;
    background: #dcdcdc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#fafafa));
    background-image: linear-gradient(#dcdcdc, #fafafa);
    z-index: -2
}

section.products h2.tab:after, section.products h3.tab:after, section.products h4.tab:after, section.products .stores caption.tab:after, .stores section.products caption.tab:after, section.products .no-results-table caption.tab:after, .no-results-table section.products caption.tab:after {
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fafafa
}

section.products .tab .brand {
    color: #002442
}

section.products .filters {
    display: none
}

.js section.products .filters {
    display: block
}

@media (min-width: 600px) {
    section.products .filters .filter-placeholder {
        display: none
    }
}

section.products .filters .filter-toggle {
    display: block;
    text-align: center;
    position: relative
}

    section.products .filters .filter-toggle.fun {
        background-color: #0070b8
    }

        section.products .filters .filter-toggle.fun:hover {
            background: #ffd200
        }

@media (min-width: 600px) {
    section.products .filters .filter-toggle {
        display: inline;
        padding: 0.5em 1em 0.4em
    }
}

.svg section.products .filters .filter-toggle {
    padding-right: 60px
}

    .svg section.products .filters .filter-toggle:after {
        content: url(/assets/images/shared/down-triangle.png);
        position: absolute;
        right: 10px;
        top: 0.5em
    }

    .svg section.products .filters .filter-toggle.active:after {
        content: url(/assets/images/shared/up-triangle.png)
    }

@media (min-width: 600px) {
    section.products .filters {
        text-align: right
    }
}

section.products .filters .filter-field {
    display: none;
    text-align: left;
    background: #da260b;
    color: #fafafa;
    padding: 1em 1em 0.5em
}

    section.products .filters .filter-field.fun {
        background: #0070b8
    }

@media (min-width: 600px) {
    section.products .filters .filter-field {
        margin-top: 0.18em
    }
}

@media (min-width: 600px) {
    section.products .filters .filter-category {
        width: 22.5%;
        padding-right: 2.5%;
        float: left
    }
}

section.products .filters .filter-category legend {
    font-weight: 700;
    font-size: 1.2em;
    text-transform: uppercase;
    display: block;
    width: 100%;
    border-bottom: 2px solid #fafafa;
    margin-bottom: 0.25em
}

section.products .filters .filter-category label {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0.25em
}

section.products .filters .reset {
    clear: both;
    background: #ffd200;
    color: #002442
}

    section.products .filters .reset:hover {
        color: #fafafa;
        background: #00aeef
    }

.js .snacks {
    margin-top: 2em
}

    .js .snacks .error {
        font-size: 2em
    }

.js .snack {
    display: none
}

    .js .snack.selected {
        display: block
    }

.snack {
    margin: 0 auto 2em;
    padding: 0 5%;
    float: left;
    width: 40%;
    height: 275px
}

    .snack a {
        -webkit-transition: color 0.2s ease-out;
        color: #002442
    }

        .snack a:hover {
            color: #00aeef
        }

            .snack a:hover img {
                border: 6px solid #00aeef;
                -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2);
                box-shadow: 0 3px 10px rgba(0,0,0,0.2)
            }

    .snack img {
        -webkit-transition: border-color 0.1s ease-out, box-shadow 0.1s ease-out;
        border: 6px solid #e8e4d8
    }

    .snack span {
        display: block;
        font-weight: 700;
        line-height: 1.2
    }

@media (min-width: 420px) {
    .snack {
        height: 300px
    }
}

@media (min-width: 475px) {
    .snack {
        height: 325px
    }
}

@media (min-width: 600px) {
    .snack {
        width: 23.333333%;
        height: 325px
    }
}

@media (min-width: 880px) {
    .snack {
        width: 19%;
        padding: 0 3%;
        height: 335px
    }
}

@media (min-width: 1140px) {
    .snack {
        width: 25%;
        padding: 0;
        height: 360px
    }

        .snack span {
            width: 90%
        }
}

.detail-hero {
    max-height: 616px
}

    .detail-hero img {
        max-width: 100%;
        width: auto !important
    }

    .detail-hero .picture {
        max-width: 1200px
    }

@media (min-width: 1200px) {
    .detail-hero .picture {
        position: absolute;
        right: 0px
    }
}

@media (min-width: 1200px) {
    .detail-hero {
        height: 593px;
        background: #03cfff !important;
        background-image: none
    }

        .detail-hero .content {
            font-size: 120%
        }

        .detail-hero.cat-butterfinger {
            background: #ffae00 !important
        }
}

.detail-hero .brand {
    display: inline
}

.no-cssanimations .summerize-this, .no-cssanimations .summerize-this-random, .no-cssanimations .summerize-this-fireflies, .no-cssanimations .summerize-this-lake, .no-cssanimations .summerize-this-sunset, .no-cssanimations .summerize-this-backyard, .no-cssanimations .summerize {
    display: none !important
}

.details .tab {
    top: -20px
}

.details .description {
    font-size: 1.125em;
    line-height: 1.2;
    display: table;
    padding-bottom: 30px
}

@media (min-width: 600px) {
    .details .description {
        float: left;
        width: 50%;
        padding-right: 20px
    }
}

.details .description .ps-widget {
    cursor: pointer
}

    .details .description .ps-widget.ps-disabled > small:before {
        content: 'No sellers found';
        display: block
    }

@media (min-width: 600px) {
    .details .meta {
        width: 23%;
        float: left
    }

    .lt-ie8 .details .meta {
        width: 20%
    }
}

.details .meta ul, .details .meta dl {
    text-transform: uppercase;
    font-weight: 700;
    list-style: none
}

.details .meta ul {
    margin-top: 0px
}

    .details .meta ul li {
        text-align: left;
        padding: 0px 0;
        clear: both;
        line-height: 20px;
        height: 56px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }

.details .meta dl {
    margin-top: 1.65em
}

.details .meta li, .details .meta dd {
    margin-bottom: 0.25em
}

.details .meta li {
    line-height: 1;
    margin-bottom: 0.25em
}

    .details .meta li i, .details .meta li span {
        position: relative;
        display: inline-block;
        float: left;
        width: 56px;
        top: 0px;
        min-width: 56px;
        margin-right: 6px
    }

@media (min-width: 600px) {
    .details .meta li {
        text-align: center
    }
}

@media (min-width: 1000px) {
    .details .meta li {
        text-align: left
    }
}

.details .meta h2, .details .meta h3, .details .meta h4, .details .meta .stores caption, .stores .details .meta caption, .details .meta .no-results-table caption, .no-results-table .details .meta caption {
    text-transform: uppercase !important;
    font-weight: 900 !important;
    margin-bottom: 0.75em !important;
    line-height: 1 !important;
    font-size: 1.25em !important;
    color: #002442 !important;
    font-weight: normal !important;
    font-family: "proxima-nova", "Helvetica", "Arial", sans-serif !important
}

.js .details .meta .bar {
    visibility: hidden
}

.js .details .meta dt {
    position: relative;
    top: 25px
}

.details .meta .gauge {
    background: #002442;
    display: block;
    height: 30px;
    width: 80%;
    position: relative;
    top: -30px;
    z-index: 0;
    margin-bottom: 10px
}

    .details .meta .gauge .value {
        background: #0070b8;
        display: block;
        height: 30px;
        min-width: 10%;
        position: absolute;
        top: 0;
        left: 0
    }

section.social {
    border-bottom: none;
    padding-bottom: 3em
}

.no-js section.social {
    display: none
}

.lt-ie9 section.social {
    border-top: 1px solid gainsboro
}

section.social .buttons .addthis_toolbox > a {
    float: left
}

section.social .buttons .addthis_button_facebook_like {
    margin-right: 25px
}

section.social .buttons .addthis_button_tweet {
    margin-right: 23px;
    margin-top: -4px;
    margin-bottom: 14px
}

section.social .buttons .addthis_button_pinterest_pinit {
    margin-top: -62px
}

section.social .buttons br {
    display: none
}

@media (min-width: 600px) {
    section.social .buttons {
        position: relative;
        z-index: 9000;
        width: 100%;
        float: left;
        padding-bottom: 1em
    }

        section.social .buttons br {
            display: block
        }
}

section.social .comments {
    display: none
}

@media (min-width: 600px) {
    section.social .comments {
        width: 55%;
        float: left;
        padding-left: 5%
    }
}

#fbcomments, .fb_iframe_widget, .fb_iframe_widget[style] .fb_iframe_widget iframe[style], #fbcomments iframe[style] {
    width: 100% !important
}

.packaging {
    color: #fafafa;
    display: block;
    background: #0070b8;
    background-image: -o-linear-gradient(#0070b8, #00609f);
    padding: 0 5% 2.25em;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.15)
}

.lt-ie8 .packaging {
    padding: 2.25em 5%
}

.packaging h2.tab, .packaging h3.tab, .packaging h4.tab, .packaging .stores caption.tab, .stores .packaging caption.tab, .packaging .no-results-table caption.tab, .no-results-table .packaging caption.tab {
    font-size: 1.2em;
    -webkit-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out;
    display: inline-block;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #fafafa;
    background: #0070b8;
    position: relative;
    margin-bottom: -1.25em;
    top: -0.95em;
    left: -0.35em;
    padding: 0.25em 0.5em 0;
    z-index: 1
}

@media (min-width: 37.5em) {
    .packaging h2.tab, .packaging h3.tab, .packaging h4.tab, .packaging .stores caption.tab, .stores .packaging caption.tab, .packaging .no-results-table caption.tab, .no-results-table .packaging caption.tab {
        font-size: 1.4em
    }
}

@media (min-width: 30em) {
    .packaging h2.tab, .packaging h3.tab, .packaging h4.tab, .packaging .stores caption.tab, .stores .packaging caption.tab, .packaging .no-results-table caption.tab, .no-results-table .packaging caption.tab {
        left: -0.5em
    }
}

.lt-ie9 .packaging h2.tab, .lt-ie9 .packaging h3.tab, .lt-ie9 .packaging h4.tab, .lt-ie9 .packaging .stores caption.tab, .stores .lt-ie9 .packaging caption.tab, .lt-ie9 .packaging .no-results-table caption.tab, .no-results-table .lt-ie9 .packaging caption.tab {
    top: -20px
}

.lt-ie8 .packaging h2.tab, .lt-ie8 .packaging h3.tab, .lt-ie8 .packaging h4.tab, .lt-ie8 .packaging .stores caption.tab, .stores .lt-ie8 .packaging caption.tab, .lt-ie8 .packaging .no-results-table caption.tab, .no-results-table .lt-ie8 .packaging caption.tab {
    display: inline;
    border-top: 1px solid #1e5b8f;
    border-left: 1px solid #1e5b8f;
    border-right: 1px solid #1e5b8f;
    top: -52px
}

.packaging h2.tab:before, .packaging h2.tab:after, .packaging h3.tab:before, .packaging h3.tab:after, .packaging h4.tab:before, .packaging .stores caption.tab:before, .stores .packaging caption.tab:before, .packaging .no-results-table caption.tab:before, .no-results-table .packaging caption.tab:before, .packaging h4.tab:after, .packaging .stores caption.tab:after, .stores .packaging caption.tab:after, .packaging .no-results-table caption.tab:after, .no-results-table .packaging caption.tab:after {
    content: "";
    position: absolute
}

.packaging h2.tab:before, .packaging h3.tab:before, .packaging h4.tab:before, .packaging .stores caption.tab:before, .stores .packaging caption.tab:before, .packaging .no-results-table caption.tab:before, .no-results-table .packaging caption.tab:before {
    top: -0.25em;
    left: -0.25em;
    bottom: 0;
    right: -0.25em;
    background: #1e5b8f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1e5b8f), to(#0070b8));
    background-image: linear-gradient(#1e5b8f, #0070b8);
    z-index: -2
}

.packaging h2.tab:after, .packaging h3.tab:after, .packaging h4.tab:after, .packaging .stores caption.tab:after, .stores .packaging caption.tab:after, .packaging .no-results-table caption.tab:after, .no-results-table .packaging caption.tab:after {
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #0070b8
}

.js .packaging {
    border-top: none;
    margin-top: -1px
}

    .js .packaging .tab {
        display: inline-block
    }

    .js .packaging .packages {
        display: block
    }

.packaging .packages {
    margin: 60px auto 40px;
    width: 100%;
    float: left
}

    .packaging .packages:before, .packaging .packages:after {
        content: '';
        display: table;
        clear: both
    }

.js .packaging .packages {
    margin: 60px auto 40px
}

.packaging .packages li {
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    margin-right: 1em;
    list-style: none;
    float: none
}

    .packaging .packages li img {
        max-width: 160px;
        max-height: 150px;
    }

    .packaging .packages li span {
        display: block;
        font-weight: 800;
        text-transform: uppercase
    }

    .packaging .packages li.where {
        padding-top: 40px;
        padding-bottom: 20px
    }

@media (min-width: 600px) {
    .packaging .packages li.where {
        padding-top: 140px;
        padding-bottom: 0;
        margin-left: 2em
    }
}

.cross-sell {
    color: #002442;
    display: block;
    background: #ffde46;
    background-image: -o-linear-gradient(#ffde46, #ffd92d);
    padding: 0 5% 2.25em;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding-bottom: 0
}

.lt-ie8 .cross-sell {
    padding: 2.25em 5%
}

.cross-sell h2.tab, .cross-sell h3.tab, .cross-sell h4.tab, .cross-sell .stores caption.tab, .stores .cross-sell caption.tab, .cross-sell .no-results-table caption.tab, .no-results-table .cross-sell caption.tab {
    font-size: 1.2em;
    -webkit-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out;
    display: inline-block;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #1e5b8f;
    background: #ffde46;
    position: relative;
    margin-bottom: -1.25em;
    top: -0.95em;
    left: -0.35em;
    padding: 0.25em 0.5em 0;
    z-index: 1
}

@media (min-width: 37.5em) {
    .cross-sell h2.tab, .cross-sell h3.tab, .cross-sell h4.tab, .cross-sell .stores caption.tab, .stores .cross-sell caption.tab, .cross-sell .no-results-table caption.tab, .no-results-table .cross-sell caption.tab {
        font-size: 1.4em
    }
}

@media (min-width: 30em) {
    .cross-sell h2.tab, .cross-sell h3.tab, .cross-sell h4.tab, .cross-sell .stores caption.tab, .stores .cross-sell caption.tab, .cross-sell .no-results-table caption.tab, .no-results-table .cross-sell caption.tab {
        left: -0.5em
    }
}

.lt-ie9 .cross-sell h2.tab, .lt-ie9 .cross-sell h3.tab, .lt-ie9 .cross-sell h4.tab, .lt-ie9 .cross-sell .stores caption.tab, .stores .lt-ie9 .cross-sell caption.tab, .lt-ie9 .cross-sell .no-results-table caption.tab, .no-results-table .lt-ie9 .cross-sell caption.tab {
    top: -20px
}

.lt-ie8 .cross-sell h2.tab, .lt-ie8 .cross-sell h3.tab, .lt-ie8 .cross-sell h4.tab, .lt-ie8 .cross-sell .stores caption.tab, .stores .lt-ie8 .cross-sell caption.tab, .lt-ie8 .cross-sell .no-results-table caption.tab, .no-results-table .lt-ie8 .cross-sell caption.tab {
    display: inline;
    border-top: 1px solid #ffd200;
    border-left: 1px solid #ffd200;
    border-right: 1px solid #ffd200;
    top: -52px
}

.cross-sell h2.tab:before, .cross-sell h2.tab:after, .cross-sell h3.tab:before, .cross-sell h3.tab:after, .cross-sell h4.tab:before, .cross-sell .stores caption.tab:before, .stores .cross-sell caption.tab:before, .cross-sell .no-results-table caption.tab:before, .no-results-table .cross-sell caption.tab:before, .cross-sell h4.tab:after, .cross-sell .stores caption.tab:after, .stores .cross-sell caption.tab:after, .cross-sell .no-results-table caption.tab:after, .no-results-table .cross-sell caption.tab:after {
    content: "";
    position: absolute
}

.cross-sell h2.tab:before, .cross-sell h3.tab:before, .cross-sell h4.tab:before, .cross-sell .stores caption.tab:before, .stores .cross-sell caption.tab:before, .cross-sell .no-results-table caption.tab:before, .no-results-table .cross-sell caption.tab:before {
    top: -0.25em;
    left: -0.25em;
    bottom: 0;
    right: -0.25em;
    background: #ffd200;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd200), to(#ffde46));
    background-image: linear-gradient(#ffd200, #ffde46);
    z-index: -2
}

.cross-sell h2.tab:after, .cross-sell h3.tab:after, .cross-sell h4.tab:after, .cross-sell .stores caption.tab:after, .stores .cross-sell caption.tab:after, .cross-sell .no-results-table caption.tab:after, .no-results-table .cross-sell caption.tab:after {
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffde46
}

.cross-sell .tab {
    display: inline-block
}

.cross-sell .snack {
    margin-bottom: 0
}

.js .cross-sell {
    border-top: none
}

.js .auxillary {
    position: relative
}

    .js .auxillary .hidden .container {
        display: none
    }

    .js .auxillary .tabs {
        padding: 0;
        background: transparent;
        border-bottom: none;
        border-top: none;
        height: 0;
        margin-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .js .auxillary .tabs .container {
            position: relative
        }

        .js .auxillary .tabs .tab {
            position: relative;
            margin-right: 1em;
            cursor: pointer;
            top: -27px
        }

        .js .auxillary .tabs .packaging-tab {
            background: #0070b8 !important;
            color: #fafafa
        }

            .js .auxillary .tabs .packaging-tab:after {
                background: #0070b8
            }

            .js .auxillary .tabs .packaging-tab:before {
                background-image: -webkit-gradient(linear, left top, left bottom, from(#1e5b8f), to(#0070b8));
                background-image: linear-gradient(#1e5b8f, #0070b8)
            }

        .js .auxillary .tabs .cross-sell-tab {
            background: #ffde46 !important
        }

            .js .auxillary .tabs .cross-sell-tab:after {
                background: #ffde46
            }

            .js .auxillary .tabs .cross-sell-tab:before {
                background-image: -webkit-gradient(linear, left top, left bottom, from(#ffde46), to(#ffd200));
                background-image: linear-gradient(#ffde46, #ffd200)
            }

legend.filters-columns, legend.filters-reset {
    display: none !important
}

fieldset:not(.filters-fieldset) {
    padding: 12px 0 12px 12px;
    background: #e0e0e0;
    border: none;
    margin-bottom: 1.5em
}

    fieldset:not(.filters-fieldset) a {
        color: #af1016
    }

        fieldset:not(.filters-fieldset) a:hover, fieldset:not(.filters-fieldset) a:focus {
            color: #1e5b8f
        }

    fieldset:not(.filters-fieldset) legend {
        display: block;
        width: 100%;
        background: #1e5b8f;
        padding: 6px 0 6px 12px;
        margin-left: -12px;
        font-weight: 800;
        color: #ffd200;
        text-transform: uppercase
    }

        fieldset:not(.filters-fieldset) legend .brand {
            color: #fafafa
        }

.lt-ie9 fieldset:not(.filters-fieldset) legend {
    margin-top: -12px;
    margin-bottom: 12px
}

.lt-ie8 fieldset:not(.filters-fieldset) legend {
    margin-left: -19px
}

fieldset:not(.filters-fieldset) p {
    margin-bottom: 0.25em
}

fieldset:not(.filters-fieldset) label {
    font-weight: 700;
    display: block
}

    fieldset:not(.filters-fieldset) label .finder {
        display: inline
    }

@media (min-width: 640px) {
    fieldset:not(.filters-fieldset) label {
        width: 49%;
        float: left
    }

        fieldset:not(.filters-fieldset) label .finder {
            width: 100%;
            float: none;
            display: inline
        }
}

fieldset:not(.filters-fieldset).opt-in input {
    display: inline
}

fieldset:not(.filters-fieldset).opt-in label {
    width: 100%;
    float: none;
    display: inline
}

fieldset:not(.filters-fieldset) select {
    display: block;
    width: 94%;
    margin: 0
}

@media (min-width: 40em) {
    fieldset:not(.filters-fieldset) select {
        width: 48%;
        float: left
    }
}

fieldset:not(.filters-fieldset) select#ddlMonth {
    width: 22%;
    float: none;
    display: inline
}

fieldset:not(.filters-fieldset) select#ddlDay {
    width: 12%;
    float: none;
    display: inline
}

fieldset:not(.filters-fieldset) select#ddlYear {
    width: 14%;
    float: none;
    display: inline
}

fieldset:not(.filters-fieldset) input[type=text], fieldset:not(.filters-fieldset) input[type=email], fieldset:not(.filters-fieldset) input[type=file], fieldset:not(.filters-fieldset) input[type=password] {
    display: block;
    width: 90%;
    margin: 0
}

@media (min-width: 40em) {
    fieldset:not(.filters-fieldset) input[type=text], fieldset:not(.filters-fieldset) input[type=email], fieldset:not(.filters-fieldset) input[type=file], fieldset:not(.filters-fieldset) input[type=password] {
        width: 48%;
        float: left
    }
}

@media (min-width: 1000px) {
    .f-left {
        float: left;
        width: 47%;
        margin-right: 3%
    }

    .f-right {
        width: 47%;
        margin-left: 3%
    }

    fieldset.clearfix, fieldset.testimonial, header nav[role="navigation"] .menu_ul li.nav-link fieldset.subnav, section fieldset.container, fieldset.home-social, section.product-line fieldset.container, section.product-line.nestle fieldset.container, section.product-line.club fieldset.container, section.products fieldset.container, section.products .filters fieldset.filter-field, fieldset.packaging, .packaging fieldset.container, .packaging fieldset.packages, fieldset.cross-sell, .cross-sell fieldset.container, .js fieldset.auxillary, fieldset.content404, fieldset.form-section {
        width: 100%;
        clear: both
    }

    .lt-ie8 .f-left, .lt-ie8 .f-right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        clear: both
    }
}

#retrieving {
    text-align: center
}

.stores, .no-results-table {
    margin-bottom: 1em
}

    .stores caption, .no-results-table caption {
        text-align: left;
        font-weight: 800
    }

    .stores p, .no-results-table p {
        margin-bottom: 0
    }

    .stores td {
        background: #FFFFFF
    }

    .stores caption {
        width: 100%
    }

@media only screen and (max-width: 830px) {
    table.stores, .stores thead, .stores tbody, .stores th, .stores td, .stores tr {
        display: block
    }

    .stores th {
        display: none
    }

    .stores thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .stores tr {
        border: 1px solid #ccc
    }

    .stores td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%
    }

        .stores td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 25%;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: bold;
            color: #da260b
        }

        .stores td:nth-of-type(1):before {
            content: "Store"
        }

        .stores td:nth-of-type(2):before {
            content: "Address"
        }

        .stores td:nth-of-type(3):before {
            content: "City"
        }

        .stores td:nth-of-type(4):before {
            content: "State"
        }

        .stores td:nth-of-type(5):before {
            content: "Zip"
        }

        .stores td:nth-of-type(6):before {
            content: "Miles"
        }
}

.sitemap li ul {
    margin-left: 2em
}

.sitemap ul ul ul {
    margin-left: 4em
}

footer {
    padding: 2em 0;
    background: #fafafa !important
}

.lt-ie9 footer {
    border-top: 1px solid gainsboro
}

footer .to-top {
    display: block;
    text-align: center;
    margin-bottom: 2em;
    background: #00acda
}

    footer .to-top:hover {
        background: #ffd200;
        color: #002442
    }

@media (min-width: 600px) {
    footer .to-top {
        display: none
    }
}

@media (min-width: 600px) {
    footer .column {
        width: 20%;
        padding-right: 5%;
        float: left
    }
}

footer li {
    list-style: none
}

footer a {
    display: block;
    line-height: 1;
    margin-bottom: 1em;
    color: #0070b8;
    text-transform: uppercase;
    font-weight: 800
}

    footer a .brand {
        color: #002442
    }

    footer a:hover {
        color: #00aeef
    }

        footer a:hover .brand {
            color: #6dcff6
        }

.lt-ie8 footer a {
    margin-bottom: 0.5em
}

footer ul li a {
    font-weight: 700;
    font-size: 90%
}

footer ul li ul li a {
    font-weight: 500;
    font-size: 80%
}

footer .social a {
    display: inline-block
}

footer .legal {
    color: #1e5b8f;
    font-size: 70%
}

.content404 {
    max-width: 640px;
    margin: 0 auto;
    min-height: 350px
}

.content404-inner {
    position: relative;
    margin-top: 30px
}

.error404-bg {
    background: transparent url(../images/hero-images/404-oversize.jpg) no-repeat center center scroll;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.error404 {
    background-color: transparent;
    height: 100%
}

    .error404 .content {
        position: static
    }

    .error404 div#hero {
        background-color: transparent;
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        background: -owg-none;
        background: -webkit-none;
        background: -moz-none;
        background: -o-none;
        -pie-background: -pie-none;
        background: none
    }

        .error404 div#hero h1, .error404 div#hero h2 {
            filter: progid:DXImageTransform.Microsoft.glow(color=#332517,strength=3)
        }

@media (min-width: 48em) {
    .error404 div#hero h1, .error404 div#hero h2 {
        font-size: 4em
    }
}

@media (min-width: 48em) {
    .error404 div#hero h1, .error404 div#hero h2 {
        font-size: 5em
    }
}

@media (min-width: 60em) {
    .error404 div#hero h1, .error404 div#hero h2 {
        font-size: 7em;
        text-shadow: 2px 2px 5px rgba(0,0,0,0.5),0px 0px 25px rgba(0,0,0,0.6)
    }
}

.no-textshadow .error404 div#hero .ie-shadow {
    width: 100%;
    height: 300px;
    position: absolute;
    bottom: 6px;
    left: 0%;
    z-index: 1;
    background: none
}

.no-textshadow .error404 div#hero {
    background-color: transparent !important
}

.error404 div#hero .logo-404 {
    width: 100%;
    text-align: center
}

    .error404 div#hero .logo-404 img {
        position: relative;
        top: 20px;
        right: auto;
        width: auto
    }

.error404 div#hero p {
    display: block
}

.error404 footer {
    position: relative;
    bottom: 0
}

#skip-to-content {
    color: #fff;
    position: absolute;
    top: -30px;
    height: 25px;
    background-color: #1e5b8f;
    width: 200px;
    z-index: 99999;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    -webkit-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out
}

    #skip-to-content:focus {
        top: 0;
        outline: 1px dotted #da260b
    }

a:focus {
    outline: 1px dotted #da260b
}

div #breadcrumb .container {
    color: #737373;
    background-color: #fff;
    padding-left: 16%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 60em) {
    div #breadcrumb .container {
        padding-left: 200px
    }
}

div #breadcrumb .container a {
    color: #737373;
    text-decoration: underline
}

div #breadcrumb .container .itemListElement {
    display: inline
}

.btn:focus, section.products .filters .filter-toggle:focus {
    color: #002442;
    background-color: #ffd200;
    border-color: #ffd200
}

footer a:hover {
    color: #002442
}

footer a:focus {
    color: #002442
}

#menu ul li a:hover .brand {
    color: #fff
}

#menu ul li a:focus .brand {
    color: #fff
}

#menu ul li .subnav a {
    background: #0070b8;
    color: #fff
}

    #menu ul li .subnav a .brand {
        color: #fff
    }

    #menu ul li .subnav a:hover {
        color: #FFEFA8 !important
    }

.btn, section.products .filters .filter-toggle {
    color: #fff
}

#hero .content {
    background-color: rgba(0,0,0,0.5);
    padding: 1.2rem
}

section.product-line {
    background: #0099D1
}

#seckit-noscript-tag {
    background-color: #0070b8;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100% !important;
    width: 100% !important;
    z-index: 999 !important;
    font-family: sans-serif;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    padding-top: 20px
}

input:focus, select:focus {
    outline: 1px dotted #da260b
}

#finder-location legend {
    display: none
}

.wrap.store-locator {
    overflow-x: initial
}

.form-section .form_where_to_buy {
    max-width: 870px;
    margin: 30px auto 0;
    position: relative;
    height: 250px
}

    .form-section .form_where_to_buy .cols-form {
        min-height: 52px;
        width: 100%;
        z-index: 2
    }

        .form-section .form_where_to_buy .cols-form.submit-bt {
            z-index: 1
        }

        .form-section .form_where_to_buy .cols-form .col-1-form, .form-section .form_where_to_buy .cols-form .col-2-form {
            width: 50%;
            float: left
        }

@media (max-width: 1100px) {
    .form-section .form_where_to_buy .cols-form .col-1-form, .form-section .form_where_to_buy .cols-form .col-2-form {
        width: 100%;
        float: none;
        margin-bottom: 30px;
        z-index: 200
    }
}

.form-section .form_where_to_buy .cols-form .col-2-form {
    z-index: 1
}

.form-section .form_where_to_buy .cols-form #select_buy_category, .form-section .form_where_to_buy .cols-form #select_buy_product {
    max-height: 291px;
    cursor: pointer
}

    .form-section .form_where_to_buy .cols-form #select_buy_category .init.ico-alert, .form-section .form_where_to_buy .cols-form #select_buy_product .init.ico-alert {
        background: url(/assets/images/shared/icon-alert.png) 99% 5px no-repeat #fff
    }

.form-section .form_where_to_buy .cols-form .div_select {
    border: 1px #000 solid;
    padding: 13px 0px 13px 10px;
    width: 100%;
    max-width: 408px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%);
    background-position: calc(100% - 19px) calc(1em + 6px),calc(100% - 15px) calc(1em + 6px);
    background-size: 5px 9px, 5px 9px;
    background-repeat: no-repeat;
    list-style: none;
    background-color: #FFF
}

.form-section .form_where_to_buy .cols-form .open {
    position: absolute;
    display: none;
    width: 100%;
    max-width: 418px;
    overflow: auto;
    max-height: 400px;
    border: 1px solid #000
}

    .form-section .form_where_to_buy .cols-form .open ul {
        list-style: none;
        background: #FFF
    }

        .form-section .form_where_to_buy .cols-form .open ul li {
            padding: 8px 9px 8px 9px;
            z-index: 2;
            width: calc(100% - 18px);
            cursor: pointer;
            max-width: 400px
        }

            .form-section .form_where_to_buy .cols-form .open ul li:not(.init) {
                float: left;
                background: #FFF
            }

                .form-section .form_where_to_buy .cols-form .open ul li:not(.init):hover, .form-section .form_where_to_buy .cols-form .open ul li.selected:not(.init) {
                    background: #eaeaea
                }

.form-section .form_where_to_buy .cols-form .list_buy_category {
    display: none
}

.form-section .form_where_to_buy .cols-form .bt-buy-now, .form-section .form_where_to_buy .cols-form #buy-now-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font: inherit;
    cursor: pointer;
    border: none;
    display: inline-block;
    line-height: 1;
    border-radius: 0;
    background: #da260b;
    color: #FFFFFF;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: none !important;
    font-size: 1.1em;
    padding: 0.7em;
    margin: 30px 0 0 0
}

    .form-section .form_where_to_buy .cols-form .bt-buy-now:hover, .form-section .form_where_to_buy .cols-form #buy-now-btn:hover {
        text-decoration: none;
        background: #ffd200;
        color: #002442
    }

    .form-section .form_where_to_buy .cols-form .bt-buy-now small, .form-section .form_where_to_buy .cols-form #buy-now-btn small {
        line-height: 1
    }

#submit {
    clear: both
}

.btn--lrg {
    font-size: 1.1em;
    padding: 0.7em;
    margin-top: 30px
}

.itemListElement {
    display: inline-block
}

.ps-no-sku {
    float: left;
    display: block;
    margin: 0 0 0 0;
    padding: 3px 0;
    background-color: #ff0000;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    min-width: 223px;
    font-family: 'proxima-nova-bold', proxima-nova, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 40px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s
}

    .ps-no-sku .ps-button-label {
        display: none
    }

    .ps-no-sku small {
        font-size: 16px !important
    }

.ps-widget[ps-sku].ps-disabled > span, .ps-widget[data-ps-sku].ps-disabled > span {
    display: block !important
}

.ps-widget[ps-sku].ps-disabled small:before, .ps-widget[data-ps-sku].ps-disabled small:before {
    content: 'No sellers found';
    display: block
}

@media screen and (min-width: 1025px) {
    .ps-widget[ps-sku]:hover, .ps-widget[data-ps-sku]:hover {
        color: #fff !important
    }
}

p.see-ingredients {
    color: #0070b8;
    font-size: 12px;
    margin-bottom: 0;
    width: 50%
}

@media screen and (min-width: 440px) {
    p.see-ingredients {
        font-size: 14px
    }
}

@media screen and (min-width: 600px) {
    p.see-ingredients {
        font-size: 12px
    }
}

@media screen and (min-width: 960px) {
    p.see-ingredients {
        font-size: 14px
    }
}

p.packaging-info {
    color: #666;
    font-size: 14px;
    margin-bottom: 0
}

#bv-mboxzone-lightbox .bv-mbox-wrapper {
    max-width: 90% !important;
    overflow: scroll !important;
    max-height: calc(100vh - 20px) !important
}

#bv-mboxzone-lightbox .bv-mbox-content-submission-review {
    max-width: 900px !important
}

#write-review-link {
    background: transparent;
    border: 0px;
    color: #0b7cc1 !important;
    margin-bottom: 15px;
    font-size: 16px !important
}

section h2.tab2, section h3.tab2, section h4.tab2, section .stores caption.tab2, .stores section caption.tab2, section .no-results-table caption.tab2, .no-results-table section caption.tab2, section .stores caption.tab2, .stores section caption.tab2, section .no-results-table caption.tab, .no-results-table section caption.tab2 {
    -webkit-transition: font-size 0.3s ease-out;
    color: #0B7CC1;
    font-weight: 900;
    text-transform: uppercase;
    color: #005FA2;
    top: -0.95em;
    padding: 0.25em 0.5em 0;
    z-index: 1;
    text-align: left;
    display: block;
    -webkit-margin-before: 1.33em;
    margin-block-start: 1.33em;
    font-size: 1.8em;
    text-decoration: none;
    border-bottom: 4px solid #666;
    padding-bottom: 04px
}

#BVRRContainer {
    background-color: #ffffff !important;
    border-style: hidden
}