@import
url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap")
;

@font-face {
font-family: "FontAwesome";
src: url("fontawesome-webfont.woff2") format("woff2"),
    url("fontawesome-webfont.woff") format("woff");
font-weight: normal;
font-style: normal
}

.holder {
border-radius: 4px;
background: #fff;
padding: 30px
}

.gray-box {
border-radius: 3px;
background-color: #fafbfc;
padding: 10px
}

.l-inline, .header-nav, .line-items-hldr .item-fields, .btn-group,
.tab-hldr, .l-inline>li, .header-nav>li, .line-items-hldr .item-fields>li,
.btn-group>li, .tab-hldr>li, .l-inline-block>li, .footer .socials>li,
.l-stacked>li, .btn-stacked>li, .form-group, .group {
*zoom: 1
}

.l-inline:before, .header-nav:before, .line-items-hldr .item-fields:before,
.btn-group:before, .tab-hldr:before, .l-inline>li:before, .header-nav>li:before,
.line-items-hldr .item-fields>li:before, .btn-group>li:before,
.tab-hldr>li:before, .l-inline-block>li:before, .footer .socials>li:before,
.l-stacked>li:before, .btn-stacked>li:before, .form-group:before,
.group:before, .l-inline:after, .header-nav:after, .line-items-hldr .item-fields:after,
.btn-group:after, .tab-hldr:after, .l-inline>li:after, .header-nav>li:after,
.line-items-hldr .item-fields>li:after, .btn-group>li:after, .tab-hldr>li:after,
.l-inline-block>li:after, .footer .socials>li:after, .l-stacked>li:after,
.btn-stacked>li:after, .form-group:after, .group:after {
content: " ";
display: table
}

.l-inline:after, .header-nav:after, .line-items-hldr .item-fields:after,
.btn-group:after, .tab-hldr:after, .l-inline>li:after, .header-nav>li:after,
.line-items-hldr .item-fields>li:after, .btn-group>li:after, .tab-hldr>li:after,
.l-inline-block>li:after, .footer .socials>li:after, .l-stacked>li:after,
.btn-stacked>li:after, .form-group:after, .group:after {
clear: both
}

.l-inline>li, .header-nav>li, .line-items-hldr .item-fields>li,
.btn-group>li, .tab-hldr>li {
float: left
}

.l-inline-block>li, .footer .socials>li {
float: none;
display: inline-block;
zoom: 1;
*display: inline
}

.l-stacked>li, .btn-stacked>li {
display: block
}

.l-bullet {
list-style: disc
}

.l-bullet>li {
margin-left: 15px
}

.checkout-btn {
font-size: 15px;
line-height: 51.3px;
height: 51.3px;
padding: 0 38px
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline
}

html {
line-height: 1
}

ol, ul {
list-style: none
}

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

caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle
}

q, blockquote {
quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none
}

a img {
border: none
}

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

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

sup {
top: -0.5em
}

sub {
bottom: -0.25em
}

button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0
}

textarea {
overflow: auto;
vertical-align: top
}

:focus {
outline: 0
}

@font-face {
font-family: 'Cera Pro';
src: url("fonts/cerapro-regular-webfont.woff2") format("woff2"),
    url("fonts/cerapro-regular-webfont.woff") format("woff");
font-weight: 400;
font-style: normal
}

@font-face {
font-family: 'Cera Pro';
src: url("fonts/cerapro-regularitalic-webfont.woff2") format("woff2"),
    url("fonts/cerapro-regularitalic-webfont.woff") format("woff");
font-weight: 400;
font-style: italic
}

@font-face {
font-family: 'Cera Pro';
src: url("fonts/cerapro-medium-webfont.woff2") format("woff2"),
    url("fonts/cerapro-medium-webfont.woff") format("woff");
font-weight: 500;
font-style: normal
}

@font-face {
font-family: 'Cera Pro';
src: url("fonts/cerapro-mediumitalic-webfont.woff2") format("woff2"),
    url("fonts/cerapro-mediumitalic-webfont.woff") format("woff");
font-weight: 500;
font-style: italic
}

@font-face {
font-family: 'Cera Pro';
src: url("fonts/cerapro-bold-webfont.woff2") format("woff2"),
    url("fonts/cerapro-bold-webfont.woff") format("woff");
font-weight: 600;
font-style: normal
}

@font-face {
font-family: 'Cera Pro';
src: url("fonts/cerapro-bolditalic-webfont.woff2") format("woff2"),
    url("fonts/cerapro-bolditalic-webfont.woff") format("woff");
font-weight: 600;
font-style: italic
}

/* /* @font-face {
font-family: 'Chronicle Ssm';
src: url("0BA92CA046003CC5C.woff") format("woff");
font-weight: 400;
font-style: normal
} */
/*
@font-face {
font-family: 'Chronicle Ssm';
src: url("4DC90B39EBB17843B.woff") format("woff");
font-weight: 400;
font-style: italic
}



@font-face {
font-family: 'Chronicle Ssm';
src: url("A78EE21D496E13DB1.woff") format("woff");
0BA92CA046003CC5C.wofffont-style: italic
}

@font-face {
font-family: 'Chronicle Ssm';
src: url("9268B79276279483C.woff") format("woff");
font-weight: 600;
font-style: normal
}

@font-face {
font-family: 'Chronicle Ssm';
src: url("6670EAD7F80242FE4.woff") format("woff");
font-weight: 600;
font-style: italic
}
 */
body {
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #6a6d75
}

h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.2;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #303236
}

h1, .alpha {
font-size: 36px
}

h2, .beta {
font-size: 24px
}

h3, .gamma {
font-size: 26px
}

h4, .delta {
font-size: 20px
}

.epsilon {
font-size: 18px;
color: #6a6d75
}

h6, .zeta {
font-size: 16px;
color: #6a6d75
}

p {
margin-bottom: 15px
}

em {
font-style: italic
}

strong {
font-weight: 700
}

.tera {
font-size: 46px
}

.giga {
font-size: 36px
}

.mega {
font-size: 30px
}

.kilo {
font-size: 26px
}

.large {
font-size: 18px
}

.medium {
font-size: 16px
}

.small {
font-size: 14px
}

.milli {
font-size: 12px
}

a {
text-decoration: none;
/* color: #0f346c */
}

a:hover, a:focus {
text-decoration: underline
}

a:active {
/* color: #0d2a54 */
}

.btn, .btn--orange, .btn-orange, .btn--facebook, .btn--grey,
.btn--toggle, .ba-input-toggle .ba-input-icon, .marketplace-cart .checkout-btn,
.marketplace-cart .checkout-btn-disabled {
border-radius: 2px;
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
box-sizing: content-box;
font-size: 14px;
line-height: 47.88px;
height: 47.88px;
padding: 0 35px;
display: inline-block;
text-decoration: none;
border: 0px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 500;
text-align: center;
color: #fff;
background-color: #245091;
outline: none;
cursor: pointer;
position: relative;
text-transform: uppercase;
letter-spacing: 0.1em
}

.btn:hover, .btn--orange:hover, .btn-orange:hover, .btn--facebook:hover,
.btn--grey:hover, .btn--toggle:hover, .ba-input-toggle .ba-input-icon:hover,
.marketplace-cart .checkout-btn:hover, .marketplace-cart .checkout-btn-disabled:hover,
.btn:focus, .btn--orange:focus, .btn-orange:focus, .btn--facebook:focus,
.btn--grey:focus, .btn--toggle:focus, .ba-input-toggle .ba-input-icon:focus,
.marketplace-cart .checkout-btn:focus, .marketplace-cart .checkout-btn-disabled:focus
{
background-color: #0f346c;
text-decoration: none
}

.btn:active, .btn--orange:active, .btn-orange:active, .btn--facebook:active,
.btn--grey:active, .btn--toggle:active, .ba-input-toggle .ba-input-icon:active,
.marketplace-cart .checkout-btn:active, .marketplace-cart .checkout-btn-disabled:active
{
background-color: #0d2a54;
background-image: none;
text-decoration: none;
color: #fff
}

.btn--orange, .btn-orange {
background-color: rgba(200, 16, 16, 0.966);
border-color: rgba(200, 16, 16, 0.966);
}

.btn--orange:hover, .btn-orange:hover {
background-color: rgba(200, 16, 16, 0.966);
border-color: rgba(200, 16, 16, 0.966);
}

.btn--orange:active, .btn--orange:focus, .btn-orange:active, .btn-orange:focus
{
background-color: rgba(200, 16, 16, 0.966);
}

.btn--orange .btn-grayblue, .btn-orange .btn-grayblue {
background-color: #7581a7
}

.btn--grey {
background-color: #eee;
color: #333;
background-image: none
}

.btn--grey:hover {
background:
    url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTFlMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZGZkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
background: linear-gradient(to bottom, #e4e1e1, #e2dfdf);
background-color: #e4e1e1
}

.btn--grey:active, .btn--grey:focus {
background-color: #e2dfdf;
color: #333
}

.btn--toggle, .ba-input-toggle .ba-input-icon {
box-shadow: none;
background-image: none;
background-color: #fff;
padding: 0px 10px;
font-size: 14px;
text-shadow: none;
height: 30px;
line-height: 30px;
color: #6e7194;
border-color: #0f346c
}

.btn--toggle:hover, .ba-input-toggle .ba-input-icon:hover {
background-color: #0f346c;
background-image: none;
color: #0f346c
}

.btn--toggle:active, .ba-input-toggle .ba-input-icon:active {
background-color: #cbccd9;
background-image: none;
color: #0f346c;
box-shadow: none
}

.btn--ghost {
border: 1px solid #b1b5bd;
background: transparent;
color: #245091;
border-radius: 2px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
transition: background 0.3s, color 0.3s
}

.btn--ghost:hover, .btn--ghost:focus {
background-color: transparent;
border-color: #0f346c;
color: #0f346c
}

.btn--ghost:active {
background-color: #ffffff;
border-color: #0f346c;
color: #0f346c
}

.btn--large {
font-size: 36px;
line-height: 123.12px;
height: 123.12px;
padding: 0 90px
}

.btn--small {
font-size: 14px;
line-height: 47.88px;
height: 47.88px;
padding: 0 35px
}

.btn--header {
font-size: 14px;
line-height: 40px;
height: 40px;
padding: 0 20px
}

.btn--header:hover {
text-decoration: none
}

.btn--header.btn-grayblue {
background-color: #7581a7
}

.btn--full, .marketplace-cart .checkout-btn, .marketplace-cart .checkout-btn-disabled
{
box-sizing: border-box;
padding-left: 0;
padding-right: 0;
width: 100%
}

button.btn--full, .marketplace-cart button.checkout-btn,
.marketplace-cart button.checkout-btn-disabled {
box-sizing: border-box;
width: 100%
}

#ie7 button.btn--full, #ie7 .marketplace-cart button.checkout-btn,
.marketplace-cart #ie7 button.checkout-btn, #ie7 .marketplace-cart button.checkout-btn-disabled,
.marketplace-cart #ie7 button.checkout-btn-disabled {
width: 96%;
padding-left: 2%;
padding-right: 2%
}

.btn-group>li {
margin-left: 15px
}

.btn-group>li:first-child {
margin-left: 0
}

.btn-stacked>li {
margin-top: 15px
}

.btn-stacked>li:first-child {
margin-top: 0
}

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

.form-label {
display: block;
line-height: 20px;
margin-bottom: 5px;
color: #303236;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
text-transform: uppercase
}

.checkbox-label {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px
}

.form-input, .form-select, .form-textarea, .form-input--small {
box-sizing: border-box;
background-color: #ffffff;
border: 1px solid #d3d5db;
font-size: 15px;
color: #6a6d75;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.form-input, .form-select {
border-radius: 3px;
width: 100%;
height: 40px;
line-height: 40px
}

#ie7 .form-input, #ie7 .form-select {
width: 96%;
padding: 4px 2%;
height: 30px;
line-height: 30px
}

.form-input {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05) inset;
padding: 0 10px
}

.form-input:focus {
border-color: #245091
}

textarea.form-input {
line-height: 140%;
padding-top: 10px;
padding-bottom: 10px;
min-height: 100px
}

.form-input--inline {
display: inline-block;
width: auto
}

.form-input--large {
height: 42px;
line-height: 42px
}

.form-checkbox {
margin-right: 3px
}

.form-textarea {
border-radius: 3px;
width: 100%;
line-height: 25px;
padding: 4px 10px
}

#ie7 .form-textarea {
width: 96%;
padding: 10px 2%
}

input[type="password"] {
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif
}

input[disabled], select[disabled], textarea[disabled], input[readonly],
select[readonly], textarea[readonly] {
cursor: not-allowed;
background-color: #f5f6f8
}

button[disabled] {
cursor: not-allowed;
opacity: 0.7
}

.checkbox-group>li {
margin-top: 3px
}

.checkbox-group>li:first-child {
margin-top: 0
}

.error {
position: relative
}

.error .help-block {
border-radius: 0 0 4px 4px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
position: absolute;
top: auto;
right: 0;
left: 0;
margin: -2px 0 0;
padding: 9px 10px;
background-color: #d64148;
color: #ffffff;
min-height: 21px;
line-height: 21px;
font-size: 14px;
z-index: 40
}

.error .help-block:after {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 5px 6px 5px;
border-color: transparent transparent #d64148 transparent;
position: absolute;
top: -6px;
left: 12px;
content: "";
display: inline-block
}

#ie7 .error .help-block {
position: static
}

.form-divider {
border-bottom: 1px solid #d3d5db;
margin-bottom: 20px
}

.form-divider .txt-box {
position: relative;
margin-bottom: -12px;
text-align: center
}

.form-divider .txt-box span {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
background-color: #ffffff;
font-size: 16px;
padding: 0 10px
}

.table, .table--striped {
width: 100%;
font-size: 14px;
text-align: left
}

.table thead, .table--striped thead {
background-color: #0d2a54;
border: 1px solid #0d2a54;
font-weight: 700;
color: #fff
}

.table th, .table--striped th {
padding: 15px 20px
}

.table td, .table--striped td {
padding: 10px 20px
}

.table tbody tr, .table--striped tbody tr {
border: 1px solid #6a6d75;
border-width: 0 1px 1px
}

.table--striped tbody tr:nth-child(odd) {
background-color: #fafbfc
}

.holder {
margin-top: 30px;
margin-bottom: 30px
}

@media ( max-width : 767px) {
.holder {
    border-radius: 0;
    box-shadow: 0 0 0 transparent;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden
}
}

.line {
display: block;
border-top: 1px solid #0f346c
}

hr {
border: solid 1px #e4e6eb
}

.v-table {
display: table;
width: 100%;
height: 100%
}

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

.container {
margin-right: auto;
margin-left: auto;
*zoom: 1
}

.container:after {
content: "";
display: table;
clear: both
}

@media ( max-width : 768px) {
.container {
    overflow: hidden
}
}

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

@media ( min-width : 962px) {
.container {
    width: 940px
}
}

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

#ie7 .container, #ie8 .container {
width: 940px
}

.container-fluid {
margin-right: auto;
margin-left: auto;
*zoom: 1
}

.container-fluid:after {
content: "";
display: table;
clear: both
}

.row, .row-new {
margin-left: -1.28205%;
margin-right: -1.28205%;
*zoom: 1
}

.row:after, .row-new:after {
content: "";
display: table;
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;
margin-left: 1.28205%;
margin-right: 1.28205%
}

.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: 5.76923%
}

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

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

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

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

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

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

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

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

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

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

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

.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: 5.76923%
}
.col-sm-2 {
    width: 14.10256%
}
.col-sm-3 {
    width: 22.4359%
}
.col-sm-4 {
    width: 30.76923%
}
.col-sm-5 {
    width: 39.10256%
}
.col-sm-6 {
    width: 47.4359%
}
.col-sm-7 {
    width: 55.76923%
}
.col-sm-8 {
    width: 64.10256%
}
.col-sm-9 {
    width: 72.4359%
}
.col-sm-10 {
    width: 80.76923%
}
.col-sm-11 {
    width: 89.10256%
}
.col-sm-12 {
    width: 97.4359%
}
.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%
}
}

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

#ie7 .col-sm-1, #ie8 .col-sm-1 {
width: 5.76923%
}

#ie7 .col-sm-2, #ie8 .col-sm-2 {
width: 14.10256%
}

#ie7 .col-sm-3, #ie8 .col-sm-3 {
width: 22.4359%
}

#ie7 .col-sm-4, #ie8 .col-sm-4 {
width: 30.76923%
}

#ie7 .col-sm-5, #ie8 .col-sm-5 {
width: 39.10256%
}

#ie7 .col-sm-6, #ie8 .col-sm-6 {
width: 47.4359%
}

#ie7 .col-sm-7, #ie8 .col-sm-7 {
width: 55.76923%
}

#ie7 .col-sm-8, #ie8 .col-sm-8 {
width: 64.10256%
}

#ie7 .col-sm-9, #ie8 .col-sm-9 {
width: 72.4359%
}

#ie7 .col-sm-10, #ie8 .col-sm-10 {
width: 80.76923%
}

#ie7 .col-sm-11, #ie8 .col-sm-11 {
width: 89.10256%
}

#ie7 .col-sm-12, #ie8 .col-sm-12 {
width: 97.4359%
}

#ie7 .col-sm-pull-0, #ie8 .col-sm-pull-0 {
right: auto
}

#ie7 .col-sm-pull-1, #ie8 .col-sm-pull-1 {
right: 8.33333%
}

#ie7 .col-sm-pull-2, #ie8 .col-sm-pull-2 {
right: 16.66667%
}

#ie7 .col-sm-pull-3, #ie8 .col-sm-pull-3 {
right: 25%
}

#ie7 .col-sm-pull-4, #ie8 .col-sm-pull-4 {
right: 33.33333%
}

#ie7 .col-sm-pull-5, #ie8 .col-sm-pull-5 {
right: 41.66667%
}

#ie7 .col-sm-pull-6, #ie8 .col-sm-pull-6 {
right: 50%
}

#ie7 .col-sm-pull-7, #ie8 .col-sm-pull-7 {
right: 58.33333%
}

#ie7 .col-sm-pull-8, #ie8 .col-sm-pull-8 {
right: 66.66667%
}

#ie7 .col-sm-pull-9, #ie8 .col-sm-pull-9 {
right: 75%
}

#ie7 .col-sm-pull-10, #ie8 .col-sm-pull-10 {
right: 83.33333%
}

#ie7 .col-sm-pull-11, #ie8 .col-sm-pull-11 {
right: 91.66667%
}

#ie7 .col-sm-pull-12, #ie8 .col-sm-pull-12 {
right: 100%
}

#ie7 .col-sm-push-0, #ie8 .col-sm-push-0 {
left: auto
}

#ie7 .col-sm-push-1, #ie8 .col-sm-push-1 {
left: 8.33333%
}

#ie7 .col-sm-push-2, #ie8 .col-sm-push-2 {
left: 16.66667%
}

#ie7 .col-sm-push-3, #ie8 .col-sm-push-3 {
left: 25%
}

#ie7 .col-sm-push-4, #ie8 .col-sm-push-4 {
left: 33.33333%
}

#ie7 .col-sm-push-5, #ie8 .col-sm-push-5 {
left: 41.66667%
}

#ie7 .col-sm-push-6, #ie8 .col-sm-push-6 {
left: 50%
}

#ie7 .col-sm-push-7, #ie8 .col-sm-push-7 {
left: 58.33333%
}

#ie7 .col-sm-push-8, #ie8 .col-sm-push-8 {
left: 66.66667%
}

#ie7 .col-sm-push-9, #ie8 .col-sm-push-9 {
left: 75%
}

#ie7 .col-sm-push-10, #ie8 .col-sm-push-10 {
left: 83.33333%
}

#ie7 .col-sm-push-11, #ie8 .col-sm-push-11 {
left: 91.66667%
}

#ie7 .col-sm-push-12, #ie8 .col-sm-push-12 {
left: 100%
}

#ie7 .col-sm-offset-0, #ie8 .col-sm-offset-0 {
margin-left: 0%
}

#ie7 .col-sm-offset-1, #ie8 .col-sm-offset-1 {
margin-left: 8.33333%
}

#ie7 .col-sm-offset-2, #ie8 .col-sm-offset-2 {
margin-left: 16.66667%
}

#ie7 .col-sm-offset-3, #ie8 .col-sm-offset-3 {
margin-left: 25%
}

#ie7 .col-sm-offset-4, #ie8 .col-sm-offset-4 {
margin-left: 33.33333%
}

#ie7 .col-sm-offset-5, #ie8 .col-sm-offset-5 {
margin-left: 41.66667%
}

#ie7 .col-sm-offset-6, #ie8 .col-sm-offset-6 {
margin-left: 50%
}

#ie7 .col-sm-offset-7, #ie8 .col-sm-offset-7 {
margin-left: 58.33333%
}

#ie7 .col-sm-offset-8, #ie8 .col-sm-offset-8 {
margin-left: 66.66667%
}

#ie7 .col-sm-offset-9, #ie8 .col-sm-offset-9 {
margin-left: 75%
}

#ie7 .col-sm-offset-10, #ie8 .col-sm-offset-10 {
margin-left: 83.33333%
}

#ie7 .col-sm-offset-11, #ie8 .col-sm-offset-11 {
margin-left: 91.66667%
}

#ie7 .col-sm-offset-12, #ie8 .col-sm-offset-12 {
margin-left: 100%
}

@media ( min-width : 962px) {
.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: 5.76923%
}
.col-md-2 {
    width: 14.10256%
}
.col-md-3 {
    width: 22.4359%
}
.col-md-4 {
    width: 30.76923%
}
.col-md-5 {
    width: 39.10256%
}
.col-md-6 {
    width: 47.4359%
}
.col-md-7 {
    width: 55.76923%
}
.col-md-8 {
    width: 64.10256%
}
.col-md-9 {
    width: 72.4359%
}
.col-md-10 {
    width: 80.76923%
}
.col-md-11 {
    width: 89.10256%
}
.col-md-12 {
    width: 97.4359%
}
.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%
}
}

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

#ie7 .col-md-1, #ie8 .col-md-1 {
width: 5.76923%
}

#ie7 .col-md-2, #ie8 .col-md-2 {
width: 14.10256%
}

#ie7 .col-md-3, #ie8 .col-md-3 {
width: 22.4359%
}

#ie7 .col-md-4, #ie8 .col-md-4 {
width: 30.76923%
}

#ie7 .col-md-5, #ie8 .col-md-5 {
width: 39.10256%
}

#ie7 .col-md-6, #ie8 .col-md-6 {
width: 47.4359%
}

#ie7 .col-md-7, #ie8 .col-md-7 {
width: 55.76923%
}

#ie7 .col-md-8, #ie8 .col-md-8 {
width: 64.10256%
}

#ie7 .col-md-9, #ie8 .col-md-9 {
width: 72.4359%
}

#ie7 .col-md-10, #ie8 .col-md-10 {
width: 80.76923%
}

#ie7 .col-md-11, #ie8 .col-md-11 {
width: 89.10256%
}

#ie7 .col-md-12, #ie8 .col-md-12 {
width: 97.4359%
}

#ie7 .col-md-pull-0, #ie8 .col-md-pull-0 {
right: auto
}

#ie7 .col-md-pull-1, #ie8 .col-md-pull-1 {
right: 8.33333%
}

#ie7 .col-md-pull-2, #ie8 .col-md-pull-2 {
right: 16.66667%
}

#ie7 .col-md-pull-3, #ie8 .col-md-pull-3 {
right: 25%
}

#ie7 .col-md-pull-4, #ie8 .col-md-pull-4 {
right: 33.33333%
}

#ie7 .col-md-pull-5, #ie8 .col-md-pull-5 {
right: 41.66667%
}

#ie7 .col-md-pull-6, #ie8 .col-md-pull-6 {
right: 50%
}

#ie7 .col-md-pull-7, #ie8 .col-md-pull-7 {
right: 58.33333%
}

#ie7 .col-md-pull-8, #ie8 .col-md-pull-8 {
right: 66.66667%
}

#ie7 .col-md-pull-9, #ie8 .col-md-pull-9 {
right: 75%
}

#ie7 .col-md-pull-10, #ie8 .col-md-pull-10 {
right: 83.33333%
}

#ie7 .col-md-pull-11, #ie8 .col-md-pull-11 {
right: 91.66667%
}

#ie7 .col-md-pull-12, #ie8 .col-md-pull-12 {
right: 100%
}

#ie7 .col-md-push-0, #ie8 .col-md-push-0 {
left: auto
}

#ie7 .col-md-push-1, #ie8 .col-md-push-1 {
left: 8.33333%
}

#ie7 .col-md-push-2, #ie8 .col-md-push-2 {
left: 16.66667%
}

#ie7 .col-md-push-3, #ie8 .col-md-push-3 {
left: 25%
}

#ie7 .col-md-push-4, #ie8 .col-md-push-4 {
left: 33.33333%
}

#ie7 .col-md-push-5, #ie8 .col-md-push-5 {
left: 41.66667%
}

#ie7 .col-md-push-6, #ie8 .col-md-push-6 {
left: 50%
}

#ie7 .col-md-push-7, #ie8 .col-md-push-7 {
left: 58.33333%
}

#ie7 .col-md-push-8, #ie8 .col-md-push-8 {
left: 66.66667%
}

#ie7 .col-md-push-9, #ie8 .col-md-push-9 {
left: 75%
}

#ie7 .col-md-push-10, #ie8 .col-md-push-10 {
left: 83.33333%
}

#ie7 .col-md-push-11, #ie8 .col-md-push-11 {
left: 91.66667%
}

#ie7 .col-md-push-12, #ie8 .col-md-push-12 {
left: 100%
}

#ie7 .col-md-offset-0, #ie8 .col-md-offset-0 {
margin-left: 0%
}

#ie7 .col-md-offset-1, #ie8 .col-md-offset-1 {
margin-left: 8.33333%
}

#ie7 .col-md-offset-2, #ie8 .col-md-offset-2 {
margin-left: 16.66667%
}

#ie7 .col-md-offset-3, #ie8 .col-md-offset-3 {
margin-left: 25%
}

#ie7 .col-md-offset-4, #ie8 .col-md-offset-4 {
margin-left: 33.33333%
}

#ie7 .col-md-offset-5, #ie8 .col-md-offset-5 {
margin-left: 41.66667%
}

#ie7 .col-md-offset-6, #ie8 .col-md-offset-6 {
margin-left: 50%
}

#ie7 .col-md-offset-7, #ie8 .col-md-offset-7 {
margin-left: 58.33333%
}

#ie7 .col-md-offset-8, #ie8 .col-md-offset-8 {
margin-left: 66.66667%
}

#ie7 .col-md-offset-9, #ie8 .col-md-offset-9 {
margin-left: 75%
}

#ie7 .col-md-offset-10, #ie8 .col-md-offset-10 {
margin-left: 83.33333%
}

#ie7 .col-md-offset-11, #ie8 .col-md-offset-11 {
margin-left: 91.66667%
}

#ie7 .col-md-offset-12, #ie8 .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: 5.76923%
}
.col-lg-2 {
    width: 14.10256%
}
.col-lg-3 {
    width: 22.4359%
}
.col-lg-4 {
    width: 30.76923%
}
.col-lg-5 {
    width: 39.10256%
}
.col-lg-6 {
    width: 47.4359%
}
.col-lg-7 {
    width: 55.76923%
}
.col-lg-8 {
    width: 64.10256%
}
.col-lg-9 {
    width: 72.4359%
}
.col-lg-10 {
    width: 80.76923%
}
.col-lg-11 {
    width: 89.10256%
}
.col-lg-12 {
    width: 97.4359%
}
.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%
}
}

.col-center {
margin: 0 auto;
float: none !important
}

html, body {
height: 100%
}

#body-wrap-container {
height: 100%;
background-color: #fff
}

#body-wrap {
min-height: 100%;
margin: 0 auto -349px
}

@media ( max-width : 767px) {
#body-wrap {
    
}
}

@media ( max-width : 767px) {
#body-wrap {
    margin: 0 auto -583px
}
}

.bg-offwhite #body-wrap {
background-color: #fafbfc
}

#body-push {
height: 349px
}

@media ( max-width : 767px) {
#body-push {
    height: 633px
}
}

#header-main {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
background-color: #ffffff;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
max-height: 55px;
padding: 15px 0;
position: static;
z-index: 7;
left: 0;
right: 0
}

@media ( min-width : 768px) and (max-width: 961px) {
#header-main {
    padding: 11px 0;
    position: static
}
}

@media ( max-width : 767px) {
#header-main {
    max-height: 52px;
    padding: 0;
    position: static
}
}

.js-userLoading, .logged-in, .user-canceled {
display: none !important
}

#header-spacer {
/* height: 68px */
}

@media ( max-width : 961px) {
#header-spacer {
    display: none
}
}

.logo {
display: block;
position: relative;
float: left;
top: 2px
}

.logo.header-logo-small {
top: 0;
width: 30px
}

.logo.logged-out {
width: 94px;
top: -6px;
height: 43px
}

@media ( min-width : 768px) and (max-width: 961px) {
.logo.header-logo-small {
    width: 30px
}
}

@media ( max-width : 767px) {
.logo {
    padding: 4px 0 5px;
    float: left;
    top: 0;
    margin-left: 16px;
    height: auto
}
.logo.header-logo-small {
    width: 23px
}
.logo.logged-out {
    width: 65px;
    top: 0
}
.logo.logged-out svg {
    height: 45px
}
}

.logo:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}

.logo svg {
width: 100%;
z-index: -99
}

@media ( max-width : 767px) {
#logo img {
    width: 94px;
    height: auto;
    max-width: initial
}
}

#member-portal {
color: #6a6d75;
font-size: 14px;
margin-top: 4px;
text-align: right
}

@media ( max-width : 767px) {
#member-portal {
    text-align: left
}
}

#member-portal .portal-sign-in {
color: #6a6d75;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.1em;
margin-right: 10px;
text-decoration: none;
text-transform: uppercase
}

#member-portal .portal-sign-in:hover, #member-portal .portal-sign-in:focus
{
    color:rgb(231, 18, 18) !important;
}

#member-portal .portal-sign-in:active {
color: #0f346c
}

#member-portal .guest-sign-in {
position: relative;
top: -8px
}

#member-portal .welcome-bar {
font-weight: 400;
color: #6a6d75;
font-size: 15px;
cursor: pointer
}

#member-portal .welcome-bar .user-nav-anchor {
display: inline
}

#member-portal .welcome-bar:hover, #member-portal .welcome-bar:active,
#member-portal .welcome-bar:focus {
color: #0f346c
}

#member-portal .welcome-bar:hover .caret, #member-portal .welcome-bar:active .caret,
#member-portal .welcome-bar:focus .caret {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition-duration: 0.25s
}

#member-portal .welcome-bar .caret {
fill: #6a6d75
}

#member-portal .welcome-bar:hover, #member-portal .welcome-bar:focus,
#member-portal .welcome-bar:active {
color: #0f346c
}

@media ( min-width : 768px) and (max-width: 961px) {
#member-portal .welcome-txt {
    display: none
}
}

#member-portal .coupon-balance {
margin-left: 10px
}

#member-portal .my-acct {
font-weight: 600;
font-size: 17px;
vertical-align: middle
}

#member-portal .notification, .mobile-portal .notification {
border-radius: 20px;
padding: 1px 8px;
height: 16px;
position: relative;
display: inline-block;
vertical-align: middle;
background: #f26226;
color: #fff
}

#member-portal .notification span, .mobile-portal .notification span {
display: block;
position: relative;
top: -3px;
line-height: 23px;
text-align: center;
vertical-align: middle;
font-size: 12px;
font-weight: 500
}

#member-portal .notification.current, #member-portal .notification:focus,
.mobile-portal .notification.current, .mobile-portal .notification:focus
{
background: #7581a7
}

.side-nav-col {
position: static
}

@media ( max-width : 961px) {
.side-nav-col {
    display: none
}
}

.welcome-bar {
font-size: 15px;
position: relative;
padding-top: 8px
}

.user-nav-anchor {
display: inline;
cursor: pointer
}

.user-nav-anchor .icon-caret svg {
height: 7px;
width: 12px
}

.user-nav-anchor {
display: inline;
cursor: pointer
}

.user-nav-container {
position: absolute;
top: 35px;
right: 0px;
padding-top: 10px;
width: 168px;
z-index: 10
}

.user-nav-container.shift-left {
right: 119px
}

.user-nav-box {
border-radius: 2px;
background-color: #ffffff;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3)
}

.spin {
-webkit-animation: spin 0.15s linear 0s normal 1 forwards;
animation: spin 0.15s linear 0s normal 1 forwards
}

@
-webkit-keyframes spin {
from {-webkit-transform: rotate(0deg)
}

to {
-webkit-transform: rotate(180deg)
}

}
@
keyframes spin {
from {-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}

to {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}

}
.user-nav {
padding: 5px 0 0 0
}

.user-nav a.account-menu-hover {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
font-size: 14px;
color: #245091;
padding: 8px 15px;
display: block
}

.user-nav a.account-menu-hover:hover, .user-nav a.account-menu-hover:active,
.user-nav a.account-menu-hover:focus {
background-color: #0f346c;
color: #ffffff;
text-decoration: none
}

.user-nav li {
line-height: 14px;
text-align: left
}

.user-nav .nav-logout {
border-top: 1px solid #d5d5d5;
margin-top: 5px;
line-height: 18px
}

.user-nav.user-nav-snapper a {
font-size: 18px;
padding: 10px 15px
}

.notification-big .notification {
border-radius: 20px;
vertical-align: middle;
padding: 1px 6px;
margin-top: -3px;
height: 16px;
left: 5px;
position: relative;
display: inline-block;
background: #f26226;
color: #fff
}

.notification-big .notification span {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
display: block;
position: relative;
top: -3px;
line-height: 23px;
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: 400
}

.notification-big .notification:hover, .notification-big .notification:focus
{
background: #ff6c2f
}

.notification-big .referrals {
background: #009978
}

.notification-big .referrals span {
font-size: 13px
}

.notification-big .referrals:hover, .notification-big .referrals:focus {
background: #00a682
}

.nav-invites .current .notification-big .notification {
background: #7581a7
}

.nav-invites:hover .notification-big .referrals {
background: #00a682
}

#head-promo {
background: #0f346c;
display: none;
position: relative;
padding: 7px 0;
min-width: 750px;
margin: 0;
transition-property: margin;
transition-duration: 250ms;
transition-timing-function: ease-in
}

#head-promo path {
fill: #7581a7
}

@media ( max-width : 767px) {
#head-promo {
    min-width: 0;
    padding: 0
}
}

#head-promo .promo-content {
text-align: center;
padding: 0 35px
}

@media ( max-width : 767px) {
#head-promo .promo-content {
    padding: 16px;
    display: table
}
}

#head-promo .promo-message {
color: #ffffff;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 40px
}

@media ( max-width : 767px) {
#head-promo .promo-message {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    margin: 16px 0
}
}

#head-promo .promo-btn-hldr {
display: inline-block;
margin-left: 18px
}

@media ( max-width : 767px) {
#head-promo .promo-btn-hldr {
    display: table-cell;
    min-width: 124px;
    vertical-align: top;
    text-align: right;
    padding-left: 8px;
    margin: 0
}
}

#ie7 #head-promo .promo-btn-hldr {
display: inline
}

#head-promo .btn, #head-promo .btn--orange, #head-promo .btn-orange,
#head-promo .btn--facebook, #head-promo .btn--grey, #head-promo .btn--toggle,
#head-promo .ba-input-toggle .ba-input-icon, .ba-input-toggle #head-promo .ba-input-icon,
#head-promo .marketplace-cart .checkout-btn, .marketplace-cart #head-promo .checkout-btn,
#head-promo .marketplace-cart .checkout-btn-disabled, .marketplace-cart #head-promo .checkout-btn-disabled
{
font-size: 12px;
line-height: 15px;
height: 14px;
padding: 8px 20px 9px
}

#ie7 #head-promo .btn, #ie7 #head-promo .btn--orange, #ie7 #head-promo .btn-orange,
#ie7 #head-promo .btn--facebook, #ie7 #head-promo .btn--grey, #ie7 #head-promo .btn--toggle,
#ie7 #head-promo .ba-input-toggle .ba-input-icon, .ba-input-toggle #ie7 #head-promo .ba-input-icon,
#ie7 #head-promo .marketplace-cart .checkout-btn, .marketplace-cart #ie7 #head-promo .checkout-btn,
#ie7 #head-promo .marketplace-cart .checkout-btn-disabled,
.marketplace-cart #ie7 #head-promo .checkout-btn-disabled {
display: inline
}

@media ( max-width : 767px) {
#head-promo .btn, #head-promo .btn--orange, #head-promo .btn-orange,
    #head-promo .btn--facebook, #head-promo .btn--grey, #head-promo .btn--toggle,
    #head-promo .ba-input-toggle .ba-input-icon, .ba-input-toggle #head-promo .ba-input-icon,
    #head-promo .marketplace-cart .checkout-btn, .marketplace-cart #head-promo .checkout-btn,
    #head-promo .marketplace-cart .checkout-btn-disabled,
    .marketplace-cart #head-promo .checkout-btn-disabled {
    font-size: 10px;
    line-height: 15px;
    height: 14px;
    padding: 8px 20px 9px;
    z-index: 2;
    text-transform: uppercase
}
#ie7 #head-promo .btn, #ie7 #head-promo .btn--orange, #ie7 #head-promo .btn-orange,
    #ie7 #head-promo .btn--facebook, #ie7 #head-promo .btn--grey, #ie7 #head-promo .btn--toggle,
    #ie7 #head-promo .ba-input-toggle .ba-input-icon, .ba-input-toggle #ie7 #head-promo .ba-input-icon,
    #ie7 #head-promo .marketplace-cart .checkout-btn, .marketplace-cart #ie7 #head-promo .checkout-btn,
    #ie7 #head-promo .marketplace-cart .checkout-btn-disabled,
    .marketplace-cart #ie7 #head-promo .checkout-btn-disabled {
    display: inline
}
}

#head-promo .promo-fade {
background-color: #0d2a54;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25) inset;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}

#head-promo .promo-close {
width: 20px;
position: absolute;
top: 17px;
right: 20px;
height: 20px;
line-height: 22px;
color: #fff;
cursor: pointer
}

#head-promo .promo-close:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}

#head-promo .promo-close object {
width: 100%;
z-index: -98
}

#head-promo .promo-close:hover, #head-promo .promo-close:active {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7
}

@media ( max-width : 767px) {
#head-promo .promo-close {
    display: none
}
}

#masquerade {
background:
    url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYzY1YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdhOTY0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
background: linear-gradient(to bottom, #b0c65a 0%, #7a9645 100%);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-shadow: 0px -1px 0 rgba(255, 255, 255, 0.3) inset;
position: fixed;
top: -12px;
left: -71px;
height: 80px;
width: 200px;
z-index: 1000;
border-bottom: 1px solid #658C40
}

.masquerade-txt {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
position: absolute;
bottom: 5px;
width: 100%;
text-align: center;
color: #fff;
font-size: 17px;
margin: 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.masquerade-icn {
background: url("admin/masquerade.png") center center no-repeat scroll;
background-size: 45px 22px;
height: 22px;
width: 45px;
position: absolute;
bottom: 28px;
left: 50%;
margin-left: -22px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
    (min--moz-device-pixel-ratio: 2) , only screen and
    (min-device-pixel-ratio: 2) , only screen and (min-resolution: 192dpi)
    , only screen and (min-resolution: 2dppx) {
.masquerade-icn {
    background-image: url("admin/masquerade@2x.png")
}
}

#main-nav {
float: left;
height: 30px;
padding: 9px 0 9px;
margin-left: 16px
}

@media ( min-width : 768px) and (max-width: 961px) {
#main-nav {
    margin-left: 0;
    float: none
}
}

.header-nav {
line-height: 30px
}

.header-nav>li {
padding: 0 16px
}

@media ( min-width : 768px) and (max-width: 961px) {
.header-nav>li {
    padding: 0 16px
}
}

.header-nav a {
display: block;
font-weight: 400;
color: #6a6d75;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.1em;
height: 26px;
line-height: 26px;
padding-top: 2px;
border-bottom: 2px solid transparent
}

.header-nav a:hover, .header-nav a:focus {
color:rgb(231, 18, 18) !important;
text-decoration: none
}

.header-nav a.current {
color: #0f346c;
font-weight: 500;
text-decoration: none
}

.header-nav .new-pill {
background-color: #DC6E2D;
border-radius: 3px;
padding: 4px 6px 2px;
color: #fff;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
position: relative;
top: -3px;
margin-left: 2px;
display: inline-block;
line-height: 18px
}

@media ( min-width : 768px) and (max-width: 961px) {
.header-nav .new-pill>li {
    padding: 0 10px
}
.header-nav .new-pill a {
    font-size: 16px
}
}

.js-BasketView {
display: none
}

.js-BasketView.show {
display: block
}

#ie7 .js-BasketView {
display: none
}

li.basket-hldr {
padding: 0px 5px 0 0
}

.basket-hldr {
cursor: pointer;
position: relative;
height: 28px;
z-index: 10
}

.basket-hldr.show:hover .basket-ico {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity: 0.75
}

.basket-hldr.show:hover .basket-num {
background: #ff6c2f
}

.basket-hldr .basket-ico {
float: left;
margin-right: 10px;
margin-top: 3px;
z-index: 9;
position: relative;
display: inline-block;
width: 27px;
height: 19px
}

.basket-hldr .basket-ico:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}

.basket-hldr .basket-ico object {
width: 100%;
z-index: -99
}

@media ( max-width : 767px) {
.basket-hldr .basket-ico {
    width: 23px;
    height: 16px;
    margin-top: 12px
}
}

.basket-hldr .basket-ico .basket-svg {
background:
    url("svg/basket-0883f98e8a1f4c8f26db904bad9d91b80c6b85a1fd63bd242d8c776d01f8e4c4.svg")
    no-repeat;
width: 100%;
height: 100%
}

.basket-hldr .basket-num {
border-radius: 20px;
padding: 1px 5px 0 5px;
height: 16px;
line-height: 16px;
font-size: 11px;
color: #fff;
border: 2px solid #fff;
background-color: #f26226;
text-align: center;
position: absolute;
top: 4px;
left: 19px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
min-width: 7px;
z-index: 10
}

.basket-hldr .basket-num .spinner {
top: 50%;
left: 50%
}

.basket-hldr .basket-num.current, .basket-hldr .basket-num:focus {
background: #7581a7
}

@media ( max-width : 767px) {
.basket-hldr .basket-num {
    width: 4px;
    height: 13px;
    top: 3px;
    left: 13px;
    line-height: 13px;
    font-size: 8px;
    padding-left: 5px
}
}

.nav-mobile {
padding-bottom: 20px;
position: fixed;
height: 100%;
width: 328px;
top: 0px;
right: -328px;
z-index: 500;
background-color: #ffffff;
-webkit-transform: translateX(328px);
-ms-transform: translateX(328px);
transform: translateX(328px);
transition: -webkit-transform 0.5s ease-out;
transition: transform 0.5s ease-out;
transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
white-space: nowrap
}

.nav-mobile.display {
width: 328px;
height: 100%;
-webkit-transform: translateX(-328px);
-ms-transform: translateX(-328px);
transform: translateX(-328px);
transition: -webkit-transform 0.5s ease-out;
transition: transform 0.5s ease-out;
transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
white-space: nowrap
}

.nav-mobile.display .notification-big {
padding-right: 24px
}

.nav-mobile.display .notification-big span {
padding: 1px 6px
}

#mobile-nav-overlay {
display: none
}

@media ( max-width : 767px) {
#mobile-nav-overlay {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    z-index: 8;
    opacity: 0.3;
    width: 100%;
    height: 100%
}
}

.mobile-container-right {
float: right;
margin: 18px 16px 0 0
}

.mobile-container-right .basket-area.mobile-only {
position: relative;
display: inline-block;
right: 0px;
top: -12px;
margin-right: 23px;
float: left
}

@media ( max-width : 767px) {
.nav-collapse, .nav-collapse.collapse {
    background-color: #ededed;
    display: none;
    overflow: hidden;
    clear: both
}
.nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.collapse {
    transition: height 0.35s ease
}
#main-nav {
    float: none;
    height: auto;
    margin: 0;
    padding: 0
}
#main-nav .nav_shop {
    border-bottom-width: 0
}
#main-nav .nav {
    padding: 20px
}
#main-nav .nav>li {
    float: none;
    display: block;
    padding: 0
}
#main-nav .nav>li.basket-hldr.show {
    display: none
}
#main-nav .nav a {
    border-bottom: 1px solid #d3d5db;
    font-size: 28px;
    height: 34px;
    line-height: 34px;
    padding: 5px 0
}
#main-nav .nav #nav_shop {
    border-bottom-width: 0
}
#main-nav .nav:hover, #main-nav .nav:focus {
    border-color: #6a6d75
}
#main-nav .nav.current {
    border-color: #0f346c
}
.mobile-portal {
    border-top: 1px solid #d3d5db;
    padding: 10px 0
}
.mobile-portal .notification {
    display: inline-block;
    height: 20px;
    top: -1px
}
.mobile-portal .notification span {
    left: -1px;
    top: -1px;
    font-size: 13px
}
.mobile-sign-in, .mobile-sign-out, #my_account_nav_link_mobile {
    color: #6a6d75;
    margin-left: 20px;
    font-weight: 600;
    font-size: 15px
}
}

#nav-hamburger {
float: right;
width: 24px;
height: 16px;
position: relative;
cursor: pointer;
border: none;
background-color: transparent;
margin: 0;
display: inline;
padding: 0
}

#nav-hamburger .svg-hamburger {
width: 24px;
height: 16px
}

#nav-hamburger:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}

.nav-title {
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
position: fixed;
z-index: 10;
background-color: #ffffff;
border-bottom: #d3d5db;
height: 45px;
padding: 4px 24px;
letter-spacing: 0.1em;
margin-left: 0;
border-bottom: 0;
display: block;
width: 280px
}

.nav-title h3 {
position: relative;
color: #303236;
font-weight: 500;
font-size: 14px;
top: 16px
}

.nav-title .close {
cursor: pointer;
position: absolute;
width: 16px;
height: 16px;
top: 20px;
display: inline-block;
right: 16px
}

.nav-title .close path {
fill: #b1b5bd
}

@media ( max-width : 767px) {
.nav-title .close {
    width: 18px
}
}

.nav-mobile-pills {
padding: 53px 0;
overflow-y: auto;
height: calc(100% - 53px)
}

.nav-mobile-pills .notification-big {
float: right;
z-index: -99
}

.nav-mobile-pills .notification-big .notification {
height: 20px;
top: 0px
}

.nav-mobile-pills .notification-big .notification span {
line-height: 24px;
font-size: 15px
}

.nav-mobile-pills li {
margin-left: 16px;
border-bottom: 1px solid rgba(117, 129, 167, 0.2);
width: 312px
}

.nav-mobile-pills li.sign-out-wrap, .nav-mobile-pills li.sign-in,
.nav-mobile-pills li.sign-up {
border-bottom: none
}

.nav-mobile-pills li.sign-up, .nav-mobile-pills li.sign-in {
width: 293px
}

.nav-mobile-pills li.sublist {
border-bottom: none
}

.nav-mobile-pills li a {
font-size: 16px;
padding: 9px 0px;
margin-left: 8px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #245091;
font-weight: 400;
display: block
}

.nav-mobile-pills li a:hover, .nav-mobile-pills li a:active,
.nav-mobile-pills li a:focus {
text-decoration: none;
color: #0d2a54
}

.nav-mobile-pills li a.current {
text-decoration: none;
color: #ffffff
}

.nav-mobile-pills li a.btn, .nav-mobile-pills li a.btn--orange,
.nav-mobile-pills li a.btn-orange, .nav-mobile-pills li a.btn--facebook,
.nav-mobile-pills li a.btn--grey, .nav-mobile-pills li a.btn--toggle,
.nav-mobile-pills li .ba-input-toggle a.ba-input-icon, .ba-input-toggle .nav-mobile-pills li a.ba-input-icon,
.nav-mobile-pills li .marketplace-cart a.checkout-btn,
.marketplace-cart .nav-mobile-pills li a.checkout-btn,
.nav-mobile-pills li .marketplace-cart a.checkout-btn-disabled,
.marketplace-cart .nav-mobile-pills li a.checkout-btn-disabled {
font-size: 15px;
font-weight: 500;
margin: 15px 0;
padding: 0px;
width: 100%
}

.nav-mobile-pills li a.btn-orange {
color: #ffffff
}

.nav-mobile-pills li.sublist a {
font-size: 14px;
padding: 6px 0
}

.branch-banner-is-active .nav-mobile {
margin-top: 76px
}

.footer {
background-color: #fafbfc;
box-shadow: inset 0 1px 0 0 #eceef2;
color: #6a6d75;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
overflow: hidden
}

@media ( max-width : 961px) {
.footer {
    min-height: 40px;
    height: auto
}
}

.footer .user-logged-in, .footer .user-logged-out {
display: none
}

@media ( max-width : 961px) {
.footer .middle-spacer, .footer .outer-spacer {
    display: none !important
}
}

.footer .middle-spacer {
height: 125px
}

.footer .middle-spacer:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
border-left: 1px solid #e4e6eb;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%)
}

.footer #footer-content {
padding-top: 30px
}

@media ( max-width : 961px) {
.footer #footer-content {
    padding-top: 0
}
}

.footer #footer-content .footer-title {
color: #303236;
font-style: normal;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.1em;
margin-bottom: 20px;
text-align: center;
}

.footer .socials {
text-align: center;
padding-top: 10px
}

@media ( max-width : 961px) {
.footer .socials {
    display: none
}
}

.footer .socials li {
margin-left: 25px
}

.footer .socials li:first-child {
margin-left: 0
}

.footer .socials a, .footer .socials-mobile a {
display: block;
text-indent: -2000em
}

.footer .socials a.fb, .footer .socials-mobile a.fb {
height: 24px;
width: 30px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -502px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.footer .socials a.fb, .footer .socials-mobile a.fb {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -431px;
    background-size: 186px, auto
}
}

.footer .socials a.tw, .footer .socials-mobile a.tw {
height: 24px;
width: 30px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -621px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.footer .socials a.tw, .footer .socials-mobile a.tw {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -502px;
    background-size: 186px, auto
}
}

.footer .socials a.ig, .footer .socials-mobile a.ig {
height: 23px;
width: 23px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -526px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.footer .socials a.ig, .footer .socials-mobile a.ig {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -455px;
    background-size: 186px, auto
}
}

.footer .socials a.pin, .footer .socials-mobile a.pin {
height: 24px;
width: 30px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -597px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.footer .socials a.pin, .footer .socials-mobile a.pin {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -478px;
    background-size: 186px, auto
}
}

.footer ul.socials-mobile {
padding: 25px 0 15px 0;
overflow: hidden
}

.footer ul.socials-mobile li {
width: 25%;
height: 30px;
display: inline;
float: left;
overflow: hidden;
text-indent: -99999px
}

.footer ul.socials-mobile a {
margin: 0 auto
}

.footer .footer-newsletter-signup {
border-left: 1px solid #e4e6eb;
border-right: 1px solid #e4e6eb;
margin: 0 30px;
text-align: center;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

@media ( max-width : 961px) {
.footer .footer-newsletter-signup {
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom: 1px solid #e4e6eb;
    padding: 20px;
    margin: 0
}
}

.footer .footer-newsletter-signup p {
margin: 0
}

.footer .footer-newsletter-signup .footer-newsletter-form-hldr {
*zoom: 1;
width: 330px;
margin: 0 auto;
text-align: center;
margin-bottom: 10px
}

.footer .footer-newsletter-signup .footer-newsletter-form-hldr:after {
content: "";
display: table;
clear: both
}

.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="text"],
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="password"],
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="email"],
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="tel"]
{
box-sizing: content-box;
border-radius: 4px 0 0 4px;
border: none;
box-shadow: inset 0 0 0 1px #e4e6eb;
color: #6a6d75;
padding: 10px 15px;
margin-top: 0;
background-color: #ffffff;
height: 20px;
line-height: 20px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
float: left;
width: 245px
}

.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="text"]::-webkit-input-placeholder,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="password"]::-webkit-input-placeholder,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="email"]::-webkit-input-placeholder,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="tel"]::-webkit-input-placeholder
{
color: #b1b5bd
}

.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="text"]:-moz-placeholder,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="password"]:-moz-placeholder,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="email"]:-moz-placeholder,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="tel"]:-moz-placeholder
{
color: #b1b5bd
}

.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="text"]::-moz-placeholder,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="password"]::-moz-placeholder,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="email"]::-moz-placeholder,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="tel"]::-moz-placeholder
{
color: #b1b5bd
}

.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="text"]:-ms-input-placeholder,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="password"]:-ms-input-placeholder,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="email"]:-ms-input-placeholder,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="tel"]:-ms-input-placeholder
{
color: #b1b5bd
}

.footer .footer-newsletter-signup .footer-newsletter-form-hldr button {
border-radius: 0 4px 4px 0;
box-sizing: content-box;
float: left;
margin-top: 0;
padding: 10px 15px;
width: 25px;
height: 20px;
line-height: 20px;
font-weight: 700;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
border: 0 none transparent;
background-color: #245091;
background-image: none
}

.footer .footer-newsletter-signup .footer-newsletter-form-hldr button:hover,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr button:active,
.footer .footer-newsletter-signup .footer-newsletter-form-hldr button:focus
{
background-color: #0f346c;
background-image: none
}

.footer .footer-newsletter-signup .footer-newsletter-form-hldr .error {
position: static
}

@media ( max-width : 961px) {
.footer .footer-newsletter-signup .footer-newsletter-form-hldr {
    width: auto;
    max-width: 330px
}
.footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="text"],
    .footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="password"],
    .footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="email"],
    .footer .footer-newsletter-signup .footer-newsletter-form-hldr input[type="tel"]
    {
    box-sizing: border-box;
    height: 40px;
    width: 80%
}
.footer .footer-newsletter-signup .footer-newsletter-form-hldr button {
    box-sizing: border-box;
    height: 40px;
    width: 20%
}
}

.footer .blog-preview a {
border-radius: 4px;
color: #303236;
overflow: hidden
}

.footer .blog-preview .blog-preview-img {
float: left;
height: 70px;
width: 70px
}

.footer .blog-preview .blog-preview-img img {
height: 100%;
width: 100%
}

.footer .blog-preview .blog-preview-text {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.3;
color: #ffffff;
font-style: normal;
margin-left: 90px
}

@media ( min-width : 1200px) {
.footer .blog-preview .blog-preview-text {
    width: 155px
}
}

.footer .footer-bottom {
height: auto;
/* line-height: 32px; */
padding: 32px 0px;
margin-top: 32px;
color: white;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
background-color:rgba(200, 16, 16, 0.966);
}

@media ( max-width : 961px) {
.footer .footer-bottom {
    /* margin-top: 60px; */
    height: auto;
    background: none transparent;
    padding: 0 15px 10px;
    color: #d3d5db;
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.footer .footer-bottom .row-new ul:first-of-type {
    margin-left: 3%
}
}

#ie7 .footer .footer-bottom .row-new ul:first-of-type, #ie8 .footer .footer-bottom .row-new ul:first-of-type
{
margin-left: 3%
}

@media ( min-width : 1200px) {
.footer .footer-bottom .row-new ul:first-of-type {
    margin-left: 3%
}
}

.footer .footer-bottom .row-new .support-info {
max-width: 175px
}

@media ( max-width : 961px) {
.footer .footer-bottom .row-new .support-info {
    max-width: none
}
}

.footer .footer-copy {
float: right;
}

.footer .footer-copy a {
margin-left: 15px;
display: block;
color: #a1bce6
}

@media ( max-width : 961px) {
.footer .footer-copy {
    width: auto;
    text-align: center;
    xmargin-top: 50px;
    float: none;
    font-size: 12px;
    margin-left: 15px;
}
.footer .footer-copy a {
    color: #b1b5bd;
    display: inline
}
}

.footer .footer-copy .apple-app-store-logo {
width: 125px;
height: auto;
float: right
}

.footer .footer-copy .play-store-logo {
width: 125px;
float: right
}

.footer .footer-copy .play-store-logo img {
width: 125px
}

@media ( max-width : 961px) {
.footer .footer-copy {
    width: auto;
    text-align: center;
    xmargin-top: 50px;
    float: none;
    font-size: 12px;
    margin-left: 15px;
}
.footer .footer-copy a {
    color: #d3d5db;
    display: inline
}
.footer .footer-copy .apple-app-store-logo {
    display: inline-block;
    position: relative;
    width: 130px;
    float: none
}
.footer .footer-copy .play-store-logo {
    width: 130px;
    float: none;
    display: inline-block
}
.footer .footer-copy .play-store-logo img {
    width: 130px
}
}

.footer .footer-nav {
float: left;
max-width: 300px;
}

.footer .footer-nav>li {
margin: 0 13px 0 0
}

.footer .footer-nav.support-info a.phone {
font-size: 500;
font-weight: 500
}


.footer .footer-nav a {
display: block;
color: #d3d5db !important;
font-size: 14px;
line-height:40px;
}

@media ( max-width : 961px) {
.footer .footer-nav {
    float: none;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    max-width: none;
}
.footer .footer-nav>li {
    float: none;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 10px
}
.footer .footer-nav a {
    color:#d3d5db !important;
    font-size: 12px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.footer .footer-nav {
    margin-left: 0
}
}

#ie7 .footer .footer-nav, #ie8 .footer .footer-nav {
margin-left: 0
}

@media ( min-width : 1200px) {
.footer .footer-nav {
    margin-left: 0
}
}

@media ( max-width : 767px) {
.footer .footer-nav .hours-info {
    display: inline-block
}
}

.footer .legal-disclaimer {
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
margin-left: 3%;
margin-top: 12px
}

@media ( max-width : 961px) {
.footer .legal-disclaimer {
    color: #6a6d75
}
}

.footer .legal-disclaimer p {
margin-bottom: 0px
}

.footer .legal-disclaimer a {
color: #a1bce6
}

@media ( max-width : 961px) {
.footer .legal-disclaimer a {
    color: #245091
}
}

.tab-area {
border-bottom: 1px solid #ccc;
margin: 0 0px 20px 0px
}

@media ( min-width : 1200px) {
.tab-area {
    margin: 0 0px 20px 0px
}
}

@media ( max-width : 767px) {
.tab-area {
    margin: 0 -15px 20px;
    padding: 0 15px
}
}

.tab-no-border {
border-bottom: none;
margin-bottom: -1px;
z-index: 2;
position: relative
}

.tab-hldr {
margin-bottom: -1px;
overflow: hidden
}

.tab {
text-align: center;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
cursor: pointer;
border-bottom: 3px solid transparent;
margin-right: 30px
}

@media ( max-width : 767px) {
.tab {
    margin-right: 10px
}
}

.tab a {
text-decoration: none
}

.tab:hover {
border-bottom: 3px solid #7581a7
}

.tab:hover .tab-label {
color: #0f346c
}

.tab.active-tab {
cursor: default;
border-bottom: 3px solid #7581a7
}

.tab.active-tab .tab-label {
color: #0f346c
}

.tab-label {
display: block;
line-height: 18px;
padding: 12px 0;
font-size: 15px;
color: #808080
}

@media ( max-width : 767px) {
.tab-label {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
}

.alert, .alert-success, .alert-warning, .alert-error, .alert-danger,
.alert-info {
display: block;
position: relative;
padding: 16px 30px;
text-align: center;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
color: #ffffff
}

.alert a, .alert-success a, .alert-warning a, .alert-error a,
.alert-danger a, .alert-info a {
color: #ffffff;
text-decoration: underline
}

.alert .close, .alert-success .close, .alert-warning .close,
.alert-error .close, .alert-danger .close, .alert-info .close {
position: absolute;
top: 50%;
right: 20px;
height: 20px;
width: 20px;
line-height: 20px;
margin-top: -12px;
text-align: center;
font-size: 32px;
text-decoration: none;
font: "FontAwesome";
font-weight: 400;
color: #6a6d75
}

.alert .close:hover, .alert-success .close:hover, .alert-warning .close:hover,
.alert-error .close:hover, .alert-danger .close:hover, .alert-info .close:hover
{
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7
}

.alert .close:after, .alert-success .close:after, .alert-warning .close:after,
.alert-error .close:after, .alert-danger .close:after, .alert-info .close:after
{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
fill: currentColor
}

.alert .close object, .alert-success .close object, .alert-warning .close object,
.alert-error .close object, .alert-danger .close object, .alert-info .close object
{
width: 100%;
z-index: -98;
fill: currentColor
}

@media ( max-width : 767px) {
.alert, .alert-success, .alert-warning, .alert-error, .alert-danger,
    .alert-info {
    font-size: 12px;
    text-align: left;
    padding: 19px 135px 25px 16px;
    font-weight: 600;
    line-height: 16px
}
.alert .alert-container, .alert-success .alert-container, .alert-warning .alert-container,
    .alert-error .alert-container, .alert-danger .alert-container,
    .alert-info .alert-container {
    font-size: 12px
}
}

.alert strong, .alert-success strong, .alert-warning strong,
.alert-error strong, .alert-danger strong, .alert-info strong {
font-weight: 400;
color: #ffffff
}

.alert-success {
background-color: #009978
}

.alert-success path {
fill: #ffffff
}

.alert-warning {
background-color: #c09853;
border-color: #fbeed5
}

.alert-error, .alert-danger {
background-color: #d64148
}

.alert-error path, .alert-danger path {
fill: #fff
}

.alert-info {
background-color: #0f346c;
color: #7581a7
}

.alert-info path {
fill: #7581a7
}

.modal-inner {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
max-width: 850px
}

#ie7 .modal-inner, #ie8 .modal-inner {
width: 850px
}

.modal-title-hldr {
border-bottom: 1px solid #eee;
padding: 16px 55px 16px 20px
}

.modal-title-hldr h3 {
margin: 0;
font-size: 32px
}

@media ( max-width : 767px) {
.modal-title-hldr h3 {
    font-size: 25px
}
}

.modal-title--small {
font-size: 26px
}

.modal-contents-hldr {
overflow: hidden;
*zoom: 1;
padding: 15px;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif
}

.payment-information-modal .info-list-form li {
min-height: 35px
}

@media ( max-width : 767px) {
.payment-information-modal li.expiration-date-container {
    min-height: 57px
}
}

.payment-information-modal .chosen-container {
position: fixed;
z-index: 10;
width: 179px !important
}

.touch .fancybox-wrap {
-webkit-transform: translate3d(0, 0, 0);
-webkit-overflow-scrolling: touch
}

.form-input--small {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05) inset;
height: 35px;
line-height: 35px;
font-size: 14px;
padding: 0 10px
}

.ba-input, .ba-input-checkbox, .ba-input-radio, .ba-input-toggle {
border-radius: 3px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
position: relative;
background-color: #fff;
border: 1px solid #b9b9c5;
font-size: 16px;
color: #b9b9c5;
line-height: 20px
}

.ba-input .ba-input-icon, .ba-input-checkbox .ba-input-icon,
.ba-input-radio .ba-input-icon, .ba-input-toggle .ba-input-icon {
display: block;
position: absolute;
top: 50%;
left: 8px;
margin-top: -11px
}

.ba-input .ba-input-label, .ba-input-checkbox .ba-input-label,
.ba-input-radio .ba-input-label, .ba-input-toggle .ba-input-label {
cursor: pointer;
display: block;
line-height: 35px;
padding-left: 35px
}

.ba-input .ba-input-label.ba-input-label-small, .ba-input-checkbox .ba-input-label.ba-input-label-small,
.ba-input-radio .ba-input-label.ba-input-label-small, .ba-input-toggle .ba-input-label.ba-input-label-small
{
font-size: 12px;
line-height: 16px;
font-weight: 300
}

.ba-input.active, .active.ba-input-checkbox, .active.ba-input-radio,
.active.ba-input-toggle {
border-color: #0f346c;
color: #0f346c
}

.ba-input input[type=checkbox], .ba-input-checkbox input[type=checkbox],
.ba-input-radio input[type=checkbox], .ba-input-toggle input[type=checkbox],
.ba-input input[type=radio], .ba-input-checkbox input[type=radio],
.ba-input-radio input[type=radio], .ba-input-toggle input[type=radio] {
display: none
}

.ba-input-checkbox .ba-input-icon {
height: 20px;
width: 20px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -231px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.ba-input-checkbox .ba-input-icon {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -231px;
    background-size: 186px, auto
}
}

.ba-input-checkbox.active .ba-input-icon {
height: 20px;
width: 20px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -211px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.ba-input-checkbox.active .ba-input-icon {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -211px;
    background-size: 186px, auto
}
}

.ba-input-radio .ba-input-icon {
height: 20px;
width: 20px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -1333px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.ba-input-radio .ba-input-icon {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -1213px;
    background-size: 186px, auto
}
}

.ba-input-radio.active .ba-input-icon {
height: 20px;
width: 20px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -1313px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.ba-input-radio.active .ba-input-icon {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -1193px;
    background-size: 186px, auto
}
}

.ba-input-toggle .ba-input-icon {
position: relative
}

.ba-input-toggle.ba-input-no-border .ba-input-label {
padding: 0
}

.ba-input-toggle.active .ba-input-icon {
background-color: #0f346c;
color: #fff
}

.ba-input-toggle.active .btn-input-icon:hover {
background-color: #0f346c;
color: #fff
}

.ba-input-no-border {
background-color: transparent;
border: none
}

.ba-input-no-border .ba-input-label {
padding-left: 30px
}

.ba-input-no-border .ba-input-icon {
left: 0
}

.ba-input-wrapper {
margin-right: 10px;
float: left
}

.ba-input-toggle-wrapper .ba-input-icon {
margin-top: 0px;
*margin-top: -10px
}

.ba-input-toggle-wrapper .ba-input-wrapper:first-child {
margin-right: 0
}

.ba-input-toggle-wrapper .ba-input-wrapper:first-child .ba-input-icon {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}

.ba-input-toggle-wrapper .ba-input-wrapper:nth-child(even) .ba-input-icon
{
border-top-left-radius: 0;
border-bottom-left-radius: 0
}

.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal
}

.popover.top {
margin-top: -10px
}

.popover.right {
margin-left: 10px
}

.popover.bottom {
margin-top: 10px
}

.popover.left {
margin-left: -10px
}

.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0
}

.popover-title:empty {
display: none
}

.popover-content {
padding: 9px 14px
}

.popover .arrow, .popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}

.popover .arrow {
border-width: 11px
}

.popover .arrow:after {
border-width: 10px;
content: ""
}

.popover.top .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px
}

.popover.top .arrow:after {
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff
}

.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right .arrow:after {
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff
}

.popover.bottom .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px
}

.popover.bottom .arrow:after {
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff
}

.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left .arrow:after {
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px
}

#js-zip-code-checker {
display: inline;
position: relative
}

.zip-code-checker {
position: relative
}

#new-user-zip {
text-decoration: none
}

.zip-code-popover {
background-color: #fafafc;
border: 1px solid #a6a6a6;
width: 300px
}

@media ( max-width : 767px) {
.zip-code-popover {
    position: fixed !important;
    left: 50% !important;
    bottom: 50% !important;
    margin: 0 0 0 -140px
}
}

.zip-code-popover.popover.top .arrow {
border-top-color: #a6a6a6
}

.zip-code-popover.popover.top .arrow:after {
border-top-color: #fafafc
}

.zip-code-popover .popover-title {
display: none
}

.zip-code-popover .popover-content {
padding: 13px 20px 5px 20px
}

.zip-code-popover p {
font-weight: 400;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-size: 13px;
line-height: 18px
}

.zip-code-popover .zip-supported {
color: #468847
}

.zip-code-popover .check-another-zip {
line-height: 14px;
text-align: center
}

.zip-code-popover .control-group {
margin-bottom: 15px
}

.zip-code-popover .span4 {
width: 33%;
float: left;
margin-left: 3%
}

.zip-code-popover .span8 {
width: 64%;
float: left
}

.zip-code-popover .row-fluid {
*zoom: 1
}

.zip-code-popover .row-fluid:after {
content: "";
display: table;
clear: both
}

.zip-code-popover .control-group {
position: relative
}

.spinner-container {
position: absolute;
top: 50%;
left: 50%
}

#pixel_wrapper, .pixel-wrapper {
display: none
}

.owl-theme .owl-controls {
margin-top: 10px;
text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;
margin: 5px;
padding: 3px 10px;
font-size: 12px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity = 50);
opacity: 0.5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: Alpha(Opacity = 100);
opacity: 1;
text-decoration: none
}

.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline
}

.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity = 50);
opacity: 0.5;
border-radius: 20px;
background: #869791
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span
{
filter: Alpha(Opacity = 100);
opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
border-radius: 30px
}

.owl-item.loading {
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center
}

.marketplace-cart {
position: fixed;
top: 0;
right: 0;
height: 100%;
overflow: hidden;
width: 530px;
z-index: 200;
-webkit-overflow-scrolling: touch
}

@media ( max-width : 767px) {
.marketplace-cart {
    width: 90%
}
}

.marketplace-cart .cart-contents-area {
background-color: #fafbfc;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-x: hidden;
overflow-y: auto
}

.marketplace-cart .cart-title-hldr {
padding: 20px 30px;
text-align: center;
height: 50px
}

.marketplace-cart h2.cart-title {
overflow: hidden;
*zoom: 1;
font-size: 18px;
font-family: "Chronicle Ssm";
font-weight: 500;
margin: 0;
display: inline-block;
color: #0f346c
}

.marketplace-cart h2.cart-title .icon-basket {
display: none;
height: 50px;
width: 64px;
background-image:
    url(market-icons-scdc9f097af-06b00b14d78b929cb3568fb6d8b4e83871f11b4cc0af0486d9488a8342f71097.png);
background-position: 0 0;
background-repeat: no-repeat;
float: left;
margin: 3px 0 0 0
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.marketplace-cart h2.cart-title .icon-basket {
    background-image:
        url(market-icons-2x-s6be0d36204-8677e98b61b6753bf53a113d4786feba079cfee123b7c1ecb259b17f0085ae59.png);
    background-position: 0 0;
    background-size: 64px, auto
}
}

.marketplace-cart h2.cart-title .title-text {
float: left;
height: 50px;
line-height: 56px
}

@media ( max-width : 767px) {
.marketplace-cart h2.cart-title {
    font-size: 15px
}
.marketplace-cart h2.cart-title .icon-basket {
    margin: 0 5px 0 0
}
}

.marketplace-cart .cart-product-area {
background-color: rgba(255, 255, 255, 0.75);
color: #404040;
padding: 30px;
border-top: 1px solid rgba(49, 53, 103, 0.15);
border-bottom: 1px solid rgba(49, 53, 103, 0.15)
}

#ie7 .marketplace-cart .cart-product-area, #ie8 .marketplace-cart .cart-product-area
{
background: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#BFFFFFFF',
    EndColorStr='#BFFFFFFF');
zoom: 1
}

.marketplace-cart .continue-btn {
font-size: 16px;
line-height: 54.72px;
height: 54.72px;
padding: 0 40px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
background-color: transparent;
color: #245091
}

@media ( max-width : 767px) {
.marketplace-cart .continue-btn {
    font-size: 13px;
    line-height: 44.46px;
    height: 44.46px;
    padding: 0 33px
}
}

.marketplace-cart .checkout-btn {
font-size: 16px;
line-height: 54.72px;
height: 54.72px;
padding: 0 40px;
padding: 0
}

@media ( max-width : 767px) {
.marketplace-cart .checkout-btn {
    font-size: 13px;
    line-height: 44.46px;
    height: 44.46px;
    padding: 0 33px;
    padding: 0
}
}

.marketplace-cart .checkout-btn-disabled {
font-size: 16px;
line-height: 54.72px;
height: 54.72px;
padding: 0 40px;
padding: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
cursor: not-allowed;
display: none
}

@media ( max-width : 767px) {
.marketplace-cart .checkout-btn-disabled {
    font-size: 13px;
    line-height: 44.46px;
    height: 44.46px;
    padding: 0 33px;
    padding: 0
}
}

.marketplace-cart .disabled-area .checkout-btn {
display: none
}

.marketplace-cart .disabled-area .checkout-btn-disabled {
display: block
}

.marketplace-cart .cart-footer-hldr {
padding: 30px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.marketplace-cart .cart-footer-hldr a {
font-weight: 600
}

.marketplace-cart .cart-btn-hldr {
*zoom: 1
}

.marketplace-cart .cart-btn-hldr:after {
content: "";
display: table;
clear: both
}

.marketplace-cart .cart-btn {
text-align: center;
width: 100%
}

.marketplace-cart .cart-btn:first-child {
margin-left: 0
}

.marketplace-cart .totals-hldr {
padding: 20px 0 40px;
text-align: right;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.marketplace-cart .totals-hldr dl {
overflow: hidden;
*zoom: 1;
margin: 10px 0
}

.marketplace-cart .totals-hldr dt {
width: 80%;
float: left;
font-weight: 400
}

.marketplace-cart .totals-hldr dd {
width: 19%;
margin-left: 1%;
float: right;
font-weight: 600
}

@media ( max-width : 767px) {
.marketplace-cart .totals-hldr dt {
    width: 70%
}
.marketplace-cart .totals-hldr dd {
    width: 29%
}
}

.marketplace-cart .subtotal {
margin: 0;
font-size: 18px;
font-weight: 300
}

.marketplace-cart .subtotal-amount {
font-weight: 600
}

.line-items-hldr .product-hldr {
padding: 20px 0;
border-bottom: 1px solid #ccc;
overflow: hidden;
*zoom: 1
}

.line-items-hldr .remove-item {
position: absolute;
top: 0;
right: 0;
color: #cbccd9;
font-size: 30px;
cursor: pointer;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 300
}

.line-items-hldr .remove-item:hover, .line-items-hldr .remove-item:active
{
color: #0f346c
}

.line-items-hldr .img-hldr {
float: left;
width: 24%
}

.line-items-hldr .img-wrap {
border-radius: 2px;
display: block;
overflow: hidden
}

.line-items-hldr .img-wrap .img-max {
display: block
}

.line-items-hldr .info-hldr {
float: left;
width: 72%;
margin-left: 4%;
position: relative;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #404040;
min-height: 79px;
padding-bottom: 30px
}

@media ( max-width : 767px) {
.line-items-hldr .info-hldr {
    padding-bottom: 60px;
    min-height: 35px
}
}

.line-items-hldr .disclaimer {
font-size: 12px;
font-style: italic;
margin-bottom: 20px
}

@media ( max-width : 767px) {
.line-items-hldr .disclaimer {
    font-size: 11px
}
}

.line-items-hldr .item-name {
color: #0f346c;
font-weight: 600;
font-size: 16px;
padding-right: 20px
}

.line-items-hldr .item-options-text {
color: #6a6d75;
font-size: 14px;
font-weight: normal;
display: inline-block
}

.line-items-hldr .line-item-price {
font-size: 14px;
float: left;
margin-right: 5px
}

.line-items-hldr .line-item-quantity {
box-sizing: content-box;
border-radius: 2px;
border: 1px solid #ccc;
height: 20px;
line-height: 20px;
padding: 5px 5px 5px 10px;
width: 40px;
margin: 0;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
float: left;
color: #404040
}

.line-items-hldr .item-fields {
position: absolute;
bottom: 0;
left: 0;
right: 0
}

.line-items-hldr .item-fields .quant {
float: left;
height: 30px;
line-height: 30px
}

.line-items-hldr .item-fields .total {
float: right;
height: 30px;
line-height: 30px
}

.line-items-hldr .item-fields .line-item-total-amount {
font-weight: 600
}

.line-items-hldr .item-corrections {
position: absolute;
bottom: 0;
left: 0;
right: 0
}

.line-items-hldr .correction-msg {
background-color: #d64148;
color: #fff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
border-radius: 3px;
padding: 7px;
margin: 0;
font-size: 13px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.line-items-hldr .correction-msg a {
color: #d0d2f0;
font-weight: 600;
white-space: nowrap
}

.cart-items-hldr .product-hldr {
padding: 0 0 20px;
border-bottom-width: 0
}

.cart-items-hldr .info-hldr {
min-height: 0;
padding-bottom: 0
}

.cart-items-hldr .item-name {
font-size: 13px;
margin-bottom: 5px
}

.cart-items-hldr .qty-hldr {
margin-bottom: 5px;
font-size: 13px
}

.cart-items-hldr .estimated-arrival {
font-size: 12px;
color: #666
}

.checkout-line-items-hldr {
padding-bottom: 5px
}

.checkout-line-items-hldr .product-hldr {
padding-bottom: 10px
}

.content-wrap {
position: relative;
background-color: #fff;
height: 100%
}

.content-wrap.shiftable-content {
position: absolute
}

.content-wrap-scroll {
position: relative;
height: 100%
}

.shiftable-content {
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
z-index: 250;
box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15), 1px 0 0
    rgba(102, 102, 102, 0.3)
}

#ie7 .shiftable-content, #ie8 .shiftable-content {
border-right: 1px solid #aaa;
margin-right: -1px
}

@media ( max-width : 767px) {
.shiftable-content {
    position: fixed;
    top: 0;
    left: 0
}
}

#cart-overlay {
cursor: pointer;
position: absolute;
display: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #000;
z-index: 8;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3;
width: 100%;
height: 100%
}

.content-wrap {
transition: -webkit-transform 400ms ease-out;
transition: transform 400ms ease-out;
transition: transform 400ms ease-out, -webkit-transform 400ms ease-out;
position: relative;
background-color: #fff
}

.js-CartOpen {
background: #f7f7f9 url("culture-page/grey-linen.png") top left repeat
    scroll
}

.js-CartOpen #cart-overlay {
display: block
}

.marketplace .modal-inner {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
max-width: 850px;
min-height: 479px
}

#ie7 .marketplace .modal-inner, #ie8 .marketplace .modal-inner {
width: 850px
}

@media ( min-width : 1200px) {
.marketplace .modal-inner {
    min-height: 479px
}
}

.marketplace .modal-inner .modal-title-hldr {
border-bottom: 1px solid #eee;
padding: 16px 20px
}

.marketplace .modal-inner .modal-title-hldr h3 {
margin: 0;
font-size: 32px
}

@media ( max-width : 767px) {
.marketplace .modal-inner .modal-title-hldr h3 {
    font-size: 25px
}
}

.marketplace .modal-inner .modal-contents-hldr {
overflow: hidden;
*zoom: 1;
padding: 20px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.info-modal .fancybox-skin {
border-radius: 1px;
background-color: #fff;
color: #333
}

.info-modal .fancybox-inner {
-webkit-overflow-scrolling: touch
}

.info-modal .modal-inner {
max-width: 680px;
min-height: 0
}

.info-modal .modal-inner .modal-title-hldr h3 {
font-size: 28px
}

.info-modal .modal-inner p {
font-size: 15px;
line-height: 155%;
margin-bottom: 20px
}

.info-modal .modal-inner .confirm-btn-hldr {
text-align: center;
margin-top: 25px
}

.info-modal .modal-inner .confirm-btn {
font-size: 16px;
padding: 8px 20px
}

.info-modal .tos-inner {
max-height: 580px
}

.info-modal .tos-inner h1 {
border-bottom: 1px solid #eee;
padding: 16px 20px;
margin: -20px -20px 20px
}

.dialog-modal .modal-inner {
min-height: 0;
max-width: 500px
}

@media ( min-width : 1200px) {
.dialog-modal .modal-inner {
    min-height: 0
}
}

.dialog-modal .modal-messages {
text-align: center
}

.dialog-modal .modal-messages p {
margin-bottom: 10px
}

.dialog-modal .btn-hldr {
text-align: center;
margin-top: 20px
}

.dialog-modal .confirm-btn {
font-size: 16px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
padding: 5px 15px
}

.marketplace-cart .backbone-loading {
position: relative
}

.backbone-loading {
position: fixed;
z-index: 999;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
background: rgba(255, 255, 255, 0.9);
display: none
}

.backbone-loading .spinner-area {
top: 30%;
left: 50%;
width: 300px;
margin-left: -150px;
height: 110px;
margin-top: -55px;
position: absolute
}

.backbone-loading .loader-txt {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 18px;
font-weight: 500;
color: #303236;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0
}

@media ( max-width : 767px) {
.backbone-loading {
    background: none
}
.backbone-loading:after {
    background: rgba(255, 255, 255, 0.9);
    height: 101%;
    content: ' ';
    display: block
}
}

.backbone-loading.cart-loader-spin {
position: relative
}

.backbone-loading .spinner {
top: 35px;
left: 50%
}

.bb-load {
text-align: center;
min-height: 490px
}

.bb-load .spinner-area {
top: 30%;
left: 50%;
width: 300px;
margin-left: -150px;
height: 110px;
margin-top: -55px;
position: absolute
}

.bb-load .loader-txt {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 18px;
font-weight: 500;
color: #303236;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0
}

.bb-load .spinner {
top: 35px;
left: 50%
}

.marketplace-cart .spinner-area {
top: 250px
}

@media ( max-width : 767px) {
.marketplace-cart .spinner-area {
    top: 180px
}
}

.txt-caps {
text-transform: uppercase
}

.txt-center {
text-align: center
}

.txt-left {
text-align: left
}

.txt-right {
text-align: right
}

.img-max {
width: 100%
}

.img-flex {
max-width: 100%
}

.mt-0 {
margin-top: 0
}

.mt-5 {
margin-top: 5px
}

.mt-10 {
margin-top: 10px
}

.mt-15 {
margin-top: 15px
}

.mt-20 {
margin-top: 20px
}

.mt-25 {
margin-top: 25px
}

.mt-30 {
margin-top: 30px
}

.mb-0 {
margin-bottom: 0
}

.mb-5 {
margin-bottom: 5px
}

.mb-10 {
margin-bottom: 10px
}

.mb-15 {
margin-bottom: 15px
}

.mb-20 {
margin-bottom: 20px
}

.mb-30 {
margin-bottom: 30px
}

.ml-0 {
margin-left: 0
}

.ml-5 {
margin-left: 5px
}

.ml-10 {
margin-left: 10px
}

.ml-15 {
margin-left: 15px
}

.ml-20 {
margin-left: 20px
}

.ml-30 {
margin-left: 30px
}

.mr-0 {
margin-right: 0
}

.mr-5 {
margin-right: 5px
}

.mr-10 {
margin-right: 10px
}

.mr-15 {
margin-right: 15px
}

.mr-20 {
margin-right: 20px
}

.mr-30 {
margin-right: 30px
}

.pt-0 {
padding-top: 0
}

.pb-0 {
padding-bottom: 0
}

.m-0 {
margin: 0
}

.p-0 {
padding: 0
}

.p-15 {
padding: 15px
}

.pull-left {
float: left
}

.pull-right {
float: right
}

.invisible {
visibility: hidden
}

.visibile {
visibility: visible
}

.hide {
display: none
}

.show {
display: block
}

.mobile-only, .small-only {
display: none
}

@media ( max-width : 767px) {
.small-hide {
    display: none
}
.mobile-only {
    display: block
}
.desktop-only {
    display: none !important
}
}

@media ( max-width : 961px) {
.small-only {
    display: block
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.desktop-only {
    display: none !important
}
} /*!
*
* Marketing Site Specific Styling
*
*/
@font-face {
font-family: "FontAwesome";
src: url("fontawesome-webfont.woff2") format("woff2"),
    url("fontawesome-webfont.woff") format("woff");
font-weight: normal;
font-style: normal
}

.team-values-feature {
border-radius: 4px;
background: #fff;
padding: 30px
}

.ing-pod-list>li, .media-list>li {
*zoom: 1
}

.ing-pod-list>li:before, .media-list>li:before, .ing-pod-list>li:after,
.media-list>li:after {
content: " ";
display: table
}

.ing-pod-list>li:after, .media-list>li:after {
clear: both
}

.ing-pod-list>li, .media-list>li {
display: block
}

.learn-info-list {
list-style: disc
}

.learn-info-list>li {
margin-left: 15px
}

.checkout-btn {
font-size: 15px;
line-height: 51.3px;
height: 51.3px;
padding: 0 38px
}

.bluetip .qtip-tip:before, .bluetip .qtip-tip:after, .qtip-left .qtip-tip:before,
.qtip-left .qtip-tip:after {
content: "";
display: inline-block;
vertical-align: top;
width: 0;
height: 0;
border-style: solid
}

.back-top {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
display: none;
position: fixed;
bottom: 0;
right: 0;
margin-right: 20px;
margin-bottom: 40px;
cursor: pointer;
z-index: 999;
font-size: 12px;
font-weight: 500;
text-align: center;
color: #6a6d75
}

.back-top .back-top-icon {
height: 30px;
width: 30px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -61px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin: 0 auto 5px auto
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.back-top .back-top-icon {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -61px;
    background-size: 186px, auto
}
}

#ie7 .back-top .back-top-icon {
margin: 0;
margin-bottom: 5px
}

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

@media ( min-width : 962px) and (max-width: 1199px) {
.back-top {
    margin-right: 40px
}
}

#ie7 .back-top, #ie8 .back-top {
margin-right: 40px
}

.newsletter-modal .fancybox-skin {
background-color: #fff;
color: #585657;
border-radius: 1px
}

.newsletter-modal .fancybox-inner {
-webkit-overflow-scrolling: touch
}

.newsletter-modal .modal-inner {
max-width: 750px;
max-height: 400px;
min-height: 0
}

@media ( max-width : 767px) {
.newsletter-modal .modal-inner .modal-contents-hldr {
    padding: 0
}
}

.newsletter-modal .input-wrap {
*zoom: 1;
margin: 0
}

.newsletter-modal .input-wrap:after {
content: "";
display: table;
clear: both
}

.newsletter-modal .control-group.error .help-block {
top: 48px
}

@media ( max-width : 767px) {
.newsletter-modal .control-group.error .help-block {
    top: 45px
}
}

#ie7 .newsletter-modal .modal-inner {
width: 750px
}

.recipe-img-link {
position: relative
}

.recipe-img-link .recipe-icon {
position: absolute;
top: 10px;
right: 15px
}

.veg-icon {
height: 25px;
width: 25px;
background-image:
    url(recipe-icons-scf5a4bb21f-c571228eaf21669fde5425e43930aaca93fe34fcf221af0ff34d16641d64c01f.png);
background-position: 0 -531px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.veg-icon {
    background-image:
        url(recipe-icons-2x-s4c7a87ff7a-b08832e257c0128b254d5dbff0afcbe364f742ce25f90612ba9abd2f95abf0a1.png);
    background-position: 0 -531px;
    background-size: 186px, auto
}
}

.page-link {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 18px;
font-style: italic;
line-height: 1.5em;
font-weight: 500;
text-align: center;
padding-top: 25px
}

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

.recipe-thumb a:hover img, .recipe-thumb a:active img, .recipe-thumb a:focus img
{
outline: 2px solid #0f346c
}

.recipe-img-link {
position: relative
}

.recipe-img-link .recipe-icon {
position: absolute;
top: 10px;
right: 15px
}

.veg-icon {
height: 25px;
width: 25px;
background-image:
    url(recipe-icons-scf5a4bb21f-c571228eaf21669fde5425e43930aaca93fe34fcf221af0ff34d16641d64c01f.png);
background-position: 0 -531px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.veg-icon {
    background-image:
        url(recipe-icons-2x-s4c7a87ff7a-b08832e257c0128b254d5dbff0afcbe364f742ce25f90612ba9abd2f95abf0a1.png);
    background-position: 0 -531px;
    background-size: 186px, auto
}
}

.our-mission .owl-buttons {
text-align: left;
-webkit-tap-highlight-color: transparent
}

.our-mission .owl-prev {
height: 30px;
width: 30px;
background-image:
    url(marketing-icons-s36d66e89ca-6b280c552e42a94569bb7a06d523e1818e1c3c9ec759dfd3926b2f540a595982.png);
background-position: 0 0;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.our-mission .owl-prev {
    background-image:
        url(marketing-icons-2x-s79ac2c8c59-8a1c65f322252a053efd2f754e60baf99865f6d5faa4bbd3f2397b2121ce6bd0.png);
    background-position: 0 0;
    background-size: 80px, auto
}
}

.our-mission .owl-next {
height: 31px;
width: 31px;
background-image:
    url(marketing-icons-s36d66e89ca-6b280c552e42a94569bb7a06d523e1818e1c3c9ec759dfd3926b2f540a595982.png);
background-position: 0 -30px;
background-repeat: no-repeat;
margin-left: 25px
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.our-mission .owl-next {
    background-image:
        url(marketing-icons-2x-s79ac2c8c59-8a1c65f322252a053efd2f754e60baf99865f6d5faa4bbd3f2397b2121ce6bd0.png);
    background-position: 0 -30px;
    background-size: 80px, auto
}
}

.our-mission .owl-prev, .our-mission .owl-next {
display: inline-block
}

.our-mission .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline
}

.our-mission .owl-controls .owl-page.active span, .our-mission .owl-controls .owl-page:hover span
{
filter: Alpha(Opacity = 100);
opacity: 1
}

.our-mission .owl-controls .owl-page span {
display: block;
width: 5px;
height: 5px;
margin: 5px 7px;
filter: Alpha(Opacity = 50);
opacity: 0.5;
border-radius: 20px;
background: #0f346c
}

.owl-container {
overflow-x: hidden
}

.owl-thumbnail-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}

.owl-thumbnail-page {
display: inline-block;
padding: 2px;
transition: border-color ease-in 0.1s;
cursor: pointer;
border-radius: 2px;
margin: 0 2px
}

.owl-thumbnail-page img {
vertical-align: top;
width: 45px;
height: 45px
}

@media ( max-width : 767px) {
.mobile-only.hide {
    display: none
}
}

body.legacy .refresh {
display: none
}

body.legacy .discover--svgs.legacy {
display: block
}

.cta-splash {
margin-bottom: 50px;
position: relative
}

@media ( max-width : 767px) {
.cta-splash {
    height: auto;
    margin-bottom: 40px
}
}

@media ( max-width : 639px) {
.cta-splash {
    margin-bottom: 40px
}
}

.cta-splash .splash-placeholder-overlay {
display: none
}

@media ( max-width : 767px) {
.cta-splash .splash-placeholder-overlay {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0
}
}

.cta-splash .background-image-overlay {
margin: auto;
left: 0;
right: 0;
top: 0;
height: 520px;
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
xbackground-image:
    url("https://colorlib.com/wp/wp-content/uploads/sites/2/html5-real-estate-website-templates.jpg?quality=75")
}

.cta-splash .background-image-overlay video {
xdisplay: none
}

@media ( max-width : 767px) {
.cta-splash .background-image-overlay {
    xbackground-image:
        url("https://colorlib.com/wp/wp-content/uploads/sites/2/html5-real-estate-website-templates.jpg?quality=75");
    max-height: 280px;
    position: relative;
}
}

.cta-splash .background-image-overlay.chrissy {
background-color: #ffdfec;
xbackground-image:
    url("home_page/Splash/chrissy-bg.jpg")
}

@media ( max-width : 767px) {
.cta-splash .background-image-overlay.chrissy {
    xbackground-image:
        url("https://colorlib.com/wp/wp-content/uploads/sites/2/html5-real-estate-website-templates.jpg.jpg");
    background-position: top;
    max-height: 520px
}
}

.cta-splash .background-image-overlay.chrissy .top-container {
bottom: auto;
height: auto;
left: auto;
margin: 0;
right: auto;
top: auto;
width: 63%
}

.cta-splash .background-image-overlay.chrissy .top-container .hero-title
{
display: none
}

.cta-splash .background-image-overlay.chrissy .top-container .get-cooking-btn
{
font-size: 18px;
line-height: 61.56px;
height: 61.56px;
padding: 0 45px;
background-color: #2e62af;
border-radius: 100px;
padding: 0 100px
}

.cta-splash .background-image-overlay.chrissy .top-container .get-cooking-btn:hover
{
background-color: #245091
}

.cta-splash .background-image-overlay.video {
xbackground-image: none;
height: auto
}

@media ( max-width : 767px) {
.cta-splash .background-image-overlay.video {
   xbackground-image:
        url("../assets/images/Lobby.jpg");    
    height: 520px
}
}

/* .cta-splash .background-image-overlay.video video {
display: block;
width: 100%
} */

@media ( max-width : 767px) {
.cta-splash .background-image-overlay.video video {
    xdisplay: none
}
}

.cta-splash .background-image-overlay.video.blackout {
background-image: none
}

@media ( min-width : 768px) {
.cta-splash .background-image-overlay.video.blackout {
    xbackground-color: black
}
}

@media ( max-width : 767px) {
.cta-splash .background-image-overlay.video.blackout {
    xbackground-color: white
}
}

.cta-splash .top-container {
display: block;
position: absolute;
width: 100%;
text-align: center;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: auto;
height: 205px;
overflow: hidden
}

@media ( max-width : 767px) {
.cta-splash .top-container {
    display: table;
    height: auto;
    top: 0
}
}

.cta-splash .top-container img {
display: none
}

.cta-splash .top-container--txt {
position: relative
}

@media ( max-width : 767px) {
.cta-splash .top-container--txt .get-cooking-btn {
    display: none
}
}

.cta-splash .top-container--txt.hide {
display: none
}

.cta-splash .top-container--txt h2 {
color: #ffffff;
font-size: 48px;
margin: 0 auto;
max-width: 520px
}

@media ( max-width : 767px) {
.cta-splash .top-container--txt h2 {
    font-size: 36px;
    max-width: 400px
}
}

@media ( max-width : 570px) {
.cta-splash .top-container--txt h2 {
    font-size: 26px;
    max-width: 296px
}
}

.cta-splash .top-container--txt .video-play-container {
position: relative;
top: 16px
}

#fresh-banner-container {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
position: relative;
padding: 25px 15% 25px;
background-color: #fafafa;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
height: 18px;
font-size: 17px;
font-weight: 300;
line-height: 1;
text-align: center;
color: #0f346c;
margin-bottom: 70px
}

@media ( max-width : 767px) {
#fresh-banner-container {
    padding: 14px 16px 12px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 40px
}
}

@media ( max-width : 539px) {
#fresh-banner-container {
    padding: 14px 16px 12px;
    font-size: 14px;
    text-align: left
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
#fresh-banner-container {
    padding-top: 20px;
    padding-bottom: 62px;
    line-height: 28px
}
}

#ie7 #fresh-banner-container, #ie8 #fresh-banner-container {
padding-top: 20px;
padding-bottom: 62px;
line-height: 28px
}

@media ( min-width : 1200px) {
#fresh-banner-container {
    padding-right: 0;
    padding-left: 0
}
}

#fresh-banner-container .colon::after {
content: ": "
}

@media ( max-width : 767px) {
#fresh-banner-container .colon::after {
    content: " "
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#fresh-banner-container .colon::after {
    content: ". "
}
}

@media ( max-width : 961px) {
#fresh-banner-container .fresh-details {
    display: none
}
}

#fresh-banner-container .green {
font-weight: 500;
color: #009978
}

#fresh-banner-container .freshness-link {
text-decoration: underline
}

@media ( max-width : 767px) {
#fresh-banner-container .freshness-link {
    display: none
}
}

#fresh-banner-container .freshness-chevron {
position: absolute;
right: 26px;
top: 8px;
height: 27px;
width: 14px
}

@media ( max-width : 767px) {
#fresh-banner-container .freshness-chevron {
    right: 16px
}
}

#fresh-banner-container .svg-chevron--angled {
color: #d3d5db;
height: 27px;
width: 14px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.selectDisable {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.snap-content {
box-shadow: none !important
}

.get-cooking-btn {
font-size: 16px;
line-height: 54.72px;
height: 54.72px;
padding: 0 40px;
margin-top: 35px
}

.bold {
font-weight: 500
}

.center-text {
text-align: center
}

.get-cooking-btn-mobile {
margin-bottom: 30px
}

.learn-section {
position: relative;
padding: 65px 0 35px
}

@media ( max-width : 767px) {
.learn-section {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px
}
}

.learn-section-title {
font-size: 36px;
text-align: center;
margin-bottom: 20px
}

@media ( max-width : 767px) {
.learn-section-title {
    font-size: 23px
}
}

.learn-section-arrow {
width: 79px;
height: 43px;
background: transparent
    url("learn-more/arrow-learn-info-3d0cb0b5f173e55c2510fc1d81c75ed8b36e7c37504431f30b59072ddc8f6184.png")
    no-repeat top left;
position: absolute;
margin-left: -40px;
left: 50%;
bottom: -43px;
z-index: 5
}

.learn-section-arrow.arrow-info {
background-image:
    url("learn-more/arrow-learn-info-3d0cb0b5f173e55c2510fc1d81c75ed8b36e7c37504431f30b59072ddc8f6184.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
    (min--moz-device-pixel-ratio: 2) , only screen and
    (min-device-pixel-ratio: 2) , only screen and (min-resolution: 192dpi)
    , only screen and (min-resolution: 2dppx) {
.learn-section-arrow.arrow-info {
    background-image:
        url("learn-more/arrow-learn-info@2x-d7c81654b363a593832ea8e336d40fabf128a0f20118f00542063d563c75312c.png");
    background-size: 79px 43px
}
}

.learn-section-arrow.arrow-ing {
top: 0;
bottom: auto;
background-image:
    url("learn-more/arrow-learn-ing-e4bf268f4b133a4558bc710f6b3312018a3b738b58342327365a61e02b3b3103.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
    (min--moz-device-pixel-ratio: 2) , only screen and
    (min-device-pixel-ratio: 2) , only screen and (min-resolution: 192dpi)
    , only screen and (min-resolution: 2dppx) {
.learn-section-arrow.arrow-ing {
    background-image:
        url("learn-more/arrow-learn-ing@2x-6ccc5d8e204e625f4a1873b77d6171a3b3bff0be1463b25b97e43090e5a38e6e.png");
    background-size: 79px 43px
}
}

.learn-section-arrow.arrow-tablet {
background-image:
    url("learn-more/arrow-learn-tablet-36f31529c0d17bf9dbd77f41601035247648b14fbe1ae351d7daf7ed19956734.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
    (min--moz-device-pixel-ratio: 2) , only screen and
    (min-device-pixel-ratio: 2) , only screen and (min-resolution: 192dpi)
    , only screen and (min-resolution: 2dppx) {
.learn-section-arrow.arrow-tablet {
    background-image:
        url("learn-more/arrow-learn-tablet@2x-cce2ea7e465408109abaa72ffabf2f3f94921df6f38682a78b5b963fa2307cbd.png");
    background-size: 79px 43px
}
}

.learn-section-arrow.arrow-white {
background-image:
    url("learn-more/arrow-learn-white-7ec1830881d74ab78805c525265316ffe7e8deb64ba6491a22859456cd02743c.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
    (min--moz-device-pixel-ratio: 2) , only screen and
    (min-device-pixel-ratio: 2) , only screen and (min-resolution: 192dpi)
    , only screen and (min-resolution: 2dppx) {
.learn-section-arrow.arrow-white {
    background-image:
        url("learn-more/arrow-learn-white@2x-a7e65b422261d61e600a4e953b90554a59cc7998d960ed08b94ebda658b9ddc7.png");
    background-size: 79px 43px
}
}

@media ( max-width : 767px) {
.learn-section-arrow {
    display: none
}
}

.learn-splash {
overflow: hidden;
background: #d3d5db
    url("learn-more/learn-splash-4892ae02e5609a7a5dab7df337a4f2c3fcc9b1361c522b7367f1c7b3ef8faaf0.jpg")
    no-repeat center center;
background-size: cover;
height: 485px;
border-bottom: 2px solid #0f346c;
text-align: center;
position: relative
}

@media ( min-width : 962px) and (max-width: 1199px) {
.learn-splash {
    height: auto
}
body.learn-more-homepage .learn-splash {
    height: 380px
}
}

#ie7 .learn-splash, #ie8 .learn-splash {
height: auto
}

body.learn-more-homepage #ie7 .learn-splash, body.learn-more-homepage #ie8 .learn-splash
{
height: 380px
}

@media ( min-width : 768px) and (max-width: 961px) {
.learn-splash {
    height: 380px
}
}

@media ( max-width : 767px) {
.learn-splash {
    height: 215px
}
}

.homepage-xlarge-img {
display: none
}

body.learn-more-homepage .learn-splash {
background:
    url("learn-more/homepage-hero-c0aa1f5417cb80adfae9725bfa4acf54a5fc53604add3ac801ddeb8e115aa58b.jpg")
    no-repeat center center;
background-size: cover
}

@media ( min-width : 1200px) {
body.learn-more-homepage .learn-splash {
    height: 465px
}
}

@media ( max-width : 767px) {
body.learn-more-homepage .learn-splash {
    height: 175px;
    background-image:
        url("learn-more/homepage-hero-mobile-be3a7225ae91db2494cf3bd4b878d868f433ee325c157b280a6283a5e530b928.jpg")
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
body.learn-more-homepage .learn-splash {
    height: 380px
}
}

#ie7 body.learn-more-homepage .learn-splash, #ie8 body.learn-more-homepage .learn-splash
{
height: 380px
}

body.learn-more-homepage .learn-splash .learn-variation-splash {
display: block
}

@media ( min-width : 1470px) {
body.learn-more-homepage .learn-splash {
    background: #fff url("base/pattern-white.png") center center repeat
        scroll
}
body.learn-more-homepage .learn-splash .homepage-xlarge-img {
    display: block;
    background:
        url("learn-more/homepage-hero-c0aa1f5417cb80adfae9725bfa4acf54a5fc53604add3ac801ddeb8e115aa58b.jpg")
        center center no-repeat;
    background-size: contain;
    height: 465px;
    width: 100%
}
body.learn-more-homepage .learn-splash .homepage-xlarge {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}
}

.mobile-title-hldr {
position: absolute;
top: 0;
left: 0;
right: 0;
left: 0
}

.mobile-title-hldr h1 {
font-size: 30px
}

.learn-variation-splash {
padding-top: 5px
}

@media ( max-width : 767px) {
.learn-variation-splash {
    padding-top: 10px;
    padding-bottom: 20px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.learn-variation-splash {
    padding: 20px 0
}
}

.learn-variation-splash h1 {
margin: 10px 0;
font-size: 48px;
line-height: 55px;
text-shadow: 0 0 25.1px rgba(255, 255, 255, 0.59)
}

@media ( min-width : 1200px) {
.learn-variation-splash h1 {
    font-size: 74px;
    line-height: 67px;
    margin-top: 30px;
    margin-bottom: 70px
}
}

@media ( max-width : 961px) {
.learn-variation-splash h1 {
    font-size: 24px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 20px
}
}

.learn-variation-splash h3 {
font-weight: 700;
font-style: italic;
line-height: 1.4;
font-size: 17px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
margin-bottom: 42px
}

@media ( min-width : 1200px) {
.learn-variation-splash h3 {
    font-size: 28px
}
}

@media ( max-width : 961px) {
.learn-variation-splash h3 {
    margin-bottom: 15px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
body.pages_show_redeem_coupon .learn-splash {
    height: auto
}
}

#ie7 body.pages_show_redeem_coupon .learn-splash, #ie8 body.pages_show_redeem_coupon .learn-splash
{
height: auto
}

body.pages_show_redeem_coupon .learn-splash .learn-variation-splash {
padding: 35px 0px
}

@media ( max-width : 767px) {
body.pages_show_redeem_coupon .learn-splash .learn-variation-splash {
    padding: 0
}
}

@media ( min-width : 1470px) {
body.pages_show_redeem_coupon .learn-splash .homepage-xlarge-img {
    height: 600px;
    background-size: cover
}
}

@media ( min-width : 1200px) {
body.pages_show_redeem_coupon .learn-splash {
    height: 600px
}
}

@media ( max-width : 961px) {
body.pages_show_redeem_coupon .learn-splash {
    height: auto
}
}

@media ( max-width : 767px) {
body.pages_show_redeem_coupon .learn-splash {
    background-color: white;
    background-image: none
}
}

.learn-variation-splash .coupon-redeem-header {
padding: 5px 20px 20px 20px;
background: rgba(255, 255, 255, 0.75)
}

@media ( min-width : 1200px) {
.learn-variation-splash .coupon-redeem-header {
    background: rgba(255, 255, 255, 0.8)
}
}

.learn-variation-splash .coupon-redeem-header h1 {
margin-bottom: 20px;
font-size: 48px;
line-height: 1.2
}

@media ( max-width : 767px) {
.learn-variation-splash .coupon-redeem-header h1 {
    padding-top: 15px
}
}

.learn-variation-splash .coupon-redeem-header label {
font-size: 16px;
color: #0f346c;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.learn-variation-splash .coupon-redeem-header input {
width: 100%
}

.learn-variation-splash .coupon-redeem-header p {
line-height: 1.5
}

.splash-play-btn-container {
position: static;
height: 100%
}

.splash-play-btn-container .splash-play-btn-relative {
position: absolute;
top: 50%;
margin: -93px 0 0 0;
width: inherit
}

.play-button {
height: 186px;
width: 186px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -725px;
background-repeat: no-repeat;
margin: 0 auto;
cursor: pointer
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.play-button {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -606px;
    background-size: 186px, auto
}
}

.play-button:hover {
height: 186px;
width: 186px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -911px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.play-button:hover {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -792px;
    background-size: 186px, auto
}
}

@media ( max-width : 767px) {
.play-button {
    height: 80px;
    width: 80px;
    background-image:
        url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
    background-position: 0 -1233px;
    background-repeat: no-repeat
}
}

@media ( max-width : 767px) and (-webkit-min-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (min--moz-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (-o-min-device-pixel-ratio: 3 / 2) , (
    max-width : 767px) and (min-device-pixel-ratio: 1.5) {
.play-button {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -1113px;
    background-size: 186px, auto
}
}

@media ( max-width : 767px) {
.play-button:hover {
    height: 80px;
    width: 80px;
    background-image:
        url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
    background-position: 0 -1097px;
    background-repeat: no-repeat
}
}

@media ( max-width : 767px) and (-webkit-min-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (min--moz-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (-o-min-device-pixel-ratio: 3 / 2) , (
    max-width : 767px) and (min-device-pixel-ratio: 1.5) {
.play-button:hover {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -978px;
    background-size: 186px, auto
}
}

.video-play-container {
position: absolute;
top: 27%;
width: 100%
}

.video-play-button {
position: relative;
width: auto
}

.video-play-button:active #splash-play-button, .video-play-button:focus #splash-play-button,
.video-play-button:hover #splash-play-button {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
opacity: 0.85
}

.video-cta-button {
height: auto;
line-height: inherit;
text-align: left
}

.learn-splash .video-cta-button {
padding: 15px 20px;
font-size: 35px
}

.video-cta-button .play-arrow {
height: 56px;
width: 54px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -1177px;
background-repeat: no-repeat;
float: left;
margin-top: 2px;
padding-right: 15px
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.video-cta-button .play-arrow {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -1058px;
    background-size: 186px, auto
}
}

.video-cta-button .btn-text {
overflow: hidden;
float: left
}

.learn-splash .video-cta-button .btn-text {
margin-top: 3px;
padding-top: 3px
}

.video-cta-button .subtext {
margin-top: 11px;
color: #7f86b2;
font-size: 18px;
font-weight: lighter
}

@media ( max-width : 767px) {
.video-cta-button {
    padding: 7px 20px;
    font-size: 32px;
    text-align: center
}
.video-cta-button .subtext {
    font-size: 14px;
    margin-top: 3px
}
}

.learn-splash-blur {
overflow: hidden;
background: #1e1f31
    url("learn-more/learn-splash-blur-e1ec6f10abeda1c1142adb4fc9c5d305702b9161327d5777922ca8ee28f8ae0c.jpg")
    no-repeat center center;
background-size: cover;
height: 485px;
text-align: center;
position: relative
}

@media ( min-width : 768px) and (max-width: 961px) {
.learn-splash-blur {
    height: 380px
}
}

@media ( max-width : 767px) {
.learn-splash-blur {
    height: 215px
}
}

@media ( min-width : 1200px) {
body.learn-more-homepage .learn-splash-blur {
    height: 520px
}
body.learn-more-homepage .learn-splash-blur .splash-frame {
    width: 925px
}
}

@media ( min-width : 1470px) {
body.learn-more-homepage .learn-splash-blur {
    height: 520px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
}

.learn-splash-title {
font-size: 55px;
color: #fff;
text-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
margin: 105px 0 5px
}

#ie7 .learn-splash-title, #ie8 .learn-splash-title {
text-shadow: 0 0 15px #555
}

@media ( max-width : 767px) {
.learn-splash-title {
    margin-top: 40px;
    font-size: 24px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.learn-splash-title {
    margin-top: 85px
}
}

.learn-splash-play {
width: 186px;
height: 186px;
margin-top: 15px;
display: block;
margin: 0 auto
}

.splash-frame {
width: 863px;
height: 100%;
z-index: 8;
background-color: #000
}

@media ( min-width : 768px) and (max-width: 961px) {
.splash-frame {
    width: 675px
}
}

@media ( max-width : 767px) {
.splash-frame {
    width: 100%
}
}

.splash-icon {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
border-radius: 20px;
top: 10px;
right: 10px;
padding: 5px;
color: #fff;
cursor: pointer;
position: absolute;
z-index: 10;
background-color: rgba(0, 0, 0, 0.3);
text-align: center;
font-family: "FontAwesome";
font-size: 28px;
height: 24px;
width: 24px;
line-height: 24px;
display: none
}

#ie7 .splash-icon, #ie8 .splash-icon {
background: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4D000000',
    EndColorStr='#4D000000');
zoom: 1
}

.splash-icon:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1
}

.learn-info {
background-color: #f7f7f9;
padding-top: 35px;
padding-bottom: 35px
}

@media ( max-width : 767px) {
.learn-info {
    padding-top: 15px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.learn-info {
    padding-top: 15px
}
.learn-info .container {
    max-width: 600px
}
}

.learn-info-pod {
border-radius: 4px;
background-color: #fff;
border: 1px solid #d0d3d4;
min-height: 489px
}

@media ( min-width : 1200px) {
.learn-info-pod {
    min-height: 510px
}
}

@media ( max-width : 961px) {
.learn-info-pod {
    min-height: 0;
    margin-top: 20px
}
}

.learn-info-title {
color: #0d2a54;
padding: 10px 25px;
overflow: hidden;
height: 43px;
text-align: center
}

@media ( max-width : 961px) {
.learn-info-title {
    height: auto;
    padding: 20px
}
}

.learn-info-title-icon {
margin-right: 9px;
display: inline-block;
vertical-align: middle
}

@media ( max-width : 961px) {
.learn-info-title-icon {
    margin: 0 auto;
    display: block
}
}

.learn-info-title-txt {
font-size: 17px;
line-height: 43px;
display: inline-block
}

@media ( min-width : 1200px) {
.learn-info-title-txt {
    font-size: 20px
}
}

@media ( max-width : 961px) {
.learn-info-title-txt {
    line-height: 25px;
    margin-top: 5px;
    display: block
}
}

.learn-info-img {
max-width: 100%;
display: block
}

@media ( max-width : 961px) {
.learn-info-img {
    display: none
}
}

.learn-info-list {
padding: 25px;
font-size: 15px;
color: #303236;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
line-height: 135%
}

.learn-info-list>li {
margin-top: 15px
}

.learn-info-list>li:first-child {
margin-top: 0
}

.learn-info-list a {
text-decoration: underline
}

@media ( max-width : 961px) {
.learn-info-list {
    font-size: 16px;
    padding: 0 20px 20px 20px
}
}

@media ( min-width : 1200px) {
.learn-info-list {
    font-size: 17px
}
}

.icon-recipe-cards {
height: 43px;
width: 43px;
background-image:
    url(marketing-icons-s36d66e89ca-6b280c552e42a94569bb7a06d523e1818e1c3c9ec759dfd3926b2f540a595982.png);
background-position: 0 -455px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.icon-recipe-cards {
    background-image:
        url(marketing-icons-2x-s79ac2c8c59-8a1c65f322252a053efd2f754e60baf99865f6d5faa4bbd3f2397b2121ce6bd0.png);
    background-position: 0 -455px;
    background-size: 80px, auto
}
}

.icon-cooking-basil {
height: 43px;
width: 37px;
background-image:
    url(marketing-icons-s36d66e89ca-6b280c552e42a94569bb7a06d523e1818e1c3c9ec759dfd3926b2f540a595982.png);
background-position: 0 -159px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.icon-cooking-basil {
    background-image:
        url(marketing-icons-2x-s79ac2c8c59-8a1c65f322252a053efd2f754e60baf99865f6d5faa4bbd3f2397b2121ce6bd0.png);
    background-position: 0 -159px;
    background-size: 80px, auto
}
}

.icon-shipping-truck {
height: 43px;
width: 43px;
background-image:
    url(marketing-icons-s36d66e89ca-6b280c552e42a94569bb7a06d523e1818e1c3c9ec759dfd3926b2f540a595982.png);
background-position: 0 -498px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.icon-shipping-truck {
    background-image:
        url(marketing-icons-2x-s79ac2c8c59-8a1c65f322252a053efd2f754e60baf99865f6d5faa4bbd3f2397b2121ce6bd0.png);
    background-position: 0 -498px;
    background-size: 80px, auto
}
}

.learn-ing {
background: #d3d5db
    url("learn-more/ing-try-right-ed6c2b13514387aa12b529128ae5180d4e29c91e4166508ebceafa676caabd42.jpg")
    repeat center top;
background-size: auto 720px;
padding: 0;
position: relative;
overflow: hidden
}

@media ( max-width : 767px) {
.learn-ing {
    padding: 30px 20px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.learn-ing {
    padding-top: 65px;
    padding-bottom: 30px
}
}

.learn-ing-title {
color: #fff;
text-shadow: 0 0 15px rgba(101, 67, 49, 0.9);
margin-top: 65px;
margin-bottom: 20px
}

@media ( max-width : 961px) {
.learn-ing-title {
    margin-top: 0
}
}

.learn-ing-content {
position: relative;
z-index: 2;
height: 770px;
overflow: visible;
*zoom: 1
}

.learn-ing-content:after {
content: "";
display: table;
clear: both
}

.learn-ing-content .row {
overflow: visible;
*zoom: 1
}

.learn-ing-content .row:after {
content: "";
display: table;
clear: both
}

@media ( max-width : 767px) {
.learn-ing-content {
    height: auto
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.learn-ing-content {
    max-width: 600px;
    height: auto
}
}

.ing-pod {
border-radius: 4px;
background-color: #fff;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
display: none
}

.ing-pod.js-ActivePod {
display: block
}

@media ( max-width : 961px) {
.ing-pod {
    width: 100%;
    overflow: hidden
}
}

.ing-pod-title {
padding: 15px 20px
}

@media ( min-width : 1200px) {
.ing-pod-title {
    padding: 15px 30px
}
}

@media ( max-width : 961px) {
.ing-pod-title {
    text-align: center;
    padding-bottom: 10px
}
}

.ing-pod-name {
font-size: 22px;
margin-bottom: 2px
}

@media ( max-width : 961px) {
.ing-pod-name {
    font-size: 18px
}
}

.ing-pod-link {
text-decoration: underline
}

.ing-pod-loc {
font-size: 15px;
color: #0f346c
}

@media ( min-width : 1200px) {
.ing-pod-loc {
    font-size: 18px
}
}

@media ( max-width : 961px) {
.ing-pod-loc {
    font-size: 14px
}
}

.ing-pod-controls {
*zoom: 1;
width: 75px;
margin: 0 auto;
padding-bottom: 20px
}

.ing-pod-controls:after {
content: "";
display: table;
clear: both
}

.ing-pod-icon {
font-family: "FontAwesome";
color: #0f346c;
font-size: 22px;
cursor: pointer
}

.ing-pod-prev {
float: left
}

.ing-pod-next {
float: right
}

.ing-pod-img {
position: relative;
background-color: #000
}

.ing-pod-img img {
display: block
}

@media ( max-width : 961px) {
.ing-pod-img {
    display: none
}
}

.ing-pod-img-mobile {
position: relative
}

.ing-pod-img-mobile img {
display: block
}

.ing-pod-play {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
cursor: pointer
}

.ing-pod-play:hover .ing-pod-play-btn {
height: 80px;
width: 80px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -1097px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.ing-pod-play:hover .ing-pod-play-btn {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -978px;
    background-size: 186px, auto
}
}

.ing-pod-play-btn {
position: absolute;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -40px;
height: 80px;
width: 80px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -1233px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.ing-pod-play-btn {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -1113px;
    background-size: 186px, auto
}
}

.ing-pod-list {
padding: 15px 20px
}

@media ( min-width : 1200px) {
.ing-pod-list {
    padding: 15px 30px
}
}

@media ( max-width : 961px) {
.ing-pod-list {
    display: none
}
}

.ing-pod-list>li {
margin-top: 10px
}

.ing-pod-list>li:first-child {
margin-top: 0
}

.ing-pod-list-intro {
color: #6a6d75;
font-weight: 300;
font-size: 20px
}

.ing-pod-list-title {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #0f346c;
font-size: 18px;
font-weight: 600;
display: block;
text-decoration: underline
}

.ing-pod-list-subtitle {
color: #6a6d75;
font-size: 14px
}

@media ( min-width : 1200px) {
.ing-pod-list-subtitle {
    font-size: 16px
}
}

.ing-pod-spacer {
display: none;
height: 0
}

.ing-pod-more {
text-align: center;
margin: 15px 0 0;
font-size: 16px;
text-shadow: 0 0 15px rgba(101, 67, 49, 0.9)
}

.ing-pod-more a {
color: #fff;
text-decoration: underline
}

.supplier-frame {
display: block;
width: 297px;
height: 147px
}

@media ( min-width : 1200px) {
.supplier-frame {
    width: 469px;
    height: 233px
}
}

.ing-map {
position: relative;
height: 550px;
left: -50px
}

@media ( min-width : 1200px) {
.ing-map {
    left: 0
}
}

.ing-map-item {
position: absolute;
z-index: 5;
cursor: pointer;
transition: opacity 0.1s ease-in;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}

.ing-map-item:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1
}

.ing-map-item.js-ActivePodLink {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1
}

.ing-asparagus {
width: 306px;
height: 355px;
left: 296px;
top: 18px;
background: transparent
    url("learn-more/outline/asparagus-beedbf16f9fc56ecc023b68207dcc67b811c0bef68f517ba818f3f196cc3c61c.png")
    no-repeat center center
}

.ing-cilantro {
width: 301px;
height: 208px;
left: 206px;
top: 242px;
background: transparent
    url("learn-more/outline/cilantro-83c9445082f131038d65ecae0584229223aa6090cf5e0f5bcaf5db515fec97dd.png")
    no-repeat center center
}

.ing-eggplant {
width: 172px;
height: 210px;
right: 9px;
top: 353px;
background: transparent
    url("learn-more/outline/eggplant-9d18295246a15c94df93459f0f611e364ffe262653196f7c0bb4966410f5d065.png")
    no-repeat center center
}

.ing-pink-lemon {
width: 202px;
height: 196px;
left: 487px;
top: 61px;
background: transparent
    url("learn-more/outline/pink-lemon-6a12d66dfab7799c784929dc3a20802533419920724505403e83a7bebef60303.png")
    no-repeat center center
}

.ing-mushroom {
width: 159px;
height: 184px;
left: 68px;
top: 246px;
background: transparent
    url("learn-more/outline/mushroom-02f4dbe51994953f425edef9b62807a483823abfddd5a2b08e6cd025ca725103.png")
    no-repeat center center
}

.ing-pepper {
width: 161px;
height: 189px;
left: 111px;
top: 393px;
background: transparent
    url("learn-more/outline/pepper-7a2b757d14accd9a06b03a28679c61807cb69ed94fb438398871d910b17914ec.png")
    no-repeat center center
}

.ing-ramen {
width: 237px;
height: 237px;
left: 80px;
top: 10px;
background: transparent
    url("learn-more/outline/ramen-611a4fceaab1502b816a3cb8313ab70ac94dedfefe21a3a1ec0242d255408510.png")
    no-repeat center center
}

.ing-seaweed {
width: 134px;
height: 130px;
left: 316px;
top: 437px;
background: transparent
    url("learn-more/outline/seaweed-a27b9d399768eff32cdc211fa5cda77d145d72d3bc7bdc068c232b2a386b266c.png")
    no-repeat center center
}

.learn-ing-bd {
position: absolute;
top: 0;
left: 50%;
margin-left: -619px;
z-index: 1;
background: transparent
    url("learn-more/ing-try-65cef263175be8ba0e80acf9bfa077e00340615f06e8a84271b5200c9413f235.jpg")
    no-repeat left top;
background-size: auto 770px;
height: 770px;
width: 792px
}

@media ( min-width : 1200px) {
.learn-ing-bd {
    margin-left: -685px
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
    (min--moz-device-pixel-ratio: 2) , only screen and
    (min-device-pixel-ratio: 2) , only screen and (min-resolution: 192dpi)
    , only screen and (min-resolution: 2dppx) {
.learn-ing-bd {
    background-image:
        url("learn-more/ing-try@2x-12e05c0f058cb356ef8b85f024ddd92735d9f83162b0198fde06f05d2144a494.jpg")
}
}

.learn-ing-bd-right {
background: #d3d5db
    url("learn-more/ing-try-right-ed6c2b13514387aa12b529128ae5180d4e29c91e4166508ebceafa676caabd42.jpg")
    repeat left top;
background-size: auto 770px;
position: absolute;
left: 791px;
height: 100%;
width: 1300px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
    (min--moz-device-pixel-ratio: 2) , only screen and
    (min-device-pixel-ratio: 2) , only screen and (min-resolution: 192dpi)
    , only screen and (min-resolution: 2dppx) {
.learn-ing-bd-right {
    background-image:
        url("learn-more/ing-try-right@2x-e33b6cf99f8a657ae91d96b74de0b48203e9dea8e6dc28363b8a6bc19c558350.jpg")
}
}

.learn-ing-bd-left {
background: #d3d5db
    url("learn-more/ing-try-left-ad89c597e50c4947bd2a066d1143a97865da78f89f5b7a2991143b138a786520.jpg")
    repeat right top;
background-size: auto 770px;
position: absolute;
right: 791px;
height: 100%;
width: 1300px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
    (min--moz-device-pixel-ratio: 2) , only screen and
    (min-device-pixel-ratio: 2) , only screen and (min-resolution: 192dpi)
    , only screen and (min-resolution: 2dppx) {
.learn-ing-bd-left {
    background-image:
        url("learn-more/ing-try-left@2x-1a8861955095ec2d0a827d79459c5f4434b9c8cd9ae688057cdca36855cb6635.jpg")
}
}

.learn-tablet {
background: #d3d5db
    url("learn-more/blue-linen-aff4241fda1012cab34db7b384db904e8c110bbb94a30feed9b3c37a2127abce.jpg")
    repeat bottom center
}

@media ( min-width : 768px) and (max-width: 961px) {
.learn-tablet .container {
    max-width: 600px
}
}

.learn-tablet-cont {
position: relative
}

.learn-tablet-cont .tablet-bg {
max-width: 100%
}

.learn-tablet-cont .tablet-video, .learn-tablet-cont .tablet-static-img,
.learn-tablet-cont .tablet-fallback-img {
position: absolute;
width: 491px;
height: 370px;
top: 24px;
left: 63px;
background-color: transparent
}

@media ( min-width : 1200px) {
.learn-tablet-cont .tablet-video, .learn-tablet-cont .tablet-static-img,
    .learn-tablet-cont .tablet-fallback-img {
    width: 612px;
    height: 460px;
    top: 30px;
    left: 78px
}
}

@media ( max-width : 961px) {
.learn-tablet-cont .tablet-video, .learn-tablet-cont .tablet-static-img,
    .learn-tablet-cont .tablet-fallback-img {
    width: 80%;
    height: 87%;
    top: 6%;
    left: 10%
}
}

.learn-tablet-cont .tablet-fallback-img {
position: static
}

.learn-tablet-cont .tablet-static-img {
display: none
}

.learn-tablet-topics {
margin-top: 30px
}

@media ( min-width : 1200px) {
.learn-tablet-topics {
    margin-top: 75px
}
}

@media ( max-width : 961px) {
.learn-tablet-topics {
    margin-top: 20px;
    text-align: center
}
}

.learn-tablet-topics-area {
margin-bottom: 25px
}

@media ( min-width : 1200px) {
.learn-tablet-topics-area {
    margin-bottom: 30px
}
}

.learn-tablet-topics-area a {
text-decoration: underline
}

.learn-tablet-topics-title {
font-size: 22px;
margin-bottom: 10px
}

.learn-tablet-topics-txt {
margin: 0;
color: #303236;
font-size: 15px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 300
}

@media ( min-width : 1200px) {
.learn-tablet-topics-txt {
    font-size: 18px
}
}

.learn-tablet-faq {
margin-top: 25px;
font-size: 14px
}

.learn-tablet-faq a {
text-decoration: underline
}

@media ( min-width : 1200px) {
.learn-tablet-faq {
    font-size: 17px
}
}

.learn-cta {
background: #fafbfc
    url("new-design/bg/bg-canvas-193e4feaa213194f6fd8a04c75d7a8f118d14d81b708600699953eed2452f511.jpg")
    repeat;
text-align: center
}

.learn-cta-title {
margin-bottom: 10px
}

.learn-cta-subtitle {
color: #6a6d75;
margin-bottom: 20px
}

@media ( max-width : 767px) {
.learn-cta-subtitle {
    font-size: 16px
}
}

.learn-cta-btn {
font-size: 36px;
line-height: 123.12px;
height: 123.12px;
padding: 0 90px
}

@media ( max-width : 767px) {
.learn-cta-btn {
    font-size: 30px;
    line-height: 102.6px;
    height: 102.6px;
    padding: 0 75px;
    display: block
}
}

.learn-social-proof {
background-color: white
}

.testimonial-text {
padding-top: 10px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-style: italic;
font-size: 16px;
color: #6a6d75;
text-align: center
}

@media ( min-width : 768px) and (max-width: 961px) {
.testimonial-img {
    text-align: center;
    margin-bottom: 20px
}
}

@media ( max-width : 767px) {
.testimonial-text {
    height: 120px;
    font-size: 14px;
    line-height: 1.5
}
}

.testimonial-img {
height: auto
}

.image-container {
height: 150px
}

.image-container:before {
content: ' ';
display: inline-block;
vertical-align: middle;
height: 100%
}

.home-page-section {
position: relative;
margin-bottom: 70px;
text-align: center
}

@media ( max-width : 639px) {
.home-page-section {
    margin-bottom: 40px
}
}

.section-title {
font-size: 30px;
text-align: center;
margin-bottom: 10px
}

@media ( max-width : 767px) {
.section-title {
    font-size: 24px
}
}

.eeRow {
display: table-row
}

.eeCell {
display: table-cell
}

.eeImage svg {
height: 50px;
width: 50px
}

.eeTitle {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #303236;
font-size: 15px;
font-weight: 500;
margin-bottom: 15px;
margin-top: 15px;
line-height: normal
}

.eeText {
color: #6a6d75;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
font-size: 13px
}

.eeCTA {
display: inline-block;
width: 240px;
background-color: #2e62af;
border-radius: 50px;
color: #ffffff;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 40px;
margin: auto;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 61.56px;
height: 61.56px;
padding: 0 56px
}

.eeCTA:hover {
text-decoration: none;
background-color: #0f346c
}

.eeEasyStepsSectionBody {
display: table;
border-spacing: 0px 0px;
width: 80%;
margin: auto
}

.eeEasyStepsSectionBody .eeCell {
text-align: left;
vertical-align: middle
}

.eeEasyStepsSectionBody .eeCell.eeLeft, .eeEasyStepsSectionBody .eeCell.eeRight
{
width: 50%;
vertical-align: middle
}

.eeEasyStepsSectionBody .eeCell.eeRight {
text-align: right
}

.eeEasyStepsSectionBody .eeImage svg {
width: 225px;
height: 230px
}

.eeEasyStepsSectionBody .eeTitle {
font-size: 30px;
font-weight: 700
}

.eeEasyStepsSectionBody .eeText {
font-size: 18px
}

.eeLookInsideSectionBody {
padding-top: 50px;
padding-bottom: 50px;
overflow: hidden
}

@media ( max-width : 767px) {
.eeLookInsideSectionBody {
    padding-top: 20px;
    padding-bottom: 0
}
}

.eeLookInsideSectionBody--mobile-background-img {
display: none
}

.eeLookInsideSectionBody--background-img {
position: absolute;
top: 0;
left: 0;
height: 800px;
width: 1170px
}

@media ( min-width : 962px) and (max-width: 1199px) {
.eeLookInsideSectionBody--background-img {
    left: -118px
}
}

#ie7 .eeLookInsideSectionBody--background-img, #ie8 .eeLookInsideSectionBody--background-img
{
left: -118px
}

@media ( min-width : 768px) and (max-width: 961px) {
.eeLookInsideSectionBody--background-img {
    left: -213px
}
}

@media ( max-width : 767px) {
.eeLookInsideSectionBody--background-img {
    left: -233px
}
}

.eeLookInsideSectionBody .content {
background: #fafbfc;
padding: 30px 15px;
color: #0f346c;
box-sizing: border-box;
width: 440px;
position: relative;
margin-left: auto;
margin-right: auto
}

@media ( max-width : 767px) {
.eeLookInsideSectionBody .content {
    padding-bottom: 45px
}
}

@media ( max-width : 639px) {
.eeLookInsideSectionBody .content {
    width: 100%
}
}

@media ( max-width : 339px) {
.eeLookInsideSectionBody .content {
    padding: 20px;
    padding-bottom: 0
}
}

.eeLookInsideSectionBody .content--header h5 {
font-size: 20px;
text-align: center;
margin-bottom: 5px;
font-style: normal;
text-transform: uppercase
}

.eeLookInsideSectionBodyTable {
display: table;
border-spacing: 10px 0px;
margin-bottom: 15px
}

.eeLookInsideSectionBodyTable .eeTitle {
margin-bottom: 9px;
font-size: 20px;
line-height: 30px
}

.eeLookInsideSectionBodyTable .eeText {
font-size: 18px;
line-height: 26px
}

.eeSimplePitchSectionWrapper {
text-align: center
}

.eeSimplePitchSectionWrapper .eeImage svg {
width: 225px;
height: 230px
}

.eeSimplePitchSectionWrapper .eeTitle {
font-size: 30px
}

.eeSimplePitchSectionWrapper .eeText {
font-size: 18px;
margin-bottom: 30px
}

@media ( min-width : 1200px) {
.eeEasyStepsSectionBody .eeImage svg {
    width: 330px;
    height: 330px
}
.eeEasyStepsSectionBody .eeTitle {
    font-size: 46px;
    font-weight: bold
}
.eeEasyStepsSectionBody .eeText {
    font-size: 24px;
    font-weight: normal;
    line-height: 40px
}
.eeLookInsideSectionBodyTable {
    margin-bottom: 25px
}
.eeLookInsideSectionBody .eeCell {
    padding: 48px 35px;
}
.eeLookInsideSectionBody--background-img {
    height: 1015px;
    width: auto
}
.eeLookInsideSectionBody .content {
    padding: 56px 53px;
    width: 840px
}
.eeLookInsideSectionBody .content--header h5 {
    letter-spacing: 0.1em
}
}

@media ( min-width : 768px) and (max-width: 1199px) {
.eeLookInsideSectionBody .content {
    padding: 30px 15px;
    width: 540px
}
.eeLookInsideSectionBodyTable {
    margin-bottom: 35px
}
.eeCTA {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 54.72px;
    height: 54.72px;
    padding: 0 40px
}
}

@media ( max-width : 767px) {
.get-cooking-btn-mobile {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 54.72px;
    height: 54.72px;
    padding: 0 40px;
    width: 210px;
    background-color: #fd0505;
    border-radius: 50px;
    color: #ffffff;
    font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
        "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
        "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
        sans-serif;
    margin: auto;
    margin-bottom: 30px;
    text-transform: uppercase
}
.eeRow {
    display: block;
    text-align: center
}
.eeCell {
    display: block;
    width: 100% !important;
    text-align: center !important
}
.eeText {
    margin-bottom: 20px
}
.eeEasyStepsSectionBody, .eeLookInsideSectionBodyTable {
    display: block
}
.eeLookInsideSectionBody, .eeLookInsideSectionBody .content {
    background-color: #fafbfc
}
.eeLookInsideSectionBody--mobile-background-img {
    display: none
}
.eeLookInsideSectionBody .content--header h5 {
    margin-bottom: 40px
}
.eeReversedRow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.eeReversedRow .eeCell {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}
.eeReversedRow .eeCell.eeRight {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}
.eeCTA {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 54.72px;
    height: 54.72px;
    padding: 0 40px
}
.eeCTANotForMobile {
    display: block;
    text-decoration: none;
}
.eeSimplePitchSectionWrapper {
    padding: 0 20px
}
}

.topchef-page .txt-center .qtip-content {
text-align: center !important
}

.topchef-page .step-view {
overflow: hidden
}

.topchef-page .recipe-cta-btn {
height: auto;
line-height: inherit
}

.topchef-page .recipe-cta-btn>span {
line-height: 100%;
display: block
}

.topchef-page .recipe-cta-btn .large-txt {
letter-spacing: 1px
}

.topchef-page .recipe-cta-btn .btn-subtxt {
font-weight: 400;
color: #f0f0f0;
margin-top: 2px
}

.section-rec-basics .topchef-page .recipe-cta-btn {
padding: 10px 20px
}

.section-rec-basics .topchef-page .recipe-cta-btn .large-txt {
font-size: 20px
}

.section-rec-basics .topchef-page .recipe-cta-btn .btn-subtxt {
font-size: 14px
}

.section-rec-reviews .topchef-page .recipe-cta-btn {
padding-top: 16px;
padding-bottom: 16px
}

.section-rec-reviews .topchef-page .recipe-cta-btn .large-txt {
font-size: 26px;
margin: 0 0 8px 0
}

.section-rec-reviews .topchef-page .recipe-cta-btn .btn-subtxt {
font-size: 16px
}

.topchef-page .recipe-social {
margin-left: auto;
margin-right: auto;
width: 250px
}

.topchef-page .recipe-social-button {
width: 83px;
height: 20px;
float: left
}

.topchef-page .recipe-social-button.recipe-fb-like .fb_iframe_widget span
{
vertical-align: top !important
}

.topchef-page .recipe-page .content-wrap {
background: #fafafc
    url("new-design/bg/bg-canvas-193e4feaa213194f6fd8a04c75d7a8f118d14d81b708600699953eed2452f511.jpg")
    center center repeat
}

.topchef-page .recipe-page .guest-only, .topchef-page .recipe-page .recipe-cta-btn--hidden,
.topchef-page .recipe-page .js-product-form {
display: none
}

.topchef-page .recipe-page .js-product-form.show-form {
display: block
}

.topchef-page .recipe-page a:active, .topchef-page .recipe-page a:focus
{
outline: 0;
text-decoration: none
}

.topchef-page .recipe-page .title-hldr {
background-color: #002f6c;
z-index: 2;
padding: 20px;
position: relative;
overflow: hidden;
*zoom: 1;
border-radius: 4px 4px 0 0
}

#ie7 .topchef-page .recipe-page .title-hldr, #ie8 .topchef-page .recipe-page .title-hldr
{
background: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EB002F6C',
    EndColorStr='#EB002F6C');
zoom: 1
}

@media ( min-width : 1200px) {
.topchef-page .recipe-page .title-hldr {
    background-color: rgba(0, 47, 108, 0.92)
}
}

@media ( max-width : 767px) {
.topchef-page .recipe-page .title-hldr {
    padding: 20px;
    background-color: #fff;
    border-bottom: 1px solid #0f346c
}
.topchef-page .recipe-page .title-hldr .recipe-cta-btn {
    margin-top: 15px;
    padding: 8px;
    font-size: 17px;
    float: none
}
.topchef-page .recipe-page .title-hldr .main-title {
    font-size: 28px;
    color: #0f346c
}
.topchef-page .recipe-page .title-hldr .sub-title {
    font-size: 16px;
    color: #555
}
}

.topchef-page .recipe-page .title-area {
float: left;
width: 75%
}

@media ( max-width : 767px) {
.topchef-page .recipe-page .title-area {
    float: none;
    width: auto
}
}

.topchef-page .recipe-page .cta-area {
float: right;
width: 32.3%;
margin-left: 1%
}

@media ( max-width : 767px) {
.topchef-page .recipe-page .cta-area {
    float: none;
    margin: 0;
    width: auto
}
}

.topchef-page .recipe-page .main-title {
font-size: 30px;
color: #fff;
margin: 0 0 1px
}

.topchef-page .recipe-page .sub-title {
font-family: "Chronicle Ssm";
font-weight: 400;
line-height: 1.4;
font-size: 16px;
color: #fafbfc;
margin: 0
}

@media ( max-width : 767px) {
.topchef-page .recipe-page .play-btn {
    height: 186px;
    width: 186px;
    background-image:
        url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
    background-position: 0 -725px;
    background-repeat: no-repeat
}
}

@media ( max-width : 767px) and (-webkit-min-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (min--moz-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (-o-min-device-pixel-ratio: 3 / 2) , (
    max-width : 767px) and (min-device-pixel-ratio: 1.5) {
.topchef-page .recipe-page .play-btn {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -606px;
    background-size: 186px, auto
}
}

@media ( max-width : 767px) {
.topchef-page .recipe-page .play-btn:hover {
    height: 186px;
    width: 186px;
    background-image:
        url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
    background-position: 0 -911px;
    background-repeat: no-repeat
}
}

@media ( max-width : 767px) and (-webkit-min-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (min--moz-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (-o-min-device-pixel-ratio: 3 / 2) , (
    max-width : 767px) and (min-device-pixel-ratio: 1.5) {
.topchef-page .recipe-page .play-btn:hover {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -792px;
    background-size: 186px, auto
}
}

.topchef-page .recipe-page .nav-hldr {
background-color: rgba(250, 250, 250, 0.95);
position: absolute;
z-index: 420;
width: 100%;
overflow: hidden;
height: 0;
z-index: 6
}

#ie7 .topchef-page .recipe-page .nav-hldr, #ie8 .topchef-page .recipe-page .nav-hldr
{
background: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2FAFAFA',
    EndColorStr='#F2FAFAFA');
zoom: 1
}

@media ( max-width : 767px) {
.topchef-page .recipe-page .nav-hldr {
    display: none
}
}

.topchef-page .recipe-page .nav-hldr.float_nav {
display: none;
position: fixed;
top: 80px;
left: 0;
height: auto;
overflow: visible;
border-bottom: 1px solid #e4e6eb
}

.topchef-page .recipe-page .nav-hldr .subnav {
*zoom: 1;
height: 35px;
margin-bottom: 0
}

.topchef-page .recipe-page .nav-hldr .subnav:after {
content: "";
display: table;
clear: both
}

.topchef-page .recipe-page .nav-hldr .subnav .nav-item {
float: left;
list-style-type: none;
margin-left: 18px
}

.topchef-page .recipe-page .nav-hldr .subnav .nav-item a {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
color: #6a6d75;
font-size: 14px;
padding: 0 5px;
line-height: 35px;
height: 35px;
display: block;
position: relative;
outline: 0
}

.topchef-page .recipe-page .nav-hldr .subnav .nav-item a:active,
.topchef-page .recipe-page .nav-hldr .subnav .nav-item a:focus {
background-color: transparent
}

.topchef-page .recipe-page .nav-hldr .subnav .nav-item a:hover {
color: #0f346c;
border-bottom: 3px solid #7581a7;
text-decoration: none
}

.topchef-page .recipe-page .nav-hldr .subnav .nav-item:first-of-type {
margin-left: 0px
}

.topchef-page .recipe-page .nav-hldr .subnav .nav-item:first-of-type a {
padding-left: 0px
}

.topchef-page .recipe-page .nav-hldr .subnav .nav-item.active a {
color: #0f346c;
border-bottom: 3px solid #7581a7;
text-decoration: none
}

.topchef-page .recipe-page .nav-hldr .subnav .nav-item.active a .active-arrow
{
display: block
}

.topchef-page .recipe-page .nav-hldr .subnav .hidden-nav {
display: none
}

.topchef-page section.container .holder {
border: none;
border-radius: 4px
}

.topchef-page .section-rec-basics {
padding-top: 20px
}

@media ( max-width : 767px) {
.topchef-page .section-rec-basics {
    padding-top: 0
}
}

.topchef-page .section-rec-basics .holder {
overflow: hidden;
position: relative
}

.topchef-page .rec-basics-hldr {
min-height: 540px
}

@media ( min-width : 1200px) {
.topchef-page .rec-basics-hldr {
    min-height: 650px
}
}

@media ( max-width : 767px) {
.topchef-page .rec-basics-hldr {
    min-height: 0
}
}

@media ( max-height : 760px) and (min-width: 1200px) {
.topchef-page .rec-basics-hldr {
    min-height: 570px
}
.topchef-page .rec-basics-hldr .rec-splash-img {
    top: 0
}
}

@media ( min-height : 1060px) and (min-width: 1200px) {
.topchef-page .rec-basics-hldr {
    min-height: 710px
}
.topchef-page .rec-basics-hldr .rec-splash-img {
    top: 0
}
}

.topchef-page .rec-splash-img-holder {
position: absolute;
left: 0;
width: 100%;
height: 100%;
overflow: hidden
}

@media ( max-width : 767px) {
.topchef-page .rec-splash-img-holder {
    position: static;
    width: auto;
    height: auto;
    border-bottom: 1px solid #0f346c
}
}

@media ( min-width : 1200px) {
.topchef-page .rec-splash-img-holder {
    top: 0
}
}

.topchef-page .rec-splash-img {
max-width: none;
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
display: block
}

@media ( min-width : 768px) and (max-width: 961px) {
.topchef-page .rec-splash-img {
    width: 130%;
    left: -10%
}
}

@media ( max-width : 767px) {
.topchef-page .rec-splash-img {
    position: static;
    width: 100%;
    top: 0
}
}

.topchef-page .rec-description-hldr {
padding: 20px;
background-color: #0f346c
}

@media ( max-width : 767px) {
.topchef-page .rec-description-hldr {
    padding: 0
}
}

.topchef-page .rec-description-area {
position: relative;
width: 390px;
z-index: 1;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

@media ( max-width : 767px) {
.topchef-page .rec-description-area {
    width: auto;
    background-color: #fff;
    box-shadow: 0 0 0 transparent
}
}

.topchef-page .rec-descrip-section {
color: #303236;
padding: 20px 30px 20px 30px
}

.topchef-page .rec-descrip-section p {
margin: 0;
font-size: 15px;
font-family: "Chronicle Ssm"
}

@media ( max-width : 767px) {
.topchef-page .rec-descrip-section {
    padding: 20px
}
}

.topchef-page .rec-descrip-section--heading {
padding: 25px 30px 16px 30px
}

.topchef-page .rec-descrip-section.pb-0 {
padding-bottom: 0
}

.topchef-page .rec-descrip-section:first-child {
margin-top: 0
}

.topchef-page .partnership-eyebrow-isle {
padding-bottom: 15px;
height: auto
}

.topchef-page .partnership-eyebrow-isle+.nutrition-information {
padding-top: 20px
}

.topchef-page .nutrition-information {
font-size: 14px;
line-height: 16px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.topchef-page .partnership-eyebrow-copy {
text-transform: uppercase;
font-size: 11px;
margin-bottom: 5px
}

.topchef-page .feature-recipe-heading {
font-size: 17px;
color: #000;
opacity: 1
}

.topchef-page .feature-recipe-img {
height: 33px
}

.feature-recipe-with-description .topchef-page .feature-recipe-img {
float: right
}

.feature-recipe-img-only .topchef-page .feature-recipe-img {
float: left;
position: relative;
left: 50%
}

.feature-recipe-img-only .topchef-page .feature-recipe-img-element {
float: left;
position: relative;
left: -50%
}

.topchef-page .feature-recipe-img img {
width: auto;
height: 100%
}

.topchef-page .field-name {
overflow: hidden;
*zoom: 1;
margin: 0 0 4px 0;
color: #0f346c;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 12px;
font-weight: 600;
text-transform: uppercase
}

.topchef-page .field-name .nutrition-label-title {
color: #0f346c;
text-decoration: none
}

.topchef-page .field-name .nutrition-label-title:hover {
cursor: default
}

.topchef-page .is-scrolled .nutrition-information {
opacity: 0.4;
transition: opacity 0.3s
}

.topchef-page .recipe-field--calories {
padding-left: 20px
}

.topchef-page .recipe-field--calories .icon-download-link {
width: 11px
}

.topchef-page .recipe-field--calories .pop-out-svg {
display: none
}

.topchef-page .recipe-field--calories.nutrition-modal {
cursor: pointer
}

.topchef-page .recipe-field--calories.nutrition-modal .field-name .nutrition-label-title
{
cursor: pointer
}

.topchef-page .recipe-field--calories.nutrition-modal .pop-out-svg {
display: block;
float: left;
margin-left: 5px;
width: 13px
}

.topchef-page .recipe-field--calories.nutrition-modal .pop-out-svg svg {
display: block
}

.topchef-page .nutrition-label-inner {
max-width: 400px;
background-color: #fff;
border-radius: 4px
}

.topchef-page .nutrition-label-inner img {
max-width: 400px;
border-top-left-radius: 4px;
border-top-right-radius: 4px
}

.topchef-page .nutrition-label-bottom {
width: 100%;
text-align: center;
background-color: #f7f7f9;
padding-bottom: 10px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
cursor: pointer
}

.topchef-page .nutrition-label-bottom a {
color: #7581a7;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
font-weight: 700
}

.topchef-page .nutrition-label-legal {
color: #6a6d75;
line-height: 1.5;
font-size: 12px;
padding: 10px 20px
}

.topchef-page .guest-chef-section {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 500;
position: relative;
padding: 5px 15px;
margin: 15px -15px 0;
font-size: 18px;
line-height: 24px;
color: #fff;
background-color: #e27423;
text-shadow: 0 0 0 transparent
}

@media ( min-width : 1200px) {
.topchef-page .guest-chef-section {
    padding: 5px 20px;
    margin: 15px -20px 0
}
}

@media ( max-width : 767px) {
.topchef-page .guest-chef-section {
    padding: 5px 20px;
    margin: 15px -20px 0
}
}

.topchef-page .guest-chef-section.guest-chef-name {
margin-right: 0;
margin-top: 5px
}

.topchef-page .guest-chef-image {
position: absolute;
right: -5px;
top: 50%;
margin-top: -35px;
max-height: 70px
}

.topchef-page .guest-chef-image-only {
width: 100%
}

.topchef-page .guest-chef-image-only-section {
display: block;
position: relative;
width: 160px;
margin: 0 auto;
padding-top: 20px
}

.topchef-page .recipe-servings {
font-size: 14px;
line-height: 160%
}

@media ( min-width : 1200px) {
.topchef-page .recipe-servings {
    font-size: 15px
}
}

.topchef-page .recipe-wine-pairings {
padding-top: 20px;
border-top: 1px solid #ddd;
box-shadow: 0 1px 0 0 #fff inset;
font-size: 14px;
line-height: 18px;
overflow: hidden;
*zoom: 1
}

.topchef-page .recipe-wine-pairings .wine-icon {
float: left;
width: 22px;
height: 40px;
margin-right: 15px;
height: 40px;
width: 22px;
background-image:
    url(recipe-icons-scf5a4bb21f-c571228eaf21669fde5425e43930aaca93fe34fcf221af0ff34d16641d64c01f.png);
background-position: 0 -590px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.topchef-page .recipe-wine-pairings .wine-icon {
    background-image:
        url(recipe-icons-2x-s4c7a87ff7a-b08832e257c0128b254d5dbff0afcbe364f742ce25f90612ba9abd2f95abf0a1.png);
    background-position: 0 -590px;
    background-size: 186px, auto
}
}

.topchef-page .section-border {
padding-top: 20px
}

.topchef-page .section-border--top {
border-top: 1px solid #f0f2f7
}

.topchef-page .section-border--bottom {
border-bottom: 1px solid #f0f2f7
}

.topchef-page .section-border .social-hldr {
height: 20px;
display: inline-block
}

.topchef-page .section-border .badge-hldr {
float: right
}

.topchef-page .section-border .badge-hldr i {
margin-top: -2px;
float: left;
width: 25px;
height: 25px;
margin-left: 6px;
cursor: pointer
}

.topchef-page .section-border .badge-hldr i:first-child {
margin-left: 0
}

.topchef-page .section-border .gluten-icon {
height: 25px;
width: 25px;
background-image:
    url(recipe-icons-scf5a4bb21f-c571228eaf21669fde5425e43930aaca93fe34fcf221af0ff34d16641d64c01f.png);
background-position: 0 -34px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.topchef-page .section-border .gluten-icon {
    background-image:
        url(recipe-icons-2x-s4c7a87ff7a-b08832e257c0128b254d5dbff0afcbe364f742ce25f90612ba9abd2f95abf0a1.png);
    background-position: 0 -34px;
    background-size: 186px, auto
}
}

.topchef-page .section-border .veg-icon {
height: 25px;
width: 25px;
background-image:
    url(recipe-icons-scf5a4bb21f-c571228eaf21669fde5425e43930aaca93fe34fcf221af0ff34d16641d64c01f.png);
background-position: 0 -531px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.topchef-page .section-border .veg-icon {
    background-image:
        url(recipe-icons-2x-s4c7a87ff7a-b08832e257c0128b254d5dbff0afcbe364f742ce25f90612ba9abd2f95abf0a1.png);
    background-position: 0 -531px;
    background-size: 186px, auto
}
}

.topchef-page .recipe-description {
height: auto;
overflow-y: hidden
}

.topchef-page .recipe-description .svg-chevron-hldr {
position: absolute;
left: 50%;
top: 50%;
margin-left: -5px;
margin-top: -4px;
width: 10px;
height: 5px
}

.topchef-page .recipe-description .svg-chevron-hldr .svg-chevron--angled
{
float: left
}

.topchef-page .recipe-description--hldr {
position: relative
}

.topchef-page .recipe-description--overflow {
background-image:
    url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
background-size: 100%;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,
    #fff 63%, #fff 97%);
position: absolute;
bottom: -1px;
width: 100%;
z-index: 5;
height: 40px
}

.topchef-page .recipe-description--overflow-down {
position: absolute;
z-index: 6;
bottom: 0;
width: 86px;
height: 34px;
border: 1px solid #F0F2F7;
color: #0f346c;
background-color: #fff;
border-radius: 17px;
left: 50%;
margin-left: -43px;
overflow: hidden
}

.topchef-page .recipe-description--overflow-down:hover {
text-decoration: none
}

.topchef-page .recipe-description--overflow-down:hover .icon-hldr--chevron_text
{
-ms-transform: translateY(7px);
-webkit-transform: translateY(7px);
transform: translateY(7px)
}

.topchef-page .recipe-description--overflow-down:hover .icon-hldr--chevron .svg-chevron-hldr
{
-ms-transform: translateY(20px);
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}

.topchef-page .recipe-description--overflow-down .icon-hldr--chevron {
position: relative;
height: 34px
}

.topchef-page .recipe-description--overflow-down .icon-hldr--chevron_text
{
-ms-transform: translate3d(0, -80%, 0);
-webkit-transform: translate3d(0, -80%, 0);
transform: translate3d(0, -80%, 0);
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
color: #0f346c;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 11px;
text-align: center
}

.topchef-page .recipe-description--overflow-down .icon-hldr--chevron_glow
{
box-shadow: inset 0px 0px 5px 10px rgba(255, 255, 255, 0.85);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5
}

.topchef-page .recipe-description--overflow-down .icon-hldr--chevron .svg-chevron-hldr
{
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: opacity 0.3s ease, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s ease;
transition: transform 0.3s, opacity 0.3s ease, -webkit-transform 0.3s;
opacity: 1
}

.topchef-page .recipe-description--overflow-up {
position: relative;
border: 1px solid #F0F2F7;
background-color: #fff;
border-radius: 50%;
display: block;
width: 34px;
height: 34px;
float: right;
margin-right: 10px
}

.topchef-page .recipe-description--overflow-up .svg-chevron--angled {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}

.topchef-page .recipe-description.scrollable-window {
height: 150px
}

@media ( max-width : 767px) {
.topchef-page .recipe-description.scrollable-window {
    height: auto
}
}

@media ( min-width : 1200px) {
.topchef-page .recipe-description.scrollable-window {
    height: 210px
}
}

.topchef-page .recipe-description.can-scroll {
overflow-y: scroll
}

.topchef-page .recipe-description.prevent-user-scroll {
overflow: hidden !important
}

@media ( max-width : 767px) {
.topchef-page .js-overFlow {
    display: none
}
}

.topchef-page .rec-wine-section {
background-color: white;
border-top: 1px solid #f0f2f7;
text-align: center
}

.topchef-page .rec-wine-section .wine-name {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
font-weight: 600;
color: #0f346c;
line-height: 1.4;
text-transform: capitalize
}

.topchef-page .rec-wine-section p {
font-size: 12px;
margin-top: 10px;
line-height: 1.5;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

@media ( max-width : 767px) {
.topchef-page .rec-wine-section {
    border-top: none;
    padding-top: 0
}
}

.topchef-page .rec-wine-section-mobile {
border-radius: 4px
}

@media ( max-width : 767px) {
.topchef-page .rec-wine-section-mobile {
    background-color: #f7f7f9;
    border: 1px solid #ddd;
    padding: 20px
}
}

.topchef-page .icon-wine-glass {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
height: 26px;
width: 11px;
background-image:
    url(recipe-icons-scf5a4bb21f-c571228eaf21669fde5425e43930aaca93fe34fcf221af0ff34d16641d64c01f.png);
background-position: 0 -59px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.topchef-page .icon-wine-glass {
    background-image:
        url(recipe-icons-2x-s4c7a87ff7a-b08832e257c0128b254d5dbff0afcbe364f742ce25f90612ba9abd2f95abf0a1.png);
    background-position: 0 -59px;
    background-size: 186px, auto
}
}

.topchef-page .recipe-page .holder {
margin-top: 0;
padding: 0;
overflow: hidden;
border: none;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08), inset 0px 0px 0px 1px
    #f0f2f7
}

@media ( max-width : 767px) {
.topchef-page .recipe-page .holder {
    margin: 0;
    border-bottom: 1px solid #0f346c
}
}

.topchef-page .rec-area-title {
padding: 20px;
border-bottom: 1px solid #e4e6eb
}

.topchef-page .rec-area-title h2 {
font-size: 26px;
margin: 0
}

@media ( max-width : 767px) {
.topchef-page .rec-area-title h2 {
    font-size: 24px
}
}

.topchef-page .rec-area-content {
position: relative;
padding: 20px;
*zoom: 1
}

.topchef-page .rec-area-content:after {
content: "";
display: table;
clear: both
}

.cta-splash-top-chef {
height: auto;
background-color: #ffffff;
margin-bottom: 0
}

.background-image-container-topchef {
height: 692px;
display: block;
position: relative
}

@media ( max-width : 767px) {
.background-image-container-topchef {
    height: 425px;
    overflow: hidden
}
}

.background-image-overlay.topchef {
background-size: cover;
background-position: bottom;
height: 692px;
width: 100%;
position: relative
}

@media ( min-width : 1200px) {
.background-image-overlay.topchef {
    background-position: 0 0;
    max-width: 1600px;
    margin: auto
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.background-image-overlay.topchef {
    background-position: 50% 95%
}
}

#ie7 .background-image-overlay.topchef, #ie8 .background-image-overlay.topchef
{
background-position: 50% 95%
}

@media ( min-width : 768px) and (max-width: 961px) {
.background-image-overlay.topchef {
    background-position: 50% 95%
}
}

@media ( max-width : 767px) {
.background-image-overlay.topchef {
    background-position: 50% 95%;
    height: 425px;
    overflow: hidden;
    position: absolute
}
}

@media ( min-width : 767px) and (max-width: 768px) {
.background-image-overlay.topchef {
    top: 0
}
}

.background-image-overlay.topchef .topchef-video-container {
height: 692px
}

.background-image-overlay.topchef .splash-icon {
z-index: 0
}

.background-image-overlay.topchef .bgvidTC {
position: absolute;
height: 100%;
width: 100%;
object-fit: fill
}

@media ( min-width : 1200px) {
.background-image-overlay.topchef .bgvidTC {
    max-width: 1600px
}
}

@media ( max-width : 767px) {
.background-image-overlay.topchef .bgvidTC {
    top: 0
}
}

.background-image-overlay.topchef .video-play-container {
left: -10px
}

@media ( min-width : 1200px) {
.background-image-overlay.topchef .video-play-container {
    top: 225px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.background-image-overlay.topchef .video-play-container {
    top: 170px
}
}

#ie7 .background-image-overlay.topchef .video-play-container, #ie8 .background-image-overlay.topchef .video-play-container
{
top: 170px
}

@media ( min-width : 768px) and (max-width: 961px) {
.background-image-overlay.topchef .video-play-container {
    top: 160px
}
}

@media ( max-width : 767px) {
.background-image-overlay.topchef .video-play-container {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    top: 60px
}
}

.top-chef-logo-vid {
bottom: 5.5%;
position: relative;
padding-left: 34px;
width: 25%
}

@media ( min-width : 1200px) {
.top-chef-logo-vid {
    padding-left: 114px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.top-chef-logo-vid {
    padding-left: 34px;
    padding-top: 30px;
    left: 0
}
}

#ie7 .top-chef-logo-vid, #ie8 .top-chef-logo-vid {
padding-left: 34px;
padding-top: 30px;
left: 0
}

@media ( min-width : 768px) and (max-width: 961px) {
.top-chef-logo-vid {
    padding-left: 0px;
    left: 34px
}
}

@media ( max-width : 767px) {
.top-chef-logo-vid {
    left: 0
}
}

.top-chef-logo-img {
top: 1%;
position: absolute;
width: 350px;
right: 100px
}

.top-chef-logo-img img {
width: 350px
}

@media ( min-width : 962px) and (max-width: 1199px) {
.top-chef-logo-img {
    width: 250px;
    right: 50px
}
.top-chef-logo-img img {
    width: 250px
}
}

#ie7 .top-chef-logo-img, #ie8 .top-chef-logo-img {
width: 250px;
right: 50px
}

#ie7 .top-chef-logo-img img, #ie8 .top-chef-logo-img img {
width: 250px
}

@media ( min-width : 768px) and (max-width: 961px) {
.top-chef-logo-img {
    width: 250px;
    right: 20px
}
.top-chef-logo-img img {
    width: 250px
}
}

@media ( max-width : 767px) {
.top-chef-logo-img {
    left: 0
}
}

.top-chef-bravo-airtime {
position: absolute;
bottom: 25px;
right: 35px
}

@media ( min-width : 768px) and (max-width: 961px) {
.top-chef-bravo-airtime {
    bottom: 20px
}
}

@media ( max-width : 767px) {
.top-chef-bravo-airtime {
    position: relative;
    bottom: inherit;
    right: inherit
}
.top-chef-bravo-airtime .logo-container {
    margin: auto;
    height: auto;
    padding: 20px 0 20px 0
}
.top-chef-bravo-airtime .logo-container .master-chef-jun-container img {
    width: 330px;
    padding-bottom: 10px
}
.top-chef-bravo-airtime .logo-container .fox-container img {
    width: 280px
}
}

.tune-into-bravo-text {
position: absolute;
bottom: 120px;
left: 34px;
width: 55%;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
text-align: left;
color: #ffffff;
font-size: 20px
}

@media ( min-width : 1200px) {
.tune-into-bravo-text {
    padding-left: 60px;
    width: 46%
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.tune-into-bravo-text {
    width: 60%;
    padding-left: 0px;
    bottom: 150px
}
}

#ie7 .tune-into-bravo-text, #ie8 .tune-into-bravo-text {
width: 60%;
padding-left: 0px;
bottom: 150px
}

@media ( min-width : 768px) and (max-width: 961px) {
.tune-into-bravo-text {
    padding-left: 0px;
    width: 45%;
    font-size: 18px;
    bottom: 130px
}
}

@media ( max-width : 767px) {
.tune-into-bravo-text {
    font-size: 24px;
    position: relative;
    max-width: 455px;
    padding: 40px 0;
    margin-left: auto;
    margin-right: auto;
    color: #0f346c;
    left: 0;
    top: 0;
    width: auto;
    text-align: center;
    font-weight: bold
}
}

.top-chef-tune-in {
color: #ffffff
}

.top-chef-tune-in .background-image-overlay.topchef {
background-image:
    url("top-chef/finale-teaser-bbf80afa6a11fdfccc7096e3bda9602d23026d16bd125295da4dea4847e3c351.jpg")
}

@media ( max-width : 767px) {
.top-chef-tune-in .background-image-overlay.topchef {
    position: absolute;
    top: 0%;
    background-position: 70%
}
}

@media ( max-width : 405px) {
.top-chef-tune-in .background-image-overlay.topchef {
    height: 292px;
    background-position: 62%
}
}

.top-chef-tune-in.cta-splash {
height: 705px
}

@media ( max-width : 767px) {
.top-chef-tune-in.cta-splash {
    height: 292px;
    overflow: hidden
}
}

.top-chef-tune-in.cta-splash .video-frame--txt {
top: 8%;
max-width: 600px
}

@media ( max-width : 767px) {
.top-chef-tune-in.cta-splash .video-frame--txt {
    top: 0;
    max-width: 400px
}
}

.top-chef-tune-in .top-chef-logo {
left: 0;
margin-bottom: 25px
}

@media ( max-width : 767px) {
.top-chef-tune-in .top-chef-logo {
    top: -16px;
    margin: auto;
    max-width: 200px;
    height: 53px
}
}

.top-chef-tune-in .top-chef-bravo-airtime {
position: relative;
bottom: 0;
right: 0;
width: auto;
margin-bottom: 20px
}

@media ( max-width : 767px) {
.top-chef-tune-in .top-chef-bravo-airtime #Bravo-Logo path {
    fill: #ffffff
}
}

@media ( max-width : 767px) {
.top-chef-tune-in .top-chef-bravo-airtime {
    margin-bottom: 0;
    width: 50%;
    margin: auto;
    bottom: 0
}
}

.top-chef-tune-in .tune-in-info-text {
color: #ffffff;
font-size: 26px;
font-weight: 400;
line-height: 1.32;
text-align: center;
margin-top: 60px
}

@media ( max-width : 767px) {
.top-chef-tune-in .tune-in-info-text {
    margin-top: 10px;
    font-size: 14px;
    padding: 0 18px
}
}

.photo-slider-topchef {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

@media ( min-width : 1200px) {
.photo-slider-topchef {
    padding-top: 50px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.photo-slider-topchef {
    padding-top: 40px
}
}

#ie7 .photo-slider-topchef, #ie8 .photo-slider-topchef {
padding-top: 40px
}

@media ( min-width : 768px) and (max-width: 961px) {
.photo-slider-topchef {
    padding-top: 30px
}
}

@media ( max-width : 767px) {
.photo-slider-topchef {
    padding-top: 0px
}
}

@media ( max-width : 767px) {
.photo-slider-topchef .container {
    overflow: visible
}
}

.photo-slider-topchef .container .photo-slider-row {
border: 2px solid #0f346c;
padding-bottom: 0
}

@media ( max-width : 767px) {
.photo-slider-topchef .container .photo-slider-row {
    margin: 0 10px
}
}

.photo-slider-topchef .container .photo-slider-row .section-title {
width: 435px;
font-size: 26px;
font-weight: bold
}

@media ( max-width : 767px) {
.photo-slider-topchef .container .photo-slider-row .section-title {
    font-size: 15px;
    width: 85%;
    margin-top: -10px;
    margin-bottom: 30px
}
}

@media ( max-width : 961px) {
.photo-slider-topchef .discover__icon {
    width: 179px;
    height: auto
}
}

.photo-slider-topchef .dots-title {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #0f346c;
font-weight: 400
}

@media ( max-width : 961px) {
.photo-slider-topchef .dots-title {
    font-size: 18px;
    width: 83%;
    margin-top: -5px;
    line-height: unset
}
}

.photo-slider-topchef .dots-subtext {
color: #0f346c;
font-weight: 300;
width: 85%;
font-size: 14px
}

@media ( max-width : 767px) {
.photo-slider-topchef .dots-subtext {
    font-size: 12px;
    width: 83%;
    margin-top: -10px;
    line-height: 18px
}
}

.photo-slider-topchef .discover__outro {
margin-top: 15px;
padding-top: 0
}

.photo-slider-topchef .discover__outro .get-cooking-btn {
bottom: -25px;
margin-top: 0
}

.recipe-page .recipes-topchef {
margin-top: -10px
}

.recipe-page .recipes-topchef .section-rec-basics {
padding-top: 0
}

.recipe-page .recipes-topchef .section-rec-basics .container .holder {
box-shadow: none
}

@media ( max-width : 767px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder {
    border-bottom: none
}
}

@media ( min-width : 768px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder.rec-basics-hldr
    {
    cursor: pointer
}
}

@media ( max-width : 767px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder.rec-basics-hldr .title-hldr
    {
    border-bottom: none;
    background-color: #0f346c
}
}

@media ( max-width : 767px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder.rec-basics-hldr .title-hldr
    {
    padding: 15px;
    cursor: pointer
}
}

.recipe-page .recipes-topchef .section-rec-basics .container .holder.rec-basics-hldr .title-hldr .title-area .main-title
{
margin-bottom: 5px
}

@media ( max-width : 767px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder.rec-basics-hldr .title-hldr .title-area .main-title
    {
    color: #ffffff
}
}

@media ( max-width : 639px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder.rec-basics-hldr .title-hldr .title-area .main-title
    {
    font-size: 24px
}
}

@media ( max-width : 767px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder.rec-basics-hldr .title-hldr .title-area .sub-title
    {
    color: #fafbfc
}
}

@media ( max-width : 639px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder.rec-basics-hldr .title-hldr .title-area .sub-title
    {
    font-size: 14px
}
}

.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-splash-img-holder .rec-splash-img
{
border-radius: 4px
}

@media ( max-width : 767px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-splash-img-holder
    {
    border-bottom: none
}
}

@media ( max-width : 639px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-splash-img-holder
    {
    cursor: pointer
}
}

.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-description-hldr
{
padding-left: 30px
}

@media ( max-width : 767px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-description-hldr
    {
    padding-left: 0
}
}

.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-description-hldr .recipe-description--content p
{
text-align: justify
}

@media ( max-width : 767px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-description-hldr .rec-description-area
    {
    border-radius: 0
}
}

.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-description-hldr .rec-description-area .rec-descrip-section
{
padding: 45px 30px 20px 30px
}

@media ( max-width : 639px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-description-hldr .rec-description-area .rec-descrip-section
    {
    border-radius: 35px 30px 20px 30px
}
}

.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-description-hldr .rec-description-area .rec-descrip-section .show-title
{
font-style: italic
}

.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-description-hldr .rec-description-area .available-on-container
{
margin: 0;
background-color: #f26226;
top: 20px;
position: relative;
display: inline-block;
left: -20px;
line-height: 40px;
padding-right: 20px;
padding-left: 35px;
color: white
}

@media ( max-width : 374px) {
.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-description-hldr .rec-description-area .available-on-container
    {
    font-size: 12px
}
}

.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-description-hldr .rec-description-area .available-on-container .bold
{
font-weight: 700
}

.recipe-page .recipes-topchef .section-rec-basics .container .holder .rec-description-hldr .rec-description-area .available-on-container::before
{
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border: 0 solid transparent;
border-left-width: 20px;
border-right-width: 0px;
border-top: 20px solid #c86226;
bottom: -20px;
left: 0px
}

.top-chef-winner-footer {
font-size: 16px;
font-family: "Chronicle Ssm";
margin: 0 auto 40px auto;
border: 2px solid #0f346c;
padding: 30px 0;
position: relative
}

@media ( min-width : 768px) and (max-width: 961px) {
.top-chef-winner-footer {
    padding: 20px 0
}
}

@media ( max-width : 767px) {
.top-chef-winner-footer {
    margin-left: 30px;
    margin-right: 30px;
    padding: 20px 0
}
}

@media ( max-width : 639px) {
.top-chef-winner-footer {
    margin-bottom: 30px
}
}

.top-chef-winner-footer .footer-text {
margin-left: 20px;
margin-right: 200px;
text-align: left
}

@media ( min-width : 768px) and (max-width: 961px) {
.top-chef-winner-footer .footer-text {
    margin-right: 290px
}
}

@media ( max-width : 767px) {
.top-chef-winner-footer .footer-text {
    margin-right: 250px
}
}

@media ( max-width : 639px) {
.top-chef-winner-footer .footer-text {
    margin-right: 20px;
    text-align: center;
    margin-bottom: 15px
}
}

.top-chef-winner-footer .link-container {
float: right;
margin-left: 0;
margin-right: 20px;
width: 160px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}

@media ( max-width : 639px) {
.top-chef-winner-footer .link-container {
    float: none;
    margin: 0 auto;
    position: inherit;
    top: auto;
    right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
}

.pages_show_mission #main {
-webkit-font-smoothing: subpixel-antialiased
}

.section-mission {
border-bottom: 2px solid #0f346c;
overflow: hidden;
text-align: left;
position: relative;
padding-top: 40px;
background: #fff no-repeat center bottom;
background-size: cover
}

.section-mission .break {
display: block
}

.section-mission .owl-pagination {
display: none !important
}

@media ( max-width : 767px) {
.section-mission {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px
}
.section-mission .break {
    display: inline
}
.section-mission .vision-divider {
    display: none
}
.section-mission .owl-pagination {
    display: block !important
}
.section-mission .owl-buttons {
    display: none
}
}

.section-mission .section-title {
text-align: left;
font-size: 30px;
margin-top: 15px;
margin-bottom: 15px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 600
}

@media ( max-width : 767px) {
.section-mission .section-title {
    text-align: center;
    font-size: 20px
}
}

@media ( min-width : 1200px) {
.section-mission .section-title {
    font-size: 36px
}
}

.section-mission p {
font-size: 15px;
font-family: "Chronicle Ssm";
font-weight: 400;
color: #0f346c;
line-height: 1.7;
margin-top: 8px
}

@media ( min-width : 1200px) {
.section-mission p {
    font-size: 16px;
    line-height: 1.7
}
}

.section-mission h4 {
font-size: 20px;
font-style: normal;
font-weight: 500;
padding-top: 8px
}

.section-mission .vid-btn {
border-radius: 4px;
font-size: 16px;
text-align: right;
margin-top: 10px;
padding: 0 24px
}

.section-mission .vid-btn .play-title {
display: inline-block;
line-height: 30px
}

.section-mission .vid-btn .js-play {
font-family: "FontAwesome";
font-size: 14px;
margin-left: 6px
}

.nav-subpillar {
font-size: 16px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
color: #0f346c;
margin: 0 5px 10px 5px;
display: inline-block;
cursor: pointer;
opacity: 0.7
}

.nav-subpillar.active {
opacity: 1;
font-weight: 500
}

.nav-subpillar:first-of-type {
margin-left: 0
}

.nav-subpillar .nav-separator {
display: inline-block
}

@media ( max-width : 767px) {
.nav-subpillar {
    display: none
}
.nav-subpillar.active {
    text-decoration: none;
    display: block
}
}

.mission-splash {
text-align: center;
background-image:
    url("mission/mission-splash-b-661fbdfd89e8f8022dbcd27778f6b804284a3ec64654736c88d25d8ebf200741.jpg");
background-color: #f4f4f4;
height: 450px;
padding: 0
}

.mission-splash .mission-splash-hldr {
padding-top: 70px
}

@media ( max-width : 767px) {
.mission-splash .mission-splash-hldr {
    padding-top: 20px
}
}

.mission-splash .mission-splash-title {
font-size: 46px;
padding-bottom: 50px
}

@media ( max-width : 767px) {
.mission-splash .mission-splash-title {
    font-size: 30px;
    padding: 20px 25px
}
}

@media ( min-width : 1200px) {
.mission-splash {
    height: 490px
}
.mission-splash .mission-splash-blur {
    height: 621px
}
.mission-splash .mission-splash-title {
    font-size: 46px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.mission-splash {
    height: 380px;
    padding-top: 0
}
.mission-splash .mission-splash-blur {
    height: 380px
}
.mission-splash .mission-splash-title {
    font-size: 36px
}
}

@media ( max-width : 767px) {
.mission-splash {
    background-image:
        url("mission/mobile-mission-splash-9e9ec8a362424b45a42a0e9e56a9583b62d3072274783206259e678ba0a182c3.jpg");
    height: 270px;
    padding: 0
}
.mission-splash .mission-splash-blur {
    height: 270px
}
.mission-splash .mission-splash-blur {
    padding-left: 20px;
    padding-right: 20px
}
}

.mission-splash .video-cta-btn {
padding: 12px 20px
}

.mission-splash .btn-text {
font-size: 32px;
line-height: 60px
}

@media ( max-width : 767px) {
.mission-splash .btn-text {
    font-size: 28px;
    line-height: 58px
}
}

.mission-splash .play-arrow {
height: 56px;
width: 54px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -1177px;
background-repeat: no-repeat;
float: left;
margin-top: 2px;
padding-right: 15px
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.mission-splash .play-arrow {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -1058px;
    background-size: 186px, auto
}
}

.mission-splash-blur {
overflow: hidden;
background: #1e1f31
    url("learn-more/learn-splash-blur-e1ec6f10abeda1c1142adb4fc9c5d305702b9161327d5777922ca8ee28f8ae0c.jpg")
    no-repeat center center;
background-size: cover;
height: 100%;
text-align: center;
position: relative;
padding: 80px;
margin-top: -40px
}

@media ( min-width : 768px) and (max-width: 961px) {
.mission-splash-blur {
    padding: 80px 40px
}
}

@media ( max-width : 767px) {
.mission-splash-blur {
    padding: 21px;
    margin-top: -40px;
    margin-left: -20px;
    margin-right: -20px
}
}

.mission-splash-blur .splash-frame {
height: 500px
}

.mission-standards {
background-image:
    url("mission/mission-boat-3183a4047d17fb26cad8134e65a9077532e7a6334b1ead1bf5dcf58cfeb9d0aa.jpg");
height: 650px
}

.mission-standards .seafood-watch-logo {
width: 160px
}

@media ( max-width : 767px) {
.mission-standards {
    height: 500px;
    background-image:
        url("mission/mobile-mission-boat-874c5d34de6e0779d42c35f8ebea882a8109ff4707386c18e3ed90f60d72d256.jpg")
}
.mission-standards .seafood-watch-logo {
    margin-left: auto;
    margin-right: auto
}
.mission-standards .break {
    display: block
}
}

.mission-sustainable {
background-image:
    url("mission/mission-barn-3207475098f50accf9fd19aca6c51cc0c73af0c4abcdfe80138a3099888c4937.jpg");
height: 760px
}

@media ( min-width : 1200px) {
.mission-sustainable {
    height: 1030px
}
}

@media ( max-width : 767px) {
.mission-sustainable {
    background-image:
        url("mission/mobile-mission-barn-00b7a5cfd16d8784a8a0a50b3908438cae91ca627e6e8c60da73a9ccdc10dd72.jpg");
    height: 650px
}
}

.mission-community {
background-image:
    url("mission/mission-cuttingboard-04c257a44ed52dd1c1ab772bf48c0db8e664c381f0b31698019a79fb76927ead.jpg");
height: 580px
}

@media ( min-width : 1200px) {
.mission-community {
    height: 750px
}
}

@media ( max-width : 767px) {
.mission-community {
    background-image:
        url("mission/mobile-mission-cuttingboard-b022f9c25201f3e40a7b9ee4f956d06a15d105eb72cf63cab46cef48d3bdb658.jpg");
    height: 548px
}
}

.mission-suppliers {
background-color: #f4f4f4;
text-align: center;
padding-bottom: 100px
}

.mission-suppliers .mission-icon-suppliers {
margin-left: auto;
margin-right: auto
}

.mission-suppliers .section-title {
margin-bottom: 34px;
text-align: center
}

.mission-supplier p {
padding-left: 40px;
padding-right: 40px
}

@media ( max-width : 961px) {
.mission-supplier p {
    padding-left: 20px;
    padding-right: 20px
}
.mission-supplier h4 {
    font-size: 16px
}
}

.mission-supplier-img {
width: 200px;
height: 200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px
}

.supplier-img {
border-radius: 50%;
border: 2px solid #0f346c
}

.supplier-cta-btn {
margin-top: 50px
}

@media ( max-width : 767px) {
.supplier-cta-btn {
    margin-top: 20px
}
}

.mission-pillars {
overflow: hidden;
*zoom: 1;
margin-bottom: 40px
}

.mission-pillars .mission-pillar {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 18px;
font-weight: 700;
color: #0f346c
}

@media ( max-width : 639px) {
.mission-pillars .mission-pillar {
    width: 50%;
    margin: 0;
    font-size: 16px;
    min-height: 70px
}
.mission-pillars .mission-pillar:nth-child(1) {
    margin-bottom: 20px
}
.mission-pillars .mission-pillar:nth-child(2) {
    margin-bottom: 20px
}
}

.mission-pillars .mission-pillar--tagline {
max-width: 150px;
margin-left: auto;
margin-right: auto;
letter-spacing: 1px
}

.desktop-sticky-nav {
height: 60px;
border-top: solid 2px gray;
position: fixed;
bottom: 0;
width: 100%;
position: fixed;
z-index: 99;
background-color: white;
font-size: 14px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #0f346c;
font-weight: 700;
display: none
}

@media ( max-width : 639px) {
.desktop-sticky-nav {
    display: none !important
}
}

.desktop-sticky-nav--cell {
overflow: hidden;
*zoom: 1;
width: 20%;
float: left;
position: relative;
height: 100%
}

.desktop-sticky-nav--cell:first-child {
width: 10%
}

.desktop-sticky-nav--cell:last-child {
width: 10%
}

@media ( min-width : 640px) {
.desktop-sticky-nav--cell:not (:first-child ):hover {
    background-color: #0f346c;
    color: white;
    cursor: pointer
}
}

@media ( max-width : 639px) {
.desktop-sticky-nav--cell:hover {
    cursor: pointer
}
.desktop-sticky-nav--cell:active {
    background-color: #0f346c;
    color: white;
    cursor: pointer
}
}

.desktop-sticky-nav--cell .body {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: table
}

.desktop-sticky-nav--cell .back-to-top-arrow {
width: 20px;
height: 20px;
margin-left: auto;
margin-right: auto
}

@media ( max-width : 961px) {
.desktop-sticky-nav--cell .back-to-top-arrow {
    float: left;
    top: 5px;
    position: Relative;
    left: 10px
}
}

.desktop-sticky-nav--cell .desktop-large {
display: block
}

@media ( max-width : 961px) {
.desktop-sticky-nav--cell .desktop-large {
    display: none
}
}

.desktop-sticky-nav--cell .desktop-small {
display: none;
position: relative;
top: 0px
}

@media ( max-width : 961px) {
.desktop-sticky-nav--cell .desktop-small {
    display: block
}
}

.desktop-sticky-nav--cell--index {
display: table-cell;
width: 30px
}

@media ( max-width : 961px) {
.desktop-sticky-nav--cell--index {
    padding-left: 5px
}
}

@media ( max-width : 767px) {
.desktop-sticky-nav--cell--index {
    width: 15px
}
}

.desktop-sticky-nav--cell--title {
display: table-cell;
width: 140px;
line-height: 15px
}

@media ( max-width : 767px) {
.desktop-sticky-nav--cell--title {
    width: 110px
}
}

.mobile-sticky-nav-top {
display: none;
height: 60px;
border-bottom: solid 2px #0f346c;
width: 100%;
z-index: 99;
background-color: white;
font-size: 14px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #0f346c;
font-weight: 700;
display: none;
text-align: center;
line-height: 60px;
top: 0;
position: fixed;
width: 100%
}

@media ( max-width : 639px) {
.mobile-sticky-nav-top.sticky {
    display: block
}
}

.mobile-sticky-nav-top .mobile-sticky-nav-top--text {
width: 75%;
display: inline-block;
float: left
}

.mobile-sticky-nav-top .mobile-sticky-nav-top--button {
width: 25%;
display: inline-block
}

.mobile-sticky-nav-top .mobile-sticky-nav-top--button .back-to-top-arrow
{
margin-left: auto;
margin-right: auto;
width: 20px;
height: 20px
}

.mission-hero-image {
height: 100%;
margin-bottom: 15px
}

@media ( min-width : 1200px) {
.mission-hero-image {
    width: 40%
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.mission-hero-image {
    width: 50%
}
}

@media ( min-width : 640px) and (max-width: 961px) {
.mission-hero-image {
    width: 80%
}
}

@media ( max-width : 639px) {
.mission-hero-image {
    width: 100%
}
}

.stat {
line-height: normal
}

@media ( max-width : 639px) {
.stat {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}
}

.stat--header {
font-size: 36px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #0f346c
}

@media ( max-width : 639px) {
.stat--header {
    font-size: 28px
}
}

.stat--body {
font-size: 64px;
font-family: "Chronicle Ssm";
color: #0f346c
}

@media ( max-width : 639px) {
.stat--body {
    line-height: 56px
}
}

.stat--body--number {
font-size: 64px
}

.stat--body.food-saved {
line-height: 56px
}

@media ( max-width : 639px) {
.stat--body.food-saved .stat--body--number {
    font-size: 56px
}
}

.stat--footer {
font-size: 36px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #0f346c
}

@media ( max-width : 639px) {
.stat--footer {
    font-size: 28px
}
}

.mission-large-text {
font-size: 48px
}

@media ( max-width : 961px) {
.mission-large-text {
    font-size: 42px
}
}

@media ( max-width : 639px) {
.mission-large-text {
    font-size: 36px
}
}

.pillar-image {
position: relative;
font-weight: 700;
line-height: normal;
box-sizing: border-box;
color: #0f346c;
padding: 20px 0;
position: relative;
background-color: transparent;
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center
}

.pillar-image+.pillar-blurb {
margin-top: 20px
}

.pillar-image.high-quality-ingredients {
background-image:
    url("mission/v2/betterstandards_1.5.png?format=jpg&quality=75")
}

@media ( max-width : 639px) {
.pillar-image.high-quality-ingredients {
    background-image:
        url("mission/v2/1_betterstandards_1.5_375.png?format=jpg&quality=75")
}
}

.pillar-image.eliminating-middleman {
background-image:
    url("mission/v2/eliminatingmiddleman.png?format=jpg&quality=75")
}

@media ( max-width : 639px) {
.pillar-image.eliminating-middleman {
    background-image:
        url("mission/v2/3_middleman2_375.png?format=jpg&quality=75")
}
}

.pillar-image.better-value {
background-image:
    url("mission/v2/foodwaste_fpo.png?format=jpg&quality=75")
}

@media ( max-width : 639px) {
.pillar-image.better-value {
    background-image:
        url("mission/v2/4_foodwaste2_375.png?format=jpg&quality=75")
}
}

.pillar-image img {
visibility: hidden;
float: none
}

.pillar-image .desktop-image {
display: block
}

@media ( max-width : 639px) {
.pillar-image .desktop-image {
    display: none
}
}

.pillar-image .mobile-image {
display: none
}

@media ( max-width : 639px) {
.pillar-image .mobile-image {
    display: block
}
}

.pillar-image--body {
position: absolute;
top: 50%;
color: white;
width: 100%;
left: 0;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 700;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 56px
}

@media ( max-width : 639px) {
.pillar-image--body {
    line-height: 48px
}
}

@media ( max-width : 473px) {
.pillar-image--body {
    line-height: 38px;
    font-size: 36px
}
}

@media ( max-width : 374px) {
.pillar-image--body {
    line-height: 34px;
    font-size: 28px
}
}

@media ( min-width : 1200px) {
.pillar-image--body--regen {
    width: 60%
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.pillar-image--body--regen {
    width: 75%
}
}

@media ( min-width : 640px) and (max-width: 961px) {
.pillar-image--body--regen {
    width: 80%
}
}

.pillar-image:before, .pillar-image:after {
content: '';
display: block;
position: absolute;
bottom: 0;
width: 50%;
border-bottom: 20px solid white;
box-sizing: border-box
}

.pillar-image:before {
left: 0;
border-right: 20px solid transparent
}

.pillar-image:after {
right: 0;
border-left: 20px solid transparent
}

.mission-cta-splash {
height: 450px;
position: relative;
margin-bottom: 40px
}

@media ( max-width : 639px) {
.mission-cta-splash {
    margin-bottom: 40px;
    height: auto
}
}

.mission-cta-splash .splash-placeholder-overlay {
display: none
}

@media ( max-width : 639px) {
.mission-cta-splash .splash-placeholder-overlay {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0
}
}

.mission-cta-splash .background-image-overlay {
background-image:
    url("home_page/Splash/HomepageSplashWide.jpg?quality=75");
background-position: center;
background-repeat: no-repeat;
height: 450px;
position: absolute;
left: 0;
right: 0
}

@media ( max-width : 639px) {
.mission-cta-splash .background-image-overlay {
    background-image:
        url("home_page/Splash/HomepageSplashMobile.jpg?quality=75");
    height: 100%;
    background-size: contain;
    position: relative
}
}

.mission-cta-splash .background-image-overlay.blackout {
background-image: none !important;
background-color: black
}

.mission-cta-splash .background-image-overlay.mission-background-image {
background-image:
    url("mission/v2/betterfoodsystem.png?format=jpg&quality=75");
background-size: auto 450px;
margin-bottom: 0;
padding-bottom: 0
}

@media ( max-width : 639px) {
.mission-cta-splash .background-image-overlay.mission-background-image {
    background-image:
        url("mission/v2/top_betterfoodsystem_mobile.png?format=jpg&quality=75");
    height: 100%;
    background-size: contain;
    position: relative
}
}

.mission-cta-splash .video-frame {
width: 100%;
height: 450px;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0
}

@media ( max-width : 639px) {
.mission-cta-splash .video-frame {
    height: 100%;
    position: absolute;
    top: 0
}
}

@media ( max-width : 567px) {
.mission-cta-splash .video-frame .video-play-container {
    top: 25%
}
}

@media ( max-width : 567px) {
.mission-cta-splash .video-frame .video-play-container svg {
    height: 55px
}
}

@media ( max-width : 413px) {
.mission-cta-splash .video-frame .video-play-container svg {
    height: 40px
}
}

.mission-cta-splash .video-frame video {
position: absolute;
transition: 1s opacity;
width: auto;
height: 450px;
margin-left: -400px;
left: 50%;
display: none
}

@media ( max-width : 639px) {
.mission-cta-splash .video-frame video {
    height: auto;
    width: 100%;
    margin-left: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
}

.mission-cta-splash .video-frame--txt {
position: relative;
top: 50%;
max-width: 850px;
margin-left: auto;
margin-right: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}

@media ( max-width : 639px) {
.mission-cta-splash .video-frame--txt {
    width: 100%
}
}

.mission-cta-splash .video-frame--txt.hide {
display: none
}

.mission-cta-splash .video-frame--txt h2 {
color: #ffffff;
width: 80%;
margin-left: auto;
margin-right: auto;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 700;
font-size: 64px;
text-shadow: none
}

@media ( max-width : 767px) {
.mission-cta-splash .video-frame--txt h2 {
    font-size: 42px
}
}

@media ( max-width : 473px) {
.mission-cta-splash .video-frame--txt h2 {
    width: 90%;
    line-height: 38px;
    font-size: 36px
}
}

@media ( max-width : 374px) {
.mission-cta-splash .video-frame--txt h2 {
    width: 90%;
    line-height: 34px;
    font-size: 28px
}
}

.mission-cta-splash .video-frame--txt .video-play-container {
position: relative;
top: 16px
}

.mission-container {
overflow: visible !important
}

.mission-footer {
margin-bottom: 0px
}

.mission-footer--cta {
line-height: normal;
margin-bottom: 20px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 700;
color: #0f346c
}

@media ( max-width : 639px) {
.mission-footer--cta {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}
}

.mission-footer--text {
margin-bottom: 30px;
line-height: 28px;
font-size: 18px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #404040
}

@media ( max-width : 639px) {
.mission-footer--text {
    width: 80%
}
}

.mission-footer--legal-claim {
font-size: 10px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-style: italic;
color: #A6A6A6;
margin-top: 40px
}

.mission-page-section {
position: relative;
text-align: center
}

.pillar-blurb {
margin: 40px 0;
line-height: 28px;
font-size: 18px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #404040
}

.pillar-blurb a {
text-decoration: underline
}

.pillar-blurb.lead-text {
font-size: 20px;
font-family: "Chronicle Ssm";
line-height: 32px;
color: #0f346c;
margin-bottom: 40px
}

@media ( max-width : 639px) {
.pillar-blurb.lead-text {
    font-size: 18px
}
}

.mission-text-centered {
float: none;
margin-left: auto;
margin-right: auto
}

.chart {
display: block;
height: 300px
}

@media ( max-width : 639px) {
.chart {
    display: none
}
}

.mobile-chart {
display: none
}

@media ( max-width : 639px) {
.mobile-chart {
    display: block
}
}

.box-claims {
overflow: hidden;
*zoom: 1;
margin-bottom: 40px
}

.box-claims svg {
margin-bottom: 15px
}

.box-claims .box-claim {
font-size: 14px;
font-weight: 700;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #0f346c
}

.box-claims .box-claim--tagline {
max-width: 170px;
margin-left: auto;
margin-right: auto;
line-height: 18px
}

.box-claims .box-claim--tagline a {
text-decoration: underline
}

.box-claims .box-claim--tagline.narrow {
max-width: 110px
}

@media ( max-width : 639px) {
.box-claims .box-claim--tagline.narrow {
    max-width: 200px
}
}

.box-claims .box-claim--tagline.med-width {
max-width: 130px
}

@media ( max-width : 639px) {
.box-claims .box-claim--tagline.med-width {
    max-width: 260px
}
}

@media ( max-width : 639px) {
.box-claims .box-claim--tagline {
    width: 80%;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto
}
}

@media ( max-width : 639px) {
.box-claims .box-claim {
    width: 100%;
    margin: 0;
    margin-bottom: 25px;
    font-size: 16px
}
.box-claims .box-claim:last-child {
    margin-bottom: 0
}
}

.vision-divider {
border: 2px solid #313567;
margin-top: 10px;
margin-bottom: 40px;
min-height: 0
}

body.cancel-subscription .cancellation-img-hldr {
width: 440px;
margin-top: 20px
}

body.cancel-subscription .cancellation-img-hldr img {
margin: 0 auto
}

body.cancel-subscription .cancellation-img-hldr .skip-education-mobile {
display: none
}

@media ( min-width : 962px) and (max-width: 1199px) {
body.cancel-subscription .cancellation-img-hldr {
    margin-left: 100px
}
}

#ie7 body.cancel-subscription .cancellation-img-hldr, #ie8 body.cancel-subscription .cancellation-img-hldr
{
margin-left: 100px
}

@media ( min-width : 1200px) {
body.cancel-subscription .cancellation-img-hldr {
    margin-left: 170px
}
}

@media ( max-width : 961px) {
body.cancel-subscription .cancellation-img-hldr {
    background: none;
    width: auto;
    height: auto;
    margin-top: 0
}
body.cancel-subscription .cancellation-img-hldr .skip-education-mobile {
    display: block
}
}

body.cancel-subscription .pretty-radio {
cursor: pointer
}

body.cancel-subscription .form-select {
cursor: pointer
}

body.cancel-subscription .holder {
padding-bottom: 100px
}

@media ( max-width : 961px) {
body.cancel-subscription h2 {
    font-size: 18px
}
body.cancel-subscription .holder {
    margin-top: 0;
    margin-bottom: 0
}
body.cancel-subscription .btn {
    display: block;
    margin-top: 10px;
    margin-right: 0
}
}

@media ( max-width : 767px) {
body.cancel-subscription #body-wrap {
    background: white
}
}

body.cancel-subscription #main .question-header, body.cancel-subscription #main h3
{
display: block;
margin-top: 25px;
margin-bottom: 15px;
font-size: 18px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: normal;
color: #0f346c
}

body.cancel-subscription #main .form-select {
display: block;
width: auto;
min-width: 50%;
cursor: pointer
}

@media ( max-width : 961px) {
body.cancel-subscription #main .form-select {
    width: 100%
}
}

body.cancel-subscription #main .help-block[for="survey-option-select"] {
width: 30%
}

@media ( max-width : 961px) {
body.cancel-subscription #main .help-block[for="survey-option-select"] {
    width: 94%
}
}

body.cancel-subscription #main .survey-questions .custom-field {
margin-top: 15px
}

body.cancel-subscription #main .survey-questions .custom-field label {
margin-right: 10px
}

body.cancel-subscription #main .survey-questions .custom-field input {
width: 50%
}

body.cancel-subscription #main .survey-questions .subtext {
margin-top: 25px;
margin-bottom: -20px
}

body.cancel-subscription #main .survey-questions .subtext .carrot-container
{
margin-top: 10px;
margin-right: 20px
}

body.cancel-subscription #main .survey-questions .subtext .carrot-icon {
display: block;
height: 45px;
width: 37px;
background-image:
    url(marketing-icons-s36d66e89ca-6b280c552e42a94569bb7a06d523e1818e1c3c9ec759dfd3926b2f540a595982.png);
background-position: 0 -61px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
body.cancel-subscription #main .survey-questions .subtext .carrot-icon {
    background-image:
        url(marketing-icons-2x-s79ac2c8c59-8a1c65f322252a053efd2f754e60baf99865f6d5faa4bbd3f2397b2121ce6bd0.png);
    background-position: 0 -61px;
    background-size: 80px, auto
}
}

body.cancel-subscription #main .survey-questions .subtext p {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
font-weight: lighter;
color: #6a6d75
}

body.cancel-subscription #main .survey-questions .subtext a {
text-decoration: underline
}

body.cancel-subscription #main .survey-questions textarea {
height: 100px !important
}

.plan-modal .modal-inner {
min-width: 500px;
min-height: 0
}

@media ( min-width : 768px) and (max-width: 961px) {
.plan-modal .modal-inner {
    min-width: 450px
}
}

@media ( max-width : 767px) {
.plan-modal .modal-inner {
    min-width: 0
}
}

.plan-modal .pretty-radio-wrap {
margin-top: 8px
}

.plan-modal .form-group {
margin-top: 20px
}

.plan-modal .form-label {
margin-top: 10px;
text-align: right
}

@media ( max-width : 961px) {
.plan-modal .form-label {
    text-align: left
}
}

body.signup #head-promo {
display: none !important
}

body.signup .price_title {
text-align: center;
font-size: 30px;
margin-bottom: 8px
}

body.signup .title {
text-align: center;
font-size: 30px;
margin-bottom: 8px;
color: #0f346c
}

body.signup .subtitle {
font-size: 16px;
color: #6a6d75;
text-align: center;
margin-top: 5px;
margin-bottom: 48px;
font-weight: 400;
line-height: 1.5
}

@media ( max-width : 1199px) {
body.signup .subtitle {
    margin: 0 auto;
    max-width: 350px;
    padding-bottom: 30px
}
}

@media ( max-width : 767px) {
body.signup .subtitle {
    margin-top: 10px;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
        "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
        "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif
}
}

body.signup #body-wrap {
background-color: white
}

@media ( max-width : 767px) {
body.signup #body-wrap {
    background-color: #fafbfc
}
}

.signup-background-image {
background:
    url("../assets/images/Lobby.jpg")
    no-repeat scroll center;
max-width: 1440px;
background-size: cover;
margin: 0 auto;
padding: 50px 0
}

@media ( max-width : 1199px) {
.signup-background-image {
    padding: 20px 0 0;
    background-size: auto 1000px;
    background-position: center top;
    width: 100%
}
}

@media ( max-width : 767px) {
.signup-background-image {
    background: #ffffff
}
}

.how-it-works {
text-align: left;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

@media ( max-width : 1199px) {
.how-it-works {
    text-align: center
}
}

.how-it-works h3 {
text-transform: uppercase;
font-size: 13px;
color: #0f346c;
margin: 0 0 15px 20px
}

@media ( max-width : 1199px) {
.how-it-works h3 {
    padding-top: 75px;
    margin-left: 0
}
}

.how-it-works h4 {
font-size: 19px;
margin-bottom: 7px
}

.how-it-works p {
font-size: 12px;
color: #6a6d75;
max-width: 254px;
line-height: 1.7
}

.how-it-works img {
width: 126px;
height: auto;
margin-right: 10px
}

.how-it-works .step-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin: 20px 0
}

@media ( max-width : 1199px) {
.how-it-works .step-container {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
}

.how-it-works .step-description {
margin-top: 24px
}

@media ( max-width : 1199px) {
.how-it-works .step-description {
    margin-top: 0px
}
}

.main-information {
background: #ffffff;
max-width: 1020px;
padding: 15px 70px 40px;
margin: 0 auto
}

@media ( max-width : 1199px) {
.main-information {
    padding: 15px 0px 40px;
    max-width: 600px
}
}

@media ( max-width : 767px) {
.main-information {
    width: auto;
    padding: 0
}
}

.constrained-content {
position: relative;
width: 1170px;
margin: 0 auto
}

@media ( min-width : 768px) and (max-width: 961px) {
.constrained-content {
    margin-left: 40px;
    margin-right: 40px;
    width: auto
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.constrained-content {
    margin-left: 30px;
    margin-right: 30px;
    width: auto
}
}

#ie7 .constrained-content, #ie8 .constrained-content {
margin-left: 30px;
margin-right: 30px;
width: auto
}

@media ( max-width : 767px) {
.constrained-content {
    width: auto
}
}

.flex-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}

.flex-container .flex-section-signup {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 5px;
max-width: 400px
}

@media ( max-width : 1199px) {
.flex-container {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: auto
}
.flex-container .flex-section-signup {
    margin: 0 auto
}
}

.registration-header {
max-height: 48px;
padding: 15px 0;
color: rgb(231, 18, 18) !important;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
background-color: #fff;
text-align: center
}

@media ( max-width : 767px) {
.registration-header {
    padding: 2px 0
}
}

.registration-header>.constrained-content {
min-height: 48px
}

.registration-header .logo {
position: absolute;
width: 94px;
top: -6px
}

@media ( max-width : 767px) {
.registration-header .logo {
    width: 65px;
    top: -10px
}
}

.registration-header .steps {
display: inline-block;
overflow: hidden;
margin-top: 12px
}

@media ( max-width : 767px) {
.registration-header .steps {
    position: absolute;
    right: 10px
}
}

.registration-header .steps li {
position: relative;
float: left
}

.registration-header .steps li+li {
margin-left: 67px
}

@media ( max-width : 767px) {
.registration-header .steps li+li {
    margin-left: 24px
}
}

.registration-header .steps li+li:after {
content: '';
display: block;
position: absolute;
top: 50%;
width: 32px;
height: 0;
margin-left: -52px;
margin-top: -1px;
border: solid #d3d5db 1px;
border-bottom: none
}

@media ( max-width : 767px) {
.registration-header .steps li+li:after {
    width: 16px;
    margin-top: 0;
    margin-left: -26px
}
}

.registration-header .circle {
display: inline-block;
float: left;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: white;
border: solid #6a6d75 1px;
font-size: 12px;
font-weight: bold;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
margin-right: 10px
}

.registration-header .circle:after {
content: attr(data-number);
display: block;
width: 20px;
text-align: center;
line-height: 20px;
font-weight: 300
}

.registration-header .text {
display: inline-block;
line-height: 22px;
font-weight: 400;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.1em;
position: relative;
top: -2px
}

@media ( max-width : 767px) {
.registration-header .text {
    display: none
}
}

.registration-header li.active {
color: #0f346c
}

.registration-header li.active .text {
font-weight: 500
}

.registration-header li.active .circle {
background-color: #0f346c;
color: white;
border-color: #0f346c
}

.registration-header .header--right {
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 0;
text-align: left
}

.registration-header .header--right p {
margin: 0;
font-size: 12px;
line-height: 1.3;
color: #a6a6a6;
font-weight: 300
}

.registration-header .header--right .green {
color: #1eb392;
font-weight: 600
}

.registration-header .header--right .right {
display: inline-block
}

.registration-header .header--right .icon-pricetag {
width: 16px;
height: 16px;
float: left;
margin-top: 6px;
margin-right: 5px
}

.zip-capture-wrapper {
height: auto;
width: auto;
padding: 20px
}

@media ( min-width : 640px) {
.zip-capture-wrapper {
    min-width: 410px
}
}

.zip-capture-title {
font-size: 18px;
color: #0f346c;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
margin-bottom: 20px
}

.zip-capture-label {
font-size: 16px;
color: #0f346c;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
margin-right: 20px
}

.zip-capture-label.error {
color: #e2695c
}

@media ( max-width : 767px) {
.zip-capture-submit {
    display: block;
    margin: 20px auto 0
}
}

.zip-capture-input {
font-size: 16px;
margin-right: 20px;
width: 45%
}

.zip-capture-input.error {
background-color: #FCF0EE;
border-color: #EC9D95
}

@media ( max-width : 767px) {
.zip-capture-input {
    width: 75%
}
}

.fb-zip-error {
font-size: 12px;
color: #e2695c;
margin-top: 10px
}

@media ( max-width : 767px) {
.signup-main .form-divider span, #signup-wine-modal .form-divider span {
    background-color: #FAFAFC
}
}

.signup-main .signup-title, #signup-wine-modal .signup-title {
margin-top: 30px
}

@media ( max-width : 767px) {
.signup-main .signup-title, #signup-wine-modal .signup-title {
    margin: 0 10px
}
}

.signup-main .box-shot, #signup-wine-modal .box-shot {
width: 100%;
max-width: 320px
}

@media ( max-width : 767px) {
.signup-main .box-shot--desktop, #signup-wine-modal .box-shot--desktop {
    display: none
}
}

@media ( max-width : 767px) {
.signup-main #signup-form, #signup-wine-modal #signup-form {
    margin: 0 10px
}
}

.signup-main .form-input, #signup-wine-modal .form-input {
font-size: 16px;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px
}

.signup-main .form-input::-webkit-input-placeholder, #signup-wine-modal .form-input::-webkit-input-placeholder
{
color: #d3d5db
}

.signup-main .form-input:-moz-placeholder, #signup-wine-modal .form-input:-moz-placeholder
{
color: #d3d5db
}

.signup-main .form-input::-moz-placeholder, #signup-wine-modal .form-input::-moz-placeholder
{
color: #d3d5db
}

.signup-main .form-input:-ms-input-placeholder, #signup-wine-modal .form-input:-ms-input-placeholder
{
color: #d3d5db
}

.signup-main .error .form-input, #signup-wine-modal .error .form-input {
background-color: #FCF0EE;
border-color: #EC9D95
}

.signup-main .error .form-helper, #signup-wine-modal .error .form-helper,
.signup-main .error .form-label, #signup-wine-modal .error .form-label
{
color: #e2695c
}

.signup-main .error .form-helper, #signup-wine-modal .error .form-helper
{
font-size: 12px;
float: left
}

.signup-main .toc, #signup-wine-modal .toc {
box-sizing: border-box;
margin-top: 10px;
color: #a6a6a6;
font-size: 12px;
line-height: 16px;
text-align: center;
padding: 0 35px
}

.signup-main .info-container, #signup-wine-modal .info-container {
*zoom: 1;
text-align: center
}

.signup-main .info-container:after, #signup-wine-modal .info-container:after
{
content: "";
display: table;
clear: both
}

@media ( max-width : 767px) {
.signup-main .info-container, #signup-wine-modal .info-container {
    padding-top: 25px
}
}

.signup-main .info-container li, #signup-wine-modal .info-container li {
border: solid #E3E6ED 1px;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
max-width: 280px;
min-height: 163px;
padding: 0 25px;
text-align: center;
vertical-align: top
}

@media ( max-width : 767px) {
.signup-main .info-container li, #signup-wine-modal .info-container li {
    display: block;
    border: none;
    max-width: 100%;
    min-height: 100px;
    margin-bottom: 50px
}
.signup-main .info-container li+li, #signup-wine-modal .info-container li+li
    {
    margin-bottom: 60px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.signup-main .info-container li, #signup-wine-modal .info-container li {
    min-height: 184px
}
}

.signup-main .info-container li .icon-container, #signup-wine-modal .info-container li .icon-container
{
width: 34px;
padding: 0 10px;
margin: -20px auto 0px auto;
background-color: #ffffff
}

.signup-main .info-container li svg, #signup-wine-modal .info-container li svg
{
width: 34px
}

.signup-main .info-container li h3, #signup-wine-modal .info-container li h3
{
margin: 5px 0 10px 0;
font-size: 16px;
font-weight: 500;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.signup-main .info-container li p, #signup-wine-modal .info-container li p
{
font-size: 14px;
font-weight: 400;
color: #6a6d75;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
line-height: 1.5
}

.signup-main .additional-info, #signup-wine-modal .additional-info {
margin-top: 54px
}

@media ( min-width : 962px) and (max-width: 1199px) {
.signup-main .additional-info, #signup-wine-modal .additional-info {
    margin: 48px auto 0 auto;
    width: 900px
}
}

#ie7 .signup-main .additional-info, #ie7 #signup-wine-modal .additional-info,
#ie8 .signup-main .additional-info, #ie8 #signup-wine-modal .additional-info
{
margin: 48px auto 0 auto;
width: 900px
}

@media ( min-width : 1200px) {
.signup-main .additional-info, #signup-wine-modal .additional-info {
    width: 900px
}
}

@media ( max-width : 767px) {
.signup-main .additional-info, #signup-wine-modal .additional-info {
    margin-top: 30px;
    background-color: white;
    padding-top: 30px;
    text-align: center;
    border-top: solid #e4e6eb 1px
}
}

body.signup #body-wrap {
margin-bottom: -54px
}

body.signup #body-wrap:after {
height: 54px
}

@media ( max-width : 767px) {
body.signup #body-wrap {
    margin-bottom: 0
}
body.signup:after {
    height: auto
}
body.signup #body-push {
    display: none
}
}

body.signup #body-push {
height: 74px
}

.registration-footer {
height: 54px;
background-color: #0f346c
}

@media ( max-width : 767px) {
.registration-footer {
    height: auto
}
}

.registration-footer .press {
overflow: hidden;
padding: 25px 0;
border-top: solid #464a76 1px;
text-align: center
}

.registration-footer .press li {
display: inline-block;
vertical-align: middle
}

.registration-footer .press .icon {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5
}

.registration-footer .press li+li {
margin-left: 70px
}

@media ( min-width : 768px) and (max-width: 961px) {
.registration-footer .press li+li {
    margin-left: 15px
}
}

@media ( max-width : 767px) {
.registration-footer .press li {
    display: block
}
.registration-footer .press li+li {
    margin-left: 0;
    padding-top: 15px
}
}

.registration-footer .copyright {
padding: 15px 0;
color: #fafbfc;
font-size: 13px
}

.registration-footer .copyright a {
color: #a1bce6
}

.registration-footer .copyright .terms {
text-align: right
}

@media ( max-width : 767px) {
.registration-footer .copyright .privacy, .registration-footer .copyright .terms
    {
    text-align: center
}
}

@media ( max-width : 768px) {
.fancybox-wrap {
    width: 90%
}
}

#signup-wine-modal {
display: none;
padding: 25px;
padding-top: 20px;
padding-bottom: 10px;
position: relative
}

#signup-wine-modal input {
-webkit-appearance: none
}

#signup-wine-modal .btn {
box-shadow: none;
text-shadow: none;
background: none;
background-color: #0f346c
}

#signup-wine-modal .btn:hover, #signup-wine-modal .btn:disabled {
background-color: #0d2a54
}

@media ( max-width : 961px) {
#signup-wine-modal {
    padding: 20px 0 10px 0
}
}

#signup-wine-modal .coupon {
display: none
}

#signup-wine-modal .signup-close-btn {
color: #A6A6A6;
position: absolute;
left: 0px;
top: 0px;
font-size: 30px;
font-weight: 400;
cursor: pointer;
line-height: 10px
}

#signup-wine-modal .heading {
text-align: center
}

#signup-wine-modal .heading h4 {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-style: normal;
font-weight: 600;
margin-bottom: 10px
}

#signup-wine-modal .heading p {
color: #737373;
font-size: 15px
}

#signup-wine-modal .btn {
font-size: 18px;
-webkit-appearance: none
}

#signup-wine-modal .form-divider {
border-color: #E6E6E6
}

#signup-wine-modal .form-divider .txt-box span {
background-color: #F9F9F9;
padding: 0 10px;
font-size: 16px;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
color: #404040;
font-weight: 300
}

#signup-wine-modal .toc {
margin: 0 auto;
margin-top: 20px;
width: 87%
}

#wine-registration-form {
background: #F8F9FA
}

#wine-registration-form #signup-wine-modal {
display: block;
margin: 0 auto;
margin-bottom: 20px
}

#wine-registration-form #signup-wine-modal .signup-close-btn {
display: none
}

#signup-wine-modal {
width: 936px;
height: 498px;
padding: 0px;
background-color: #fff;
border-radius: 5px;
overflow: hidden
}

@media ( max-width : 768px) {
#signup-wine-modal {
    width: auto
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#signup-wine-modal .desktop-only {
    display: block !important
}
}

#signup-wine-modal .signup-wine-close-btn {
top: 10px;
left: 10px;
z-index: 1;
color: #737373
}

#signup-wine-modal .wine-pour-img {
width: 100%;
height: 498px;
z-index: 0;
background:
    url("wine/wine-modal-white-03f46067f0d3066537de24ad5fe7bfba9de0ac6b8ac3f32c7d53964921bcd208.png")
    no-repeat;
background-position-x: -145px
}

@media ( min-width : 768px) and (max-width: 961px) {
#signup-wine-modal .wine-pour-img {
    background-position-x: -128px
}
}

#signup-wine-modal .form-input, #signup-wine-modal .form-select {
font-size: 15px;
box-shadow: none;
height: 47px;
color: #404040;
border-color: #D9D9D9;
border-radius: 4px
}

#signup-wine-modal .form-input:focus, #signup-wine-modal .form-select:focus
{
border-color: #989ab3
}

#signup-wine-modal .form-label {
font-size: 12px
}

#signup-wine-modal .form-select {
height: 47px
}

#signup-wine-modal .error .form-input, #signup-wine-modal .error .form-select,
#signup-wine-modal .form-select.error {
background-color: #FCF0EE;
border-color: #EC9D95
}

#signup-wine-modal .error .form-label {
color: #E2695C
}

#signup-wine-modal .error .help-block {
color: #E2695C;
font-size: 12px;
background: none;
font-style: normal;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-weight: 300;
border: none;
border-radius: 0px;
text-shadow: none;
position: relative;
float: left;
margin: 0px;
margin-top: 3px;
padding: 0px;
box-shadow: 0 0 0 0 transparent
}

#signup-wine-modal .error .help-block:after {
display: none
}

#signup-wine-modal .heading {
width: 400px;
margin: 0 auto;
color: #737373
}

#signup-wine-modal .wine-signup-footer {
text-align: center;
margin-top: 10px;
font-size: 15px;
color: #737373
}

#signup-wine-modal .wine-signup-footer a {
text-decoration: underline
}

#signup-wine-modal .wine-signup-footer p {
margin-bottom: 0px
}

#signup-wine-modal .wine-signup-toc-container {
position: absolute;
bottom: 0px
}

@media ( max-width : 767px) {
#signup-wine-modal .wine-signup-toc-container {
    width: 333px
}
}

#signup-wine-modal .wine-signup-toc {
position: relative;
margin: 0 auto;
color: #a6a6a6;
font-size: 12px;
width: 415px;
text-align: center;
line-height: 17px
}

@media ( max-width : 767px) {
#signup-wine-modal .wine-signup-toc {
    width: 300px;
    line-height: 22px
}
}

#signup-wine-modal .wine-form-container {
padding: 10px 35px 10px 10px;
position: relative;
height: 468px
}

@media ( max-width : 768px) {
#signup-wine-modal .wine-form-container {
    padding: 10px
}
}

@media ( max-width : 767px) {
#signup-wine-modal .wine-form-container {
    height: 532px
}
}

#signup-wine-modal #wine-signup-btn {
margin-top: -4px;
margin-bottom: -10px
}

#signup-wine-modal .btn--grey, #signup-wine-modal .btn--gray {
background-color: #737373;
color: #fff
}

#signup-wine-modal .btn--grey:hover, #signup-wine-modal .btn--gray:hover
{
background: #595959;
box-shadow: none
}

#signup-wine-modal .btn--grey:active, #signup-wine-modal .btn--grey.focus,
#signup-wine-modal .btn--gray:active, #signup-wine-modal .btn--gray.focus
{
background: #404040;
box-shadow: none;
color: #fff
}

#signup-wine-modal .btn--grey:disabled, #signup-wine-modal .btn--gray:disabled
{
background: #595959
}

#signup-wine-modal .wine-pour-container {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}

#signup-wine-modal #signup-wine-error .heading {
width: auto;
padding-top: 10px
}

#signup-wine-modal #signup-wine-error .signup-wine-close-btn {
color: #fff
}

@media ( max-width : 768px) {
#signup-wine-modal #signup-wine-error .signup-wine-close-btn {
    color: #000
}
}

#signup-wine-modal #signup-wine-error .wine-pour-overlay {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background-color: rgba(61, 67, 94, 0.95);
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%
}

#signup-wine-modal #signup-wine-error .d3-wine-map {
width: 100%;
height: 300px;
position: absolute;
top: 25px;
left: 0px;
z-index: 1
}

#signup-wine-modal #signup-wine-error .d3-wine-map .submit-spinner {
position: absolute;
right: 50% !important
}

#signup-wine-modal #signup-wine-error .supported-states-container {
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
width: 100%;
text-align: center;
line-height: 24px;
font-size: 12px
}

#signup-wine-modal #signup-wine-error .supported-states-container .head
{
font-weight: 600;
width: 300px;
margin: 0 auto
}

#signup-wine-modal #signup-wine-error .wine-pour-container .supported-states-container
{
position: absolute;
bottom: 30px;
color: #fff
}

#signup-wine-modal #signup-wine-error .wine-pour-container .supported-states-container .states-supported
{
font-weight: 300;
width: 400px;
margin: 0 auto
}

@media ( min-width : 768px) and (max-width: 961px) {
#signup-wine-modal #signup-wine-error .wine-pour-container .supported-states-container .states-supported
    {
    width: 265px
}
}

#signup-wine-modal #signup-wine-error .form-divider {
margin-bottom: 30px;
margin-top: 25px
}

#signup-wine-modal #signup-wine-error .form-divider .txt-box span {
background-color: #fff
}

#signup-wine-modal #signup-wine-error .marketplace-checkout-wine-only .supported-states-container
{
display: none
}

@media ( max-width : 768px) {
#signup-wine-modal #signup-wine-error .marketplace-checkout-wine-only .supported-states-container
    {
    display: block
}
}

#wine-registration-form .container {
overflow: visible
}

#wine-registration-form #signup-wine-modal .supported-states-container,
#wine-registration-form #signup-wine-states-mobile .supported-states-container
{
margin-top: 10px;
position: relative;
bottom: auto;
color: #737373;
font-size: 13px;
text-align: center;
margin-bottom: 10px;
height: 150px
}

#wine-registration-form #signup-wine-modal .supported-states-container .head,
#wine-registration-form #signup-wine-states-mobile .supported-states-container .head
{
font-weight: 600;
width: 300px;
margin: 0 auto
}

#wine-registration-form #signup-wine-modal .supported-states-container .states-supported,
#wine-registration-form #signup-wine-states-mobile .supported-states-container .states-supported
{
margin-top: 5px;
width: auto;
font-size: 12px;
line-height: 16px;
margin: 0 auto
}

#wine-registration-form #signup-wine-modal {
background: #F8F9FA;
width: auto
}

#wine-registration-form #signup-wine-modal .wine-form-container {
padding: 0 20px
}

#wine-registration-form #signup-wine-modal .heading {
width: auto
}

@media ( max-width : 767px) {
#wine-registration-form #signup-wine-modal .heading {
    line-height: 20px
}
}

#wine-registration-form #signup-wine-modal #signup-wine-states-mobile {
padding: 0 20px
}

#wine-registration-form #signup-wine-modal #signup-wine-states-mobile .heading
{
position: relative;
text-align: center;
width: 100%;
margin-bottom: -50px;
color: #0f346c;
font-size: 18px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
margin-top: 15px;
font-weight: 600
}

#wine-registration-form #signup-wine-modal #signup-wine-states-mobile .supported-states-container
{
margin-top: 0px;
margin-bottom: 20px
}

#wine-registration-form #signup-wine-modal #signup-wine-states-mobile .supported-states-container .head
{
margin-bottom: 10px
}

#wine-registration-form #signup-wine-modal .d3-wine-map {
width: 100%;
height: 300px;
z-index: 1;
margin-bottom: -35px
}

.cookbook-title {
font-size: 24px
}

.cookbook-page {
background-color: #fff
}

.cookbook-page .holder {
padding: 0px
}

@media ( max-width : 767px) {
.cookbook-page .holder {
    padding: 15px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.cookbook-page .container {
    max-width: 450px
}
}

@media ( max-width : 961px) {
.cookbook-page .accordion {
    margin-bottom: -15px
}
.cookbook-page .accordion:last-child {
    margin-bottom: 0
}
}

.cookbook-page .accordion-group {
margin-bottom: 30px;
padding-top: 15px;
border-top: solid #d3d5db 1px
}

.cookbook-page .accordion-group .toggler {
font-family: "FontAwesome";
margin-right: 10px;
float: right
}

.cookbook-page .accordion-group .toggler:hover, .cookbook-page .accordion-group .toggler:active,
.cookbook-page .accordion-group .toggler:focus {
text-decoration: none
}

.cookbook-page .accordion-group .toggler:after {
content: ''
}

.cookbook-page .accordion-group .toggler.collapse:after {
content: ''
}

.cookbook-page .accordion-group h2 {
font-size: 16px
}

.cookbook-page .accordion-group h3 {
margin-bottom: 5px;
cursor: pointer
}

@media ( max-width : 961px) {
.cookbook-page .accordion-body {
    display: none
}
}

.cookbook-page .accordion-inner a {
color: #6a6d75
}

.cookbook-page .accordion-inner a:hover {
text-decoration: none
}

.cookbook-page .accordion-inner a.filter-more {
color: #0f346c;
cursor: pointer;
font-weight: bold;
font-size: 12px
}

.cookbook-page .accordion-inner a.selected {
background-color: #0f346c;
padding: 2px 0 2px 10px;
border-radius: 10px;
margin-left: -9px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
color: white
}

.cookbook-page .accordion-inner a.deselect {
background-color: #0f346c;
padding: 2px 10px 2px 5px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
color: white
}

.cookbook-page .search-bar {
background: #f7f7f7;
padding: 10px 0;
border-bottom: solid 1px #e4e6eb
}

@media ( max-width : 767px) {
.cookbook-page .search-bar form {
    margin-left: 10px
}
}

.cookbook-page .ui-autocomplete {
border: 1px solid #d3d5db;
background: #fff;
text-align: left;
z-index: 9999;
position: absolute
}

.cookbook-page .ui-autocomplete .ui-state-focus {
background: #eee
}

.cookbook-page .ui-autocomplete .ui-menu-item {
overflow: hidden;
*zoom: 1;
border-bottom: solid 1px #e4e6eb;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
cursor: pointer;
line-height: 1.2;
max-height: 40px;
padding: 10px
}

.cookbook-page .ui-autocomplete .ui-menu-item .label {
color: #0f346c;
font-size: 16px
}

.cookbook-page .ui-autocomplete .ui-menu-item .sub-label {
font-size: 14px
}

.cookbook-page .ui-autocomplete .ui-menu-item .image {
float: left;
margin-right: 10px
}

.cookbook-page .ui-autocomplete .ui-menu-item .image img {
max-height: 40px;
vertical-align: bottom
}

.cookbook-page .ui-helper-hidden-accessible {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}

@media ( max-width : 961px) {
#cookbook-thumbs {
    border-top: solid #d3d5db 1px;
    margin-top: 10px;
    padding-top: 10px
}
}

#cookbook-thumbs h1 {
margin-bottom: 10px
}

#cookbook-thumbs .cookbook-empty {
text-align: center;
margin-top: 50px
}

#cookbook-thumbs .cookbook-empty a {
text-decoration: underline
}

#cookbook-thumbs .recipe-thumb {
margin-bottom: 10px
}

@media ( min-width : 768px) and (max-width: 961px) {
#cookbook-thumbs .recipe-thumb {
    margin-bottom: 0;
    margin-top: 30px
}
}

#cookbook-thumbs .recipe-thumb .recipe-img-link {
margin-bottom: 10px
}

@media ( max-width : 767px) {
#cookbook-thumbs .recipe-thumb .recipe-img-link img {
    min-width: 100%;
    height: auto
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#cookbook-thumbs .recipe-thumb .recipe-img-link img {
    height: auto;
    width: 100%
}
}

#cookbook-thumbs .recipe-thumb .recipe-img-link .guest-banner {
border-radius: 0 5px 5px 0;
position: absolute;
left: 1px;
bottom: 15px;
padding: 0 5px;
background-color: #f26226;
color: white;
font-weight: bold;
font-size: 12px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

#cookbook-thumbs .recipe-thumb h3 {
font-size: 16px
}

#cookbook-thumbs .recipe-thumb h4 {
font-size: 14px;
font-weight: 400;
color: #6a6d75
}

@media ( max-width : 767px) {
#cookbook-thumbs .recipe-thumb {
    margin: 30px auto;
    max-width: 300px
}
}

.pages_show_our_team {
-webkit-font-smoothing: subpixel-antialiased
}

.pages_show_our_team .close {
height: 16px;
width: 16px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -382px;
background-repeat: no-repeat;
position: absolute;
right: 20px;
top: 25px
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.pages_show_our_team .close {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -381px;
    background-size: 186px, auto
}
}

.btn--team {
font-size: 15px;
line-height: 51.3px;
height: 51.3px;
padding: 0 38px;
display: block
}

@media ( max-width : 767px) {
.btn--team {
    margin: 15px 20px 0
}
}

@media ( max-width : 961px) {
.xssm-hide {
    display: none
}
}

@media ( max-width : 961px) {
.sm-med-hide {
    display: none
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.sm-med-hide {
    display: none
}
}

#ie7 .sm-med-hide, #ie8 .sm-med-hide {
display: none
}

.team-splash {
position: relative;
background:
    url("careers/ba-careers.jpg?quality=80")
    no-repeat fixed center;
background-size: cover
}

.team-splash .position-buttons {
padding-bottom: 50px
}

@media ( max-width : 767px) {
.team-splash {
    background: none
}
}

.mobileheader {
display: none
}

@media ( max-width : 767px) {
.mobileheader {
    display: block;
    height: 150px;
    background:
        url("careers/ba-careers.jpg?quality=80")
        no-repeat fixed;
    background-size: contain;
    max-width: 100%
}
}

.team-splash-cover {
padding-bottom: 43%;
position: relative
}

@media ( min-width : 1200px) {
.team-splash-cover {
    padding-bottom: 49%
}
.team-splash-cover .splash-overlay {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}
}

@media ( max-width : 767px) {
.team-splash-cover {
    display: none
}
}

#ie7 .team-splash-cover, #ie8 .team-splash-cover {
padding: 0;
height: 750px
}

.splash-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1
}

#ie7 .splash-overlay, #ie8 .splash-overlay {
display: none
}

.splash-overlay--ie {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4
}

#ie7 .splash-overlay--ie, #ie8 .splash-overlay--ie {
display: block
}

.team-splash-title {
line-height: 46px;
text-align: center;
width: 100%
}

.team-splash-title h1 {
color: #0f346c;
font-size: 64px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6)
}

@media ( max-width : 961px) {
.team-splash-title h1 {
    font-size: 30px
}
}

.team-splash-title h2 {
color: #0f346c
}

@media ( max-width : 961px) {
.team-splash-title h2 {
    font-size: 16px
}
}

.team-splash-title .view-open-positions {
color: #fff;
font-size: 20px;
font-weight: 500;
font-style: normal;
margin-top: 30px;
margin-bottom: 20px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.75)
}

@media ( max-width : 767px) {
.team-splash-title {
    position: relative;
    bottom: 0;
    padding: 20px 0
}
.team-splash-title h1 {
    font-size: 30px;
    color: #0f346c;
    text-shadow: none
}
.team-splash-title .view-open-positions {
    font-size: 24px;
    color: #0f346c;
    text-shadow: none;
    margin-top: 20px
}
}

.line-break {
display: block
}

@media ( min-width : 1200px) {
.line-break {
    display: none
}
}

@media ( max-width : 767px) {
.line-break {
    display: none
}
}

.splashTitlePos {
background-color: rgba(255, 255, 255, 0.5);
margin: 100px auto;
padding: 40px;
max-width: 850px
}

@media ( max-width : 961px) {
.splashTitlePos {
    margin: 0
}
}

.team-section {
padding: 60px 0;
text-align: center
}

.team-section h2 {
font-size: 24px;
color: #245091;
padding-bottom: 15px
}

.team-section-content {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 27px
}

.team-mission p {
color: #555
}

@media ( max-width : 961px) {
.team-mission .container {
    overflow: visible
}
}

.team-our-story {
background: #0f346c;
padding: 50px 0;
color: #fff;
text-align: left;
overflow: hidden;
background-size: cover
}

.team-our-story h2 {
color: #fff
}

@media ( max-width : 961px) {
.team-our-story h2 {
    text-align: center
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.team-our-story h2 {
    text-align: center
}
}

#ie7 .team-our-story h2, #ie8 .team-our-story h2 {
text-align: center
}

@media ( max-width : 961px) {
.team-our-story {
    text-align: center;
    padding: 50px 0 0
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.team-our-story {
    text-align: center;
    padding: 50px 0 0
}
}

#ie7 .team-our-story, #ie8 .team-our-story {
text-align: center;
padding: 50px 0 0
}

@media ( max-width : 767px) {
.team-section-content {
    margin-bottom: 15px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.team-section-content {
    margin-bottom: 25px;
    margin-right: 15px
}
}

.team-section-img {
padding-top: 56.25%;
position: relative;
overflow: hidden
}

@media ( max-width : 767px) {
.team-section-img {
    display: block
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.team-section-img {
    display: block;
    margin-left: 25%;
    padding-top: 30.25%;
    width: 50%
}
}

.team-section-img iframe {
border: 0;
height: 75%;
left: 0;
position: absolute;
top: 0;
width: 100%
}

.team-our-story-mobile {
display: none;
width: 100%
}

@media ( min-width : 962px) and (max-width: 1199px) {
.team-our-story-mobile {
    display: block;
    padding: 0
}
}

#ie7 .team-our-story-mobile, #ie8 .team-our-story-mobile {
display: block;
padding: 0
}

@media ( max-width : 961px) {
.team-our-story-mobile {
    display: block;
    background-position-y: 0
}
}

.team-values {
padding-bottom: 140px
}

@media ( max-width : 961px) {
.team-values {
    padding-bottom: 0
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.team-values {
    padding-bottom: 40px
}
}

#ie7 .team-values, #ie8 .team-values {
padding-bottom: 40px
}

.team-values h2 {
margin-bottom: 50px
}

@media ( min-width : 962px) and (max-width: 1199px) {
.team-values h2 {
    margin-bottom: 10px
}
}

#ie7 .team-values h2, #ie8 .team-values h2 {
margin-bottom: 10px
}

@media ( max-width : 961px) {
.team-values h2 {
    margin-bottom: 10px
}
}

@media ( max-width : 767px) {
.team-values {
    background-color: #fff;
    border-top: 1px solid #0f346c;
    border-bottom: 1px solid #0f346c
}
}

.team-values-nav {
text-align: center;
margin-top: 20px
}

.team-values-nav li {
color: #737373;
line-height: 26px;
padding-top: 20px;
padding-bottom: 20px
}

.team-values-nav li span {
color: #737373
}

.team-values-nav h3 {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 20px;
font-weight: 500;
color: #6a6d75
}

.team-values-nav a:hover, .team-values-nav a:focus {
text-decoration: none
}

.team-values-nav a:hover h3, .team-values-nav a:focus h3 {
text-decoration: underline
}

.team-values-nav span {
display: block;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
font-weight: 400;
font-style: italic;
letter-spacing: -0.5px
}

@media ( min-width : 962px) and (max-width: 1199px) {
.team-values-nav {
    text-align: center
}
.team-values-nav li {
    border-bottom: 1px solid #ccc
}
.team-values-nav li:last-of-type {
    border-bottom: 0
}
}

#ie7 .team-values-nav, #ie8 .team-values-nav {
text-align: center
}

#ie7 .team-values-nav li, #ie8 .team-values-nav li {
border-bottom: 1px solid #ccc
}

#ie7 .team-values-nav li:last-of-type, #ie8 .team-values-nav li:last-of-type
{
border-bottom: 0
}

@media ( max-width : 961px) {
.team-values-nav {
    text-align: center
}
.team-values-nav li {
    border-bottom: 1px solid #ccc
}
.team-values-nav li:last-of-type {
    border-bottom: 0
}
}

@media ( max-width : 767px) {
.team-values-nav {
    margin-top: 0;
    padding-top: 0
}
}

.team-values-content {
position: relative
}

.team-content-arrow {
height: 40px;
width: 30px;
background: transparent
    url("team/arrow-no-shadow-4c74a5f61d7f0e330d3e96287c6cbe7e01891024281c603e63bfe9cfc9dbc426.png")
    no-repeat center center;
position: absolute;
left: -29px;
top: 40px
}

.value-quality .team-content-arrow {
top: 55%
}

.team-values-holder {
padding-top: 65px;
padding-left: 50px;
padding-right: 50px;
text-align: left;
position: absolute;
overflow: hidden
}

.team-values-feature {
height: 275px
}

.team-values-qa-card {
border-radius: 4px;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #fff;
padding-bottom: 30px
}

.team-values-content {
-webkit-perspective: 1500;
perspective: 1500;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}

.team-values-card {
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition-duration: 0.8s
}

.team-values-feature {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition-duration: 0.8s
}

.team-values-feature {
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg)
}

.team-values-feature {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg)
}

.apron-line-break {
margin: 50px 0;
position: relative
}

.apron-line-break hr {
border-bottom: 0
}

.apron-line-break img {
position: absolute;
top: -38px;
right: 50%;
margin-right: -34px
}

.team-values-holder-mobile .apron-line-break {
display: none
}

.values-content--descr {
color: #3b3b3b;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 30px;
padding-bottom: 15px
}

.employee-profile {
overflow: hidden;
*zoom: 1;
padding-bottom: 20px
}

.team-values-holder-mobile .employee-profile {
display: none
}

.employee-profile-img {
text-align: center;
float: left;
margin-right: 35px;
margin-left: 35px;
position: relative
}

.employee-profile-img img {
border-radius: 50%
}

.team-values-holder-mobile .employee-profile-img {
float: none;
margin: 0 auto
}

.profile-img-sm {
width: 105px;
height: 105px
}

.employee-profile-name {
float: left;
width: 60%
}

.employee-profile-name h3, .employee-profile-name h5 {
color: #0f346c
}

.employee-profile-name h3 {
text-transform: capitalize
}

.employee-profile-name .employee-name {
font-weight: 700;
text-transform: capitalize;
color: #0f346c
}

.team-values-holder-mobile .employee-profile-name {
float: none;
width: 100%
}

.employee-profile-text {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 27px;
color: #555
}

.team-values-qa {
margin-left: 35px
}

.team-values-qa li {
margin-top: 25px
}

.team-values-qa h5 {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 600;
font-size: 16px;
font-style: normal;
color: #0f346c
}

.team-values-holder-mobile {
display: none;
margin-top: 20px
}

.team-office-life {
border-bottom: 1px solid #0f346c;
border-top: 1px solid #0f346c;
background-color: #0f346c;
overflow: hidden;
*zoom: 1
}

#ie7 .team-office-life-hldr, #ie8 .team-office-life-hldr {
width: 1170px;
margin: 0 auto
}

.col-thirds {
width: 33.33%;
float: left
}

@media ( max-width : 961px) {
.col-thirds {
    width: 100%;
    float: none
}
.col-thirds.col-thirds-center {
    display: block
}
}

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

.team-sq {
position: relative;
float: left;
width: 100%;
padding-bottom: 100%;
background: transparent no-repeat center center;
background-size: cover
}

.team-sq-b {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: transparent no-repeat center center;
background-size: cover;
opacity: 0
}

.team-rect-center {
width: 100%;
float: left;
position: relative
}

.team-rect-center h2 {
color: #fff;
position: absolute;
top: 50%;
left: 50%;
margin-left: -120px;
margin-top: -10px
}

@media ( max-width : 961px) {
.team-rect-center {
    width: 100%
}
}

.team-rect-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(15, 52, 108, 0.8);
width: 100%;
height: 100%
}

#ie7 .team-rect-overlay, #ie8 .team-rect-overlay {
background: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC313567',
    EndColorStr='#CC313567');
zoom: 1
}

.team-rect-overlay:hover {
transition: background-color 0.4s ease-in-out 0.8s;
background-color: rgba(15, 52, 108, 0.9)
}

#ie7 .team-rect-overlay:hover, #ie8 .team-rect-overlay:hover {
background: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E6313567',
    EndColorStr='#E6313567');
zoom: 1
}

.team-hiring h3 {
color: #6a6d75;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 20px;
font-weight: 400;
font-style: italic;
margin-bottom: 45px
}

@media ( min-width : 962px) and (max-width: 1199px) {
.team-hiring .apron-line-break {
    margin: 50px auto;
    width: 60%
}
}

#ie7 .team-hiring .apron-line-break, #ie8 .team-hiring .apron-line-break
{
margin: 50px auto;
width: 60%
}

@media ( min-width : 1200px) {
.team-hiring .apron-line-break {
    margin: 50px auto;
    width: 60%
}
}

.team-hiring p {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 18px;
font-weight: 300
}

.team-hiring p a {
font-weight: 700
}

.blog-section {
margin-top: 18px
}

.media-list {
padding-right: 3%
}

@media ( max-width : 767px) {
.media-list {
    padding-right: 0
}
}

.media-item {
font-size: 14px;
margin-top: 30px;
overflow: hidden;
*zoom: 1
}

.media-item:first-of-type {
margin-top: 0
}

.media-image {
float: left;
margin-right: 20px
}

.media-image img {
border: 1px solid #585657;
box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2)
}

.media-title {
margin-bottom: 10px;
font-weight: 400
}

@media ( max-width : 767px) {
.media-title {
    font-size: 16px
}
.media-title strong {
    display: block;
    margin-bottom: 5px
}
}

@media ( max-width : 961px) {
.team-mission, .team-our-story .container, .team-hiring {
    padding-left: 20px;
    padding-right: 20px
}
}

.no-scroll {
overflow: hidden
}

.pages_show_press_page .press-modal {
position: relative;
padding: 40px;
background-color: white;
border-radius: 2px;
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15);
max-width: 600px;
margin: 0 auto;
top: 50%;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
-webkit-transform: perspective(1px) translateY(-50%);
transform: perspective(1px) translateY(-50%)
}

@media ( max-width : 767px) {
.pages_show_press_page .press-modal {
    width: calc(90% - 48px);
    max-height: calc(90% - 48px);
    overflow-y: auto;
    padding: 40px 30px 30px
}
}

.pages_show_press_page .close {
display: block;
position: absolute;
top: 0;
right: 16px;
padding: 10px
}

.pages_show_press_page .close:hover {
cursor: pointer
}

.pages_show_press_page .overlay {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
z-index: 10;
background-color: rgba(255, 255, 255, 0.75)
}

.company-news-hidden, .community-stories-hidden, .featured-press-hidden
{
display: none
}

.press-header {
width: 100%;
background:
    url(press/header-eggplant-53e861fdebe7f4a824ff720f4ad93af19266e19d6f894a6d19cc51bbfe147fb9.jpg)
    no-repeat center center;
background-size: cover;
padding: 137px 0;
text-align: center;
position: relative
}

.press-header.blackout {
background-image: none !important;
background-color: black;
padding: 0px;
padding-top: 8px
}

.press-header #bgvid {
display: none;
height: 387px;
max-width: 100%
}

.press-header .video-play-container {
position: relative;
margin-top: 12px
}

.press-header .video-play-button {
cursor: pointer
}

.press-headline {
color: white;
font-size: 46px
}

.press-body-container {
background-color: #FAFBFC;
width: 100%
}

.press-section {
max-width: 1200px;
margin: 0 auto;
padding: 30px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.press-section * {
box-sizing: border-box
}

.press-nav {
display: block;
text-align: center;
padding: 0 0 30px
}

@media ( min-width : 1200px) {
.press-nav {
    font-size: 16px;
    padding-bottom: 50px
}
}

.press-nav:hover, .press-nav :focus, .press-nav :active {
text-decoration: none
}

.press-nav-link {
color: #245091;
font-weight: 500;
margin: 0 10px;
transition: all 0.2s ease-in-out
}

@media ( min-width : 1200px) {
.press-nav-link {
    margin: 0 20px
}
}

.press-intro {
font-size: 16px;
color: #303236;
text-align: center;
line-height: 1.8;
max-width: 620px;
margin: 0 auto
}

.press-intro a {
color: #245091
}

@media ( min-width : 1200px) {
.press-intro {
    font-size: 18px
}
}

.press-section-header {
text-align: center;
color: #303236;
padding: 30px 0 20px
}

@media ( min-width : 768px) and (max-width: 961px) {
.press-section-header {
    font-size: 24px;
    padding: 40px 0 30px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.press-section-header {
    font-size: 26px;
    padding: 50px 0 40px
}
}

#ie7 .press-section-header, #ie8 .press-section-header {
font-size: 26px;
padding: 50px 0 40px
}

@media ( min-width : 1200px) {
.press-section-header {
    font-size: 36px;
    padding: 60px 0 50px
}
}

.press-tile-container {
display: block;
width: 100%
}

.press-tile-container:after {
content: "";
display: block;
clear: both
}

@media ( min-width : 768px) and (max-width: 961px) {
.press-tile-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.press-tile-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
}

#ie7 .press-tile-container, #ie8 .press-tile-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

@media ( min-width : 1200px) {
.press-tile-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
}

.press-news-tile {
padding: 10px
}

@media ( min-width : 768px) and (max-width: 961px) {
.press-news-tile {
    float: left;
    width: 50%
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.press-news-tile {
    float: left;
    width: 33.33%
}
}

#ie7 .press-news-tile, #ie8 .press-news-tile {
float: left;
width: 33.33%
}

@media ( min-width : 1200px) {
.press-news-tile {
    float: left;
    width: 25%
}
.press-news-tile.media-tile {
    width: 33.33%
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.press-news-tile.four-columns-max {
    float: left;
    width: 50%
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.press-news-tile.four-columns-max {
    float: left;
    width: 50%
}
}

#ie7 .press-news-tile.four-columns-max, #ie8 .press-news-tile.four-columns-max
{
float: left;
width: 50%
}

@media ( min-width : 1200px) {
.press-news-tile.four-columns-max {
    float: left;
    width: 25%
}
}

.press-news-tile:hover, .press-news-tile :active, .press-news-tile :focus,
.press-news-tile a:hover, .press-news-tile a:focus, .press-news-tile a:active
{
text-decoration: none
}

.press-news-tile.exec-tile {
padding: 34px
}

@media ( max-width : 767px) {
.press-news-tile.exec-tile {
    padding: 34px 6px
}
}

.press-news-tile.featured-press-tile {
padding: 34px
}

.press-news-tile.featured-press-tile .press-small-caps+.press-small-caps
{
color: #d3d5db
}

.press-news-tile.featured-press-tile a:hover, .press-news-tile.featured-press-tile a:focus,
.press-news-tile.featured-press-tile a:active {
text-decoration: none
}

.press-news-inside {
background-color: white;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
border-radius: 2px;
border: 1px solid #E4E6EB;
padding: 20px;
transition: all 0.2s ease-in-out
}

@media ( min-width : 768px) and (max-width: 961px) {
.press-news-inside {
    min-height: 348px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.press-news-inside {
    min-height: 348px
}
}

#ie7 .press-news-inside, #ie8 .press-news-inside {
min-height: 348px
}

@media ( min-width : 1200px) {
.press-news-inside {
    min-height: 328px
}
}

.press-news-inside:hover {
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15);
cursor: pointer
}

@media ( min-width : 768px) and (max-width: 961px) {
.community-stories .press-news-inside {
    min-height: 322px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.community-stories .press-news-inside {
    min-height: 296px
}
}

#ie7 .community-stories .press-news-inside, #ie8 .community-stories .press-news-inside
{
min-height: 296px
}

@media ( min-width : 1200px) {
.community-stories .press-news-inside {
    min-height: 278px
}
}

.press-news-tile-image {
width: 100%;
display: none;
margin-bottom: 20px
}

@media ( min-width : 768px) and (max-width: 961px) {
.press-news-tile-image {
    display: block
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.press-news-tile-image {
    display: block
}
}

#ie7 .press-news-tile-image, #ie8 .press-news-tile-image {
display: block
}

@media ( min-width : 1200px) {
.press-news-tile-image {
    display: block
}
}

.press-small-caps {
color: #6a6d75;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 1.6;
margin-bottom: 4px
}

.press-news-headline {
font-size: 14px;
font-weight: 500;
color: #245091;
margin-bottom: 0
}

@media ( min-width : 768px) and (max-width: 961px) {
.press-news-headline {
    font-size: 15px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.press-news-headline {
    font-size: 16px
}
}

#ie7 .press-news-headline, #ie8 .press-news-headline {
font-size: 16px
}

@media ( min-width : 1200px) {
.press-news-headline {
    font-size: 16px
}
}

.press-show-more {
display: block;
width: 100%;
margin-top: 20px;
padding: 20px 0;
border: 0;
background-color: #F5F6F8;
color: #2E62AF;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
transition: all 0.2s ease-in-out
}

.press-show-more:hover {
background-color: #E4E6EB;
color: #245091;
cursor: pointer
}

.press-show-more.featured-press-button {
background-color: #245091;
color: white
}

.press-show-more.featured-press-button:hover {
background-color: #2E62AF
}

.press-bio-inside {
text-align: center
}

.press-bio-inside h4 {
margin-bottom: 8px
}

.exec-tile {
transition: all 0.2s ease-in-out
}

.exec-tile:hover {
background-color: white;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12);
cursor: pointer
}

.exec-headshot {
border-radius: 50%;
margin-bottom: 10px;
max-width: 160px;
max-height: 160px
}

.exec-bio-copy {
color: #6A6D75;
line-height: 1.9;
margin-top: 14px
}

.exec-bio-modal-content {
display: none
}

.press-footer-container {
background-color: #0D2A54;
color: white;
width: 100%
}

.press-footer-title {
color: white
}

.press-media-tile {
padding: 50px 0;
text-align: center;
transition: all 0.2s ease-in-out;
background: no-repeat top center/cover
}

.press-media-tile:hover {
box-shadow: inset 0 1px 30px 0 rgba(0, 0, 0, 0.75);
cursor: pointer
}

@media ( max-width : 767px) {
.press-media-tile {
    padding: 20px 0
}
}

.media-headline {
color: white;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.1em;
margin: 12px 0px;
text-transform: uppercase
}

@media ( max-width : 767px) {
.media-headline {
    font-size: 16px
}
}

.featured-press-headline {
line-height: 1.6;
color: #c7dcfc;
font-size: 18px;
font-weight: 400;
margin: 12px 0
}

.featured-press-copy {
color: #BABDC4;
margin-bottom: 20px
}

.featured-press-logo {
height: 28px;
max-width: 100%
}

.featured-press-button {
margin-bottom: 98px
}

.nav-anchor-hack {
display: block;
padding-bottom: 40px
}

@media ( max-width : 767px) {
.recipe-page .header-logo-small svg path, .recipe-page .cart-icon path,
    .recipe-page .full-logo path, .recipe-page .svg-hamburger path {
    fill: #ffffff
}
.recipe-page #header-main {
    background: none;
    box-shadow: 0;
    position: relative;
    border-bottom: 0
}
}

@media ( max-width : 767px) {
.recipe-page-main {
    margin-top: -52px
}
}

.section-recipe {
border-bottom: 1px solid #e4e6eb
}

@media ( min-width : 768px) and (max-width: 961px) {
.section-recipe .ba-hero-image.recipe-main {
    margin-top: 25px
}
}

@media ( min-width : 962px) {
.section-recipe {
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0
}
.section-recipe .ba-hero-image {
    padding-top: 15px
}
}

@media ( min-width : 962px) and (min-width: 962px) {
.section-recipe .ba-hero-image {
    margin-bottom: 30px
}
}

@media ( min-width : 962px) {
.section-recipe .p-15 {
    padding: 0
}
.section-recipe.recipe-main {
    margin-top: 25px
}
}

.section-recipe.p-15 {
padding-top: 30px;
padding-bottom: 25px
}

.section-recipe .is-quickmeal {
color: #009978;
font-weight: 700
}

.recipe-cta-btn {
padding-top: 16px;
padding-bottom: 16px;
height: auto;
line-height: inherit
}

.recipe-cta-btn .large-txt {
font-size: 20px
}

.recipe-cta-btn .btn-subtxt {
font-weight: 400;
font-size: 14px;
color: #f0f0f0;
margin-top: 2px;
line-height: 100%
}

.icon-svg {
width: auto;
display: inline
}

.ba-section-title {
margin-bottom: 25px
}

.ba-section-title .ta-r {
text-align: right
}

.ba-section-title__super {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 20px;
color: #6a6d75;
text-transform: lowercase;
margin-bottom: 6px
}

.ba-section-title__main {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 700;
font-size: 30px;
color: #303236;
letter-spacing: 0.1em;
text-transform: uppercase
}

.ba-info-list--inline {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}

.ba-info-list__item {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
color: #303236
}

.ba-info-list__item .amount {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.ba-info-list__item-name {
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase
}

.ba-info-list__item-value {
color: #6a6d75;
font-size: 14px;
font-weight: 400
}

.ba-info-list .is-calculatedCalories .icon-svg--popout {
display: inline
}

.ba-info-list .is-calculatedCalories.item-value--nutrition {
color: #0f346c;
cursor: pointer
}

.item-value--nutrition .hide {
display: none
}

.ww-freestyle {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 20px;
border-bottom: 1px solid #e4e6eb;
margin-bottom: 10px
}

.ww-freestyle__smart-points {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}

.ww-freestyle__divider {
width: 1px;
background-color: #e4e6eb;
height: 55px
}

@media ( max-width : 767px) {
.ww-freestyle__divider {
    display: none
}
}

@media ( max-width : 961px) {
#recipe-nutrition-label-png {
    max-width: 100%
}
}

.nutrition-label-inner {
max-width: 400px;
border-top-left-radius: 4px;
border-top-right-radius: 4px
}

.nutrition-label-inner img {
width: 100%
}

.nutrition-label-bottom {
width: 100%;
text-align: center;
background-color: #f7f7f9;
padding-bottom: 10px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
margin-top: 5px;
cursor: pointer
}

.nutrition-label-bottom a {
color: #6b96d6;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
font-weight: 700
}

.nutrition-label-legal {
color: #6a6d75;
line-height: 1.5;
font-size: 12px;
padding: 10px 20px
}

.ba-recipe-title__main {
font-size: 30px
}

.ba-recipe-title__sub {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
font-weight: 400;
color: #6a6d75
}

.recipe-main__description {
color: #303236;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
line-height: 2
}

.recipe-main__description .get-cooking-btn {
margin-top: 8px;
margin-bottom: 20px
}

.recipe-main__guest {
width: 160px;
float: left;
margin-right: 10px;
margin-bottom: 10px
}

.recipe-main-list {
padding: 15px 0 15px;
margin: 25px 0 20px;
border-top: 1px solid #e4e6eb;
border-bottom: 1px solid #e4e6eb;
text-align: center
}

.recipe-main__social {
padding-top: 20px;
padding-bottom: 20px;
height: 20px;
width: 100%;
display: block
}

@media ( max-width : 961px) {
.recipe-main__social {
    display: none
}
}

.recipe-main__social .recipe-social {
margin-left: auto;
margin-right: auto;
width: 250px
}

.recipe-main__social .recipe-social-button {
width: 83px;
height: 20px;
float: left
}

.recipe-main__social .recipe-social-button.recipe-fb-like .fb_iframe_widget span
{
vertical-align: top !important
}

.recipe-main__badges .pom-Badges {
display: inline-block;
margin-top: 16px;
margin-bottom: -16px
}

.recipe-main__badges .pom-Badge {
padding: 9px 8px;
margin: 0 15px;
color: #2e62af;
background: rgba(46, 98, 175, 0.08);
border: 1px solid rgba(46, 98, 175, 0);
border-radius: 3px;
font-size: 12px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 500;
display: inline-block;
float: left;
line-height: initial;
text-transform: uppercase
}

.recipe-main__badges .pom-Badge:last-child {
margin-right: 0
}

.recipe-main__badges .eds-Badge {
text-transform: none;
margin-top: 150px
}

.recipe-main__badges .teal-Badge {
background-color: #29B5CF;
color: #ffffff
}

.recipe-main__badges .orange-badge {
background-color: #f26226;
color: #fff
}

.recipe-main .cta-area {
overflow: hidden;
*zoom: 1
}

@media ( max-width : 767px) {
.recipe-main .cta-area .recipe-cta-btn {
    margin-top: 15px;
    padding: 8px;
    font-size: 17px;
    float: none
}
}

.header-side-cta {
text-align: right
}

.header-cta-btn {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
padding: 11px 20px;
border: 1px solid #B1B5BD;
border-radius: 2px;
color: #245091;
letter-spacing: 0.1em;
line-height: 14px
}

.header-cta-btn:hover {
background-color: transparent;
color: #2E62AF;
border-color: #2E62AF;
text-decoration: none
}

.header-cook-along-btn {
background-color: #002684;
border-radius: 28px;
color: #ffffff;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
padding: 14px 19px 16px 14px;
letter-spacing: 0.1em;
line-height: 16px;
text-transform: uppercase
}

.header-cook-along-btn .step-link-text {
padding: 0px 10px
}

.header-cook-along-btn .cook-along-triangle-container {
width: 14px;
height: 20px;
line-height: 16px
}

.header-cook-along-btn .cook-along-triangle-container .cook-along-triangle-svg
{
width: 14px
}

.header-cook-along-btn:hover, .header-cook-along-btn:focus {
text-decoration: none
}

.recipe-wine {
padding-top: 15px;
position: relative
}

@media ( max-width : 961px) {
.recipe-wine {
    padding-left: 15px
}
}

.recipe-wine--title {
font-size: 14px;
font-weight: 500;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #e4e6eb
}

.recipe-wine--content {
width: auto;
height: 160px;
display: inline-block
}

@media ( max-width : 961px) {
.recipe-wine--content {
    width: 300px
}
}

.recipe-wine--content.more-wines {
width: 370px
}

.recipe-wine--content.more-wines .recipe-wine-text {
width: 250px;
font-size: 16px
}

.recipe-wine-bottle {
width: 40px;
height: 115px;
float: left
}

.recipe-wine-text {
float: left;
width: 70%;
padding-left: 4px;
white-space: normal
}

@media ( max-width : 961px) {
.recipe-wine-text {
    width: 230px
}
}

.recipe-wine__content {
position: relative
}

.recipe-wine__container {
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrollling: touch
}

.recipe-wine__nav {
position: absolute;
top: 0;
right: 0;
margin-top: 0;
width: 50px;
height: 120px;
display: table
}

.recipe-wine__nav-controls {
height: 100%;
display: table-cell;
vertical-align: middle
}

.recipe-wine__nav-next {
background-image:
    url("svg/carousel-right-f33f02c3fc4017df3238faddc18fb1688fadc257ab628c4ba8cd4dd063b2bbed.svg");
float: right;
margin-right: 1px;
width: 50px;
height: 50px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
z-index: 2;
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
cursor: pointer;
border-radius: 4px;
opacity: 0.9
}

@media ( max-width : 961px) {
.recipe-wine__nav {
    display: none
}
}

.wine-text--title {
color: #0f346c
}

.wine-text--subtitle {
color: #6a6d75;
font-size: 14px;
font-weight: 400;
display: block;
margin-top: 4px
}

.wine-text--description {
font-size: 14px;
font-weight: 300;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #303236
}

.recipe-ingredients .rec-area-content {
min-height: 375px;
position: relative
}

@media ( min-width : 768px) and (max-width: 961px) {
.recipe-ingredients .ba-info-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.recipe-ingredients .ba-info-list__item {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}
}

@media ( min-width : 962px) {
.recipe-ingredients .ba-feature-image__hldr {
    max-width: 700px
}
}

.recipe-ingredients .ba-info-list__item {
color: #0f346c;
line-height: 2.5;
font-weight: 500
}

.recipe-ingredients .ba-info-list__item a {
padding: 4px;
display: block;
outline: 0
}

.recipe-ingredients .ba-info-list__item span {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
color: #6a6d75;
width: 23%;
display: inline-block;
text-align: right;
margin-right: 5px
}

@media ( min-width : 962px) {
.recipe-ingredients .ba-info-list__item a:hover {
    background-color: #6b96d6;
    color: #ffffff;
    text-decoration: none;
    border-radius: 2px
}
.recipe-ingredients .ba-info-list__item a:hover span {
    color: #ffffff
}
.recipe-ingredients .ba-info-list__item a.active-link {
    border-radius: 2px;
    color: #ffffff;
    background-color: #0f346c;
    text-shadow: 0 0 0 transparent;
    font-weight: 500
}
.recipe-ingredients .ba-info-list__item a.active-link:focus {
    text-decoration: none
}
.recipe-ingredients .ba-info-list__item a.active-link:active span,
    .recipe-ingredients .ba-info-list__item a.active-link:focus span {
    color: #ffffff
}
.recipe-ingredients .ba-info-list__item a.active-link span {
    color: #f3f3f3
}
.recipe-ingredients .non-story {
    padding: 4px;
    color: #6a6d75
}
}

.recipe-ingredients .ing-modal-content, .recipe-ingredients .ing-modal-tab
{
border-top: 1px solid #e4e6eb;
padding: 20px;
-webkit-overflow-scrolling: touch;
overflow: hidden;
*zoom: 1
}

@media ( max-width : 767px) {
.recipe-ingredients .ing-modal-content, .recipe-ingredients .ing-modal-tab
    {
    overflow-x: hidden;
    overflow-y: auto
}
}

.recipe-ingredients .ing-modal-content .ing-modal-img,
.recipe-ingredients .ing-modal-tab .ing-modal-img {
width: 35%;
float: left
}

@media ( min-width : 1200px) {
.recipe-ingredients .ing-modal-content .ing-modal-img,
    .recipe-ingredients .ing-modal-tab .ing-modal-img {
    width: 270px
}
}

@media ( max-width : 767px) {
.recipe-ingredients .ing-modal-content .ing-modal-img,
    .recipe-ingredients .ing-modal-tab .ing-modal-img {
    width: auto;
    float: none
}
}

.recipe-ingredients .ing-modal-content .ing-modal-img img,
.recipe-ingredients .ing-modal-tab .ing-modal-img img {
max-width: 100%
}

.recipe-ingredients .ing-modal-content .ing-modal-txt,
.recipe-ingredients .ing-modal-tab .ing-modal-txt {
width: 55%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
float: left;
padding-left: 20px;
margin-left: 20px;
border-left: 1px solid #e4e6eb
}

@media ( min-width : 1200px) {
.recipe-ingredients .ing-modal-content .ing-modal-txt,
    .recipe-ingredients .ing-modal-tab .ing-modal-txt {
    width: 369px
}
}

@media ( max-width : 767px) {
.recipe-ingredients .ing-modal-content .ing-modal-txt,
    .recipe-ingredients .ing-modal-tab .ing-modal-txt {
    width: auto;
    height: auto;
    float: none;
    padding: 10px 0 0 0;
    border-left-width: 0;
    margin: 10px 0 0;
    border-top: 1px solid #e4e6eb
}
}

.recipe-ingredients .ing-modal-content .ing-modal-txt p,
.recipe-ingredients .ing-modal-tab .ing-modal-txt p {
font-size: 14px;
color: #303236;
margin-bottom: 20px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.recipe-ingredients .ba-feature-image {
position: relative
}

.ing-modal {
display: none;
position: absolute;
width: 100%;
height: 417px;
box-sizing: border-box;
background-color: #ffffff;
text-align: left;
top: 0;
left: 0;
z-index: 1;
border-radius: 2px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2)
}

.ing-modal .ing-modal-title {
padding: 15px 20px;
overflow: hidden;
*zoom: 1
}

.ing-modal .ing-modal-title h5 {
margin: 0;
font-size: 18px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
line-height: 1.4;
color: #303236;
float: left;
font-weight: 500
}

@media ( max-width : 767px) {
.ing-modal .ing-modal-title h5 {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
}

.ing-modal .ing-modal-title .close-icon {
font-family: "FontAwesome";
font-style: normal;
font-weight: 300;
font-size: 22px;
color: #494d72;
float: right;
cursor: pointer
}

.ing-modal .ing-modal-title .close-icon:hover {
color: #303236
}

.ing-modal .ing-nav {
position: absolute;
text-align: center;
width: 190px;
bottom: 20px;
left: 20px
}

.ing-modal .ing-nav .prev-icon, .ing-modal .ing-nav .next-icon {
font-family: "FontAwesome";
font-style: normal;
font-weight: 300;
display: inline-block;
text-decoration: none !important;
cursor: pointer;
color: #494d72;
font-size: 20px
}

.ing-modal .ing-nav .prev-icon {
margin-right: 20px
}

.ing-modal .ing-nav .next-icon {
margin-left: 20px
}

@media ( min-width : 1200px) {
.ing-modal .ing-nav {
    width: 275px
}
}

@media ( max-width : 767px) {
.ing-modal .ing-nav {
    width: auto;
    position: static;
    margin-top: 10px
}
}

.ing-modal .more-link {
font-size: 15px;
font-weight: 600;
margin-top: 20px;
display: block
}

.ing-modal .more-link .link-icon {
font-family: "FontAwesome";
font-style: normal;
font-weight: 300;
margin-left: 5px;
display: inline-block;
text-decoration: none !important
}

.ing-modal .ing-modal-tabs {
*zoom: 1;
margin-top: -6px
}

.ing-modal .ing-modal-tabs:after {
content: "";
display: table;
clear: both
}

.ing-modal .ing-modal-tabs .tab-hldr {
float: right
}

@media ( max-width : 767px) {
.ing-modal .ing-modal-tabs .tab-hldr {
    float: none
}
}

.ing-modal .ing-modal-tabs .tab {
float: left;
padding: 3px 14px;
border: 1px solid #e4e6eb;
margin-right: 6px;
font-size: 13px;
font-weight: 600;
background-color: #f2f2f2;
color: #888;
margin-bottom: -1px;
border-radius: 2px 2px 0 0
}

.ing-modal .ing-modal-tabs .tab:hover {
text-decoration: none;
background-color: #fafafa
}

.ing-modal .ing-modal-tabs .tab.active-tab {
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
color: #0f346c;
cursor: default
}

.ing-modal .ing-modal-tabs .tab:active, .ing-modal .ing-modal-tabs .tab:focus
{
outline: 0;
text-decoration: none
}

@media ( max-width : 767px) {
.ing-modal .ing-modal-tabs .tab {
    float: none;
    margin: 0;
    display: block
}
}

.ing-modal-tab {
display: none
}

.ing-modal-tab.active-tab {
display: block
}

.recipe-tools {
color: #0f346c
}

.recipe-tools .form-input {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.recipe-tools-content {
text-align: center;
overflow: hidden;
margin-top: 15px
}

.recipe-tools-content .item img {
width: 100%
}

@media ( min-width : 962px) {
.recipe-tools-content {
    margin-top: 0
}
}

.recipe-tools--subtitle {
color: #6a6d75;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
font-weight: 400
}

.recipe-tools--amount {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 18px
}

@media ( min-width : 962px) {
.recipe-tools--amount {
    line-height: 43px
}
}

.recipe-tools--more {
display: none;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
font-weight: 500;
z-index: 51;
position: relative;
bottom: 30px
}

@media ( max-width : 767px) {
.recipe-tools--more {
    display: inline-block
}
}

@media ( min-width : 962px) {
.recipe-tools--description {
    height: 440px
}
}

.recipe-tools--description .description {
display: block;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
color: #303236;
max-height: 295px;
margin-top: 25px;
z-index: 3;
overflow-y: scroll
}

@media ( max-width : 767px) {
.recipe-tools--description .description {
    overflow-y: hidden
}
}

@media ( max-width : 767px) {
.recipe-tools--description .description p  {
    max-height: 275px;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.5
}
}

@media ( max-width : 767px) {
.recipe-tools--description .more {
    max-height: none;
    height: auto
}
}

.recipe-tools--description .description-overlay {
z-index: 50;
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 290px;
margin-bottom: -19px;
background: none;
background:
    url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff
    80%)
}

@media ( max-width : 767px) {
.recipe-tools--description .description-overlay {
    background:
        url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff
        40%);
    height: 150px
}
}

.recipe-tools .marketGoodAdd {
font-size: 16px;
line-height: 54.72px;
height: 54.72px;
padding: 0 40px;
opacity: 1;
float: right
}

@media ( max-width : 767px) {
.recipe-tools .marketGoodAdd {
    float: none;
    margin: 0 0 16px 0
}
}

.recipe-tools .marketGoodAdd.disabled {
opacity: 0.65;
cursor: not-allowed
}

.recipe-tools .marketGoodAdd.disabled .btn-txt {
margin-right: 20%
}

@media ( max-width : 767px) {
.recipe-tools .marketGoodAdd.disabled .btn-txt {
    margin-right: 0
}
}

.recipe-tools .marketGoodAdd.disabled .spinner {
position: absolute;
left: 100%;
bottom: 50%
}

@media ( max-width : 767px) {
.recipe-tools .marketGoodAdd.disabled .spinner {
    display: none
}
}

.recipe-tools li {
font-size: 14px;
color: #303236;
margin: -1px 0px;
line-height: 1.5
}

.recipe-tools li a {
padding: 9px 9px;
display: block;
outline: 0;
font-weight: 400;
text-decoration: none;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.recipe-tools li a .description {
font-weight: 600
}

.recipe-tools li a:hover {
background-color: #6b96d6;
color: #ffffff;
text-decoration: none;
text-shadow: 0 0 0 transparent;
border-radius: 2px
}

.recipe-tools li a.active-link {
border-radius: 2px;
color: #ffffff;
background-color: #0f346c;
text-shadow: 0 0 0 transparent;
font-weight: 500
}

.recipe-tools li a.active-link .amount, .recipe-tools li a.active-link .description
{
color: #f3f3f3
}

@media ( min-width : 962px) {
.recipe-tools .bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}
}

.recipe-tips-list {
overflow: hidden;
*zoom: 1;
border-top: 1px solid #e6e6e6;
padding-top: 20px;
margin-top: 20px
}

.recipe-tips-image {
position: relative;
max-height: 563px;
overflow: hidden
}

@media ( min-width : 962px) and (max-width: 1199px) {
.recipe-tips-text__content {
    height: 275px
}
}

#ie7 .recipe-tips-text__content, #ie8 .recipe-tips-text__content {
height: 275px
}

@media ( min-width : 1200px) {
.recipe-tips-text__content {
    height: 355px
}
}

.recipe-tips-text p {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px
}

@media ( max-width : 961px) {
.recipe-tips .owl-item {
    width: 95px !important;
    margin-right: 10px
}
}

.recipe-tips .owl-theme .owl-controls {
position: absolute;
top: 0;
right: 0;
margin-top: 0;
width: 51px;
height: 170px;
display: table
}

@media ( max-width : 961px) {
.recipe-tips .owl-theme .owl-controls {
    display: none !important
}
}

.recipe-tips .owl-theme .owl-controls .owl-buttons {
height: 100%;
display: table-cell;
vertical-align: middle
}

.recipe-tips .owl-theme .owl-controls .owl-buttons div {
width: 50px;
height: 50px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
z-index: 5;
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
cursor: pointer;
padding: 0;
border-radius: 4px;
opacity: 0.9;
margin: 0
}

.recipe-tips .owl-theme .owl-controls .owl-buttons .owl-prev {
display: none
}

.recipe-tips .owl-theme .owl-controls .owl-buttons .owl-next {
background-image:
    url("svg/carousel-right-f33f02c3fc4017df3238faddc18fb1688fadc257ab628c4ba8cd4dd063b2bbed.svg");
float: right;
margin-right: 1px
}

.section-recipe__sidebar {
padding: 30px 15px;
margin-top: 0
}

.section-recipe__sidebar h5 {
letter-spacing: 0.1em;
line-height: inherit;
margin-bottom: 10px
}

@media ( min-width : 962px) {
.section-recipe__sidebar h5 {
    font-size: 30px;
    color: #0f346c
}
}

.section-recipe__sidebar p {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
color: #6a6d75;
padding-top: 0;
margin-bottom: 0
}

@media ( min-width : 962px) {
.section-recipe__sidebar p {
    padding-top: 10px
}
}

.section-recipe__sidebar-text {
overflow: hidden;
*zoom: 1
}

.section-recipe__sidebar-btn {
border-radius: 2px;
display: block;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
color: #ffffff;
letter-spacing: 1px
}

@media ( min-width : 962px) {
.section-recipe__sidebar-btn {
    width: 340px;
    display: inline-block;
    font-size: 15px
}
}

@media ( max-width : 961px) {
.sidebar--coming-soon h5 {
    font-size: 22px
}
}

.sidebar--social-tips h5 {
color: #303236
}

@media ( min-width : 962px) {
.sidebar--social-tips {
    text-align: center
}
}

@media ( min-width : 962px) {
.recipe-tips .tip {
    margin-right: 15px
}
}

.tip .tool-sub-img :first-child {
margin-left: 0
}

.tip .img-wrap {
position: relative;
overflow: hidden;
max-height: 126px
}

.tip .img-wrap img {
width: 100%
}

.tip-image__title {
margin-top: 5px;
font-size: 13px;
font-weight: 500;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
display: block;
height: 34px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.4
}

@media only screen and (min-device-width: 320px) and (max-device-width:
568px) {
.tip-image__title {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    white-space: normal;
    margin-top: 0
}
}

.tip-image--video {
display: none;
position: absolute;
bottom: 12px;
left: 3px;
padding: 4px;
background-color: rgba(0, 0, 0, 0.5);
margin: 0;
border-radius: 2px
}

.tip-image--video-icon {
height: 14px;
width: 23px;
background-image:
    url(recipe-icons-scf5a4bb21f-c571228eaf21669fde5425e43930aaca93fe34fcf221af0ff34d16641d64c01f.png);
background-position: 0 -576px;
background-repeat: no-repeat;
display: block;
margin: 0
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.tip-image--video-icon {
    background-image:
        url(recipe-icons-2x-s4c7a87ff7a-b08832e257c0128b254d5dbff0afcbe364f742ce25f90612ba9abd2f95abf0a1.png);
    background-position: 0 -576px;
    background-size: 186px, auto
}
}

.show-tip .tip-image--video {
display: block
}

.vid-play {
position: absolute;
width: 100%;
height: 100%;
cursor: pointer
}

.vid-play:hover .vid-play__btn {
height: 186px;
width: 186px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -911px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.vid-play:hover .vid-play__btn {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -792px;
    background-size: 186px, auto
}
}

.vid-play .play-btn {
height: 186px;
width: 186px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -725px;
background-repeat: no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin-top: -93px;
margin-left: -93px;
cursor: pointer
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.vid-play .play-btn {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -606px;
    background-size: 186px, auto
}
}

@media ( max-width : 767px) {
.vid-play .play-btn {
    height: 186px;
    width: 186px;
    background-image:
        url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
    background-position: 0 -725px;
    background-repeat: no-repeat
}
}

@media ( max-width : 767px) and (-webkit-min-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (min--moz-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (-o-min-device-pixel-ratio: 3 / 2) , (
    max-width : 767px) and (min-device-pixel-ratio: 1.5) {
.vid-play .play-btn {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -606px;
    background-size: 186px, auto
}
}

@media ( max-width : 767px) {
.vid-play .play-btn:hover {
    height: 186px;
    width: 186px;
    background-image:
        url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
    background-position: 0 -911px;
    background-repeat: no-repeat
}
}

@media ( max-width : 767px) and (-webkit-min-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (min--moz-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (-o-min-device-pixel-ratio: 3 / 2) , (
    max-width : 767px) and (min-device-pixel-ratio: 1.5) {
.vid-play .play-btn:hover {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -792px;
    background-size: 186px, auto
}
}

.recipe-instructions .step-number {
background-color: #0f346c;
color: #ffffff;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 14px;
text-align: center;
padding: 7px 9px;
width: 12px;
margin-right: 10px;
float: left;
border-radius: 50%
}

.recipe-instructions .step-title {
font-size: 16px;
font-weight: 600;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #303236;
float: left;
width: auto
}

.recipe-instructions .step-title-holder {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 500;
color: #0f346c;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e4e6eb;
min-height: 26px;
line-height: 26px;
overflow: hidden;
*zoom: 1
}

@media ( min-width : 962px) {
.recipe-instructions .step-title-holder {
    margin-top: 10px
}
}

.recipe-instructions .step-txt {
color: #303236;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
line-height: 1.7
}

.recipe-instructions .step .story-link {
text-decoration: underline
}

.recipe-instructions .step .story-link:hover {
text-decoration: none
}

.recipe-instructions .step .story-link:after {
display: inline-block;
margin-left: 3px;
margin-right: 5px;
position: relative;
top: 3px;
content: "";
width: 18px;
height: 18px;
background-image:
    url("svg/video-60feb77af4798772fe27d01637ce79299ed12cc79f0fedb24be9b841ab31b491.svg")
}

#step-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
z-index: 700
}

.step-by-step-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
z-index: 800;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
font-stretch: normal;
color: #303236
}

.step-by-step-modal.desktop-step-modal {
width: 90%;
height: 90%;
left: 5%;
top: 5%;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.5)
}

.step-by-step-modal .slide-item {
height: 100%;
width: 100%
}

.step-by-step-modal .modal-bar {
overflow: hidden;
*zoom: 1;
height: 60px;
position: absolute;
top: 0;
left: 0;
width: 100%;
border-bottom: 1px solid #e4e6eb;
z-index: 1999
}

.step-by-step-modal .modal-bar .bar-inner {
padding: 20px;
overflow: hidden;
*zoom: 1
}

.step-by-step-modal .modal-bar .step-icon {
display: none;
width: 102px;
height: 40px;
margin-right: 10px;
float: left;
height: 40px;
width: 102px;
background-image:
    url(recipe-icons-scf5a4bb21f-c571228eaf21669fde5425e43930aaca93fe34fcf221af0ff34d16641d64c01f.png);
background-position: 0 -491px;
background-repeat: no-repeat;
position: relative;
top: -10px
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.step-by-step-modal .modal-bar .step-icon {
    background-image:
        url(recipe-icons-2x-s4c7a87ff7a-b08832e257c0128b254d5dbff0afcbe364f742ce25f90612ba9abd2f95abf0a1.png);
    background-position: 0 -491px;
    background-size: 186px, auto
}
}

.step-by-step-modal .modal-bar .modal-step-title {
font-size: 25px;
margin: 0;
line-height: 20px;
color: #0f346c;
float: left
}

.step-by-step-modal .modal-bar .close-icon {
font-family: 'FontAwesome';
font-style: normal;
font-weight: 300;
font-size: 32px;
color: #0f346c;
float: right;
cursor: pointer
}

.step-by-step-modal .modal-bar .close-icon:hover {
color: #303236
}

.step-by-step-modal .instr-step {
padding: 80px 20px 20px;
box-sizing: border-box;
width: 100%;
height: 100%
}

.step-by-step-modal .instr-step .instr-title-hldr {
margin-bottom: 25px;
overflow: hidden;
*zoom: 1
}

.step-by-step-modal .instr-step .instr-num {
border-radius: 40px;
background-color: #0f346c;
font-size: 18px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 500;
color: #ffffff;
float: left;
padding: 2px 10px;
margin-right: 10px
}

.step-by-step-modal .instr-step .instr-title {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 600;
font-size: 20px;
color: #0f346c;
line-height: 1.6
}

.step-by-step-modal .instr-step .instr-img-hldr {
float: left;
width: 49%
}

.step-by-step-modal .instr-step .instr-wrap {
float: left;
width: 49%;
padding-top: 8px;
line-height: 165%;
font-size: 16px;
height: 100%;
overflow-x: hidden;
overflow-y: auto
}

.step-by-step-modal .instr-step .instr-wrap p {
margin: 0 0 23px 0
}

.step-by-step-modal .even-step {
background-color: #ffffff
}

.step-by-step-modal .even-step .instr-img-hldr {
margin-left: 2%
}

.step-by-step-modal .odd-step {
background-color: #ffffff
}

.step-by-step-modal .odd-step .instr-img-hldr {
margin-right: 2%
}

.step-by-step-modal .step-stories-area {
overflow: hidden;
*zoom: 1;
margin-top: 20px
}

.step-by-step-modal .step-story-hldr {
float: left;
margin-left: 2%;
width: 48%;
position: relative
}

.step-by-step-modal .step-story-hldr:first-child {
margin-left: 0
}

.step-by-step-modal .story-launch {
display: block
}

.step-by-step-modal .story-launch .vid-icon-wrap {
display: block;
position: absolute;
bottom: 3px;
left: 3px;
padding: 4px;
background-color: rgba(0, 0, 0, 0.5);
margin: 0;
border-radius: 3px
}

.step-by-step-modal .story-launch .vid-icon-wrap .vid-icon {
height: 14px;
width: 23px;
background-image:
    url(recipe-icons-scf5a4bb21f-c571228eaf21669fde5425e43930aaca93fe34fcf221af0ff34d16641d64c01f.png);
background-position: 0 -576px;
background-repeat: no-repeat;
display: block;
margin: 0
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.step-by-step-modal .story-launch .vid-icon-wrap .vid-icon {
    background-image:
        url(recipe-icons-2x-s4c7a87ff7a-b08832e257c0128b254d5dbff0afcbe364f742ce25f90612ba9abd2f95abf0a1.png);
    background-position: 0 -576px;
    background-size: 186px, auto
}
}

.step-by-step-modal .story-launch .step-story-thumb {
width: 30%;
margin-right: 4%;
float: left
}

.step-by-step-modal .story-launch .step-story-title {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 17px;
float: left;
width: 66%
}

.recipe-comments h3 {
margin: 0 0 20px 0;
font-size: 20px;
font-weight: 600
}

.recipe-comments--about p {
margin-bottom: 20px;
font-size: 14px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
line-height: 1.7
}

.story-modal .fancybox-skin {
background-color: #ffffff;
color: #303236;
border-radius: 2px
}

.story-modal.fancybox-opened .fancybox-skin {
box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.5)
}

.story-modal .fancybox-iframe {
border-radius: 4px
}

.story-modal .fancybox-inner {
-webkit-overflow-scrolling: touch
}

.story-modal-inner {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
max-width: 900px;
min-height: 479px
}

#ie7 .story-modal-inner, #ie8 .story-modal-inner {
width: 900px
}

@media ( min-width : 1200px) {
.story-modal-inner {
    min-height: 479px
}
}

.story-modal-inner .text-area {
padding: 20px
}

.story-modal-inner .text-area h3 {
margin: 0;
font-size: 32px
}

@media ( max-width : 767px) {
.story-modal-inner .text-area h3 {
    font-size: 25px
}
}

.story-modal-inner .story-title-hldr {
padding-bottom: 20px
}

.story-modal-inner .story-title-hldr h3 {
margin: 0;
font-size: 26px
}

@media ( max-width : 767px) {
.story-modal-inner .story-title-hldr h3 {
    font-size: 24px
}
}

.story-modal-inner .story-contents-hldr {
overflow: hidden;
*zoom: 1;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
font-stretch: normal
}

.story-modal-inner .img-hldr {
float: left;
width: 45%;
margin-right: 2%;
position: relative
}

.story-modal-inner .img-hldr img {
width: 100%
}

@media ( max-width : 767px) {
.story-modal-inner .img-hldr {
    width: auto;
    margin: 0 0 20px 0;
    float: none
}
}

.story-modal-inner .txt-hldr {
float: left;
width: 53%;
font-size: 15px;
line-height: 160%
}

.story-modal-inner .txt-hldr p {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
margin: 0 0 20px;
font-size: 16px;
line-height: 1.6;
color: #303236
}

.story-modal-inner .txt-hldr .more-link a {
font-size: 17px;
font-weight: 600
}

.story-modal-inner .txt-hldr .more-link .link-icon {
font-family: "FontAwesome";
font-style: normal;
font-weight: 300;
display: inline-block;
text-decoration: none !important
}

@media ( max-width : 767px) {
.story-modal-inner .txt-hldr {
    width: auto;
    float: none
}
}

.js-socialTips {
display: none
}

.js-socialTips.show-tips {
display: block
}

.marketplace-recipe-content-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
min-width: 50%
}

@media ( max-width : 961px) {
.marketplace-recipe-content-row {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 0
}
}

.marketplace-recipe-banner {
float: left;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}

@media ( min-width : 962px) {
.marketplace-recipe-banner {
    height: 500px;
    overflow: hidden;
    float: unset
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.marketplace-recipe-banner {
    height: 400px
}
}

#ie7 .marketplace-recipe-banner, #ie8 .marketplace-recipe-banner {
height: 400px
}

.marketplace-recipe-banner .marketplace-recipe-image-container {
position: relative;
width: 100%;
margin-bottom: -7px
}

.marketplace-recipe-banner .marketplace-recipe-banner-text {
background-color: #f26226;
width: 45%;
padding: 0px 50px;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}

.marketplace-recipe-banner .marketplace-recipe-banner-text .marketplace-callout-text
{
letter-spacing: 1px
}

.marketplace-recipe-banner .marketplace-recipe-banner-text .marketplace-border-line
{
border-top: 2px white solid;
margin: 20px auto 0px auto;
width: 50%;
max-width: 150px
}

.marketplace-recipe-banner .marketplace-recipe-banner-text .marketplace-title-text
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 70%;
width: 75%;
margin-left: auto;
margin-right: auto
}

.marketplace-recipe-banner .marketplace-recipe-banner-text .marketplace-title-text .main-title
{
font-size: 32px;
line-height: 36px;
font-weight: 500
}

@media ( min-width : 1200px) {
.marketplace-recipe-banner .marketplace-recipe-banner-text .marketplace-title-text .main-title
    {
    line-height: 50px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.marketplace-recipe-banner .marketplace-recipe-banner-text .marketplace-title-text .main-title
    {
    font-size: 26px
}
}

#ie7 .marketplace-recipe-banner .marketplace-recipe-banner-text .marketplace-title-text .main-title,
#ie8 .marketplace-recipe-banner .marketplace-recipe-banner-text .marketplace-title-text .main-title
{
font-size: 26px
}

.marketplace-recipe-banner .marketplace-recipe-banner-text .marketplace-recipe-info-detail
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 500;
letter-spacing: 2px
}

@media ( max-width : 961px) {
.marketplace-recipe-banner .marketplace-recipe-banner-text {
    padding: 50px;
    position: unset;
    height: unset;
    width: 100%;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}
.marketplace-recipe-banner .marketplace-recipe-banner-text .marketplace-title-text
    {
    padding-bottom: 30px;
    height: 300px
}
.marketplace-recipe-banner .marketplace-recipe-banner-text .marketplace-recipe-info-detail
    {
    margin: 0 30px
}
}

@media ( max-width : 767px) {
.marketplace-recipe-banner .marketplace-recipe-banner-text .marketplace-title-text
    {
    height: 275px;
    padding: 0
}
}

.servings-icon {
height: 90px;
width: 90px;
border-radius: 50%;
background: white;
border: 4px #245091 solid;
position: absolute;
right: 0;
top: 0;
margin: 100px 50px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 1
}

.servings-icon .servings-number {
font-size: 26px;
font-weight: 600;
color: black
}

@media ( max-width : 961px) {
.servings-icon {
    display: none
}
}

.recipe-side-dish-section {
border-right: 1px solid #e4e6eb
}

@media ( max-width : 961px) {
.recipe-side-dish-section {
    border: none
}
.recipe-side-dish-section h4 {
    font-size: 30px
}
}

.recipe-side-dish-section .recipe-side-dishes {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.recipe-side-dish-section .recipe-side-dishes .side-dish-editorial {
padding-right: 24px;
display: inline-block;
vertical-align: top
}

.recipe-side-dish-section .recipe-side-dishes .side-dish-editorial .side-dish-img
{
max-width: 100%
}

.recipe-side-dish-section .recipe-side-dishes .side-dish-editorial .side-dish-title
{
color: black;
font-size: 18px;
letter-spacing: 1px;
line-height: 28px;
font-weight: 600
}

.recipe-side-dish-section .recipe-side-dishes .side-dish-editorial .side-dish-subtitle
{
font-size: 18px
}

@media ( max-width : 961px) {
.recipe-side-dish-section .recipe-side-dishes .side-dish-editorial {
    width: 60%;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0
}
.recipe-side-dish-section .recipe-side-dishes .side-dish-editorial img {
    width: 90%
}
}

@media ( max-width : 961px) {
.recipe-side-dish-section .recipe-side-dishes {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
}

.variation-picker {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}

.variation-picker .recipe-arrival-day {
font-weight: 500
}

.out-of-stock-info {
color: #d64148;
font-weight: 500;
font-size: 20px;
text-align: center
}

.recipe-add-to-cart-btn {
border-radius: 25px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}

.recipe-add-to-cart-btn .btn-txt {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}

.recipe-add-to-cart-btn .spinner {
margin-left: 20px
}

@media ( max-width : 961px) {
.recipe-add-to-cart-btn .btn-price {
    display: none
}
}

.recipe-info-links {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
color: #0f346c;
font-weight: 600
}

.recipe-info-links .recipe-text-link {
color: #245091;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 1px
}

.recipe-info-links .recipe-text-link .recipe-link-icon {
height: 20px;
padding-right: 12px
}

.recipe-nutrition-info {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}

.helpful-tools-and-other-info {
background-color: #fafbfc
}

.helpful-tools-and-other-info .tools-title {
font-size: 24px;
letter-spacing: 1px
}

.helpful-tools-and-other-info .recipe-info-icons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 18px;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 500
}

@media ( max-width : 961px) {
.helpful-tools-and-other-info .recipe-info-icons {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}
.helpful-tools-and-other-info .recipe-info-icons .marketplace-expectation
    {
    width: 75%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 30px
}
.helpful-tools-and-other-info .recipe-info-icons .marketplace-expectation .marketplace-icon
    {
    margin-bottom: 10px
}
}

.helpful-tools-and-other-info .recipe-info-icons .marketplace-expectation
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 10px 0
}

@media ( min-width : 962px) {
.helpful-tools-and-other-info .recipe-info-icons .marketplace-expectation
    {
    width: 48%
}
}

.helpful-tools-and-other-info .recipe-info-icons .marketplace-expectation .recipe-info-icon-container
{
height: 80px;
width: 80px;
padding: 20px 20px 20px 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}

.helpful-tools-and-other-info .recipe-info-icons .marketplace-expectation .marketplace-icon
{
max-width: 100px;
margin-right: 10px
}

.helpful-tools-and-other-info .recipe-tool {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
font-weight: 500
}

.helpful-tools-and-other-info .recipe-tool .recipe-tool-image {
max-height: 75px;
max-width: 75px;
margin-right: 15px
}

@media ( max-width : 961px) {
.helpful-tools-and-other-info .recipe-tool {
    font-size: 16px
}
}

.order-and-shipping-container {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}

.order-and-shipping-container .order-and-shipping-text {
max-width: 40%;
text-align: center
}

.order-and-shipping-container .order-and-shipping-text .shipping-info-email
{
color: #245091;
font-weight: 600
}

@media ( max-width : 961px) {
.order-and-shipping-container .order-and-shipping-text {
    max-width: 75%
}
}

.recipe-text-link:hover {
text-decoration: underline;
cursor: pointer
}

.white-text {
color: white
}

.circular-image {
border-radius: 50%
}

.recipe-sub-text {
color: #303236;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
line-height: 28px
}

.recipe-inline-text {
display: inline-block
}

.recipe-info-right-section {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
margin: 30px 60px
}

.recipe-info-left-section {
padding: 0px 20px 0px 40px
}

@media ( max-width : 961px) {
.recipe-info-left-section {
    width: 100%;
    padding: 0
}
}

.healthv2 .recipe-page {
border: 0px
}

.healthv2 .section-recipe {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.healthv2 .section-recipe .total-time {
font-size: 14px;
padding-left: 5px;
color: #009978;
margin-right: 7px
}

.healthv2 .section-recipe .smartpoints {
padding-left: 7px;
border-left: 1px solid grey
}

.healthv2 .section-recipe .culinary-badges {
margin-top: 15px;
height: auto;
overflow: auto
}

.healthv2 .section-recipe .culinary-badge {
float: left;
padding: 3px 9px;
background-color: rgba(0, 38, 132, 0.05);
border-radius: 14px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #002c9b;
font-size: 13px;
text-align: center;
margin-bottom: 10px;
margin-right: 5px
}

.healthv2 .section-recipe .culinary-badge__badge-info {
padding: 0px 9px;
border: 2px solid rgba(0, 38, 132, 0.1);
border-radius: 50%;
font-family: "Chronicle Ssm";
margin-top: 2px;
margin-left: 5px;
position: absolute;
height: 22px;
font-size: 12px;
font-weight: 900;
font-style: italic;
color: #002c9b;
text-align: left;
letter-spacing: 0.03em
}

.healthv2 .premium-price {
color: #1eb392;
font-size: 13px;
border: 1px solid #1eb392;
border-radius: 4px;
padding: 2px 5px;
margin-top: 5px;
width: 125px;
letter-spacing: 0.03em;
line-height: 20px;
text-align: center
}

.healthv2 .endorsement-text {
margin-top: 40px;
text-transform: uppercase;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
font-weight: bold;
color: #002c9b;
text-align: left;
letter-spacing: 0.17em;
line-height: 20px
}

.healthv2 .endorsement-ctn {
margin-top: 17px;
margin-bottom: 65px
}

.healthv2 .endorsement-img {
padding-top: 17px;
height: 43px;
width: auto;
margin-right: 10px
}

.healthv2 .icon-svg {
width: 25px;
height: 25px;
float: left
}

.healthv2 .icon-svg--clock {
padding-top: 5px;
height: 13.87px;
width: 13px;
color: #0a9b3e
}

.healthv2 .icon-svg--clock-hv2 {
padding-top: 5px;
height: 13.87px;
width: 13px;
color: #0a9b3e
}

.healthv2 .ba-section-title {
margin-bottom: 25px
}

.healthv2 .ba-section-title .ta-r {
text-align: right
}

.healthv2 .ba-section-title__super {
font-family: "Chronicle Ssm";
font-size: 20px;
color: #6a6d75;
text-transform: lowercase;
margin-bottom: 6px
}

.healthv2 .ba-section-title__main {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 700;
font-size: 30px;
color: #0f346c;
letter-spacing: 0.1em;
text-transform: uppercase
}

.healthv2 .ba-info-list--inline {
width: 70%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}

.healthv2 .ba-info-list__item {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
color: #303236;
list-style: none
}

.healthv2 .ba-info-list__item-name {
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase
}

.healthv2 .ba-info-list__item-value {
color: #6a6d75;
font-size: 16px;
font-weight: 400
}

.healthv2 .ba-info-list__item .view-all {
position: absolute;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.13em;
line-height: 18px;
padding: 2px;
border-bottom: 2px #002c9b solid;
color: #002c9b;
text-transform: uppercase
}

.healthv2 .ba-info-list .is-calculatedCalories .icon-svg--popout {
display: inline
}

.healthv2 .ba-info-list .is-calculatedCalories.item-value--nutrition {
color: #0f346c;
cursor: pointer
}

.healthv2 .item-value--nutrition .hide {
display: none
}

.healthv2 .ba-recipe-title__main {
font-size: 30px;
font-weight: 500;
font-family: "Chronicle Ssm";
color: #002c9b;
margin-bottom: 12px
}

.healthv2 .ba-recipe-title__sub {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 18px;
font-weight: 300;
color: #6a6d75;
margin-bottom: 14px
}

.healthv2 .recipe-main__description {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
line-height: 32px;
color: #595959
}

.healthv2 .recipe-main__description .get-cooking-btn {
margin-top: 8px;
margin-bottom: 20px
}

.healthv2 .recipe-main__guest {
width: 160px;
float: left;
margin-right: 10px;
margin-bottom: 10px
}

.healthv2 .recipe-main-list {
border-top: 0px;
border-bottom: 0px;
padding: 15px 0 15px;
margin: 5px 0 20px;
text-align: center
}

.healthv2 .nutrition-list-value {
text-align: center;
padding-left: 10px;
border-left: 1px solid #e5e7ec;
border-right: 1px solid #e5e7ec
}

.healthv2 .feature-badge {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
background-color: #002684;
color: #fff;
font-size: 14px;
font-weight: 700;
letter-spacing: .08em;
line-height: 1;
padding: 15px 23px;
position: absolute;
text-transform: uppercase;
top: 30px;
right: 0px
}

@media ( max-width : 767px) {
.healthv2 .feature-badge {
    bottom: 30px;
    left: 0;
    top: auto;
    right: auto
}
}

.healthv2 .premium {
background-color: #1eb392
}

.healthv2 .recipe-wine {
padding-top: 15px;
position: relative
}

.healthv2 .recipe-wine--title {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 14px;
padding-bottom: 10px;
margin-bottom: 15px
}

.healthv2 .recipe-ingredients .rec-area-content {
min-height: 375px;
position: relative
}

@media ( min-width : 768px) and (max-width: 961px) {
.healthv2 .recipe-ingredients .ba-info-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.healthv2 .recipe-ingredients .ba-info-list__item {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}
.healthv2 .recipe-ingredients .nutrition-li {
    border-left: 1px solid grey;
    border-right: 1px solid grey
}
}

@media ( min-width : 962px) {
.healthv2 .recipe-ingredients .ba-feature-image__hldr {
    max-width: 700px
}
}

.healthv2 .recipe-ingredients .ba-info-list__item {
color: #0f346c;
line-height: 2.5;
font-weight: 500
}

.healthv2 .recipe-ingredients .ba-info-list__item a {
padding: 4px;
display: block;
outline: 0
}

.healthv2 .recipe-ingredients .ba-info-list__item span {
font-family: "Chronicle Ssm";
font-weight: 400;
color: #6a6d75;
width: 23%;
display: inline-block;
text-align: right;
margin-right: 5px
}

@media ( min-width : 962px) {
.healthv2 .recipe-ingredients .ba-info-list__item a:hover {
    color: #6a6d75;
    background-color: #ffffff;
    text-decoration: none;
    border-radius: 2px
}
.healthv2 .recipe-ingredients .ba-info-list__item a:hover span {
    color: #6a6d75
}
.healthv2 .recipe-ingredients .ba-info-list__item a.active-link {
    border-radius: 2px;
    color: #ffffff;
    background-color: #0f346c;
    text-shadow: 0 0 0 transparent;
    font-weight: 500
}
.healthv2 .recipe-ingredients .ba-info-list__item a.active-link:focus {
    text-decoration: none
}
.healthv2 .recipe-ingredients .ba-info-list__item a.active-link:active span,
    .healthv2 .recipe-ingredients .ba-info-list__item a.active-link:focus span
    {
    color: #6a6d75
}
.healthv2 .recipe-ingredients .ba-info-list__item a.active-link span {
    color: #6a6d75
}
.healthv2 .recipe-ingredients .non-story {
    padding: 4px;
    color: #0f346c
}
}

.healthv2 .fancybox-wrap {
width: 500px
}

.healthv2 .fancybox-skin {
border-radius: 0px
}

.healthv2 .badge-info-container {
height: 662px;
width: 500px
}

.healthv2 .culinary-badge-container {
padding: 20px 20px 0;
max-width: 320px
}

.healthv2 .badge-info-inner {
width: 500px;
padding: 25px
}

.healthv2 .culinary-badge-title {
width: 300px;
font-family: "Chronicle Ssm";
color: #002c9b;
font-size: 24px;
font-weight: bold;
margin-top: 24px
}

.healthv2 .culinary-badge-subtitle {
width: 300px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #595959;
font-size: 15px;
padding-top: 5px;
padding-bottom: 20px;
margin-bottom: 24px;
border-bottom: 1px solid #ededed
}

.healthv2 .culinary-badge-name {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #002c9b;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px
}

.healthv2 .culinary-badge-desc {
width: 300px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 12px;
color: #6a6d75;
margin-bottom: 32px
}

.healthv2 .fancy-box-skin {
width: 600px
}

.healthv2 .fancy-box-outer {
padding: 15px;
max-width: 500px
}

.healthv2 .fancy-box-wrap {
width: 550px
}

.healthv2 .fancy-box-inner {
padding: 15px;
width: 550px
}

.guest-banner {
border-radius: 0 5px 5px 0;
position: absolute;
left: 1px;
bottom: 10px;
font-size: 15px;
line-height: 18px;
padding: 5px 8px;
background-color: #e27423;
color: #fff
}

.guest-banner .recipe-cards-banner {
bottom: 180px
}

.plan-tabs {
text-align: center;
position: relative;
margin: 0 0 -1px 0
}

.plan-tabs li, .plan-tabs li a {
display: inline-block;
float: none
}

.plan-tabs li {
padding-left: 12px
}

@media ( min-width : 768px) and (max-width: 961px) {
.plan-tabs li {
    width: 48%;
    padding-left: 0
}
}

.plan-tabs li a {
border-radius: 4px 4px 0 0;
background-color: #fff;
border: 1px solid #fafbfc;
padding: 10px 0;
font-size: 18px;
text-decoration: none;
width: 180px
}

@media ( min-width : 768px) and (max-width: 961px) {
.plan-tabs li a {
    width: auto;
    display: block
}
}

.plan-tabs li a:hover {
background-color: #fff;
border: 1px solid #fafbfc;
border-top: 4px solid #0f346c
}

.plan-tabs li.active a, .plan-tabs li.active a:hover, .plan-tabs li.active a:active,
.plan-tabs li.active a:visited {
border: 1px solid #fafbfc;
border-top: 4px solid #0f346c;
border-bottom: 1px solid #fff
}

.get-cooking-container {
text-align: center
}

.menu-items {
background-color: #f8f9fa
}

.menu-items .menu-plan-tabs {
width: 415px;
padding-top: 20px;
margin: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 4;
position: relative
}

@media ( max-width : 767px) {
.menu-items .menu-plan-tabs {
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    width: auto
}
}

.menu-items .plan-tabs {
border-radius: 4px 4px 0 0;
width: 200px;
height: 50px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 3.5;
color: #245091;
background-color: #f8f9fa;
border: 1px solid #d3d6dc;
cursor: pointer
}

.menu-items .plan-tabs.active-tab {
margin-bottom: -2px;
background-color: #ffffff;
border: 1px solid #d3d6dc;
border-bottom: 2px solid #ffffff
}

.menu-items .tab-content {
overflow: visible;
padding: 30px 0 0 0;
position: relative
}

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

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

.menu-items .week-header__wrapper {
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.05);
border: solid 1px #e6e6e6;
background-color: #ffffff;
box-sizing: border-box;
position: relative;
z-index: 3
}

@media ( max-width : 961px) {
.menu-items .week-header__wrapper {
    padding: 0 8px
}
}

.menu-items .week-header__wrapper.fixed {
position: fixed;
top: 64px;
width: 100%;
z-index: 2
}

@media ( max-width : 961px) {
.menu-items .week-header__wrapper.fixed {
    top: 0
}
}

.menu-items .week-header {
box-sizing: border-box;
position: relative;
background-color: #ffffff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
height: 64px;
width: 100%
}

.menu-items .header-placeholder {
display: none;
height: 64px;
width: 100%
}

.menu-items .header-placeholder.after-fixed {
display: block;
position: relative;
visibility: hidden
}

.menu-items .week-header-content__wrapper {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%
}

.menu-items .week-header-content {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}

.menu-items .week-header-content__container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}

.menu-items .week-header-content__date {
margin: 0;
font-weight: 700;
font-size: 20px;
color: #303235;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
display: block
}

.menu-items .sign-up-cta {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}

.menu-items .sign-up-cta__btn-container {
padding-left: 14px;
margin-left: 14px;
margin-right: 0
}

@media ( max-width : 961px) {
.menu-items .sign-up-cta__btn-container {
    padding-left: 0;
    margin-left: 0
}
}

.menu-items .get-cooking-btn-blue {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
font-weight: 600;
line-height: 3.5;
height: 46px
}

@media ( max-width : 767px) {
.menu-items .get-cooking-btn-blue {
    padding: 0 16px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.menu-items .container--family {
    width: 750px;
    margin: auto
}
}

#ie7 .menu-items .container--family, #ie8 .menu-items .container--family
{
width: 750px;
margin: auto
}

.menu-items .week__products {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 4px;
margin-left: 6px
}

.menu-items .week-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden
}

.menu-items .recipe-cards {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin-bottom: 40px;
margin-left: -5px;
margin-right: -5px
}

@media ( max-width : 961px) {
.menu-items .recipe-cards {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.menu-items .recipe-cards {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
}

#ie7 .menu-items .recipe-cards, #ie8 .menu-items .recipe-cards {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}

.menu-items .recipe-cards__eds {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}

.menu-items .recipe-card {
position: relative;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-radius: 4px;
transition: box-shadow 0.3s ease-in-out;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
overflow: hidden;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 2.5px 10px
}

.menu-items .recipe-product-card {
position: relative;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
overflow: hidden;
max-width: 377px;
height: 100%
}

.menu-items .recipe-product-card__eds {
max-width: 290px;
height: 398px
}

.menu-items .recipe-product-card a:hover {
text-decoration: none
}

.menu-items .recipe-product-card__container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
height: 100%;
background-color: #ffffff;
border: 1px solid #e4e6eb
}

@media ( max-width : 767px) {
.menu-items .recipe-product-card__container {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 400px
}
}

.menu-items .recipe-product-card__container__eds {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: auto
}

.menu-items .recipe-product-card__container .recipe-thumbnail {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
max-height: 200px;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
overflow: hidden
}

.menu-items .recipe-product-card__container .recipe-image-tag {
object-fit: cover
}

@media ( max-width : 767px) {
.menu-items .recipe-product-card__container .recipe-image-tag {
    object-position: -85px -20px
}
}

@media ( max-width : 767px) {
.menu-items .recipe-product-card__container .recipe-product-card__header
    {
    max-width: 200px
}
}

.menu-items .recipe-product-card__container .recipe-product-card__header__eds
{
max-width: none
}

.menu-items .recipe-product-card__container .recipe-product-card__body {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}

.menu-items .recipe-product-card__container .recipe-product-card__footer
{
font-size: 12px;
line-height: normal;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 12px;
z-index: 1;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
box-shadow: inset 0 1px 0 #e4e6eb;
box-sizing: border-box;
height: 38px;
background-color: #ffffff
}

@media ( max-width : 767px) {
.menu-items .recipe-product-card__container .recipe-product-card__footer
    {
    box-shadow: none;
    position: absolute;
    bottom: 1px
}
}

.menu-items .recipe-product-card__container .recipe-product-card__footer .recipe-product-card__cook_duration
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 12px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}

.menu-items .recipe-product-card__container .recipe-product-card__footer .recipe-product-card__cook_duration span
{
height: 18px;
width: 18px
}

.menu-items .recipe-product-card__container .recipe-product-card__footer .recipe-product-card__cook_duration p
{
color: #303236;
font-weight: 500;
line-height: 24px;
margin: 0;
padding: 0;
margin-left: 5px
}

.menu-items .recipe-product-card__container .recipe-product-card__footer .recipe-product-card__cook_duration.quick_meal_time p
{
color: #009978;
font-weight: 700
}

.menu-items .recipe-product-card__container .recipe-product-card__footer .vegetarian
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 0 5px;
background: 0;
border: 0;
padding: 0;
color: #6a6d75;
font-weight: 400
}

@media ( max-width : 767px) {
.menu-items .recipe-product-card__container .recipe-product-card__footer .vegetarian
    {
    display: none
}
}

.menu-items .recipe-product-card__container .details {
position: absolute;
bottom: 12px;
right: 12px;
color: #245091;
letter-spacing: 0.7px;
line-height: 14px;
z-index: 1;
font-size: 12px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
cursor: pointer
}

.menu-items .recipe-content__text {
height: 65px;
display: block;
margin: 0;
padding: 16px;
line-height: 1.5
}

.menu-items .recipe-content__text__eds {
height: auto
}

.menu-items .recipe-content__title {
font-size: 16px;
font-weight: bold;
color: #0f346c;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
line-height: 1.4
}

.menu-items .recipe-content__subtitle {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
color: #696d75
}

.menu-items .veg-container {
height: 31px;
width: 31px;
background-color: #1eb392;
opacity: 0.85;
border-radius: 50%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}

.menu-items .veg-text {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #ffffff;
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px)
}

.menu-items .recipe-sticker-badges {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 10px;
box-sizing: border-box;
z-index: 1;
position: absolute;
right: 0;
top: 150px
}

@media ( max-width : 767px) {
.menu-items .recipe-sticker-badges {
    top: 0;
    right: auto
}
}

.menu-items .recipe-sticker-badges__eds {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
top: auto
}

.menu-items .recipe-Badges {
position: absolute;
top: 135px
}

.menu-items .recipe-Badges__eds {
top: auto;
bottom: 53px
}

.menu-items .cookbook-linker-refresh {
margin-bottom: 45px
}

#our-plans {
padding: 32px 0 60px
}

@media ( max-width : 767px) {
#our-plans {
    padding: 24px 0 0
}
}

#our-plans-faq {
background-color: #fff;
border-top: 1px solid #e1e1e2;
padding-bottom: 40px
}

@media ( max-width : 767px) {
#our-plans-faq {
    padding: 20px;
    width: auto;
    border: none
}
}

#our-plans-faq h1 {
font-size: 26px;
margin: 35px 0 30px
}

#our-plans-faq .faq-text__question {
font-size: 18px;
color: #303236;
line-height: 24px;
margin: 10px 0;
font-weight: 500
}

#our-plans-faq .faq-text__question a {
color: #6a6d75
}

#our-plans-faq p.txt {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.7;
color: #6a6d75;
padding-bottom: 20px
}

#our-plans-faq .faq-txt {
float: right;
width: 100%;
margin-right: 35px
}

@media ( max-width : 961px) {
#our-plans-faq .faq-txt {
    margin: 0;
    float: none
}
}

@media ( min-width : 1200px) {
#our-plans-faq .faq-txt {
    width: 85%
}
}

#our-plans-faq .faq-txt.faq-right {
float: left;
margin-left: 35px;
margin-right: 0
}

@media ( max-width : 961px) {
#our-plans-faq .faq-txt.faq-right {
    margin: 0;
    float: none
}
}

#our-plans-faq .have-more-question {
border-radius: 5px;
background-color: #fafbfc;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
display: inline-block;
border: 1px solid #e8e8eb;
padding: 15px 50px;
margin-top: 15px
}

#our-plans-faq .have-more-question a {
font-weight: 600
}

#signup-flow {
position: relative;
background-color: #fafbfc;
z-index: 1
}

#signup-flow .signup-box {
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.06);
background-color: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075)
}

@media ( max-width : 767px) {
#signup-flow .signup-box {
    margin: 0 8px 24px
}
#signup-flow .signup-box--two-person {
    margin: 0 8px
}
}

#signup-flow .signup-plan-description {
padding: 16px
}

@media ( max-width : 767px) {
#signup-flow .signup-plan-description {
    padding: 16px
}
}

#signup-flow .plan-header {
padding: 16px 0;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
text-align: center
}

#signup-flow .plan-header__title {
margin: 0;
font-size: 26px;
line-height: 1.2;
color: #303236
}

@media ( max-width : 767px) {
#signup-flow .plan-header__title {
    font-size: 24px
}
}

#signup-flow .plan-header__description {
color: #6a6d75;
font-size: 14px;
margin: 0
}

#signup-flow .plan-image {
background-size: cover;
background-repeat: no-repeat;
height: 225px;
position: relative
}

@media ( max-width : 767px) {
#signup-flow .plan-image {
    height: 0
}
}

#signup-flow .plan-image.plan-image--two-person {
background-image:
    url("signup/plan-2-person.jpg")
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( -min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , (
    -min-device-pixel-ratio : 1.5) {
#signup-flow .plan-image.plan-image--two-person {
    background-image:
        url("signup/plan-2-person@2x.jpg")
}
}

#signup-flow .plan-image.plan-image--family {
background-image:
    url("signup/plan-family-a.jpg")
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( -min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , (
    -min-device-pixel-ratio : 1.5) {
#signup-flow .plan-image.plan-image--family {
    background-image:
        url("signup/plan-family-a@2x.jpg")
}
}

#signup-flow .plan-quantity-selector {
padding-top: 20px;
text-align: center
}

#signup-flow .plan-quantity-selector__radio-inputs {
position: relative;
border: solid rgba(117, 129, 167, 0.25) 1px;
border-radius: 8px;
display: inline-block;
overflow: hidden;
box-shadow: 0 2px 10px 0 rgba(195, 195, 195, 0.25);
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
padding: 0
}

#signup-flow .plan-quantity-selector__radio-inputs legend {
position: absolute;
left: 9999px;
top: 99999px
}

#signup-flow .plan-quantity-selector__radio-inputs label {
position: relative;
box-sizing: border-box;
width: 45px;
float: left;
padding: 10px;
cursor: pointer;
z-index: 1;
text-align: center
}

#signup-flow .plan-quantity-selector__radio-inputs input[type="radio"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}

#signup-flow .plan-quantity-selector__radio-inputs input[type="radio"]:checked+label>span
{
color: white
}

#signup-flow .plan-quantity-selector__radio-inputs input[type="radio"]:checked+label
{
background-color: #245091
}

#signup-flow .plan-quantity-selector__description {
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
color: #303236;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
margin: 0
}

#signup-flow .plan-pricing {
padding-top: 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
text-align: center
}

#signup-flow .plan-pricing--hidden {
display: none
}

#signup-flow .plan-pricing__price {
box-sizing: border-box;
width: 33%;
color: #303236;
font-size: 22px;
position: relative;
height: 50px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
margin-bottom: 0
}

#signup-flow .plan-pricing__price--strikethrough {
margin-top: -18px
}

#signup-flow .plan-pricing__price:not (:last-child )::after {
content: '';
width: 1px;
background-color: #e4e6eb;
height: 40px;
position: absolute;
top: 5px;
right: 0
}

#signup-flow .plan-pricing__item {
font-weight: 500;
text-transform: uppercase;
margin-bottom: 4px;
display: block
}

#signup-flow .plan-pricing__item--strikethrough {
text-decoration: line-through;
color: #d3d5db;
font-size: 16px;
line-height: 16px;
margin-bottom: 2px
}

#signup-flow .plan-pricing__item--discount {
color: #00a682
}

#signup-flow .plan-pricing__item--bold {
font-size: 24px;
font-weight: 600
}

#signup-flow .plan-pricing__description {
color: #6a6d75;
font-size: 12px;
line-height: 12px;
margin-bottom: 4px;
display: block
}

#signup-flow .plan-button {
padding: 20px 16px
}

#signup-flow .plan-spinner {
position: relative;
height: 150px
}

#signup-flow .plan-spinner .spinner {
top: 50% !important;
left: 50% !important
}

#signup-flow .plan-vegetarian {
margin: -1px auto 20px;
text-align: center;
background: white;
box-sizing: border-box;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
position: relative;
width: 80%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 2px 0 8px
}

#signup-flow .plan-vegetarian svg {
display: inline;
width: 18px;
margin-right: 8px
}

#signup-flow .plan-vegetarian span {
vertical-align: top
}

#signup-flow .plan-vegetarian::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075)
}

.social-proof-optimizely {
display: none;
background-color: #ebecf1;
padding: 30px 0;
text-align: center
}

.social-proof-optimizely.exp-on {
display: block
}

.social-proof-optimizely .content-hldr {
padding: 15px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
font-weight: 400;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075);
background-color: #ffffff;
max-width: 830px;
margin: 0 auto;
border-radius: 4px
}

@media ( max-width : 767px) {
.social-proof-optimizely .content-hldr {
    margin: 0 20px;
    padding-left: 5px;
    padding-right: 5px
}
}

a.underline {
text-decoration: underline
}

#corporate-sales-success {
background-color: #009978;
padding: 20px;
color: #ffffff;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 18px;
text-align: center;
display: none
}

#corporate-sales-success .corp-sales-close-success {
color: #6a6d75;
font-weight: 600;
cursor: pointer;
margin-right: 10px
}

#corporate-sales-success .corp-sales-close-success:hover {
color: #d3d5db
}

#corporate-sales {
background-color: #fafbfc;
position: relative;
padding-top: 30px
}

#corporate-sales .heading {
text-align: center;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px
}

@media ( min-width : 962px) and (max-width: 1199px) {
#corporate-sales .heading {
    padding-bottom: 30px
}
}

#ie7 #corporate-sales .heading, #ie8 #corporate-sales .heading {
padding-bottom: 30px
}

#corporate-sales .heading h2 {
font-weight: 500
}

@media ( max-width : 961px) {
#corporate-sales .heading h2 {
    font-size: 26px
}
}

#corporate-sales .sub_heading {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #0f346c;
font-size: 18px
}

@media ( max-width : 767px) {
#corporate-sales .sub_heading {
    font-size: 16px
}
}

#corporate-sales .contact-section {
background: #fff
}

#corporate-sales .sub_text {
font-style: italic;
font-size: 12px;
margin-top: 5px;
color: #6a6d75;
font-weight: 300
}

#corporate-sales #corp-contact-form {
border: 1px solid #d3d5db;
border-radius: 3px;
background: #fff;
padding-bottom: 20px;
margin-bottom: 35px
}

#corporate-sales #corp-contact-form h3 {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px
}

#corporate-sales #corp-contact-form .form-group {
margin-bottom: 20px
}

#corporate-sales #corp-contact-form .btn {
margin-top: 5px;
font-size: 18px;
line-height: 61.56px;
height: 61.56px;
padding: 0 45px
}

#corporate-sales #corp-contact-form #corp-input-additional_info-tooltip
{
font-family: "FontAwesome";
cursor: pointer;
margin-top: -3px
}

#corporate-sales .bottom, #gift-options .bottom {
padding-bottom: 20px
}

#corporate-sales .bottom h3, #gift-options .bottom h3 {
font-size: 16px;
margin-bottom: 5px;
font-weight: 500;
font-family: "Chronicle Ssm"
}

@media ( min-width : 962px) and (max-width: 1199px) {
#corporate-sales .bottom h3, #gift-options .bottom h3 {
    font-size: 16px
}
}

#ie7 #corporate-sales .bottom h3, #ie8 #corporate-sales .bottom h3, #ie7 #gift-options .bottom h3,
#ie8 #gift-options .bottom h3 {
font-size: 16px
}

#corporate-sales .bottom .description-list, #gift-options .bottom .description-list
{
margin-top: 25px;
width: 80%
}

@media ( min-width : 962px) and (max-width: 1199px) {
#corporate-sales .bottom .description-list, #gift-options .bottom .description-list
    {
    margin-top: 15px;
    width: 90%
}
}

#ie7 #corporate-sales .bottom .description-list, #ie8 #corporate-sales .bottom .description-list,
#ie7 #gift-options .bottom .description-list, #ie8 #gift-options .bottom .description-list
{
margin-top: 15px;
width: 90%
}

@media ( max-width : 961px) {
#corporate-sales .bottom .description-list, #gift-options .bottom .description-list
    {
    margin: 0 auto
}
}

#corporate-sales .bottom .description-list li, #gift-options .bottom .description-list li
{
margin-bottom: 40px;
color: #303236;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
font-weight: 400
}

@media ( min-width : 962px) and (max-width: 1199px) {
#corporate-sales .bottom .description-list li, #gift-options .bottom .description-list li
    {
    margin-bottom: 20px;
    font-size: 16px
}
}

#ie7 #corporate-sales .bottom .description-list li, #ie8 #corporate-sales .bottom .description-list li,
#ie7 #gift-options .bottom .description-list li, #ie8 #gift-options .bottom .description-list li
{
margin-bottom: 20px;
font-size: 16px
}

#corporate-sales .bottom .gift-box-image, #gift-options .bottom .gift-box-image
{
position: relative;
float: left
}

@media ( max-width : 961px) {
#corporate-sales .bottom .gift-box-image, #gift-options .bottom .gift-box-image
    {
    width: 80%;
    float: none;
    margin: 0 auto
}
}

#corporate-sales .bottom .gift-box-image img, #gift-options .bottom .gift-box-image img
{
width: 100%
}

#corporate-sales .bottom .gift-box-image .shipping-label, #gift-options .bottom .gift-box-image .shipping-label
{
height: 37px;
width: 61px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -1369px;
background-repeat: no-repeat;
text-align: right;
line-height: 37px;
width: 215px;
position: absolute;
top: 20px;
right: 25px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #0f346c;
font-size: 26px
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
#corporate-sales .bottom .gift-box-image .shipping-label, #gift-options .bottom .gift-box-image .shipping-label
    {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -1249px;
    background-size: 186px, auto
}
}

@media ( max-width : 767px) {
#corporate-sales .bottom .gift-box-image .shipping-label, #gift-options .bottom .gift-box-image .shipping-label
    {
    top: 10px
}
}

.p-25 {
padding: 25px
}

.icon-tooltip {
height: 20px;
width: 20px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -645px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.icon-tooltip {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -526px;
    background-size: 186px, auto
}
}

.icon-tooltip:hover {
height: 20px;
width: 20px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -665px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.icon-tooltip:hover {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -546px;
    background-size: 186px, auto
}
}

.icon-tooltip {
display: inline-block;
margin-left: 5px;
cursor: pointer;
vertical-align: middle
}

.gift-plan-description {
font-size: 12px
}

.gift-receipt-page .gift-receipt-status {
padding-top: 60px;
margin-bottom: 60px
}

@media ( max-width : 961px) {
.gift-receipt-page .gift-receipt-status {
    padding-top: 30px;
    margin-bottom: 30px
}
}

.gift-receipt-page .gift-receipt-status h2 {
font-family: "Chronicle Ssm";
font-weight: 600;
font-size: 30px;
color: #303236;
text-align: center
}

.gift-receipt-page .receipt-body {
box-sizing: border-box;
border: 2px solid #b1b5bd;
padding: 30px 30px 0 30px;
background-color: #ffffff
}

@media ( max-width : 639px) {
.gift-receipt-page .receipt-body {
    width: 96%
}
}

.gift-receipt-page .receipt-body .order-title {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 20px;
color: #303236;
font-weight: 600;
margin-bottom: 25px
}

.gift-receipt-page .receipt-body .confirmation-text {
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-size: 15px;
margin-bottom: 15px
}

.gift-receipt-page .receipt-body .order-summary--header {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 11px;
color: #6a6d75;
margin-bottom: 25px
}

.gift-receipt-page .receipt-body .order-summary .gifts-summary {
margin-bottom: 20px
}

.gift-receipt-page .receipt-body .order-summary .gifts-summary .gifts-summary-type
{
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
font-weight: 600;
color: #6a6d75;
margin-bottom: 10px;
text-transform: uppercase
}

.gift-receipt-page .receipt-body .order-summary .gifts-summary .cost-and-product
{
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-size: 15px
}

.gift-receipt-page .receipt-body .order-summary .gifts-summary .delivered-to
{
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-size: 15px
}

.gift-receipt-page .receipt-body .order-summary .gifts-summary .item-group
{
position: relative
}

.gift-receipt-page .receipt-body .order-summary .gifts-summary .gift-total
{
position: absolute;
top: 0;
right: 0
}

.gift-receipt-page .order-total {
box-sizing: border-box;
border: 2px solid #b1b5bd;
top: -2px;
padding: 30px;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-size: 15px;
margin-bottom: 25px;
background-color: #ffffff
}

.gift-receipt-page .order-total span {
float: right
}

.gift-receipt-page .order-total div:last-child {
font-weight: 700
}

.gift-receipt-page .order-total div:nth-last-child(2) {
margin-bottom: 10px
}

@media ( max-width : 639px) {
.gift-receipt-page .order-total {
    width: 96%
}
}

.gift-receipt-page .marketplace-link {
margin-bottom: 40px
}

.gift-receipt-page .marketplace-link:after {
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 100%);
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}

@media ( max-width : 639px) {
.gift-receipt-page .marketplace-link {
    width: 96%
}
}

.gift-receipt-page .marketplace-link:hover {
cursor: pointer
}

.gift-receipt-page .marketplace-link .link-text {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100px;
width: 100%;
z-index: 1
}

.gift-receipt-page .marketplace-link .link-text p {
color: white;
left: 0;
text-align: center;
line-height: 40px;
width: 100%;
font-size: 30px;
font-family: "Chronicle Ssm";
font-weight: 600;
margin-bottom: 0
}

@media ( max-width : 639px) {
.gift-receipt-page .marketplace-link .link-text p {
    font-size: 24px
}
}

.gift-receipt-page .marketplace-link img {
width: 100%
}

.gift-receipt-page .legal-copy {
box-sizing: border-box;
text-align: center;
padding-bottom: 40px
}

#e-gift-cards {
background-color: #f7f7f7
}

@media ( min-width : 962px) and (max-width: 1199px) {
#e-gift-cards .container {
    width: 100%
}
}

#ie7 #e-gift-cards .container, #ie8 #e-gift-cards .container {
width: 100%
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards .container {
    width: 100%
}
}

@media ( max-width : 768px) {
#e-gift-cards .container {
    overflow: visible
}
}

#e-gift-cards .error .form-input, #e-gift-cards .error .form-select,
#e-gift-cards .error .select2-container {
background-color: #FCF0EE;
border-color: #EC9D95
}

#e-gift-cards .error .form-label, #e-gift-cards p.error {
color: #E2695C
}

#e-gift-cards .validation-control-group {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}

#e-gift-cards .validation-control-group .form-label {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}

#e-gift-cards .validation-control-group .form-input {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}

#e-gift-cards .StripeElement--invalid {
border-color: #E2695C
}

#e-gift-cards .StripeElement--invalid ~ .form-label {
color: #E2695C
}

#e-gift-cards .reg-short-fields {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
white-space: nowrap
}

#e-gift-cards .reg-short-fields .validation-control-group {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
position: relative
}

#e-gift-cards .cvc-control-group+p.error {
margin-bottom: 0
}

#e-gift-cards .error .help-block {
color: #E2695C;
font-size: 12px;
background: none;
font-style: normal;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-weight: 300;
border: none;
border-radius: 0px;
text-shadow: none;
position: relative;
margin: 0px;
margin-top: 5px;
line-height: 12px;
padding: 0px;
z-index: 1;
box-shadow: 0 0 0 0 transparent
}

@media ( max-width : 767px) {
#e-gift-cards .error .help-block {
    line-height: 16px;
    margin-top: 5px
}
}

#e-gift-cards .error .help-block+p {
margin-top: 0px
}

#e-gift-cards .error .help-block:after {
display: none
}

#e-gift-cards .icon-card-visa {
height: 24px;
width: 40px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -187px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
#e-gift-cards .icon-card-visa {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -187px;
    background-size: 186px, auto
}
}

#e-gift-cards .icon-card-amex {
height: 24px;
width: 40px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -91px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
#e-gift-cards .icon-card-amex {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -91px;
    background-size: 186px, auto
}
}

#e-gift-cards .icon-card-discover {
height: 24px;
width: 40px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -139px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
#e-gift-cards .icon-card-discover {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -139px;
    background-size: 186px, auto
}
}

#e-gift-cards .icon-card-mastercard {
height: 24px;
width: 40px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -163px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
#e-gift-cards .icon-card-mastercard {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -163px;
    background-size: 186px, auto
}
}

#e-gift-cards .gift-card-banner {
height: 369px;
position: relative
}

@media ( max-width : 767px) {
#e-gift-cards .gift-card-banner {
    height: 150px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards .gift-card-banner {
    height: 240px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
#e-gift-cards .gift-card-banner {
    height: 300px
}
}

#ie7 #e-gift-cards .gift-card-banner, #ie8 #e-gift-cards .gift-card-banner
{
height: 300px
}

#e-gift-cards .gift-card-banner .banner {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 600;
font-size: 50px;
color: #0f346c;
text-align: center;
line-height: 68px;
width: 70%;
position: relative;
margin: 0 auto;
padding: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}

@media ( max-width : 767px) {
#e-gift-cards .gift-card-banner .banner {
    width: 100%;
    font-size: 24px;
    padding: 0;
    line-height: 1.25;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards .gift-card-banner .banner {
    width: 85%;
    font-size: 36px;
    padding-top: 40px;
    top: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
#e-gift-cards .gift-card-banner .banner {
    font-size: 36px;
    padding-top: 70px;
    top: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
}

#ie7 #e-gift-cards .gift-card-banner .banner, #ie8 #e-gift-cards .gift-card-banner .banner
{
font-size: 36px;
padding-top: 70px;
top: auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}

#e-gift-cards .gift-card-banner .meal {
background:
    url("gifts/meal-header-7b91339f27a8e46e86ccf924f94ca558ae4b5f7e166838401731e2b31e9572ea.jpg?quality=80&width=1170");
height: 369px;
background-size: cover;
background-position: center center
}

@media ( max-width : 767px) {
#e-gift-cards .gift-card-banner .meal {
    height: 100%
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards .gift-card-banner .meal {
    height: 240px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
#e-gift-cards .gift-card-banner .meal {
    height: 300px;
    font-size: 46px
}
}

#ie7 #e-gift-cards .gift-card-banner .meal, #ie8 #e-gift-cards .gift-card-banner .meal
{
height: 300px;
font-size: 46px
}

#e-gift-cards .gift-card-banner .meal .banner {
width: 492px;
font-size: 70px;
line-height: 72px
}

@media ( max-width : 767px) {
#e-gift-cards .gift-card-banner .meal .banner {
    width: 212px;
    font-size: 30px;
    line-height: 1.25
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards .gift-card-banner .meal .banner {
    width: 360px;
    font-size: 50px;
    padding-top: 10px;
    line-height: 68px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
#e-gift-cards .gift-card-banner .meal .banner {
    width: 360px;
    font-size: 50px;
    line-height: 68px
}
}

#ie7 #e-gift-cards .gift-card-banner .meal .banner, #ie8 #e-gift-cards .gift-card-banner .meal .banner
{
width: 360px;
font-size: 50px;
line-height: 68px
}

#e-gift-cards .gift-card-banner .wine {
background:
    url("gifts/wine-header-a35e9530e5f01dc037743021a8afadabdef9a17dda7d33841e700e47d9bfd55f.jpg");
height: 369px;
background-size: cover;
background-position: center center
}

@media ( max-width : 767px) {
#e-gift-cards .gift-card-banner .wine {
    height: 100%
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards .gift-card-banner .wine {
    height: 240px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
#e-gift-cards .gift-card-banner .wine {
    height: 300px;
    font-size: 46px
}
}

#ie7 #e-gift-cards .gift-card-banner .wine, #ie8 #e-gift-cards .gift-card-banner .wine
{
height: 300px;
font-size: 46px
}

#e-gift-cards .gift-card-banner .wine .banner {
width: 380px;
font-size: 70px;
line-height: 72px
}

@media ( max-width : 767px) {
#e-gift-cards .gift-card-banner .wine .banner {
    width: 160px;
    font-size: 30px;
    line-height: 1.25
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards .gift-card-banner .wine .banner {
    width: 280px;
    font-size: 50px;
    padding-top: 10px;
    line-height: 68px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
#e-gift-cards .gift-card-banner .wine .banner {
    width: 280px;
    font-size: 50px;
    line-height: 68px
}
}

#ie7 #e-gift-cards .gift-card-banner .wine .banner, #ie8 #e-gift-cards .gift-card-banner .wine .banner
{
width: 280px;
font-size: 50px;
line-height: 68px
}

#e-gift-cards .card-image {
position: relative;
font-size: 12px;
font-weight: 600;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
background-color: #0f346c;
border-radius: 20px;
height: 201px;
width: 308px;
color: white;
box-shadow: 0 16px 30px 0 rgba(0, 0, 0, 0.2)
}

@media ( max-width : 1199px) {
#e-gift-cards .card-image {
    position: absolute
}
}

#e-gift-cards .card-image .plan-text {
position: absolute;
left: 20px;
top: 58px;
text-transform: uppercase
}

#e-gift-cards .card-image .gift-amount-large {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 600;
font-size: 36px;
position: absolute;
left: 20px;
top: 27px
}

#e-gift-cards .card-image .brand-logo {
bottom: 10px;
position: absolute;
right: 19px
}

#e-gift-cards .card-image .brand-logo svg {
height: 24px;
width: auto
}

#e-gift-cards .card-image .brand-logo path {
fill: white
}

#e-gift-cards .card-image.xl-hide {
display: block;
margin-bottom: 50px
}

@media ( min-width : 1200px) {
#e-gift-cards .card-image.xl-hide {
    display: none
}
}

@media ( max-width : 767px) {
#e-gift-cards .card-image.xl-hide {
    display: none
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards .card-image.xl-hide {
    top: -140px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
#e-gift-cards .card-image.xl-hide {
    top: -140px
}
}

#ie7 #e-gift-cards .card-image.xl-hide, #ie8 #e-gift-cards .card-image.xl-hide
{
top: -140px
}

#e-gift-cards .gift-container {
padding-top: 50px;
min-height: 600px
}

#e-gift-cards .gift-container.checkout-container {
padding-bottom: 40px
}

#e-gift-cards .gift-container .gift-page-title {
font-family: "Chronicle Ssm";
text-align: center;
font-size: 30px;
color: #303236;
padding-bottom: 50px
}

@media ( min-width : 962px) and (max-width: 1199px) {
#e-gift-cards .gift-container .gift-page-title {
    padding-bottom: 40px
}
}

#ie7 #e-gift-cards .gift-container .gift-page-title, #ie8 #e-gift-cards .gift-container .gift-page-title
{
padding-bottom: 40px
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards .gift-container .gift-page-title {
    padding-bottom: 30px
}
}

@media ( max-width : 767px) {
#e-gift-cards .gift-container .gift-page-title {
    padding-bottom: 20px;
    font-size: 20px
}
}

#e-gift-cards .gift-container input[type=number]::-webkit-inner-spin-button,
#e-gift-cards .gift-container input[type=number]::-webkit-outer-spin-button
{
-webkit-appearance: none;
margin: 0
}

#e-gift-cards .gift-container input[type=number] {
-moz-appearance: textfield;
-webkit-user-select: text
}

#e-gift-cards .gift-container input, #e-gift-cards .gift-container select,
#e-gift-cards .gift-container textarea {
border-radius: 5px;
line-height: 38px;
height: 38px;
border: 1px solid #d3d5db;
font-size: 12px;
color: #6a6d75
}

#e-gift-cards .gift-container input.state, #e-gift-cards .gift-container select.state,
#e-gift-cards .gift-container textarea.state {
width: 50%;
float: left
}

#e-gift-cards .gift-container input.month, #e-gift-cards .gift-container select.month,
#e-gift-cards .gift-container textarea.month {
width: 95px
}

#e-gift-cards .gift-container input.day, #e-gift-cards .gift-container select.day,
#e-gift-cards .gift-container textarea.day {
width: 55px
}

#e-gift-cards .gift-container input.year, #e-gift-cards .gift-container select.year,
#e-gift-cards .gift-container textarea.year {
width: 65px
}

#e-gift-cards .gift-container input.age-verification-control,
#e-gift-cards .gift-container select.age-verification-control,
#e-gift-cards .gift-container textarea.age-verification-control {
height: auto
}

@media ( max-width : 767px) {
#e-gift-cards .gift-container {
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    margin: 0
}
}

#e-gift-cards #gift-info-container {
display: none
}

@media ( min-width : 1200px) {
#e-gift-cards #gift-info-container {
    display: block
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards .gift-form-container {
    padding: 0 30px;
    box-sizing: border-box
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
#e-gift-cards .gift-form-container {
    padding: 0 90px;
    box-sizing: border-box
}
}

#ie7 #e-gift-cards .gift-form-container, #ie8 #e-gift-cards .gift-form-container
{
padding: 0 90px;
box-sizing: border-box
}

#e-gift-cards #wine-legal-copy {
display: none
}

#e-gift-cards .gift-info-list {
margin-left: 24px;
margin-top: 50px;
width: 86%;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #6a6d75;
list-style: inherit
}

@media ( max-width : 639px) {
#e-gift-cards .gift-info-list {
    margin-top: 30px
}
}

@media ( max-width : 961px) {
#e-gift-cards .gift-info-list {
    height: auto
}
}

#e-gift-cards .gift-info-list li {
margin-bottom: 20px
}

#e-gift-cards .gift-info-list .info-bold {
color: #303236
}

#e-gift-cards .gift-info-list .info-link {
color: #245091
}

#e-gift-cards .link-bar {
margin-top: 15px;
margin-bottom: 40px;
text-align: center
}

@media ( max-width : 961px) {
#e-gift-cards .link-bar {
    margin-top: 10px
}
}

#e-gift-cards .link-bar .info-text {
width: 85%;
text-align: center;
margin: 0 auto;
margin-bottom: 15px;
font-size: 13px
}

@media ( max-width : 767px) {
#e-gift-cards .link-bar .info-text {
    width: 100%;
    text-align: left;
    margin-top: 0
}
}

#e-gift-cards .link-box {
position: relative;
display: inline-block;
border-radius: 5px;
background-color: #ffffff;
line-height: 2;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
font-weight: 600;
color: #0f346c;
padding: 16px 24px;
margin: 10px
}

@media ( max-width : 767px) {
#e-gift-cards .link-box {
    display: block;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px
}
}

#e-gift-cards .input-label {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 11px;
font-weight: 600;
color: #303236;
text-transform: uppercase;
line-height: 20px
}

#e-gift-cards .input-label.inline {
display: inline
}

#e-gift-cards .input-label .caret {
display: none
}

#e-gift-cards .cart-btn {
width: 100%;
box-sizing: border-box
}

#e-gift-cards .quantity-toggler-container .help-block {
margin-top: 15px;
margin-bottom: 15px
}

#e-gift-cards .quantity-toggler-container .ba-input-toggle-wrapper .ba-input-icon:hover
{
background-color: #ffffff;
color: #6a6d75
}

#e-gift-cards .cartOverflow .help-block {
margin-top: 5px;
margin-bottom: 15px
}

#e-gift-cards #gift-main-content {
position: relative
}

@media ( max-width : 767px) {
#e-gift-cards #gift-main-content {
    margin: 0
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards #gift-main-content {
    padding-top: 80px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
#e-gift-cards #gift-main-content {
    padding-top: 80px
}
}

#ie7 #e-gift-cards #gift-main-content, #ie8 #e-gift-cards #gift-main-content
{
padding-top: 80px
}

#e-gift-cards #gift-main-content .checkbox-area {
position: relative
}

#e-gift-cards #gift-main-content .ba-input-icon {
height: 38px;
line-height: 38px;
left: 0;
font-size: 10px;
font-weight: 500;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #303236;
border: solid 1px #b1b5bd;
border-radius: 5px;
transition: all 0.5s ease-in-out
}

#e-gift-cards #gift-main-content .ba-input-icon:hover {
background-color: #6a6d75;
border-color: #6a6d75;
color: #ffffff
}

#e-gift-cards #gift-main-content .ba-input-icon.quantity-right-plus {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -4px;
color: #ffffff;
font-size: 16px;
line-height: 20px;
width: 30px;
height: 38px;
box-sizing: border-box;
display: inline;
background-color: #b1b5bd;
padding: 0
}

#e-gift-cards #gift-main-content .ba-input-icon.quantity-right-plus:hover
{
background-color: #303236;
border: 1px solid #303236
}

#e-gift-cards #gift-main-content .ba-input-icon.quantity-left-minus {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: -4px;
color: white;
font-size: 16px;
line-height: 20px;
width: 30px;
height: 38px;
box-sizing: border-box;
display: inline;
background-color: #b1b5bd;
padding: 0
}

#e-gift-cards #gift-main-content .ba-input-icon.quantity-left-minus:hover
{
border: 1px solid #303236;
background-color: #303236
}

#e-gift-cards #gift-main-content .ba-input-icon.input-number {
width: 49px;
height: 38px;
border-radius: 0;
border: 0;
border-top: solid 1px #b1b5bd;
border-bottom: solid 1px #b1b5bd;
text-align: center;
box-sizing: border-box;
top: -2px;
position: relative
}

#e-gift-cards #gift-main-content .ba-input-icon.input-number:hover,
#e-gift-cards #gift-main-content .ba-input-icon.input-number:focus {
background-color: #ffffff;
color: #303236
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
    (min--moz-device-pixel-ratio: 2) , only screen and
    (min-device-pixel-ratio: 2) , only screen and (min-resolution: 192dpi)
    , only screen and (min-resolution: 2dppx) {
#e-gift-cards #gift-main-content .ba-input-icon.input-number {
    top: -3px
}
}

#e-gift-cards #gift-main-content .ba-input-toggle-wrapper .numerical {
height: 38px
}

#e-gift-cards #gift-main-content .ba-input-toggle-wrapper .ba-input-toggle:first-child
{
margin-right: 0
}

#e-gift-cards #gift-main-content .ba-input-toggle-wrapper .ba-input-toggle:first-child .ba-input-icon
{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-left: 0
}

#e-gift-cards #gift-main-content .ba-input-toggle-wrapper .ba-input-toggle:last-child .ba-input-icon
{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -4px;
border-left: 0
}

#e-gift-cards #gift-main-content .toggle-amount .ba-input-toggle {
width: 60px;
vertical-align: top
}

#e-gift-cards #gift-main-content .toggle-amount .ba-input-toggle .ba-input-icon
{
margin-left: -4px;
border-radius: 0
}

@media ( max-width : 767px) {
#e-gift-cards #gift-main-content .toggle-amount .ba-input-toggle {
    width: auto
}
}

#e-gift-cards #gift-main-content .toggle-amount .ba-input-toggle:first-child .ba-input-icon
{
margin-left: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px
}

#e-gift-cards #gift-main-content .toggle-amount .ba-input-toggle:nth-child(2) .ba-input-icon
{
border-left: 0;
border-right: 0
}

#e-gift-cards #gift-main-content .toggle-amount .ba-input-toggle:last-child .ba-input-icon
{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-left: 0;
max-width: 111px;
padding: 0
}

#e-gift-cards #gift-main-content .toggle-amount .ba-input-toggle:last-child .ba-input-icon:active,
#e-gift-cards #gift-main-content .toggle-amount .ba-input-toggle:last-child .ba-input-icon:focus,
#e-gift-cards #gift-main-content .toggle-amount .ba-input-toggle:last-child .ba-input-icon:hover
{
background-color: #303236;
color: white
}

#e-gift-cards #gift-main-content .ba-input-toggle {
display: inline-block;
width: 83px;
border: 0;
border-radius: 5px
}

#e-gift-cards #gift-main-content .ba-input-toggle.active .ba-input-icon
{
background-color: #303236;
color: #ffffff;
border: solid 1px #303236
}

#e-gift-cards #gift-main-content .ba-input-toggle.active .ba-input-icon:focus
{
background-color: #303236;
color: white
}

#e-gift-cards #gift-main-content .ba-input-toggle.stretch {
width: 45%
}

#e-gift-cards #gift-main-content .ba-input-toggle.stretch.disabled .ba-input-icon
{
background-color: #e4e4e4;
cursor: not-allowed
}

#e-gift-cards #gift-main-content .question-circle-icon {
font-family: 'FontAwesome';
color: #245091;
font-size: 18px;
margin-left: 6px;
position: relative;
top: 2px
}

#e-gift-cards #gift-main-content .question-circle-icon:before {
content: "\f059";
display: inline-block;
text-decoration: inherit;
font-weight: normal;
font-style: normal;
cursor: pointer
}

#e-gift-cards #js-GiftMessageContainer {
position: relative
}

#e-gift-cards #js-GiftMessageContainer #gift-message-form {
margin-bottom: 20px
}

#e-gift-cards #js-GiftMessageContainer select {
padding: 0 5px
}

#e-gift-cards #js-GiftMessageContainer textarea {
height: auto;
line-height: 18px
}

@
-webkit-keyframes slideUp { 0%{
top: 100%;
-webkit-transform: translateY(-60px);
transform: translateY(-60px)
}

100%{
top
:
0;-webkit-transform
:none
;transform
:none
}
}
@
keyframes slideUp { 0%{
top: 100%;
-webkit-transform: translateY(-60px);
transform: translateY(-60px)
}

100%{
top
:
0;-webkit-transform
:none
;transform
:none
}
}
@
-webkit-keyframes slideDown { 0%{
top: 0;
-webkit-transform: none;
transform: none
}

100%{
top
:
100%;-webkit-transform
:translateY(-60px)
;transform
:translateY(-60px)
}
}
@
keyframes slideDown { 0%{
top: 0;
-webkit-transform: none;
transform: none
}

100%{
top
:
100%;-webkit-transform
:translateY(-60px)
;transform
:translateY(-60px)
}
}
#e-gift-cards .multi-gift-cart {
border: solid 1px #b1b5bd;
box-sizing: border-box;
text-align: center;
background-color: #ffffff;
z-index: 99;
overflow-x: hidden
}

#e-gift-cards .multi-gift-cart.gift-cart-checkout .btn {
background-color: #f26226
}

@media ( max-width : 639px) {
#e-gift-cards .multi-gift-cart.gift-cart-checkout .input-label {
    padding-left: 30px
}
}

#e-gift-cards .multi-gift-cart .checkout-container {
padding: 30px 30px 0 30px
}

@media ( max-width : 767px) {
#e-gift-cards .multi-gift-cart .checkout-container {
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 100vw;
    overflow-x: hidden
}
#e-gift-cards .multi-gift-cart .checkout-container .text-disabled {
    display: none
}
}

#e-gift-cards .multi-gift-cart .checkout-container .cart-size {
display: inline
}

#e-gift-cards .multi-gift-cart .checkout-container .cart-size.hide-desktop
{
display: none
}

@media ( max-width : 767px) {
#e-gift-cards .multi-gift-cart .checkout-container .cart-size.hide-desktop
    {
    display: inline
}
}

#e-gift-cards .multi-gift-cart .checkout-container .empty-cart {
display: inline
}

@media ( max-width : 767px) {
#e-gift-cards .multi-gift-cart .checkout-container .empty-cart {
    display: none
}
}

#e-gift-cards .multi-gift-cart .mobile-checkout {
display: none
}

@media ( max-width : 767px) {
#e-gift-cards .multi-gift-cart .mobile-checkout {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 20px;
    -webkit-transform: translateY(-13px);
    -ms-transform: translateY(-13px);
    transform: translateY(-13px);
    padding: 0 15px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}
#e-gift-cards .multi-gift-cart .mobile-checkout.disabled {
    cursor: not-allowed;
    opacity: 0.7
}
}

@media ( max-width : 767px) {
#e-gift-cards .multi-gift-cart.gift-cart-purchase {
    width: 100vw;
    position: fixed;
    left: 0;
    margin: 0;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    top: 100%;
    height: 100%;
    border-bottom: 0;
    border-left: 0;
    border-right: 0
}
#e-gift-cards .multi-gift-cart.gift-cart-purchase .checkout-button {
    clear: both;
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 15px;
    display: none
}
#e-gift-cards .multi-gift-cart .input-label {
    text-align: left;
    line-height: 60px;
    display: inline-block;
    width: calc(50% - 40px);
    left: 0;
    position: absolute;
    padding-left: 15px;
    top: 0
}
#e-gift-cards .multi-gift-cart .input-label svg {
    width: 15px;
    height: 15px;
    top: 3px;
    position: relative;
    margin-right: 10px
}
#e-gift-cards .multi-gift-cart .caret {
    display: inline-block
}
#e-gift-cards .multi-gift-cart.stickyCartMinimized {
    top: 100%;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    overflow-y: none
}
#e-gift-cards .multi-gift-cart.stickyCartMinimized .cart-container {
    opacity: 0
}
#e-gift-cards .multi-gift-cart.slideUp {
    -webkit-animation: slideUp 0.5s;
    animation: slideUp 0.5s
}
#e-gift-cards .multi-gift-cart.slideDown {
    -webkit-animation: slideDown 0.5s;
    animation: slideDown 0.5s
}
#e-gift-cards .multi-gift-cart.stickyCartExpanded {
    top: 0%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    overflow-y: scroll
}
#e-gift-cards .multi-gift-cart.stickyCartExpanded .cart-container {
    opacity: 1
}
#e-gift-cards .multi-gift-cart.stickyCartExpanded .caret:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 7px solid #6a6d75;
    border-bottom: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}
#e-gift-cards .multi-gift-cart.stickyCartExpanded .caret:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 0;
    border-top: 4px solid #ffffff;
    border-bottom: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}
}

@media ( max-width : 767px) {
#e-gift-cards .multi-gift-cart .cart-header .input-label {
    float: left
}
#e-gift-cards .multi-gift-cart .cart-header .btn {
    float: right
}
}

#e-gift-cards .multi-gift-cart .checkout-button {
display: block;
clear: both
}

#e-gift-cards .multi-gift-cart .text-disabled {
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-size: 12px;
line-height: 1.67;
color: #a6a6a6;
display: inline-block;
padding-top: 20px
}

#e-gift-cards .plan-detail-medium {
display: none
}

@media ( max-width : 767px) {
#e-gift-cards .plan-detail-medium {
    display: block
}
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards .plan-detail-medium {
    display: block
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
#e-gift-cards .plan-detail-medium {
    display: block
}
}

#ie7 #e-gift-cards .plan-detail-medium, #ie8 #e-gift-cards .plan-detail-medium
{
display: block
}

@media ( min-width : 1200px) {
#e-gift-cards .plan-detail-medium {
    display: none
}
}

#e-gift-cards .gift-tip-style {
position: absolute;
border-radius: 14px;
background-color: #ffffff;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
z-index: 2;
bottom: 72px
}

#e-gift-cards #gift-tip-content {
padding: 18px;
color: #6a6d75;
line-height: 20px;
font-size: 12px
}

#e-gift-cards #gift-tip-content div:first-child {
margin-bottom: 10px
}

#e-gift-cards #wine-state-error {
display: block;
width: 100%;
float: left;
margin-top: 5px
}

#e-gift-cards #wine-tip-content {
padding: 20px 30px;
left: 230px;
top: 0;
bottom: auto
}

#e-gift-cards #wine-tip-content #d3-wine-usa {
position: relative;
display: block;
width: 235px;
height: 157px;
z-index: 1;
margin: 0 auto
}

@media ( max-width : 767px) {
#e-gift-cards #wine-tip-content {
    left: 0;
    top: -120px
}
}

#e-gift-cards #wine-tip-content .wine-supported-states-container {
position: relative;
display: block;
color: #6a6d75;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
text-align: center;
line-height: 24px;
font-size: 12px;
margin: 12px auto
}

#e-gift-cards #wine-tip-content .wine-supported-states-container .wine-states-supported
{
font-weight: 300;
width: 271px
}

@media ( min-width : 768px) and (max-width: 961px) {
#e-gift-cards #wine-tip-content .wine-supported-states-container .wine-states-supported
    {
    width: 265px
}
}

.caret {
position: relative;
width: 15px;
height: 10px;
display: inline-block;
margin: 0;
top: 25px;
margin-right: 5px
}

.caret:before {
content: '';
position: absolute;
top: 0;
left: 0;
border-bottom: 7px solid #6a6d75;
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent
}

.caret:after {
content: '';
position: absolute;
left: 3px;
top: 3px;
border-top: 0;
border-bottom: 4px solid #ffffff;
border-left: 4px solid transparent;
border-right: 4px solid transparent
}

#gift-checkout-form .card-container, #gift-checkout-form .cvc-container
{
position: relative
}

@media ( max-width : 767px) {
#gift-checkout-form .cvc-help-icon {
    display: none
}
}

#gift-checkout-form .icon-card {
position: absolute;
right: 6px;
top: 33px
}

#gift-checkout-form .cvc-help-icon {
position: absolute;
top: 32px;
right: 10px
}

#gift-checkout-form .stripe-powered {
background:
    url("gifts/cvc-help-image-569f77da2811f7e0754975aa4d62d88023f31f3c400df613738dadf33f21d185.png");
position: absolute;
right: 1px;
top: 6px
}

#gift-checkout-form .discount-info {
font-weight: 700
}

#gift-checkout-form .cc-info-action-link {
float: right;
position: relative;
top: 4px
}

.cart-container {
padding: 0 30px 30px 30px
}

.cart-container .btn {
width: 100%;
box-sizing: border-box
}

.cart-container .item-group-title {
text-align: left;
font-style: normal;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 10px;
clear: both
}

.cart-container .item-group {
font-size: 12px;
clear: both
}

.cart-container .recaptcha-legal-notice {
font-size: 10px;
line-height: 1.5;
text-align: left;
color: #CACACA;
margin: 0
}

.cart-container .recaptcha-legal-notice a {
color: lightblue
}

.cart-container .gift-item {
float: left;
text-align: left
}

.cart-container .gift-item-action {
float: right
}

.cart-container .totals-container {
border-top: 1px solid #d3d5db
}

.cart-container .totals-container p {
margin-bottom: 0;
line-height: 20px
}

.cart-container .totals-container .bold {
font-weight: 700
}

@media ( max-width : 767px) {
.cart-container {
    clear: both;
    margin-top: 60px;
    padding-top: 0
}
}

.gift-checkout-left, .gift-checkout-right {
box-sizing: border-box
}

.gift-checkout-left {
padding-left: 200px
}

@media ( min-width : 768px) and (max-width: 961px) {
.gift-checkout-left {
    padding-left: 140px
}
}

@media ( max-width : 767px) {
.gift-checkout-left {
    padding: 0
}
}

.gift-checkout-right {
padding: 24px 200px 0 0
}

@media ( min-width : 768px) and (max-width: 961px) {
.gift-checkout-right {
    padding-right: 140px
}
}

@media ( max-width : 767px) {
.gift-checkout-right {
    padding: 0
}
}

.pmc-pricing {
position: relative
}

.pmc-pricing__container {
position: relative;
box-sizing: border-box;
width: 374px;
height: 436px;
border: 1px solid #e4e6eb;
float: left;
text-align: center;
overflow: hidden;
transition: all .2s ease-in-out
}

.pmc-pricing__container:hover {
box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.08)
}

@media ( max-width : 767px) {
.pmc-pricing__container {
    height: auto;
    width: auto;
    float: none
}
}

.pmc-pricing .active {
box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.08)
}

.pmc-pricing__mobile_container {
position: relative;
border: solid 1px #e4e6eb
}

.pmc-pricing__header {
border: solid 1px #f7f7f7;
padding-top: 1em;
padding-bottom: 1em
}

.pmc-pricing__header-mobile {
position: relative;
height: 63px
}

.pmc-pricing__header-mobile div:first-child {
border-right: 1px solid #bfbfbf
}

.pmc-pricing__header-mobile-section {
width: 50%;
margin: 13px 0;
box-sizing: border-box
}

.pmc-pricing__header-title {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
line-height: 32px;
color: #0f346c
}

@media ( max-width : 767px) {
.pmc-pricing__header-title {
    font-size: 15px;
    position: relative;
    line-height: 15px;
    font-weight: 600
}
}

.pmc-pricing__header-subtitle {
font-size: 12px;
color: #245091;
position: relative;
top: -1px;
line-height: 12px;
margin-bottom: 0
}

@media ( max-width : 767px) {
.pmc-pricing__header-subtitle {
    display: inline
}
}

.pmc-pricing .shade {
opacity: .25
}

.pmc-pricing__table {
position: relative
}

@media ( max-width : 767px) {
.pmc-pricing__table {
    width: 277px
}
}

.pmc-pricing__table .data-row {
transition: all .2s ease-in-out
}

.pmc-pricing__table .data-row:hover {
box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.08)
}

.pmc-pricing__table th {
box-sizing: border-box;
text-align: center;
border: 1px solid #245091;
height: 40px;
font-size: 12px;
font-weight: 500;
color: #6a6d75
}

.pmc-pricing__table th:nth-of-type(2n) {
background-color: rgba(118, 130, 167, 0.05)
}

@media ( max-width : 767px) {
.pmc-pricing__table th:nth-of-type(2n) {
    background-color: initial
}
}

@media ( max-width : 767px) {
.pmc-pricing__table th {
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
        "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
        "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
        sans-serif;
    color: #bfbfbf;
    border: 0
}
}

.pmc-pricing__table td {
text-align: center;
border: solid #f0f2f7 1px;
min-width: 124px;
height: 80px;
box-sizing: border-box
}

.pmc-pricing__table td:nth-of-type(2n) {
background-color: rgba(118, 130, 167, 0.05)
}

@media ( max-width : 767px) {
.pmc-pricing__table td:nth-of-type(2n) {
    background-color: initial
}
}

@media ( max-width : 767px) {
.pmc-pricing__table td {
    min-width: 80px
}
}

.pmc-pricing__table td:first-child {
border-left: none
}

.pmc-pricing__table p.standard {
font-size: 12px;
font-weight: 500;
color: #6a6d75;
line-height: 1.2em;
margin-bottom: auto
}

.pmc-pricing__table p.embolden {
margin-top: 6px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
font-weight: 600;
color: #0f346c;
line-height: 0.9em;
margin-bottom: 0
}

.pmc-pricing__table p.embolden-inline {
display: inline;
position: relative;
top: -5px
}

.pmc-pricing__table-svg-veg {
display: inline;
position: relative;
top: -5px;
left: 2px
}

.pmc-pricing svg {
width: auto
}

.pmc-pricing__footer {
clear: both;
position: relative;
text-align: center;
border: solid #e4e6eb 1px;
font-size: 12px;
color: #6a6d75
}

.pmc-pricing__footer-notification {
padding: 13px 0
}

.pmc-pricing__footer-veg-icon {
display: inline;
position: relative;
margin-right: 2px
}

@media ( max-width : 767px) {
.pmc-pricing__footer.active {
    color: #009978
}
}

.ba-logo-wine {
height: 36px;
width: 97px;
background-image:
    url(wine-icons-s30b036589e-bcb34df343b533b4d7e29b296817c7ac55cdcadaf308835db2f8ba1630bf706a.png);
background-position: 0 0;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.ba-logo-wine {
    background-image:
        url(wine-icons-2x-s12784e0648-da441d1ed038b0cf5b7c27c71582171d734ffa3448b9b92ad1025de429f8f9fd.png);
    background-position: 0 0;
    background-size: 97px, auto
}
}

.wine-page {
-webkit-font-smoothing: subpixel-antialiased
}

.wine-page .qtip {
font-size: 14px
}

.wine-page .qtip-content {
text-align: center !important
}

@media ( min-width : 1200px) {
.wine-page .holder {
    padding-left: 50px;
    padding-right: 50px
}
}

@media ( max-width : 767px) {
.wine-page .holder {
    padding: 0;
    padding-bottom: 30px
}
}

.wine-page .pt-30 {
padding-top: 30px
}

.wine-page .main-title {
font-size: 30px
}

.wine-page .sub-title {
color: #6a6d75;
font-family: "Chronicle Ssm";
font-size: 18px;
font-weight: 400;
line-height: 1.4
}

@media ( max-width : 767px) {
.wine-page .main-title, .wine-page .sub-title {
    text-align: center
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-page .title-hldr {
    text-align: left
}
}

@media ( max-width : 961px) {
.wine-page .social-hldr-xs {
    display: block;
    margin-top: 20px;
    overflow: hidden;
    *zoom: 1
}
.wine-page .social-hldr {
    display: none
}
.wine-page .title-hldr {
    margin-top: 10px
}
.wine-page .main-title {
    font-size: 28px
}
.wine-page .sub-title {
    font-size: 16px
}
}

.wine-page .section-title {
font-size: 18px;
font-family: "Chronicle Ssm";
font-weight: 500;
margin-bottom: 8px;
text-align: left
}

@media ( max-width : 961px) {
.wine-page .section-title {
    font-size: 20px
}
}

.wine-page .profile-label {
color: #0f346c;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 4px
}

.wine-page .profile-prop {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
color: black
}

.wine-sections {
margin-top: 40px
}

@media ( max-width : 961px) {
.wine-sections {
    margin-top: 10px
}
}

.hero-bottle-image {
margin: 0 auto;
display: block;
width: 180px
}

@media ( min-width : 768px) and (max-width: 961px) {
.hero-bottle-image {
    max-height: 378px;
    width: auto
}
}

@media ( max-width : 767px) {
.hero-bottle-image {
    max-height: 262px;
    width: auto
}
}

.wine-intro-section .section-descrip {
margin-top: 20px
}

@media ( max-width : 767px) {
.wine-intro-section {
    margin-bottom: 20px
}
}

.border-half-section {
float: left;
width: 50%
}

.border-half-section.half-section {
border-right: 1px solid #ebecf1;
margin-right: -1px
}

@media ( max-width : 767px) {
.border-half-section {
    width: 100%;
    float: none
}
.border-half-section.half-section {
    margin-left: 0;
    border-left: 0;
    border-top: 1px solid #ebecf1;
    margin-top: 20px;
    padding-top: 10px
}
}

.wine-cta-section .cta-wine-text {
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2
}

.wine-cta-section .cta-wine-title {
color: #0f346c;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
font-weight: 600;
font-style: normal;
margin-bottom: 4px
}

.wine-cta-section .cta-wine-btn {
float: right;
font-size: 15px
}

@media ( max-width : 767px) {
.wine-cta-section .cta-wine-btn {
    float: none;
    margin-top: 10px;
    width: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}
}

.wine-cta-section .additional-info {
margin-bottom: 0;
font-size: 16px;
color: #737373
}

@media ( max-width : 767px) {
.wine-cta-section {
    text-align: center
}
}

@media ( max-width : 767px) {
.wine-color-gradient-chart {
    margin: 0 auto
}
}

.wine-chart-xs {
width: 230px;
margin: 0 auto
}

.wine-chart-xs .wine-color-circle {
position: relative
}

.wine-chart-xs .is-active {
top: -2px
}

.wine-color-chart {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}

.wine-color-circle {
display: inline-block;
width: 36px;
height: 36px;
border-radius: 50%
}

.wine-color-circle.is-active {
position: relative;
border: 2px solid #abb2c9;
box-shadow: inset 0 0 0 2px white
}

@media ( max-width : 767px) {
.wine-color-circle.is-active {
    top: 2px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-color-circle.is-active {
    top: -1px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.wine-color-circle.is-active {
    margin-top: -2px
}
}

#ie7 .wine-color-circle.is-active, #ie8 .wine-color-circle.is-active {
margin-top: -2px
}

@media ( min-width : 1200px) {
.wine-color-circle.is-active {
    margin-top: -2px
}
}

@media ( max-width : 767px) {
.wine-color-circle {
    width: 40px;
    height: 40px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-color-circle {
    width: 30px;
    height: 30px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.wine-color-circle {
    width: 30px;
    height: 30px
}
}

#ie7 .wine-color-circle, #ie8 .wine-color-circle {
width: 30px;
height: 30px
}

.white-wine-chart .color-1 {
background-color: #f2eac2
}

.white-wine-chart .color-2 {
background-color: #f2ec91
}

.white-wine-chart .color-3 {
background-color: #fff373
}

.white-wine-chart .color-4 {
background-color: #f2d561
}

.white-wine-chart .color-5 {
background-color: #f2c00c
}

.red-wine-chart .color-1 {
background-color: #d93639
}

.red-wine-chart .color-2 {
background-color: #b32d3c
}

.red-wine-chart .color-3 {
background-color: #8c151f
}

.red-wine-chart .color-4 {
background-color: #590421
}

.red-wine-chart .color-5 {
background-color: #33031c
}

.rosé-wine-chart .color-1 {
background-color: #f2ceaa
}

.rosé-wine-chart .color-2 {
background-color: #ffb699
}

.rosé-wine-chart .color-3 {
background-color: #ff8c73
}

.rosé-wine-chart .color-4 {
background-color: #ff6a59
}

.rosé-wine-chart .color-5 {
background-color: #d94b41
}

.profile-img-info-row {
text-align: center
}

.profile-img-info-aroma {
font-size: 12px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
display: inline-block;
margin: 0 20px;
width: 90px
}

.tip-section {
padding: 2px 0;
text-align: center;
margin-bottom: 20px
}

.tip-section h4 {
color: #0f346c;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
font-weight: 600;
font-style: normal;
margin-bottom: 10px;
margin-top: 10px
}

@media ( min-width : 768px) and (max-width: 961px) {
.tip-section h4 {
    margin-bottom: 3px;
    margin-top: 0
}
}

@media ( max-width : 767px) {
.tip-section h4 {
    margin-bottom: 5px
}
}

.tip-section p {
color: #737373;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px
}

@media ( max-width : 767px) {
.tip-section p {
    padding-left: 40px;
    padding-right: 40px
}
}

.tip-img {
margin: 0 auto
}

@media ( min-width : 768px) and (max-width: 961px) {
.tip-img {
    margin-right: 10px;
    display: inline-block
}
.tip-descrip {
    text-align: left;
    width: 70%;
    display: inline-block
}
}

.tip-section-tastingtip {
height: 72px;
width: 72px;
background-image:
    url(wine-icons-s30b036589e-bcb34df343b533b4d7e29b296817c7ac55cdcadaf308835db2f8ba1630bf706a.png);
background-position: 0 -268px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.tip-section-tastingtip {
    background-image:
        url(wine-icons-2x-s12784e0648-da441d1ed038b0cf5b7c27c71582171d734ffa3448b9b92ad1025de429f8f9fd.png);
    background-position: 0 -268px;
    background-size: 97px, auto
}
}

@media ( max-width : 961px) {
.tip-section-tastingtip {
    height: 56px;
    width: 56px;
    background-image:
        url(wine-icons-s30b036589e-bcb34df343b533b4d7e29b296817c7ac55cdcadaf308835db2f8ba1630bf706a.png);
    background-position: 0 -212px;
    background-repeat: no-repeat
}
}

@media ( max-width : 961px) and (-webkit-min-device-pixel-ratio: 1.5) , (
    max-width : 961px) and (min--moz-device-pixel-ratio: 1.5) , (
    max-width : 961px) and (-o-min-device-pixel-ratio: 3 / 2) , (
    max-width : 961px) and (min-device-pixel-ratio: 1.5) {
.tip-section-tastingtip {
    background-image:
        url(wine-icons-2x-s12784e0648-da441d1ed038b0cf5b7c27c71582171d734ffa3448b9b92ad1025de429f8f9fd.png);
    background-position: 0 -212px;
    background-size: 97px, auto
}
}

.tip-section-didyouknow {
height: 72px;
width: 72px;
background-image:
    url(wine-icons-s30b036589e-bcb34df343b533b4d7e29b296817c7ac55cdcadaf308835db2f8ba1630bf706a.png);
background-position: 0 -128px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.tip-section-didyouknow {
    background-image:
        url(wine-icons-2x-s12784e0648-da441d1ed038b0cf5b7c27c71582171d734ffa3448b9b92ad1025de429f8f9fd.png);
    background-position: 0 -128px;
    background-size: 97px, auto
}
}

@media ( max-width : 961px) {
.tip-section-didyouknow {
    height: 56px;
    width: 56px;
    background-image:
        url(wine-icons-s30b036589e-bcb34df343b533b4d7e29b296817c7ac55cdcadaf308835db2f8ba1630bf706a.png);
    background-position: 0 -72px;
    background-repeat: no-repeat
}
}

@media ( max-width : 961px) and (-webkit-min-device-pixel-ratio: 1.5) , (
    max-width : 961px) and (min--moz-device-pixel-ratio: 1.5) , (
    max-width : 961px) and (-o-min-device-pixel-ratio: 3 / 2) , (
    max-width : 961px) and (min-device-pixel-ratio: 1.5) {
.tip-section-didyouknow {
    background-image:
        url(wine-icons-2x-s12784e0648-da441d1ed038b0cf5b7c27c71582171d734ffa3448b9b92ad1025de429f8f9fd.png);
    background-position: 0 -72px;
    background-size: 97px, auto
}
}

.section-descrip {
color: #303236;
font-family: "Chronicle Ssm";
font-weight: 400;
line-height: 1.7;
font-size: 15px;
margin-bottom: 30px
}

@media ( min-width : 768px) and (max-width: 961px) {
.section-descrip {
    margin-bottom: 20px
}
}

@media ( max-width : 767px) {
.section-descrip {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px
}
}

.section-comments {
margin-top: 35px
}

.wine-profile-properties {
width: 100%
}

.wine-profile-properties th {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 12px;
color: #999;
padding-bottom: 5px
}

.wine-profile-properties td.profile-label {
padding: 7px 0
}

@media ( min-width : 962px) and (max-width: 1199px) {
.wine-profile-properties td.profile-label {
    padding-right: 15px
}
}

#ie7 .wine-profile-properties td.profile-label, #ie8 .wine-profile-properties td.profile-label
{
padding-right: 15px
}

@media ( max-width : 767px) {
.wine-profile-properties td.profile-label {
    padding-right: 15px
}
}

@media ( max-width : 961px) {
.wine-profile-properties td.profile-label {
    padding-top: 5px;
    padding-bottom: 5px
}
}

.wine-profile-properties td.pt-20 {
padding-top: 20px
}

.wine-profile-properties .dotted-line {
background: transparent
    url("wine-details/dotted-line-eac403e23d911dc989e7f1f8cfaa4e88d8890c40d1326564b0ad0577c328f429.png")
    left center;
background-repeat: repeat-x;
position: relative;
height: 20px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
    (min--moz-device-pixel-ratio: 2) , only screen and
    (min-device-pixel-ratio: 2) , only screen and (min-resolution: 192dpi)
    , only screen and (min-resolution: 2dppx) {
.wine-profile-properties .dotted-line {
    background-image:
        url("wine-details/dotted-line@2x-9cf387efc95830ecbb87ff0c0f8c54354ec57b99c37f42e529b81b53185c0f42.png")
}
}

.wine-profile-properties .dotted-line .info-circle {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
height: 20px;
width: 20px;
background-image:
    url(wine-icons-s30b036589e-bcb34df343b533b4d7e29b296817c7ac55cdcadaf308835db2f8ba1630bf706a.png);
background-position: 0 -360px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.wine-profile-properties .dotted-line .info-circle {
    background-image:
        url(wine-icons-2x-s12784e0648-da441d1ed038b0cf5b7c27c71582171d734ffa3448b9b92ad1025de429f8f9fd.png);
    background-position: 0 -360px;
    background-size: 97px, auto
}
}

.wine-profile-properties .dotted-line .info-circle:hover {
height: 20px;
width: 20px;
background-image:
    url(wine-icons-s30b036589e-bcb34df343b533b4d7e29b296817c7ac55cdcadaf308835db2f8ba1630bf706a.png);
background-position: 0 -340px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.wine-profile-properties .dotted-line .info-circle:hover {
    background-image:
        url(wine-icons-2x-s12784e0648-da441d1ed038b0cf5b7c27c71582171d734ffa3448b9b92ad1025de429f8f9fd.png);
    background-position: 0 -340px;
    background-size: 97px, auto
}
}

.wine-profile-properties .dotted-line .info-circle.val-0 {
left: 0%
}

.wine-profile-properties .dotted-line .info-circle.val-1 {
left: 10%
}

.wine-profile-properties .dotted-line .info-circle.val-2 {
left: 20%
}

.wine-profile-properties .dotted-line .info-circle.val-3 {
left: 30%
}

.wine-profile-properties .dotted-line .info-circle.val-4 {
left: 40%
}

.wine-profile-properties .dotted-line .info-circle.val-5 {
left: 50%
}

.wine-profile-properties .dotted-line .info-circle.val-6 {
left: 60%
}

.wine-profile-properties .dotted-line .info-circle.val-7 {
left: 70%
}

.wine-profile-properties .dotted-line .info-circle.val-8 {
left: 80%
}

.wine-profile-properties .dotted-line .info-circle.val-9 {
left: 85%
}

.wine-profile-properties .dotted-line .info-circle.val-10 {
left: 95%
}

.wine-profile-properties .profile-img-info {
vertical-align: top
}

@media ( max-width : 767px) {
.wine-profile-properties .spacer {
    display: none
}
}

@media ( max-width : 767px) {
.wine-profile-properties .large-only {
    display: none
}
.wine-profile-properties .mobile-only {
    display: block
}
}

.wine-profile-section .padded-half {
padding-right: 35px
}

@media ( max-width : 767px) {
.wine-profile-section .padded-half {
    padding-right: 0
}
}

.wine-chart-descrip {
text-align: center;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 12px
}

.profile-wine-chart {
background: transparent center center no-repeat;
height: 24px;
position: relative
}

.profile-wine-chart img {
display: block;
margin-left: auto;
margin-right: auto
}

.wine-properties-sections {
overflow: hidden;
*zoom: 1
}

@media ( max-width : 767px) {
.wine-properties-sections .border-half-section.half-section {
    border-top: 0
}
}

.wine-border-section {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #fcfcfd;
border: 1px solid #ebecf1;
padding: 20px 25px;
border-radius: 6px;
overflow: hidden;
*zoom: 1
}

@media ( max-width : 767px) {
.wine-border-section {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
}

.wine-border-section .wine-properties-list.pl-30 {
padding-left: 30px
}

@media ( max-width : 767px) {
.wine-border-section .wine-properties-list.pl-30 {
    padding-left: 10px
}
}

.wine-border-section .wine-properties-list li {
margin-bottom: 20px;
line-height: 17px
}

@media ( max-width : 767px) {
.wine-border-section .wine-properties-list {
    padding-left: 10px
}
}

.wine-border-section.no-radius-bottom {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}

.wine-profile-section .wine-border-section {
padding-right: 0
}

@media ( max-width : 767px) {
.wine-border-section {
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0
}
}

@media ( max-width : 961px) {
.more-about-section, .wine-pairings-section {
    margin-top: 30px
}
}

.wine-pairings-more-hldr {
text-align: center;
display: block
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-pairings-more-hldr {
    margin-top: 20px
}
}

.wine-pairings-more {
text-transform: uppercase;
text-align: center;
color: #242c61;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 12px;
font-weight: 700;
padding: 11px;
border: 1px solid rgba(117, 129, 167, 0.35);
border-radius: 4px
}

@media ( max-width : 767px) {
.wine-pairings-more {
    margin: 0 10px 15px
}
}

.border-section-footer {
background-color: rgba(235, 236, 241, 0.4);
padding: 12px 25px;
border-bottom: 1px solid #ebecf1;
border-left: 1px solid #ebecf1;
border-right: 1px solid #ebecf1;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px
}

@media ( max-width : 767px) {
.border-section-footer {
    border-left: 0;
    border-right: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}
}

.recipe-wine-pairing {
margin-top: 10px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
padding: 0 35px 0 16px
}

@media ( max-width : 767px) {
.recipe-wine-pairing {
    margin-bottom: 20px
}
}

.recipe-wine-pairing .pairing-icn {
height: 26px;
width: 11px;
background-image:
    url(wine-icons-s30b036589e-bcb34df343b533b4d7e29b296817c7ac55cdcadaf308835db2f8ba1630bf706a.png);
background-position: 0 -380px;
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
float: left;
margin-top: 5px
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.recipe-wine-pairing .pairing-icn {
    background-image:
        url(wine-icons-2x-s12784e0648-da441d1ed038b0cf5b7c27c71582171d734ffa3448b9b92ad1025de429f8f9fd.png);
    background-position: 0 -380px;
    background-size: 97px, auto
}
}

.recipe-wine-pairing .recipe-wine-info-container {
padding-left: 22px
}

.wine-description {
margin-bottom: 0;
font-size: 12px;
font-weight: 300;
line-height: 1.5;
color: #6a6d75
}

.wine-recipe-pair {
margin-bottom: 25px
}

@media ( max-width : 767px) {
.wine-recipe-pair {
    margin-bottom: 0
}
}

.wine-recipe-pair .recipe-thumb-container {
position: relative;
background-color: #000;
padding-bottom: 25px;
cursor: pointer
}

.wine-recipe-pair .recipe-thumb-container:hover {
outline: 2px solid #0f346c
}

.wine-recipe-pair .recipe-thumb {
display: block;
overflow: hidden
}

.wine-recipe-pair .recipe-thumb img {
width: 100%
}

.wine-recipe-pair .recipe-thumb.hide {
display: none
}

.wine-recipe-pair .recipe-thumb-overlay {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
background-image:
    url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
background-size: 100%;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 67%, #000 85%, #000 100%);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1
}

.wine-recipe-pair .recipe-title {
position: absolute;
padding: 15px;
bottom: 0;
z-index: 2
}

@media ( max-width : 961px) {
.wine-recipe-pair .recipe-title {
    text-align: left
}
}

.wine-recipe-pair .recipe-title-main {
color: #ffffff;
font-size: 16px;
line-height: 1.4
}

.wine-recipe-pair .recipe-title-sub {
color: #fafbfc;
font-size: 13px;
font-family: "Chronicle Ssm";
font-weight: 400;
line-height: 1.7
}

.wine-pdf:hover {
text-decoration: none
}

.wine-pdf:hover .pdf-text {
text-decoration: underline
}

.pdf-text {
color: #7581a7;
font-size: 12px;
font-weight: 700;
display: inline-block;
margin-left: 5px
}

.pdf-icon {
display: inline-block;
height: 12px;
width: 7px;
background-image:
    url(wine-icons-s30b036589e-bcb34df343b533b4d7e29b296817c7ac55cdcadaf308835db2f8ba1630bf706a.png);
background-position: 0 -200px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.pdf-icon {
    background-image:
        url(wine-icons-2x-s12784e0648-da441d1ed038b0cf5b7c27c71582171d734ffa3448b9b92ad1025de429f8f9fd.png);
    background-position: 0 -200px;
    background-size: 97px, auto
}
}

@media ( max-width : 767px) {
.holder-xs {
    padding-left: 15px !important;
    padding-right: 15px !important
}
.hide-mobile {
    display: none
}
}

@media ( max-width : 767px) {
.mobile-break {
    display: block
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.mobile-break {
    display: block
}
}

#ie7 .mobile-break, #ie8 .mobile-break {
display: block
}

@media ( max-width : 961px) {
.hide-mobile-small {
    display: none
}
}

.small-mobile-only {
display: none
}

@media ( max-width : 961px) {
.small-mobile-only {
    display: block
}
}

@media ( max-width : 767px) {
.visible-desktop {
    visibility: hidden
}
.visible-desktop .wine-color-chart {
    height: 0
}
.visible-desktop td.pt-20 {
    padding: 0
}
}

.mobile-only .profile-label {
border-top: 1px solid #ebecf1;
padding-top: 20px;
padding-bottom: 15px
}

body.wine-promo .learn-splash {
background: #d3d5db
    url("wine/wine-banner-7dc648e4f90f6b714c235ed5454ccbb3acaec5aaf1c0091b109ed1c8cc8c5742.jpg")
    center top;
background-size: cover;
overflow: hidden;
height: 345px;
text-align: center;
position: relative;
border-bottom: none;
padding-top: 15px
}

#ie7 body.wine-promo .learn-splash, #ie8 body.wine-promo .learn-splash {
background: #0f346c
    url("wine/wine-banner-7dc648e4f90f6b714c235ed5454ccbb3acaec5aaf1c0091b109ed1c8cc8c5742.jpg")
    center center no-repeat
}

@media ( min-width : 1200px) {
body.wine-promo .learn-splash {
    height: 470px
}
}

@media ( max-width : 767px) {
body.wine-promo .learn-splash {
    background: white;
    height: auto
}
}

body.wine-promo .learn-splash .signup-callout-wine {
width: 100%;
position: absolute;
top: 165px
}

@media ( min-width : 962px) and (max-width: 1199px) {
body.wine-promo .learn-splash .signup-callout-wine {
    top: 100px
}
}

#ie7 body.wine-promo .learn-splash .signup-callout-wine, #ie8 body.wine-promo .learn-splash .signup-callout-wine
{
top: 100px
}

@media ( min-width : 768px) and (max-width: 961px) {
body.wine-promo .learn-splash .signup-callout-wine {
    top: 128px
}
}

@media ( max-width : 767px) {
body.wine-promo .learn-splash .signup-callout-wine {
    display: none
}
}

body.wine-promo .learn-splash .price-container {
position: relative
}

body.wine-promo .learn-splash .price-container .price-circle-callout {
height: 117px;
width: 117px;
position: absolute;
top: 64px;
right: 160px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #fff;
text-align: center
}

@media ( min-width : 962px) and (max-width: 1199px) {
body.wine-promo .learn-splash .price-container .price-circle-callout {
    top: 24px;
    right: 134px
}
}

#ie7 body.wine-promo .learn-splash .price-container .price-circle-callout,
#ie8 body.wine-promo .learn-splash .price-container .price-circle-callout
{
top: 24px;
right: 134px
}

@media ( min-width : 768px) and (max-width: 961px) {
body.wine-promo .learn-splash .price-container .price-circle-callout {
    top: 15px;
    right: 63px
}
}

@media ( max-width : 767px) {
body.wine-promo .learn-splash .price-container .price-circle-callout {
    display: none
}
}

body.wine-promo .learn-splash .price-container .price-circle-callout .price-info-wrap
{
position: absolute;
top: 22px;
width: 100%
}

body.wine-promo .learn-splash .price-container .price-circle-callout .price
{
font-size: 26px
}

body.wine-promo .learn-splash .price-container .price-circle-callout .price-freq
{
font-size: 20px
}

body.wine-promo .learn-splash .price-container .price-circle-callout .sub-text
{
font-size: 12px;
line-height: 14px;
font-weight: 300
}

body.wine-promo .learn-section-arrow {
width: 79px;
height: 43px;
background: transparent
    url("wine/arrow-learn-info-aadb9458fab86492ceabc194b05ab0e456e160b080b2fd362381617ee2b6f1c9.png")
    no-repeat top left;
position: absolute;
margin-left: -40px;
left: 50%;
bottom: -43px;
z-index: 5
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
    (min--moz-device-pixel-ratio: 2) , only screen and
    (min-device-pixel-ratio: 2) , only screen and (min-resolution: 192dpi)
    , only screen and (min-resolution: 2dppx) {
body.wine-promo .learn-section-arrow {
    background-image:
        url("wine/arrow-learn-info@2x-96714bc15e19f760e7e1bb794beed379469cd008e0b96ca96edab3100a97f9c7.png");
    background-size: 79px 43px
}
}

@media ( max-width : 961px) {
body.wine-promo .learn-section-arrow {
    display: none
}
}

body.wine-promo .learn-section {
position: relative;
padding: 40px 0 45px
}

@media ( max-width : 767px) {
body.wine-promo .learn-section {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px
}
}

body.wine-promo .learn-wine-splash {
padding: 5px 0 35px;
width: auto;
margin: 0 auto
}

@media ( max-width : 767px) {
body.wine-promo .learn-wine-splash {
    padding-top: 20px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
body.wine-promo .learn-wine-splash {
    padding: 20px 0;
    padding-top: 5px
}
}

body.wine-promo .learn-wine-splash h1 {
font-size: 54px;
line-height: 66px
}

@media ( min-width : 1200px) {
body.wine-promo .learn-wine-splash h1 {
    font-size: 60px;
    margin-bottom: 20px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
body.wine-promo .learn-wine-splash h1 {
    line-height: 48px;
    font-size: 36px
}
}

#ie7 body.wine-promo .learn-wine-splash h1, #ie8 body.wine-promo .learn-wine-splash h1
{
line-height: 48px;
font-size: 36px
}

@media ( min-width : 768px) and (max-width: 961px) {
body.wine-promo .learn-wine-splash h1 {
    font-size: 37px;
    line-height: 1.2
}
}

@media ( max-width : 767px) {
body.wine-promo .learn-wine-splash h1 {
    font-size: 30px;
    line-height: 1.2
}
}

body.wine-promo .learn-wine-splash h3 {
font-weight: 700;
font-style: italic;
line-height: 1.4;
font-size: 17px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

@media ( min-width : 1200px) {
body.wine-promo .learn-wine-splash h3 {
    font-size: 28px
}
}

@media ( max-width : 961px) {
body.wine-promo .learn-wine-splash h3 {
    font-size: 15px
}
}

body.wine-promo .learn-info {
background-color: #f7f7f9;
padding-top: 35px;
padding-bottom: 35px
}

@media ( max-width : 767px) {
body.wine-promo .learn-info {
    padding-top: 15px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
body.wine-promo .learn-info {
    padding-top: 15px
}
body.wine-promo .learn-info .container {
    max-width: 600px
}
}

body.wine-promo .learn-info-pod {
border-radius: 4px;
min-height: 400px;
background-color: #fff;
border: 1px solid #d0d3d4
}

@media ( min-width : 1200px) {
body.wine-promo .learn-info-pod {
    min-height: 457px
}
}

@media ( max-width : 961px) {
body.wine-promo .learn-info-pod {
    margin-top: 20px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
body.wine-promo .learn-info-pod {
    min-height: 295px
}
body.wine-promo .learn-info-pod.info-pod-wine {
    min-height: 295px
}
}

@media ( max-width : 767px) {
body.wine-promo .learn-info-pod {
    min-height: 0
}
}

body.wine-promo .learn-info-title {
color: #0d2a54;
padding: 10px 25px;
overflow: hidden;
height: 43px;
text-align: center
}

@media ( max-width : 961px) {
body.wine-promo .learn-info-title {
    height: auto;
    padding: 20px
}
}

body.wine-promo .learn-info-title-icon {
margin-right: 9px;
margin-top: -8px;
display: inline-block;
vertical-align: middle
}

@media ( max-width : 961px) {
body.wine-promo .learn-info-title-icon {
    margin: 0 auto;
    display: block
}
}

body.wine-promo .icon-wine-bottles {
height: 39px;
width: 37px;
background-image:
    url(wine-icons-s30b036589e-bcb34df343b533b4d7e29b296817c7ac55cdcadaf308835db2f8ba1630bf706a.png);
background-position: 0 -502px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
body.wine-promo .icon-wine-bottles {
    background-image:
        url(wine-icons-2x-s12784e0648-da441d1ed038b0cf5b7c27c71582171d734ffa3448b9b92ad1025de429f8f9fd.png);
    background-position: 0 -502px;
    background-size: 97px, auto
}
}

body.wine-promo .icon-wine-pair {
height: 32px;
width: 39px;
background-image:
    url(wine-icons-s30b036589e-bcb34df343b533b4d7e29b296817c7ac55cdcadaf308835db2f8ba1630bf706a.png);
background-position: 0 -541px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
body.wine-promo .icon-wine-pair {
    background-image:
        url(wine-icons-2x-s12784e0648-da441d1ed038b0cf5b7c27c71582171d734ffa3448b9b92ad1025de429f8f9fd.png);
    background-position: 0 -541px;
    background-size: 97px, auto
}
}

body.wine-promo .icon-shipping-truck {
height: 25px;
width: 42px;
background-image:
    url(wine-icons-s30b036589e-bcb34df343b533b4d7e29b296817c7ac55cdcadaf308835db2f8ba1630bf706a.png);
background-position: 0 -406px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
body.wine-promo .icon-shipping-truck {
    background-image:
        url(wine-icons-2x-s12784e0648-da441d1ed038b0cf5b7c27c71582171d734ffa3448b9b92ad1025de429f8f9fd.png);
    background-position: 0 -406px;
    background-size: 97px, auto
}
}

body.wine-promo .learn-info-title-txt {
font-size: 17px;
line-height: 43px;
display: inline-block
}

@media ( min-width : 1200px) {
body.wine-promo .learn-info-title-txt {
    font-size: 22px
}
}

@media ( max-width : 961px) {
body.wine-promo .learn-info-title-txt {
    line-height: 25px;
    margin-top: 5px;
    display: block
}
}

body.wine-promo .learn-info-img {
max-width: 100%;
display: block
}

@media ( max-width : 961px) {
body.wine-promo .learn-info-img {
    display: none
}
}

body.wine-promo .learn-info-text {
font-size: 17px;
color: #303236;
font-weight: 300;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
text-align: center;
padding: 25px;
line-height: 24px
}

@media ( min-width : 962px) and (max-width: 1199px) {
body.wine-promo .learn-info-text {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px
}
}

#ie7 body.wine-promo .learn-info-text, #ie8 body.wine-promo .learn-info-text
{
font-size: 14px;
padding-left: 20px;
padding-right: 20px
}

@media ( min-width : 768px) and (max-width: 961px) {
body.wine-promo .learn-info-text {
    font-size: 12px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 0px
}
}

@media ( max-width : 767px) {
body.wine-promo .learn-info-text {
    padding-top: 0px
}
}

body.wine-promo .learn-cta {
background: #fff;
text-align: center
}

body.wine-promo .join-wine-cta {
margin-top: 30px;
font-size: 30px;
font-size: 30px;
line-height: 102.6px;
height: 102.6px;
padding: 0 75px
}

@media ( max-width : 961px) {
body.wine-promo .join-wine-cta {
    font-size: 25px;
    height: 58px;
    line-height: 58px
}
}

.section-warning {
margin-top: 35px
}

.section-warning h3 {
color: #245091;
font-size: 14px;
font-weight: 700;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

.fancybox-wrap.warning-modal {
border: 2px solid #0f346c;
border-radius: 4px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
width: 465px
}

.fancybox-wrap.warning-modal .btn-container {
text-align: center;
margin-top: 30px
}

.fancybox-wrap.warning-modal .btn {
border-radius: 100px;
letter-spacing: 1.2px;
width: 130px
}

body.pages_show_redeem_wine_coupon .learn-splash {
background: #d3d5db
    url("wine/wine-redeem-coupon-a5457c2c3fc68580ba6dd524bb0dafe6a8f8ae0c5c076d488d9aaa20f5635d70.jpg")
    center;
background-size: cover
}

@media ( min-width : 962px) and (max-width: 1199px) {
body.pages_show_redeem_wine_coupon .learn-splash {
    height: auto
}
}

#ie7 body.pages_show_redeem_wine_coupon .learn-splash, #ie8 body.pages_show_redeem_wine_coupon .learn-splash
{
height: auto
}

body.pages_show_redeem_wine_coupon .learn-splash .learn-wine-splash {
padding: 35px 0px
}

@media ( max-width : 767px) {
body.pages_show_redeem_wine_coupon .learn-splash .learn-wine-splash {
    padding: 0
}
}

@media ( min-width : 1470px) {
body.pages_show_redeem_wine_coupon .learn-splash .homepage-xlarge-img {
    height: 550px
}
}

@media ( min-width : 1200px) {
body.pages_show_redeem_wine_coupon .learn-splash {
    height: 550px
}
body.pages_show_redeem_wine_coupon .learn-splash .learn-splash-blur {
    height: 550px
}
}

@media ( max-width : 961px) {
body.pages_show_redeem_wine_coupon .learn-splash {
    height: auto
}
}

@media ( max-width : 767px) {
body.pages_show_redeem_wine_coupon .learn-splash {
    background-color: white;
    background-image: none
}
}

body.pages_show_redeem_wine_coupon .learn-splash .coupon-redeem-header {
padding: 24px;
background: rgba(255, 255, 255, 0.75);
border-radius: 4px;
border: 1px solid #cccccc
}

@media ( min-width : 1200px) {
body.pages_show_redeem_wine_coupon .learn-splash .coupon-redeem-header {
    background: rgba(255, 255, 255, 0.8)
}
}

@media ( max-width : 767px) {
body.pages_show_redeem_wine_coupon .learn-splash .coupon-redeem-header {
    border-radius: 0;
    border: 0px;
    border-bottom: 2px solid #0f346c;
    padding: 20px
}
}

body.pages_show_redeem_wine_coupon .learn-splash .coupon-redeem-header h1
{
font-size: 36px;
line-height: 1.2;
text-shadow: 0 0 25.1px rgba(255, 255, 255, 0.59)
}

@media ( min-width : 1200px) {
body.pages_show_redeem_wine_coupon .learn-splash .coupon-redeem-header h1
    {
    margin-bottom: 16px
}
}

@media ( max-width : 961px) {
body.pages_show_redeem_wine_coupon .learn-splash .coupon-redeem-header h1
    {
    font-size: 24px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 20px
}
}

body.pages_show_redeem_wine_coupon .learn-splash .coupon-redeem-header .coupon-copy
{
margin-top: 16px;
max-height: 190px;
overflow: auto
}

body.pages_show_redeem_wine_coupon .learn-splash .coupon-redeem-header label
{
font-size: 16px;
color: #0f346c;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif
}

body.pages_show_redeem_wine_coupon .learn-splash .coupon-redeem-header .form-inline
{
margin: 16px 0 0 0
}

body.pages_show_redeem_wine_coupon .learn-splash .coupon-redeem-header input
{
width: 100%
}

body.pages_show_redeem_wine_coupon .learn-splash .coupon-redeem-header p
{
line-height: 1.5
}

body.pages_show_redeem_wine_coupon .learn-splash .img-wine-container {
background: #d3d5db
    url("wine/wine-redeem-coupon-a5457c2c3fc68580ba6dd524bb0dafe6a8f8ae0c5c076d488d9aaa20f5635d70.jpg")
    center;
background-size: cover;
height: 300px
}

.usa-map {
text-align: center
}

.usa-map .state {
fill: #C0C4C9
}

.usa-map .highlighted {
fill: #70B661
}

.usa-map .border {
fill: none;
stroke: #fff;
stroke-linejoin: round;
stroke-linecap: round
}

.ba-icons .play-icon {
position: absolute;
top: 50%;
left: 50%;
margin: -93px 0 0 -93px
}

@media ( max-width : 961px) {
.ba-icons .play-icon {
    margin: -40px -40px
}
}

.pages_show_supplier_page-main {
padding-bottom: 30px
}

@media ( max-width : 961px) {
.pages_show_supplier_page-main {
    padding: 0 20px;
    padding-bottom: 30px
}
}

body.pages_show_supplier_page #body-wrap {
background: none;
background-color: white
}

body.pages_show_supplier_page .page-image {
display: none !important
}

body.pages_show_supplier_page img {
max-width: 100%;
height: auto;
vertical-align: middle
}

body.pages_show_supplier_page .vid-play {
position: relative
}

body.pages_show_supplier_page .return-link {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #313567;
font-weight: 600
}

body.pages_show_supplier_page .ba-icons .play-icon {
height: 186px;
width: 186px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -725px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
body.pages_show_supplier_page .ba-icons .play-icon {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -606px;
    background-size: 186px, auto
}
}

@media ( max-width : 961px) {
body.pages_show_supplier_page .ba-icons .play-icon {
    height: 80px;
    width: 80px;
    background-image:
        url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
    background-position: 0 -1233px;
    background-repeat: no-repeat
}
}

@media ( max-width : 961px) and (-webkit-min-device-pixel-ratio: 1.5) , (
    max-width : 961px) and (min--moz-device-pixel-ratio: 1.5) , (
    max-width : 961px) and (-o-min-device-pixel-ratio: 3 / 2) , (
    max-width : 961px) and (min-device-pixel-ratio: 1.5) {
body.pages_show_supplier_page .ba-icons .play-icon {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -1113px;
    background-size: 186px, auto
}
}

body.pages_show_supplier_page .ba-icons .play-icon:hover {
height: 186px;
width: 186px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -911px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
body.pages_show_supplier_page .ba-icons .play-icon:hover {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -792px;
    background-size: 186px, auto
}
}

@media ( max-width : 961px) {
body.pages_show_supplier_page .ba-icons .play-icon:hover {
    height: 80px;
    width: 80px;
    background-image:
        url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
    background-position: 0 -1097px;
    background-repeat: no-repeat
}
}

@media ( max-width : 961px) and (-webkit-min-device-pixel-ratio: 1.5) , (
    max-width : 961px) and (min--moz-device-pixel-ratio: 1.5) , (
    max-width : 961px) and (-o-min-device-pixel-ratio: 3 / 2) , (
    max-width : 961px) and (min-device-pixel-ratio: 1.5) {
body.pages_show_supplier_page .ba-icons .play-icon:hover {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -978px;
    background-size: 186px, auto
}
}

.fixed-header.no-padding {
padding-top: 0px
}

.fixed-header {
margin-top: 30px
}

.fixed-header .basic-page .container {
padding-top: 0px
}

@media ( max-width : 961px) {
.fixed-header .basic-page .container {
    margin-top: 0
}
}

.fixed-header h1 {
padding: 0;
font-weight: 600
}

@media ( max-width : 961px) {
.fixed-header h1 {
    padding: 0;
    font-size: 32px
}
}

.fixed-header #splash-hldr {
display: block
}

@media ( max-width : 961px) {
.fixed-header #splash-hldr {
    margin: 0 -20px
}
}

.fixed-header.no-padding #splash-hldr {
border-top: 0px
}

.fixed-header #subtitle {
text-align: center;
margin-top: -28px;
margin-bottom: 30px;
position: relative
}

.fixed-header #subtitle h2 {
border-radius: 40px;
background-color: #0f346c;
color: #ffffff;
text-align: center;
font-weight: 500;
font-size: 32px;
min-height: 56px;
line-height: 53px;
display: inline-block;
margin: 0;
padding: 0 45px
}

#ie7 .fixed-header #subtitle h2 {
display: inline
}

.fixed-header #subtitle h2.signika {
font-family: "Cera Pro";
font-weight: 600;
font-style: normal
}

@media ( max-width : 961px) {
.fixed-header #subtitle {
    margin-top: -17px
}
.fixed-header #subtitle h2 {
    line-height: 34px;
    min-height: 34px;
    font-size: 22px;
    padding: 0 25px
}
}

.fixed-header .supplier-content {
width: 745px;
margin: 0 auto;
color: #555
}

.fixed-header .supplier-content .supplier-blurb {
text-align: center;
font-size: 16px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
line-height: 165%;
padding-bottom: 16px
}

.fixed-header .supplier-content .supplier-row {
border-top: 1px solid #ccc;
padding: 40px 0;
*zoom: 1
}

.fixed-header .supplier-content .supplier-row:after {
content: "";
display: table;
clear: both
}

.fixed-header .supplier-content .supplier-row .img-hldr {
float: left;
margin-right: 20px;
width: 325px
}

.fixed-header .supplier-content .supplier-row .img-hldr a {
display: block
}

.fixed-header .supplier-content .supplier-row .img-hldr img {
width: 325px
}

@media ( max-width : 961px) {
.fixed-header .supplier-content .supplier-row .img-hldr {
    float: none;
    margin-right: 0;
    width: auto
}
.fixed-header .supplier-content .supplier-row .img-hldr img {
    width: 100%
}
.fixed-header .supplier-content .supplier-row .img-hldr a {
    margin-bottom: 15px
}
}

.fixed-header .supplier-content .supplier-row a {
font-weight: 500
}

.fixed-header .supplier-content .supplier-row .ico {
font-family: "FontAwesome";
margin-left: 10px;
text-decoration: none !important;
display: inline-block;
position: relative;
bottom: -2px;
font-size: 16px
}

.fixed-header .supplier-content .supplier-row h3 {
color: #303236;
font-size: 24px;
line-height: 110%;
margin: 0 0 15px
}

.fixed-header .supplier-content .supplier-row h3.row-header {
text-align: center;
margin-bottom: 30px
}

.fixed-header .supplier-content .txt-hldr {
float: left;
width: 400px
}

.fixed-header .supplier-content .txt-hldr p {
margin: 20px 0;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
line-height: 165%
}

.fixed-header .supplier-content .txt-hldr p.row-subtitle {
margin-top: 0;
font-size: 16px;
font-weight: 500
}

@media ( max-width : 961px) {
.fixed-header .supplier-content .txt-hldr {
    float: none;
    width: auto
}
}

.fixed-header .supplier-content .map-area {
display: none;
width: 415px;
margin: 0 auto
}

.fixed-header .supplier-content .map-area .map-img {
float: right
}

.fixed-header .supplier-content .map-area .map-txt {
float: left;
width: 190px;
margin-right: 30px;
margin-top: 65px;
text-align: right;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 600
}

.fixed-header .supplier-content .map-area .map-txt .made-in,
.fixed-header .supplier-content .map-area .map-txt .location {
display: block;
font-weight: 500
}

.fixed-header .supplier-content .map-area .map-txt .made-in {
font-size: 17px;
color: #111
}

.fixed-header .supplier-content .map-area .map-txt .location {
font-size: 26px;
color: #0f346c
}

@media ( max-width : 961px) {
.fixed-header .supplier-content .map-area {
    width: auto;
    margin: 0;
    text-align: center
}
.fixed-header .supplier-content .map-area .map-img {
    float: none;
    margin-top: 10px;
    display: inline-block
}
.fixed-header .supplier-content .map-area .map-txt {
    float: none;
    width: auto;
    margin: 0;
    text-align: center
}
}

@media ( max-width : 961px) {
.fixed-header .supplier-content {
    width: auto
}
.fixed-header .supplier-content .supplier-blurb {
    font-size: 14px
}
}

.pages_show_listing_page-main {
padding-bottom: 40px
}

@media ( max-width : 961px) {
.pages_show_listing_page-main {
    padding: 0 20px
}
}

body.pages_show_listing_page #body-wrap {
background: none;
background-color: white
}

body.pages_show_listing_page .page-image {
display: none !important
}

body.pages_show_listing_page .basic-page .container {
padding-top: 0px
}

@media ( max-width : 961px) {
body.pages_show_listing_page .basic-page .container {
    margin-top: 0
}
}

body.pages_show_listing_page h1 {
font-size: 30px
}

@media ( max-width : 961px) {
body.pages_show_listing_page h1 {
    padding: 0;
    font-size: 26px
}
}

@media ( max-width : 961px) {
body.pages_show_listing_page #splash-hldr {
    margin: 0 -20px
}
}

body.pages_show_listing_page .listing-content {
margin: 25px 0 0 0;
color: #6a6d75
}

body.pages_show_listing_page .listing-content .listing-blurb {
text-align: left;
font-size: 16px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
line-height: 165%;
padding-bottom: 10px
}

body.pages_show_listing_page .listing-content .listing-row {
margin-bottom: 20px;
*zoom: 1
}

body.pages_show_listing_page .listing-content .listing-row:after {
content: "";
display: table;
clear: both
}

body.pages_show_listing_page .listing-content .listing-row:last-child .listing-col:last-child
{
border: none
}

body.pages_show_listing_page .listing-content .listing-row .listing-col
{
box-sizing: border-box;
width: 50%;
float: left;
padding: 0 0 0 20px
}

body.pages_show_listing_page .listing-content .listing-row .listing-col:first-child
{
padding: 0 20px 0 0
}

@media ( max-width : 961px) {
body.pages_show_listing_page .listing-content .listing-row .listing-col
    {
    width: 100%;
    padding: 30px 0 0 0;
    border-bottom: 1px solid #ccc
}
body.pages_show_listing_page .listing-content .listing-row .listing-col:first-child
    {
    padding: 0 0 15px 0
}
}

body.pages_show_listing_page .listing-content .listing-row .img-hldr {
float: left;
width: 50%;
box-sizing: border-box
}

body.pages_show_listing_page .listing-content .listing-row .img-hldr img
{
border-radius: 4px;
width: 100%;
max-width: 100%;
height: auto
}

@media ( max-width : 961px) {
body.pages_show_listing_page .listing-content .listing-row .img-hldr {
    float: none;
    width: auto;
    margin-bottom: 15px
}
body.pages_show_listing_page .listing-content .listing-row .img-hldr img
    {
    width: 100%
}
}

body.pages_show_listing_page .listing-content .listing-row a {
font-style: normal;
font-weight: 600
}

body.pages_show_listing_page .listing-content .listing-row .ico {
font-family: "FontAwesome";
margin-left: 10px;
text-decoration: none !important;
display: inline-block;
position: relative;
bottom: -2px;
font-size: 16px
}

body.pages_show_listing_page .listing-content .listing-row h3 {
color: #0f346c;
font-size: 20px;
font-weight: 400;
line-height: 125%;
margin: 0 0 15px
}

body.pages_show_listing_page .listing-content .listing-row h3.row-header
{
text-align: center
}

body.pages_show_listing_page .listing-content .txt-hldr {
float: left;
width: 50%;
padding-left: 15px;
box-sizing: border-box
}

body.pages_show_listing_page .listing-content .txt-hldr p {
margin: 20px 0;
font-size: 13px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
line-height: 165%;
color: #6a6d75
}

body.pages_show_listing_page .listing-content .txt-hldr p.col-subtitle {
color: #303236;
margin-top: 0;
font-size: 14px;
font-weight: 500;
margin: 0 0 8px 0
}

@media ( max-width : 961px) {
body.pages_show_listing_page .listing-content .txt-hldr {
    float: none;
    width: auto;
    padding-left: 0
}
}

body.pages_show_listing_page .listing-content .map-area {
width: 415px;
margin: 0 auto
}

body.pages_show_listing_page .listing-content .map-area .map-img {
float: right
}

body.pages_show_listing_page .listing-content .map-area .map-txt {
float: left;
width: 190px;
margin-right: 30px;
margin-top: 65px;
text-align: right
}

body.pages_show_listing_page .listing-content .map-area .map-txt .made-in,
body.pages_show_listing_page .listing-content .map-area .map-txt .location
{
display: block;
font-weight: 500
}

body.pages_show_listing_page .listing-content .map-area .map-txt .made-in
{
font-size: 17px;
color: #111
}

body.pages_show_listing_page .listing-content .map-area .map-txt .location
{
font-size: 26px;
color: #0f346c
}

@media ( max-width : 961px) {
body.pages_show_listing_page .listing-content .map-area {
    width: auto;
    margin: 0;
    text-align: center
}
body.pages_show_listing_page .listing-content .map-area .map-img {
    float: none;
    margin-top: 10px;
    display: inline-block
}
body.pages_show_listing_page .listing-content .map-area .map-txt {
    float: none;
    width: auto;
    margin: 0;
    text-align: center
}
}

@media ( max-width : 961px) {
body.pages_show_listing_page .listing-content {
    width: auto;
    margin: 25px 0 0
}
body.pages_show_listing_page .listing-content .listing-blurb {
    font-size: 14px;
    margin: 0
}
}

.pages_show_info_page-main {
background-color: #fff
}

.info-page {
background-color: #fff;
padding: 30px 0
}

.marketplace.marketplace-checkout .js-BasketView, .marketplace.marketplace-thanks .js-BasketView
{
display: none
}

.marketplace .cms .span6 {
width: 47.4359%;
float: left;
position: relative;
min-height: 1px;
margin-left: 1.28205%;
margin-right: 1.28205%
}

@media ( max-width : 961px) {
.marketplace .cms .span6 {
    width: 97.4359%
}
.marketplace .cms .span6:first-child {
    margin-bottom: 10px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.marketplace .marketplace-page .container {
    padding-top: 30px
}
.marketplace .marketplace-page .container#checkout {
    padding-top: 0px
}
}

.marketplace .marketplace-notifications {
background-color: #FDF6E4;
border: #f7b100 1px solid;
color: #303236;
padding: 14px;
text-align: left
}

.marketplace img {
width: 100%
}

.marketplace #body-wrap {
background: none;
background-color: #fff
}

.marketplace.bg-offwhite #body-wrap {
background-color: #fafbfc
}

.marketplace .list-reset, .marketplace .l-inline, .marketplace .product-view .more-img-area,
.marketplace .product-view .add-to-cart-section, .marketplace .product-view .market-social,
.marketplace .product-view .details-tab-hldr, .marketplace .l-inline-block,
.marketplace .l-stacked, .marketplace .l-bullet {
list-style: none;
line-height: inherit
}

.marketplace .l-inline>li, .marketplace .product-view .more-img-area>li,
.marketplace .product-view .add-to-cart-section>li, .marketplace .product-view .market-social>li,
.marketplace .product-view .details-tab-hldr>li {
float: left
}

.marketplace .l-inline-block>li {
display: inline-block;
zoom: 1;
*display: inline
}

.marketplace .l-stacked>li {
display: block
}

.marketplace .l-bullet {
list-style: disc
}

.marketplace .l-bullet>li {
margin-left: 15px
}

.marketplace .group, .marketplace .l-inline, .marketplace .product-view .more-img-area,
.marketplace .product-view .add-to-cart-section, .marketplace .product-view .market-social,
.marketplace .product-view .details-tab-hldr, .marketplace .l-inline>li,
.marketplace .product-view .more-img-area>li, .marketplace .product-view .add-to-cart-section>li,
.marketplace .product-view .market-social>li, .marketplace .product-view .details-tab-hldr>li,
.marketplace .l-inline-block>li, .marketplace .l-stacked>li,
.marketplace .l-bullet>li, .marketplace .marketplace-page .col-3,
.marketplace .marketplace-page .col-4, .marketplace .marketplace-page .col-6,
.marketplace .marketplace-page .col-9 {
*zoom: 1
}

.marketplace .group:before, .marketplace .l-inline:before, .marketplace .product-view .more-img-area:before,
.marketplace .product-view .add-to-cart-section:before, .marketplace .product-view .market-social:before,
.marketplace .product-view .details-tab-hldr:before, .marketplace .l-inline>li:before,
.marketplace .product-view .more-img-area>li:before, .marketplace .product-view .add-to-cart-section>li:before,
.marketplace .product-view .market-social>li:before, .marketplace .product-view .details-tab-hldr>li:before,
.marketplace .l-inline-block>li:before, .marketplace .l-stacked>li:before,
.marketplace .l-bullet>li:before, .marketplace .marketplace-page .col-3:before,
.marketplace .marketplace-page .col-4:before, .marketplace .marketplace-page .col-6:before,
.marketplace .marketplace-page .col-9:before, .marketplace .group:after,
.marketplace .l-inline:after, .marketplace .product-view .more-img-area:after,
.marketplace .product-view .add-to-cart-section:after, .marketplace .product-view .market-social:after,
.marketplace .product-view .details-tab-hldr:after, .marketplace .l-inline>li:after,
.marketplace .product-view .more-img-area>li:after, .marketplace .product-view .add-to-cart-section>li:after,
.marketplace .product-view .market-social>li:after, .marketplace .product-view .details-tab-hldr>li:after,
.marketplace .l-inline-block>li:after, .marketplace .l-stacked>li:after,
.marketplace .l-bullet>li:after, .marketplace .marketplace-page .col-3:after,
.marketplace .marketplace-page .col-4:after, .marketplace .marketplace-page .col-6:after,
.marketplace .marketplace-page .col-9:after {
content: " ";
display: table
}

.marketplace .group:after, .marketplace .l-inline:after, .marketplace .product-view .more-img-area:after,
.marketplace .product-view .add-to-cart-section:after, .marketplace .product-view .market-social:after,
.marketplace .product-view .details-tab-hldr:after, .marketplace .l-inline>li:after,
.marketplace .product-view .more-img-area>li:after, .marketplace .product-view .add-to-cart-section>li:after,
.marketplace .product-view .market-social>li:after, .marketplace .product-view .details-tab-hldr>li:after,
.marketplace .l-inline-block>li:after, .marketplace .l-stacked>li:after,
.marketplace .l-bullet>li:after, .marketplace .marketplace-page .col-3:after,
.marketplace .marketplace-page .col-4:after, .marketplace .marketplace-page .col-6:after,
.marketplace .marketplace-page .col-9:after {
clear: both
}

.marketplace .js-BasketView {
display: block
}

.marketplace-checkout .marketplace .js-BasketView, .marketplace-thanks .marketplace .js-BasketView
{
display: none
}

@media ( max-width : 767px) {
.marketplace .js-BasketView.desktop-basket {
    display: none
}
}

.marketplace #ie7 .js-BasketView.desktop-basket {
display: block
}

.marketplace #ie7 .marketplace-checkout .js-BasketView, .marketplace #ie7 .marketplace-thanks .js-BasketView
{
display: none
}

.marketplace .marketplace-action-bar {
background-color: #ffffff;
padding: 0;
position: fixed;
top: 68px;
height: 51px;
width: 100%;
z-index: 6;
font-size: 13px;
border-bottom: 1px solid #e4e6eb;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.02)
}

@media ( max-width : 961px) {
.marketplace .marketplace-action-bar .col-xs-12 {
    position: initial
}
}

#ie7 .marketplace .marketplace-action-bar, #ie8 .marketplace .marketplace-action-bar
{
border-bottom: 1px solid #bbb
}

@media ( max-width : 961px) {
.marketplace .marketplace-action-bar {
    padding: 5px;
    width: auto;
    position: relative;
    top: auto;
    border-top-width: 0;
    height: 26px
}
.marketplace .marketplace-action-bar.float_nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 26px;
    overflow: visible;
    z-index: 2000
}
}

@media ( max-width : 961px) {
.marketplace .marketplace-action-bar .advert-hldr {
    float: left;
    width: 45%
}
}

@media ( max-width : 767px) {
.marketplace .marketplace-action-bar.float_nav .advert-hldr {
    display: none
}
}

@media ( max-width : 961px) {
.marketplace .marketplace-action-bar .basket-area {
    width: 30%
}
}

.marketplace .marketplace-action-bar .mobile-filter-hldr {
display: none;
width: 55%;
float: left;
height: 22px
}

@media ( max-width : 961px) {
.marketplace .marketplace-action-bar .mobile-filter-hldr {
    display: block
}
}

.marketplace .marketplace-action-bar .mobile-filter-hldr.open-area .toggle-caret
{
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition-duration: 0.25s
}

.marketplace .marketplace-action-bar .mobile-market-basket {
display: none
}

@media ( max-width : 767px) {
.marketplace .marketplace-action-bar.float_nav .mobile-market-basket {
    display: block;
    float: right;
    margin: 0 6px 0 0;
    top: -4px
}
.marketplace .marketplace-action-bar.float_nav .mobile-market-basket .basket-num
    {
    border-color: #f7f7f9
}
}

.marketplace .marketplace-action-bar .toggle-txt {
font-size: 12px;
line-height: 15px;
color: #7581a7;
cursor: pointer;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
margin-left: 10px;
position: relative;
top: 2px;
padding: 11px 0
}

@media ( min-width : 768px) and (max-width: 961px) {
.marketplace .marketplace-action-bar .toggle-txt {
    margin-left: 0px
}
}

.marketplace .marketplace-action-bar .open-area .toggle-txt {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4
}

.marketplace .marketplace-action-bar .toggle-caret {
display: inline-block;
cursor: pointer;
width: 7px;
margin-right: 1px
}

.marketplace .marketplace-action-bar .toggle-caret:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}

.marketplace .marketplace-action-bar .toggle-caret object {
width: 100%;
z-index: -98
}

.marketplace .marketplace-action-bar .mobile-nav-area {
display: none;
position: absolute;
padding: 0;
top: 36px;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.95);
margin: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out
}

@media ( max-width : 961px) {
.marketplace .marketplace-action-bar .mobile-nav-area {
    display: block
}
}

.marketplace .marketplace-action-bar .open-area .mobile-nav-area {
max-height: 200px;
border-bottom: 1px solid #b9b9bb;
transition: max-height 0.9s ease-out;
padding-bottom: 10px;
padding-top: 10px
}

.marketplace .marketplace-action-bar .mobile-nav-item {
display: block;
margin: 0
}

.marketplace .marketplace-action-bar .mobile-nav-item.active .mobile-taxon-filter
{
border-right: 2px solid #7581a7;
border-left: 2px solid #7581a7
}

.marketplace .marketplace-action-bar .mobile-taxon-filter {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #0f346c;
font-size: 15px;
padding: 10px 0 10px 16px;
height: 15px;
line-height: 15px;
display: block;
cursor: pointer
}

@media ( min-width : 768px) and (max-width: 961px) {
.marketplace .marketplace-action-bar .mobile-taxon-filter {
    padding-left: 27px
}
}

.marketplace .marketplace-action-bar .advert {
float: right;
padding: 0px 3px;
line-height: 50px;
text-align: right;
cursor: pointer;
position: relative;
top: 3px
}

.marketplace .marketplace-action-bar .advert:hover {
text-decoration: underline
}

@media ( min-width : 962px) and (max-width: 1199px) {
.marketplace .marketplace-action-bar .advert {
    top: 0px
}
}

#ie7 .marketplace .marketplace-action-bar .advert, #ie8 .marketplace .marketplace-action-bar .advert
{
top: 0px
}

@media ( min-width : 1200px) {
.marketplace .marketplace-action-bar .advert {
    top: 0px
}
}

@media ( max-width : 961px) {
.marketplace .marketplace-action-bar .advert {
    padding: 0px 13px 0 0;
    font-size: 10px;
    line-height: 20px
}
}

.marketplace .marketplace-action-bar .advert .line-one, .marketplace .marketplace-action-bar .advert .line-two
{
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-style: normal
}

.marketplace .marketplace-action-bar .advert .line-one {
color: #009978;
font-weight: 500
}

.marketplace .marketplace-action-bar .advert .line-two {
font-weight: 400;
color: #0f346c
}

@media ( max-width : 961px) {
.marketplace .marketplace-action-bar .advert .line-two {
    display: none
}
}

.marketplace .marketplace-action-bar .filter-hldr {
float: left;
width: 740px
}

@media ( max-width : 961px) {
.marketplace .marketplace-action-bar .filter-hldr {
    display: none
}
}

.marketplace .marketplace-action-bar .nav-area {
overflow: hidden;
*zoom: 1;
font-size: 0;
margin: 0
}

.marketplace .marketplace-action-bar .taxon-filter {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
color: #6a6d75;
font-size: 14px;
padding: 0 5px;
margin: 0;
height: 50px;
line-height: 50px;
display: inline-block;
cursor: pointer;
box-sizing: border-box
}

.marketplace .marketplace-action-bar .taxon-filter:hover {
color: #0f346c;
text-decoration: none
}

.marketplace .marketplace-action-bar .nav-item {
display: inline-block;
margin-left: 18px
}

.marketplace .marketplace-action-bar .nav-item.active .taxon-filter {
color: #0f346c;
text-decoration: none;
font-weight: 500
}

#ie7 .marketplace .marketplace-action-bar .nav-item {
display: inline
}

.marketplace .marketplace-action-bar .nav-item:first-of-type {
margin-left: 0px
}

.marketplace .marketplace-action-bar .nav-item:first-of-type .taxon-filter
{
padding-left: 0px
}

.marketplace .spacing-bar {
display: block;
visibility: hidden;
height: 41px;
margin: 0
}

@media ( max-width : 767px) {
.marketplace .spacing-bar {
    display: none
}
.marketplace .spacing-bar.float_nav {
    display: block
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.marketplace .spacing-bar {
    display: none
}
}

.marketplace .product-view, .marketplace .checkout-view {
margin: 35px 0
}

.marketplace .marketplace-page {
min-height: 500px
}

@media ( max-width : 961px) {
.marketplace .marketplace-page {
    min-height: 300px
}
}

.marketplace .marketplace-page form {
margin: 0
}

.marketplace .marketplace-page .col-3, .marketplace .marketplace-page .col-4,
.marketplace .marketplace-page .col-6, .marketplace .marketplace-page .col-9
{
float: left;
margin-left: 4%
}

@media ( max-width : 961px) {
.marketplace .marketplace-page .col-3, .marketplace .marketplace-page .col-4,
    .marketplace .marketplace-page .col-6, .marketplace .marketplace-page .col-9
    {
    float: none;
    margin-left: 0
}
.marketplace .marketplace-page .col-3.nested, .marketplace .marketplace-page .col-4.nested,
    .marketplace .marketplace-page .col-6.nested, .marketplace .marketplace-page .col-9.nested
    {
    float: left;
    margin-left: 4%
}
}

.marketplace .marketplace-page .col-3:first-child, .marketplace .marketplace-page .col-4:first-child,
.marketplace .marketplace-page .col-6:first-child, .marketplace .marketplace-page .col-9:first-child
{
margin-left: 0
}

.marketplace .marketplace-page .col-3 {
width: 24%
}

@media ( max-width : 961px) {
.marketplace .marketplace-page .col-3 {
    width: auto
}
}

.marketplace .marketplace-page .col-4 {
width: 30.66%
}

@media ( max-width : 961px) {
.marketplace .marketplace-page .col-4 {
    width: auto
}
}

.marketplace .marketplace-page .col-6 {
width: 48%
}

@media ( max-width : 961px) {
.marketplace .marketplace-page .col-6 {
    width: auto
}
.marketplace .marketplace-page .col-6.nested {
    width: 48%
}
}

.marketplace .marketplace-page .col-9 {
width: 72%
}

@media ( max-width : 961px) {
.marketplace .marketplace-page .col-9 {
    width: auto
}
}

.marketplace .marketplace-page .main-img_hldr img {
width: 100%
}

.marketplace .marketplace-page .checkout-line-items-hldr .product-hldr {
border-bottom: 1px solid #e6e6ed;
margin-bottom: 25px
}

.marketplace .marketplace-page .checkout-line-items-hldr .product-hldr:last-of-type
{
border-bottom: none;
margin-bottom: 0
}

.marketplace .marketplace-page .upper-product-hldr {
display: inline-block
}

.marketplace .marketplace-page .line-item-shipping .shipment-price {
color: #0f346c;
float: right
}

.marketplace .marketplace-page .shipment-price {
color: #0f346c;
float: right
}

.marketplace .marketplace-page .dob-failure select, .marketplace .marketplace-page .dob-failure label
{
border-color: #d64148;
color: #d64148
}

.marketplace .marketplace-page #shipping_rates .txt {
font-weight: 400
}

.marketplace .marketplace-page .accepted-indicator {
position: absolute;
top: 21px;
right: 8px;
width: 23px;
height: 21px;
margin: 10px 0 0 15px;
background:
    url("new-design/icons/icon-green-check.png")
}

@media ( max-width : 961px) {
.marketplace .marketplace-page .checkout-fields-hldr {
    padding: 0 20px;
    margin-bottom: 30px
}
}

.marketplace .marketplace-page #marketplace-checkout-recaptcha {
position: fixed;
top: 10%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}

.marketplace .marketplace-page .security-badge {
margin-top: 20px;
height: 26px;
width: 119px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -1406px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.marketplace .marketplace-page .security-badge {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -1286px;
    background-size: 186px, auto
}
}

.marketplace .marketplace-page .checkout-group {
position: relative;
margin-bottom: 30px
}

.marketplace .marketplace-page .checkout-fields {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
position: relative
}

.marketplace .marketplace-page .checkout-fields .card-info {
overflow: hidden;
*zoom: 1
}

.marketplace .marketplace-page .checkout-fields .credit-card {
background-size: 100%;
height: 26px;
min-height: 26px;
width: 43px;
display: inline-block;
float: left;
margin-right: 10px
}

.marketplace .marketplace-page .checkout-fields .american_express {
background-image:
    url("creditcards/amex-1d28da434924222185b60f26a4129c23d0561e46ca9a012ecb36164ba3b04d9e.png")
}

.marketplace .marketplace-page .checkout-fields .discover {
background-image:
    url("creditcards/discover-fe88bb3ee9b37758bd59ba19db61b82040f856507a1f70439c30fe495a56bea2.png")
}

.marketplace .marketplace-page .checkout-fields .master {
background-image:
    url("creditcards/mastercard-93da9e6de248ab67047f4d1af7c25a8dc683bc63503b02a00aa238ba31fa8508.png")
}

.marketplace .marketplace-page .checkout-fields .visa {
background-image:
    url("creditcards/visa-1c8a64a8ad2af0dd7a27a4c3bb7d319f873c0caf2faf5f2f0587e1df6905a12d.png")
}

.marketplace .marketplace-page .checkout-fields .read-info-title {
font-size: 17px;
margin: 0 0 20px
}

.marketplace .marketplace-page .checkout-fields .read-info-field {
font-size: 16px;
line-height: 165%;
color: #333;
margin-bottom: 4px
}

.marketplace .marketplace-page .checkout-fields .summary-title {
border-bottom: 1px solid #e4e6eb;
margin: 0 0 20px;
padding: 22px 0 10px;
line-height: 26px;
overflow: hidden;
*zoom: 1
}

.marketplace .marketplace-page .checkout-fields .summary-title h3 {
font-size: 20px;
float: left
}

.marketplace .marketplace-page .checkout-fields .summary-title div {
display: inline-block
}

.marketplace .marketplace-page .checkout-fields .summary-title p {
font-size: 12px;
margin-bottom: 0
}

.marketplace .marketplace-page .checkout-fields .summary-title .edit-link
{
cursor: pointer;
float: left;
color: #0f346c;
font-size: 12px;
margin-left: 5px
}

.marketplace .marketplace-page .checkout-fields .summary-title .edit-link:hover
{
text-decoration: underline
}

.marketplace .marketplace-page .checkout-fields input, .marketplace .marketplace-page .checkout-fields select,
.marketplace .marketplace-page .checkout-fields textarea {
margin: 0
}

.marketplace .marketplace-page .checkout-fields input[type="text"],
.marketplace .marketplace-page .checkout-fields input[type="email"],
.marketplace .marketplace-page .checkout-fields input[type="tel"],
.marketplace .marketplace-page .checkout-fields input[type="password"]
{
width: 100%;
height: 33px;
padding: 0 10px;
box-sizing: border-box
}

#ie7 .marketplace .marketplace-page .checkout-fields input[type="text"],
#ie8 .marketplace .marketplace-page .checkout-fields input[type="text"],
#ie7 .marketplace .marketplace-page .checkout-fields input[type="email"],
#ie8 .marketplace .marketplace-page .checkout-fields input[type="email"],
#ie7 .marketplace .marketplace-page .checkout-fields input[type="tel"],
#ie8 .marketplace .marketplace-page .checkout-fields input[type="tel"],
#ie7 .marketplace .marketplace-page .checkout-fields input[type="password"],
#ie8 .marketplace .marketplace-page .checkout-fields input[type="password"]
{
line-height: 33px
}

#ie7 .marketplace .marketplace-page .checkout-fields input[type="text"],
#ie7 .marketplace .marketplace-page .checkout-fields input[type="email"],
#ie7 .marketplace .marketplace-page .checkout-fields input[type="tel"],
#ie7 .marketplace .marketplace-page .checkout-fields input[type="password"]
{
width: 80%
}

.marketplace .marketplace-page .checkout-fields input[type="checkbox"],
.marketplace .marketplace-page .checkout-fields input[type="radio"] {
margin: 0 5px 0 0
}

.marketplace .marketplace-page .checkout-fields input[type="radio"] {
float: none
}

.marketplace .marketplace-page .checkout-fields select {
width: 100%;
padding: 0 10px;
height: 33px
}

#ie7 .marketplace .marketplace-page .checkout-fields select, #ie8 .marketplace .marketplace-page .checkout-fields select
{
line-height: 33px;
padding: 0 0 10px
}

.marketplace .marketplace-page .checkout-fields #card_exp {
float: left;
width: 100%
}

.marketplace .marketplace-page .checkout-fields .control-group .form-label
{
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}

.marketplace .marketplace-page .checkout-fields .control-group .form-input
{
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}

.marketplace .marketplace-page .checkout-fields .StripeElement--invalid
{
border-color: #e64c53
}

.marketplace .marketplace-page .checkout-fields .StripeElement--invalid 
~ .form-label {
color: #e64c53
}

.marketplace .marketplace-page .checkout-fields .exp_month .help-block {
margin-top: 40px
}

.marketplace .marketplace-page .checkout-fields textarea {
width: 100%;
height: 110px;
padding: 10px 2%
}

.marketplace .marketplace-page .checkout-fields label {
margin-bottom: 5px;
font-size: 16px;
color: #2e3266;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 500;
display: inline
}

.marketplace .marketplace-page .checkout-fields .shipping-row,
.marketplace .marketplace-page .checkout-fields .billing-row {
margin-bottom: 15px
}

.marketplace .marketplace-page .checkout-fields .control-group {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
margin-top: 0
}

.marketplace .marketplace-page .checkout-fields .shipping-input {
margin-bottom: 15px
}

.marketplace .marketplace-page .checkout-fields .clear-control-group .control-group
{
margin-bottom: 0
}

.marketplace .marketplace-page .checkout-fields .btn-hldr {
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #f0f0f0;
overflow: hidden;
*zoom: 1
}

.marketplace .marketplace-page .checkout-fields .btn-hldr .btn-shift {
float: left;
position: relative
}

.marketplace .marketplace-page .checkout-fields .btn-hldr .btn-shift .spinner
{
top: 18px;
left: 20px
}

.marketplace .marketplace-page .checkout-fields .btn-hldr .cancel-btn {
font-size: 14px;
line-height: 47.88px;
height: 47.88px;
padding: 0 35px;
background-image: none;
float: left;
margin-left: 10px
}

.marketplace .marketplace-page .checkout-fields .btn-hldr .commit-btn {
font-size: 14px;
line-height: 47.88px;
height: 47.88px;
padding: 0 35px;
float: left;
outline: 0
}

.marketplace .marketplace-page .checkout-fields .btn-hldr input.shifted
{
padding-left: 38px
}

.marketplace .marketplace-page .checkout-fields .help-inline {
padding: 0;
display: block
}

.marketplace .marketplace-page .pretty-radio-wrap {
margin-bottom: 8px
}

.marketplace .marketplace-page .display-cost {
font-weight: 600;
margin-right: 3px
}

.marketplace .marketplace-page .gift-option {
overflow: hidden;
*zoom: 1;
margin-bottom: 10px
}

.marketplace .marketplace-page .gift-option .txt {
font-weight: 500
}

.marketplace .marketplace-page .gift-message-hldr .control-group {
margin-bottom: 15px
}

@media ( max-width : 961px) {
.marketplace .marketplace-page .gift-message-hldr {
    padding-left: 0
}
}

.marketplace .marketplace-page .gift-message-length {
font-size: 12px
}

.marketplace .marketplace-page .checkout-summary {
position: relative;
background-color: #fafafc;
border: 1px solid #cacbd4;
border-radius: 4px;
padding: 20px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #303236
}

@media ( max-width : 961px) {
.marketplace .marketplace-page .checkout-summary {
    border-left-width: 0;
    border-right-width: 0;
    border-radius: 0
}
}

.marketplace .marketplace-page .checkout-promo {
margin-top: 20px
}

.marketplace .marketplace-page .checkout-promo .toggle-indicator {
float: right;
font-size: 18px
}

.marketplace .marketplace-page .checkout-promo .toggle-indicator:hover,
.marketplace .marketplace-page .checkout-promo .toggle-indicator:active,
.marketplace .marketplace-page .checkout-promo .toggle-indicator:focus
{
text-decoration: none
}

.marketplace .marketplace-page .checkout-promo .promo-form {
margin-top: 20px;
margin-bottom: 0
}

.marketplace .marketplace-page .checkout-promo .promo-form .promo-code {
width: 100%
}

.marketplace .marketplace-page .checkout-promo .btn--promo {
margin-top: 15px
}

.marketplace .marketplace-page .checkout-promo .error-text {
display: none;
margin: 15px 0 0 0;
font-size: 13px;
color: #d64148
}

.marketplace .marketplace-page .totals-section {
border-top: 1px solid #e6e6ed;
padding-top: 20px
}

.marketplace .marketplace-page .multiple-packages-warning {
background-color: #E8F1FF;
margin-bottom: 25px
}

.marketplace .marketplace-page .multiple-packages-warning p {
padding: 13px;
font-size: 15px;
color: #0f346c;
text-align: center
}

.marketplace .marketplace-page .summary-section:first-child {
margin-top: 0
}

.marketplace .marketplace-page .summary-title {
overflow: hidden;
*zoom: 1;
border-bottom: 1px solid #e6e6ed;
margin: 0 0 20px;
padding-bottom: 10px
}

.marketplace .marketplace-page .summary-title h3 {
font-size: 21px;
color: #0f346c;
margin: 0;
float: left
}

.marketplace .marketplace-page .summary-title .back-to-market {
float: right;
font-size: 11px
}

.marketplace .marketplace-page .order-btn {
display: block;
width: 100%;
margin-bottom: 15px
}

.marketplace .marketplace-page .terms {
font-size: 13px;
text-align: center;
line-height: 18px;
margin: 0
}

.marketplace .marketplace-page .terms a {
font-weight: 600
}

.marketplace .marketplace-page .edit-shipment-mode {
font-size: 11px;
font-weight: 600
}

.marketplace .marketplace-page .col-list dl {
*zoom: 1;
font-size: 15px;
margin: 0 0 20px
}

.marketplace .marketplace-page .col-list dl:after {
content: "";
display: table;
clear: both
}

.marketplace .marketplace-page .col-list dt {
float: left;
width: 72%
}

.marketplace .marketplace-page .col-list dd {
float: left;
width: 24%;
margin-left: 4%;
text-align: right
}

.marketplace .marketplace-page .col-list dt.full {
float: none;
width: auto
}

.marketplace .marketplace-page .col-list .subtotal-item {
font-weight: 600
}

.marketplace .marketplace-page .col-list .total-item {
font-weight: 600;
font-size: 18px;
border-top: 1px solid #e6e6ed;
padding-top: 20px
}

.marketplace .marketplace-page .white-out {
display: none;
background-color: #fff;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
opacity: 0.95;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100
}

.marketplace .marketplace-page .white-out .spinner-area {
padding: 10px 10px 10px 40px;
top: 50%;
left: 50%;
width: 200px;
margin-left: -125px;
height: 50px;
margin-top: -25px;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
position: absolute
}

.marketplace .marketplace-page .totals-white-out {
display: none;
background-color: rgba(255, 255, 255, 0.9);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100
}

.marketplace .marketplace-page .totals-white-out .spinner-area {
top: 45%;
left: 50%;
width: 200px;
margin-left: -100px;
height: 110px;
margin-top: -55px;
position: absolute
}

.marketplace .marketplace-page .totals-white-out .loader-txt {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 18px;
font-weight: 500;
color: #303236;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0
}

.marketplace .marketplace-page .totals-white-out .spinner {
top: 35px;
left: 50%
}

.marketplace .marketplace-page .shipping-edit .white-out {
display: block !important
}

.marketplace .marketplace-page .recaptcha-legal-notice {
font-size: 10px;
line-height: 1.5;
text-align: left;
color: #CACACA;
margin: 0
}

.marketplace .marketplace-page .recaptcha-legal-notice a {
color: lightblue
}

.marketplace .product-view .more-img-area {
margin-top: 20px
}

.marketplace .product-view .more-img-hldr {
width: 23%;
overflow: hidden;
margin-left: 2.66%;
text-align: center
}

.marketplace .product-view .more-img-hldr:first-child {
margin-left: 0
}

.marketplace .product-view .more-img-hldr img {
max-height: 100%;
max-width: 100%
}

@media ( max-width : 961px) {
.marketplace .product-view .prod-images, .marketplace .product-view .prod-info
    {
    padding: 0 20px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.marketplace .product-view .mobile-only {
    display: block !important
}
}

.marketplace .product-view .title-area {
margin: 0 0 35px
}

.marketplace .product-view .prod-name {
margin: 0;
font-size: 26px
}

.marketplace .product-view .sub-title {
margin: 8px 0 0;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
font-weight: 400;
color: #6a6d75
}

.marketplace .product-view .add-to-cart-section {
margin: 35px 0;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400
}

@media ( max-width : 961px) {
.marketplace .product-view .add-to-cart-section {
    margin: 20px 0
}
.marketplace .product-view .add-to-cart-section li {
    float: none;
    margin: 0
}
.marketplace .product-view .add-to-cart-section .price-area {
    margin-bottom: 20px
}
}

.marketplace .product-view .price-area {
margin-right: 30px
}

.marketplace .product-view .out-of-stock-info {
color: #d64148;
line-height: 41px;
font-size: 18px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 600;
position: relative;
left: -20px;
top: 3px;
margin-bottom: 0px
}

@media ( max-width : 961px) {
.marketplace .product-view .out-of-stock-info {
    left: 0px
}
}

.marketplace .product-view .input-number {
float: left;
margin: 0 15px 0 0;
width: 50px;
height: 31px;
line-height: 31px;
text-align: center;
font-size: 18px;
border: 1px solid #d3d5db;
border-radius: 4px;
color: #303236;
box-sizing: content-box;
text-align: center;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
padding: 6px 6px
}

.marketplace .product-view .add-to-cart-btn {
float: left;
-webkit-appearance: none;
font-size: 14px;
line-height: 47.88px;
height: 47.88px;
padding: 0 35px
}

.marketplace .product-view .add-to-cart-btn:focus, .marketplace .product-view .add-to-cart-btn:active
{
outline: 0
}

.marketplace .product-view .cart-spin {
font-size: 14px;
line-height: 47.88px;
height: 47.88px;
padding: 0 35px;
color: #fff;
margin: 0 auto;
display: inline-block;
position: relative;
padding-left: 40px
}

.marketplace .product-view .cart-spin .spinner {
position: relative;
left: -15px;
top: -21px
}

.marketplace .product-view .prod-description {
color: #303236;
font-size: 15px;
line-height: 1.8
}

.marketplace .product-view .market-social {
margin: 35px 0
}

.marketplace .product-view .market-social-button {
margin-right: 20px
}

.marketplace .product-view .details-tab-hldr {
margin-bottom: -1px;
overflow: hidden
}

.marketplace .product-view .details-tab {
text-align: center;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
cursor: pointer;
width: 25%
}

.marketplace .product-view .details-tab .tab-label {
line-height: 18px;
padding: 12px 5px;
font-size: 15px;
height: 36px;
color: #6a6d75;
border-radius: 4px 4px 0 0
}

.marketplace .product-view .details-tab .tab-label:hover {
color: #0f346c
}

@media ( min-width : 962px) and (max-width: 1199px) {
.marketplace .product-view .details-tab .tab-label {
    padding: 12px 10px
}
}

#ie7 .marketplace .product-view .details-tab .tab-label, #ie8 .marketplace .product-view .details-tab .tab-label
{
padding: 12px 10px
}

@media ( max-width : 961px) {
.marketplace .product-view .details-tab .tab-label {
    padding: 5px;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
}

.marketplace .product-view .details-tab.active-tab {
cursor: default;
background-color: #fff;
font-weight: 500
}

.marketplace .product-view .details-tab.active-tab .tab-label {
color: #0f346c;
padding: 12px 4px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc
}

@media ( min-width : 962px) and (max-width: 1199px) {
.marketplace .product-view .details-tab.active-tab .tab-label {
    padding: 12px 9px
}
}

#ie7 .marketplace .product-view .details-tab.active-tab .tab-label, #ie8 .marketplace .product-view .details-tab.active-tab .tab-label
{
padding: 12px 9px
}

@media ( max-width : 961px) {
.marketplace .product-view .details-tab.active-tab .tab-label {
    padding: 5px 4px
}
}

.marketplace .product-view .details-content-hldr {
padding: 20px;
border: 1px solid #ccc;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #303236;
font-size: 14px
}

.marketplace .product-view .details-content {
display: none
}

.marketplace .product-view .details-content.active-tab {
display: block
}

.marketplace .product-view .details-content ul {
margin: 0 0 0 15px
}

.marketplace .product-view .details-content li {
padding-left: 5px;
margin-bottom: 2px
}

.marketplace .product-view .recurring {
overflow: hidden;
*zoom: 1;
margin: 25px 0
}

.marketplace .product-view .recurring input[type="checkbox"] {
float: left;
margin-right: 10px
}

.marketplace .product-view .recurring label {
float: left
}

.marketplace .product-view .recurring .pretty-checkbox {
color: #555
}

.marketplace .market-slide-area {
position: relative;
overflow: hidden;
max-height: 366px;
background-color: #1e1f31;
border-bottom: 1px solid #0f346c;
z-index: 1
}

.marketplace .market-slide-area .hero-carousel-nav {
padding: 0;
height: 0;
width: 0
}

.marketplace .market-slide-area .slide-item {
float: left;
width: 770px;
height: 366px;
margin: 0 auto;
position: relative
}

.marketplace .market-slide-area .slide-overlay {
position: absolute;
background-color: #121426;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 7;
display: block
}

.marketplace .market-slide-area .current {
z-index: 3;
box-shadow: 0 0 0 2px rgba(18, 20, 38, 0.75)
}

.marketplace .market-slide-area .current .slide-overlay {
display: none
}

.marketplace .market-slide-area .current .slide-txt-area {
-ms-transform: translate(0);
-webkit-transform: translate(0);
transform: translate(0);
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1
}

.marketplace .market-slide-area .main-slide-img {
position: absolute;
top: 0;
left: 0;
z-index: 2
}

.marketplace .market-slide-area .slide-txt-area {
transition: opacity 420ms ease-out, -webkit-transform 420ms ease-out;
transition: transform 420ms ease-out, opacity 420ms ease-out;
transition: transform 420ms ease-out, opacity 420ms ease-out,
    -webkit-transform 420ms ease-out;
-ms-transform: translate(-20px);
-webkit-transform: translate(-20px);
transform: translate(-20px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
position: absolute;
top: 20px;
right: 20px;
z-index: 5;
width: 265px;
padding: 20px;
margin: 0;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 2px;
text-align: center
}

.marketplace .market-slide-area .slide-txt-area.left-txt {
right: auto;
left: 20px
}

.marketplace .market-slide-area .slide-txt-area.pos-0 {
right: auto;
left: 20px
}

.marketplace .market-slide-area .slide-txt-area.pos-1 {
right: 20px;
top: 20px
}

.marketplace .market-slide-area .slide-txt-area.pos-2 {
right: auto;
top: auto;
left: 20px;
bottom: 20px
}

.marketplace .market-slide-area .slide-txt-area.pos-3 {
top: auto;
bottom: 20px
}

.marketplace .market-slide-area .slide-title {
color: #0f346c;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 24px;
margin: 0 0 8px;
line-height: 125%;
font-style: normal;
font-weight: 600
}

.marketplace .market-slide-area .slide-txt {
color: #303236;
font-weight: 400;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
line-height: 140%;
margin: 0 0 12px
}

.marketplace .market-slide-area .slide-btn {
font-size: 15px;
line-height: 51.3px;
height: 51.3px;
padding: 0 38px
}

.marketplace .market-slide-area .hero-carousel-nav {
padding: 0;
height: 0;
margin: 0
}

.marketplace .market-slide-area .prev, .marketplace .market-slide-area .next
{
position: absolute;
height: 66px;
width: 40px;
top: 50%;
left: 50%;
margin-top: -33px;
text-align: center;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
z-index: 20;
list-style-type: none
}

.marketplace .market-slide-area .prev a, .marketplace .market-slide-area .next a
{
color: #fff;
font-weight: 200;
font-size: 110px;
line-height: 66px;
text-shadow: 0 0 50px 1px rgba(0, 0, 0, 0.6);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6
}

.marketplace .market-slide-area .prev a:hover, .marketplace .market-slide-area .next a:hover
{
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9
}

.marketplace .market-slide-area .prev {
margin-left: -443px
}

.marketplace .market-slide-area .next {
margin-left: 404px
}

@media ( max-width : 767px) {
.marketplace .market-slide-area .hero-carousel-container {
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important
}
.marketplace .market-slide-area .slide-item {
    max-width: 100%;
    height: auto;
    display: none;
    margin-bottom: -7px
}
.marketplace .market-slide-area .slide-item.current {
    display: block
}
.marketplace .market-slide-area .slide-txt-area {
    border-radius: 0;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    margin: 0;
    width: auto;
    padding: 5px 20px;
    border-top: 1px solid #fff;
    text-align: left
}
.marketplace .market-slide-area .slide-txt-area.left-txt {
    left: 0;
    right: 0
}
.marketplace .market-slide-area .pos-0, .marketplace .market-slide-area .pos-1,
    .marketplace .market-slide-area .pos-2, .marketplace .market-slide-area .pos-3
    {
    left: 0 !important;
    right: 0 !important;
    bottom: 7px !important;
    top: auto !important
}
.marketplace .market-slide-area .slide-title {
    font-size: 16px;
    float: left;
    width: 40%;
    margin: 0;
    padding: 5px 0
}
.marketplace .market-slide-area .slide-txt {
    display: none
}
.marketplace .market-slide-area .main-slide-img {
    position: static
}
.marketplace .market-slide-area .slide-btn-hldr {
    width: 60%;
    float: right;
    text-align: center
}
.marketplace .market-slide-area .slide-btn {
    font-size: 12px;
    line-height: 41.04px;
    height: 41.04px;
    padding: 0 30px
}
.marketplace .market-slide-area .prev, .marketplace .market-slide-area .next
    {
    height: 40px;
    margin: -40px 0 0
}
.marketplace .market-slide-area .prev a, .marketplace .market-slide-area .next a
    {
    font-size: 70px
}
.marketplace .market-slide-area .prev {
    left: 5px
}
.marketplace .market-slide-area .next {
    right: 5px;
    left: auto
}
}

.marketplace .catalog-view .prod-area {
margin-top: -1px
}

@media ( max-width : 961px) {
.marketplace .catalog-view .prod-area {
    padding: 0 20px
}
}

.marketplace .catalog-view .prod-category {
border-top: 1px solid #d9d9d9;
padding: 30px 0
}

@media ( max-width : 961px) {
.marketplace .catalog-view .prod-category {
    padding: 20px 0 0
}
}

.marketplace .catalog-view .prod-category-title-hldr {
margin-bottom: 30px
}

.marketplace .catalog-view .prod-cat-title {
font-size: 24px;
font-weight: 700;
color: #303236;
line-height: 24px;
display: inline
}

@media ( max-width : 961px) {
.marketplace .catalog-view .prod-cat-title {
    display: block
}
}

.marketplace .catalog-view .prod-cat-subtitle {
font-size: 16px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
color: #6a6d75;
display: inline;
margin-left: 20px
}

@media ( max-width : 961px) {
.marketplace .catalog-view .prod-cat-subtitle {
    display: block;
    margin-top: 10px;
    margin-left: 0
}
}

.marketplace .catalog-view .prod-row {
margin-top: 30px
}

.marketplace .catalog-view .prod-row:first-child {
margin-top: 0
}

@media ( max-width : 961px) {
.marketplace .catalog-view .prod-hldr {
    margin-bottom: 20px
}
}

.marketplace .catalog-view .prod-img-hldr {
background-color: #fff;
border-radius: 2px;
overflow: hidden;
text-align: center;
margin-bottom: 20px;
position: relative
}

@media ( max-width : 961px) {
.marketplace .catalog-view .prod-img-hldr {
    max-height: none
}
}

.marketplace .catalog-view .prod-img-hldr a {
display: block
}

.marketplace .catalog-view .prod-img-hldr img {
float: left
}

@media ( max-width : 961px) {
.marketplace .catalog-view .prod-img-hldr img {
    max-height: none
}
}

.marketplace .catalog-view .prod-exclusive-tag {
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 4px;
text-align: center;
color: #0f346c;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 500
}

#ie7 .marketplace .catalog-view .prod-exclusive-tag, #ie8 .marketplace .catalog-view .prod-exclusive-tag
{
background: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B3FFFFFF',
    EndColorStr='#B3FFFFFF');
zoom: 1
}

.marketplace .catalog-view .prod-name-hldr {
overflow: hidden;
*zoom: 1;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 500
}

.marketplace .catalog-view .prod-name-hldr .prod-name-link {
float: left;
width: 67%;
color: #0f346c;
text-decoration: none
}

.marketplace .catalog-view .prod-name-hldr:hover .prod-name {
text-decoration: underline
}

.marketplace .catalog-view .prod-name-hldr .prod-name {
margin: 0;
line-height: 125%;
font-size: 16px;
font-weight: 600
}

.marketplace .catalog-view .prod-name-hldr .prod-subtitle {
margin-top: 6px;
font-weight: 400;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 13px;
color: #6a6d75;
font-style: normal;
line-height: 1.6
}

.marketplace .catalog-view .prod-name-hldr .prod-price {
float: left;
margin-left: 1%;
width: 32%;
color: #6a6d75;
text-align: right;
line-height: 18px;
font-size: 18px;
font-weight: 400
}

.marketplace .catalog-view .prod-name-hldr .prod-price.msrp {
text-decoration: line-through;
font-size: 14px
}

.marketplace .marketplace-info-bar {
background-color: #0f346c;
position: relative;
z-index: 100
}

.marketplace .marketplace-info-bar .delivery-promo-icon {
height: 24px;
width: 40px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -398px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
margin-right: 8px
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.marketplace .marketplace-info-bar .delivery-promo-icon {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -397px;
    background-size: 186px, auto
}
}

.marketplace .marketplace-info-bar p {
color: #fff;
margin: 5px 0;
text-align: center;
font-size: 15px;
font-weight: 400;
border-width: 0;
line-height: 24px
}

@media ( max-width : 961px) {
.marketplace .marketplace-info-bar p {
    font-size: 12px;
    line-height: 20px
}
}

.marketplace .confirmation-container {
margin-top: 35px;
padding: 0 50px;
min-height: 300px;
margin-bottom: 30px
}

.marketplace .confirmation-container h1 {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0
}

.marketplace .confirmation-container p {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
line-height: 155%;
margin-bottom: 30px
}

.marketplace .confirmation-container .shopping-btn {
font-size: 15px;
line-height: 51.3px;
height: 51.3px;
padding: 0 38px;
display: inline-block
}

@media ( max-width : 961px) {
.marketplace .confirmation-container {
    padding: 0 20px
}
}

.marketplace .market-login-hldr {
padding: 0 50px
}

.marketplace .market-login-hldr h1 {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #f0f0f0
}

@media ( max-width : 961px) {
.marketplace .market-login-hldr {
    padding: 0
}
}

.marketplace .marketplace-page .signin-hldr {
width: 50%
}

@media ( max-width : 961px) {
.marketplace .marketplace-page .signin-hldr {
    width: auto
}
}

.marketplace .marketplace-page .signin-hldr #login_or_register_form {
margin: 0
}

.marketplace .marketplace-page .signin-hldr .control-group {
margin-bottom: 15px
}

.marketplace .marketplace-page .signin-hldr .btn-hldr {
padding-top: 0;
border-top-width: 0
}

.marketplace .marketplace-page .signin-hldr .sign-btn {
float: left
}

.marketplace .marketplace-page .signin-hldr .sign-btn:active,
.marketplace .marketplace-page .signin-hldr .sign-btn:focus {
outline: 0
}

.marketplace .marketplace-page .signin-hldr .reg-spin {
padding-left: 25px
}

.marketplace .marketplace-page .signin-hldr .reg-spin .spinner {
left: -15px;
top: -11px
}

.marketplace .marketplace-page .signin-hldr label {
color: #0f346c
}

.marketplace .marketplace-page .signin-hldr .forgot-password {
font-size: 12px;
margin-bottom: 10px
}

.marketplace .marketplace-page .signin-hldr .pretty-no-shell {
float: none;
margin-top: 5px
}

.marketplace .marketplace-page .signin-hldr .pretty-no-shell:first-child
{
margin-top: 0
}

.marketplace .product-editorial-area {
background-color: #fafbfc;
border-top: 1px solid #e4e6eb;
padding: 30px 0
}

.marketplace .product-editorial-area .section-title {
overflow: hidden;
*zoom: 1;
text-align: center
}

.marketplace .product-editorial-area .section-title h2 {
margin: 0;
padding-bottom: 30px;
font-size: 26px
}

.marketplace .product-editorial-area .book-icon {
font-family: 'FontAwesome'
}

.marketplace .product-editorial-area .book-icon:before {
content: "";
display: inline-block;
text-decoration: inherit;
font-weight: normal;
font-style: normal;
font-size: 28px
}

.marketplace .product-editorial-area .market-row {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
border-top: 1px solid #ddd
}

.marketplace .product-editorial-area .market-row .contents {
*zoom: 1;
padding: 30px 0;
border-top: 1px solid #fefefe
}

.marketplace .product-editorial-area .market-row .contents:after {
content: "";
display: table;
clear: both
}

@media ( max-width : 961px) {
.marketplace .product-editorial-area .market-row .contents {
    padding: 30px 20px
}
}

.marketplace .product-editorial-area .img-hldr {
max-height: 364px
}

.marketplace .product-editorial-area .img-wrap {
overflow: hidden;
*zoom: 1
}

.marketplace .product-editorial-area .img-wrap img {
float: left
}

.marketplace .product-editorial-area .product-video {
display: block;
position: relative
}

.marketplace .product-editorial-area .product-video img {
display: block
}

.marketplace .product-editorial-area .product-video:after {
height: 186px;
width: 186px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -725px;
background-repeat: no-repeat;
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-left: -93px;
margin-top: -93px;
z-index: 100
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.marketplace .product-editorial-area .product-video:after {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -606px;
    background-size: 186px, auto
}
}

.marketplace .product-editorial-area .product-video:hover:after {
height: 186px;
width: 186px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -911px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.marketplace .product-editorial-area .product-video:hover:after {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -792px;
    background-size: 186px, auto
}
}

.marketplace .product-editorial-area .txt-hldr {
height: 364px;
text-align: center;
text-shadow: 0 1px 0 #fff;
display: table
}

@media ( max-width : 961px) {
.marketplace .product-editorial-area .txt-hldr {
    line-height: 155%
}
}

.marketplace .product-editorial-area .txt-hldr .v-center {
vertical-align: middle;
display: table-cell
}

.marketplace .product-editorial-area .txt-hldr h3 {
font-size: 21px;
line-height: 165%
}

.marketplace .product-editorial-area .txt-hldr p {
font-size: 15px;
font-weight: 400;
line-height: 165%;
color: #222
}

.marketplace .ba-login .ba-login-show {
display: inherit
}

.marketplace .ba-login .ba-login-hide {
display: none
}

.marketplace .ba-signup .ba-login-show {
display: none
}

.marketplace .ba-signup .ba-login-hide {
display: inherit
}

.marketplace .price-hldr {
margin: 4px 0 0;
font-size: 16px
}

.marketplace .price-hldr:first-child {
margin: 0
}

.marketplace .suggested-price {
color: #8c8c8c;
font-weight: 400
}

.marketplace .our-price {
color: #0f346c;
font-weight: 500
}

.marketplace .our-price-large {
color: #303236;
font-weight: 500;
line-height: 41px;
font-size: 20px
}

.marketplace .presale-price-hldr {
float: left;
margin: 0 0 0 10px;
font-size: 16px
}

.marketplace .presale-price-hldr:first-child {
margin: 0
}

.marketplace .product-view .purchase-options {
float: left;
padding-top: 10px
}

.marketplace .price-area {
margin-top: 3px
}

@media ( max-width : 961px) {
.marketplace .price-area {
    width: 100%
}
}

.marketplace .price-area .presale-tag-hldr {
overflow: hidden;
*zoom: 1;
line-height: 32px;
margin: 0 0 1px
}

.marketplace .price-area .presale-txt-hldr {
background-color: #0f346c;
color: #fff;
margin: 0;
font-weight: 600;
font-size: 11px;
padding: 0 8px;
text-align: center;
border-radius: 15px
}

.marketplace .price-area .sale-price {
font-size: 28px;
font-weight: 600;
color: #0f346c
}

.marketplace .price-area .normal-price {
font-weight: 500;
color: #555;
text-decoration: line-through
}

.today-show * {
box-sizing: border-box
}

.today-show #header-main {
max-height: none
}

.today-show #head-promo .btn {
height: auto
}

.today-show .footer-bottom {
height: auto
}

.today-show .footer-newsletter-form-hldr button {
height: auto;
width: auto
}

.today-show .learn-info-title {
height: auto
}

.today-show .nav-mobile * {
box-sizing: content-box
}

.btn--today-show {
height: auto;
padding: 19px 38px;
color: #fff;
font-size: 20px;
line-height: 1.2
}

@media ( max-width : 639px) {
.btn--today-show {
    padding: 9px 17px;
    font-size: 11px
}
}

.btn-today-recipe {
display: none;
padding: 13px 17px;
font-size: 18px
}

@media ( max-width : 961px) {
.btn-today-recipe {
    display: inline-block
}
}

@media ( max-width : 767px) {
.btn-today-recipe {
    padding: 19px 17px;
    width: 100%;
    font-size: 22px
}
}

@media ( max-width : 639px) {
.btn-today-recipe {
    padding: 12px 17px;
    font-size: 16px
}
}

.btn-today-recipe--desktop {
display: inline-block;
position: absolute;
bottom: 0;
left: 1.3%
}

@media ( max-width : 961px) {
.btn-today-recipe--desktop {
    display: none
}
}

.section-today-hero {
background:
    url("images/today-show/hero_image.png")
    no-repeat top center;
background-size: cover;
padding: 20px 0 10px;
text-align: center
}

.section-today-recipe {
background-color: #fff;
padding: 40px 0;
line-height: normal
}

@media ( max-width : 639px) {
.section-today-recipe {
    padding: 20px 0
}
}

.section-today-hero__content {
color: #fff
}

.section-today-hero__content>h1 {
margin: 0 0 25px;
color: #fff;
font-size: 36px;
font-weight: 400
}

@media ( max-width : 639px) {
.section-today-hero__content>h1 {
    margin: 0 0 10px;
    font-size: 20px
}
}

.section-today-hero__content>h1>span {
display: block
}

.today-hero-logo {
width: 175px;
margin: 0 0 5px
}

@media ( max-width : 639px) {
.today-hero-logo {
    margin: 0;
    width: 86px
}
}

.today-how-it-works-heading {
margin: 0 0 20px;
text-align: center
}

@media ( max-width : 961px) {
.today-how-it-works-heading {
    margin: 0
}
.today-how-it-works-heading>h2 {
    font-size: 26px
}
}

.today-recipe-description {
margin-top: 30px;
position: relative
}

@media ( max-width : 961px) {
.today-recipe-description {
    margin-top: 0
}
}

.today-recipe-description__text>p {
margin: 0 0 24px;
color: #4a4a4a;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-size: 14px;
line-height: 1.7
}

@media ( max-width : 639px) {
.today-recipe-description__text>p {
    font-size: 11px
}
}

@media ( max-width : 767px) {
.today-recipe-description__text {
    padding: 0 32px
}
}

@media ( max-width : 639px) {
.today-recipe-description__text {
    padding: 0 16px
}
}

.today-recipe-featured {
width: 93px
}

@media ( max-width : 639px) {
.today-recipe-featured {
    width: 50px
}
}

.today-recipe-image {
box-shadow: 0 12px 26px 0 #f0f2f7;
margin: 0;
width: 100%
}

@media ( max-width : 961px) {
.today-recipe-image {
    margin: 25px 0
}
}

@media ( max-width : 639px) {
.today-recipe-image {
    margin: 15px 0 24px
}
}

@media ( max-width : 767px) {
.today-recipe-info {
    padding: 0 32px
}
}

@media ( max-width : 639px) {
.today-recipe-info {
    padding: 0 16px
}
}

.today-recipe-title {
margin: 0;
color: #0f346c;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 20px;
font-weight: 600
}

@media ( max-width : 639px) {
.today-recipe-title {
    font-size: 12px
}
}

.today-recipe-subtitle {
margin: 0;
color: #7581a7;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 19px;
font-weight: 300
}

@media ( max-width : 639px) {
.today-recipe-subtitle {
    font-size: 11px
}
}

.today-show-sign-up-offer {
margin: 10px 0 35px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px;
line-height: normal
}

@media ( max-width : 639px) {
.today-show-sign-up-offer {
    margin: 8px 0 15px;
    font-size: 10px
}
}

.today-show-offer-disclaimer {
margin: 15px auto 0;
width: 371px;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-size: 12px;
font-weight: 100;
line-height: normal
}

@media ( max-width : 639px) {
.today-show-offer-disclaimer {
    width: 185px;
    font-size: 8px
}
}

object, svg {
xwidth: 100%
}

@media ( max-width : 767px) {
.hide-mobile {
    display: none
}
}

.wine-marketing-main {
background-color: #ffffff;
-webkit-font-smoothing: subpixel-antialiased;
text-align: center
}

.wine-marketing-main ::-moz-selection {
background: #0f346c;
color: #ffffff
}

.wine-marketing-main ::selection {
background: #0f346c;
color: #ffffff
}

.wine-marketing-main ::-moz-selection {
background: #0f346c;
color: #ffffff
}

.section-wine h1, .section-wine h2 {
font-weight: 600
}

.section-wine h1 {
font-size: 46px;
text-align: center
}

@media ( max-width : 767px) {
.section-wine h1 {
    font-size: 30px
}
}

.section-wine h2 {
font-size: 30px
}

.section-wine .section-title {
font-size: 30px
}

@media ( max-width : 961px) {
.section-wine .section-title {
    font-size: 28px
}
}

@media ( max-width : 767px) {
.section-wine .section-title {
    margin-top: 20px
}
}

.section-wine p {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.7
}

.wine-splash-hero {
padding-top: 100px;
padding-bottom: 100px;
background:
    url("wine/wmp-hero-10100f1c619a2c05c7eacc1d278c711d88c297762eb89b45c8b0b57a5a5b47ee.jpg?quality=60")
    no-repeat center center;
background-size: cover
}

.wine-splash-hero h1 {
color: #ffffff
}

@media ( max-width : 767px) {
.wine-splash-hero {
    background-image:
        url("wine/m-hero-461388c2f93af956e5fdd828fb3093004058afc056cb97beba6e4ddd958ced91.jpg");
    padding-bottom: 0;
    padding-top: 50px;
    height: 440px
}
}

.wine-splash-hero #rotating-text-wrapper {
position: relative;
width: 100%;
height: 50%;
top: 30%
}

.wine-splash-hero .rotating-text {
display: block;
color: #ffffff;
position: absolute;
margin-left: auto;
margin-right: auto;
width: 100%
}

.wine-splash-hero #text1, .wine-splash-hero #text2, .wine-splash-hero #text3,
.wine-splash-hero #text4, .wine-splash-hero #text5 {
-webkit-animation-duration: 12s;
animation-duration: 12s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}

.wine-splash-hero #text1 {
-webkit-animation-name: anim-1;
animation-name: anim-1
}

.wine-splash-hero #text2 {
-webkit-animation-name: anim-2;
animation-name: anim-2
}

.wine-splash-hero #text3 {
-webkit-animation-name: anim-3;
animation-name: anim-3
}

.wine-splash-hero #text4 {
-webkit-animation-name: anim-4;
animation-name: anim-4
}

.wine-splash-hero #text5 {
-webkit-animation-name: anim-5;
animation-name: anim-5
}

@
-webkit-keyframes anim-1 { 0%,5%{
top: 30px;
opacity: 0
}

10%,15%{
top
:
0px;opacity
:
1
}
20%,100%{
top
:
30px;opacity
:
0
}
}
@
keyframes anim-1 { 0%,5%{
top: 30px;
opacity: 0
}

10%,15%{
top
:
0px;opacity
:
1
}
20%,100%{
top
:
30px;opacity
:
0
}
}
@
-webkit-keyframes anim-2 { 0%,25%{
top: 30px;
opacity: 0
}

30%,35%{
top
:
0px;opacity
:
1
}
40%,100%{
top
:
30px;opacity
:
0
}
}
@
keyframes anim-2 { 0%,25%{
top: 30px;
opacity: 0
}

30%,35%{
top
:
0px;opacity
:
1
}
40%,100%{
top
:
30px;opacity
:
0
}
}
@
-webkit-keyframes anim-3 { 0%,45%{
top: 30px;
opacity: 0
}

50%,55%{
top
:
0px;opacity
:
1
}
60%,100%{
top
:
30px;opacity
:
0
}
}
@
keyframes anim-3 { 0%,45%{
top: 30px;
opacity: 0
}

50%,55%{
top
:
0px;opacity
:
1
}
60%,100%{
top
:
30px;opacity
:
0
}
}
@
-webkit-keyframes anim-4 { 0%,65%{
top: 30px;
opacity: 0
}

70%,75%{
top
:
0px;opacity
:
1
}
80%,100%{
top
:
30px;opacity
:
0
}
}
@
keyframes anim-4 { 0%,65%{
top: 30px;
opacity: 0
}

70%,75%{
top
:
0px;opacity
:
1
}
80%,100%{
top
:
30px;opacity
:
0
}
}
@
-webkit-keyframes anim-5 { 0%,85%{
top: 30px;
opacity: 0
}

90%,95%{
top
:
0px;opacity
:
1
}
100%,100%{
top
:
30px;opacity
:
0
}
}
@
keyframes anim-5 { 0%,85%{
top: 30px;
opacity: 0
}

90%,95%{
top
:
0px;opacity
:
1
}
100%,100%{
top
:
30px;opacity
:
0
}
}
.wine-splash-hero .text-divider {
position: relative;
width: 100%;
bottom: 20%;
margin-left: auto;
margin-right: auto;
border: 2px hidden
}

@media ( max-width : 767px) {
.wine-splash-hero .text-divider {
    width: 50%
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-splash-hero .text-divider {
    padding-bottom: 15%
}
}

.wine-splash-hero .subtitle-heading {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
color: #303236;
line-height: 1.6
}

@media ( max-width : 767px) {
.wine-splash-hero .subtitle-heading {
    padding: 0 40px
}
}

.wine-splash-hero .btn--wine-holder {
position: relative;
width: 280px;
display: block;
margin-left: auto;
margin-right: auto
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-splash-hero .btn--wine-holder {
    padding-top: 15%
}
}

.wine-splash-hero .item-badge {
position: absolute;
background-color: #f26226;
color: #ffffff;
width: 66px;
height: 66px;
right: 0px;
top: -25px;
border-radius: 50%
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-splash-hero .item-badge {
    top: 15%
}
}

@media ( max-width : 767px) {
.wine-splash-hero .item-badge {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    top: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto
}
}

#ie8 .item-badge {
background: transparent
    url("wine/icons-ie/stamp-62f9bfac27022c9a2cc584ecd5862c7d955c4cfaa7cbf5715cb9b6b6a78829f9.png")
    no-repeat center center
}

#ie8 .item-badge .item-emphasis, #ie8 .item-badge .item-subtitle {
display: none
}

.item-badge .item-emphasis {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 22px;
padding-top: 14px
}

.item-badge .item-subtitle {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-style: italic;
font-weight: normal;
font-size: 11px;
line-height: 1
}

.btn--wine {
font-size: 16px;
line-height: 54.72px;
height: 54.72px;
padding: 0 40px
}

.wine-how {
padding-top: 60px;
padding-bottom: 60px
}

@media ( max-width : 767px) {
.wine-how {
    padding-bottom: 0
}
}

.wine-how .icon-arrow {
margin-top: 45px
}

.wine-how .wine-icon {
position: relative;
margin: 0 auto;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #f5f6f8
}

@media ( max-width : 767px) {
.wine-how .wine-icon {
    margin-bottom: 20px
}
}

.wine-how .wine-icon--centered {
position: absolute;
left: 50%;
top: 50%
}

.wine-how .wine-icon--grapes {
width: 44px;
height: 59px;
margin-left: -22px;
margin-top: -30px
}

.wine-how .wine-icon--truck {
width: 72px;
height: 36px;
margin-left: -36px;
margin-top: -15px
}

.wine-how .wine-icon--clink {
width: 50px;
height: 59px;
margin-left: -25px;
margin-top: -30px
}

.wine-how--content {
padding: 0 45px;
margin-top: 15px
}

.wine-how--content h3 {
font-style: normal;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1.6;
text-transform: uppercase
}

.wine-how--content p {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 16px
}

@media ( min-width : 962px) and (max-width: 1199px) {
.wine-how--content {
    padding: 0 25px
}
}

#ie7 .wine-how--content, #ie8 .wine-how--content {
padding: 0 25px
}

@media ( max-width : 767px) {
.wine-how--content {
    margin-bottom: 55px;
    padding: 0 25px
}
}

.wine-advantage {
padding: 90px 0
}

.wine-advantage .svg-wine-diagram {
width: 646px;
height: 242px;
margin: 0 auto;
stroke-width: 0.5
}

.wine-advantage .svg-wine-diagram-mobile svg {
width: 225px;
height: 780px;
margin: 0 auto
}

.wine-advantage--content {
margin-top: 45px
}

.wine-box {
text-align: left;
background:
    url("wine/wmp-box-4a9a49e13f274955ec66e5e21bb72c70445d6e2e6d5059c8896d6227c3f9a21d.jpg")
    no-repeat center center;
background-size: cover
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-box {
    background-image:
        url("wine/tab-the-box-232119f2d61ca72f51a82c9bc47edf09eb73558c75965d8a408513c9d36822b2.jpg")
}
}

@media ( max-width : 767px) {
.wine-box {
    background-image:
        url("wine/m-the-box-aedf6accf148db0c0aa5893b86c558529dbff73a42c580cb82a640e1ef4587db.jpg")
}
}

.wine-box h2 {
color: #ffffff
}

.wine-box .section-title {
text-align: left
}

.wine-box--contents {
padding: 30px 0
}

@media ( min-width : 1200px) {
.wine-box--contents {
    padding: 80px 0 80px 40px
}
}

@media ( max-width : 767px) {
.wine-box--contents {
    padding: 80px 50px;
    text-align: center
}
}

.small-text {
font-size: 10px
}

.wine-icon--box {
width: 48px;
height: 54px
}

@media ( max-width : 767px) {
.wine-icon--box {
    margin: 0 auto
}
}

.table-wine {
width: 330px
}

@media ( max-width : 961px) {
.table-wine {
    width: 100%
}
}

.table-wine tr+tr {
border-top: 1px solid #ffffff
}

.table-wine td {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
font-weight: normal;
padding: 10px 0
}

.table-wine .wine--type {
color: #ffffff
}

.table-wine .wine--type em {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-style: normal;
font-size: 14px
}

.table-wine .wine--size {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
color: #ffffff;
text-align: right;
font-size: 14px
}

.table-wine .parens {
font-size: 13px
}

.wine--prices {
margin-top: 45px
}

.wine--prices .prices--per-bottle {
color: #ffffff;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 18px
}

.wine--prices .prices--per-bottle .emphasis {
font-size: 44px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 700
}

.wine--prices .prices--per-month {
color: #ffffff;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif
}

.wine-learn {
text-align: left;
background:
    url("wine/wmp-learn-8a24e171c31c8e48948b44073a795c7ee6bf5d3179dc27edf6fa32462a706791.jpg?quality=60")
    no-repeat top center;
background-size: cover;
height: 770px
}

@media ( min-width : 962px) and (max-width: 1199px) {
.wine-learn {
    height: 650px
}
}

#ie7 .wine-learn, #ie8 .wine-learn {
height: 650px
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-learn {
    height: 565px
}
}

@media ( max-width : 767px) {
.wine-learn {
    height: 900px;
    background-image:
        url("wine/m-learn-ce8608359553495aa3301d20167784a296d957d959ff1a7ec101f118c057cd61.jpg?quality=80&width=625");
    background-size: 625px;
    position: relative
}
.wine-learn .wine-learn--wrapper {
    position: absolute;
    top: 500px
}
}

.wine-learn .wine-learn--content {
padding-top: 100px;
padding-left: 100px
}

@media ( min-width : 962px) and (max-width: 1199px) {
.wine-learn .wine-learn--content {
    padding-top: 50px;
    padding-left: 120px
}
}

#ie7 .wine-learn .wine-learn--content, #ie8 .wine-learn .wine-learn--content
{
padding-top: 50px;
padding-left: 120px
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-learn .wine-learn--content {
    padding-top: 0;
    padding-left: 20px
}
}

.wine-learn .wine-learn--content p {
line-height: 25px
}

@media ( max-width : 767px) {
.wine-learn .wine-learn--content {
    text-align: center;
    padding: 0 40px
}
}

.wine-learn .wine-learn--content .section-title {
text-align: left
}

@media ( min-width : 962px) and (max-width: 1199px) {
.wine-learn .wine-learn--content {
    text-align: center
}
}

#ie7 .wine-learn .wine-learn--content, #ie8 .wine-learn .wine-learn--content
{
text-align: center
}

.wine-learn .wine-icon--card-stack {
height: 56px;
width: 37px;
margin-bottom: 30px
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-learn .wine-icon--card-stack {
    margin-top: 60px
}
}

@media ( max-width : 767px) {
.wine-learn .wine-icon--card-stack {
    margin: 0 auto
}
}

.wine-experience {
padding-top: 90px
}

@media ( max-width : 767px) {
.wine-experience {
    padding-bottom: 0
}
}

.wine-icon--plate-set {
width: 49px;
height: 40px;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px
}

.wine-experience--content {
position: relative;
width: 100%;
height: 700px;
margin-top: 70px;
margin-left: auto;
margin-right: auto
}

@media ( min-width : 1200px) {
.wine-experience--content {
    width: 850px
}
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-experience--content {
    height: 750px
}
}

@media ( max-width : 767px) {
.wine-experience--content {
    height: auto
}
}

.wine-experience--bottle {
width: 304px;
position: absolute;
left: 50%;
margin-left: -152px
}

@media ( max-width : 767px) {
.wine-experience--bottle {
    position: relative;
    width: 160px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px
}
}

.wine-experience--meal {
position: absolute;
opacity: 0
}

@media ( max-width : 767px) {
.wine-experience--meal {
    position: relative;
    margin-bottom: 50px
}
}

.meal-content {
text-align: center;
width: 250px
}

@media ( max-width : 767px) {
.meal-content {
    margin-left: auto;
    margin-right: auto
}
.meal-content .wine-experience--top-left, .meal-content .wine-experience--top-right
    {
    top: 0
}
}

.meal-content p.meal-content__name {
letter-spacing: 1px;
text-transform: uppercase;
color: #0f346c;
margin: 10px 0 0;
font-style: normal;
font-size: 12px;
line-height: 1.4;
font-weight: 600
}

.meal-content p.meal-content__description {
font-size: 12px;
line-height: 1.6
}

.wine-experience--meal-img {
width: 207px;
height: 207px;
margin: 0 auto
}

.wine-experience--top-left {
top: 20px;
left: 0
}

.wine-experience--top-right {
top: 20px;
right: 0
}

.wine-experience--bottom-left {
left: 0;
bottom: 0
}

.wine-experience--bottom-right {
right: 0;
bottom: 0
}

.wine-social-proof {
padding-top: 90px
}

#ie8 .wine-social-proof {
display: none
}

@media ( max-width : 767px) {
.wine-social-proof {
    padding-top: 20px
}
}

.linear-gradient-border--top, .linear-gradient-border--bottom {
position: absolute;
width: 100%;
z-index: 5;
height: 100px
}

.linear-gradient-border--bottom {
bottom: 0;
background-image:
    url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
background-size: 100%;
background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0))
}

.linear-gradient-border--top {
top: 0;
background-image:
    url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
background-size: 100%;
background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0))
}

.wine-social-proof--hldr {
position: relative;
height: 800px;
overflow: hidden
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-social-proof--hldr {
    height: 750px
}
}

@media ( max-width : 767px) {
.wine-social-proof--hldr {
    height: 650px;
    padding-top: 0
}
}

.wine-social-proof--hldr .wine-proof--quote {
position: absolute
}

.wine-social-proof--hldr .wine-proof--quote.quote--1 {
top: 50px;
right: 100px
}

@media ( max-width : 767px) {
.wine-social-proof--hldr .wine-proof--quote.quote--1 {
    left: 20px;
    z-index: 6
}
}

.wine-social-proof--hldr .wine-proof--quote.quote--2 {
bottom: 0;
left: 80px
}

@media ( max-width : 767px) {
.wine-social-proof--hldr .wine-proof--quote.quote--2 {
    right: 10px
}
}

.wine-social-proof--hldr .wine-proof--image {
position: absolute
}

.wine-social-proof--hldr .wine-proof--image.img--1 {
top: 360px;
left: -20px
}

@media ( max-width : 767px) {
.wine-social-proof--hldr .wine-proof--image.img--1 {
    top: 0;
    left: auto;
    z-index: 5;
    right: -90px
}
}

.wine-social-proof--hldr .wine-proof--image.img--2 {
left: 50px;
top: 150px
}

@media ( max-width : 767px) {
.wine-social-proof--hldr .wine-proof--image.img--2 {
    top: 30%
}
}

.wine-social-proof--hldr .wine-proof--image.img--3 {
right: 10%;
top: 350px
}

@media ( max-width : 767px) {
.wine-social-proof--hldr .wine-proof--image.img--3 {
    bottom: 270px
}
}

.wine-social-proof--hldr .wine-proof--image.img--4 {
left: 50%;
bottom: 100px
}

@media ( min-width : 962px) and (max-width: 1199px) {
.wine-social-proof--hldr .wine-proof--image.img--4 {
    top: 250px
}
}

#ie7 .wine-social-proof--hldr .wine-proof--image.img--4, #ie8 .wine-social-proof--hldr .wine-proof--image.img--4
{
top: 250px
}

@media ( min-width : 768px) and (max-width: 961px) {
.wine-social-proof--hldr .wine-proof--image.img--4 {
    top: 250px
}
}

@media ( max-width : 767px) {
.wine-social-proof--hldr .wine-proof--image.img--4 {
    top: 60%;
    left: 0
}
}

.wine-social-proof--hldr .wine-proof--image.img--5 {
left: 30%;
top: 180px
}

@media ( max-width : 961px) {
.wine-social-proof--hldr .wine-proof--image.img--5 {
    display: none
}
}

.wine-social-proof--hldr .wine-proof--image.img--6 {
left: 20%;
bottom: -220px
}

@media ( max-width : 961px) {
.wine-social-proof--hldr .wine-proof--image.img--6 {
    display: none
}
}

.wine-social-proof--hldr .wine-proof--image.img--7 {
left: 40%;
bottom: -200px
}

@media ( max-width : 961px) {
.wine-social-proof--hldr .wine-proof--image.img--7 {
    display: none
}
}

.wine-social-proof--hldr .wine-proof--image.img--8 {
left: 70%;
bottom: -160px
}

@media ( max-width : 961px) {
.wine-social-proof--hldr .wine-proof--image.img--8 {
    display: none
}
}

.wine-proof--quote {
width: 470px;
padding: 50px 40px 30px;
border: 1px solid #0f346c;
background-color: #ffffff;
color: #0f346c
}

.wine-proof--quote blockquote p {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.5
}

@media ( max-width : 767px) {
.wine-proof--quote blockquote p {
    font-size: 20px
}
}

.wine-proof--quote cite span {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
line-height: 42px
}

@media ( max-width : 767px) {
.wine-proof--quote {
    width: 270px;
    padding: 30px 20px 10px
}
}

.wine-proof--image {
background: #0f346c no-repeat center center;
background-size: cover;
box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 30px
}

.wine-proof--image.img--md {
width: 300px;
height: 300px
}

.wine-proof--image.img--sm {
width: 200px;
height: 200px
}

.wine-bottom {
padding-top: 170px;
padding-bottom: 20px;
background:
    url("wine/wmp-footer-09c06942733456d65116423e5fc22faead04aa4268d3ce5e2506554cbc4ab7ea.jpg?quality=60")
    no-repeat center center;
background-size: cover
}

.wine-bottom h1 {
color: #ffffff
}

@media ( min-width : 962px) and (max-width: 1199px) {
.wine-bottom {
    background-size: 150%
}
.wine-bottom h1 {
    font-size: 45px
}
}

#ie7 .wine-bottom, #ie8 .wine-bottom {
background-size: 150%
}

#ie7 .wine-bottom h1, #ie8 .wine-bottom h1 {
font-size: 45px
}

@media ( max-width : 767px) {
.wine-bottom {
    background-image:
        url("wine/m-footer-8090dd868a7b4ec37c27a2edc92ff614424f719ece28de233fda99923c426ffd.jpg");
    padding-top: 315px;
    padding-bottom: 200px
}
}

.wine-bottom .clinkity-clink {
position: relative;
width: 100px;
height: 150px;
margin: 20px auto;
overflow: hidden
}

.wine-bottom .svg-glass-of-wine, .wine-bottom .wine-shock {
position: absolute
}

.wine-bottom .svg-glass-of-wine {
bottom: 0;
width: 27px;
height: 61px
}

.wine-bottom .wine-shock {
top: 0;
left: 40px;
opacity: 0;
width: 23px;
height: 20px
}

.wine-bottom .first-glass {
left: 19px
}

.wine-bottom .second-glass {
right: 19px
}

.landing-page {
background-color: #fafbfc;
padding: 40px 0
}

.landing-page img {
width: 100% !important;
height: auto !important
}

.landing-page ul {
list-style-type: disc;
margin: 0 0 10px 25px
}

.landing-page .main-content {
background-color: #fff;
border: 1px solid #e4e6eb;
border-radius: 4px;
padding: 40px 55px;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-size: 16px;
line-height: 20px;
color: #333
}

.landing-page .main-content h1 {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 36px;
line-height: 40px;
color: #0f346c;
margin: 15px 0
}

.landing-page .main-content h4 {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 24px;
line-height: 28px;
color: #0f346c;
margin: 0
}

.landing-page .main-content p {
margin-bottom: 20px
}

.landing-page .main-content .join {
margin: 0 0 15px;
padding-top: 52px;
text-align: center
}

.landing-page .post-meta {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
line-height: 14px
}

.landing-page .post-meta .category {
color: #0f346c;
text-transform: uppercase
}

.landing-page .post-meta .date {
margin-left: 15px
}

.landing-page .subtitle {
margin-bottom: 20px;
font-size: 14px;
line-height: 18px
}

.landing-page .external-link-icon {
font-family: 'FontAwesome'
}

.landing-page .external-link-icon:before {
content: "\f08e";
display: inline-block;
text-decoration: inherit;
font-weight: normal;
font-style: normal;
margin-left: 5px;
cursor: pointer
}

.landing-page .disclaimer {
margin: 60px 0 20px;
font-style: italic
}

.landing-page .btn.start-cooking {
font-size: 24px;
line-height: 82.08px;
height: 82.08px;
padding: 0 60px;
margin: 0 auto
}

.landing-page .btn.start-cooking span.cta-badge {
display: none
}

.landing-page .no-commitment {
margin-top: 10px;
font-size: 15px;
line-height: 100%;
color: #929292
}

.landing-page .join-ba, .landing-page .menu {
margin-bottom: 30px;
padding: 25px;
background-color: #fff;
border: 1px solid #e4e6eb;
border-radius: 4px;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-size: 16px;
line-height: 20px;
color: #333
}

.landing-page .join-ba h2, .landing-page .menu h2 {
margin: 0 0 15px;
padding-bottom: 12px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 24px;
line-height: 24px;
color: #0f346c;
text-align: center;
border-bottom: 1px solid #ccc
}

.landing-page .join-ba h2 .week-of, .landing-page .menu h2 .week-of {
display: block;
margin-top: 8px;
font-size: 14px;
line-height: 14px;
text-transform: uppercase
}

.landing-page .join-ba ul, .landing-page .menu ul {
margin: 0;
padding: 0 25px;
border-bottom: 1px solid #ccc;
list-style-type: disc
}

.landing-page .join-ba ul li, .landing-page .menu ul li {
margin: 15px 0 20px
}

.landing-page .join-ba .btn.start-cooking, .landing-page .menu .btn.start-cooking
{
margin: 22px 0 0
}

.landing-page .join-ba .btn.start-cooking span.cta-badge, .landing-page .menu .btn.start-cooking span.cta-badge
{
display: none
}

.landing-page .menu-item {
margin-bottom: 15px;
border-bottom: 1px solid #ccc
}

.landing-page .menu-item .menu-thumb {
margin-bottom: 12px;
position: relative
}

.landing-page .menu-item .menu-thumb .veg-icon {
position: absolute;
top: 5px;
right: 5px
}

.landing-page .menu-item .menu-title {
margin-bottom: 2px;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 18px;
color: #0f346c;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.landing-page .menu-item .menu-subtitle {
margin-bottom: 12px;
font-size: 10px;
line-height: 14px;
color: #0f346c;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

@media ( max-width : 961px) {
.landing-page .main-content {
    margin-bottom: 30px;
    padding: 20px
}
.landing-page .btn.start-cooking {
    display: block
}
.landing-page .btn.start-cooking span.cta-badge {
    top: -75px;
    right: -15px
}
.landing-page .join-ba .join, .landing-page .menu .join {
    text-align: center
}
}

.landing-page #social-proof-promo h1, .landing-page #social-proof-promo h2,
.landing-page #social-proof-promo h3 {
font-size: 36px;
line-height: 1.2em
}

.landing-page #social-proof-promo #feature-hero {
background: #fafafc
    url("new-design/bg/HERO-HOMEPAGE-01-variant-2997382b2e85df7921db9d80e16707acb6253fa3d2b353aeb7f4ed224652029a.jpg")
    repeat center bottom;
background-position: center;
background-size: cover;
padding: 40px 0;
border-bottom: 4px solid #0f346c
}

.landing-page #social-proof-promo .feature-hero-responsive {
display: none
}

.landing-page #social-proof-promo .feature-content {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
float: right;
width: 405px;
padding: 10px 20px 20px;
text-align: center
}

.landing-page #social-proof-promo .feature-content .feature-title {
font-size: 48px;
line-height: 1.2em
}

.landing-page #social-proof-promo .feature-content .feature-text {
font-size: 16px;
font-weight: normal;
margin-bottom: 20px
}

.landing-page #social-proof-promo #how-it-works {
background: #fafafc
    url("new-design/bg/BG-Blue_Linen-2c5cb2466c512529c29eb3d863637c91440565c5771403d59f48e414413004d3.jpg")
    repeat;
padding: 30px 0
}

.landing-page #social-proof-promo #how-it-works .sprite {
float: left
}

.landing-page #social-proof-promo .title-hldr {
display: none;
padding: 0 20px 15px;
text-align: center
}

.landing-page #social-proof-promo .title-hldr h2 {
margin: 0
}

.landing-page #social-proof-promo .item-hldr.left {
padding: 20px 0 0 30px
}

.landing-page #social-proof-promo .item-hldr.right {
padding: 20px 30px 0 0
}

.landing-page #social-proof-promo .item-hldr .item-list {
padding-bottom: 20px
}

.landing-page #social-proof-promo .item-hldr h4 {
display: inline;
padding: 0 5px 0 8px;
font-size: 22px;
line-height: 1.2em
}

.landing-page #social-proof-promo .item-hldr p {
margin-top: 5px;
margin-bottom: 0;
padding-left: 68px;
font-size: 14px;
color: #333
}

.landing-page #social-proof-promo .item-hldr .ico-hat {
width: 36px;
height: 27px;
background-image:
    url("landing/icons/ico-hat-4eb6ec49234fbda961f86b092e4fc47d752a2f7cfe2cfb7afb69b127caf370d6.png");
background-position: 0 0;
margin-top: -1px
}

.landing-page #social-proof-promo .item-hldr .ico-carrot {
width: 36px;
height: 41px;
background-image:
    url("landing/icons/ico-carrot-52009f586cb695bf53a75743840825fb2fc6cef252ce8c2b402ec1b46b560f2b.png");
background-position: 0 0;
margin-top: -10px
}

.landing-page #social-proof-promo .item-hldr .ico-parachute {
width: 38px;
height: 52px;
background-image:
    url("landing/icons/ico-parachute-6ebb5fb075a17c17ee4d16a17bdb7ac13cff4952db8561d4ece78ecedef5811f.png");
background-position: 5px 0;
margin-top: -10px
}

.landing-page #social-proof-promo .item-hldr .ico-pot {
width: 38px;
height: 32px;
background-image:
    url("landing/icons/ico-pot-521821a859ef1d49d02e82d8a49b5a79a13e1acefc6c050c11fefae350b9e876.png");
background-position: 0 0;
margin-top: -5px
}

.landing-page #social-proof-promo #social-feed {
background: #fafafc
    url("new-design/bg/bg-canvas-193e4feaa213194f6fd8a04c75d7a8f118d14d81b708600699953eed2452f511.jpg")
    repeat center bottom;
padding: 30px 0
}

.landing-page #social-proof-promo .feed-container {
background-color: #fff;
padding: 20px
}

.landing-page #social-proof-promo .feed-title-hldr {
border-bottom: 1px solid #999
}

.landing-page #social-proof-promo .feed-title {
width: 500px;
margin: 0 auto;
padding-bottom: 12px;
text-align: center
}

.landing-page #social-proof-promo .feed-title h2 {
margin: 0;
font-size: 36px;
line-height: 1.2em
}

.landing-page #social-proof-promo .feed-item {
position: relative;
padding: 20px 10px;
border-bottom: 1px solid #999;
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman",
    "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular",
    "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-size: 18px;
color: #666;
text-align: center
}

.landing-page #social-proof-promo .feed-item.last {
padding-bottom: 40px
}

.landing-page #social-proof-promo .feed-item .profile-avatar {
float: left;
padding-right: 10px
}

.landing-page #social-proof-promo .feed-item .profile-avatar img {
border-radius: 5px
}

.landing-page #social-proof-promo .feed-item .profile-name {
margin: 2px 0;
padding-left: 57px;
color: #999;
font-weight: bold;
text-align: left
}

.landing-page #social-proof-promo .feed-item .feed-content {
margin: 2px 0;
padding-left: 57px;
color: #666;
text-align: left
}

.landing-page #social-proof-promo .feed-item .feed-source {
float: right;
margin-top: -4px
}

.landing-page #social-proof-promo .feed-item .feed-img {
margin-top: 15px
}

.landing-page #social-proof-promo .btn.get-started {
font-size: 24px;
line-height: 82.08px;
height: 82.08px;
padding: 0 60px
}

.landing-page #social-proof-promo .btn.get-started h5 {
margin: 0;
font-size: 32px;
color: #fff;
letter-spacing: -.01em
}

.landing-page #social-proof-promo .btn.get-started span.cta-badge {
top: -39px;
right: -32px
}

.landing-page #social-proof-promo .btn-hldr {
text-align: center
}

.landing-page #social-proof-promo .btn-details {
margin: 10px 0 0;
font-size: 16px;
line-height: 1.5em;
text-align: center;
color: #0f346c
}

.landing-page #social-proof-promo .btn-details .free-delivery {
display: block;
font-size: 16px;
color: #0f346c
}

.landing-page #social-proof-promo #meal_pref_help_wrapper {
display: none
}

.landing-page #social-proof-promo .question-circle-icon {
font-family: 'FontAwesome';
color: #0f346c;
font-size: 18px
}

.landing-page #social-proof-promo .question-circle-icon:before {
content: "\f059";
display: inline-block;
text-decoration: inherit;
font-weight: normal;
font-style: normal;
cursor: pointer
}

@media ( max-width : 961px) {
.landing-page #social-proof-promo h1, .landing-page #social-proof-promo h2,
    .landing-page #social-proof-promo h3 {
    font-size: 34px
}
.landing-page #social-proof-promo #feature-hero {
    background: none;
    padding: 0
}
.landing-page #social-proof-promo .feature-hero-responsive {
    display: block
}
.landing-page #social-proof-promo .feature-content {
    float: none;
    width: auto;
    padding: 10px 5% 20px 5%
}
.landing-page #social-proof-promo .feature-content .feature-title {
    font-size: 34px
}
.landing-page #social-proof-promo #how-it-works {
    padding: 25px 0 30px
}
.landing-page #social-proof-promo .title-hldr {
    display: block
}
.landing-page #social-proof-promo .item-hldr.left {
    padding: 0 20px
}
.landing-page #social-proof-promo .item-hldr.right {
    padding: 0 20px
}
.landing-page #social-proof-promo .item-hldr h4 {
    font-size: 20px;
    padding-left: 0
}
.landing-page #social-proof-promo .item-hldr p {
    padding-left: 20px
}
.landing-page #social-proof-promo .feed-title {
    width: auto
}
.landing-page #social-proof-promo .feed-title h2 {
    font-size: 30px
}
.landing-page #social-proof-promo .feed-item {
    font-size: 14px
}
.landing-page #social-proof-promo .btn.get-started {
    padding: 25px 45px
}
.landing-page #social-proof-promo .btn-details {
    font-size: 14px
}
.landing-page #social-proof-promo .btn-hldr .btn-details {
    width: auto
}
.landing-page #social-proof-promo .btn-details .free-delivery {
    font-size: 14px
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.landing-page #social-proof-promo .item-hldr.left {
    padding: 20px 0 0 20px
}
.landing-page #social-proof-promo .item-hldr.right {
    padding: 20px 20px 0 0
}
.landing-page #social-proof-promo .item-hldr p {
    padding-left: 65px
}
.landing-page #social-proof-promo .feed-item {
    font-size: 14px
}
}

#ie7 .landing-page #social-proof-promo .item-hldr.left, #ie8 .landing-page #social-proof-promo .item-hldr.left
{
padding: 20px 0 0 20px
}

#ie7 .landing-page #social-proof-promo .item-hldr.right, #ie8 .landing-page #social-proof-promo .item-hldr.right
{
padding: 20px 20px 0 0
}

#ie7 .landing-page #social-proof-promo .item-hldr p, #ie8 .landing-page #social-proof-promo .item-hldr p
{
padding-left: 65px
}

#ie7 .landing-page #social-proof-promo .feed-item, #ie8 .landing-page #social-proof-promo .feed-item
{
font-size: 14px
}

.employee-discount {
background-color: #fff
}

.employee-discount #body-wrap-container {
background-color: inherit
}

.employee-discount .snap-content {
box-shadow: none
}

.employee-discount-content {
padding: 20px
}

.employee-discount-content h2 {
margin: 0 0 20px
}

@media ( min-width : 768px) and (max-width: 961px) {
.employee-discount-content h2 {
    font-size: 30px
}
}

.employee-discount-content h3 {
margin: 10px 0
}

@media ( min-width : 768px) and (max-width: 961px) {
.employee-discount-content h3 {
    font-size: 26px
}
}

.employee-discount-content img {
max-width: 100%
}

.employee-discount-form {
margin: 0
}

.employee-discount-main {
padding: 20px 0
}

.employee-number {
overflow: hidden;
*zoom: 1
}

.beta-pmc-main .alert {
margin: 0 calc(50% - 50vw)
}

.beta-container {
margin: 0 calc(50% - 50vw);
background: linear-gradient(to bottom, #e5e5e5 0%, #fff 100%);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}

@media ( min-width : 1200px) {
.beta-container {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
}

.beta-container.beta-confirm {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}

.beta-content {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
padding: 60px;
max-width: 700px
}

@media ( min-width : 962px) and (max-width: 1199px) {
.beta-content {
    min-width: 500px
}
}

#ie7 .beta-content, #ie8 .beta-content {
min-width: 500px
}

.beta-form-container {
background-color: #ffffff;
border-radius: 5px;
padding: 30px;
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
max-width: 360px;
margin-left: auto;
margin-right: auto
}

@media ( max-width : 767px) {
.beta-form-container {
    box-shadow: none;
    background-color: transparent;
    padding: 0
}
}

.beta-form-container .form-label {
text-transform: uppercase;
color: #6a6d75;
font-weight: 600;
font-size: 12px
}

.beta-form-container .form-input {
box-shadow: none
}

@media ( max-width : 767px) {
.beta-form-container .btn--small {
    width: 100%;
    box-sizing: border-box
}
}

@media ( min-width : 962px) and (max-width: 1199px) {
.beta-form-container .desktop-only {
    display: none
}
}

#ie7 .beta-form-container .desktop-only, #ie8 .beta-form-container .desktop-only
{
display: none
}

.beta-legal {
line-height: 1.5
}

.beta-confirm-bg {
width: 100%
}

#newsletter-manage {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
margin-bottom: 40px
}

#newsletter-manage h1 {
font-size: 30px
}

#newsletter-manage .underline {
text-decoration: underline
}

#newsletter-manage .ba-input-checkbox input[type=checkbox] {
display: block;
opacity: 0;
position: fixed
}

#newsletter-manage .input-width {
max-width: 500px
}

#newsletter-manage .unsub {
font-size: 12px
}

#newsletter-manage .unsub a {
padding: 0 14px;
font-size: 12px
}

.recycle-padding {
padding: 50px 30px
}

@media screen and (min-width: 376px) and (max-width: 810px) {
.recycle-padding {
    padding: 60px calc(30px + ( 100vw - 375px)/435* 30)
}
}

@media screen and (min-width: 811px) and (max-width: 960px) {
.recycle-padding {
    padding: 100px 60px
}
}

@media screen and (min-width: 961px) {
.recycle-padding {
    padding: 100px calc(60px + ( 100vw - 960px)/240* 40)
}
}

.recycle-description a {
color: inherit;
text-decoration: underline
}

.recycle-description i {
font-style: italic
}

.recycle-description h1 {
font-family: "Chronicle Ssm";
font-size: 35px;
font-weight: normal;
color: #245091;
text-align: center;
line-height: 62px
}

@media screen and (min-width: 376px) and (max-width: 810px) {
.recycle-description h1 {
    font-size: 50px
}
}

@media screen and (min-width: 811px) and (max-width: 960px) {
.recycle-description h1 {
    margin-bottom: 20px;
    font-size: 55px
}
}

@media screen and (min-width: 961px) {
.recycle-description h1 {
    margin-bottom: 30px;
    font-size: 60px
}
}

.recycle-description h2 {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 24px;
font-weight: bold;
color: #fff;
text-align: left;
letter-spacing: 0.13em;
line-height: 29px;
text-transform: uppercase;
background-color: #245091
}

@media screen and (min-width: 376px) and (max-width: 810px) {
.recycle-description h2 {
    font-size: 26px;
    letter-spacing: 0.15em
}
}

@media screen and (min-width: 811px) {
.recycle-description h2 {
    font-size: 28px;
    letter-spacing: 0.14em
}
}

.recycle-description h2.recycle-padding {
padding-top: 16px;
padding-bottom: 16px
}

.recycle-description h3 {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 24px;
font-weight: bold;
color: #245091;
text-align: left;
letter-spacing: 0.11em;
text-transform: uppercase;
margin-bottom: 30px
}

@media screen and (min-width: 376px) and (max-width: 810px) {
.recycle-description h3 {
    font-size: 26px
}
}

@media screen and (min-width: 811px) {
.recycle-description h3 {
    font-size: 28px
}
}

.recycle-description h4 {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
font-weight: bold;
color: #303236;
text-align: left;
letter-spacing: 0.13em;
text-transform: uppercase;
margin-bottom: 15px
}

.recycle-description img {
margin-right: 5px;
width: 50px
}

@media screen and (min-width: 376px) {
.recycle-description img {
    width: 60px
}
}

.recycle-description img:last-child {
margin-right: 0
}

.recycle-description p {
margin: 5px 0 20px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
color: #303236;
line-height: 24px;
text-align: left
}

.recycle-description p.--bold {
font-weight: 500
}

.recycle-description ul {
list-style-type: disc;
list-style-position: outside;
padding-left: 27px;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 15px;
color: #303236;
text-align: left;
line-height: 22px
}

.recycle-description li {
margin-bottom: 5px
}

.recycle-description .recycle-header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}

.recycle-description .recycle-header p {
color: rgba(0, 0, 0, 0.5);
font-weight: 500;
text-align: center;
max-width: 660px
}

@media screen and (min-width: 376px) {
.recycle-description .recycle-header p {
    font-size: 20px;
    line-height: 32px
}
}

.recycle-description .recycle-details {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 15px;
max-width: 340px
}

.recycle-description .recycle-details .recycle-lookfor-icons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}

.recycle-description .recycle-details .recycle-lookfor-icons img {
margin-bottom: 10px
}

.recycle-description .recycle-block {
position: relative;
box-sizing: border-box;
min-height: 1100px;
background-repeat: no-repeat;
background-size: cover;
z-index: 0
}

.recycle-description .recycle-block .recycle-background {
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}

@media screen and (min-width: 376px) and (max-width: 810px) {
.recycle-description .recycle-block {
    min-height: 1024px
}
}

@media screen and (min-width: 811px) {
.recycle-description .recycle-block {
    min-height: 800px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.recycle-description .recycle-block .recycle-content {
    -ms-grid-column: 2;
    grid-column: 2
}
}

.recycle-description .recycle-block.recycle-block--whitecard {
min-height: 1442px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}

.recycle-description .recycle-block.recycle-block--whitecard .recycle-background
{
background-size: cover;
background-repeat: no-repeat;
position: static;
height: 700px
}

@media screen and (min-width: 376px) and (max-width: 810px) {
.recycle-description .recycle-block.recycle-block--whitecard {
    min-height: 1113px
}
.recycle-description .recycle-block.recycle-block--whitecard .recycle-background
    {
    height: 550px
}
}

@media screen and (min-width: 811px) {
.recycle-description .recycle-block.recycle-block--whitecard {
    min-height: 800px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.recycle-description .recycle-block.recycle-block--whitecard .recycle-content
    {
    -ms-grid-column: 1;
    grid-column: 1
}
.recycle-description .recycle-block.recycle-block--whitecard .recycle-background
    {
    height: 100%
}
}

.recycle-description .recycle-block--plastic .recycle-background {
background-image:
    url("recycling/plastic-375.png?quality=80&width=375&format=jpg");
background-image: -webkit-image-set(url("recycling/plastic-375.png?quality=80&width=375&dpr=1&format=jpg")
    1x,
    url("recycling/plastic-375.png?quality=80&width=375&dpr=2&format=jpg")
    2x,
    url("recycling/plastic-375.png?quality=80&width=375&dpr=3&format=jpg")
    3x);
background-image: image-set("recycling/plastic-375.png?quality=80&width=375&dpr=1&format=jpg"
    1x,
    "recycling/plastic-375.png?quality=80&width=375&dpr=2&format=jpg"
    2x,
    "recycling/plastic-375.png?quality=80&width=375&dpr=3&format=jpg"
    3x)
}

@media screen and (min-width: 376px) and (max-width: 810px) {
.recycle-description .recycle-block--plastic .recycle-background {
    background-image:
        url("recycling/plastic-768.png?quality=80&width=768&format=jpg");
    background-image: -webkit-image-set(url("recycling/plastic-768.png?quality=80&width=768&dpr=1&format=jpg")
        1x,
        url("recycling/plastic-768.png?quality=80&width=768&dpr=2&format=jpg")
        2x,
        url("recycling/plastic-768.png?quality=80&width=768&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/plastic-768.png?quality=80&width=768&dpr=1&format=jpg"
        1x,
        "recycling/plastic-768.png?quality=80&width=768&dpr=2&format=jpg"
        2x,
        "recycling/plastic-768.png?quality=80&width=768&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 811px) and (max-width: 960px) {
.recycle-description .recycle-block--plastic .recycle-background {
    background-image:
        url("recycling/plastic-960.png?quality=80&width=960&format=jpg");
    background-image: -webkit-image-set(url("recycling/plastic-960.png?quality=80&width=960&dpr=1&format=jpg")
        1x,
        url("recycling/plastic-960.png?quality=80&width=960&dpr=2&format=jpg")
        2x,
        url("recycling/plastic-960.png?quality=80&width=960&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/plastic-960.png?quality=80&width=960&dpr=1&format=jpg"
        1x,
        "recycling/plastic-960.png?quality=80&width=960&dpr=2&format=jpg"
        2x,
        "recycling/plastic-960.png?quality=80&width=960&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 961px) {
.recycle-description .recycle-block--plastic .recycle-background {
    background-image:
        url("recycling/plastic-1200.png?quality=80&width=1200&format=jpg");
    background-image: -webkit-image-set(url("recycling/plastic-1200.png?quality=80&width=1200&dpr=1&format=jpg")
        1x,
        url("recycling/plastic-1200.png?quality=80&width=1200&dpr=2&format=jpg")
        2x,
        url("recycling/plastic-1200.png?quality=80&width=1200&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/plastic-1200.png?quality=80&width=1200&dpr=1&format=jpg"
        1x,
        "recycling/plastic-1200.png?quality=80&width=1200&dpr=2&format=jpg"
        2x,
        "recycling/plastic-1200.png?quality=80&width=1200&dpr=3&format=jpg"
        3x)
}
}

.recycle-description .recycle-block--bottles .recycle-background {
background-image:
    url("recycling/bottles-375.png?quality=80&width=375&format=jpg");
background-image: -webkit-image-set(url("recycling/bottles-375.png?quality=80&width=375&dpr=1&format=jpg")
    1x,
    url("recycling/bottles-375.png?quality=80&width=375&dpr=2&format=jpg")
    2x,
    url("recycling/bottles-375.png?quality=80&width=375&dpr=3&format=jpg")
    3x);
background-image: image-set("recycling/bottles-375.png?quality=80&width=375&dpr=1&format=jpg"
    1x,
    "recycling/bottles-375.png?quality=80&width=375&dpr=2&format=jpg"
    2x,
    "recycling/bottles-375.png?quality=80&width=375&dpr=3&format=jpg"
    3x)
}

@media screen and (min-width: 376px) and (max-width: 810px) {
.recycle-description .recycle-block--bottles .recycle-background {
    background-image:
        url("recycling/bottles-768.png?quality=80&width=768&format=jpg");
    background-image: -webkit-image-set(url("recycling/bottles-768.png?quality=80&width=768&dpr=1&format=jpg")
        1x,
        url("recycling/bottles-768.png?quality=80&width=768&dpr=2&format=jpg")
        2x,
        url("recycling/bottles-768.png?quality=80&width=768&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/bottles-768.png?quality=80&width=768&dpr=1&format=jpg"
        1x,
        "recycling/bottles-768.png?quality=80&width=768&dpr=2&format=jpg"
        2x,
        "recycling/bottles-768.png?quality=80&width=768&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 811px) and (max-width: 960px) {
.recycle-description .recycle-block--bottles .recycle-background {
    background-image:
        url("recycling/bottles-960.png?quality=80&width=480&format=jpg");
    background-image: -webkit-image-set(url("recycling/bottles-960.png?quality=80&width=480&dpr=1&format=jpg")
        1x,
        url("recycling/bottles-960.png?quality=80&width=480&dpr=2&format=jpg")
        2x,
        url("recycling/bottles-960.png?quality=80&width=480&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/bottles-960.png?quality=80&width=480&dpr=1&format=jpg"
        1x,
        "recycling/bottles-960.png?quality=80&width=480&dpr=2&format=jpg"
        2x,
        "recycling/bottles-960.png?quality=80&width=480&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 961px) {
.recycle-description .recycle-block--bottles .recycle-background {
    background-image:
        url("recycling/bottles-1200.png?quality=80&width=600&format=jpg");
    background-image: -webkit-image-set(url("recycling/bottles-1200.png?quality=80&width=600&dpr=1&format=jpg")
        1x,
        url("recycling/bottles-1200.png?quality=80&width=600&dpr=2&format=jpg")
        2x,
        url("recycling/bottles-1200.png?quality=80&width=600&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/bottles-1200.png?quality=80&width=600&dpr=1&format=jpg"
        1x,
        "recycling/bottles-1200.png?quality=80&width=600&dpr=2&format=jpg"
        2x,
        "recycling/bottles-1200.png?quality=80&width=600&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 1201px) {
.recycle-description .recycle-block--bottles .recycle-background {
    background-position-y: 50%
}
}

.recycle-description .recycle-block--cardboard .recycle-background {
background-image:
    url("recycling/cardboard-375.png?quality=80&width=375&format=jpg");
background-image: -webkit-image-set(url("recycling/cardboard-375.png?quality=80&width=375&dpr=1&format=jpg")
    1x,
    url("recycling/cardboard-375.png?quality=80&width=375&dpr=2&format=jpg")
    2x,
    url("recycling/cardboard-375.png?quality=80&width=375&dpr=3&format=jpg")
    3x);
background-image: image-set("recycling/cardboard-375.png?quality=80&width=375&dpr=1&format=jpg"
    1x,
    "recycling/cardboard-375.png?quality=80&width=375&dpr=2&format=jpg"
    2x,
    "recycling/cardboard-375.png?quality=80&width=375&dpr=3&format=jpg"
    3x)
}

@media screen and (min-width: 376px) and (max-width: 810px) {
.recycle-description .recycle-block--cardboard .recycle-background {
    background-image:
        url("recycling/cardboard-768.png?quality=80&width=768&format=jpg");
    background-image: -webkit-image-set(url("recycling/cardboard-768.png?quality=80&width=768&dpr=1&format=jpg")
        1x,
        url("recycling/cardboard-768.png?quality=80&width=768&dpr=2&format=jpg")
        2x,
        url("recycling/cardboard-768.png?quality=80&width=768&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/cardboard-768.png?quality=80&width=768&dpr=1&format=jpg"
        1x,
        "recycling/cardboard-768.png?quality=80&width=768&dpr=2&format=jpg"
        2x,
        "recycling/cardboard-768.png?quality=80&width=768&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 811px) and (max-width: 960px) {
.recycle-description .recycle-block--cardboard .recycle-background {
    background-image:
        url("recycling/cardboard-960.png?quality=80&width=960&format=jpg");
    background-image: -webkit-image-set(url("recycling/cardboard-960.png?quality=80&width=960&dpr=1&format=jpg")
        1x,
        url("recycling/cardboard-960.png?quality=80&width=960&dpr=2&format=jpg")
        2x,
        url("recycling/cardboard-960.png?quality=80&width=960&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/cardboard-960.png?quality=80&width=960&dpr=1&format=jpg"
        1x,
        "recycling/cardboard-960.png?quality=80&width=960&dpr=2&format=jpg"
        2x,
        "recycling/cardboard-960.png?quality=80&width=960&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 961px) {
.recycle-description .recycle-block--cardboard .recycle-background {
    background-image:
        url("recycling/cardboard-1200.png?quality=80&width=1200&format=jpg");
    background-image: -webkit-image-set(url("recycling/cardboard-1200.png?quality=80&width=1200&dpr=1&format=jpg")
        1x,
        url("recycling/cardboard-1200.png?quality=80&width=1200&dpr=2&format=jpg")
        2x,
        url("recycling/cardboard-1200.png?quality=80&width=1200&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/cardboard-1200.png?quality=80&width=1200&dpr=1&format=jpg"
        1x,
        "recycling/cardboard-1200.png?quality=80&width=1200&dpr=2&format=jpg"
        2x,
        "recycling/cardboard-1200.png?quality=80&width=1200&dpr=3&format=jpg"
        3x)
}
}

@media screen and (max-width: 375px) {
.recycle-description .recycle-block--cardboard .recycle-content {
    padding-bottom: 450px
}
}

@media screen and (min-width: 376px) and (max-width: 600px) {
.recycle-description .recycle-block--cardboard .recycle-content {
    padding-bottom: 550px
}
}

.recycle-description .recycle-block--bags .recycle-background {
background-image:
    url("recycling/bags-375.png?quality=80&width=375&format=jpg");
background-image: -webkit-image-set(url("recycling/bags-375.png?quality=80&width=375&dpr=1&format=jpg")
    1x,
    url("recycling/bags-375.png?quality=80&width=375&dpr=2&format=jpg")
    2x,
    url("recycling/bags-375.png?quality=80&width=375&dpr=3&format=jpg")
    3x);
background-image: image-set("recycling/bags-375.png?quality=80&width=375&dpr=1&format=jpg"
    1x,
    "recycling/bags-375.png?quality=80&width=375&dpr=2&format=jpg"
    2x,
    "recycling/bags-375.png?quality=80&width=375&dpr=3&format=jpg"
    3x)
}

@media screen and (min-width: 376px) and (max-width: 810px) {
.recycle-description .recycle-block--bags .recycle-background {
    background-image:
        url("recycling/bags-768.png?quality=80&width=768&format=jpg");
    background-image: -webkit-image-set(url("recycling/bags-768.png?quality=80&width=768&dpr=1&format=jpg")
        1x,
        url("recycling/bags-768.png?quality=80&width=768&dpr=2&format=jpg")
        2x,
        url("recycling/bags-768.png?quality=80&width=768&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/bags-768.png?quality=80&width=768&dpr=1&format=jpg"
        1x,
        "recycling/bags-768.png?quality=80&width=768&dpr=2&format=jpg"
        2x,
        "recycling/bags-768.png?quality=80&width=768&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 811px) and (max-width: 960px) {
.recycle-description .recycle-block--bags .recycle-background {
    background-image:
        url("recycling/bags-960.png?quality=80&width=480&format=jpg");
    background-image: -webkit-image-set(url("recycling/bags-960.png?quality=80&width=480&dpr=1&format=jpg")
        1x,
        url("recycling/bags-960.png?quality=80&width=480&dpr=2&format=jpg")
        2x,
        url("recycling/bags-960.png?quality=80&width=480&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/bags-960.png?quality=80&width=480&dpr=1&format=jpg"
        1x,
        "recycling/bags-960.png?quality=80&width=480&dpr=2&format=jpg"
        2x,
        "recycling/bags-960.png?quality=80&width=480&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 961px) {
.recycle-description .recycle-block--bags .recycle-background {
    background-image:
        url("recycling/bags-1200.png?quality=80&width=600&format=jpg");
    background-image: -webkit-image-set(url("recycling/bags-1200.png?quality=80&width=600&dpr=1&format=jpg")
        1x,
        url("recycling/bags-1200.png?quality=80&width=600&dpr=2&format=jpg")
        2x,
        url("recycling/bags-1200.png?quality=80&width=600&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/bags-1200.png?quality=80&width=600&dpr=1&format=jpg"
        1x,
        "recycling/bags-1200.png?quality=80&width=600&dpr=2&format=jpg"
        2x,
        "recycling/bags-1200.png?quality=80&width=600&dpr=3&format=jpg"
        3x)
}
}

.recycle-description .recycle-block--food .recycle-background {
background-image:
    url("recycling/food-375.png?quality=80&width=375&format=jpg");
background-image: -webkit-image-set(url("recycling/food-375.png?quality=80&width=375&dpr=1&format=jpg")
    1x,
    url("recycling/food-375.png?quality=80&width=375&dpr=2&format=jpg")
    2x,
    url("recycling/food-375.png?quality=80&width=375&dpr=3&format=jpg")
    3x);
background-image: image-set("recycling/food-375.png?quality=80&width=375&dpr=1&format=jpg"
    1x,
    "recycling/food-375.png?quality=80&width=375&dpr=2&format=jpg"
    2x,
    "recycling/food-375.png?quality=80&width=375&dpr=3&format=jpg"
    3x)
}

@media screen and (min-width: 376px) and (max-width: 810px) {
.recycle-description .recycle-block--food .recycle-background {
    background-image:
        url("recycling/food-768.png?quality=80&width=768&format=jpg");
    background-image: -webkit-image-set(url("recycling/food-768.png?quality=80&width=768&dpr=1&format=jpg")
        1x,
        url("recycling/food-768.png?quality=80&width=768&dpr=2&format=jpg")
        2x,
        url("recycling/food-768.png?quality=80&width=768&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/food-768.png?quality=80&width=768&dpr=1&format=jpg"
        1x,
        "recycling/food-768.png?quality=80&width=768&dpr=2&format=jpg"
        2x,
        "recycling/food-768.png?quality=80&width=768&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 811px) and (max-width: 960px) {
.recycle-description .recycle-block--food .recycle-background {
    background-image:
        url("recycling/food-960.png?quality=80&width=960&format=jpg");
    background-image: -webkit-image-set(url("recycling/food-960.png?quality=80&width=960&dpr=1&format=jpg")
        1x,
        url("recycling/food-960.png?quality=80&width=960&dpr=2&format=jpg")
        2x,
        url("recycling/food-960.png?quality=80&width=960&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/food-960.png?quality=80&width=960&dpr=1&format=jpg"
        1x,
        "recycling/food-960.png?quality=80&width=960&dpr=2&format=jpg"
        2x,
        "recycling/food-960.png?quality=80&width=960&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 961px) {
.recycle-description .recycle-block--food .recycle-background {
    background-image:
        url("recycling/food-1200.png?quality=80&width=1200&format=jpg");
    background-image: -webkit-image-set(url("recycling/food-1200.png?quality=80&width=1200&dpr=1&format=jpg")
        1x,
        url("recycling/food-1200.png?quality=80&width=1200&dpr=2&format=jpg")
        2x,
        url("recycling/food-1200.png?quality=80&width=1200&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/food-1200.png?quality=80&width=1200&dpr=1&format=jpg"
        1x,
        "recycling/food-1200.png?quality=80&width=1200&dpr=2&format=jpg"
        2x,
        "recycling/food-1200.png?quality=80&width=1200&dpr=3&format=jpg"
        3x)
}
}

.recycle-description .recycle-block--other .recycle-background {
background-image:
    url("recycling/other-375.png?quality=80&width=375&format=jpg");
background-image: -webkit-image-set(url("recycling/other-375.png?quality=80&width=375&dpr=1&format=jpg")
    1x,
    url("recycling/other-375.png?quality=80&width=375&dpr=2&format=jpg")
    2x,
    url("recycling/other-375.png?quality=80&width=375&dpr=3&format=jpg")
    3x);
background-image: image-set("recycling/other-375.png?quality=80&width=375&dpr=1&format=jpg"
    1x,
    "recycling/other-375.png?quality=80&width=375&dpr=2&format=jpg"
    2x,
    "recycling/other-375.png?quality=80&width=375&dpr=3&format=jpg"
    3x)
}

@media screen and (min-width: 376px) and (max-width: 810px) {
.recycle-description .recycle-block--other .recycle-background {
    background-image:
        url("recycling/other-768.png?quality=80&width=768&format=jpg");
    background-image: -webkit-image-set(url("recycling/other-768.png?quality=80&width=768&dpr=1&format=jpg")
        1x,
        url("recycling/other-768.png?quality=80&width=768&dpr=2&format=jpg")
        2x,
        url("recycling/other-768.png?quality=80&width=768&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/other-768.png?quality=80&width=768&dpr=1&format=jpg"
        1x,
        "recycling/other-768.png?quality=80&width=768&dpr=2&format=jpg"
        2x,
        "recycling/other-768.png?quality=80&width=768&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 811px) and (max-width: 960px) {
.recycle-description .recycle-block--other .recycle-background {
    background-image:
        url("recycling/other-960.png?quality=80&width=480&format=jpg");
    background-image: -webkit-image-set(url("recycling/other-960.png?quality=80&width=480&dpr=1&format=jpg")
        1x,
        url("recycling/other-960.png?quality=80&width=480&dpr=2&format=jpg")
        2x,
        url("recycling/other-960.png?quality=80&width=480&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/other-960.png?quality=80&width=480&dpr=1&format=jpg"
        1x,
        "recycling/other-960.png?quality=80&width=480&dpr=2&format=jpg"
        2x,
        "recycling/other-960.png?quality=80&width=480&dpr=3&format=jpg"
        3x)
}
}

@media screen and (min-width: 961px) {
.recycle-description .recycle-block--other .recycle-background {
    background-image:
        url("recycling/other-1200.png?quality=80&width=600&format=jpg");
    background-image: -webkit-image-set(url("recycling/other-1200.png?quality=80&width=600&dpr=1&format=jpg")
        1x,
        url("recycling/other-1200.png?quality=80&width=600&dpr=2&format=jpg")
        2x,
        url("recycling/other-1200.png?quality=80&width=600&dpr=3&format=jpg")
        3x);
    background-image: image-set("recycling/other-1200.png?quality=80&width=600&dpr=1&format=jpg"
        1x,
        "recycling/other-1200.png?quality=80&width=600&dpr=2&format=jpg"
        2x,
        "recycling/other-1200.png?quality=80&width=600&dpr=3&format=jpg"
        3x)
}
}

#ccpa-btn {
display: block;
width: 190px;
margin: 20px 0;
padding: 20px 0;
border: 0;
background-color: #0d2a54;
color: #ecf2f5;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.1em;
transition: all 0.2s ease-in-out
}

#ccpa-btn:hover {
background-color: #e4e6eb;
color: #245091;
cursor: pointer
}

#ccpa-btn:disabled {
background-color: #d3d5db;
color: #245091;
cursor: not-allowed
}

body {
zoom: 1;
overflow-x: hidden;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale
}

.full-bleed #body-wrap {
background: #fafbfc
}

.icon-dropdown-arrow {
height: 10px;
width: 16px;
background-image:
    url(marketing-icons-s36d66e89ca-6b280c552e42a94569bb7a06d523e1818e1c3c9ec759dfd3926b2f540a595982.png);
background-position: 0 -202px;
background-repeat: no-repeat;
font-style: normal
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.icon-dropdown-arrow {
    background-image:
        url(marketing-icons-2x-s79ac2c8c59-8a1c65f322252a053efd2f754e60baf99865f6d5faa4bbd3f2397b2121ce6bd0.png);
    background-position: 0 -202px;
    background-size: 80px, auto
}
}

.box-content, .ba-login {
border-radius: 4px;
background-color: #fff;
border: 1px solid #b9b9ba;
position: relative;
z-index: 1
}

@media ( max-width : 767px) {
.box-content, .ba-login {
    border-radius: 0px;
    border: none
}
}

.load-wrap {
width: 140px;
margin: 0 auto;
padding: 30px 0 0
}

.loader--pot {
display: block;
width: 140px;
height: 170px
}

.loader--pot.hide {
display: none
}

.iframe-loading {
background:
    url("loader/pot-loader-6047abec2ec57c18d848f623c036f7fe80236dce689bb48279036c4f914d0c9e.gif")
    no-repeat scroll center center transparent;
background-size: 140px 170px;
min-height: 375px
}

.page-image {
background: #fff url("base/pattern.png") 0 0 repeat
}

.page-image img {
margin: 0px auto;
display: block;
max-width: 100%;
width: auto\9;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic
}

.play-btn {
display: inline-block;
height: 186px;
width: 186px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -725px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.play-btn {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -606px;
    background-size: 186px, auto
}
}

.play-btn:hover {
height: 186px;
width: 186px;
background-image:
    url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
background-position: 0 -911px;
background-repeat: no-repeat
}

@media ( -webkit-min-device-pixel-ratio : 1.5) , ( min--moz-device-pixel-ratio :
    1.5) , ( -o-min-device-pixel-ratio : 3 / 2) , ( min-device-pixel-ratio
: 1.5) {
.play-btn:hover {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -792px;
    background-size: 186px, auto
}
}

@media ( max-width : 767px) {
.play-btn {
    height: 80px;
    width: 80px;
    background-image:
        url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
    background-position: 0 -1233px;
    background-repeat: no-repeat
}
}

@media ( max-width : 767px) and (-webkit-min-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (min--moz-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (-o-min-device-pixel-ratio: 3 / 2) , (
    max-width : 767px) and (min-device-pixel-ratio: 1.5) {
.play-btn {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -1113px;
    background-size: 186px, auto
}
}

@media ( max-width : 767px) {
.play-btn:hover {
    height: 80px;
    width: 80px;
    background-image:
        url(icons-s32e101f38c-188058d364c29a333c05953bf8d24a61c81b104ac42a5a53857fc2d368e42b20.png);
    background-position: 0 -1097px;
    background-repeat: no-repeat
}
}

@media ( max-width : 767px) and (-webkit-min-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (min--moz-device-pixel-ratio: 1.5) , (
    max-width : 767px) and (-o-min-device-pixel-ratio: 3 / 2) , (
    max-width : 767px) and (min-device-pixel-ratio: 1.5) {
.play-btn:hover {
    background-image:
        url(icons-2x-s219e1e2635-30c87a30e727734f3420649a0ef86390db4d670afb25f2c7f5d531046f49ac35.png);
    background-position: 0 -978px;
    background-size: 186px, auto
}
}

.icon {
font-family: "FontAwesome"
}

.icon-login-fb {
margin-left: 15px;
font-weight: 300
}

.submit-spinner {
position: absolute;
top: 50%;
right: 20px
}

body>img {
display: none
}

#login-page {
padding: 30px 0
}

.ba-login {
border: 0;
padding: 20px;
border-radius: 4px;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08), inset 0px 0px 0px 1px
    #f0f2f7
}

.ba-login .alert-success {
padding: 16px 30px 16px 16px
}

.ba-login .btn--full {
font-size: 14px
}

.ba-login .form-label {
font-weight: 500
}

.ba-login-title {
font-size: 30px;
text-align: center;
margin-bottom: 15px
}

.ba-login-signup {
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
font-size: 14px;
text-align: center;
margin-top: 25px
}

.ba-login-signup p {
margin: 15px 0 0 0
}

.ba-login-signup-link {
text-decoration: underline
}

.ba-login-forgot-password {
float: right;
line-height: 35px
}

.ba-login-remember-me {
font-size: 14px
}

#js-fbErrorModal {
position: fixed;
max-width: 388px;
top: 50%;
left: 50%;
margin: -100px 0 0 -150px;
z-index: 10;
background-color: #fff
}

.fbErrorModal {
max-width: 388px
}

@media ( max-width : 767px) {
.fbErrorModal .btn--full {
    font-size: 16px
}
}

.fb-email {
word-wrap: break-word
}

div#google-signin {
width: 100%
}

div#google-signin .google-signin-button {
width: 100%;
height: 40px;
text-align: center;
border: 1px solid #d3d5db;
background: white;
color: #737373;
border-radius: 5px;
white-space: nowrap;
padding: 0
}

div#google-signin .google-signin-button-icon {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin: 8px 0 8px 8px;
box-sizing: border-box
}

div#google-signin .google-signin-button-text {
display: inline-block;
vertical-align: middle;
padding: 8px 4px;
font-size: 15px;
font-family: 'Roboto', arial, sans-serif
}

.sign-in-with-facebook-button {
width: 100%;
height: 48px;
border-width: 0;
background: #1977F3;
color: #fefefe;
border-radius: 5px;
white-space: nowrap;
box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.05);
transition-property: background-color, box-shadow;
transition-duration: 150ms;
transition-timing-function: ease-in-out;
padding: 0
}

.facebook-logo {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin: 8px 0 8px 8px;
box-sizing: border-box
}

.sign-in-with-facebook-text {
display: inline-block;
vertical-align: middle;
padding: 0 6px;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold
}

.bluetip {
z-index: 9999
}

.bluetip.qtip {
border-color: transparent;
background-color: transparent
}

.bluetip.blue-auto {
width: auto !important
}

.bluetip .fa-icon {
display: none;
font-family: "FontAwesome";
font-size: 23px;
position: absolute;
font-weight: 300;
text-align: center
}

.bluetip .fa-icon.times-icon {
z-index: 6020;
color: #fff;
top: -11px;
right: -10px;
padding: 7px;
line-height: 23px;
height: 23px;
width: 23px
}

.bluetip .fa-icon.circ-icon {
z-index: 6010;
color: #353751;
font-size: 29px;
top: -7px;
right: -6px;
line-height: 29px;
height: 29px;
width: 29px
}

.bluetip a:link, .bluetip a:hover, .bluetip a:visited, .bluetip a:active
{
color: #fff;
text-decoration: underline;
font-weight: 600
}

@media ( max-width : 767px) {
.bluetip .qtip-tip {
    display: none !important
}
}

@media ( max-width : 767px) {
.bluetip.blue-full-mobile {
    width: 90% !important;
    left: 5% !important;
    margin-left: 0 !important
}
}

.bluetip.blue-auto {
width: auto !important
}

@media ( max-width : 767px) {
.bluetip.blue-auto {
    margin-left: -45px !important
}
.bluetip.blue-auto .qtip-content {
    text-align: center !important
}
.bluetip.blue-auto .qtip-wrapper {
    width: 136px !important
}
}

.bluetip.blue-left {
margin-left: 40px
}

@media ( max-width : 767px) {
.bluetip.blue-left {
    margin-left: 20px
}
}

@media ( min-width : 1200px) {
.bluetip.blue-left {
    margin-left: 0
}
}

.bluetip.blue-left .qtip-tip {
margin-left: -47px !important
}

@media ( min-width : 1200px) {
.bluetip.blue-left .qtip-tip {
    margin-left: -7px !important
}
}

.bluetip.blue-right {
margin-left: -135px
}

.bluetip.blue-right .qtip-tip {
margin-left: 128px !important
}

@media ( max-width : 767px) {
.bluetip {
    margin-left: -135px
}
}

.bluetip .qtip-wrapper {
position: relative;
overflow: visible !important
}

.bluetip .qtip-contentWrapper {
box-shadow: 0px 1px 4px -1px #bbb;
position: relative;
overflow: initial !important;
border-radius: 5px;
background-color: transparent !important
}

.bluetip .fa-icon {
display: none;
font-family: 'FontAwesome';
font-size: 23px;
position: absolute;
font-weight: 300;
text-align: center
}

@media ( max-width : 767px) {
.bluetip .fa-icon {
    display: block
}
}

.bluetip .fa-icon.times-icon {
z-index: 6020;
color: #fff;
top: -11px;
right: -10px;
padding: 7px;
line-height: 23px;
height: 23px;
width: 23px
}

.bluetip .fa-icon.circ-icon {
z-index: 6010;
color: #353751;
font-size: 29px;
top: -7px;
right: -6px;
line-height: 29px;
height: 29px;
width: 29px
}

.bluetip .qtip-tip:before {
border-width: 10px 10px 0 10px;
border-color: white transparent transparent transparent;
content: '';
position: absolute;
left: 50%;
margin-left: -11px;
top: -1px;
z-index: 9001
}

.bluetip .qtip-tip:after {
border-width: 10px 10px 0 10px;
border-color: #d3d5db transparent transparent transparent;
content: '';
position: absolute;
left: 50%;
margin-left: -11px;
top: 0px;
z-index: 9000
}

.bluetip .qtip-tip canvas {
display: none
}

.qtip-left .qtip-tip {
left: 2px !important;
bottom: 60% !important
}

.qtip-left .qtip-tip:before {
border-width: 10px 10px 10px 0;
border-color: transparent white transparent transparent;
content: '';
position: absolute;
left: 50%;
margin-left: -11px;
top: 0px;
z-index: 9001
}

.qtip-left .qtip-tip:after {
border-width: 10px 10px 10px 0;
border-color: transparent #d3d5db transparent transparent;
content: '';
position: absolute;
left: 50%;
margin-left: -11px;
left: 6px;
z-index: 9000
}

.qtip-content {
border-radius: 4px;
padding: 10px 18px;
color: #868484;
font-family: "Cera Pro", "HelveticaNeue", "Helvetica Neue",
    "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman",
    "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial",
    sans-serif;
line-height: 145%;
background: #fff;
border: 1px solid #d3d5db
}

.qtip-content p {
margin: 8px 0;
font-size: 14px;
font-weight: 300
}

.qtip-content a, .qtip-content a:visited, .qtip-content a:link {
color: #fff;
text-decoration: underline;
font-weight: 600;
white-space: nowrap
}

.cvc-image-wrapper {
background-color: #eee;
border-radius: 4px;
margin: 12px 0 8px;
padding: 10px;
border: 1px solid #d3d5db
}

.cvc-label {
width: 118px
}

@media ( min-width : 1200px) {
.cvc-label {
    width: 156px
}
}

@media ( max-width : 767px) {
.cvc-label {
    width: 46%
}
}

.tip-toggle {
display: none;
margin-bottom: 25px;
margin-top: 10px
}

.tip-toggle .qtip-content {
text-align: left;
padding: 7px 10px
}

.tip-toggle .cvc-image-wrapper {
text-align: center;
padding: 15px
}

.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}

.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
float: left
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
cursor: pointer
}

.owl-controls {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent
}

.grabbing {
cursor: url(icons/grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}

.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px
}

.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .2s both ease;
animation: fadeOut .2s both ease
}

.owl-fade-in {
-webkit-animation: fadeIn .2s both ease;
animation: fadeIn .2s both ease
}

.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease
}

.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both
}

.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
animation: goDown .6s ease both
}

.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both
}

@
-webkit-keyframes empty { 0%{
opacity: 1
}

}
@
keyframes empty { 0%{
opacity: 1
}

}
@
-webkit-keyframes fadeIn { 0%{
opacity: 0
}

100%{
opacity
:
1
}
}
@
keyframes fadeIn { 0%{
opacity: 0
}

100%{
opacity
:
1
}
}
@
-webkit-keyframes fadeOut { 0%{
opacity: 1
}

100%{
opacity
:
0
}
}
@
keyframes fadeOut { 0%{
opacity: 1
}

100%{
opacity
:
0
}
}
@
-webkit-keyframes backSlideOut { 25%{
opacity: .5;
-webkit-transform: translateZ(-500px)
}

75%{
opacity
:
.5
;-webkit-transform
:translateZ(-500px)

translateX
(-200%)
}
100%{
opacity
:
.5
;-webkit-transform
:translateZ(-500px)

translateX
(-200%)
}
}
@
keyframes backSlideOut { 25%{
opacity: .5;
-webkit-transform: translateZ(-500px);
transform: translateZ(-500px)
}

75%{
opacity
:
.5
;-webkit-transform
:translateZ(-500px)

translateX
(-200%);transform
:translateZ(-500px)

translateX
(-200%)
}
100%{
opacity
:
.5
;-webkit-transform
:translateZ(-500px)

translateX
(-200%);transform
:translateZ(-500px)

translateX
(-200%)
}
}
@
-webkit-keyframes backSlideIn { 0%,25%{
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%)
}

75%{
opacity
:
.5
;-webkit-transform
:translateZ(-500px)
}
100%{
opacity
:
1;-webkit-transform
:translateZ(0)

translateX
(0)
}
}
@
keyframes backSlideIn { 0%,25%{
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%)
}

75%{
opacity
:
.5
;-webkit-transform
:translateZ(-500px)
;transform
:translateZ(-500px)
}
100%{
opacity
:
1;-webkit-transform
:translateZ(0)

translateX
(0);transform
:translateZ(0)

translateX
(0)
}
}
@
-webkit-keyframes scaleToFade {
to {opacity: 0;
-webkit-transform: scale(0.8)
}

}
@
keyframes scaleToFade {
to {opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8)
}

}
@
-webkit-keyframes goDown {
from {-webkit-transform: translateY(-100%)
}

}
@
keyframes goDown {
from {-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}

}
@
-webkit-keyframes scaleUpFrom {
from {opacity: 0;
-webkit-transform: scale(1.5)
}

}
@
keyframes scaleUpFrom {
from {opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}

}
@
-webkit-keyframes scaleUpTo {
to {opacity: 0;
-webkit-transform: scale(1.5)
}

}
@
keyframes scaleUpTo {
to {opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}

} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner,
.fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object,
.fancybox-nav, .fancybox-nav span, .fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top
}

.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020
}

.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
border-radius: 4px
}

.fancybox-opened {
z-index: 8030
}

.fancybox-opened .fancybox-skin {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer, .fancybox-inner {
position: relative
}

.fancybox-inner {
overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch
}

.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%
}

.fancybox-image {
max-width: 100%;
max-height: 100%
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span
{
background-image:
    url("fancybox/fancybox_sprite-b9d6fddb0988440902fcfc72f371ecfa80ee2eb36073f9eebc17449ee41c886f.png")
}

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060
}

#fancybox-loading div {
width: 44px;
height: 44px;
background:
    url("fancybox/fancybox_loading-f2e4888e43770f9b48fa893bc62eeaf2d4498d04772dc9f8c83c760fdd209e15.gif")
    center center no-repeat
}

.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040
}

.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent
    url("fancybox/blank-b1442e85b03bdcaf66dc58c7abb98745dd2687d86350be9a298a1d9382ac849b.gif");
-webkit-tap-highlight-color: transparent;
z-index: 8040
}

.fancybox-prev {
left: 0
}

.fancybox-next {
right: 0
}

.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden
}

.fancybox-prev span {
left: 10px;
background-position: 0 -36px
}

.fancybox-next span {
right: 10px;
background-position: 0 -72px
}

.fancybox-nav:hover span {
visibility: visible
}

.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important
}

.fancybox-lock {
overflow: hidden !important;
width: auto
}

.fancybox-lock body {
overflow: hidden !important;
height: auto
}

.fancybox-lock-test {
overflow-y: hidden !important
}

.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background:
    url("fancybox/fancybox_overlay-98919a2d15145caa23c7ad6d5593a0971328feb93fb9e4fedbecca452b1702b4.png")
}

.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0
}

.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll
}

.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050
}

.fancybox-opened .fancybox-title {
visibility: visible
}

.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center
}

.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0, 0, 0, 0.8);
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap
}

.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff
}

.fancybox-title-inside-wrap {
padding-top: 10px
}

.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
    (min--moz-device-pixel-ratio: 1.5) , only screen and
(min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span
    {
    background-image:
        url("fancybox/fancybox_sprite@2x-cbf59d189eba62edd6041d054725dd6c169e65404f1b0e03fe847d5131a34e85.png");
    background-size: 44px 152px
}
#fancybox-loading div {
    background-image:
        url("fancybox/fancybox_loading@2x-f05461912fde0f840dd23d9b533eb8bd7af5d3e2af3658d1222bf0a716c1dcc2.gif");
    background-size: 24px 24px
}
}

.snap-content {
box-shadow: 0px -2px 5px 3px rgba(0, 0, 0, 0.15), 1px 0 0
    rgba(102, 102, 102, 0.3), 0px 0 0 rgba(102, 102, 102, 0.3);
position: relative
}

.snap-drawers {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto
}

.snap-drawer {
display: none;
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: auto;
width: 100%;
height: auto
}

.snap-drawer-left {
left: 0;
background-color: #f2f3f5;
overflow: auto;
-webkit-overflow-scrolling: touch
}

.snap-drawer-right {
right: 0
}

.js-CartOpen .snap-drawer-right {
display: block
}

.snapjs-right .snap-drawer-left, .snapjs-left .snap-drawer-right {
display: none
}

.snapjs-right .snap-drawer-right, .snapjs-left .snap-drawer-left {
display: block;
z-index: 1
}

.snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right
{
width: 100%
}

.snapjs-left .snap-content, .snapjs-right .snap-content {
left: 0;
right: 0;
z-index: 2;
background-color: #fff
}

#ie7 .snapjs-left .snap-content, #ie7 .snapjs-right .snap-content, #ie8 .snapjs-left .snap-content,
#ie8 .snapjs-right .snap-content, #ie9 .snapjs-left .snap-content, #ie9 .snapjs-right .snap-content
{
width: 100%;
height: 100%
}

.js-CartOpen .snap-content {
background-color: #fff;
overflow: hidden
}

.snapjs-left #cart-overlay, .snapjs-right #cart-overlay {
display: block
}

#ie7 .snapjs-right #cart-overlay, #ie8 .snapjs-right #cart-overlay, #ie9 .snapjs-right #cart-overlay
{
display: none
}