/*html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    background-color: #fff
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

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

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

[role="button"] {
    cursor: pointer
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:before,
.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid:before,
.container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.33333%
    }
    .col-sm-pull-2 {
        right: 16.66667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333%
    }
    .col-sm-pull-5 {
        right: 41.66667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.33333%
    }
    .col-sm-pull-8 {
        right: 66.66667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333%
    }
    .col-sm-pull-11 {
        right: 91.66667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.33333%
    }
    .col-sm-push-2 {
        left: 16.66667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333%
    }
    .col-sm-push-5 {
        left: 41.66667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.33333%
    }
    .col-sm-push-8 {
        left: 66.66667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333%
    }
    .col-sm-push-11 {
        left: 91.66667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.33333%
    }
    .col-md-pull-2 {
        right: 16.66667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333%
    }
    .col-md-pull-5 {
        right: 41.66667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.33333%
    }
    .col-md-pull-8 {
        right: 66.66667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333%
    }
    .col-md-pull-11 {
        right: 91.66667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.33333%
    }
    .col-md-push-2 {
        left: 16.66667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333%
    }
    .col-md-push-5 {
        left: 41.66667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.33333%
    }
    .col-md-push-8 {
        left: 66.66667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333%
    }
    .col-md-push-11 {
        left: 91.66667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0%
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.33333%
    }
    .col-lg-pull-2 {
        right: 16.66667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333%
    }
    .col-lg-pull-5 {
        right: 41.66667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.33333%
    }
    .col-lg-pull-8 {
        right: 66.66667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333%
    }
    .col-lg-pull-11 {
        right: 91.66667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.33333%
    }
    .col-lg-push-2 {
        left: 16.66667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333%
    }
    .col-lg-push-5 {
        left: 41.66667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.33333%
    }
    .col-lg-push-8 {
        left: 66.66667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333%
    }
    .col-lg-push-11 {
        left: 91.66667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px
    }
    input[type="date"].input-sm,
    .input-group-sm input[type="date"],
    input[type="time"].input-sm,
    .input-group-sm input[type="time"],
    input[type="datetime-local"].input-sm,
    .input-group-sm input[type="datetime-local"],
    input[type="month"].input-sm,
    .input-group-sm input[type="month"] {
        line-height: 30px
    }
    input[type="date"].input-lg,
    .input-group-lg input[type="date"],
    input[type="time"].input-lg,
    .input-group-lg input[type="time"],
    input[type="datetime-local"].input-lg,
    .input-group-lg input[type="datetime-local"],
    input[type="month"].input-lg,
    .input-group-lg input[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }
    .form-inline .input-group>.form-control {
        width: 100%
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:before,
.nav:after {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified>li,
.nav-tabs.nav-justified>li {
    float: none
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs.nav-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.navbar:before,
.navbar:after {
    content: " ";
    display: table
}

.navbar:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

.navbar-header:before,
.navbar-header:after {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:before,
.navbar-collapse:after {
    content: " ";
    display: table
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

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

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-header,
.container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }
    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }
    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .navbar-form .form-control-static {
        display: inline-block
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto
    }
    .navbar-form .input-group>.form-control {
        width: 100%
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left!important
    }
    .navbar-right {
        float: right!important;
        margin-right: -15px
    }
    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

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

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
}

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

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

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

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #090909
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #090909;
    color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}
*/
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:before,
.modal-header:after {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }
    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table !important
    }
    tr.visible-xs {
        display: table-row !important
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }
    table.visible-sm {
        display: table !important
    }
    tr.visible-sm {
        display: table-row !important
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }
    table.visible-md {
        display: table !important
    }
    tr.visible-md {
        display: table-row !important
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }
    table.visible-lg {
        display: table !important
    }
    tr.visible-lg {
        display: table-row !important
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

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

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }
    table.visible-print {
        display: table !important
    }
    tr.visible-print {
        display: table-row !important
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

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

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

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    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);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

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

@font-face {
    font-family: 'FontAwesome';
    src: url(../fonts/fontawesome-webfont.eot?v=4.3.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.container-fluid {
    padding: 0
}

.row {
    margin: 0
}

.row.base-row {
    background: white;
    color: #424242
}

section:first-of-type {
    margin-top: 0;
}

@media (max-width: 767px) {
    section:first-of-type {
        margin-top: 0
    }
}

.col-left {
    width: 50%;
    float: left
}

.col-right {
    width: 50%;
    float: right
}

@media (max-width: 767px) {
    .col-left,
    .col-right {
        float: none;
        width: 100%
    }
}

.wrapper {
    position: relative
}

.social,
ul,
section.recipes ul.categories {
    list-style: none;
    margin: 0;
    padding: 0
}

.social li [class^=icon-],
.social li [class*=" icon-"] {
    font-family: FontAwesome;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased
}

.social li .icon-twitter:before {
    content: "\f099"
}

.social li .icon-facebook:before {
    content: "\f09a"
}

.social li .icon-instagram:before {
    content: "\f16d"
}

.social li .icon-email:before {
    content: "\f003"
}

.social li .icon-vine:before {
    content: "\f1ca"
}

.social li .icon-youtube:before {
    content: "\f167"
}

.social li .icon-pinterest:before {
    content: "\f231"
}

.social li .icon-print:before {
    content: "\f02f"
}

.center-align {
    font-size: 0;
    white-space: nowrap;
    text-align: center
}

.social li {
    display: inline-block;
    vertical-align: middle
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@-ms-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

::-webkit-media-controls {
    display: none !important
}

*::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInBottom {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeOutBottom {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
}

@keyframes subtleBounce {
    0%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    60% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@keyframes rotateRight {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes leftRightleft {
    0% {
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    50% {
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    100% {
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }
}

@keyframes sprite {
    from {
        background-position: 0 0
    }
    to {
        background-position: -280px 0
    }
}

.tabletop-food {
    position: absolute;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1
}

.tabletop-food.tabletop-apple-juice-sauce {
    background-image: url("../imgs/us/tabletop-apple-juice-sauce.png");
    width: 35vw;
    height: 35vw;
    min-width: 200px;
    max-width: 475px;
    min-height: 210px;
    top: -25px;
    left: -60px
}

.tabletop-food.tabletop-sandwich {
    background-image: url("../imgs/us/tabletop_featured_products2.png");
    width: 35vw;
    height: 35vw;
    min-width: 200px;
    max-width: 475px;
    min-height: 210px;
    top: -70px;
    right: -120px
}

.tabletop-food.tabletop-juice {
    background-image: url("../imgs/us/tabletop-juice.png");
    width: 18vw;
    min-width: 140px;
    max-width: 196px;
    height: 25vw;
    min-height: 190px;
    top: -10px;
    right: -47px
}

.tabletop-food.tabletop-apple-and-sauce {
    background-image: url("../imgs/us/tabletop-apple-and-sauce.png");
    width: 19vw;
    height: 27vw;
    min-width: 144px;
    max-width: 200px;
    min-height: 200px;
    top: -30px;
    left: -36px
}

.tabletop-food.tabletop-sauce-and-apple {
    z-index: 0;
    background-image: url("../imgs/us/tabletop-sauce-and-apple.png");
    width: 19vw;
    height: 18vw;
    min-width: 144px;
    max-width: 342px;
    min-height: 200px;
    top: 5px;
    right: -42px
}

@media (max-width: 767px) {
    .tabletop-food.tabletop-sauce-and-apple {
        top: -4px;
        right: -23px;
        background-image: url("../imgs/us/tabletop-sauce-and-apple-mobile.png")
    }
}

.tabletop-food.tabletop-spoon {
    z-index: 0;
    background-image: url("../imgs/us/tabletop-spoon.png");
    width: 28vw;
    height: 28vw;
    min-width: 200px;
    max-width: 475px;
    min-height: 210px;
    top: 0;
    left: -35px;
    -webkit-filter: drop-shadow(0px 9px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 9px 4px rgba(0, 0, 0, 0.2))
}

@media (max-width: 767px) {
    .tabletop-food.tabletop-spoon {
        left: -45px
    }
}

.tabletop-food.tabletop-green-apple {
    z-index: 0;
    background-image: url("../imgs/us/tabletop-green-apple.png");
    width: 8vw;
    min-width: 140px;
    max-width: 196px;
    height: 16vw;
    min-height: 190px;
    bottom: 10px;
    left: 56px;
    -webkit-filter: drop-shadow(0px 9px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 9px 4px rgba(0, 0, 0, 0.2))
}

@media (max-width: 767px) {
    .tabletop-food.tabletop-green-apple {
        display: none
    }
}

html,
body {
    color: #ffffff;
    font-weight: 400;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: normal
}

body {
    background-color: #439139
}

body.teachable-tastes {
    background-color: #2a7e31
}

body.teachable-tastes header nav.navbar {
    background-color: #49a53f !important;
    border-bottom: 1px solid #2a7e31
}

body.teachable-tastes header nav.navbar ul.navbar-menu li.navbar-menu-item a {
    color: white
}

body.teachable-tastes header nav.navbar ul.navbar-menu li.navbar-menu-item a:before {
    background-color: #ffffff
}

body.teachable-tastes header nav.navbar ul.navbar-menu li.navbar-menu-item a:hover {
    color: white
}

@media (max-width: 767px) {
    body.teachable-tastes header nav.navbar ul.navbar-menu {
        background-color: #49a53f !important;
        background-image: none
    }
}

body.teachable-tastes header nav.navbar ul.social li a {
    color: white
}

body.teachable-tastes header nav.navbar ul.social li:hover a {
    color: #439139
}

h1 {
    font-size: 6.5vw;
    font-weight: normal;
    margin: 0 auto
}

h2 {
    margin: 0 auto;
    font-weight: normal;
    font-size: 30px
}

h3 {
    margin: 0 auto;
    font-size: calc(6.5vw/3);
    font-weight: 600;
    font-family: "museo", serif
}

@media (max-width: 767px) {
    h1 {
        font-size: 8vw;
        line-height: 1.1
    }
    h3 {
        font-size: 16px;
        width: 70%
    }
}

p {
    font-size: 14px;
    font-family: "museo", serif
}

p.uppercase {
    text-transform: uppercase
}

:focus {
    outline: 0
}

a,
a:hover,
a:visited,
a:active {
    text-decoration: none !important
}

.btn-base,
.btn-featured,
.btn-back,
.btn-showall,
.error-page a {
    position: relative;
    background-color: #439139;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
    padding: 10px 20px;
    text-decoration: none;
    font-size: 17px
}

.btn-base a,
.btn-featured a,
.btn-back a,
.btn-showall a,
.error-page a a {
    color: white
}

.btn-base:hover,
.btn-featured:hover,
.btn-back:hover,
.btn-showall:hover,
.error-page a:hover {
    color: white;
    background-color: #3c8233;
    -webkit-transition: all .05s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all .05s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all .05s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: all .05s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all .05s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.btn-base:hover .icon-toggle-open,
.btn-featured:hover .icon-toggle-open,
.btn-back:hover .icon-toggle-open,
.btn-showall:hover .icon-toggle-open,
.error-page a:hover .icon-toggle-open {
    opacity: 1
}

.btn-featured {
    font-size: 30px
}

.btn-featured:hover {
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
    border-radius: 5px
}

.btn-back,
.btn-showall {
    display: block;
    position: absolute;
    padding: 12px 30px;
    border-radius: 5px;
    font-size: 20px;
    left: 35px;
    top: 60px;
    text-indent: 10px;
    width: 182px;
    z-index: 20 !important
}

.btn-back .icon-left-arrow,
.btn-showall .icon-left-arrow {
    border-width: 7px 10px 7px 0
}

.btn-back:hover .icon-left-arrow,
.btn-showall:hover .icon-left-arrow {
    -webkit-transform: translate(-5px, -50%);
    -moz-transform: translate(-5px, -50%);
    -ms-transform: translate(-5px, -50%);
    transform: translate(-5px, -50%)
}

.btn-back:active,
.btn-showall:active,
.btn-back:focus,
.btn-showall:focus {
    color: white
}

@media (min-width: 768px) and (max-width: 1199px) {
    .btn-back,
    .btn-showall {
        top: 40px;
        left: 25px;
        font-size: 18px;
        padding: 10px 30px;
        width: 172px
    }
    .btn-back .icon-left-arrow,
    .btn-showall .icon-left-arrow {
        left: 15px
    }
}

@media (max-width: 767px) {
    .btn-back,
    .btn-showall {
        top: 20px;
        left: 15px;
        font-size: 16px;
        padding: 10px 20px;
        width: 145px
    }
    .btn-back .icon-left-arrow,
    .btn-showall .icon-left-arrow {
        left: 15px
    }
}

.btn-showall {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: center;
    z-index: 6
}

.icon-toggle-open {
    display: inline-block;
    position: absolute;
    right: 20px;
    font-size: 30px;
    line-height: 30px;
    opacity: 0.9;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    -ms-transition: all .25s linear;
    transition: all .25s linear
}

.icon-toggle-open:before {
    content: "+"
}

.product-dropdown,
.recipe-dropdown {
    background-color: #439139;
    color: white;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    position: relative;
    width: 47%;
    margin-bottom: 45px;
    margin-right: 30px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2)
}

.product-dropdown:nth-child(2n),
.recipe-dropdown:nth-child(2n) {
    margin-right: 0
}

.product-dropdown.active,
.recipe-dropdown.active {
    z-index: 10
}

.product-dropdown.active .icon-toggle-open,
.recipe-dropdown.active .icon-toggle-open {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.product-dropdown.active .icon-toggle-open:before,
.recipe-dropdown.active .icon-toggle-open:before {
    content: "-"
}

.product-dropdown .product-dropdown-category,
.product-dropdown.product-dropdown-link,
.product-dropdown .recipe-dropdown-filter-type,
.recipe-dropdown .product-dropdown-category,
.recipe-dropdown.product-dropdown-link,
.recipe-dropdown .recipe-dropdown-filter-type {
    padding: 15px 15px;
    padding-left: 70px;
    color: white
}

.product-dropdown .product-dropdown-category:hover,
.product-dropdown.product-dropdown-link:hover,
.product-dropdown .recipe-dropdown-filter-type:hover,
.recipe-dropdown .product-dropdown-category:hover,
.recipe-dropdown.product-dropdown-link:hover,
.recipe-dropdown .recipe-dropdown-filter-type:hover {
    background-color: #3c8233;
    -webkit-transition: all .125s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all .125s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all .125s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: all .125s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all .125s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.product-dropdown .product-dropdown-category:hover .icon-toggle-open,
.product-dropdown.product-dropdown-link:hover .icon-toggle-open,
.product-dropdown .recipe-dropdown-filter-type:hover .icon-toggle-open,
.recipe-dropdown .product-dropdown-category:hover .icon-toggle-open,
.recipe-dropdown.product-dropdown-link:hover .icon-toggle-open,
.recipe-dropdown .recipe-dropdown-filter-type:hover .icon-toggle-open {
    opacity: 1
}

.product-dropdown .product-dropdown-subcategories,
.product-dropdown .recipe-dropdown-subfilter,
.recipe-dropdown .product-dropdown-subcategories,
.recipe-dropdown .recipe-dropdown-subfilter {
    background-color: white;
    display: none;
    position: relative;
    width: 100%;
    z-index: 1
}

.product-dropdown .product-dropdown-subcategories a,
.product-dropdown .recipe-dropdown-subfilter a,
.recipe-dropdown .product-dropdown-subcategories a,
.recipe-dropdown .recipe-dropdown-subfilter a {
    color: #439139;
    display: block;
    padding: 12px 40px;
    padding-left: 52px
}

.product-dropdown .product-dropdown-subcategories li,
.product-dropdown .recipe-dropdown-subfilter li,
.recipe-dropdown .product-dropdown-subcategories li,
.recipe-dropdown .recipe-dropdown-subfilter li {
    border-bottom: 2px solid #9fc899;
    font-size: 18px;
    position: relative
}

.product-dropdown .product-dropdown-subcategories li:last-child,
.product-dropdown .recipe-dropdown-subfilter li:last-child,
.recipe-dropdown .product-dropdown-subcategories li:last-child,
.recipe-dropdown .recipe-dropdown-subfilter li:last-child {
    border-bottom: none
}

.product-dropdown .product-dropdown-subcategories li:hover,
.product-dropdown .recipe-dropdown-subfilter li:hover,
.recipe-dropdown .product-dropdown-subcategories li:hover,
.recipe-dropdown .recipe-dropdown-subfilter li:hover {
    background-color: #f7f7f7
}

.product-dropdown .product-dropdown-subcategories li:hover a,
.product-dropdown .recipe-dropdown-subfilter li:hover a,
.recipe-dropdown .product-dropdown-subcategories li:hover a,
.recipe-dropdown .recipe-dropdown-subfilter li:hover a {
    color: #4ba340
}

.product-dropdown .product-dropdown-subcategories li:hover .icon-right-arrow,
.product-dropdown .recipe-dropdown-subfilter li:hover .icon-right-arrow,
.recipe-dropdown .product-dropdown-subcategories li:hover .icon-right-arrow,
.recipe-dropdown .recipe-dropdown-subfilter li:hover .icon-right-arrow {
    -webkit-transform: translate(5px, -50%);
    -moz-transform: translate(5px, -50%);
    -ms-transform: translate(5px, -50%);
    transform: translate(5px, -50%)
}

.product-dropdown .product-dropdown-category-thumbnail,
.recipe-dropdown .product-dropdown-category-thumbnail {
    position: absolute;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 80px;
    left: 15px;
    top: -12px;
    z-index: 2
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-dropdown .product-dropdown-category,
    .product-dropdown.product-dropdown-link,
    .product-dropdown .recipe-dropdown-filter-type,
    .recipe-dropdown .product-dropdown-category,
    .recipe-dropdown.product-dropdown-link,
    .recipe-dropdown .recipe-dropdown-filter-type {
        padding-right: 20px;
        font-size: 22px
    }
    .product-dropdown.product-dropdown-link,
    .recipe-dropdown.product-dropdown-link {
        padding-right: 10px
    }
}

@media (max-width: 767px) {
    .product-dropdown .product-dropdown,
    .product-dropdown .recipe-dropdown,
    .recipe-dropdown .product-dropdown,
    .recipe-dropdown .recipe-dropdown {
        background-color: #439139;
        display: block;
        float: none;
        position: relative;
        width: 100%;
        margin-bottom: 25px
    }
    .product-dropdown .product-dropdown-subcategories,
    .product-dropdown .recipe-dropdown-subfilter,
    .recipe-dropdown .product-dropdown-subcategories,
    .recipe-dropdown .recipe-dropdown-subfilter {
        position: relative;
        width: 100%
    }
    .product-dropdown .product-dropdown-category-thumbnail,
    .recipe-dropdown .product-dropdown-category-thumbnail {
        height: 77px;
        top: -13px
    }
}

.icon-base,
.icon-left-arrow,
.icon-right-arrow {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: 0;
    height: 0;
    border-style: solid;
    pointer-events: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-left-arrow,
.icon-right-arrow {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}

.icon-left-arrow {
    left: 20px;
    border-width: 5px 8px 5px 0;
    border-color: transparent #9fc899 transparent transparent
}

.icon-right-arrow {
    right: 17px;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #9fc899
}

.icon-back {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    opacity: 0.8;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    cursor: pointer
}

.icon-back:before,
.icon-back:after {
    font-family: FontAwesome;
    content: "\f060";
    display: block;
    position: absolute;
    opacity: 1;
    left: 10px;
    top: 50%;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-back:hover {
    opacity: 1
}

.icon-close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    opacity: 0.9;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    cursor: pointer
}

.icon-close:before,
.icon-close:after {
    background-color: #ffffff;
    display: block;
    height: 7px;
    border-radius: 6px;
    position: absolute;
    opacity: 1;
    right: 17px;
    width: 65%;
    top: 22px
}

.icon-close:before {
    content: "";
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.icon-close:after {
    content: "";
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.icon-close:hover {
    opacity: 1
}

@media (max-width: 991px) {
    .icon-close:before,
    .icon-close:after {
        background-color: #ffffff;
        display: block;
        height: 4px;
        border-radius: 5px;
        position: absolute;
        opacity: 1;
        right: 17px;
        width: 40%;
        top: 24px
    }
}

.icon-healthy {
    position: absolute;
    width: 6vw;
    height: 6vw;
    background: url("../imgs/us/icon-healthy.png") no-repeat;
    background-size: 100%
}

.icon-tt {
    background: url("../imgs/us/icon-tt.png") no-repeat;
    position: absolute;
    width: 6vw;
    height: 6vw;
    background-size: 100%
}

.icon-search {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 39px;
    height: 39px;
    color: white;
    font-size: 20px;
    line-height: 38px;
    background-color: #3c8036;
    z-index: 20;
    right: 0;
    padding-left: 8px;
    text-align: left;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px
}

.icon-search:after {
    font-family: FontAwesome;
    content: "\f002"
}

.error-page {
    background: white;
    color: #439139;
    min-height: 500px;
    text-align: center;
    padding: 30px;
    background: url("../imgs/us/bg_table.jpg") repeat-y;
    background-size: 100%;
    position: relative;
    padding-bottom: 100px;
    overflow-x: hidden
}

.error-page h1 {
    color: #2b2829;
    font-size: 40px;
    margin: 20px auto
}

.error-page h2 {
    margin: 20px auto
}

section.banner-container {
    position: relative
}

section.featured-products .banner,
section.banner-container .banner {
    background-color: #d4a000;
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    padding: 10px 20px
}

section.featured-products .banner p,
section.banner-container .banner p {
    font-size: 1.5vw;
    color: white;
    text-align: center;
    font-weight: bold
}

section.featured-products .banner .product,
section.banner-container .banner .product {
    display: block;
    position: absolute;
    background-image: url("../imgs/us/products/featured-products/natural-applesauce.png");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 200px;
    height: 200px;
    background-position: -15px 85px
}

@media (min-width: 1200px) {
    section.featured-products .banner p,
    section.banner-container .banner p {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    section.featured-products .banner,
    section.banner-container .banner {
        padding: 10px 15px
    }
    section.featured-products .banner p,
    section.banner-container .banner p {
        font-size: 13px;
        text-align: right;
        width: 75%;
        margin: 0 0 0 auto
    }
    section.featured-products .banner .product,
    section.banner-container .banner .product {
        width: 125px;
        height: 125px;
        background-position: -14px 54px
    }
}

@media (max-width: 375px) {
    section.featured-products .banner p,
    section.banner-container .banner p {
        font-size: 3vw
    }
}

.banner-container .banner {
    position: relative !important
}

header nav.navbar {
    position: relative;
    background: none;
    background-color: #ffdb00;
    margin: 0;
    border: none;
    border-radius: 0;
    width: 100%;
    padding: 10px 30px 10px 22px;
    z-index: 10;
    vertical-align: middle;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

header nav.navbar a.logo {
    display: inline-block;
    text-decoration: none
}

header nav.navbar a.logo img {
    height: 85px;
    width: auto;
    position: relative;
    z-index: 20;
    -webkit-transition: all .3s cubic-bezier(0, 0.62, 0.42, 1);
    -moz-transition: all .3s cubic-bezier(0, 0.62, 0.42, 1);
    -o-transition: all .3s cubic-bezier(0, 0.62, 0.42, 1);
    -ms-transition: all .3s cubic-bezier(0, 0.62, 0.42, 1);
    transition: all .3s cubic-bezier(0, 0.62, 0.42, 1)
}

header nav.navbar ul.navbar-menu {
    padding-top: 21px;
    vertical-align: middle;
    line-height: 21px
}

header nav.navbar ul.navbar-menu li {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 400;
    margin-right: 40px
}

header nav.navbar ul.navbar-menu li:last-child {
    margin-right: 0
}

header nav.navbar ul.navbar-menu li.navbar-menu-item a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -8px;
    left: 0;
    border-radius: 2px;
    background-color: #ffffff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s
}

header nav.navbar ul.navbar-menu li.navbar-menu-item a:hover {
    color: #439139
}

header nav.navbar ul.navbar-menu li.navbar-menu-item a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

header nav.navbar ul.navbar-menu li.navbar-menu-item a.current:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

header nav.navbar ul.navbar-menu li a {
    color: #2b2829;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.1s ease;
    position: relative
}

header nav.navbar ul.social {
    vertical-align: middle;
    margin: 0
}

header nav.navbar ul.social li {
    margin: 0 5px;
    font-size: 30px;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 45px;
    line-height: 45px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

header nav.navbar ul.social li:hover {
    background-color: rgba(255, 255, 255, 0.9)
}

header nav.navbar ul.social li:hover a {
    color: #439139
}

header nav.navbar .navbar-icon-ham {
    display: none;
    cursor: pointer
}

header nav.navbar .navbar-icon-ham span {
    background-color: #ffffff;
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 3px;
    position: absolute;
    opacity: 1;
    left: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

header nav.navbar .navbar-icon-ham span:nth-child(1) {
    top: 4px
}

header nav.navbar .navbar-icon-ham span:nth-child(2) {
    top: 12px
}

header nav.navbar .navbar-icon-ham span:nth-child(3) {
    top: 20px
}

header nav.navbar .navbar-icon-ham.active span {
    border-radius: 3px
}

header nav.navbar .navbar-icon-ham.active span:nth-child(1) {
    top: 12px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

header nav.navbar .navbar-icon-ham.active span:nth-child(2) {
    opacity: 0;
    left: -20px
}

header nav.navbar .navbar-icon-ham.active span:nth-child(3) {
    top: 12px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

header nav.navbar.navbar-fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    header nav.navbar.scrolled {
        padding: 10px 30px 5px 22px
    }
    header nav.navbar.scrolled a.logo img {
        height: 40px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    header nav.navbar.scrolled ul.navbar-menu {
        padding-top: 0;
        vertical-align: middle;
        line-height: 10px
    }
    header nav.navbar ul.navbar-menu li {
        font-size: 14.5px;
        margin-right: 8px
    }
    header nav.navbar ul.social li {
        margin: 0;
        padding-left: 8px;
        padding-right: 8px;
        font-size: 20px
    }
}

@media (min-width: 1199px) {
    header nav.navbar ul.navbar-menu li {
        font-size: 20px;
        margin-right: 40px
    }
    header nav.navbar ul.social li {
        margin: 0 5px;
        font-size: 30px
    }
}

@media (max-width: 767px) {
    header nav.navbar {
        padding: 10px 15px 10px 12px
    }
    header nav.navbar a.logo img {
        height: 30px;
        width: auto
    }
    header nav.navbar ul.navbar-menu {
        position: fixed;
        right: -75vw;
        width: 75vw;
        z-index: 5;
        padding: 35px 30px 10px 30px;
        background-image: radial-gradient(center center, ellipse cover, #5eb14b, #439139);
        background-image: -webkit-radial-gradient(center center, ellipse cover, #5eb14b, #439139);
        background-image: -moz-radial-gradient(center center, ellipse cover, #5eb14b, #439139);
        background-image: -ms-radial-gradient(center center, ellipse cover, #5eb14b, #439139)
    }
    header nav.navbar ul.navbar-menu li {
        color: white;
        display: block;
        margin: 20px 0 30px 0;
        font-size: 24px
    }
    header nav.navbar ul.navbar-menu li a,
    header nav.navbar ul.navbar-menu li a:hover {
        color: white
    }
    header nav.navbar ul.navbar-menu li.navbar-menu-item a:hover {
        color: white
    }
    header nav.navbar ul.navbar-menu li.navbar-menu-item a:before {
        background-color: #ffdb00
    }
    header nav.navbar .navbar-icon-ham {
        display: block !important;
        position: relative;
        float: right;
        width: 30px;
        height: 24px;
        z-index: 10
    }
    header nav.navbar ul.social {
        z-index: 5
    }
    header nav.navbar ul.social li {
        display: inline-block;
        font-size: 36px
    }
    header nav.navbar ul.social li:hover {
        background-color: #ffdb00
    }
    header nav.navbar ul.social li:hover a {
        color: #424242
    }
}

section.hero {
    background-size: cover;
    position: relative;
    z-index: 2
}

section.hero h1,
section.hero h3 {
    text-align: center;
    color: #439139
}

section.hero h3 {
    margin-top: -4px
}

section.hero img.featured-img {
    position: absolute;
    right: 0;
    top: 0;
    height: inherit;
    visibility: hidden;
    opacity: 0;
    z-index: 1
}

section.hero img.featured-img.visibleleft {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

section.hero .hero-copy {
    position: absolute;
    top: 25px;
    z-index: 10;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

section.hero .hero-video-wrapper {
    display: block;
    position: relative;
    padding-bottom: 57%;
    overflow: hidden
}

section.hero .hero-video-wrapper .hero-video-cover {
    display: block;
    position: absolute;
    top: 0;
    opacity: 1;
    left: 0;
    width: 100vw;
    height: 100%;
    background-size: 100%;
    z-index: 1;
    background-color: transparent;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

section.hero .hero-video {
    display: block;
    position: absolute;
    top: auto;
    top: 0;
    left: 0;
    width: 100vw;
    height: auto;
    overflow: hidden
}

@media (max-width: 767px) {
    section.hero h1 {
        font-size: 8.5vw
    }
    section.hero h3 {
        font-size: 3vw;
        margin: -2px auto 0 auto;
        width: 100%
    }
    section.hero .hero-copy {
        top: 3%
    }
    section.hero .hero-video-wrapper {
        padding-bottom: 95vw
    }
    section.hero .hero-video-wrapper .hero-video-cover {
        background-size: auto 100%;
        background-position: center
    }
    section.hero .hero-video {
        height: 95vw;
        width: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0;
        bottom: auto
    }
}

a.icon-down {
    cursor: pointer;
    display: block;
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 12.5px 0 12.5px;
    border-color: #ffffff transparent transparent transparent;
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.2));
    z-index: 10;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: bounce 2.5s infinite;
    -moz-animation: bounce 2.5s infinite;
    -ms-animation: bounce 2.5s infinite;
    animation: bounce 2.5s infinite
}

@media (max-width: 767px) {
    a.icon-down {
        border-width: 10px 6px 0 6px;
        bottom: 10px
    }
}

section.featured-products {
    background: url("../imgs/us/bg_table.jpg") repeat-y;
    background-size: 100%;
    position: relative;
    padding-bottom: 130px;
    overflow-x: hidden
}

section.featured-products h1,
section.featured-products h3 {
    position: relative;
    text-align: center;
    z-index: 2
}

section.featured-products h1 {
    color: #439139;
    font-size: 5vw;
    line-height: 5.3vw;
    margin: 50px auto 15px auto;
    width: 60vw
}

section.featured-products h3 {
    color: #424242;
    margin: 0 auto 25px auto
}

section.featured-products ul.featured-products-list {
    text-align: center
}

section.featured-products ul.featured-products-list li.featured-products-list-item {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    opacity: 0
}

section.featured-products ul.featured-products-list li.featured-products-list-item:nth-child(1n) {
    margin-right: 10px
}

section.featured-products ul.featured-products-list li.featured-products-list-item:nth-child(2n) {
    margin-left: 10px
}

section.featured-products.in-viewport ul.featured-products-list li.featured-products-list-item {
    opacity: 1
}

section.featured-products.in-viewport ul.featured-products-list li.featured-products-list-item:nth-child(1n) {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: fadeInLeft 1.1s;
    -moz-animation: fadeInLeft 1.1s;
    -ms-animation: fadeInLeft 1.1s;
    animation: fadeInLeft 1.1s
}

section.featured-products.in-viewport ul.featured-products-list li.featured-products-list-item:nth-child(2n) {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: fadeInRight 1.1s;
    -moz-animation: fadeInRight 1.1s;
    -ms-animation: fadeInRight 1.1s;
    animation: fadeInRight 1.1s
}

section.featured-products .featured-products-item img,
section.featured-products .featured-products-item a {
    display: block;
    margin: 0 auto
}

section.featured-products .featured-products-item img {
    width: 30vw;
    max-width: 250px;
    height: auto
}

section.featured-products .product-dropdown {
    width: 100%;
    max-width: 310px;
    margin-bottom: 0
}

section.featured-products .product-dropdown .product-dropdown-category {
    padding-left: 10px
}

section.featured-products .product-dropdown .product-dropdown-subcategories {
    position: relative
}

section.featured-products .product-dropdown .product-dropdown-subcategories li {
    width: 100%;
    padding: 0
}

section.featured-products .product-dropdown .product-dropdown-subcategories li a {
    padding: 10px 20px 10px 30px;
    text-align: left
}

@media (min-width: 1200px) {
    section.featured-products ul.featured-products-list li.featured-products-list-item {
        width: 25%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    section.featured-products ul.featured-products-list li.featured-products-list-item {
        width: 40%
    }
}

@media (max-width: 767px) {
    section.featured-products {
        padding-bottom: 130px
    }
    section.featured-products h1 {
        width: 75vw;
        font-size: 8vw;
        line-height: 7.2vw;
        margin-top: 60px
    }
    section.featured-products h3 {
        font-size: 16px;
        width: 75%
    }
    section.featured-products ul.featured-products-list {
        margin-top: 20px
    }
    section.featured-products ul.featured-products-list li.featured-products-list-item {
        display: block;
        width: 100%;
        opacity: 1
    }
    section.featured-products ul.featured-products-list li.featured-products-list-item:nth-child(2n),
    section.featured-products ul.featured-products-list li.featured-products-list-item:nth-child(1n) {
        margin: 0 auto !important
    }
    section.featured-products .featured-products-item img,
    section.featured-products .featured-products-item a {
        display: block;
        margin: 0 auto
    }
    section.featured-products .featured-products-item img {
        width: 45vw;
        height: auto
    }
    section.featured-products .product-dropdown {
        width: 100%;
        max-width: 70vw
    }
    section.featured-products .product-dropdown .product-dropdown-category {
        font-size: 19px
    }
    section.featured-products .product-dropdown .product-dropdown-subcategories {
        font-size: 13px
    }
    section.featured-products .icon-toggle-open {
        line-height: 20px
    }
}

@media (max-width: 374px) {
    section.featured-products .product-dropdown {
        max-width: 80vw
    }
    section.featured-products .product-dropdown .product-dropdown-category {
        font-size: 5.4vw
    }
    section.featured-products .product-dropdown .product-dropdown-subcategories li a {
        padding: 10px 25px 10px 10px;
        font-size: 16px
    }
}

section.featured-recipes {
    background: url("../imgs/us/bg_table.jpg") repeat-y;
    background-size: 100%;
    position: relative;
    padding-bottom: 100px;
    overflow-x: hidden
}

section.featured-recipes h1,
section.featured-recipes h3 {
    position: relative;
    text-align: center;
    z-index: 2
}

section.featured-recipes h1 {
    color: #439139;
    font-size: 7vw;
    line-height: 5.3vw;
    margin: 100px auto 10px auto;
    width: 60vw
}

section.featured-recipes h3 {
    color: #424242;
    margin: 0 auto 25px auto;
    width: 80%
}

section.featured-recipes .recipes-module .btn-label {
    line-height: normal
}

section.featured-recipes .recipes-module .prev-slide,
section.featured-recipes .recipes-module .next-slide {
    display: block;
    height: 80px;
    width: 80px;
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: white;
    cursor: pointer;
    padding: 0;
    font-size: 70px;
    opacity: 0.8;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}

section.featured-recipes .recipes-module .prev-slide:hover,
section.featured-recipes .recipes-module .next-slide:hover {
    opacity: 1
}

section.featured-recipes .recipes-module .prev-slide:hover.prev-slide:before,
section.featured-recipes .recipes-module .next-slide:hover.prev-slide:before {
    -webkit-transform: translateX(-5px) translateY(-50%);
    -moz-transform: translateX(-5px) translateY(-50%);
    -ms-transform: translateX(-5px) translateY(-50%);
    transform: translateX(-5px) translateY(-50%)
}

section.featured-recipes .recipes-module .prev-slide:hover.next-slide:after,
section.featured-recipes .recipes-module .next-slide:hover.next-slide:after {
    -webkit-transform: translateX(5px) translateY(-50%);
    -moz-transform: translateX(5px) translateY(-50%);
    -ms-transform: translateX(5px) translateY(-50%);
    transform: translateX(5px) translateY(-50%)
}

section.featured-recipes .recipes-module .prev-slide:before,
section.featured-recipes .recipes-module .prev-slide:after,
section.featured-recipes .recipes-module .next-slide:before,
section.featured-recipes .recipes-module .next-slide:after {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

section.featured-recipes .recipes-module .prev-slide.prev-slide,
section.featured-recipes .recipes-module .next-slide.prev-slide {
    left: 0;
    content: " " !important
}

section.featured-recipes .recipes-module .prev-slide.prev-slide:before,
section.featured-recipes .recipes-module .next-slide.prev-slide:before {
    left: 20px;
    content: "\f104"
}

@media (max-width: 991px) {
    section.featured-recipes .recipes-module .prev-slide.prev-slide.slick-disabled,
    section.featured-recipes .recipes-module .next-slide.prev-slide.slick-disabled {
        visibility: hidden
    }
}

section.featured-recipes .recipes-module .prev-slide.next-slide,
section.featured-recipes .recipes-module .next-slide.next-slide {
    right: 0;
    content: " " !important
}

section.featured-recipes .recipes-module .prev-slide.next-slide:after,
section.featured-recipes .recipes-module .next-slide.next-slide:after {
    right: 20px;
    content: "\f105"
}

section.featured-recipes .btn-cta {
    display: block;
    width: 60%;
    font-size: 20px;
    text-align: center;
    margin: 20px auto
}

@media (min-width: 768px) {
    section.featured-recipes h1,
    section.featured-recipes h3 {
        position: relative;
        text-align: center;
        z-index: 2
    }
    section.featured-recipes h3 {
        width: 60%
    }
    section.featured-recipes .recipes-module {
        text-align: center;
        max-width: 75%;
        margin: 0 auto
    }
    section.featured-recipes .btn-cta {
        width: 35%;
        font-size: 2.2vw
    }
}

@media (max-width: 767px) {
    section.featured-recipes .btn-cta {
        width: 80%;
        max-width: 320px
    }
}

@media (max-width: 320px) {
    section.featured-recipes .btn-cta {
        font-size: 1.5rem
    }
}

section.featured-video {
    position: relative;
    padding-bottom: 45%;
    overflow: hidden;
    color: #fff
}

section.featured-video h1,
section.featured-video h3 {
    text-align: center;
    z-index: 10;
    position: relative
}

section.featured-video h1 {
    padding-top: 60px
}

section.featured-video iframe {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15
}

section.featured-video .play-btn {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../imgs/us/btn-play.png");
    background-repeat: no-repeat;
    background-size: 15vw;
    background-position: center 65%;
    opacity: 0.9;
    z-index: 6
}

section.featured-video .video-cover {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 0;
    opacity: 1
}

section.featured-video.active {
    padding-bottom: 56.25%
}

@media (max-width: 767px) {
    section.featured-video {
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
        padding-bottom: 75%
    }
    section.featured-video.active {
        padding-bottom: 56.25%
    }
    section.featured-video .play-btn {
        background-size: 120px
    }
    section.featured-video .video-cover {
        background-position: center
    }
}

section.new-products h1 {
    font-size: 5vw;
    width: 60%;
    margin: 0 auto;
    font-weight: normal;
    margin-top: 3vw;
    line-height: 4.6vw
}

section.new-products .col {
    background-size: cover;
    text-align: center;
    height: 50vw;
    position: relative
}

section.new-products a {
    display: block;
    padding: 5px 30px;
    border: 1px solid white;
    color: white;
    font-family: "museo", serif;
    font-weight: bold;
    width: 80%;
    margin: 0 auto;
    font-size: 24px;
    max-width: 500px;
    margin-top: 2vw;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    background-color: rgba(0, 94, 32, 0.6);
    cursor: pointer
}

section.new-products .product {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 33%;
    height: 45%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

@media (max-width: 767px) {
    section.new-products .product {
        display: none
    }
}

section.new-products .gradient {
    width: 100%;
    height: 3vw;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #439139
}

@media (max-width: 767px) {
    section.new-products .gradient {
        display: none
    }
}

section.new-products .col-right {
    color: #439139
}

section.new-products .col-right a {
    border: 1px solid #439139;
    color: #439139;
    background-color: transparent
}

section.new-products .col-right a:hover {
    background-color: rgba(67, 145, 57, 0.1)
}

@media (min-width: 768px) and (max-width: 1199px) {
    section.new-products a {
        font-size: 2vw
    }
}

@media (max-width: 767px) {
    section.new-products .col {
        height: 100vw
    }
    section.new-products h1 {
        font-size: 9vw;
        line-height: 8.5vw;
        margin-top: 7vw
    }
    section.new-products a {
        font-size: 16px;
        margin-top: 3vw;
        width: 85%;
        max-width: 280px;
        padding: 5px 10px
    }
}

@media (max-width: 320px) {
    section.new-products a {
        width: 95%;
        font-size: 14px
    }
}

section.featured-banner {
    background-color: #f9ecce;
    background-image: url("../imgs/us/tt/bg_tt_hero_cover_img.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 42vw;
    position: relative;
    overflow: hidden;
    color: #36a03e;
    text-align: center
}

section.featured-banner h1,
section.featured-banner h3 {
    margin: 0 auto;
    font-family: "museo", serif
}

section.featured-banner h1 {
    font-weight: 900;
    font-size: 7.5vw;
    line-height: 6vw;
    padding: 15px 0 5px 0
}

section.featured-banner h1:first-line {
    font-weight: 500;
    font-size: 6vw
}

section.featured-banner h1 span {
    text-transform: uppercase
}

section.featured-banner h3 {
    font-weight: normal;
    padding: 0 0 30px 0;
    width: 70%;
    font-size: calc(4vw/3);
    line-height: 2;
    color: #5f5f5f
}

section.featured-banner .col-left {
    position: absolute;
    z-index: 10;
    width: 40%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

section.featured-banner .btn-featured {
    margin: 0 auto;
    background-color: #36a03e;
    font-size: 21px
}

section.featured-banner .btn-featured:hover {
    background-color: #319138
}

@media (max-width: 767px) {
    section.featured-banner {
        background-image: url("../imgs/us/tt/bg_tt_hero_mobile_cover_img_home.jpg");
        background-size: 100%;
        background-position: center bottom;
        padding-bottom: 155%
    }
    section.featured-banner h1 {
        font-size: 15vw;
        line-height: 12vw;
        padding: 4vw 0 0 0
    }
    section.featured-banner h1:first-line {
        font-size: 12vw
    }
    section.featured-banner h3 {
        font-size: 3.4vw;
        line-height: 1.5;
        padding: 20px 0
    }
    section.featured-banner .btn-featured {
        font-size: 18px
    }
    section.featured-banner .col-left {
        top: 0;
        width: 100%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media (max-width: 320px) {
    section.featured-banner {
        padding-bottom: 145%
    }
}

footer.footer {
    min-height: 300px;
    padding-top: 80px;
    color: #ffffff;
    cursor: default;
    text-align: center
}

footer.footer.hidden {
    display: none
}

footer.footer ul.footer-nav {
    margin-bottom: 70px;
    text-align: center;
    overflow: hidden
}

footer.footer ul.footer-nav li {
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    margin: 10px 20px
}

footer.footer ul.footer-nav li a {
    color: white;
    text-decoration: none
}

@media (min-width: 768px) and (max-width: 991px) {
    footer.footer ul.footer-nav li {
        font-size: 13px;
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    footer.footer {
        padding: 30px 8px
    }
    footer.footer ul.footer-nav {
        width: 100%;
        margin: 0 auto;
        padding-top: 20px
    }
    footer.footer ul.footer-nav li {
        display: inline-block;
        position: relative;
        text-align: center;
        margin: 0;
        float: none;
        margin-bottom: 24px;
        padding: 0 10px
    }
}

section.contact-us {
    position: relative;
    padding: 30px;
    color: #424242;
    text-align: left
}

section.contact-us h1 {
    color: #439139;
    font-size: 36px;
    margin-bottom: 10px
}

section.contact-us h3 {
    font-family: "AntartidaRoundedBlack", sans-serif;
    color: #439139;
    font-size: 24px;
    font-weight: normal
}

section.contact-us p {
    font-family: "museo", serif;
    font-size: 18px;
    font-weight: 600;
    width: 100%
}

section.contact-us p a {
    display: inline-block
}

section.contact-us a {
    color: #439139;
    text-decoration: underline !important;
    display: block;
    margin-bottom: 10px;
    font-family: "museo", serif;
    font-size: 18px;
    font-weight: 600
}

section.contact-us .col-full {
    -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.1));
    background-color: #ffffff;
    padding: 40px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    section.contact-us {
        padding: 20px
    }
    section.contact-us .col-full {
        padding: 25px
    }
    section.contact-us h1,
    section.contact-us h2,
    section.contact-us h3 {
        text-align: center;
        width: 100%
    }
    section.contact-us h1 {
        font-size: 32px
    }
    section.contact-us h3 {
        font-size: 18px
    }
    section.contact-us a,
    section.contact-us p {
        text-align: center
    }
}

@media (max-width: 767px) {
    .push .navbar-fixed {
        right: 75vw !important;
        -webkit-transition: right 300ms ease;
        -moz-transition: right 300ms ease;
        -ms-transition: right 300ms ease;
        -o-transition: right 300ms ease;
        transition: right 300ms ease
    }
}

.boomerang-container {
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    z-index: -1
}

.frames .frame {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0
}

.frames[data-frame="1"] .frame {
    opacity: 0
}

.frames[data-frame="1"] .frame-1 {
    opacity: 1
}

.frames[data-frame="2"] .frame {
    opacity: 0
}

.frames[data-frame="2"] .frame-2 {
    opacity: 1
}

.frames[data-frame="3"] .frame {
    opacity: 0
}

.frames[data-frame="3"] .frame-3 {
    opacity: 1
}

.frames[data-frame="4"] .frame {
    opacity: 0
}

.frames[data-frame="4"] .frame-4 {
    opacity: 1
}

.frames[data-frame="5"] .frame {
    opacity: 0
}

.frames[data-frame="5"] .frame-5 {
    opacity: 1
}

.frames[data-frame="6"] .frame {
    opacity: 0
}

.frames[data-frame="6"] .frame-6 {
    opacity: 1
}

.frames[data-frame="7"] .frame {
    opacity: 0
}

.frames[data-frame="7"] .frame-7 {
    opacity: 1
}

.frames[data-frame="8"] .frame {
    opacity: 0
}

.frames[data-frame="8"] .frame-8 {
    opacity: 1
}

.frames[data-frame="9"] .frame {
    opacity: 0
}

.frames[data-frame="9"] .frame-9 {
    opacity: 1
}

.frames[data-frame="10"] .frame {
    opacity: 0
}

.frames[data-frame="10"] .frame-10 {
    opacity: 1
}

.frames[data-frame="11"] .frame {
    opacity: 0
}

.frames[data-frame="11"] .frame-11 {
    opacity: 1
}

.frames[data-frame="12"] .frame {
    opacity: 0
}

.frames[data-frame="12"] .frame-12 {
    opacity: 1
}

.frames[data-frame="13"] .frame {
    opacity: 0
}

.frames[data-frame="13"] .frame-13 {
    opacity: 1
}

.frames[data-frame="14"] .frame {
    opacity: 0
}

.frames[data-frame="14"] .frame-14 {
    opacity: 1
}

.frames[data-frame="15"] .frame {
    opacity: 0
}

.frames[data-frame="15"] .frame-15 {
    opacity: 1
}

.frames[data-frame="16"] .frame {
    opacity: 0
}

.frames[data-frame="16"] .frame-16 {
    opacity: 1
}

.frames[data-frame="17"] .frame {
    opacity: 0
}

.frames[data-frame="17"] .frame-17 {
    opacity: 1
}

.frames[data-frame="18"] .frame {
    opacity: 0
}

.frames[data-frame="18"] .frame-18 {
    opacity: 1
}

.frames[data-frame="19"] .frame {
    opacity: 0
}

.frames[data-frame="19"] .frame-19 {
    opacity: 1
}

.frames[data-frame="20"] .frame {
    opacity: 0
}

.frames[data-frame="20"] .frame-20 {
    opacity: 1
}

.frames[data-frame="21"] .frame {
    opacity: 0
}

.frames[data-frame="21"] .frame-21 {
    opacity: 1
}

.frames[data-frame="22"] .frame {
    opacity: 0
}

.frames[data-frame="22"] .frame-22 {
    opacity: 1
}

.frames[data-frame="23"] .frame {
    opacity: 0
}

.frames[data-frame="23"] .frame-23 {
    opacity: 1
}

.frames[data-frame="24"] .frame {
    opacity: 0
}

.frames[data-frame="24"] .frame-24 {
    opacity: 1
}

.frames[data-frame="25"] .frame {
    opacity: 0
}

.frames[data-frame="25"] .frame-25 {
    opacity: 1
}

.frames[data-frame="26"] .frame {
    opacity: 0
}

.frames[data-frame="26"] .frame-26 {
    opacity: 1
}

.frames[data-frame="27"] .frame {
    opacity: 0
}

.frames[data-frame="27"] .frame-27 {
    opacity: 1
}

.frames[data-frame="28"] .frame {
    opacity: 0
}

.frames[data-frame="28"] .frame-28 {
    opacity: 1
}

.frames[data-frame="29"] .frame {
    opacity: 0
}

.frames[data-frame="29"] .frame-29 {
    opacity: 1
}

.frames[data-frame="30"] .frame {
    opacity: 0
}

.frames[data-frame="30"] .frame-30 {
    opacity: 1
}

.frames[data-frame="31"] .frame {
    opacity: 0
}

.frames[data-frame="31"] .frame-31 {
    opacity: 1
}

.frames[data-frame="32"] .frame {
    opacity: 0
}

.frames[data-frame="32"] .frame-32 {
    opacity: 1
}

.frames[data-frame="33"] .frame {
    opacity: 0
}

.frames[data-frame="33"] .frame-33 {
    opacity: 1
}

.frames[data-frame="34"] .frame {
    opacity: 0
}

.frames[data-frame="34"] .frame-34 {
    opacity: 1
}

.frames[data-frame="35"] .frame {
    opacity: 0
}

.frames[data-frame="35"] .frame-35 {
    opacity: 1
}

.frames[data-frame="36"] .frame {
    opacity: 0
}

.frames[data-frame="36"] .frame-36 {
    opacity: 1
}

.frames[data-frame="37"] .frame {
    opacity: 0
}

.frames[data-frame="37"] .frame-37 {
    opacity: 1
}

.frames[data-frame="38"] .frame {
    opacity: 0
}

.frames[data-frame="38"] .frame-38 {
    opacity: 1
}

.frames[data-frame="39"] .frame {
    opacity: 0
}

.frames[data-frame="39"] .frame-39 {
    opacity: 1
}

.frames[data-frame="40"] .frame {
    opacity: 0
}

.frames[data-frame="40"] .frame-40 {
    opacity: 1
}

.frames[data-frame="41"] .frame {
    opacity: 0
}

.frames[data-frame="41"] .frame-41 {
    opacity: 1
}

.frames[data-frame="42"] .frame {
    opacity: 0
}

.frames[data-frame="42"] .frame-42 {
    opacity: 1
}

.frames[data-frame="43"] .frame {
    opacity: 0
}

.frames[data-frame="43"] .frame-43 {
    opacity: 1
}

.frames[data-frame="44"] .frame {
    opacity: 0
}

.frames[data-frame="44"] .frame-44 {
    opacity: 1
}

.frames[data-frame="45"] .frame {
    opacity: 0
}

.frames[data-frame="45"] .frame-45 {
    opacity: 1
}

.frames[data-frame="46"] .frame {
    opacity: 0
}

.frames[data-frame="46"] .frame-46 {
    opacity: 1
}

.frames[data-frame="47"] .frame {
    opacity: 0
}

.frames[data-frame="47"] .frame-47 {
    opacity: 1
}

.frames[data-frame="48"] .frame {
    opacity: 0
}

.frames[data-frame="48"] .frame-48 {
    opacity: 1
}

.frames[data-frame="49"] .frame {
    opacity: 0
}

.frames[data-frame="49"] .frame-49 {
    opacity: 1
}

.frames[data-frame="50"] .frame {
    opacity: 0
}

.frames[data-frame="50"] .frame-50 {
    opacity: 1
}

.frames.hidden {
    visibility: hidden
}

body.teachable-tastes {
    color: #424242;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative
}

body.teachable-tastes section:first-of-type {
    margin-top: 0
}

@media (max-width: 767px) {
    body.teachable-tastes section:first-of-type {
        margin-top: 0
    }
}

body.teachable-tastes section.hero-video {
    position: relative;
    padding-bottom: 42%;
    overflow: hidden;
    color: #36a03e;
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    margin-top: 60px
}

@media (max-width: 767px) {
    body.teachable-tastes section.hero-video {
        margin-top: 50px
    }
}

body.teachable-tastes section.hero-video.active {
    min-height: 0;
    padding-bottom: 56.25%;
    margin-top: 60px
}

@media (max-width: 767px) {
    body.teachable-tastes section.hero-video.active {
        margin-top: 50px
    }
}

body.teachable-tastes section.hero-video.hidden {
    display: none
}

body.teachable-tastes section.hero-video h1,
body.teachable-tastes section.hero-video h3 {
    margin: 0 auto;
    font-family: "museo", serif
}

body.teachable-tastes section.hero-video h1 {
    font-weight: 900;
    font-size: 7.5vw;
    line-height: 6vw;
    padding: 15px 0 5px 0
}

body.teachable-tastes section.hero-video h1:first-line {
    font-weight: 500;
    font-size: 6vw
}

body.teachable-tastes section.hero-video h1 span {
    text-transform: uppercase
}

body.teachable-tastes section.hero-video hr.dotted {
    border: none;
    display: block;
    width: 85%;
    padding-bottom: 1.2vw;
    margin: 10px auto;
    background-image: url("../imgs/us/dots.svg");
    background-repeat: no-repeat;
    background-size: 100% auto
}

body.teachable-tastes section.hero-video h3 {
    font-weight: normal;
    padding: 0 0 30px 0;
    width: 75%;
    font-size: calc(4vw/3);
    line-height: 2;
    color: #5f5f5f
}

body.teachable-tastes section.hero-video .col-left {
    position: absolute;
    z-index: 10;
    width: 40%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.teachable-tastes section.hero-video iframe {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15
}

body.teachable-tastes section.hero-video .video-cover {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f9ecce;
    background-image: url("../imgs/us/tt/bg_tt_hero_cover_img.jpg");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    opacity: 1
}

body.teachable-tastes section.hero-video .play-btn {
    background-image: url("../imgs/us/btn-play-round-tt.png");
    opacity: 1;
    background-size: 10vw;
    background-position: 52% center
}

@media (max-width: 767px) {
    body.teachable-tastes section.hero-video .play-btn {
        background: none
    }
}

@media (max-width: 767px) {
    body.teachable-tastes section.hero-video {
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
        padding-bottom: 145%
    }
    body.teachable-tastes section.hero-video.active {
        padding-bottom: 56.25%
    }
    body.teachable-tastes section.hero-video .play-btn {
        background-size: 80px
    }
    body.teachable-tastes section.hero-video #featured-video-cover {
        background-position: center
    }
    body.teachable-tastes section.hero-video .video-cover {
        background-image: url("../imgs/us/tt/bg_tt_hero_mobile_cover_img.jpg");
        background-size: 100%;
        background-position: center bottom
    }
    body.teachable-tastes section.hero-video .play-btn {
        background-size: 8vw;
        background-position: 50% 40%
    }
    body.teachable-tastes section.hero-video .col-left {
        top: 0;
        width: 100%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
    body.teachable-tastes section.hero-video h1 {
        font-size: 15vw;
        line-height: 12vw;
        padding: 4vw 0 1vw 0
    }
    body.teachable-tastes section.hero-video h1:first-line {
        font-size: 12vw
    }
    body.teachable-tastes section.hero-video h3 {
        font-size: 3.4vw
    }
    body.teachable-tastes section.hero-video hr.dotted {
        width: 75vw;
        padding-bottom: 2%;
        margin: 0 auto
    }
}

@media (max-width: 320px) {
    body.teachable-tastes section.hero-video {
        padding-bottom: 145%
    }
}

body.teachable-tastes section.panels-wrapper {
    font-family: "gesta", sans-serif
}

@media (min-width: 992px) {
    body.teachable-tastes section.panels-wrapper.active .panel-header {
        padding: 18px 0;
        -webkit-transition: all .05s linear;
        -moz-transition: all .05s linear;
        -o-transition: all .05s linear;
        -ms-transition: all .05s linear;
        transition: all .05s linear;
        height: 55px;
        min-height: 0
    }
}

body.teachable-tastes .panel {
    position: relative;
    display: block;
    border: none;
    color: white;
    cursor: pointer;
    -webkit-box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.2);
    white-space: normal;
    background-color: #49a53f
}

body.teachable-tastes .panel:hover {
    background-color: #4cac42
}

body.teachable-tastes .panel.panel-xs {
    display: block
}

@media (min-width: 992px) {
    body.teachable-tastes .panel.panel-xs {
        display: none
    }
}

body.teachable-tastes .panel.active {
    background-color: #257f2c
}

body.teachable-tastes .panel.active:hover {
    background-color: #27872f
}

body.teachable-tastes .panel.active .panel-header {
    font-weight: 600;
    font-size: 18px
}

body.teachable-tastes .panel.active .panel-header:after {
    opacity: 1
}

@media (min-width: 992px) {
    body.teachable-tastes .panel.active {
        z-index: 5
    }
    body.teachable-tastes .panel.active .panel-content {
        display: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.teachable-tastes .panel.active .panel-header {
        font-size: 15px
    }
}

body.teachable-tastes .panel.panel-texture-recipes {
    z-index: 5
}

body.teachable-tastes .panel.panel-appearance-recipes {
    z-index: 4
}

body.teachable-tastes .panel.panel-flavor-recipes {
    z-index: 3
}

body.teachable-tastes .panel.panel-aroma-recipes {
    z-index: 2
}

body.teachable-tastes .panel.panel-expert-tips {
    z-index: 1
}

@media (min-width: 992px) {
    body.teachable-tastes .panel {
        display: inline-block;
        width: 20%;
        float: left;
        vertical-align: middle
    }
}

body.teachable-tastes .panel-headers {
    display: none
}

@media (min-width: 992px) {
    body.teachable-tastes .panel-headers {
        display: block;
        white-space: nowrap
    }
}

body.teachable-tastes .panel-header {
    font-size: 17px;
    font-weight: 500;
    padding: 18px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}

body.teachable-tastes .panel-header:after {
    position: absolute;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f107";
    color: white;
    text-align: center;
    right: 15px;
    top: 50%;
    font-size: 20px;
    opacity: 0.8;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 991px) {
    body.teachable-tastes .panel-header {
        text-align: left
    }
}

@media (min-width: 992px) {
    body.teachable-tastes .panel-header:after {
        display: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.teachable-tastes .panel-header {
        font-size: 14px;
        padding: 30px 0
    }
}

@media (min-width: 1200px) {
    body.teachable-tastes .panel-header {
        padding: 50px 0
    }
}

body.teachable-tastes .panel-content {
    display: none;
    font-family: "gesta", sans-serif
}

body.teachable-tastes .panel-content .recipe-content {
    display: none
}

body.teachable-tastes .panel-content.active {
    display: block
}

body.teachable-tastes .panel-description {
    background-size: 100%;
    padding-bottom: 42.62vw;
    background-color: #f9ecce;
    position: relative
}

body.teachable-tastes .panel-description.active {
    padding-bottom: 56.25%
}

body.teachable-tastes .panel-description .logo {
    display: block;
    position: absolute;
    width: 150px;
    height: 63px;
    bottom: 15px;
    right: 15px;
    background-image: url("../imgs/us/logo-motts.png");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    body.teachable-tastes .panel-description .logo {
        width: 80px;
        height: 35px
    }
}

body.teachable-tastes .panel-description.expert-tips {
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #b2e8f1;
    padding-bottom: 26.25%
}

body.teachable-tastes .panel-description.expert-tips h1 {
    font-family: "museo", serif;
    color: white;
    font-weight: normal;
    font-size: 4.5vw;
    line-height: 1;
    padding: 15px 0 15px 0;
    text-align: center
}

body.teachable-tastes .panel-description.expert-tips h1 span {
    font-size: 5.5vw;
    text-transform: uppercase;
    font-weight: 900
}

body.teachable-tastes .panel-description .panel-video-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

body.teachable-tastes .panel-description .panel-video-cover.active {
    min-height: 56.25%
}

body.teachable-tastes .panel-description iframe {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15
}

@media (max-width: 991px) {
    body.teachable-tastes .panel-description .play-btn {
        background-size: 20vw
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.teachable-tastes .panel-description .play-btn {
        background-size: 8vw
    }
}

body.teachable-tastes .panel-recipe,
body.teachable-tastes .panel-tip {
    background-color: #f9ecce;
    cursor: pointer;
    font-family: "gesta", sans-serif
}

body.teachable-tastes .panel-recipe img,
body.teachable-tastes .panel-tip img {
    padding: 0
}

body.teachable-tastes .panel-recipe .panel-recipe-name,
body.teachable-tastes .panel-tip .panel-recipe-name {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
}

body.teachable-tastes .panel-recipe h2,
body.teachable-tastes .panel-tip h2 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    color: #535353
}

@media (max-width: 991px) {
    body.teachable-tastes .panel-recipe .panel-recipe-name,
    body.teachable-tastes .panel-tip .panel-recipe-name {
        padding: 10px
    }
}

@media (min-width: 992px) {
    body.teachable-tastes .panel-recipe,
    body.teachable-tastes .panel-tip {
        display: inline-block;
        width: 19.6%;
        font-size: 15px;
        position: relative;
        z-index: 20;
        color: white;
        vertical-align: top;
        margin-top: calc(2%/4);
        margin-right: calc(2%/4);
        white-space: normal
    }
    body.teachable-tastes .panel-recipe img,
    body.teachable-tastes .panel-tip img {
        padding: 0
    }
    body.teachable-tastes .panel-recipe .panel-recipe-name,
    body.teachable-tastes .panel-tip .panel-recipe-name {
        height: 85px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.teachable-tastes .panel-recipe h2,
    body.teachable-tastes .panel-tip h2 {
        font-size: 20px
    }
}

@media (min-width: 1199px) {
    body.teachable-tastes .panel-recipe .panel-recipe-name,
    body.teachable-tastes .panel-tip .panel-recipe-name {
        height: 60px
    }
}

@media (min-width: 991px) {
    body.teachable-tastes .panel-recipe:hover {
        -webkit-transition: all .125s ease-in-out;
        -moz-transition: all .125s ease-in-out;
        -o-transition: all .125s ease-in-out;
        -ms-transition: all .125s ease-in-out;
        transition: all .125s ease-in-out;
        -webkit-animation: subtleBounce 0.4s;
        -moz-animation: subtleBounce 0.4s;
        -ms-animation: subtleBounce 0.4s;
        animation: subtleBounce 0.4s
    }
}

body.teachable-tastes .panel-tip-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #49a53f;
    padding: 0 15px
}

body.teachable-tastes .panel-tip-container.extra-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    text-align: center;
    white-space: normal;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    background-color: #ffffff;
    padding: 20px;
    margin: 15px
}

body.teachable-tastes .panel-tip-container.extra-content p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #424242
}

body.teachable-tastes .panel-tip-container h1,
body.teachable-tastes .panel-tip-container h3 {
    margin: 0 auto;
    font-family: "museo", serif
}

body.teachable-tastes .panel-tip-container h1 {
    width: 100%;
    display: block;
    font-weight: 500;
    font-size: 2.5vw;
    line-height: 2.5vw;
    padding: 15px 0 15px 0
}

body.teachable-tastes .panel-tip-container h1:first-line {
    font-weight: 900;
    font-size: 3vw
}

body.teachable-tastes .panel-tip-container a.btn-base,
body.teachable-tastes .panel-tip-container a.btn-featured,
body.teachable-tastes .panel-tip-container a.btn-back,
body.teachable-tastes .panel-tip-container a.btn-showall,
body.teachable-tastes .panel-tip-container .error-page a,
.error-page body.teachable-tastes .panel-tip-container a {
    box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 15px;
    position: relative;
    background-color: #49a53f;
    width: 17%;
    min-height: 80px;
    margin: 1%;
    text-transform: uppercase;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease
}

body.teachable-tastes .panel-tip-container a.btn-base span,
body.teachable-tastes .panel-tip-container a.btn-featured span,
body.teachable-tastes .panel-tip-container a.btn-back span,
body.teachable-tastes .panel-tip-container a.btn-showall span,
body.teachable-tastes .panel-tip-container .error-page a span,
.error-page body.teachable-tastes .panel-tip-container a span {
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    padding: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 992px) {
    body.teachable-tastes .panel-tip-container a.btn-base:hover,
    body.teachable-tastes .panel-tip-container a.btn-featured:hover,
    body.teachable-tastes .panel-tip-container a.btn-back:hover,
    body.teachable-tastes .panel-tip-container a.btn-showall:hover,
    body.teachable-tastes .panel-tip-container .error-page a:hover,
    .error-page body.teachable-tastes .panel-tip-container a:hover {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
}

body.teachable-tastes .panel-tip-container.extra-content {
    margin: 15px 0 0 0
}

@media (max-width: 991px) {
    body.teachable-tastes .panel-tip-container {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding: 0
    }
    body.teachable-tastes .panel-tip-container a.btn-base,
    body.teachable-tastes .panel-tip-container a.btn-featured,
    body.teachable-tastes .panel-tip-container a.btn-back,
    body.teachable-tastes .panel-tip-container a.btn-showall,
    body.teachable-tastes .panel-tip-container .error-page a,
    .error-page body.teachable-tastes .panel-tip-container a {
        width: 100%;
        display: block;
        min-height: 50px
    }
    body.teachable-tastes .panel-tip-container.extra-content {
        margin-top: 0
    }
    body.teachable-tastes .panel-tip-container h1 {
        font-size: 20px;
        line-height: normal
    }
    body.teachable-tastes .panel-tip-container h1:first-line {
        font-size: 24px
    }
}

body.teachable-tastes .panel-tip {
    cursor: auto;
    background-color: #fff !important;
    vertical-align: top;
    padding: 0;
    width: 45%;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

body.teachable-tastes .panel-tip img {
    display: block;
    width: 100%;
    height: auto;
    padding: 0
}

body.teachable-tastes .panel-tip p {
    margin: 0;
    text-align: left
}

body.teachable-tastes .panel-tip p,
body.teachable-tastes .panel-tip span {
    font-family: "gesta", sans-serif;
    font-size: 16px;
    color: #535353
}

body.teachable-tastes .panel-tip h3 {
    font-family: "museo", serif;
    display: block;
    color: #49a53f;
    font-size: 2.1vw;
    text-align: center;
    padding: 10px;
    font-weight: normal;
    width: 100%
}

body.teachable-tastes .panel-tip span {
    display: block;
    font-weight: 600;
    color: #32963a;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-decoration: underline;
    text-align: center
}

body.teachable-tastes .panel-tip .panel-tip-content {
    padding: 5px 20px 30px 20px
}

@media (max-width: 767px) {
    body.teachable-tastes .panel-tip {
        width: 100%
    }
    body.teachable-tastes .panel-tip h3 {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    body.teachable-tastes .panel-tip {
        -webkit-flex: 1;
        flex: 1;
        padding: 0;
        display: inline-block;
        margin-right: calc(4%/3);
        margin-top: calc(4%/3)
    }
}

@media (min-width: 992px) {
    body.teachable-tastes .panels-content-wrapper {
        display: none;
        position: relative;
        z-index: 15;
        font-size: 0;
        white-space: nowrap;
        margin-top: 55px
    }
    body.teachable-tastes .panels-content-wrapper.active {
        display: block
    }
    body.teachable-tastes .panels-content-wrapper .panel-recipe:last-child,
    body.teachable-tastes .panels-content-wrapper .panel-tip:last-child {
        margin-right: 0
    }
}

body.teachable-tastes .play-btn {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../imgs/us/btn-play-round.png");
    background-repeat: no-repeat;
    background-size: 8vw;
    background-position: center;
    opacity: 0.9;
    z-index: 6
}

body.teachable-tastes .footer.hidden {
    display: none
}

.recipe-modal {
    background-color: #2a7e31;
    color: white;
    display: block;
    font-family: "gesta", sans-serif;
    position: absolute;
    left: 0;
    top: 60px;
    opacity: 0;
    height: 100%;
    width: 100%;
    z-index: -9999
}

@media (max-width: 767px) {
    .recipe-modal {
        top: 50px
    }
}

.recipe-modal .recipe-modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 0;
    width: 100%
}

.recipe-modal .recipe-modal-header h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 0
}

.recipe-modal .recipe-modal-header .icon-back {
    display: none
}

.recipe-modal .recipe-modal-header .icon-back.active {
    display: inline-block;
    height: 100%
}

.recipe-modal .recipe-content {
    display: block
}

.recipe-modal.active {
    -webkit-animation: fadeInBottom 0.6s;
    -moz-animation: fadeInBottom 0.6s;
    -ms-animation: fadeInBottom 0.6s;
    animation: fadeInBottom 0.6s;
    z-index: 1000;
    opacity: 1
}

.recipe-modal.closing {
    -webkit-animation: fadeOutBottom 0.6s;
    -moz-animation: fadeOutBottom 0.6s;
    -ms-animation: fadeOutBottom 0.6s;
    animation: fadeOutBottom 0.6s;
    z-index: 1000
}

@media (max-width: 767px) {
    .recipe-modal .recipe-modal-header {
        padding: 10px 40px
    }
    .recipe-modal .recipe-modal-header h2 {
        font-size: 14px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .recipe-modal .recipe-modal-header {
        padding: 16px 50px
    }
    .recipe-modal .recipe-modal-header h2 {
        font-size: 18px
    }
}

.recipe-modal-content {
    padding: 0 0 15px 15px
}

.recipe-modal-content p,
.recipe-modal-content span,
.recipe-modal-content h1,
.recipe-modal-content h2,
.recipe-modal-content h3,
.recipe-modal-content h4 {
    font-family: "gesta", sans-serif
}

.recipe-modal-content p {
    font-size: 16px;
    margin: 10px 0
}

.recipe-modal-content h1 {
    color: #49a53f;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
    padding-bottom: 3px;
    border-bottom: 1px solid #49a53f
}

.recipe-modal-content h3 {
    color: #49a53f;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left
}

.recipe-modal-content .recipe-modal-left {
    background-color: white;
    color: #504d4e;
    padding: 0;
    opacity: 1;
    min-height: 650px;
    height: 85vh
}

.recipe-modal-content .recipe-featured-img {
    height: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top
}

.recipe-modal-content .recipe-description {
    padding: 50px 80px 35px 80px;
    overflow-y: auto;
    height: 50%
}

.recipe-modal-content .recipe-description b {
    color: #49a53f;
    text-transform: uppercase
}

.recipe-modal-content .recipe-description-summary {
    margin-bottom: 20px
}

.recipe-modal-content ul.social {
    display: block;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px
}

.recipe-modal-content ul.social li {
    display: inline-block;
    cursor: pointer
}

.recipe-modal-content ul.social li a {
    color: #565656;
    font-size: 25px;
    padding: 8px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}

.recipe-modal-content ul.social li:hover a {
    color: #49a53f
}

.recipe-modal-content .btn-recipe {
    text-align: center;
    background-color: #49a53f;
    font-weight: 600;
    margin: 20px 2px;
    display: inline-block;
    width: 50%
}

.recipe-modal-content .btn-recipe .icon-swipe {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-image: url("../imgs/us/icon-swipe.gif");
    background-repeat: no-repeat;
    background-size: contain
}

@media (min-width: 992px) {
    .recipe-modal-content .btn-recipe {
        display: none
    }
}

.recipe-modal-content .recipe-ingredients-list {
    position: relative
}

.recipe-modal-content .recipe-ingredients-list ul {
    display: table;
    margin-left: 28px
}

.recipe-modal-content .recipe-ingredients-list li {
    display: table-row;
    cursor: pointer;
    font-size: 14px;
    padding: 1px 0 0 10px;
    line-height: 2;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.recipe-modal-content .recipe-ingredients-list li:before {
    content: " ";
    font-family: FontAwesome;
    color: white;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    text-align: center;
    line-height: 18px;
    width: 20px;
    height: 20px;
    border: 1px solid lightgray;
    border-radius: 10px;
    background-color: white;
    margin: 5px 8px 5px 0;
    margin-left: -28px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.recipe-modal-content .recipe-ingredients-list li.checked {
    text-decoration: line-through;
    color: #525252
}

.recipe-modal-content .recipe-ingredients-list li.checked:before {
    content: "\f00c";
    text-decoration: none;
    color: white;
    border: 1px solid #49a53f;
    background-color: #49a53f
}

.recipe-modal-content .recipe-ingredients-list li:hover:before {
    border: 1px solid #49a53f;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.recipe-modal-content .recipe-ingredients-list li.sub-ingredient-list {
    display: block;
    margin-left: -37px;
    color: #49a53f;
    font-weight: 600
}

.recipe-modal-content .recipe-ingredients-list li.sub-ingredient-list:before {
    content: " ";
    display: none
}

.recipe-modal-content .recipe-ingredients-list li.sub-ingredient-list.checked {
    text-decoration: none
}

.recipe-modal-content .allergy-warning {
    display: none !important
}

.recipe-modal-content .recipe-nutrition {
    margin-bottom: 20px;
    display: none !important
}

.recipe-modal-content .recipe-nutrition table {
    width: 100%;
    margin: 20px 0 20px 0
}

.recipe-modal-content .recipe-nutrition thead {
    border-top: 3px solid #50cb59;
    border-bottom: 1px solid #50cb59
}

.recipe-modal-content .recipe-nutrition thead th {
    font-weight: 600;
    text-align: left;
    padding: 5px 0 5px 1px;
    text-transform: uppercase
}

.recipe-modal-content .recipe-nutrition thead th:nth-child(2) {
    text-align: right
}

.recipe-modal-content .recipe-nutrition tbody {
    border-bottom: 3px solid #50cb59;
    font-size: 12px
}

.recipe-modal-content .recipe-nutrition tbody tr td {
    border-bottom: 1px solid #EBEBEB;
    padding: 5px 0 5px 1px
}

.recipe-modal-content .recipe-nutrition tbody tr td:first-child {
    text-indent: 10px
}

.recipe-modal-content .recipe-nutrition tbody tr td:nth-child(2) {
    text-align: right
}

.recipe-modal-content .recipe-nutrition p {
    margin: 0
}

.recipe-modal-content .recipe-slider {
    height: 100%
}

.recipe-modal-content .recipe-slider .slick-dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1
}

.recipe-modal-content .recipe-slider .slick-dots li {
    display: inline-block;
    cursor: pointer
}

.recipe-modal-content .recipe-slider .slick-dots li .dot {
    display: block;
    height: 12px;
    width: 12px;
    padding: 5px;
    margin: 10px;
    border-radius: 15px;
    background-color: transparent;
    border: 1px solid white;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.recipe-modal-content .recipe-slider .slick-dots li.slick-active .dot {
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid white
}

.recipe-modal-content .recipe-slider .slick-dots li.slick-active .dot.off {
    background-color: transparent
}

.recipe-modal-content .recipe-slider .slick-dots li:hover .dot {
    background-color: #fff
}

.recipe-modal-content .recipe-slider .slick-dots.hidden {
    opacity: 0
}

@media (max-width: 991px) {
    .recipe-modal-content .recipe-slider .slick-dots {
        display: none !important
    }
}

.recipe-modal-content .recipe-slider .slick-disabled {
    visibility: hidden
}

.recipe-modal-content .recipe-slider .prev-slide,
.recipe-modal-content .recipe-slider .next-slide {
    display: block;
    height: 65px;
    width: 65px;
    position: absolute;
    z-index: 1;
    top: 0;
    color: white;
    cursor: pointer;
    padding: 10px;
    font-size: 50px;
    opacity: 0.8;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}

.recipe-modal-content .recipe-slider .prev-slide:hover,
.recipe-modal-content .recipe-slider .next-slide:hover {
    opacity: 1
}

.recipe-modal-content .recipe-slider .prev-slide:hover.prev-slide:before,
.recipe-modal-content .recipe-slider .next-slide:hover.prev-slide:before {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px)
}

.recipe-modal-content .recipe-slider .prev-slide:hover.next-slide:after,
.recipe-modal-content .recipe-slider .next-slide:hover.next-slide:after {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.recipe-modal-content .recipe-slider .prev-slide:before,
.recipe-modal-content .recipe-slider .prev-slide:after,
.recipe-modal-content .recipe-slider .next-slide:before,
.recipe-modal-content .recipe-slider .next-slide:after {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0
}

.recipe-modal-content .recipe-slider .prev-slide.prev-slide,
.recipe-modal-content .recipe-slider .next-slide.prev-slide {
    left: 0;
    content: " " !important
}

.recipe-modal-content .recipe-slider .prev-slide.prev-slide:before,
.recipe-modal-content .recipe-slider .next-slide.prev-slide:before {
    left: 20px;
    content: "\f104"
}

@media (max-width: 991px) {
    .recipe-modal-content .recipe-slider .prev-slide.prev-slide.slick-disabled,
    .recipe-modal-content .recipe-slider .next-slide.prev-slide.slick-disabled {
        visibility: hidden
    }
}

.recipe-modal-content .recipe-slider .prev-slide.next-slide,
.recipe-modal-content .recipe-slider .next-slide.next-slide {
    right: 0;
    content: " " !important
}

.recipe-modal-content .recipe-slider .prev-slide.next-slide:after,
.recipe-modal-content .recipe-slider .next-slide.next-slide:after {
    right: 20px;
    content: "\f105"
}

.recipe-modal-content .recipe-slider .prev-slide.hidden,
.recipe-modal-content .recipe-slider .next-slide.hidden {
    display: none
}

.recipe-modal-content .step {
    background-color: #49a53f;
    position: relative;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease
}

.recipe-modal-content .step h4 {
    color: #ffffff;
    margin: 0;
    padding: 0;
    font-size: 20px;
    position: relative;
    width: auto;
    white-space: nowrap;
    top: 0;
    left: 0
}

.recipe-modal-content .step .tip h4 {
    color: white;
    background-color: #33983a;
    white-space: normal
}

.recipe-modal-content .step .tip-description {
    background-color: #49a53f
}

.recipe-modal-content .step.adult-step {
    background-color: #c75546
}

.recipe-modal-content .step.adult-step .tip h4 {
    color: white;
    background-color: #b93a29
}

.recipe-modal-content .step.adult-step .tip-description {
    background-color: #c75546
}

.recipe-modal-content .step .step-featured-image {
    width: 100%;
    height: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.recipe-modal-content .tip {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 150;
    width: 100%;
    cursor: pointer;
    padding: 0;
    color: white;
    -webkit-transition: all .6s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: all .6s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: all .6s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: all .6s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all .6s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.recipe-modal-content .tip .tip-description {
    display: none;
    padding: 20px 20px 50px 20px
}

.recipe-modal-content .tip:before {
    position: absolute;
    content: "";
    display: block;
    background: url("../imgs/us/icon-tip-sprite.png") no-repeat 0 0;
    background-size: 280px 40px;
    width: 40px;
    height: 40px;
    top: 8px;
    left: 10px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    z-index: 1
}

@media (max-width: 991px) {
    .recipe-modal-content .tip:before {
        background: url("../imgs/us/icon-tip-sprite-2x.png") no-repeat 0 0;
        background-size: 280px 40px
    }
}

.recipe-modal-content .tip h4 {
    font-size: 15px;
    padding: 20px 40px 20px 60px;
    font-weight: 400;
    position: relative;
    -webkit-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.recipe-modal-content .tip h4:after {
    position: absolute;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f106";
    color: white;
    text-align: center;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    opacity: 0.8;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}

.recipe-modal-content .tip h4.active:after {
    content: "\f107"
}

.recipe-modal-content .tip:hover:before {
    animation: sprite 0.3s steps(7);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.recipe-modal-content .recipe-step-instructions {
    padding: 25px 50px 25px 60px;
    text-align: left
}

.recipe-modal-content .recipe-step-instructions h4 {
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 1px solid white
}

.recipe-modal-content .recipe-step-instructions h3 {
    color: #ffffff;
    font-size: 15px;
    margin: 2px 0;
    text-transform: uppercase;
    text-align: left
}

.recipe-modal-content .recipe-step-instructions p {
    font-size: 17px
}

.recipe-modal-content .recipe-step-instructions ul {
    font-size: 12px;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 10px auto;
    vertical-align: top
}

.recipe-modal-content .recipe-step-instructions ul li {
    display: inline
}

.recipe-modal-content .recipe-step-instructions ul li:after {
    content: ", "
}

@media (min-width: 768px) and (max-height: 768px) {
    .recipe-modal-content .recipe-modal-left {
        min-height: 630px;
        height: 82vh
    }
    .recipe-modal-content .recipe-step-instructions p {
        font-size: 15px
    }
}

@media (max-width: 767px) {
    .recipe-modal-content .step {
        min-height: 150vw
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .recipe-modal-content .step {
        min-height: 90vh
    }
    .recipe-modal-content .step h4 {
        font-size: 17px
    }
    .recipe-modal-content .step .step-featured-image {
        height: 50vw
    }
    .recipe-modal-content .recipe-step-instructions {
        min-height: 30vw
    }
    .recipe-modal-content .tip h4 {
        padding: 20px 40px 20px 60px
    }
    .recipe-modal-content .recipe-description {
        white-space: nowrap
    }
    .recipe-modal-content .recipe-description p {
        white-space: normal
    }
    .recipe-modal-content .recipe-ingredients-list,
    .recipe-modal-content .recipe-nutrition {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        white-space: normal
    }
    .recipe-modal-content .recipe-description-summary,
    .recipe-modal-content .recipe-ingredients-list,
    .recipe-modal-content .recipe-nutrition,
    .recipe-modal-content ul.social {
        white-space: normal
    }
}

@media (max-width: 991px) {
    .recipe-modal-content {
        padding: 0
    }
    .recipe-modal-content h3 {
        margin: 0;
        padding: 20px 0;
        width: 100%;
        text-align: center
    }
    .recipe-modal-content .recipe-modal-left {
        margin: 0;
        height: auto;
        min-height: 450px
    }
    .recipe-modal-content .recipe-modal-left.inactive {
        display: none;
        opacity: 0
    }
    .recipe-modal-content .recipe-featured-img {
        height: 60vw
    }
    .recipe-modal-content .recipe-description {
        padding: 8px 15px
    }
    .recipe-modal-content .recipe-description p {
        text-align: center
    }
    .recipe-modal-content .recipe-description-summary {
        margin-bottom: 0
    }
    .recipe-modal-content ul.social {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 10px
    }
    .recipe-modal-content ul.social li a {
        padding: 15px
    }
    .recipe-modal-content .recipe-modal-steps {
        padding: 0;
        display: none
    }
    .recipe-modal-content .recipe-modal-steps.active {
        display: block
    }
    .recipe-modal-content .step {
        min-height: 70vh
    }
    .recipe-modal-content .step h4 {
        padding: 10px;
        font-size: 15px;
        text-align: left
    }
    .recipe-modal-content .step .step-featured-image {
        height: 50vw
    }
    .recipe-modal-content .recipe-step-instructions {
        padding: 15px 40px 90px 45px
    }
    .recipe-modal-content .recipe-step-instructions h3 {
        margin: 2px 0;
        padding: 0;
        text-align: left;
        font-size: 13px
    }
    .recipe-modal-content .recipe-step-instructions h4 {
        padding: 5px 0;
        font-size: 15px;
        margin: 0 0 5px 0
    }
    .recipe-modal-content .recipe-step-instructions p {
        font-size: 15px;
        margin: 0
    }
    .recipe-modal-content .tip h4 {
        font-size: 14px;
        padding: 20px 40px 20px 60px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .recipe-modal-content .recipe-step-instructions p {
        font-size: 15px
    }
}

@media (max-width: 320px) {
    .recipe-modal-content .step {
        min-height: 410px
    }
    .recipe-modal-content .recipe-step-instructions {
        padding: 15px 30px 100px 30px
    }
    .recipe-modal-content .recipe-step-instructions p {
        font-size: 14px
    }
    .recipe-modal-content .tip h4 {
        padding: 12px 30px 12px 60px
    }
    .recipe-modal-content .recipe-slider .prev-slide,
    .recipe-modal-content .recipe-slider .next-slide {
        height: 50px;
        width: 50px;
        position: absolute;
        z-index: 1;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: white;
        cursor: pointer;
        padding: 5px;
        font-size: 40px
    }
    .recipe-modal-content .recipe-slider .prev-slide:hover.prev-slide:before,
    .recipe-modal-content .recipe-slider .next-slide:hover.prev-slide:before {
        -webkit-transform: translateX(0px) translateY(-50%);
        -moz-transform: translateX(0px) translateY(-50%);
        -ms-transform: translateX(0px) translateY(-50%);
        transform: translateX(0px) translateY(-50%)
    }
    .recipe-modal-content .recipe-slider .prev-slide:hover.next-slide:after,
    .recipe-modal-content .recipe-slider .next-slide:hover.next-slide:after {
        -webkit-transform: translateX(0px) translateY(-50%);
        -moz-transform: translateX(0px) translateY(-50%);
        -ms-transform: translateX(0px) translateY(-50%);
        transform: translateX(0px) translateY(-50%)
    }
    .recipe-modal-content .recipe-slider .prev-slide.prev-slide:before,
    .recipe-modal-content .recipe-slider .next-slide.prev-slide:before {
        left: 12px
    }
    .recipe-modal-content .recipe-slider .prev-slide.next-slide:after,
    .recipe-modal-content .recipe-slider .next-slide.next-slide:after {
        right: 12px
    }
}

@media print {
    overflow-y: visible;
    body.teachable-tastes header nav.navbar {
        display: none !important;
        opacity: 0
    }
    body .navbar,
    body section.hero-video,
    body .navbar-menu {
        display: none !important;
        opacity: 0
    }
    body a.logo {
        display: none !important
    }
    section.hero-video {
        margin-top: 0
    }
    .recipe-modal {
        z-index: 99999;
        opacity: 1;
        position: relative !important;
        overflow-y: visible;
        margin: 0;
        padding: 0;
        top: 0 !important
    }
    .recipe-content {
        overflow-y: visible
    }
    .recipe-modal-content {
        margin: 0;
        padding: 0;
        overflow-y: visible !important
    }
    .recipe-modal-content .recipe-modal-left {
        height: auto !important;
        min-height: 100%;
        overflow-y: visible !important;
        margin: 0;
        padding: 0
    }
    .recipe-modal-content .recipe-modal-header {
        min-height: 0;
        margin: 0;
        padding: 0
    }
    .recipe-modal-content .recipe-modal-header h2 {
        font-size: 25px !important;
        margin-bottom: 0;
        font-weight: normal
    }
    .recipe-modal-content .recipe-featured-img {
        display: none
    }
    .recipe-modal-content .recipe-featured-img-print {
        display: inline-block;
        width: 200px;
        height: auto;
        margin: 0 auto 10px auto;
        vertical-align: top
    }
    .recipe-modal-content .recipe-description {
        height: auto !important;
        min-height: 100% !important;
        display: block;
        width: 100% !important;
        overflow: visible !important
    }
    .recipe-modal-content .recipe-description .recipe-description-summary {
        display: inline-block;
        vertical-align: top;
        overflow: visible !important
    }
    .recipe-modal-content .recipe-description p {
        margin: 5px 0;
        font-size: 16px
    }
    .recipe-modal-content .recipe-ingredients-list,
    .recipe-modal-content .recipe-nutrition {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        overflow: visible !important
    }
    .recipe-modal-content .recipe-ingredients-list h3,
    .recipe-modal-content .recipe-nutrition h3 {
        margin: 0 !important
    }
    .recipe-modal-content .recipe-modal-steps {
        display: none
    }
    .recipe-modal-content .recipe-slider {
        display: none
    }
    .recipe-modal-content .step-print {
        page-break-inside: avoid
    }
    .recipe-modal-content .step-print h4 {
        margin-bottom: 0
    }
    .recipe-modal-content h3 {
        margin: 2px
    }
    .recipe-modal-content p,
    .recipe-modal-content h4 {
        text-align: left
    }
    .recipe-modal-content .recipe-steps-print {
        clear: both;
        position: relative;
        text-align: left;
        float: none
    }
    .recipe-modal-content .recipe-steps-print p {
        font-size: 10px;
        text-align: left
    }
    @page {
        size: auto;
        margin: 10mm 10mm 25mm 10mm
    }
    .col-md-6 {
        width: 100% !important
    }
}

section.boxtops {
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    min-height: 60vw;
    max-height: 660px;
    padding: 40px 0 30px 0
}

section.boxtops h1 {
    margin: 0
}

section.boxtops h2 {
    margin: 20px auto
}

section.boxtops h3 {
    font-size: 18px;
    max-width: 60vw;
    margin: 10px auto
}

section.boxtops figure {
    position: relative
}

section.boxtops img.featured-img {
    display: block;
    margin: 0 auto;
    width: 40vw;
    height: auto
}

section.boxtops img.caption-img {
    position: absolute;
    width: 18vw;
    top: 3vw;
    left: calc(50% + 14vw)
}

@media (max-width: 767px) {
    section.boxtops {
        min-height: 0;
        padding-bottom: 40px
    }
    section.boxtops h1 {
        margin-bottom: 10px
    }
    section.boxtops h2 {
        margin: 20px auto;
        text-align: center
    }
    section.boxtops h3 {
        font-size: 14px;
        width: 90%;
        max-width: none;
        margin-bottom: 20px
    }
}

.boxtops-links {
    background-size: 100% auto;
    background-repeat: repeat-y;
    min-height: 0;
    max-height: none;
    padding: 0 5px 0 15px
}

.boxtops-links h2 {
    margin: 20px auto
}

.boxtops-links .col-left,
.boxtops-links .col-right {
    padding: 10px
}

.boxtops-links .col-left {
    width: 35%
}

.boxtops-links .col-right {
    width: 65%
}

.boxtops-links .btn-base,
.boxtops-links .btn-featured,
.boxtops-links .btn-back,
.boxtops-links .btn-showall,
.boxtops-links .error-page a,
.error-page .boxtops-links a {
    display: block;
    width: 100%;
    text-align: left
}

.boxtops-links .btn-base a,
.boxtops-links .btn-featured a,
.boxtops-links .btn-back a,
.boxtops-links .btn-showall a,
.boxtops-links .error-page a a,
.error-page .boxtops-links a a {
    display: block;
    padding: 20px 30px
}

.boxtops-links li {
    margin-bottom: 20px;
    padding: 0
}

.boxtops-links li:hover {
    background-color: #3e8635
}

.boxtops-links li:hover .icon-right-arrow {
    -webkit-transform: translate(5px, -50%);
    -moz-transform: translate(5px, -50%);
    -ms-transform: translate(5px, -50%);
    transform: translate(5px, -50%)
}

.boxtops-links h2 {
    color: #439139
}

.boxtops-links img.featured-img {
    width: 100%;
    height: auto
}

@media (max-width: 991px) {
    .boxtops-links {
        padding: 0 10px
    }
    .boxtops-links .col-left,
    .boxtops-links .col-right {
        width: 100%
    }
}

section.products {
    background: url("../imgs/us/bg_table.jpg") repeat-y;
    background-size: 100%;
    position: relative;
    min-height: 550px;
    padding-bottom: 50px;
    overflow-x: hidden
}

section.products h1 {
    color: #439139;
    font-size: 4.1vw;
    text-align: center;
    text-decoration: none;
    margin: 0;
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
    z-index: 2
}

section.products h1 span {
    border-bottom: 4px solid #439139
}

@media (min-width: 1800px) {
    section.products {
        min-height: 35vw
    }
}

@media (max-width: 767px) {
    section.products h1 {
        margin-top: 70px;
        margin-bottom: 20px;
        font-size: 32px
    }
}

section.products.motts-for-tots-category {
    padding-top: 120px
}

section.products.motts-for-tots-category .tabletop-food {
    display: none
}

section.products.motts-for-tots-category h1 {
    display: none
}

@media (max-width: 767px) {
    section.products.motts-for-tots-category {
        padding-top: 50px
    }
}

@media (max-width: 320px) {
    section.products.motts-for-tots-category {
        padding-top: 65px
    }
}

.label-new,
section.product-detail .product-item .featured-image.new:before {
    position: absolute;
    top: -20px;
    left: 0;
    display: block;
    background: url("../imgs/us/label-new.png") no-repeat;
    background-size: contain;
    width: 55px;
    height: 34px
}

@media (max-width: 767px) {
    .label-new,
    section.product-detail .product-item .featured-image.new:before {
        top: -10px
    }
}

section.product-categories .product-categories-inner {
    display: block;
    margin: 0 auto;
    width: 85%;
    max-width: 700px;
    position: relative;
    z-index: 2
}

@media (max-width: 767px) {
    section.product-categories .product-dropdown {
        width: 100%;
        font-size: 20px
    }
    section.product-categories .product-categories-inner {
        width: 100vw;
        padding: 40px
    }
    section.product-categories .icon-toggle-open {
        line-height: 24px
    }
}

@media (max-width: 375px) {
    section.product-categories .product-categories-inner {
        width: 100vw;
        padding: 20px
    }
    section.product-categories .product-dropdown {
        font-size: 18px
    }
    section.product-categories .icon-toggle-open {
        line-height: 20px
    }
}

section.product-detail {
    position: relative;
    text-align: left
}

section.product-detail h1,
section.product-detail h2,
section.product-detail h3,
section.product-detail h4 {
    font-weight: normal;
    color: #439139;
    font-family: "AntartidaRoundedBlack", sans-serif
}

section.product-detail h1 {
    position: relative;
    z-index: 2;
    margin: 60px auto 40px auto
}

section.product-detail h2 {
    margin: 0 0 10px 0;
    text-align: left
}

section.product-detail h3 {
    font-size: 24px
}

section.product-detail h4 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0
}

section.product-detail h4:not(:first-child) {
    margin-top: 25px
}

section.product-detail p {
    color: #565656;
    text-align: left;
    line-height: 1.5;
    font-weight: 600;
    margin: 0;
    font-size: 16px
}

@media (min-width: 1600px) {
    section.product-detail h1 {
        font-size: 65px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    section.product-detail h1 {
        width: 60%;
        margin: 60px auto 60px auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    section.product-detail h1 {
        margin: 110px auto 60px auto
    }
}

@media (max-width: 767px) {
    section.product-detail h1 {
        width: 80%;
        margin: 90px auto 30px auto
    }
}

section.product-detail .product-item {
    display: inline-block;
    width: 32.5%;
    margin: 0 auto;
    padding-bottom: 50px;
    position: relative;
    z-index: 2;
    text-align: center
}

section.product-detail .product-item .featured-image {
    position: relative;
    display: inline-block
}

section.product-detail .product-item .featured-image.new:before {
    content: "";
    z-index: 100;
    top: 0px;
    left: -40px;
    width: 70px;
    height: 44px
}

section.product-detail .product-item img {
    -webkit-filter: drop-shadow(-3px 4px 4px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(-3px 4px 4px rgba(0, 0, 0, 0.3));
    display: none;
    margin: 0 auto;
    height: auto;
    width: auto;
    max-height: 200px;
    max-width: 200px;
    padding-bottom: 20px
}

section.product-detail .product-item img.grid {
    display: block
}

section.product-detail .product-item .btn-base,
section.product-detail .product-item .btn-featured,
section.product-detail .product-item .btn-back,
section.product-detail .product-item .btn-showall,
section.product-detail .product-item .error-page a,
.error-page section.product-detail .product-item a {
    display: block;
    width: 85%;
    margin: 0 auto;
    text-align: center;
    padding: 16px 5px;
    max-width: 290px;
    font-size: 1.75rem
}

section.product-detail .product-item .btn-base .icon-toggle-open,
section.product-detail .product-item .btn-featured .icon-toggle-open,
section.product-detail .product-item .btn-back .icon-toggle-open,
section.product-detail .product-item .btn-showall .icon-toggle-open,
section.product-detail .product-item .error-page a .icon-toggle-open,
.error-page section.product-detail .product-item a .icon-toggle-open {
    display: none
}

section.product-detail .product-item.active {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center
}

section.product-detail .product-item.active .btn-base,
section.product-detail .product-item.active .btn-featured,
section.product-detail .product-item.active .btn-back,
section.product-detail .product-item.active .btn-showall,
section.product-detail .product-item.active .error-page a,
.error-page section.product-detail .product-item.active a {
    display: none
}

section.product-detail .product-item.active .featured-image.new:before {
    display: none;
    left: -40px;
    width: 95px;
    height: 60px
}

section.product-detail .product-item.active img {
    display: block;
    max-height: 350px;
    max-width: 450px;
    padding-bottom: 0
}

section.product-detail .product-item.active img.grid {
    display: none
}

@media (max-width: 767px) {
    section.product-detail .product-item.active img {
        max-width: 350px;
        max-height: 300px
    }
}

section.product-detail .product-item.hidden {
    display: none
}

@media (min-width: 768px) and (max-width: 991px) {
    section.product-detail .product-item .btn-base,
    section.product-detail .product-item .btn-featured,
    section.product-detail .product-item .btn-back,
    section.product-detail .product-item .btn-showall,
    section.product-detail .product-item .error-page a,
    .error-page section.product-detail .product-item a {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    section.product-detail .product-item {
        width: 100%
    }
    section.product-detail .product-item .btn-base,
    section.product-detail .product-item .btn-featured,
    section.product-detail .product-item .btn-back,
    section.product-detail .product-item .btn-showall,
    section.product-detail .product-item .error-page a,
    .error-page section.product-detail .product-item a {
        max-width: none
    }
    section.product-detail .product-item .btn-base .icon-toggle-open,
    section.product-detail .product-item .btn-featured .icon-toggle-open,
    section.product-detail .product-item .btn-back .icon-toggle-open,
    section.product-detail .product-item .btn-showall .icon-toggle-open,
    section.product-detail .product-item .error-page a .icon-toggle-open,
    .error-page section.product-detail .product-item a .icon-toggle-open {
        display: inline-block;
        line-height: 14px
    }
    section.product-detail .product-item.active {
        padding-bottom: 0
    }
    section.product-detail .product-item.active img {
        margin: 20px auto
    }
    section.product-detail .product-item.active .btn-base,
    section.product-detail .product-item.active .btn-featured,
    section.product-detail .product-item.active .btn-back,
    section.product-detail .product-item.active .btn-showall,
    section.product-detail .product-item.active .error-page a,
    .error-page section.product-detail .product-item.active a {
        display: block;
        width: 95%;
        box-shadow: none
    }
    section.product-detail .product-item.active .btn-base .icon-toggle-open:before,
    section.product-detail .product-item.active .btn-featured .icon-toggle-open:before,
    section.product-detail .product-item.active .btn-back .icon-toggle-open:before,
    section.product-detail .product-item.active .btn-showall .icon-toggle-open:before,
    section.product-detail .product-item.active .error-page a .icon-toggle-open:before,
    .error-page section.product-detail .product-item.active a .icon-toggle-open:before {
        content: "-"
    }
}

@media (max-width: 375px) {
    section.product-detail .product-item.active img {
        max-width: 270px
    }
    section.product-detail .product-item .btn-base,
    section.product-detail .product-item .btn-featured,
    section.product-detail .product-item .btn-back,
    section.product-detail .product-item .btn-showall,
    section.product-detail .product-item .error-page a,
    .error-page section.product-detail .product-item a {
        font-size: 15px
    }
}

@media (max-width: 374px) {
    section.product-detail .product-item .btn-base,
    section.product-detail .product-item .btn-featured,
    section.product-detail .product-item .btn-back,
    section.product-detail .product-item .btn-showall,
    section.product-detail .product-item .error-page a,
    .error-page section.product-detail .product-item a {
        font-size: 13px;
        width: 90%
    }
    section.product-detail .product-item.active .btn-base,
    section.product-detail .product-item.active .btn-featured,
    section.product-detail .product-item.active .btn-back,
    section.product-detail .product-item.active .btn-showall,
    section.product-detail .product-item.active .error-page a,
    .error-page section.product-detail .product-item.active a {
        width: 90%
    }
}

section.product-detail .product-content {
    display: none;
    background: white;
    font-weight: normal;
    font-family: "museo", serif;
    text-align: left;
    padding: 20px 30px;
    max-width: 960px;
    margin: 0 auto;
    width: 95vw;
    z-index: 10;
    -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1)
}

section.product-detail .product-content img {
    height: auto;
    width: auto;
    max-width: 80px;
    width: auto
}

section.product-detail .product-content.active {
    display: block
}

@media (max-width: 767px) {
    section.product-detail .product-content {
        padding: 20px 8px
    }
    section.product-detail .product-content.active {
        width: 95%
    }
}

@media (max-width: 374px) {
    section.product-detail .product-content.active {
        width: 90%
    }
}

section.product-detail .product-nutrition {
    white-space: nowrap
}

section.product-detail .product-nutrition h2 {
    font-size: 30px
}

section.product-detail .product-nutrition p {
    white-space: normal
}

section.product-detail .product-nutrition .left {
    display: inline-block;
    width: 45%;
    color: #439139;
    vertical-align: top;
    white-space: normal
}

section.product-detail .product-nutrition table {
    display: inline-block;
    position: relative;
    width: 55%;
    color: #565656;
    white-space: normal;
    line-height: 1.5;
    font-weight: 600;
    font-size: 15px
}

section.product-detail .product-nutrition table th {
    font-weight: 500;
    color: #439139;
    font-family: "AntartidaRoundedBlack", sans-serif;
    text-transform: uppercase;
    text-align: left
}

section.product-detail .product-nutrition table th:not(:first-child) {
    text-align: right
}

section.product-detail .product-nutrition table td:not(:first-child) {
    text-align: center;
    padding-left: 2px
}

section.product-detail .product-nutrition table td:last-child {
    text-align: right
}

@media (max-width: 767px) {
    section.product-detail .product-nutrition h3 {
        margin-top: 10px
    }
    section.product-detail .product-nutrition h2 {
        font-size: 24px
    }
    section.product-detail .product-nutrition h4 {
        margin-top: 10px
    }
    section.product-detail .product-nutrition .left,
    section.product-detail .product-nutrition table {
        display: block;
        width: 100%
    }
    section.product-detail .product-nutrition table {
        margin-top: 10px
    }
}

section.product-detail .product-sizes {
    text-align: center
}

section.product-detail .product-sizes h3 {
    margin: 20px auto
}

section.product-detail .product-sizes .product-small {
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
    padding: 0;
    margin: 0 12px
}

section.product-detail .product-sizes .product-small h4 {
    margin: 5px auto;
    max-width: 160px;
    text-transform: none;
    font-family: "museo", serif;
    font-weight: 900;
    font-size: 1.3rem;
    min-height: 80px
}

section.product-detail .product-sizes .product-small h4 span {
    display: block
}

@media (max-width: 767px) {
    section.product-detail .product-sizes {
        padding: 0
    }
    section.product-detail .product-sizes .product-small {
        width: 45%;
        max-width: 140px;
        margin: 0;
        vertical-align: bottom
    }
    section.product-detail .product-sizes .product-small h4 {
        font-size: 1.3rem
    }
    section.product-detail .product-sizes .product-small img {
        height: auto;
        width: auto;
        max-width: 140px;
        max-height: 180px
    }
}

.reviews-btn {
    display: inline-block;
    margin-bottom: 10px;
    color: #565656;
    cursor: pointer
}

.reviews-btn:hover,
.reviews-btn:active,
.reviews-btn:focus {
    color: #565656
}

div[id^="BVRRInlineRating-"] {
    width: 110px;
    margin: 5px auto 0;
    cursor: pointer !important;
    z-index: 100
}

div[id^="BVRRInlineRating-"] .bv-rating-label,
div[id^="BVRRInlineRating-"] .bv-stars-container {
    position: relative;
    cursor: pointer !important
}

div[id^="BVRRInlineRating-"] .bv-cv2-cleanslate .bv-core-container-27 .bv-rating-stars-container .bv-rating-stars {
    cursor: pointer !important
}

.motts-for-tots-wrapper {
    background-size: 100%;
    background-repeat: repeat-y;
    text-align: center
}

.motts-for-tots-wrapper a.icon-down {
    bottom: 50px
}

#parallax {
    display: block;
    position: relative;
    height: 49vw;
    overflow: hidden
}

#parallax h1 {
    position: relative;
    z-index: 20;
    text-align: center;
    color: #00642d;
    font-family: "Museo", serif;
    font-weight: 900;
    font-size: 3.3vw;
    top: 47%;
    padding: 0;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2)
}

#parallax a.icon-down {
    bottom: 50px
}

@media (max-width: 767px) {
    #parallax {
        height: 50vw
    }
    #parallax .parallax_layer {
        width: 250%;
        left: 0;
    }
    #parallax h1 {
        font-size: 6.4vw
    }
    #parallax a.icon-down {
        border-width: 15px 10px 0 10px;
        bottom: 22px
    }
}

.parallax_layer {
    display: block;
    height: auto;
    width: 115%;
    position: absolute;
    top: 0;
    left: 0;
}

#front-layer {
    z-index: 5
}

#middle2-layer {
    z-index: 4
}

#middle1-layer {
    z-index: 3
}

#back-layer {
    z-index: 2
}

#back2-layer {
    z-index: 1;
    top: -10%
}

#back3-layer {
    z-index: 0;
    top: -10%;
    width: 120%;
    left: -10%
}

.textured {
    background: url("../imgs/mottsfortots/green-texture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px
}

.stitching {
    background: linear-gradient(90deg, yellow 60%, transparent 40%), linear-gradient(90deg, yellow 60%, transparent 40%), linear-gradient(0deg, yellow 60%, transparent 40%), linear-gradient(0deg, yellow 60%, transparent 40%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 32px 4px, 32px 4px, 4px 32px, 4px 32px;
    background-position: 0px 0px, 212px 116px, 0px 116px, 216px 0px;
    background-position: 0 0, 100% 100%, 0 100%, 100% 0
}

.stitching.in-viewport {
    animation: stitching 8s linear
}

@keyframes stitching {
    to {
        background-position: 100% 0, 0 100%, 0 0, 100% 100%
    }
}

.tots-intro h1 {
    display: block;
    background: url("../imgs/mottsfortots/less_sugar_header_desktop.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 90vw;
    height: 8vw;
    background-position: center;
    padding: 0
}

.tots-intro p {
    font-weight: 900;
    font-size: 34px;
    margin: 0;
    width: 90%;
    margin: 0 auto
}

.tots-intro .stitching {
    padding: 100px 20px
}

@media (max-width: 767px) {
    .tots-intro h1 {
        background: url("../imgs/mottsfortots/less_sugar_header_mobile.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 75vw;
        height: 26vw
    }
    .tots-intro .stitching {
        padding: 20px 20px
    }
    .tots-intro p {
        font-size: 20px
    }
}

ul.list {
    white-space: nowrap
}

ul.list li {
    white-space: normal;
    display: inline-block;
    width: 33%;
    text-align: center;
    padding: 40px;
    vertical-align: top;
    max-width: 400px;
    font-size: 17px;
    margin: 0 auto
}

ul.list li img {
    display: block;
    margin: 0 auto
}

ul.list li p {
    margin-top: 25px
}

@media (max-width: 767px) {
    ul.list li {
        display: block;
        width: 100%;
        padding: 0
    }
}

.tots-toddlers {
    background-color: #fffde0;
    color: #00642d;
    padding: 55px
}

.tots-toddlers h1 {
    font-family: "Museo", serif;
    font-weight: 900;
    font-size: 5vw;
    margin-bottom: 30px
}

.tots-toddlers p {
    font-size: 1.7vw;
    font-weight: 900
}

@media (max-width: 767px) {
    .tots-toddlers {
        padding: 35px 20px
    }
    .tots-toddlers h1 {
        font-size: 9vw;
        margin-bottom: 10px
    }
    .tots-toddlers p {
        margin-top: 8px;
        font-size: 18px
    }
}

@media (min-width: 1400px) {
    .tots-toddlers p {
        font-size: 24px
    }
}

.tots-vitamins h1 {
    font-family: "AntartidaRoundedBlack", sans-serif;
    color: white;
    padding: 30px 15px 10px 15px;
    font-size: 4vw
}

.tots-vitamins ul.list li p {
    font-size: 18px;
    font-weight: 700
}

@media (max-width: 767px) {
    .tots-vitamins h1 {
        font-size: 10vw
    }
    .tots-vitamins ul.list {
        padding: 0 35px 20px 35px
    }
    .tots-vitamins ul.list li {
        margin-bottom: 30px
    }
    .tots-vitamins ul.list li p {
        font-size: 17px
    }
}

.motts-for-tots-category {
    margin-top: 0 !important
}

@media (min-width: 768px) {
    .motts-for-tots-category {
        text-align: center !important
    }
    .motts-for-tots-category .product-item {
        width: 35% !important
    }
}

.col {
    width: 50%;
    display: block
}

.col.col-left {
    float: left
}

.col.col-right {
    float: right
}

@media (max-width: 767px) {
    .col {
        width: 100%;
        float: none
    }
}

.motts-for-tots-featured {
    position: relative;
    text-align: center;
    font-family: "Museo", serif;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row
}

.motts-for-tots-featured a.btn-featured {
    font-size: 1.6vw
}

.motts-for-tots-featured .col {
    min-height: 40vw
}

.motts-for-tots-featured .col.col-left {
    align-items: flex-start;
    justify-content: center;
    background-image: url("../imgs/us/motts4tots/featured_products.jpg")
}

.motts-for-tots-featured .col.col-left .col-wrap {
    width: 90%;
    margin: 3vw auto
}

.motts-for-tots-featured .col.col-left h2 {
    font-weight: 700;
    font-size: 3.2vw;
    padding-bottom: 15px
}

.motts-for-tots-featured .col.col-right {
    background-image: url("../imgs/us/motts4tots/tt_desktop.jpg");
    align-items: flex-start;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.motts-for-tots-featured .col.col-right .col-wrap {
    width: 60%;
    margin-left: 5%
}

.motts-for-tots-featured .col.col-right h1 {
    font-weight: 900;
    font-size: 6.5vw;
    line-height: 5vw;
    color: #439139
}

.motts-for-tots-featured .col.col-right h1:first-line {
    font-weight: 500;
    font-size: 5vw
}

.motts-for-tots-featured .col.col-right h2 {
    font-weight: normal;
    padding: 20px 0 30px 0;
    color: #439139;
    font-size: 1.9vw
}

.motts-for-tots-featured .col.col-left,
.motts-for-tots-featured .col.col-right {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media (max-width: 767px) {
    .motts-for-tots-featured {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .motts-for-tots-featured .col {
        min-height: 100vw
    }
    .motts-for-tots-featured .col.col-left {
        background-image: url("../imgs/us/motts4tots/featured_products_mobile.jpg")
    }
    .motts-for-tots-featured .col.col-left h2 {
        font-size: 25px
    }
    .motts-for-tots-featured .col.col-right {
        background-image: url("../imgs/us/motts4tots/tt_mobile.jpg");
        min-height: 128vw;
        background-position: center top
    }
    .motts-for-tots-featured .col.col-right .col-wrap {
        margin-top: 20vw;
        width: 100%;
        margin-left: 0
    }
    .motts-for-tots-featured .col.col-right h1 {
        width: 100%;
        font-size: 15vw;
        line-height: 12vw
    }
    .motts-for-tots-featured .col.col-right h1:first-line {
        font-size: 12vw
    }
    .motts-for-tots-featured .col.col-right h2 {
        width: 100%;
        font-size: 6vw
    }
    .motts-for-tots-featured .col.col-right a.btn-featured {
        display: inline-block;
        width: auto;
        margin: 0 auto;
        font-size: 18px
    }
    .motts-for-tots-featured a.btn-featured {
        font-size: 18px
    }
}

.motts-for-tots-featured:before,
.motts-for-tots-featured:after {
    content: " ";
    display: table
}

.motts-for-tots-featured:after {
    clear: both
}

section.recipes {
    background: url("../imgs/us/bg_table.jpg") repeat-y;
    background-size: 100%;
    position: relative;
    min-height: 50vw;
    overflow: hidden;
    padding: 25px 40px 50px 40px
}

section.recipes h1 {
    color: #439139;
    font-size: 4.5vw;
    text-align: center;
    text-decoration: none;
    margin: 60px 0 0 0;
    position: relative;
    z-index: 2
}

section.recipes h3 {
    font-family: "museo", serif;
    color: #424242;
    text-align: left;
    margin: 20px auto;
    font-size: calc(3.8vw/3);
    padding-left: 6.2vw
}

section.recipes h3 .icon-healthy,
section.recipes h3 .icon-tt {
    margin-left: -6.2vw;
    margin-top: -2px;
    width: 5vw;
    height: 5vw
}

section.recipes ul.categories {
    white-space: nowrap;
    margin: 0 auto
}

section.recipes ul.categories li {
    vertical-align: top;
    white-space: normal;
    display: inline-block;
    width: 49%;
    margin: 0.5%
}

@media (min-width: 768px) {
    section.recipes ul.categories {
        max-width: 70%
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    section.recipes h3 {
        font-size: calc(4.5vw/3)
    }
}

@media (max-width: 767px) {
    section.recipes {
        padding: 0 15px 30px 15px;
        min-height: 655px
    }
    section.recipes h1 {
        font-size: 32px;
        margin-top: 90px
    }
    section.recipes h3 {
        position: relative;
        font-size: 15px;
        width: 90%;
        max-width: 100%;
        padding-left: 50px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 20px;
        padding-left: 60px
    }
    section.recipes h3 .icon-healthy,
    section.recipes h3 .icon-tt {
        width: 60px;
        height: 60px;
        margin-left: -65px;
        margin-top: -4px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    section.recipes ul.categories {
        width: 100%
    }
    section.recipes ul.categories li {
        display: block;
        width: 100%;
        margin: 0
    }
}

@media (max-width: 375px) {
    section.recipes h3 {
        font-size: 13px
    }
}

.recipe-filters {
    margin: 0 auto;
    display: block;
    white-space: nowrap;
    width: 100%;
    max-width: 1300px
}

@media (max-width: 991px) {
    .recipe-filters {
        width: 100%;
        white-space: normal;
        margin-bottom: 25px
    }
}

.recipe-dropdown {
    white-space: normal;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    width: calc(92.5%/3);
    margin: 1.25% !important
}

.recipe-dropdown .icon-toggle-open {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 38px;
    font-size: 19px;
    line-height: 40px;
    text-align: center;
    padding-right: 3px;
    background-color: #3c8036;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

.recipe-dropdown .icon-toggle-open:before {
    font-family: FontAwesome;
    content: "\f0dc"
}

.recipe-dropdown.active .icon-toggle-open:before {
    content: "\f0dc"
}

.recipe-dropdown .recipe-dropdown-filter-type {
    overflow-y: hidden;
    -ms-overflow-style: none;
    padding: 5px 5px 5px 20px;
    border-radius: 30px;
    margin: 0;
    background-color: #4da445;
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    white-space: nowrap;
    font-family: "museo", serif;
    font-weight: 600
}

.recipe-dropdown .recipe-dropdown-filter-type:hover {
    background-color: #4da445
}

.recipe-dropdown .recipe-dropdown-subfilter {
    position: absolute;
    z-index: 0;
    top: 20px
}

.recipe-dropdown .recipe-dropdown-subfilter li {
    font-family: "museo", serif;
    font-weight: 600;
    padding: 8px 12px;
    border: none;
    color: #439139;
    display: block
}

.recipe-dropdown .recipe-dropdown-subfilter li:first-child {
    padding-top: 30px
}

.recipe-dropdown .recipe-dropdown-subfilter li.selected {
    color: white;
    background-color: #61b959
}

@media (min-width: 992px) and (max-width: 1199px) {
    .recipe-dropdown {
        font-size: 20px
    }
    .recipe-dropdown .icon-toggle-open {
        line-height: 38px
    }
}

@media (max-width: 991px) {
    .recipe-dropdown {
        display: block;
        width: 100%;
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }
    .recipe-dropdown .recipe-dropdown-subfilter {
        position: relative;
        top: -20px
    }
}

@media (max-width: 374px) {
    .recipe-dropdown {
        font-size: 20px
    }
    .recipe-dropdown .icon-toggle-open {
        line-height: 38px
    }
}

.recipe-search {
    width: calc(92.5%/3);
    margin: 1.25% !important;
    display: inline-block;
    position: relative;
    overflow-y: hidden
}

.recipe-search input {
    padding: 5px 5px 5px 20px;
    border-radius: 30px;
    background-color: #4da445;
    position: relative;
    z-index: 1;
    color: white;
    cursor: pointer;
    width: 100%;
    vertical-align: top;
    font-size: 24px;
    border: none;
    box-shadow: none;
    font-family: "museo", serif;
    font-weight: 600
}

.recipe-search input::-webkit-input-placeholder {
    color: #fff !important
}

.recipe-search input::-moz-placeholder {
    color: #ffffff
}

.recipe-search input:-moz-placeholder {
    color: #ffffff
}

.recipe-search input:-ms-input-placeholder {
    color: #ffffff
}

.recipe-search input:focus {
    color: #ffffff
}

.recipe-search input:focus::-webkit-input-placeholder {
    color: #fff !important;
    text-shadow: none;
    -webkit-text-fill-color: initial
}

.recipe-search input:focus::-moz-placeholder {
    color: #ffffff
}

.recipe-search input:focus:-moz-placeholder {
    color: #ffffff
}

.recipe-search input:focus:-ms-input-placeholder {
    color: #ffffff
}

.recipe-search input:after {
    display: block;
    font-family: FontAwesome;
    content: "\f0dc";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    color: white;
    font-size: 24px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .recipe-search .icon-search {
        height: 34px;
        color: white;
        font-size: 20px;
        line-height: 34px
    }
    .recipe-search input {
        font-size: 20px
    }
}

@media (max-width: 991px) {
    .recipe-search {
        display: block;
        width: 100%
    }
}

@media (max-width: 374px) {
    .recipe-search .icon-search {
        height: 34px;
        color: white;
        font-size: 20px;
        line-height: 34px
    }
    .recipe-search input {
        font-size: 20px
    }
}

.recipe-grid {
    margin: 0 auto
}

.recipe-grid.hidden {
    opacity: 0
}

.recipe-item {
    cursor: pointer;
    white-space: normal;
    width: 30%;
    margin: 1.66%;
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-filter: drop-shadow(0px 9px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 9px 4px rgba(0, 0, 0, 0.2))
}

.recipe-item:hover .btn-base,
.recipe-item:hover .btn-featured,
.recipe-item:hover .btn-back,
.recipe-item:hover .btn-showall,
.recipe-item:hover .error-page a,
.error-page .recipe-item:hover a {
    background-color: #3c8233
}

.recipe-item .recipe-item-image {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    padding-bottom: 100%
}

.recipe-item .play-btn {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../imgs/us/btn-play.png");
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: 50% 35%;
    opacity: 0.9;
    z-index: 6
}

.recipe-item .btn-label {
    display: block;
    position: relative;
    width: 100%;
    padding: 16px 5px;
    bottom: 0;
    left: 0;
    font-size: 1.75rem;
    line-height: 1.6rem;
    text-align: center;
    min-height: 65px
}

.recipe-item .btn-label span {
    position: absolute;
    display: block;
    width: 90%;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.recipe-item.recipe-item-home,
.recipe-item.recipe-related-item {
    width: 30%;
    margin: 1.33%;
    display: inline-block;
    position: relative
}

.recipe-item.recipe-item-home a,
.recipe-item.recipe-related-item a {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

@media (max-width: 767px) {
    .recipe-item.recipe-item-home,
    .recipe-item.recipe-related-item {
        display: block;
        width: auto;
        margin: 10px;
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85)
    }
    .recipe-item.recipe-item-home.slick-current,
    .recipe-item.recipe-related-item.slick-current {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        -ms-transition: all .2s linear;
        transition: all .2s linear
    }
}

@media (max-width: 360px) {
    .recipe-item.recipe-item-home .btn-label,
    .recipe-item.recipe-related-item .btn-label {
        padding: 10px 5px;
        font-size: 1.1rem;
        line-height: 1rem;
        min-height: 30px
    }
}

@media (max-width: 767px) {
    .recipe-item.recipe-related-item .recipe-item-image {
        padding-bottom: 100%
    }
}

@media (max-width: 767px) {
    .recipe-item {
        width: 48%;
        margin: 1%
    }
    .recipe-item .btn-label {
        padding: 10px 5px;
        font-size: 1.3rem;
        line-height: 1.4rem;
        min-height: 60px
    }
}

@media (max-width: 320px) {
    .recipe-item {
        width: 96%;
        margin: 2%
    }
}

@media (min-width: 1200px) {
    .recipe-item {
        width: 22.5%;
        margin: 1.25%
    }
}

@media (min-width: 1400px) {
    .recipe-item {
        width: 19%;
        margin: 0.5%
    }
}

.healthy-option,
.tt-icon-ribbon {
    background-image: url("../imgs/us/icon-healthy-ribbon.png");
    background-size: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    display: block;
    width: 90px;
    height: 90px;
    top: 0;
    right: 0
}

@media (max-width: 767px) {
    .healthy-option,
    .tt-icon-ribbon {
        width: 60px;
        height: 60px
    }
}

.tt-icon-ribbon {
    display: block;
    background-image: url("../imgs/us/icon-teachable-tastes.png")
}

#noresults {
    display: none;
    margin: 50px 0
}

#noresults h2 {
    color: #424242;
    text-align: center
}

section.recipe-detail h2 {
    color: #439139
}

section.recipe-detail p {
    color: #565656;
    line-height: 1.4;
    font-size: 16px
}

section.recipe-detail .col-left,
section.recipe-detail .col-right,
section.recipe-detail .col-full {
    position: relative;
    -webkit-transition: all .125s linear;
    -moz-transition: all .125s linear;
    -o-transition: all .125s linear;
    -ms-transition: all .125s linear;
    transition: all .125s linear
}

section.recipe-detail .row {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

section.recipe-detail .row:nth-child(2) {
    margin-top: 30px
}

section.recipe-detail .recipe-item-image {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    padding-bottom: 100%
}

section.recipe-detail .recipe-ingredients-list {
    background-color: #ffffff;
    color: #424242
}

section.recipe-detail .recipe-ingredients-list h2:not(:first-child) {
    margin-top: 20px;
    font-family: "museo", serif;
    font-size: 18px;
    font-weight: 600
}

section.recipe-detail .recipe-ingredients-list ul li {
    font-size: 16px;
    color: #565656;
    font-family: "museo", serif;
    padding: 4px 0
}

section.recipe-detail .box {
    background-color: white;
    padding: 30px;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2)
}

section.recipe-detail .btn-label {
    display: block;
    position: relative;
    width: 100%;
    padding: 16px 5px;
    bottom: 0;
    left: 0;
    font-size: 2.2rem;
    line-height: normal;
    text-align: center
}

section.recipe-detail .btn-label span {
    position: absolute;
    display: block;
    width: 90%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

section.recipe-detail .healthy-disclaimer h3 {
    font-family: "museo", serif;
    color: #424242;
    text-align: left;
    width: 100%;
    margin: 20px auto;
    font-size: 16.5px;
    padding-left: 70px;
    line-height: 1.5
}

section.recipe-detail .healthy-disclaimer h3 .icon-healthy,
section.recipe-detail .healthy-disclaimer h3 .icon-tt {
    width: 60px;
    height: 60px;
    margin-left: -70px;
    margin-top: -5px
}

section.recipe-detail .healthy-disclaimer img {
    display: inline-block;
    position: relative;
    float: left;
    margin: 0 1% 0 0;
    width: 20%;
    height: auto
}

section.recipe-detail .featured-product {
    display: block;
    position: absolute;
    bottom: 15px;
    right: 20px;
    text-align: center;
    font-family: "AntartidaRoundedBlack", sans-serif;
    color: #439139
}

section.recipe-detail .featured-product h4 {
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 16px;
    margin-top: 8px
}

section.recipe-detail .featured-product img {
    width: auto;
    height: auto;
    max-height: 100px;
    max-width: 150px;
    -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2))
}

section.recipe-detail .btn-back,
section.recipe-detail .btn-showall {
    width: auto;
    top: 45px;
    left: 15px
}

section.recipe-detail ul.social {
    display: block;
    margin-left: -10px;
    margin-top: 15px
}

section.recipe-detail ul.social li {
    display: inline-block;
    cursor: pointer
}

section.recipe-detail ul.social li a {
    color: #ddab00;
    font-size: 32px;
    padding: 8px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}

section.recipe-detail ul.instructions-list {
    margin-top: 5px;
    margin-bottom: 10px;
    counter-reset: instructions
}

section.recipe-detail ul.instructions-list li {
    padding: 5px 0;
    font-family: "museo", serif;
    color: #565656;
    font-size: 16px;
    margin-left: 30px
}

section.recipe-detail ul.instructions-list li span,
section.recipe-detail ul.instructions-list li a {
    display: block;
    font-weight: 600;
    color: #439139
}

section.recipe-detail ul.instructions-list li a {
    display: inline-block;
    margin: auto
}

section.recipe-detail ul.instructions-list li.bullet:before {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    color: #ffffff;
    background-color: #439139;
    border-radius: 10px;
    counter-increment: instructions;
    content: counter(instructions);
    text-align: center;
    line-height: 20px;
    font-family: "AntartidaRoundedBlack", sans-serif;
    font-size: 14px;
    margin-left: -30px
}

section.recipe-detail ul.instructions-list li.title {
    padding-top: 10px;
    margin-left: 0;
    font-size: 18px
}

section.recipe-detail ul.instructions-list li.title:before {
    display: none
}

section.recipe-detail .related-recipes {
    width: 90%
}

section.recipe-detail .related-recipes h2 {
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0 20px 0;
    font-size: 36px
}

section.recipe-detail .related-recipes .btn-label {
    line-height: normal
}

section.recipe-detail .related-recipes .btn-label span {
    width: 90%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

section.recipe-detail .recipe-video-container {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    color: #fff
}

section.recipe-detail .recipe-video-container #featured-recipe-video {
    width: 100%
}

section.recipe-detail .recipe-video-container iframe {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15
}

section.recipe-detail .recipe-video-container #featured-recipe-video-cover {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 0;
    opacity: 1
}

section.recipe-detail .recipe-video-container .play-btn {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../imgs/us/btn-play.png");
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
    opacity: 0.9;
    z-index: 6
}

@media (min-width: 768px) {
    section.recipe-detail .col-left {
        width: 40%;
        margin-left: 0;
        margin-right: 2%
    }
    section.recipe-detail .col-right {
        width: 56%;
        margin-right: 0;
        margin-left: 2%
    }
    section.recipe-detail .recipe-ingredients-list {
        padding-bottom: 120px
    }
    section.recipe-detail .related-recipes .btn-label {
        font-size: 1.7rem
    }
}

@media (max-width: 767px) {
    section.recipe-detail {
        padding: 0
    }
    section.recipe-detail h1 {
        margin-top: 78px;
        margin-bottom: 20px;
        font-size: 32px
    }
    section.recipe-detail h3 {
        position: relative;
        font-size: 15px;
        width: 80%;
        padding-left: 50px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 20px
    }
    section.recipe-detail h3 .icon-healthy,
    section.recipe-detail h3 .icon-tt {
        width: 80px;
        height: 80px;
        margin-left: -81px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    section.recipe-detail h2 {
        font-size: 24px;
        margin-bottom: 8px
    }
    section.recipe-detail p {
        font-size: 14px
    }
    section.recipe-detail .recipe-ingredients-list ul li {
        font-size: 14px;
        padding: 2px 0
    }
    section.recipe-detail .btn-back,
    section.recipe-detail .btn-showall {
        top: 15px;
        left: 15px;
        font-size: 20px;
        padding: 8px 20px
    }
    section.recipe-detail .healthy-option,
    section.recipe-detail .tt-icon-ribbon {
        width: 80px;
        height: 80px
    }
    section.recipe-detail .btn-label {
        padding: 20px 5px
    }
    section.recipe-detail .row:nth-child(2) {
        margin-top: -30px
    }
    section.recipe-detail .row:nth-child(2) .box {
        -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2)
    }
    section.recipe-detail .recipe-item-image {
        padding-bottom: 120%
    }
    section.recipe-detail .healthy-disclaimer {
        padding-left: 10px;
        padding-right: 10px
    }
    section.recipe-detail .box {
        margin-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    section.recipe-detail .featured-product {
        position: relative;
        text-align: left;
        margin: 20px 0 0 0;
        bottom: 0;
        right: 0
    }
    section.recipe-detail ul.social {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 20px
    }
    section.recipe-detail .related-recipes {
        width: 100%;
        padding-bottom: 80px;
        text-align: center
    }
    section.recipe-detail .related-recipes h2 {
        font-size: 24px
    }
    section.recipe-detail .related-recipes .recipe-related-item {
        display: inline-block;
        width: 47%;
        margin: 1%;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    section.recipe-detail .related-recipes .btn-label {
        font-size: 1.5rem
    }
    section.recipe-detail ul.instructions-list li.title {
        text-align: center
    }
}

@media (max-width: 360px) {
    section.recipe-detail .related-recipes .btn-label {
        font-size: 1.45rem;
        min-height: 60px
    }
}

@media (max-width: 320px) {
    section.recipe-detail .related-recipes .btn-label {
        font-size: 1.35rem
    }
}

@media print {
    body.recipes {
        background-color: white !important
    }
    body.recipes section.recipe-detail {
        min-height: 0;
        background: none;
        margin: 0 !important
    }
    body.recipes section.recipe-detail .recipe-ingredients-list {
        width: 100%
    }
    body.recipes section.recipe-detail .healthy-disclaimer h3 {
        display: inline-block;
        float: left;
        padding-left: 0 !important;
        margin: 0 !important;
        font-size: 14px;
        line-height: normal;
        width: 79%
    }
    body.recipes section.recipe-detail .healthy-disclaimer h3 .icon-healthy,
    body.recipes section.recipe-detail .healthy-disclaimer h3 .icon-tt {
        display: none
    }
}

@media print and (min-width: 0px) {
    body.recipes section.recipe-detail .col-left,
    body.recipes section.recipe-detail .col-right {
        width: 49% !important;
        float: left
    }
}

@media print {
    body.recipes section.recipe-detail .box,
    body.recipes section.recipe-detail .btn-label {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    body.recipes .share-container,
    body.recipes .related-recipes,
    body.recipes footer.footer,
    body.recipes .healthy-option,
    body.recipes .btn-back,
    body.recipes .btn-showall,
    body.recipes .featured-product,
    body.recipes .recipe-video-container {
        display: none !important
    }
    body.recipes .recipe-item-image {
        padding-bottom: 0 !important
    }
    body.recipes .row,
    body.recipes .box {
        margin: 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    body.recipes .ingredients-container,
    body.recipes .instructions-container {
        height: auto !important;
        margin: 0 !important;
        page-break-inside: avoid;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    body.recipes section.recipe-detail .row:nth-child(2) {
        margin: 0
    }
    body.recipes section.recipe-detail .row {
        max-width: none
    }
    @page {
        size: auto;
        margin: 10mm 10mm 25mm 10mm
    }
    .logo-print {
        width: 100px;
        height: auto;
        margin: 0 auto;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1000
    }
}

section.about {
    position: relative;
    background: url("../imgs/us/bg_table.jpg") repeat-y;
    background-size: 100%;
    padding: 20px
}

section.about h1,
section.about h2,
section.about h3,
section.about a {
    color: #439139;
    font-family: "AntartidaRoundedBlack", sans-serif;
    font-weight: normal;
    width: auto;
    margin-bottom: 10px
}

section.about h1 {
    font-size: 40px
}

section.about h2 {
    width: auto;
    font-size: 32px
}

section.about h3 {
    font-size: 24px
}

section.about p {
    color: #565656;
    margin-top: 0;
    font-size: 16px
}

section.about p span {
    font-weight: 900;
    font-size: 17px;
    color: #439139
}

section.about a.icon-down {
    width: 22px
}

@media (max-width: 767px) {
    section.about a.icon-down {
        width: 12px
    }
}

section.about.hero {
    background-image: url("../imgs/us/about/bg_about_motts.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    min-height: 50vw;
    max-height: 660px;
    padding: 40px 0 30px 0
}

section.about.hero h1 {
    color: white;
    margin: -4vw auto 0 auto;
    position: absolute;
    font-size: 5.2vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

section.about .box {
    position: relative;
    display: block;
    background-color: white;
    padding: 30px 60px 30px 30px;
    margin-bottom: 30px;
    margin-left: 1%;
    margin-right: 0.9%;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2)
}

section.about .box.featured-image {
    background-image: url("../imgs/us/about/HistoryPhoto.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

section.about .history {
    width: 56%
}

section.about .featured-image {
    width: 40%
}

section.about .row {
    max-width: 1200px;
    margin: 0 auto
}

section.about .flexy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap
}

@media (max-width: 991px) {
    section.about .history,
    section.about .featured-image {
        width: 100%
    }
    section.about .featured-image {
        min-height: 80vw
    }
}

@media (max-width: 767px) {
    section.about.hero {
        min-height: 80vw
    }
    section.about.hero h1 {
        top: 45%;
        left: 50%;
        font-size: 30px;
        -webkit-transform: translateY(-45%) translateX(-50%);
        -moz-transform: translateY(-45%) translateX(-50%);
        -ms-transform: translateY(-45%) translateX(-50%);
        transform: translateY(-45%) translateX(-50%)
    }
    section.about h1,
    section.about h2 {
        text-align: center
    }
    section.about h1 {
        font-size: 30px
    }
    section.about h2 {
        font-size: 24px
    }
    section.about h3 {
        font-size: 18px
    }
    section.about .box {
        padding: 15px
    }
}

section.coupon {
    position: relative;
    background: url("../imgs/us/bg_table.jpg") repeat-y;
    background-size: cover
}

section.coupon h1 {
    color: #439139;
    font-size: 45px
}

section.coupon p {
    color: #565656;
    font-size: 16px;
    margin: 0
}

section.coupon a {
    color: #439139;
    font-weight: 600;
    text-decoration: underline
}

section.coupon .hero {
    position: relative;
    background-size: 100%;
    padding-bottom: 60%;
    background-repeat: no-repeat;
    background-image: url("../imgs/us/bg_juicebox_desktop.jpg")
}

section.coupon .box {
    width: 50%;
    background-color: white;
    -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 50%;
    left: 10%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 40px 30px;
    margin-top: -50px;
    max-width: 600px
}

@media (max-width: 767px) {
    section.coupon .hero {
        background-image: url("../imgs/us/bg_juicebox.jpg");
        padding-bottom: 135%
    }
    section.coupon h1 {
        font-size: 20px
    }
    section.coupon h1,
    section.coupon p {
        text-align: center
    }
    section.coupon .box {
        position: absolute;
        top: 8%;
        left: 50%;
        width: 90%;
        padding: 15px;
        -webkit-transform: translateY(-8%) translateX(-50%);
        -moz-transform: translateY(-8%) translateX(-50%);
        -ms-transform: translateY(-8%) translateX(-50%);
        transform: translateY(-8%) translateX(-50%);
        margin: 0 auto
    }
}

@media (min-width: 1200px) {
    section.coupon .box {
        max-width: 700px
    }
}

.dpsg-modal {
    color: #424242;
    font-family: "museo", serif
}

.dpsg-modal .modal-dialog {
    width: 600px;
    margin: 30px auto;
    position: relative
}

.dpsg-modal b {
    font-weight: 900
}

.dpsg-modal h1 {
    font-size: 26px;
    margin: 10px 0
}

.dpsg-modal h2 {
    font-size: 20px;
    margin: 7px 0
}

.dpsg-modal h3 {
    font-size: 18px
}

.dpsg-modal p {
    margin: 1em 0
}

.dpsg-modal ul,
.dpsg-modal ol {
    list-style-type: disc;
    margin-left: 15px
}

.dpsg-modal ul>li>ul,
.dpsg-modal ol>li>ol {
    list-style-type: circle
}

.dpsg-modal ul>li {
    margin-left: 10px
}

@media (max-width: 767px) {
    .dpsg-modal h2 {
        font-size: 18px
    }
    .dpsg-modal h3 {
        font-size: 16px
    }
    .dpsg-modal .modal-dialog {
        width: auto
    }
}

.dpsg_privacy_container,
.dpsg_terms_container {
    height: 100%;
    word-wrap: break-word
}

.dpsg_privacy_container .content,
.dpsg_terms_container .content {
    padding-bottom: 50px
}

body.modal-open {
    overflow: hidden;
    padding-right: 0 !important
}

body.edit-profile {
    margin-top: 120px;
    background: white
}

body.edit-profile h1 {
    font-size: 36px;
    text-align: center;
    margin: 10px auto
}

body.modal-open {
    overflow: hidden;
    height: 100%
}

.modal-content,
.modal-dialog,
.modal-body {
    height: inherit;
    min-height: 100%
}

.modal {
    min-height: 100%
}

.hero.juicepouch {
    background-size: cover;
    background-position: center
}

.hero.juicepouch h3 {
    font-size: calc(7.5vw/3);
    width: 55%
}

.hero.juicepouch h1 {
    font-size: 5vw
}

.hero.juicepouch h1,
.hero.juicepouch h3 {
    color: #ffffff
}

.hero.juicepouch .hero-video-wrapper {
    padding-bottom: 40%
}

@media (max-width: 767px) {
    .hero.juicepouch .hero-copy {
        top: 8%
    }
    .hero.juicepouch h1 {
        font-size: 8vw
    }
    .hero.juicepouch h3 {
        font-size: calc(10vw/3);
        width: 75%
    }
    .hero.juicepouch .hero-video-wrapper {
        padding-bottom: 55vw
    }
}

.juicepouch-intro {
    background: url("../imgs/us/bg_table.jpg") repeat-y;
    background-size: 100%;
    position: relative;
    padding: 0 50px
}

.juicepouch-intro .wrapper {
    max-width: 1200px;
    margin: 0 auto
}

.juicepouch-intro .gradient {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(to right, #3d8933, #27671b);
    height: 80px;
    width: 100%
}

.juicepouch-intro .gradient span {
    font-family: "museo", serif;
    text-align: center;
    font-weight: 600;
    position: absolute;
    top: 25%;
    left: 50%;
    font-size: 16px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.juicepouch-intro .gradient a.icon-down {
    bottom: 10px
}

.juicepouch-intro .copy {
    float: right;
    width: 65%;
    margin-top: 11%;
    padding-left: 30px
}

.juicepouch-intro .copy h1,
.juicepouch-intro .copy h2 {
    display: inline-block;
    vertical-align: middle;
    color: #439139
}

.juicepouch-intro .copy h1 {
    font-size: 7.5vw
}

.juicepouch-intro .copy h2 {
    font-size: 3vw;
    line-height: 1;
    margin-top: -5px;
    margin-left: 10px
}

.juicepouch-intro .copy p {
    color: #439139;
    font-weight: 600;
    margin-top: -10px;
    width: 90%;
    font-size: 2.2vw
}

.juicepouch-intro .visible-xs {
    display: none
}

.juicepouch-intro img {
    height: auto;
    width: auto;
    max-width: 35%;
    padding: 20px 0 0 50px;
    position: relative;
    z-index: 1
}

.juicepouch-intro .slide-left,
.juicepouch-intro .slide-right {
    opacity: 0
}

.juicepouch-intro.in-viewport .slide-left {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: fadeInLeft 1.1s;
    -moz-animation: fadeInLeft 1.1s;
    -ms-animation: fadeInLeft 1.1s;
    animation: fadeInLeft 1.1s;
    opacity: 1
}

.juicepouch-intro.in-viewport .slide-right {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: fadeInRight 1.1s;
    -moz-animation: fadeInRight 1.1s;
    -ms-animation: fadeInRight 1.1s;
    animation: fadeInRight 1.1s;
    opacity: 1
}

@media (min-width: 1400px) {
    .juicepouch-intro .copy h1 {
        font-size: 101px
    }
    .juicepouch-intro .copy h2 {
        font-size: 40px;
        line-height: 40px
    }
    .juicepouch-intro .copy p {
        font-size: 28px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .juicepouch-intro {
        padding: 0 30px
    }
    .juicepouch-intro img {
        max-width: 40%;
        padding: 20px 0 0 40px
    }
    .juicepouch-intro .copy {
        margin-top: 14%;
        width: 60%;
        padding-left: 15px
    }
    .juicepouch-intro .copy p {
        font-size: 2.5vw;
        margin-top: -10px;
        width: 100%
    }
}

@media (max-width: 767px) {
    .juicepouch-intro {
        padding: 20px 30px 0 30px
    }
    .juicepouch-intro .copy {
        padding: 0;
        float: none;
        width: 100%;
        margin-top: 1%
    }
    .juicepouch-intro .copy p {
        width: 100%;
        margin-top: 10px;
        font-size: 4vw;
        margin: 10px 0
    }
    .juicepouch-intro .copy h1 {
        font-size: 13vw
    }
    .juicepouch-intro .copy h2 {
        font-size: 5vw;
        margin-top: 0;
        width: auto
    }
    .juicepouch-intro img {
        margin: 0 auto;
        display: block;
        max-width: 80%;
        max-height: 400px;
        padding: 0
    }
    .juicepouch-intro .gradient {
        height: 50px
    }
    .juicepouch-intro .gradient span,
    .juicepouch-intro .gradient a.icon-down {
        display: none
    }
    .juicepouch-intro .slide-left,
    .juicepouch-intro .slide-right {
        opacity: 1
    }
    .juicepouch-intro .visible-xs {
        display: block
    }
}

.juicepouch .btn-back,
.juicepouch .btn-showall {
    display: none
}

@media (min-width: 768px) {
    .juicepouch {
        text-align: center !important
    }
    .juicepouch .product-item {
        width: 35% !important
    }
}

.hero.unsweetened {
    color: #439139
}

.hero.unsweetened .hero-video-wrapper {
    padding-bottom: 50%
}

.hero.unsweetened .hero-video {
    bottom: -3%;
    top: auto
}

@media (max-width: 767px) {
    .hero.unsweetened .hero-video-wrapper {
        padding-bottom: 56.25vw
    }
    .hero.unsweetened .hero-video {
        height: 56.25vw;
        top: 0
    }
}

.unsweetened-intro {
    position: relative;
    padding: 70px 60px 120px 60px;
    background: url("../imgs/us/unsweetened-applesauce/unsweetened_widemodule_bg.jpg");
    background-size: cover;
    background-position: right bottom;
    min-height: 40vw
}

.unsweetened-intro .copy {
    width: 55%
}

.unsweetened-intro h1 {
    font-size: 4vw
}

.unsweetened-intro p {
    font-weight: bold;
    font-size: 1.5vw;
    line-height: 1.5;
    margin-top: 0
}

.unsweetened-intro .gradient {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 80px;
    width: 100%
}

.unsweetened-intro .gradient span {
    font-family: "museo", serif;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    position: absolute;
    top: 25%;
    left: 50%;
    font-size: 16px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.unsweetened-intro .gradient a.icon-down {
    bottom: 10px
}

.unsweetened-intro .icons {
    margin-right: 20px
}

@media (max-width: 767px) {
    .unsweetened-intro {
        padding: 30px 40px;
        background: url("../imgs/us/unsweetened-applesauce/unsweetened_widemodule_bg_mobile.jpg");
        background-size: cover;
        background-position: right bottom;
        min-height: 115vw
    }
    .unsweetened-intro .copy {
        width: 100%;
        margin: 0 auto
    }
    .unsweetened-intro h1 {
        font-size: 8vw
    }
    .unsweetened-intro p {
        font-size: 3.2vw;
        line-height: normal
    }
    .unsweetened-intro .gradient span {
        display: none;
        top: 45%;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3)
    }
    .unsweetened-intro .icons {
        display: block;
        margin: 15px 0;
        height: 45px
    }
}