/*
http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32
http://css-tricks.com/naming-media-queries/

Usage:

@include responsive(canvasflexible)
{
	html { width: 100%; }
}

...

@include responsive(canvasflexible)
@include responsive(mobilenav)
@include responsive(tabletportrait)
@include responsive(phablet)
@include responsive(mobilelandscape)
@include responsive(mobileportrait)

*/
/* @include list-reset(); */
/*
http://css-tricks.com/snippets/css/clear-fix/ - http://www.satzansatz.de/cssd/onhavinglayout.html
@include group(".header");
*/
/* @include form-input-selector(".form ", ":focus"); */
/* @include input-placeholder(".form input", ":focus"); */
/* @include vw("12px", "12vw"); */
/******************************* Used in responsive.scss ********************************/
/* Font */
/* Not used */
/* Colors */
/* green */
/* green */
/* green */
/* green */
/* green */
/* yellowish */
/* red was f1060d, was #ff0000 */
/* Yellow orange in logo */
/* Dimensions */
/* Nav */
/* Z-Index Layers */
/* Breakpoints */
/* ($global-container-padding * 2) not needed here now due to box-sizing: border-box */
/* Paths */
/* Content Half */
/***** Health Colors *****/
/* Medium Blue */
/* Dark Blue */
/* Orange-ish */
/* Orange-ish light */
/*
	I. Table Of Contents
	II. CSS Fonts
	1. Reset
	2. Tables
	3. Headings
	4. Anchors
	5. Form Elements
	6. General Classes
	7. Template & Layout
	8. Print
	9. Responsive
*/
/****************************************************************
 II. CSS Fonts - http://www.fontsquirrel.com/fontface/generator
****************************************************************/
@font-face {
  font-family: "icomoon";
  src: url("/files/fonts//icomoon/fonts/icomoon.eot?-g2tjpy");
  src: url("/files/fonts//icomoon/fonts/icomoon.eot?#iefix-g2tjpy") format("embedded-opentype"), url("/files/fonts//icomoon/fonts/icomoon.ttf?-g2tjpy") format("truetype"), url("/files/fonts//icomoon/fonts/icomoon.woff?-g2tjpy") format("woff"), url("/files/fonts//icomoon/fonts/icomoon.svg?-g2tjpy#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-before[class^="icon-"]:before,
.icon-before[class*=" icon-"]:before,
.icon-after[class^="icon-"]:after,
.icon-after[class*=" icon-"]:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* TODO: set these up so the icon can be befor or after */
.icon-lamp83:before {
  content: "\ebf9"; }

.icon-bin3:before {
  content: "\ebfc"; }

.icon-tv:before {
  content: "\ea79"; }

.icon-can:before {
  content: "\e913"; }

.icon-raisin:before {
  content: "\e911"; }

.icon-fruit:before {
  content: "\e912"; }

.icon-budding-leaves:before {
  content: "\e918"; }

.icon-wheat:before {
  content: "\e919"; }

.icon-stopwatch:before {
  content: "\e91a"; }

.icon-books:before {
  content: "\e90f"; }

.icon-fork-plate-knife:before {
  content: "\e910"; }

.icon-no-soy:before {
  content: "\e90e"; }

.icon-hamburger:before {
  content: "\e90d"; }

.icon-star:before {
  content: "\e902"; }

.icon-recycle-arrows:before {
  content: "\e903"; }

.icon-eco-gear:before {
  content: "\e904"; }

.icon-bench:before {
  content: "\e905"; }

.icon-cart:before {
  content: "\ea02"; }

.icon-bag:before {
  content: "\ea07"; }

.icon-power:before {
  content: "\ec48"; }

.icon-snowflake:before {
  content: "\ecba"; }

.icon-sun:before {
  content: "\e900"; }

.icon-fire:before {
  content: "\e901"; }

.icon-cupcakes:before {
  content: "\e906"; }

.icon-cheese:before {
  content: "\e907"; }

.icon-tree:before {
  content: "\e908"; }

.icon-ham:before {
  content: "\e90a"; }

.icon-aroma:before {
  content: "\e909"; }

.icon-turkey:before {
  content: "\e90b"; }

.icon-fall:before {
  content: "\e800"; }

.icon-orange:before {
  content: "\e600"; }

.icon-rolling-pin:before {
  content: "\e601"; }

.icon-newspaper:before {
  content: "\e90c"; }

.icon-book:before {
  content: "\e991"; }

.icon-book-play:before {
  content: "\e992"; }

.icon-education:before {
  content: "\e99a"; }

.icon-download:before {
  content: "\e9a6"; }

.icon-price-tag:before {
  content: "\e9ee"; }

.icon-store:before {
  content: "\e9fc"; }

.icon-basket:before {
  content: "\ea06"; }

.icon-bag2:before {
  content: "\ea08"; }

.icon-ads-coupons:before {
  content: "\ea0f"; }

.icon-cash:before {
  content: "\ea13"; }

.icon-email:before {
  content: "\ea30"; }

.icon-location:before {
  content: "\ea38"; }

.icon-calendar:before {
  content: "\ea5f"; }

.icon-printer:before {
  content: "\ea65"; }

.icon-mobile:before {
  content: "\ea75"; }

.icon-chat:before {
  content: "\eac1"; }

.icon-user:before {
  content: "\eb08"; }

.icon-search:before {
  content: "\eb33"; }

.icon-glass:before {
  content: "\ebaf"; }

.icon-wine-glass:before {
  content: "\ebb1"; }

.icon-bottle:before {
  content: "\ebb3"; }

.icon-spoon-knife:before {
  content: "\ebb9"; }

.icon-chef:before {
  content: "\ebba"; }

.icon-plate:before {
  content: "\ebbb"; }

.icon-meat:before {
  content: "\ebbc"; }

.icon-fish:before {
  content: "\ebbd"; }

.icon-chicken:before {
  content: "\ebbe"; }

.icon-carton:before {
  content: "\ebc4"; }

.icon-leaf:before {
  content: "\ebca"; }

.icon-apple:before {
  content: "\ebcc"; }

.icon-flower:before {
  content: "\ebd8"; }

.icon-gage-fast:before {
  content: "\ebdf"; }

.icon-truck:before {
  content: "\ec0c"; }

.icon-football:before {
  content: "\ec35"; }

.icon-sun2:before {
  content: "\ecd3"; }

.icon-heart:before {
  content: "\ece9"; }

.icon-thumbs-up:before {
  content: "\ecf5"; }

.icon-plus:before {
  content: "\ed5a"; }

.icon-close:before {
  content: "\ed6a"; }

.icon-checkmark:before {
  content: "\ed6f"; }

.icon-arrow-right:before, [data-flexslider-theme="b"] .flex-direction-nav a.flex-next:before {
  content: "\edba"; }

.icon-arrow-down:before {
  content: "\edbe"; }

.icon-arrow-left:before, [data-flexslider-theme="b"] .flex-direction-nav a:before {
  content: "\edc2"; }

.icon-arrow-circle-right:before, [data-flexslider-theme="a"] .flex-direction-nav a.flex-next:before {
  content: "\ede5"; }

.icon-arrow-circle-left:before, [data-flexslider-theme="a"] .flex-direction-nav a:before {
  content: "\ede7"; }

.icon-rulers:before {
  content: "\ee7e"; }

.icon-scissors:before {
  content: "\ee81"; }

.icon-external:before {
  content: "\eec6"; }

.icon-facebook:before {
  content: "\eee9"; }

.icon-instagram:before {
  content: "\eeec"; }

.icon-twitter:before {
  content: "\eeee"; }

.icon-youtube:before {
  content: "\eef5"; }

.icon-pinterest:before {
  content: "\ef2d"; }

.icon-pdf:before {
  content: "\ef36"; }

.icon-droplet:before {
  content: "\e934"; }

.icon-phone2:before {
  content: "\ea1d"; }

.icon-flip-right:before {
  content: "\eabd"; }

.icon-lock2:before {
  content: "\eb4e"; }

.icon-pulse:before {
  content: "\eb6c"; }

.icon-bread:before {
  content: "\ebc2"; }

.icon-light-bulb:before {
  content: "\ebf6"; }

.icon-star-full:before {
  content: "\ecdf"; }

.icon-question4:before {
  content: "\ed53"; }

.icon-play-video:before {
  content: "\ed7b"; }

.icon-share:before {
  content: "\eedd"; }

.icon-files-empty:before {
  content: "\e925"; }

.icon-alarm:before {
  content: "\e950"; }

.icon-display:before {
  content: "\e956"; }

.icon-checkbox-checked:before {
  content: "\ee63"; }

.icon-checkbox-unchecked:before {
  content: "\ee64"; }

/* https://github.com/sass/sass/issues/1395 */
/****************************************************************
 2. Tables
****************************************************************/
.table-overflow {
  overflow: auto;
  width: 100%; }

table[data-theme="a"] {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%; }

table[data-theme="a"] th,
table[data-theme="a"] td {
  padding: 20px; }

table[data-theme="a"] th {
  font-size: 1.8rem;
  font-weight: normal;
  text-transform: uppercase; }

table[data-theme="a"] thead th {
  vertical-align: top; }

table[data-theme="a"] thead th .th-note {
  display: block;
  font-size: 1.4rem;
  text-transform: none; }

table[data-theme="a"] tbody th {
  vertical-align: middle; }

table[data-theme="a"] td {
  line-height: 1.7;
  vertical-align: middle; }

table[data-theme="a"] tbody tr:nth-child(odd) td {
  background-color: #fff; }

/****************************************************************
 3. Headings
****************************************************************/
/************** H2 **************/
h2.heading {
  font-size: 4.8rem;
  text-transform: uppercase; }

/************** H3 **************/
h3.heading {
  font-size: 3.6rem;
  text-transform: uppercase; }

/************** H4 **************/
h4.heading {
  font-size: 2.8rem;
  text-transform: uppercase; }

/************** H5 **************/
h5.heading {
  font-size: 2.4rem; }

/************** H6 **************/
h6.heading {
  font-size: 1.7rem; }

/************** Heading Modifiers **************/
.heading.heading--light {
  font-weight: normal; }

.heading.heading--no-case {
  text-transform: none; }

.heading--brand-reversed {
  background-color: #66b246;
  color: #fff;
  padding: 2rem 3rem; }

/************** Marquee **************/
.heading--marquee {
  color: #fff;
  margin: 0px;
  text-shadow: 0px 2px 3px rgba(3, 4, 4, 0.75); }

/******************************* Responsive ********************************/
@media (max-width: 990px) {
  /* TODO: may need to add padding to rightside value below */
  h2.heading {
    font-size: 48px;
    font-size: 4.84848vw; }
  h3.heading {
    font-size: 36px;
    font-size: 3.63636vw; }
  h4.heading {
    font-size: 28px;
    font-size: 2.82828vw; }
  h5.heading {
    font-size: 24px;
    font-size: 2.42424vw; } }

@media (max-width: 620px) {
  h2.heading {
    font-size: 30.68041px; }
  h3.heading {
    font-size: 23.01031px; }
  h4.heading {
    font-size: 17.89691px; }
  h5.heading {
    font-size: 15.34021px; }
  .heading--brand-reversed {
    padding: 1rem 2rem; } }

/****************************************************************
 4. Anchors - :link - :visited - :hover - :focus - :active
****************************************************************/
a {
  background-color: rgba(255, 255, 255, 0);
  /* Accessibility */
  color: #66b246;
  text-decoration: underline;
  transition: 0.2s color; }

.content a:hover {
  color: #444;
  background-color: rgba(255, 255, 255, 0);
  /* Accessibility */ }

.content a.reset-hover:hover {
  color: #66b246;
  background-color: rgba(255, 255, 255, 0);
  /* Accessibility */ }

.font-color-white a,
.font-color-white a:hover,
a.font-color-white:hover {
  color: #eee;
  background-color: rgba(255, 255, 255, 0);
  /* Accessibility */ }

/*
Supersedes a.reset, a.reset:hover
*/
.a-reset,
.a-reset:hover {
  color: inherit;
  text-decoration: none; }

#specificity a.inherit {
  color: inherit;
  background-color: rgba(255, 255, 255, 0);
  /* Accessibility */ }

/****************************************************************
 5. Form Elements - http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/
****************************************************************/
/******************************* Form Resets ********************************/
/* Removes mac outline */
select, textarea, input, button {
  outline-width: 0px; }

/* button */
button.reset {
  border: 0px;
  background-color: transparent;
  padding: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* @include appearance(none); */ }

/* [type="search"] http://css-tricks.com/webkit-html5-search-inputs/ */
input[type="search"].reset {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box; }

input[type="search"].reset::-webkit-search-decoration,
input[type="search"].reset::-webkit-search-cancel-button {
  display: none; }

/* [type="number"] */
input[type=number].reset {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  /* @include appearance(textfield); */ }

input[type=number].reset::-webkit-inner-spin-button,
input[type=number].reset::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/******************************* Placeholders ********************************/
/* @include input-placeholder("[placeholder]", ":focus"); */
[placeholder]::-webkit-input-placeholder {
  color: #bbb;
  text-indent: 0%; }

[placeholder]::-moz-placeholder {
  color: #bbb;
  opacity: 1; }

[placeholder]:-ms-input-placeholder {
  color: #bbb; }

[placeholder]:focus::-webkit-input-placeholder {
  text-indent: -100%;
  -webkit-transition: text-indent .5s ease;
  transition: text-indent .5s ease; }

[placeholder]:focus::-moz-placeholder {
  opacity: 0; }

[placeholder]:focus:-ms-placeholder {
  opacity: 0; }

/******************************* .full-width ********************************/
#specificity input.full-width,
#specificity textarea.full-width,
#specificity select.full-width {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* @include box-sizing(border-box); */
  width: 100%;
  max-width: 100%; }

/******************************* Toggle nearby fields via :checked ********************************/
.checked-toggle ~ .checked-toggle-target {
  display: none; }

.checked-toggle:checked ~ .checked-toggle-target {
  display: block; }

/******************************* .form Element Styling ********************************/
/* @include form-input-selector(".form ", ""); */
.form textarea,
.form input[type="text"],
.form input[type="password"],
.form input[type="email"],
.form input[type="tel"],
.form input[type="url"],
.form input[type="search"],
.form input[type="number"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* @include box-sizing(border-box); */
  border: 1px solid #ccc;
  padding: 8px;
  max-width: 200px;
  width: 100%;
  font-size: 1.4rem; }

/* @placholder jQuery plugin - match this with .form input */
/* @include form-input-selector(".form ", ":focus"); */
.form textarea:focus,
.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form input[type="email"]:focus,
.form input[type="tel"]:focus,
.form input[type="url"]:focus,
.form input[type="search"]:focus,
.form input[type="number"]:focus {
  border: 1px solid #aaa; }

.form textarea {
  height: 150px;
  width: 100%;
  max-width: 300px;
  line-height: 2;
  overflow-y: auto;
  resize: both; }

/*
.form button
{
cursor: pointer;
line-height: 1;
overflow: visible;
padding: 4px 5px;
width: auto;
}
*/
/* Checkboxes/Radios */
.form input + label {
  padding: 0px 5px 0px 3px; }

/******************************* .form ********************************/
.form, .form ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px; }

.form > li {
  margin-bottom: 18px;
  overflow: hidden; }

.form > li:last-child {
  margin-bottom: 0px; }

.form > li > label:first-child {
  float: left;
  line-height: 1.5; }

.form > li.full-line > label:first-child {
  display: block;
  float: none;
  margin-bottom: 6px;
  width: auto; }

.form > li.required label:after {
  color: #900;
  content: "*";
  padding-left: 2px; }

.form .field {
  overflow: hidden; }

.form > li > label:first-child {
  width: 110px; }

.form .field {
  margin-left: 120px; }

.form > li.full-line > * {
  margin-left: 0px; }

/****************************************************************
 6. General Classes
****************************************************************/
.clear {
  clear: both; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.v-align-middle {
  vertical-align: middle; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.visible, .block {
  display: block; }

.hidden, .hide {
  display: none; }

.overflow {
  overflow: hidden; }

.uppercase {
  text-transform: uppercase; }

.content-left {
  float: left; }

.content-right {
  float: right; }

.cursor-waiting {
  cursor: wait; }

.cursor-pointer {
  cursor: pointer; }

.nowrap {
  white-space: nowrap; }

.unbold {
  font-weight: normal; }

/* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.accessibly-hidden {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute !important; }

.flexslider .slides img.max-width-none,
.max-width-none {
  max-width: none; }

img.full-width {
  width: 100%;
  max-width: 100%; }

.full-width-image-children img {
  max-width: 100%; }

.font-color-white {
  color: #fff; }

.font-color-brand {
  color: #66b246; }

/*
This may not work everywhere
http://codepen.io/yoksel/pen/fsdbu
https://css-tricks.com/clipping-masking-css/
*/
img.rounded {
  border-radius: 50%; }

[data-font-size="-4"] {
  font-size: 1rem; }

[data-font-size="-3"] {
  font-size: 1.1rem; }

[data-font-size="-2"] {
  font-size: 1.2rem; }

[data-font-size="-1"] {
  font-size: 1.3rem; }

[data-font-size="+1"] {
  font-size: 1.5rem; }

[data-font-size="+2"] {
  font-size: 1.6rem; }

[data-font-size="+3"] {
  font-size: 1.7rem; }

[data-font-size="+4"] {
  font-size: 1.8rem; }

[data-font-size="+6"] {
  font-size: 2rem; }

.font-color-darker {
  color: #000; }

.font-color-dark {
  color: #444; }

.font-color-medium {
  color: #666; }

.font-color-light {
  color: #999; }

.font-color-faint {
  color: #ccc; }

.font-color-default {
  color: #000; }

.font-color-secondary-brand {
  color: #eaa91d; }

.font-color-alternate-brand {
  color: #ed060d; }

.font-color-alternate-brand2 {
  color: #f6b333; }

[data-lh="1"] {
  line-height: 1; }

[data-lh="1.1"] {
  line-height: 1.1; }

[data-lh="1.2"] {
  line-height: 1.2; }

[data-lh="1.3"] {
  line-height: 1.3; }

[data-lh="1.4"] {
  line-height: 1.4; }

[data-lh="1.5"] {
  line-height: 1.5; }

[data-lh="1.6"] {
  line-height: 1.6; }

[data-lh="1.7"] {
  line-height: 1.7; }

[data-lh="1.8"] {
  line-height: 1.8; }

[data-lh="1.9"] {
  line-height: 1.9; }

[data-lh="2"] {
  line-height: 2; }

#specificity [data-bg-position="left top"] {
  background-position: left top; }

#specificity [data-bg-position="left center"] {
  background-position: left center; }

#specificity [data-bg-position="left bottom"] {
  background-position: left bottom; }

#specificity [data-bg-position="right top"] {
  background-position: right top; }

#specificity [data-bg-position="right center"] {
  background-position: right center; }

#specificity [data-bg-position="right bottom"] {
  background-position: right bottom; }

#specificity [data-bg-position="center top"] {
  background-position: center top; }

#specificity [data-bg-position="center center"] {
  background-position: center center; }

#specificity [data-bg-position="center bottom"] {
  background-position: center bottom; }

dl.reset,
dl.reset > dd {
  margin: 0px; }

.table {
  display: table;
  width: 100%;
  list-style-type: none;
  margin: 0px;
  padding: 0px; }

.table > li {
  display: table-cell; }

.word-break {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word; }

.ellipsis {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.promote-layer {
  /* This may promote the layer to a composited layer. Replace with will-change when available */
  /*-webkit-backface-visibility: hidden;
backface-visibility: hidden;*/ }

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

.overflow-list > li {
  overflow: hidden; }

.overflow-list__gc-before:before {
  float: left;
  line-height: 1.4 !important;
  margin-left: 1px;
  margin-right: 2rem; }

/******************************* Loading *******************************
http://www.ajaxload.info/ */
#specificity .loading {
  background-image: url("/files/images/template/fallbacks/spinner.gif");
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 66px; }

/******************************* Messages *******************************
Converters -
http://web.forret.com/tools/color.asp
http://www.workwithcolor.com/doughnut-color-picker-01.htm
*/
.success, .notice, .error {
  border: 1px solid;
  padding: 10px; }

.success {
  background-color: #c7ffc7;
  background-color: #c7ffc7;
  border-color: #a2c3a2;
  border-color: #a2c3a2; }

.notice {
  background-color: #ffffc7;
  background-color: #ffffc7;
  border-color: #c3c3a2;
  border-color: #c3c3a2; }

.error {
  background-color: #ffc7c7;
  background-color: #ffc7c7;
  border-color: #c3a2a2;
  border-color: #c3a2a2; }

.error a:link,
.error a:hover {
  color: #940000;
  text-decoration: underline; }

/******************************* Ratios - http://www.mademyday.de/css-height-equals-width-with-pure-css.html ********************************/
.ratio {
  position: relative; }

.ratio:before {
  content: "";
  display: block; }

.ratio.ratio1_1:before {
  padding-top: 100%; }

.ratio.ratio2_1:before {
  padding-top: 50%; }

.ratio.ratio1_2:before {
  padding-top: 200%; }

.ratio.ratio4_3:before {
  padding-top: 75%; }

.ratio.ratio16_9:before {
  padding-top: 56.25%; }

/******************************* Horizonal Rule ********************************/
.hr {
  border-bottom: 1px solid #000;
  height: 1px;
  text-align: center;
  width: 100%; }

.hr hr {
  display: none; }

.hr--fat {
  border-bottom-width: 5px; }

.hr--width-10 {
  max-width: 10%;
  margin-left: auto;
  margin-right: auto; }

.hr--width-20 {
  max-width: 20%;
  margin-left: auto;
  margin-right: auto; }

.hr--white {
  border-bottom-color: #fff; }

.hr--444 {
  border-bottom-color: #444; }

/******************************* Quotes ********************************/
.blockquote-bg p {
  background-color: #66b246;
  color: #fff;
  display: inline;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 2;
  padding: 8px; }

@media (max-width: 620px) {
  .blockquote-bg p {
    background-color: transparent;
    color: #000;
    font-size: 1.8rem; } }

/******************************* Pseudo Elements ********************************/
::-moz-selection {
  background-color: #000;
  color: #fff; }

::selection {
  background-color: #000;
  color: #fff; }

/******************************* Clear Fix *******************************
http://css-tricks.com/snippets/css/clear-fix/ - http://www.satzansatz.de/cssd/onhavinglayout.html
*/
.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  min-height: 0px; }

/******************************* Don't Preload Youtube Videos ********************************/
.enable-video-container {
  position: relative;
  z-index: 1; }

.enable-video-container .enable-video {
  background: url("/files/images/template/enable-video.png") no-repeat center center;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 1; }

.enable-video-container img {
  width: 100%; }

/******************************* Blocks ********************************/
.block-25 {
  background-color: #252524; }

.block-73 {
  background-color: #737373; }

.block-494949 {
  background-color: #494949; }

.block-6aa1ec {
  background-color: #6aa1ec; }

.block-8bb934 {
  background-color: #8bb934; }

.block-fc4545 {
  background-color: #fc4545; }

.block-d8ba8e {
  background-color: #d8ba8e; }

.block-f {
  background-color: #fff; }

/******************************* Dots ********************************/
.dot {
  border-radius: 50%;
  display: inline-block;
  height: 35px;
  width: 35px; }

.dot--green {
  background-color: #66b246; }

.dot--yellow {
  background-color: #fdff54; }

.dot--orange {
  background-color: #ffd154; }

/******************************* Dots ********************************/
.file-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-size: 1.8rem;
  font-weight: bold; }

.file-list > li {
  margin-bottom: 10px; }

.file-list a[href$=".pdf"]:after {
  content: "\e9a6";
  /* icon-download */
  font-family: "icomoon";
  padding-left: 10px; }

/******************************* Google Maps Fix For Mobile ********************************/
.google-map-iframe {
  position: relative; }

.touch .google-map-iframe--cover {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%; }

/******************************* Jumbo List ********************************/
.list-jumbo-counter {
  list-style-type: none;
  margin: 0px;
  padding: 0px; }

.list-jumbo-counter > li {
  counter-increment: step-counter;
  position: relative;
  padding-left: 52rem;
  min-height: 12rem;
  margin-bottom: 36px; }

.list-jumbo-counter > li::before {
  content: counter(step-counter) ".";
  border: 4px solid #66b246;
  border-radius: 50%;
  color: #66b246;
  font-size: 6rem;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -6rem;
  height: 12rem;
  width: 12rem;
  line-height: 2rem;
  text-align: center; }

/******************************* Image Grid ********************************/
.image-grid img {
  display: inline-block;
  margin: 12px 24px; }

/******************************* Distribute Children ********************************/
.distribute-children {
  text-align: justify;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  position: relative;
  bottom: -1rem; }

.distribute-children::after {
  content: "";
  display: inline-block;
  width: 100%; }

.distribute-children > li {
  display: inline-block; }

@media (max-width: 990px) {
  .distribute-children {
    text-align: center; } }

/******************************* Buttons ********************************/
.button-curved,
.button-knockout,
.button-action {
  display: inline-block;
  font-weight: bold;
  line-height: 1.3;
  overflow: hidden;
  position: relative;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: 0.2s all linear; }

/*********** .button-curved ***********/
.button-curved {
  font-size: 1.4rem;
  padding: 13px 30px;
  border-radius: 30px; }

.button-curved[data-theme="red"] {
  background-color: #ed060d;
  color: #fff; }

.button-curved[data-theme="red"]:hover {
  background-color: #d4050c;
  color: #fff; }

/*********** .button-knockout ***********/
.button-knockout {
  font-size: 1.8rem;
  padding: 15px 34px;
  border-style: solid;
  border-width: 3px;
  border-radius: 3px; }

/* small */
.button-knockout[data-size="small"] {
  font-size: 1.4rem;
  border-width: 1px;
  padding: 10px 20px; }

/* White */
.button-knockout[data-theme="white"] {
  border-color: #fff;
  color: #fff; }

.button-knockout[data-theme="white"]:hover {
  border-color: #ddd;
  color: #ddd; }

/* Red */
.button-knockout[data-theme="red"] {
  border-color: #ed060d;
  color: #ed060d; }

.button-knockout[data-theme="red"]:hover {
  border-color: #ca050b;
  color: #ca050b; }

/* Block */
.button-knockout[data-theme="black"] {
  border-color: #000;
  color: #000; }

.button-knockout[data-theme="black"]:hover {
  border-color: #666;
  color: #666; }

/*********** .button-action ***********/
.button-action {
  font-size: 1.8rem;
  padding: 13px 30px;
  border-radius: 4px;
  border-width: 0px; }

/* Red */
.button-action[data-theme="red"],
button.button-action[data-theme="red"] {
  background-color: #ed060d;
  color: #fff; }

.button-action[data-theme="red"]:hover,
button.button-action[data-theme="red"]:hover {
  background-color: #ca050b;
  color: #fff; }

/* Black */
.button-action[data-theme="black"] {
  background-color: #000;
  color: #fff; }

.button-action[data-theme="black"]:hover {
  background-color: #444;
  color: #fff; }

.button-action[data-size="small"] {
  font-size: 1.4rem;
  padding: 10px 16px; }

.button-action[data-size="smaller"] {
  font-size: 1.4rem;
  padding: 8px 12px; }

.button-action__icon {
  font-size: 1.8rem;
  float: left; }

.button-action__label {
  margin-left: 6px;
  overflow: hidden; }

/*********** .button-dashed ***********/
.button-dashed {
  background-color: #ed060d;
  border: 1px solid #fff;
  border-radius: 1px;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 3px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s; }

#specificity .button-dashed:hover {
  background-color: #bb050a;
  color: #fff; }

.button-dashed > b {
  border: 1px dashed #fff;
  display: block;
  line-height: 1;
  padding: 9px; }

/******************************* Lists/Common ********************************/
.collapse,
.columns,
ul.reset,
ol.reset {
  /* @include list-reset(); */
  list-style-type: none;
  margin: 0px;
  padding: 0px; }

.collapse,
.columns {
  overflow: hidden; }

.columns ul:not(.columns):not(.collapse):not(.reset) {
  list-style-type: disc; }

.collapse > li {
  float: left; }

/******************************* Columns ********************************/
.columns > li {
  float: left;
  margin-left: 4%; }

.columns.columns-3 > li {
  margin-left: 3%; }

.columns > li.column-row {
  clear: left;
  margin-left: 0px; }

.columns-2 > li {
  width: 48%; }

.columns-3 > li {
  width: 31.333%; }

.columns-4 > li {
  width: 22%; }

.columns-5 > li {
  width: 16.8%; }

.columns-2.columns-66-33 > li {
  width: 32%; }

.columns-2.columns-66-33 > li.column-row {
  width: 64%; }

.columns-2.columns-33-66 > li {
  width: 64%; }

.columns-2.columns-33-66 > li.column-row {
  width: 32%; }

.columns-2.columns-45-45 > li {
  width: 45%; }

.columns-2.columns-45-45 > li.column-row {
  width: 45%; }

.columns-2.columns-45-45 > li {
  margin-left: 10%; }

.columns-2.columns-75-25 > li {
  width: 23%; }

.columns-2.columns-75-25 > li.column-row {
  width: 73%; }

.columns-2.columns-25-75 > li {
  width: 73%; }

.columns-2.columns-25-75 > li.column-row {
  width: 23%; }

.columns > li.column-row {
  clear: left;
  margin-left: 0px; }

/* Column Divider */
.columns-divider > li {
  position: relative; }

.columns-divider > li:before {
  content: "";
  position: absolute;
  left: -4%;
  top: 20%;
  height: 80%;
  width: 1px; }

.columns-divider > li.column-row:before {
  display: none; }

.columns-divider--black > li:before {
  background-color: #000; }

.columns-divider--ddd > li:before {
  background-color: #ddd; }

.columns.columns--margin-bottom-1x > li {
  margin-bottom: 12px; }

.columns.columns--margin-bottom-2x > li {
  margin-bottom: 24px; }

.columns.columns--margin-bottom-3x > li {
  margin-bottom: 36px; }

@media (max-width: 720px) {
  #specificity .columns[data-two-col-bp] > li.last-full-width {
    width: 100%; } }

@media (max-width: 990px) {
  #specificity .columns[data-two-col-bp] > li.last-full-width {
    width: 100%; } }

/******************************* Fluid-Flex Columns Layouts ********************************/
/* Fixed/Fluid */
.fixed-fluid {
  overflow: hidden; }

.fixed-fluid > .fluid-wrapper {
  float: left;
  width: 100%; }

.fixed-fluid > .fluid-wrapper > .fluid {
  margin-left: 200px; }

.fixed-fluid > .fixed {
  float: left;
  margin-left: -100%;
  width: 200px; }

/* Fluid/Fixed */
.fluid-fixed {
  overflow: hidden; }

.fluid-fixed > .fluid-wrapper {
  float: left;
  width: 100%; }

.fluid-fixed > .fluid-wrapper > .fluid {
  /*margin-right: 200px;*/ }

.fluid-fixed > .fixed {
  float: left;
  /*width: 200px;
	margin-left: -200px;*/ }

.search-page-form.fluid-fixed {
  overflow: hidden; }

.search-page-form.fluid-fixed > .fluid-wrapper {
  float: left;
  width: 100%; }

.search-page-form.fluid-fixed > .fluid-wrapper > .fluid {
  margin-right: 120px; }

.search-page-form.fluid-fixed > .fixed {
  float: left;
  width: 110px;
  margin-left: -110px; }

/* Fixed/Fluid/Fixed */
.fixed-fluid-fixed {
  overflow: hidden; }

.fixed-fluid-fixed > .fluid-wrapper {
  float: left;
  width: 100%; }

.fixed-fluid-fixed > .fluid-wrapper > .fluid {
  margin: 0px 200px 0px 300px; }

.fixed-fluid-fixed > .fixed-left {
  float: left;
  margin-left: -100%;
  width: 300px; }

.fixed-fluid-fixed > .fixed-right {
  float: left;
  margin-left: -200px;
  width: 200px; }

/******************************* Responsive ********************************/
@media (max-width: 620px) {
  .fixed-fluid[data-breakpoint="3"] > .fluid-wrapper {
    float: none; }
  .fixed-fluid[data-breakpoint="3"] > .fluid-wrapper > .fluid {
    margin-left: 0px; }
  .fixed-fluid[data-breakpoint="3"] > .fixed {
    float: none;
    margin-left: 0px;
    width: auto; } }

/******************************* Margins ********************************/
.margin-clip > :first-child {
  margin-top: 0px; }

.margin-clip > :last-child {
  margin-bottom: 0px; }

.margin-auto {
  margin-left: auto;
  margin-right: auto; }

#specificity .margin-vertical-none {
  margin-top: 0px;
  margin-bottom: 0px; }

#specificity .margin-vertical-none + * {
  margin-top: 0px; }

#specificity .margin-top-none {
  margin-top: 0px; }

#specificity .margin-bottom-none {
  margin-bottom: 0px; }

#specificity .margin-bottom-none + * {
  margin-top: 0px; }

#specificity .margin-left-none {
  margin-left: 0px; }

#specificity .margin-right-none {
  margin-right: 0px; }

#specificity .margin-bottom-children-none > * {
  margin-top: 0px; }

#specificity .margin-bottom-children-none > :first-child {
  margin-top: 0px; }

#specificity .margin-vertical-half {
  margin-top: 6px;
  margin-bottom: 6px; }

#specificity .margin-vertical-half + * {
  margin-top: 6px; }

#specificity .margin-top-half {
  margin-top: 6px; }

#specificity .margin-bottom-half {
  margin-bottom: 6px; }

#specificity .margin-bottom-half + * {
  margin-top: 0px; }

#specificity .margin-left-half {
  margin-left: 6px; }

#specificity .margin-right-half {
  margin-right: 6px; }

#specificity .margin-bottom-children-half > * {
  margin-top: 6px; }

#specificity .margin-bottom-children-half > :first-child {
  margin-top: 0px; }

#specificity .margin-vertical-1x {
  margin-top: 12px;
  margin-bottom: 12px; }

#specificity .margin-vertical-1x + * {
  margin-top: 12px; }

#specificity .margin-top-1x {
  margin-top: 12px; }

#specificity .margin-bottom-1x {
  margin-bottom: 12px; }

#specificity .margin-bottom-1x + * {
  margin-top: 0px; }

#specificity .margin-left-1x {
  margin-left: 12px; }

#specificity .margin-right-1x {
  margin-right: 12px; }

#specificity .margin-bottom-children-1x > * {
  margin-top: 12px; }

#specificity .margin-bottom-children-1x > :first-child {
  margin-top: 0px; }

#specificity .margin-vertical-2x {
  margin-top: 24px;
  margin-bottom: 24px; }

#specificity .margin-vertical-2x + * {
  margin-top: 24px; }

#specificity .margin-top-2x {
  margin-top: 24px; }

#specificity .margin-bottom-2x {
  margin-bottom: 24px; }

#specificity .margin-bottom-2x + * {
  margin-top: 0px; }

#specificity .margin-left-2x {
  margin-left: 24px; }

#specificity .margin-right-2x {
  margin-right: 24px; }

#specificity .margin-bottom-children-2x > * {
  margin-top: 24px; }

#specificity .margin-bottom-children-2x > :first-child {
  margin-top: 0px; }

#specificity .margin-vertical-3x {
  margin-top: 36px;
  margin-bottom: 36px; }

#specificity .margin-vertical-3x + * {
  margin-top: 36px; }

#specificity .margin-top-3x {
  margin-top: 36px; }

#specificity .margin-bottom-3x {
  margin-bottom: 36px; }

#specificity .margin-bottom-3x + * {
  margin-top: 0px; }

#specificity .margin-left-3x {
  margin-left: 36px; }

#specificity .margin-right-3x {
  margin-right: 36px; }

#specificity .margin-bottom-children-3x > * {
  margin-top: 36px; }

#specificity .margin-bottom-children-3x > :first-child {
  margin-top: 0px; }

#specificity .margin-vertical-4x {
  margin-top: 48px;
  margin-bottom: 48px; }

#specificity .margin-vertical-4x + * {
  margin-top: 48px; }

#specificity .margin-top-4x {
  margin-top: 48px; }

#specificity .margin-bottom-4x {
  margin-bottom: 48px; }

#specificity .margin-bottom-4x + * {
  margin-top: 0px; }

#specificity .margin-left-4x {
  margin-left: 48px; }

#specificity .margin-right-4x {
  margin-right: 48px; }

#specificity .margin-bottom-children-4x > * {
  margin-top: 48px; }

#specificity .margin-bottom-children-4x > :first-child {
  margin-top: 0px; }

#specificity .margin-vertical-6x {
  margin-top: 72px;
  margin-bottom: 72px; }

#specificity .margin-vertical-6x + * {
  margin-top: 72px; }

#specificity .margin-top-6x {
  margin-top: 72px; }

#specificity .margin-bottom-6x {
  margin-bottom: 72px; }

#specificity .margin-bottom-6x + * {
  margin-top: 0px; }

#specificity .margin-left-6x {
  margin-left: 72px; }

#specificity .margin-right-6x {
  margin-right: 72px; }

#specificity .margin-bottom-children-6x > * {
  margin-top: 72px; }

#specificity .margin-bottom-children-6x > :first-child {
  margin-top: 0px; }

#specificity .margin-vertical-8x {
  margin-top: 96px;
  margin-bottom: 96px; }

#specificity .margin-vertical-8x + * {
  margin-top: 96px; }

#specificity .margin-top-8x {
  margin-top: 96px; }

#specificity .margin-bottom-8x {
  margin-bottom: 96px; }

#specificity .margin-bottom-8x + * {
  margin-top: 0px; }

#specificity .margin-left-8x {
  margin-left: 96px; }

#specificity .margin-right-8x {
  margin-right: 96px; }

#specificity .margin-bottom-children-8x > * {
  margin-top: 96px; }

#specificity .margin-bottom-children-8x > :first-child {
  margin-top: 0px; }

#specificity .margin-vertical-10x {
  margin-top: 120px;
  margin-bottom: 120px; }

#specificity .margin-vertical-10x + * {
  margin-top: 120px; }

#specificity .margin-top-10x {
  margin-top: 120px; }

#specificity .margin-bottom-10x {
  margin-bottom: 120px; }

#specificity .margin-bottom-10x + * {
  margin-top: 0px; }

#specificity .margin-left-10x {
  margin-left: 120px; }

#specificity .margin-right-10x {
  margin-right: 120px; }

#specificity .margin-bottom-children-10x > * {
  margin-top: 120px; }

#specificity .margin-bottom-children-10x > :first-child {
  margin-top: 0px; }

#specificity .margin-vertical-12x {
  margin-top: 144px;
  margin-bottom: 144px; }

#specificity .margin-vertical-12x + * {
  margin-top: 144px; }

#specificity .margin-top-12x {
  margin-top: 144px; }

#specificity .margin-bottom-12x {
  margin-bottom: 144px; }

#specificity .margin-bottom-12x + * {
  margin-top: 0px; }

#specificity .margin-left-12x {
  margin-left: 144px; }

#specificity .margin-right-12x {
  margin-right: 144px; }

#specificity .margin-bottom-children-12x > * {
  margin-top: 144px; }

#specificity .margin-bottom-children-12x > :first-child {
  margin-top: 0px; }

#specificity .margin-vertical-14x {
  margin-top: 168px;
  margin-bottom: 168px; }

#specificity .margin-vertical-14x + * {
  margin-top: 168px; }

#specificity .margin-top-14x {
  margin-top: 168px; }

#specificity .margin-bottom-14x {
  margin-bottom: 168px; }

#specificity .margin-bottom-14x + * {
  margin-top: 0px; }

#specificity .margin-left-14x {
  margin-left: 168px; }

#specificity .margin-right-14x {
  margin-right: 168px; }

#specificity .margin-bottom-children-14x > * {
  margin-top: 168px; }

#specificity .margin-bottom-children-14x > :first-child {
  margin-top: 0px; }

.padding-all-1x {
  padding: 5px; }

.padding-top-1x {
  padding-top: 5px; }

.padding-bottom-1x {
  padding-bottom: 5px; }

.padding-left-1x {
  padding-left: 5px; }

.padding-right-1x {
  padding-right: 5px; }

.padding-all-vertical-1x {
  padding-top: 5px;
  padding-bottom: 5px; }

.padding-all-horizontal-1x {
  padding-left: 5px;
  padding-right: 5px; }

.padding-all-2x {
  padding: 10px; }

.padding-top-2x {
  padding-top: 10px; }

.padding-bottom-2x {
  padding-bottom: 10px; }

.padding-left-2x {
  padding-left: 10px; }

.padding-right-2x {
  padding-right: 10px; }

.padding-all-vertical-2x {
  padding-top: 10px;
  padding-bottom: 10px; }

.padding-all-horizontal-2x {
  padding-left: 10px;
  padding-right: 10px; }

.padding-all-3x {
  padding: 15px; }

.padding-top-3x {
  padding-top: 15px; }

.padding-bottom-3x {
  padding-bottom: 15px; }

.padding-left-3x {
  padding-left: 15px; }

.padding-right-3x {
  padding-right: 15px; }

.padding-all-vertical-3x {
  padding-top: 15px;
  padding-bottom: 15px; }

.padding-all-horizontal-3x {
  padding-left: 15px;
  padding-right: 15px; }

.padding-all-4x {
  padding: 20px; }

.padding-top-4x {
  padding-top: 20px; }

.padding-bottom-4x {
  padding-bottom: 20px; }

.padding-left-4x {
  padding-left: 20px; }

.padding-right-4x {
  padding-right: 20px; }

.padding-all-vertical-4x {
  padding-top: 20px;
  padding-bottom: 20px; }

.padding-all-horizontal-4x {
  padding-left: 20px;
  padding-right: 20px; }

.padding-all-8x {
  padding: 40px; }

.padding-top-8x {
  padding-top: 40px; }

.padding-bottom-8x {
  padding-bottom: 40px; }

.padding-left-8x {
  padding-left: 40px; }

.padding-right-8x {
  padding-right: 40px; }

.padding-all-vertical-8x {
  padding-top: 40px;
  padding-bottom: 40px; }

.padding-all-horizontal-8x {
  padding-left: 40px;
  padding-right: 40px; }

.padding-all-10x {
  padding: 50px; }

.padding-top-10x {
  padding-top: 50px; }

.padding-bottom-10x {
  padding-bottom: 50px; }

.padding-left-10x {
  padding-left: 50px; }

.padding-right-10x {
  padding-right: 50px; }

.padding-all-vertical-10x {
  padding-top: 50px;
  padding-bottom: 50px; }

.padding-all-horizontal-10x {
  padding-left: 50px;
  padding-right: 50px; }

.padding-all-12x {
  padding: 60px; }

.padding-top-12x {
  padding-top: 60px; }

.padding-bottom-12x {
  padding-bottom: 60px; }

.padding-left-12x {
  padding-left: 60px; }

.padding-right-12x {
  padding-right: 60px; }

.padding-all-vertical-12x {
  padding-top: 60px;
  padding-bottom: 60px; }

.padding-all-horizontal-12x {
  padding-left: 60px;
  padding-right: 60px; }

/* TODO - May want to refactor clean-a and clean-b CSS */
/**************************************************************
	[data-theme="clean-a"]
	Deli Hotbar
	Chefs Tips
**************************************************************/
/* .accordion-group { }	*/
/* .tabs { } */
.accordion-group[data-theme="clean-a"] > .tabs {
  text-align: center; }

.accordion-group[data-theme="clean-a"] > .tabs > li {
  display: inline-block;
  float: none;
  margin: 0px; }

.accordion-group[data-theme="clean-a"] > .tabs > li > a {
  color: #000;
  font-size: 2rem;
  line-height: 1;
  padding: 20px 30px;
  text-transform: uppercase;
  transition: none; }

.accordion-group[data-theme="clean-a"] > .tabs > li.selected > a {
  background-color: #66b246;
  color: #fff; }

/* .accordion { } */
.accordion-group[data-theme="clean-a"] > .accordion > dt {
  background-color: #66b246;
  margin-top: 10px; }

.accordion-group[data-theme="clean-a"] > .accordion > dt > a {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  padding-left: 20px;
  padding-right: 25px;
  /* border-width x 2 + padding-left (15) */
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  text-transform: uppercase; }

.accordion-group[data-theme="clean-a"] > .accordion > dt > a:after {
  content: "\ed5a";
  /* TODO: Sass map when it supports it */
  font-family: "icomoon";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.9rem;
  transition: .1s all; }

.accordion-group[data-theme="clean-a"] > .accordion > dt.selected > a:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

/**************************************************************
	[data-theme="clean-b"]
	Deli (Deli Deals)
**************************************************************/
/* .accordion-group { }	*/
/* .tabs { } */
.accordion-group[data-theme="clean-b"] > .tabs {
  text-align: center; }

.accordion-group[data-theme="clean-b"] > .tabs > li {
  display: inline-block;
  float: none;
  margin: 15px 15px; }

.accordion-group[data-theme="clean-b"] > .tabs > li > a {
  background-color: #000;
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: none; }

.accordion-group[data-theme="clean-b"] > .tabs > li.selected > a {
  background-color: #fff;
  color: #000; }

/* .accordion { } */
.accordion-group[data-theme="clean-b"] > .accordion > dt {
  border-top: 1px solid #ccc; }

.accordion-group[data-theme="clean-b"] > .accordion > dt:first-child {
  border-top-width: 0px; }

.accordion-group[data-theme="clean-b"] > .accordion > dt > a {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  padding-left: 20px;
  padding-right: 25px;
  /* border-width x 2 + padding-left (15) */
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase; }

.accordion-group[data-theme="clean-b"] > .accordion > dt > a:after {
  content: "\ed5a";
  /* TODO: Sass map when it supports it */
  font-family: "icomoon";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.9rem;
  transition: .1s all; }

.accordion-group[data-theme="clean-b"] > .accordion > dt.selected > a:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

.accordion-group[data-theme="clean-b"] > .accordion > dd {
  background-color: #fff; }

/**************************************************************
	[data-theme="clean-c"]
	Cooking - Chefs Tips
**************************************************************/
/* .accordion-group { }	*/
/* .tabs { } */
.accordion-group[data-theme="clean-c"] > .tabs {
  text-align: left; }

.accordion-group[data-theme="clean-c"] > .tabs > li {
  display: inline-block;
  float: none;
  margin: 24px 2px 0px 2px; }

.accordion-group[data-theme="clean-c"] > .tabs > li > a {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  padding: 10px 10px;
  text-transform: uppercase;
  transition: none; }

.accordion-group[data-theme="clean-c"] > .tabs > li.selected > a {
  background-color: #fff;
  color: #000; }

/* .accordion { } */
.accordion-group[data-theme="clean-c"] > .accordion > dt {
  margin-bottom: 12px;
  background-color: #eee; }

.accordion-group[data-theme="clean-c"] > .accordion > dt > a {
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  padding-left: 8px;
  padding-right: 25px;
  /* border-width x 2 + padding-left (15) */
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  text-transform: uppercase; }

.accordion-group[data-theme="clean-c"] > .accordion > dt > a:after {
  content: "\ed5a";
  /* TODO: Sass map when it supports it */
  font-family: "icomoon";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.7rem;
  transition: .1s all; }

.accordion-group[data-theme="clean-c"] > .accordion > dt.selected > a:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

.accordion-group[data-theme="clean-c"] > .accordion > dd {
  padding-top: 10px;
  padding-bottom: 20px; }

/**************************************************************
	[data-theme="clean-d"]
	Health - FAQ & Nutrition Facts
**************************************************************/
/* .accordion-group { }	*/
/* .tabs { } 

	.accordion-group[data-theme="clean-d"] > .tabs { text-align: left; }

		.accordion-group[data-theme="clean-d"] > .tabs > li
		{
		display: inline-block;
		float: none;
		margin: ($global-margin * 2) 2px 0px 2px;
		}
		
			.accordion-group[data-theme="clean-d"] > .tabs > li > a
			{
			color: #fff;
			font-size: 1.4rem;
			line-height: 1;
			padding: 10px 10px;
			text-transform: uppercase;
			transition: none;
			}
			
			.accordion-group[data-theme="clean-d"] > .tabs > li.selected > a
			{
			background-color: #fff;
			color: $global-font-color-default;
			}
	*/
/* .accordion { } */
.accordion-group[data-theme="clean-d"] > .accordion > dt {
  margin-bottom: 1.6rem;
  background-color: #fff;
  transition: .3s background-color; }

.accordion-group[data-theme="clean-d"] > .accordion > dt:hover {
  background-color: #f6f6f6; }

.accordion-group[data-theme="clean-d"] > .accordion > dt > a {
  color: #000;
  border: 1px solid #ccc;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  padding-left: 24px;
  padding-right: 25px;
  /* border-width x 2 + padding-left (15) */
  padding-top: 13px;
  padding-bottom: 13px;
  position: relative; }

.accordion-group[data-theme="clean-d"] > .accordion > dt > a:after {
  content: "\ed5a";
  /* TODO: Sass map when it supports it */
  color: #ccc;
  font-family: "icomoon";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.7rem;
  transition: .1s all; }

.accordion-group[data-theme="clean-d"] > .accordion > dt.selected > a:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

.accordion-group[data-theme="clean-d"] > .accordion > dd {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 24px; }

/**************************************************************
	[data-theme="clean-e"]
	Eatwell Diabetes
**************************************************************/
/* .accordion-group { }	*/
/* .tabs { } */
.accordion-group[data-theme="clean-e"] > .tabs {
  /*text-align: center;*/ }

.accordion-group[data-theme="clean-e"] > .tabs > li {
  display: inline-block;
  float: none;
  margin: 0px; }

.accordion-group[data-theme="clean-e"] > .tabs > li > a {
  font-size: 1.8rem;
  line-height: 1;
  padding: 20px 30px;
  text-transform: uppercase;
  transition: none; }

.accordion-group[data-theme="clean-e"] > .tabs > li.selected > a {
  background-color: #f17f2f;
  color: #fff; }

/* .accordion { } */
.accordion-group[data-theme="clean-e"] > .accordion {
  margin-top: 2rem; }

.accordion-group[data-theme="clean-e"] > .accordion > dt {
  background-color: #f17f2f;
  margin-top: 10px; }

.accordion-group[data-theme="clean-e"] > .accordion > dt > a {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  padding-left: 20px;
  padding-right: 25px;
  /* border-width x 2 + padding-left (15) */
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  text-transform: uppercase; }

.accordion-group[data-theme="clean-e"] > .accordion > dt > a:after {
  content: "\ed5a";
  /* TODO: Sass map when it supports it */
  font-family: "icomoon";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.9rem;
  transition: .1s all; }

.accordion-group[data-theme="clean-e"] > .accordion > dt.selected > a:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

/******************************* Core Styles ********************************/
/* .accordion-group { }	*/
.tabs.reset {
  overflow: inherit; }

.tabs > li {
  float: left; }

.tabs > li > a {
  display: block;
  text-decoration: none; }

/* .accordion { } */
.accordion > dt {
  display: none; }

.accordion > dt:first-child {
  margin-top: 0px; }

.accordion > dt > a {
  display: block;
  text-decoration: none; }

.accordion > dd {
  border-width: 0px;
  display: none;
  overflow: hidden; }

.no-js .accordion > dd {
  display: block; }

.no-js .tabs {
  display: none; }

.accordion > dd.selected {
  display: block; }

.always-accordion .tabs {
  display: none; }

.always-accordion .accordion > dt {
  display: block; }

.always-tabs .tabs {
  display: block; }

.always-tabs .accordion > dt {
  display: none; }

.dropdown {
  position: relative; }

.dropdown * {
  text-decoration: none; }

.dropdown-label {
  position: relative;
  cursor: pointer; }

/************** .dropdown-panel **************/
.dropdown-panel {
  position: absolute;
  left: 0px;
  padding: 5px 0px;
  top: 100%;
  width: 100%;
  z-index: 3;
  box-sizing: border-box;
  min-width: 150px;
  /*max-height: 250px;
		overflow: auto;*/ }

.dropdown.inactive .dropdown-panel {
  display: none; }

.dropdown.active .dropdown-panel {
  display: block; }

[data-dropdown-theme="dark"] .dropdown-panel {
  background-color: #333;
  color: #fff; }

[data-dropdown-theme="light"] .dropdown-panel {
  background-color: #fff;
  color: #fff; }

[data-dropdown-theme="promotion"] .dropdown-panel {
  background-color: #fff;
  color: #fff; }

/************** .dropdown-label-anchor **************/
.dropdown-label-anchor,
.dropdown-label-anchor .dropdown-label-icon,
.dropdown-label-anchor .dropdown-label-arrow {
  display: inline-block;
  overflow: hidden;
  min-height: 30px;
  line-height: 30px; }

.dropdown-label-anchor {
  border-radius: 2px 2px 0px 0px;
  vertical-align: middle; }

/** Dark Theme **/
/* Default */
[data-dropdown-theme="dark"] .dropdown-label .dropdown-label-anchor {
  background-color: #000;
  color: #fff; }

/* Hover */
[data-dropdown-theme="dark"] .dropdown-label:hover .dropdown-label-anchor {
  background-color: #555;
  color: #fff; }

/* Active */
[data-dropdown-theme="dark"].active .dropdown-label .dropdown-label-anchor,
[data-dropdown-theme="dark"].active .dropdown-label:hover .dropdown-label-anchor {
  background-color: #333;
  color: #fff; }

/** White Theme **/
/* Default */
[data-dropdown-theme="light"] .dropdown-label-anchor {
  background-color: #fff;
  color: #333;
  min-height: 32px;
  line-height: 32px; }

/* Hover */
[data-dropdown-theme="light"] .dropdown-label:hover .dropdown-label-anchor {
  background-color: #fff;
  color: #333; }

/* Active */
[data-dropdown-theme="light"].active .dropdown-label .dropdown-label-anchor,
[data-dropdown-theme="light"].active .dropdown-label:hover .dropdown-label-anchor {
  background-color: #fff;
  color: #333; }

/** Promotion Theme **/
/* Default */
[data-dropdown-theme="promotion"] .dropdown-label-anchor {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  color: #bbb;
  padding-left: 12px; }

/* Hover */
[data-dropdown-theme="promotion"] .dropdown-label:hover .dropdown-label-anchor {
  background-color: #fff;
  color: #333; }

/* Active */
[data-dropdown-theme="promotion"].active .dropdown-label .dropdown-label-anchor,
[data-dropdown-theme="promotion"].active .dropdown-label:hover .dropdown-label-anchor {
  background-color: #fff;
  color: #333; }

/************** .dropdown-label-icon **************/
.dropdown-label-anchor .dropdown-label-icon {
  font-size: 115%;
  padding-left: 5px;
  vertical-align: top; }

/** Dark Theme **/
[data-dropdown-theme="dark"] .dropdown-label-anchor .dropdown-label-icon {
  color: #66b246; }

/** White Theme **/
[data-dropdown-theme="light"] .dropdown-label-anchor .dropdown-label-icon {
  color: #333; }

/** Promotion Theme **/
[data-dropdown-theme="promotion"] .dropdown-label-anchor .dropdown-label-icon {
  color: #333; }

/************** .dropdown-label-arrow **************/
.dropdown-label-anchor .dropdown-label-arrow {
  margin-left: 10px;
  padding: 0px 2px;
  position: relative;
  vertical-align: top; }

/** Dark Theme **/
[data-dropdown-theme="dark"] .dropdown-label-anchor .dropdown-label-arrow {
  border-left: 1px solid #636363;
  color: #66b246; }

/** White Theme **/
[data-dropdown-theme="light"] .dropdown-label-anchor .dropdown-label-arrow {
  border-left: 1px solid #ccc;
  color: #333; }

/** Promotion Theme **/
[data-dropdown-theme="promotion"] .dropdown-label-anchor .dropdown-label-arrow {
  color: #999;
  margin-left: 0px;
  padding: 0px 8px; }

/************** .dropdown-panel ul a **************/
.dropdown-panel ul a {
  padding: 5px 15px;
  display: block;
  font-weight: normal;
  line-height: 1.7; }

.dropdown-panel ul li:last-child a {
  border-bottom-width: 0px; }

/** Dark Theme **/
[data-dropdown-theme="dark"] .dropdown-panel ul a {
  border-bottom: 1px solid #555;
  color: #ccc; }

[data-dropdown-theme="dark"] .dropdown-panel-list a:hover {
  color: #fff; }

/** Light Theme **/
[data-dropdown-theme="light"] .dropdown-panel ul a {
  border-bottom: 1px solid #ccc;
  color: #000; }

[data-dropdown-theme="light"] .dropdown-panel-list a:hover {
  color: #666; }

/** Promotion Theme **/
[data-dropdown-theme="promotion"] .dropdown-panel ul a {
  border-bottom: 1px solid #e1e1e1;
  color: #666;
  padding: 2px 15px; }

[data-dropdown-theme="promotion"] .dropdown-panel-list a:hover {
  color: #000; }

/** Add scrollbar to browsers that don't show one by default **/
.dropdown-panel::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 12px; }

.dropdown-panel::-webkit-scrollbar-track {
  background-color: #f0f0f0; }

.dropdown-panel::-webkit-scrollbar-thumb {
  background-color: #cdcdcd; }

.inline-grid {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-align: center; }

.inline-grid > li {
  display: inline-block;
  border: 1px solid #444;
  border-right: 0px;
  box-sizing: border-box;
  margin-left: -4px;
  /* nudge left to avoid double border */
  margin-top: -1px;
  /* nudge up to avoid double border */
  width: 33%; }

/* This is a hack for now, until Modernizr fixes their nth-child test */
.ie8 .inline-grid > li {
  border-width: 0px; }

.inline-grid > li img {
  display: inline; }

/* Remove border-bottom from children in first row */
.inline-grid > li:nth-child(-n+3) {
  border-top: 0px; }

/* Remove border-bottom from children after first row */
.inline-grid > li:nth-child(n+4) {
  border-bottom: 0px; }

/* Remove border-left from first child of each row */
.inline-grid > li:nth-child(3n+1) {
  border-left: 0px; }

/* Remove border-right from last child */
.inline-grid > li:last-child {
  border-right: 0px; }

/* Remove border-bottom if there are only 1,2,3 items */
.inline-grid > li:first-child:nth-last-child(1),
.inline-grid > li:first-child:nth-last-child(2),
.inline-grid > li:first-child:nth-last-child(2) ~ li,
.inline-grid > li:first-child:nth-last-child(3),
.inline-grid > li:first-child:nth-last-child(3) ~ li {
  border-bottom: 0px; }

/******************************* Responsive ********************************/
/* TODO: may want to build out other dynamic columns sizes and breakpoints */
@media (max-width: 620px) {
  .inline-grid[data-two-col-bp="phablet"] li {
    border-width: 0px;
    width: 50%; } }

@media (max-width: 480px) {
  .inline-grid[data-one-col-bp="mobilelandscape"] li {
    border-width: 0px !important;
    width: 100%; }
  .inline-grid[data-one-col-bp="mobilelandscape"] li .heading {
    height: auto !important; } }

.image-caption {
  position: relative;
  overflow: hidden;
  max-width: 400px; }

/************** Arrow **************/
.image-caption-arrow {
  visibility: hidden;
  display: block;
  height: 14px;
  overflow: hidden;
  text-align: center; }

.image-caption.active + .image-caption-arrow {
  visibility: visible; }

.image-caption-arrow:before {
  content: "";
  height: 0px;
  width: 0px;
  border-width: 0px 15px 10px 15px;
  border-style: solid;
  border-color: purple transparent #252524 transparent;
  display: inline-block; }

/************** Image **************/
.image-caption-image {
  width: 100%;
  border: 1px solid #bbb;
  box-sizing: border-box;
  position: relative;
  z-index: 1; }

/************** Overlay **************/
.image-caption-overlay {
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  width: 100%;
  z-index: 2; }

/************** Short & Long **************/
.image-caption-short,
.image-caption-long {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  box-sizing: border-box;
  transition: top 0.2s linear;
  left: 0px;
  width: 100%;
  z-index: 3; }

.no-rgba .image-caption-short,
.no-rgba .image-caption-long {
  background: url("/files/images/template/fallbacks/black-50-percent-transparent.png") repeat left top; }

.image-caption-long {
  color: #fff;
  height: 100%;
  padding: 0px 20px 20px 20px;
  top: -100%;
  overflow: hidden; }

.image-caption-short {
  top: 0px; }

.no-touch .image-caption:hover .image-caption-long,
.no-touch .image-caption:hover .image-caption-short,
.touch .image-caption.loading .image-caption-long,
.touch .image-caption.loading .image-caption-short {
  transition: top 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* http://easings.net/ */ }

/* TODO: convert to css transforms */
.image-caption.active .image-caption-long,
.no-touch .image-caption:hover .image-caption-long,
.touch .image-caption.loading .image-caption-long {
  top: 0%; }

/* TODO: convert to css transforms */
.image-caption.active .image-caption-short,
.no-touch .image-caption:hover .image-caption-short,
.touch .image-caption.loading .image-caption-short {
  top: 100%; }

/**************  **************/
.image-caption-overlay .heading {
  margin: 0px;
  padding: 16px 20px;
  color: #fff;
  text-transform: uppercase; }

.image-caption-long .heading {
  padding-left: 0px;
  padding-right: 0px; }

.image-caption-long-body {
  line-height: 22px;
  font-size: 1.4rem;
  max-height: 66px;
  overflow: hidden;
  margin-top: 0px; }

/************** Icon **************/
.image-caption-icon {
  display: none;
  font-size: 4.8rem;
  line-height: 1;
  margin-top: 36px; }

.image-caption.inactive .image-caption-icon.is-closed {
  display: block; }

.image-caption.active .image-caption-icon.is-open {
  display: block; }

.image-caption.loading .image-caption-icon.is-closed {
  display: none; }

.image-caption.loading .image-caption-icon.is-open {
  display: block; }

.image-caption.loading .image-caption-icon {
  -webkit-animation: rotate-icon .3s linear infinite;
  animation: rotate-icon .3s linear infinite;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

/* Surface Pro bug where even though the loading class isn't present, the icon keeps spinning */
.image-caption:not(.loading) .image-caption-icon {
  -webkit-animation: none !important;
  animation: none !important; }

.no-cssanimations .image-caption.loading .image-caption-icon {
  background: url("/files/images/template/fallbacks/spinner.gif") no-repeat center center; }

.no-cssanimations .image-caption.loading .image-caption-icon:before {
  visibility: hidden; }

@-webkit-keyframes rotate-icon {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes rotate-icon {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

/**************  **************/
.image-caption-toggle {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 4;
  background: url("/files/images/template/fallbacks/transparent.png") repeat; }

/******************************* Responsive ********************************/
@media (max-width: 760px) {
  .image-caption-column .image-caption-overlay .heading {
    font-size: 1.3rem;
    padding: 10px 5px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .image-caption-column .image-caption-long {
    padding: 0px; }
  .image-caption-column .image-caption-long-body {
    display: none; }
  .image-caption-column .image-caption-icon {
    font-size: 1.9rem;
    line-height: 1;
    margin-top: 12px; } }

@media (max-width: 480px) {
  .image-caption-column .image-caption-overlay .heading {
    font-size: 1rem;
    padding-top: 5px !important;
    padding-bottom: 5px !important; } }

/*
http://stackoverflow.com/questions/7337560/css-floating-two-div-elements-with-100-width-off-screen
http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/
*/
.flipper {
  width: 100%;
  overflow: hidden; }

/* https://dev.opera.com/articles/css-will-change-property/ */
.flipper-container {
  width: 300%;
  transition: 0.4s all cubic-bezier(0.79, 0.3, 0.97, 0.86);
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /*will-change: transform;*/ }

.csstransforms3d .flipper-container[data-flipper-slide="1"] {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.csstransforms3d .flipper-container[data-flipper-slide="2"] {
  -webkit-transform: translate3d(-33.33%, 0, 0);
  transform: translate3d(-33.33%, 0, 0); }

.csstransforms3d .flipper-container[data-flipper-slide="3"] {
  -webkit-transform: translate3d(-66.66%, 0, 0);
  transform: translate3d(-66.66%, 0, 0); }

.no-csstransforms3d .flipper-container[data-flipper-slide="1"] {
  margin-left: 0%; }

.no-csstransforms3d .flipper-container[data-flipper-slide="2"] {
  margin-left: -100%; }

.no-csstransforms3d .flipper-container[data-flipper-slide="3"] {
  margin-left: -200%; }

.flipper-1, .flipper-2, .flipper-3 {
  width: 33.33%;
  float: left;
  box-sizing: border-box;
  padding: 20px; }

/******************************* Singletons ********************************/
.flipper-item-description,
.flipper-item-pairings,
.flipper-item-description *,
.flipper-item-pairings * {
  color: #fff !important; }

.box-card-slider {
  min-height: 319px; }

/* Magic number-ish, stops layout from redrawing though */
.box-card {
  position: relative; }

.box-card-heading {
  background-color: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0px;
  padding: 10px 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  text-transform: uppercase; }

.no-rgba .box-card-heading {
  background: url("/files/images/template/fallbacks/black-50-percent-transparent.png") repeat left top; }

.box-card-image {
  width: 100%; }

.box-card-bottom {
  box-sizing: border-box;
  font-size: .1rem;
  padding: 0px 10px;
  position: absolute;
  bottom: 12px;
  left: 0px;
  text-align: center;
  width: 100%; }

.box-card-bottom .box-card-button {
  box-sizing: border-box;
  width: 100%; }

@media (max-width: 720px) {
  .touch .box-card-slider .flex-direction-nav {
    display: none; } }

#specificity .circle-icon,
#specificity .circle-icon:hover {
  background-color: #fff; }

/* Accessibility fix due to .content a:hover */
.circle-icon {
  background-position: center center;
  background-size: 60%;
  background-repeat: no-repeat;
  border-radius: 50%;
  color: #66b246;
  display: inline-block;
  width: 100%;
  max-width: 210px;
  position: relative; }

#specificity .circle-icon--reversed,
#specificity .circle-icon--reversed:hover {
  background-color: #66b246;
  color: #fff; }

.no-svg #specificity .circle-icon--reversed {
  background-color: #fff; }

/* Reverting back since original PNG's color can't be changed */
.no-touch .circle-icon[href]:hover {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition: 0.4s all cubic-bezier(0.6, -0.28, 0.735, 0.045); }

.circle-icon[href]:active {
  -webkit-animation: bgsize 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  animation: bgsize 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045); }

@-webkit-keyframes bgsize {
  0% {
    background-size: 60%; }
  50% {
    background-size: 80%; }
  100% {
    background-size: 70%; } }

@keyframes bgsize {
  0% {
    background-size: 60%; }
  50% {
    background-size: 80%; }
  100% {
    background-size: 70%; } }

.circle-icon:after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.circle-icon--number {
  color: #fff;
  font-size: 4rem;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.bg-icon-lamp83 {
  background-image: url(/files/fonts/icomoon/images/svg/lamp.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-lamp83 {
  background-image: url(/files/fonts/icomoon/images/svg/lamp.svg?fill=ffffff); }

.no-svg .bg-icon-lamp83 {
  background-image: url(/files/fonts/icomoon/images/png/lamp.png); }

.bg-icon-bin3 {
  background-image: url(/files/fonts/icomoon/images/svg/bin.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-bin3 {
  background-image: url(/files/fonts/icomoon/images/svg/bin.svg?fill=ffffff); }

.no-svg .bg-icon-bin3 {
  background-image: url(/files/fonts/icomoon/images/png/bin.png); }

.bg-icon-orange {
  background-image: url(/files/fonts/icomoon/images/svg/orange.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-orange {
  background-image: url(/files/fonts/icomoon/images/svg/orange.svg?fill=ffffff); }

.no-svg .bg-icon-orange {
  background-image: url(/files/fonts/icomoon/images/png/orange.png); }

.bg-icon-rolling-pin {
  background-image: url(/files/fonts/icomoon/images/svg/rolling-pin.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-rolling-pin {
  background-image: url(/files/fonts/icomoon/images/svg/rolling-pin.svg?fill=ffffff); }

.no-svg .bg-icon-rolling-pin {
  background-image: url(/files/fonts/icomoon/images/png/rolling-pin.png); }

.bg-icon-newspaper {
  background-image: url(/files/fonts/icomoon/images/svg/newspaper.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-newspaper {
  background-image: url(/files/fonts/icomoon/images/svg/newspaper.svg?fill=ffffff); }

.no-svg .bg-icon-newspaper {
  background-image: url(/files/fonts/icomoon/images/png/newspaper.png); }

.bg-icon-book {
  background-image: url(/files/fonts/icomoon/images/svg/book.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-book {
  background-image: url(/files/fonts/icomoon/images/svg/book.svg?fill=ffffff); }

.no-svg .bg-icon-book {
  background-image: url(/files/fonts/icomoon/images/png/book.png); }

.bg-icon-book-play {
  background-image: url(/files/fonts/icomoon/images/svg/book-play.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-book-play {
  background-image: url(/files/fonts/icomoon/images/svg/book-play.svg?fill=ffffff); }

.no-svg .bg-icon-book-play {
  background-image: url(/files/fonts/icomoon/images/png/book-play.png); }

.bg-icon-education {
  background-image: url(/files/fonts/icomoon/images/svg/education.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-education {
  background-image: url(/files/fonts/icomoon/images/svg/education.svg?fill=ffffff); }

.no-svg .bg-icon-education {
  background-image: url(/files/fonts/icomoon/images/png/education.png); }

.bg-icon-price-tag {
  background-image: url(/files/fonts/icomoon/images/svg/price-tag.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-price-tag {
  background-image: url(/files/fonts/icomoon/images/svg/price-tag.svg?fill=ffffff); }

.no-svg .bg-icon-price-tag {
  background-image: url(/files/fonts/icomoon/images/png/price-tag.png); }

.bg-icon-store {
  background-image: url(/files/fonts/icomoon/images/svg/store.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-store {
  background-image: url(/files/fonts/icomoon/images/svg/store.svg?fill=ffffff); }

.no-svg .bg-icon-store {
  background-image: url(/files/fonts/icomoon/images/png/store.png); }

.bg-icon-basket {
  background-image: url(/files/fonts/icomoon/images/svg/basket.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-basket {
  background-image: url(/files/fonts/icomoon/images/svg/basket.svg?fill=ffffff); }

.no-svg .bg-icon-basket {
  background-image: url(/files/fonts/icomoon/images/png/basket.png); }

.bg-icon-ads-coupons {
  background-image: url(/files/fonts/icomoon/images/svg/ads-coupons.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-ads-coupons {
  background-image: url(/files/fonts/icomoon/images/svg/ads-coupons.svg?fill=ffffff); }

.no-svg .bg-icon-ads-coupons {
  background-image: url(/files/fonts/icomoon/images/png/ads-coupons.png); }

.bg-icon-cash {
  background-image: url(/files/fonts/icomoon/images/svg/cash.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-cash {
  background-image: url(/files/fonts/icomoon/images/svg/cash.svg?fill=ffffff); }

.no-svg .bg-icon-cash {
  background-image: url(/files/fonts/icomoon/images/png/cash.png); }

.bg-icon-email {
  background-image: url(/files/fonts/icomoon/images/svg/email.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-email {
  background-image: url(/files/fonts/icomoon/images/svg/email.svg?fill=ffffff); }

.no-svg .bg-icon-email {
  background-image: url(/files/fonts/icomoon/images/png/email.png); }

.bg-icon-location {
  background-image: url(/files/fonts/icomoon/images/svg/location.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-location {
  background-image: url(/files/fonts/icomoon/images/svg/location.svg?fill=ffffff); }

.no-svg .bg-icon-location {
  background-image: url(/files/fonts/icomoon/images/png/location.png); }

.bg-icon-calendar {
  background-image: url(/files/fonts/icomoon/images/svg/calendar.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-calendar {
  background-image: url(/files/fonts/icomoon/images/svg/calendar.svg?fill=ffffff); }

.no-svg .bg-icon-calendar {
  background-image: url(/files/fonts/icomoon/images/png/calendar.png); }

.bg-icon-mobile {
  background-image: url(/files/fonts/icomoon/images/svg/mobile.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-mobile {
  background-image: url(/files/fonts/icomoon/images/svg/mobile.svg?fill=ffffff); }

.no-svg .bg-icon-mobile {
  background-image: url(/files/fonts/icomoon/images/png/mobile.png); }

.bg-icon-user {
  background-image: url(/files/fonts/icomoon/images/svg/user.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-user {
  background-image: url(/files/fonts/icomoon/images/svg/user.svg?fill=ffffff); }

.no-svg .bg-icon-user {
  background-image: url(/files/fonts/icomoon/images/png/user.png); }

.bg-icon-search {
  background-image: url(/files/fonts/icomoon/images/svg/search.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-search {
  background-image: url(/files/fonts/icomoon/images/svg/search.svg?fill=ffffff); }

.no-svg .bg-icon-search {
  background-image: url(/files/fonts/icomoon/images/png/search.png); }

.bg-icon-glass {
  background-image: url(/files/fonts/icomoon/images/svg/glass.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-glass {
  background-image: url(/files/fonts/icomoon/images/svg/glass.svg?fill=ffffff); }

.no-svg .bg-icon-glass {
  background-image: url(/files/fonts/icomoon/images/png/glass.png); }

.bg-icon-bottle {
  background-image: url(/files/fonts/icomoon/images/svg/bottle.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-bottle {
  background-image: url(/files/fonts/icomoon/images/svg/bottle.svg?fill=ffffff); }

.no-svg .bg-icon-bottle {
  background-image: url(/files/fonts/icomoon/images/png/bottle.png); }

.bg-icon-spoon-knife {
  background-image: url(/files/fonts/icomoon/images/svg/spoon-knife.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-spoon-knife {
  background-image: url(/files/fonts/icomoon/images/svg/spoon-knife.svg?fill=ffffff); }

.no-svg .bg-icon-spoon-knife {
  background-image: url(/files/fonts/icomoon/images/png/spoon-knife.png); }

.bg-icon-chef {
  background-image: url(/files/fonts/icomoon/images/svg/chef.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-chef {
  background-image: url(/files/fonts/icomoon/images/svg/chef.svg?fill=ffffff); }

.no-svg .bg-icon-chef {
  background-image: url(/files/fonts/icomoon/images/png/chef.png); }

.bg-icon-plate {
  background-image: url(/files/fonts/icomoon/images/svg/plate.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-plate {
  background-image: url(/files/fonts/icomoon/images/svg/plate.svg?fill=ffffff); }

.no-svg .bg-icon-plate {
  background-image: url(/files/fonts/icomoon/images/png/plate.png); }

.bg-icon-meat {
  background-image: url(/files/fonts/icomoon/images/svg/meat.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-meat {
  background-image: url(/files/fonts/icomoon/images/svg/meat.svg?fill=ffffff); }

.no-svg .bg-icon-meat {
  background-image: url(/files/fonts/icomoon/images/png/meat.png); }

.bg-icon-fish {
  background-image: url(/files/fonts/icomoon/images/svg/fish.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-fish {
  background-image: url(/files/fonts/icomoon/images/svg/fish.svg?fill=ffffff); }

.no-svg .bg-icon-fish {
  background-image: url(/files/fonts/icomoon/images/png/fish.png); }

.bg-icon-leaf {
  background-image: url(/files/fonts/icomoon/images/svg/leaf.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-leaf {
  background-image: url(/files/fonts/icomoon/images/svg/leaf.svg?fill=ffffff); }

.no-svg .bg-icon-leaf {
  background-image: url(/files/fonts/icomoon/images/png/leaf.png); }

.bg-icon-apple {
  background-image: url(/files/fonts/icomoon/images/svg/apple.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-apple {
  background-image: url(/files/fonts/icomoon/images/svg/apple.svg?fill=ffffff); }

.no-svg .bg-icon-apple {
  background-image: url(/files/fonts/icomoon/images/png/apple.png); }

.bg-icon-football {
  background-image: url(/files/fonts/icomoon/images/svg/football.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-football {
  background-image: url(/files/fonts/icomoon/images/svg/football.svg?fill=ffffff); }

.no-svg .bg-icon-football {
  background-image: url(/files/fonts/icomoon/images/png/football.png); }

.bg-icon-sun {
  background-image: url(/files/fonts/icomoon/images/svg/sun.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-sun {
  background-image: url(/files/fonts/icomoon/images/svg/sun.svg?fill=ffffff); }

.no-svg .bg-icon-sun {
  background-image: url(/files/fonts/icomoon/images/png/sun.png); }

.bg-icon-plus {
  background-image: url(/files/fonts/icomoon/images/svg/plus.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-plus {
  background-image: url(/files/fonts/icomoon/images/svg/plus.svg?fill=ffffff); }

.no-svg .bg-icon-plus {
  background-image: url(/files/fonts/icomoon/images/png/plus.png); }

.bg-icon-close {
  background-image: url(/files/fonts/icomoon/images/svg/close.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-close {
  background-image: url(/files/fonts/icomoon/images/svg/close.svg?fill=ffffff); }

.no-svg .bg-icon-close {
  background-image: url(/files/fonts/icomoon/images/png/close.png); }

.bg-icon-arrow-right {
  background-image: url(/files/fonts/icomoon/images/svg/arrow-right.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-arrow-right {
  background-image: url(/files/fonts/icomoon/images/svg/arrow-right.svg?fill=ffffff); }

.no-svg .bg-icon-arrow-right {
  background-image: url(/files/fonts/icomoon/images/png/arrow-right.png); }

.bg-icon-arrow-down {
  background-image: url(/files/fonts/icomoon/images/svg/arrow-down.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-arrow-down {
  background-image: url(/files/fonts/icomoon/images/svg/arrow-down.svg?fill=ffffff); }

.no-svg .bg-icon-arrow-down {
  background-image: url(/files/fonts/icomoon/images/png/arrow-down.png); }

.bg-icon-arrow-left {
  background-image: url(/files/fonts/icomoon/images/svg/arrow-left.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-arrow-left {
  background-image: url(/files/fonts/icomoon/images/svg/arrow-left.svg?fill=ffffff); }

.no-svg .bg-icon-arrow-left {
  background-image: url(/files/fonts/icomoon/images/png/arrow-left.png); }

.bg-icon-arrow-circle-right {
  background-image: url(/files/fonts/icomoon/images/svg/arrow-circle-right.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-arrow-circle-right {
  background-image: url(/files/fonts/icomoon/images/svg/arrow-circle-right.svg?fill=ffffff); }

.no-svg .bg-icon-arrow-circle-right {
  background-image: url(/files/fonts/icomoon/images/png/arrow-circle-right.png); }

.bg-icon-arrow-circle-left {
  background-image: url(/files/fonts/icomoon/images/svg/arrow-circle-left.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-arrow-circle-left {
  background-image: url(/files/fonts/icomoon/images/svg/arrow-circle-left.svg?fill=ffffff); }

.no-svg .bg-icon-arrow-circle-left {
  background-image: url(/files/fonts/icomoon/images/png/arrow-circle-left.png); }

.bg-icon-scissors {
  background-image: url(/files/fonts/icomoon/images/svg/scissors.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-scissors {
  background-image: url(/files/fonts/icomoon/images/svg/scissors.svg?fill=ffffff); }

.no-svg .bg-icon-scissors {
  background-image: url(/files/fonts/icomoon/images/png/scissors.png); }

.bg-icon-facebook {
  background-image: url(/files/fonts/icomoon/images/svg/facebook.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-facebook {
  background-image: url(/files/fonts/icomoon/images/svg/facebook.svg?fill=ffffff); }

.no-svg .bg-icon-facebook {
  background-image: url(/files/fonts/icomoon/images/png/facebook.png); }

.bg-icon-instagram {
  background-image: url(/files/fonts/icomoon/images/svg/instagram.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-instagram {
  background-image: url(/files/fonts/icomoon/images/svg/instagram.svg?fill=ffffff); }

.no-svg .bg-icon-instagram {
  background-image: url(/files/fonts/icomoon/images/png/instagram.png); }

.bg-icon-twitter {
  background-image: url(/files/fonts/icomoon/images/svg/twitter.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-twitter {
  background-image: url(/files/fonts/icomoon/images/svg/twitter.svg?fill=ffffff); }

.no-svg .bg-icon-twitter {
  background-image: url(/files/fonts/icomoon/images/png/twitter.png); }

.bg-icon-youtube {
  background-image: url(/files/fonts/icomoon/images/svg/youtube.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-youtube {
  background-image: url(/files/fonts/icomoon/images/svg/youtube.svg?fill=ffffff); }

.no-svg .bg-icon-youtube {
  background-image: url(/files/fonts/icomoon/images/png/youtube.png); }

.bg-icon-thumbs-up {
  background-image: url(/files/fonts/icomoon/images/svg/thumbs-up.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-thumbs-up {
  background-image: url(/files/fonts/icomoon/images/svg/thumbs-up.svg?fill=ffffff); }

.no-svg .bg-icon-thumbs-up {
  background-image: url(/files/fonts/icomoon/images/png/thumbs-up.png); }

.bg-icon-wine-glass {
  background-image: url(/files/fonts/icomoon/images/svg/wine-glass.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-wine-glass {
  background-image: url(/files/fonts/icomoon/images/svg/wine-glass.svg?fill=ffffff); }

.no-svg .bg-icon-wine-glass {
  background-image: url(/files/fonts/icomoon/images/png/wine-glass.png); }

.bg-icon-truck {
  background-image: url(/files/fonts/icomoon/images/svg/truck.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-truck {
  background-image: url(/files/fonts/icomoon/images/svg/truck.svg?fill=ffffff); }

.no-svg .bg-icon-truck {
  background-image: url(/files/fonts/icomoon/images/png/truck.png); }

.bg-icon-printer {
  background-image: url(/files/fonts/icomoon/images/svg/printer.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-printer {
  background-image: url(/files/fonts/icomoon/images/svg/printer.svg?fill=ffffff); }

.no-svg .bg-icon-printer {
  background-image: url(/files/fonts/icomoon/images/png/printer.png); }

.bg-icon-heart {
  background-image: url(/files/fonts/icomoon/images/svg/heart.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-heart {
  background-image: url(/files/fonts/icomoon/images/svg/heart.svg?fill=ffffff); }

.no-svg .bg-icon-heart {
  background-image: url(/files/fonts/icomoon/images/png/heart.png); }

.bg-icon-carton {
  background-image: url(/files/fonts/icomoon/images/svg/carton.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-carton {
  background-image: url(/files/fonts/icomoon/images/svg/carton.svg?fill=ffffff); }

.no-svg .bg-icon-carton {
  background-image: url(/files/fonts/icomoon/images/png/carton.png); }

.bg-icon-chat {
  background-image: url(/files/fonts/icomoon/images/svg/chat.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-chat {
  background-image: url(/files/fonts/icomoon/images/svg/chat.svg?fill=ffffff); }

.no-svg .bg-icon-chat {
  background-image: url(/files/fonts/icomoon/images/png/chat.png); }

.bg-icon-bag {
  background-image: url(/files/fonts/icomoon/images/svg/bag.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-bag {
  background-image: url(/files/fonts/icomoon/images/svg/bag.svg?fill=ffffff); }

.no-svg .bg-icon-bag {
  background-image: url(/files/fonts/icomoon/images/png/bag.png); }

.bg-icon-rulers {
  background-image: url(/files/fonts/icomoon/images/svg/rulers.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-rulers {
  background-image: url(/files/fonts/icomoon/images/svg/rulers.svg?fill=ffffff); }

.no-svg .bg-icon-rulers {
  background-image: url(/files/fonts/icomoon/images/png/rulers.png); }

.bg-icon-gage-fast {
  background-image: url(/files/fonts/icomoon/images/svg/gage-fast.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-gage-fast {
  background-image: url(/files/fonts/icomoon/images/svg/gage-fast.svg?fill=ffffff); }

.no-svg .bg-icon-gage-fast {
  background-image: url(/files/fonts/icomoon/images/png/gage-fast.png); }

.bg-icon-download {
  background-image: url(/files/fonts/icomoon/images/svg/download.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-download {
  background-image: url(/files/fonts/icomoon/images/svg/download.svg?fill=ffffff); }

.no-svg .bg-icon-download {
  background-image: url(/files/fonts/icomoon/images/png/download.png); }

.bg-icon-checkmark {
  background-image: url(/files/fonts/icomoon/images/svg/checkmark.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-checkmark {
  background-image: url(/files/fonts/icomoon/images/svg/checkmark.svg?fill=ffffff); }

.no-svg .bg-icon-checkmark {
  background-image: url(/files/fonts/icomoon/images/png/checkmark.png); }

.bg-icon-pinterest {
  background-image: url(/files/fonts/icomoon/images/svg/pinterest.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-pinterest {
  background-image: url(/files/fonts/icomoon/images/svg/pinterest.svg?fill=ffffff); }

.no-svg .bg-icon-pinterest {
  background-image: url(/files/fonts/icomoon/images/png/pinterest.png); }

.bg-icon-fall {
  background-image: url(/files/fonts/icomoon/images/svg/fall.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-fall {
  background-image: url(/files/fonts/icomoon/images/svg/fall.svg?fill=ffffff); }

.no-svg .bg-icon-fall {
  background-image: url(/files/fonts/icomoon/images/png/fall.png); }

.bg-icon-turkey {
  background-image: url(/files/fonts/icomoon/images/svg/turkey.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-turkey {
  background-image: url(/files/fonts/icomoon/images/svg/turkey.svg?fill=ffffff); }

.no-svg .bg-icon-turkey {
  background-image: url(/files/fonts/icomoon/images/png/turkey.png); }

.bg-icon-chicken {
  background-image: url(/files/fonts/icomoon/images/svg/chicken.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-chicken {
  background-image: url(/files/fonts/icomoon/images/svg/chicken.svg?fill=ffffff); }

.no-svg .bg-icon-chicken {
  background-image: url(/files/fonts/icomoon/images/png/chicken.png); }

.bg-icon-aroma {
  background-image: url(/files/fonts/icomoon/images/svg/aroma.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-aroma {
  background-image: url(/files/fonts/icomoon/images/svg/aroma.svg?fill=ffffff); }

.no-svg .bg-icon-aroma {
  background-image: url(/files/fonts/icomoon/images/png/aroma.png); }

.bg-icon-ham {
  background-image: url(/files/fonts/icomoon/images/svg/ham.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-ham {
  background-image: url(/files/fonts/icomoon/images/svg/ham.svg?fill=ffffff); }

.no-svg .bg-icon-ham {
  background-image: url(/files/fonts/icomoon/images/png/ham.png); }

.bg-icon-pdf {
  background-image: url(/files/fonts/icomoon/images/svg/file-pdf.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-pdf {
  background-image: url(/files/fonts/icomoon/images/svg/file-pdf.svg?fill=ffffff); }

.no-svg .bg-icon-pdf {
  background-image: url(/files/fonts/icomoon/images/png/file-pdf.png); }

.bg-icon-cheese {
  background-image: url(/files/fonts/icomoon/images/svg/cheese.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-cheese {
  background-image: url(/files/fonts/icomoon/images/svg/cheese.svg?fill=ffffff); }

.no-svg .bg-icon-cheese {
  background-image: url(/files/fonts/icomoon/images/png/cheese.png); }

.bg-icon-tree {
  background-image: url(/files/fonts/icomoon/images/svg/tree.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-tree {
  background-image: url(/files/fonts/icomoon/images/svg/tree.svg?fill=ffffff); }

.no-svg .bg-icon-tree {
  background-image: url(/files/fonts/icomoon/images/png/tree.png); }

.bg-icon-external {
  background-image: url(/files/fonts/icomoon/images/svg/external.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-external {
  background-image: url(/files/fonts/icomoon/images/svg/external.svg?fill=ffffff); }

.no-svg .bg-icon-external {
  background-image: url(/files/fonts/icomoon/images/png/external.png); }

.bg-icon-cupcakes {
  background-image: url(/files/fonts/icomoon/images/svg/cupcakes.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-cupcakes {
  background-image: url(/files/fonts/icomoon/images/svg/cupcakes.svg?fill=ffffff); }

.no-svg .bg-icon-cupcakes {
  background-image: url(/files/fonts/icomoon/images/png/cupcakes.png); }

.bg-icon-flower {
  background-image: url(/files/fonts/icomoon/images/svg/flower.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-flower {
  background-image: url(/files/fonts/icomoon/images/svg/flower.svg?fill=ffffff); }

.no-svg .bg-icon-flower {
  background-image: url(/files/fonts/icomoon/images/png/flower.png); }

.bg-icon-star {
  background-image: url(/files/fonts/icomoon/images/svg/star.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-star {
  background-image: url(/files/fonts/icomoon/images/svg/star.svg?fill=ffffff); }

.no-svg .bg-icon-star {
  background-image: url(/files/fonts/icomoon/images/png/star.png); }

.bg-icon-recycle-arrows {
  background-image: url(/files/fonts/icomoon/images/svg/recycle-arrows.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-recycle-arrows {
  background-image: url(/files/fonts/icomoon/images/svg/recycle-arrows.svg?fill=ffffff); }

.no-svg .bg-icon-recycle-arrows {
  background-image: url(/files/fonts/icomoon/images/png/recycle-arrows.png); }

.bg-icon-eco-gear {
  background-image: url(/files/fonts/icomoon/images/svg/eco-gear.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-eco-gear {
  background-image: url(/files/fonts/icomoon/images/svg/eco-gear.svg?fill=ffffff); }

.no-svg .bg-icon-eco-gear {
  background-image: url(/files/fonts/icomoon/images/png/eco-gear.png); }

.bg-icon-bench {
  background-image: url(/files/fonts/icomoon/images/svg/bench.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-bench {
  background-image: url(/files/fonts/icomoon/images/svg/bench.svg?fill=ffffff); }

.no-svg .bg-icon-bench {
  background-image: url(/files/fonts/icomoon/images/png/bench.png); }

.bg-icon-cart {
  background-image: url(/files/fonts/icomoon/images/svg/cart.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-cart {
  background-image: url(/files/fonts/icomoon/images/svg/cart.svg?fill=ffffff); }

.no-svg .bg-icon-cart {
  background-image: url(/files/fonts/icomoon/images/png/cart.png); }

.bg-icon-power {
  background-image: url(/files/fonts/icomoon/images/svg/power.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-power {
  background-image: url(/files/fonts/icomoon/images/svg/power.svg?fill=ffffff); }

.no-svg .bg-icon-power {
  background-image: url(/files/fonts/icomoon/images/png/power.png); }

.bg-icon-snowflake {
  background-image: url(/files/fonts/icomoon/images/svg/snowflake.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-snowflake {
  background-image: url(/files/fonts/icomoon/images/svg/snowflake.svg?fill=ffffff); }

.no-svg .bg-icon-snowflake {
  background-image: url(/files/fonts/icomoon/images/png/snowflake.png); }

.bg-icon-hamburger {
  background-image: url(/files/fonts/icomoon/images/svg/hamburger.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-hamburger {
  background-image: url(/files/fonts/icomoon/images/svg/hamburger.svg?fill=ffffff); }

.no-svg .bg-icon-hamburger {
  background-image: url(/files/fonts/icomoon/images/png/hamburger.png); }

.bg-icon-no-soy {
  background-image: url(/files/fonts/icomoon/images/svg/no-soy.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-no-soy {
  background-image: url(/files/fonts/icomoon/images/svg/no-soy.svg?fill=ffffff); }

.no-svg .bg-icon-no-soy {
  background-image: url(/files/fonts/icomoon/images/png/no-soy.png); }

.bg-icon-flip-right {
  background-image: url(/files/fonts/icomoon/images/svg/flip-right.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-flip-right {
  background-image: url(/files/fonts/icomoon/images/svg/flip-right.svg?fill=ffffff); }

.no-svg .bg-icon-flip-right {
  background-image: url(/files/fonts/icomoon/images/png/flip-right.png); }

.bg-icon-light-bulb {
  background-image: url(/files/fonts/icomoon/images/svg/light-bulb.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-light-bulb {
  background-image: url(/files/fonts/icomoon/images/svg/light-bulb.svg?fill=ffffff); }

.no-svg .bg-icon-light-bulb {
  background-image: url(/files/fonts/icomoon/images/png/light-bulb.png); }

.bg-icon-star-full {
  background-image: url(/files/fonts/icomoon/images/svg/star-full.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-star-full {
  background-image: url(/files/fonts/icomoon/images/svg/star-full.svg?fill=ffffff); }

.no-svg .bg-icon-star-full {
  background-image: url(/files/fonts/icomoon/images/png/star-full.png); }

.bg-icon-play-video {
  background-image: url(/files/fonts/icomoon/images/svg/play-video.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-play-video {
  background-image: url(/files/fonts/icomoon/images/svg/play-video.svg?fill=ffffff); }

.no-svg .bg-icon-play-video {
  background-image: url(/files/fonts/icomoon/images/png/play-video.png); }

.bg-icon-sun2 {
  background-image: url(/files/fonts/icomoon/images/svg/sun2.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-sun2 {
  background-image: url(/files/fonts/icomoon/images/svg/sun2.svg?fill=ffffff); }

.no-svg .bg-icon-sun2 {
  background-image: url(/files/fonts/icomoon/images/png/sun2.png); }

.bg-icon-share {
  background-image: url(/files/fonts/icomoon/images/svg/share.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-share {
  background-image: url(/files/fonts/icomoon/images/svg/share.svg?fill=ffffff); }

.no-svg .bg-icon-share {
  background-image: url(/files/fonts/icomoon/images/png/share.png); }

.bg-icon-books {
  background-image: url(/files/fonts/icomoon/images/svg/books.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-books {
  background-image: url(/files/fonts/icomoon/images/svg/books.svg?fill=ffffff); }

.no-svg .bg-icon-books {
  background-image: url(/files/fonts/icomoon/images/png/books.png); }

.bg-icon-fork-plate-knife {
  background-image: url(/files/fonts/icomoon/images/svg/fork-plate-knife.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-fork-plate-knife {
  background-image: url(/files/fonts/icomoon/images/svg/fork-plate-knife.svg?fill=ffffff); }

.no-svg .bg-icon-fork-plate-knife {
  background-image: url(/files/fonts/icomoon/images/png/fork-plate-knife.png); }

.bg-icon-phone2 {
  background-image: url(/files/fonts/icomoon/images/svg/phone2.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-phone2 {
  background-image: url(/files/fonts/icomoon/images/svg/phone2.svg?fill=ffffff); }

.no-svg .bg-icon-phone2 {
  background-image: url(/files/fonts/icomoon/images/png/phone2.png); }

.bg-icon-can {
  background-image: url(/files/fonts/icomoon/images/svg/icon-can.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-can {
  background-image: url(/files/fonts/icomoon/images/svg/icon-can.svg?fill=ffffff); }

.no-svg .bg-icon-can {
  background-image: url(/files/fonts/icomoon/images/png/icon-can.png); }

.bg-icon-raisin {
  background-image: url(/files/fonts/icomoon/images/svg/icon-raisin.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-raisin {
  background-image: url(/files/fonts/icomoon/images/svg/icon-raisin.svg?fill=ffffff); }

.no-svg .bg-icon-raisin {
  background-image: url(/files/fonts/icomoon/images/png/icon-raisin.png); }

.bg-icon-fruit {
  background-image: url(/files/fonts/icomoon/images/svg/icon-fruit.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-fruit {
  background-image: url(/files/fonts/icomoon/images/svg/icon-fruit.svg?fill=ffffff); }

.no-svg .bg-icon-fruit {
  background-image: url(/files/fonts/icomoon/images/png/icon-fruit.png); }

.bg-icon-budding-leaves {
  background-image: url(/files/fonts/icomoon/images/svg/icon-budding-leaves.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-budding-leaves {
  background-image: url(/files/fonts/icomoon/images/svg/icon-budding-leaves.svg?fill=ffffff); }

.no-svg .bg-icon-budding-leaves {
  background-image: url(/files/fonts/icomoon/images/png/icon-budding-leaves.png); }

.bg-icon-wheat {
  background-image: url(/files/fonts/icomoon/images/svg/icon-wheat.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-wheat {
  background-image: url(/files/fonts/icomoon/images/svg/icon-wheat.svg?fill=ffffff); }

.no-svg .bg-icon-wheat {
  background-image: url(/files/fonts/icomoon/images/png/icon-wheat.png); }

.bg-icon-stopwatch {
  background-image: url(/files/fonts/icomoon/images/svg/icon-stopwatch.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-stopwatch {
  background-image: url(/files/fonts/icomoon/images/svg/icon-stopwatch.svg?fill=ffffff); }

.no-svg .bg-icon-stopwatch {
  background-image: url(/files/fonts/icomoon/images/png/icon-stopwatch.png); }

.bg-icon-pulse {
  background-image: url(/files/fonts/icomoon/images/svg/icon-pulse.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-pulse {
  background-image: url(/files/fonts/icomoon/images/svg/icon-pulse.svg?fill=ffffff); }

.no-svg .bg-icon-pulse {
  background-image: url(/files/fonts/icomoon/images/png/icon-pulse.png); }

.bg-icon-bread {
  background-image: url(/files/fonts/icomoon/images/svg/icon-bread.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-bread {
  background-image: url(/files/fonts/icomoon/images/svg/icon-bread.svg?fill=ffffff); }

.no-svg .bg-icon-bread {
  background-image: url(/files/fonts/icomoon/images/png/icon-bread.png); }

.bg-icon-question4 {
  background-image: url(/files/fonts/icomoon/images/svg/icon-question4.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-question4 {
  background-image: url(/files/fonts/icomoon/images/svg/icon-question4.svg?fill=ffffff); }

.no-svg .bg-icon-question4 {
  background-image: url(/files/fonts/icomoon/images/png/icon-question4.png); }

.bg-icon-droplet {
  background-image: url(/files/fonts/icomoon/images/svg/icon-droplet.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-droplet {
  background-image: url(/files/fonts/icomoon/images/svg/icon-droplet.svg?fill=ffffff); }

.no-svg .bg-icon-droplet {
  background-image: url(/files/fonts/icomoon/images/png/icon-droplet.png); }

.bg-icon-lock2 {
  background-image: url(/files/fonts/icomoon/images/svg/icon-lock2.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-lock2 {
  background-image: url(/files/fonts/icomoon/images/svg/icon-lock2.svg?fill=ffffff); }

.no-svg .bg-icon-lock2 {
  background-image: url(/files/fonts/icomoon/images/png/icon-lock2.png); }

.bg-icon-files-empty {
  background-image: url(/files/fonts/icomoon/images/svg/icon-files-empty.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-files-empty {
  background-image: url(/files/fonts/icomoon/images/svg/icon-files-empty.svg?fill=ffffff); }

.no-svg .bg-icon-files-empty {
  background-image: url(/files/fonts/icomoon/images/png/icon-files-empty.png); }

.bg-icon-alarm {
  background-image: url(/files/fonts/icomoon/images/svg/icon-alarm.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-alarm {
  background-image: url(/files/fonts/icomoon/images/svg/icon-alarm.svg?fill=ffffff); }

.no-svg .bg-icon-alarm {
  background-image: url(/files/fonts/icomoon/images/png/icon-alarm.png); }

.bg-icon-display {
  background-image: url(/files/fonts/icomoon/images/svg/icon-display.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-display {
  background-image: url(/files/fonts/icomoon/images/svg/icon-display.svg?fill=ffffff); }

.no-svg .bg-icon-display {
  background-image: url(/files/fonts/icomoon/images/png/icon-display.png); }

.bg-icon-checkbox-checked {
  background-image: url(/files/fonts/icomoon/images/svg/icon-checkbox-checked.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-checkbox-checked {
  background-image: url(/files/fonts/icomoon/images/svg/icon-checkbox-checked.svg?fill=ffffff); }

.no-svg .bg-icon-checkbox-checked {
  background-image: url(/files/fonts/icomoon/images/png/icon-checkbox-checked.png); }

.bg-icon-checkbox-unchecked {
  background-image: url(/files/fonts/icomoon/images/svg/icon-checkbox-unchecked.svg?fill=66b246); }

.circle-icon--reversed.bg-icon-checkbox-unchecked {
  background-image: url(/files/fonts/icomoon/images/svg/icon-checkbox-unchecked.svg?fill=ffffff); }

.no-svg .bg-icon-checkbox-unchecked {
  background-image: url(/files/fonts/icomoon/images/png/icon-checkbox-unchecked.png); }

/*
	Custom Icons
	Additions here will need to be made in this file as well to keep the CMS up to date.
	/files/fonts/icomoon/custom.json 
*/
.bg-icon-fresh-flight-fish {
  background-image: url(/files/images/custom-circle-icons/fresh-flight-fish.png); }

.bg-icon-boomerang {
  background-image: url(/files/images/custom-circle-icons/boomerang.png); }

.bg-icon-peak-this-week {
  background-image: url(/files/images/custom-circle-icons/peak-this-week.png); }

.bg-icon-days-fresher {
  background-image: url(/files/images/custom-circle-icons/days-fresher.png); }

.bg-icon-upromise {
  background-image: url(/files/images/custom-circle-icons/upromise.png); }

.bg-icon-ibotta {
  background-image: url(/files/images/custom-circle-icons/ibotta.png); }

.bg-icon-savings-star {
  background-image: url(/files/images/custom-circle-icons/savings-star.png); }

.bg-icon-sustainable-seafood {
  background-image: url(/files/images/custom-circle-icons/sustainable-seafood.png); }

.bg-icon-mealtime-mentors {
  background-image: url(/files/images/custom-circle-icons/mealtime-mentors.svg); }

.no-svg .bg-icon-mealtime-mentors {
  background-image: url(/files/images/custom-circle-icons/mealtime-mentors.png); }

.bg-icon-dine-at-home {
  background-image: url(/files/images/custom-circle-icons/dine-at-home.svg); }

.no-svg .bg-icon-dine-at-home {
  background-image: url(/files/images/custom-circle-icons/dine-at-home.png); }

/*
* jQuery FlexSlider v2.5.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 and later license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
* 
*/
/******************************* Resets ********************************/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none; }

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

/******************************* Base ********************************/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  max-width: 100%;
  display: block; }

.flexslider .slides:after {
  content: "\0020";
  clear: both;
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

/******************************* Default Theme ********************************/
.flexslider {
  margin: 0px;
  position: relative;
  zoom: 1; }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides img {
  height: auto; }

.flex-viewport {
  max-height: 2000px;
  transition: all .1s linear; }

.loading .flex-viewport {
  max-height: 300px; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

/******************************* Theme A ********************************/
[data-flexslider-theme="a"] .flex-direction-nav a {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 50px;
  width: 50px;
  margin: -25px 0 0;
  overflow: hidden;
  position: absolute;
  top: 50%;
  text-decoration: none;
  z-index: 10;
  transition: 0.2s background-color; }

[data-flexslider-theme="a"] .flex-direction-nav a:before {
  color: #fff;
  display: inline-block;
  font-family: "icomoon";
  font-size: 50px;
  line-height: 1; }

[data-flexslider-theme="a"] .flex-direction-nav .flex-prev {
  left: 15px; }

[data-flexslider-theme="a"] .flex-direction-nav .flex-next {
  right: 15px; }

[data-flexslider-theme="a"] .flexslider .flex-direction-nav a:hover {
  background-color: #666; }

[data-flexslider-theme="a"] .flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

[data-flexslider-theme="a"] .flex-control-nav {
  position: absolute;
  bottom: -40px;
  text-align: center;
  width: 100%; }

[data-flexslider-theme="a"] .flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

/******************************* Theme B ********************************/
[data-flexslider-theme="b"] {
  box-sizing: border-box;
  padding: 0px 70px; }

[data-flexslider-theme="b"] .flex-direction-nav a {
  cursor: pointer;
  display: block;
  height: 50px;
  width: 50px;
  margin: -25px 0 0;
  overflow: hidden;
  position: absolute;
  top: 50%;
  text-decoration: none;
  z-index: 10;
  transition: 0.2s background-color; }

[data-flexslider-theme="b"] .flex-direction-nav a:before {
  color: #000;
  display: inline-block;
  font-family: "icomoon";
  font-size: 50px;
  line-height: 1; }

[data-flexslider-theme="b"] .flex-direction-nav .flex-prev {
  left: 0px; }

[data-flexslider-theme="b"] .flex-direction-nav .flex-next {
  right: 0px; }

[data-flexslider-theme="b"] .flexslider .flex-direction-nav a:hover {
  background-color: #666; }

[data-flexslider-theme="b"] .flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

[data-flexslider-theme="b"] .flex-control-nav {
  position: absolute;
  bottom: -40px;
  text-align: center;
  width: 100%; }

[data-flexslider-theme="b"] .flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

/******************************* Custom ********************************/
.no-canvasflexible .slides--center {
  font-size: .1rem;
  /* reduce whitespace between inline elements */
  text-align: center;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  width: 100% !important;
  white-space: nowrap; }

.no-canvasflexible .slides--center > li {
  display: inline-block !important;
  float: none !important; }

.no-canvasflexible .slides--center > li * {
  white-space: normal; }

.modal-root {
  position: relative; }

.modal-active .modal-inline-behind {
  transition: -webkit-filter .3s ease-in;
  transition: filter .3s ease-in;
  transition: filter .3s ease-in, -webkit-filter .3s ease-in;
  -webkit-filter: blur(5px);
  filter: blur(5px); }

.modal-inline {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  color: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
  overflow: hidden;
  transition: opacity .3s ease-in; }

.modal-inline.modal-inactive {
  opacity: 0;
  height: 0px;
  visibility: hidden; }

.modal-inline.modal-active {
  opacity: 1;
  height: 100%;
  visibility: visible; }

/******************************* Load More ********************************/
.load-more {
  text-decoration: none;
  position: relative;
  line-height: 1.8rem; }

.load-more .load-more-icon {
  margin-left: 5px;
  font-size: .9em;
  vertical-align: middle; }

.load-more.is-loading .load-more-icon:before {
  -webkit-animation: icon-spin .3s linear infinite;
  animation: icon-spin .3s linear infinite;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1.8rem; }

@-webkit-keyframes icon-spin {
  from {
    -webkit-transform: translateY(-50%) rotate(0turn);
    transform: translateY(-50%) rotate(0turn); }
  to {
    -webkit-transform: translateY(-50%) rotate(1turn);
    transform: translateY(-50%) rotate(1turn); } }

@keyframes icon-spin {
  from {
    -webkit-transform: translateY(-50%) rotate(0turn);
    transform: translateY(-50%) rotate(0turn); }
  to {
    -webkit-transform: translateY(-50%) rotate(1turn);
    transform: translateY(-50%) rotate(1turn); } }

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

/* Used in Flipper */
.product-item-image {
  margin-left: 24px;
  margin-bottom: 24px;
  float: right;
  box-sizing: border-box; }

.product-cooking-instructions p {
  margin-bottom: 24px; }

/******************************* Coupons ********************************/
.block-coupon {
  overflow: hidden; }

.block-coupon--title {
  float: right;
  font-size: 1.8rem;
  color: #fff;
  background-color: #66b246;
  text-transform: uppercase;
  padding: 15px 20px;
  margin: 0px;
  line-height: 1; }

.block-coupon--body {
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  overflow: hidden;
  clear: both;
  background-color: #fff; }

.block-coupon--body-coupon {
  float: left;
  margin-right: 24px; }

.block-coupon--body-content {
  overflow: hidden;
  padding: 10px; }

@media print {
  .block-coupon {
    border: 5px dashed #ccc;
    padding: 20px; }
  .block-coupon--title {
    float: none;
    font-size: 3.4rem;
    padding: 0px;
    margin-bottom: 12px; }
  .block-coupon--body {
    border: 0px; }
  .block-coupon--body-coupon {
    float: none;
    width: 100%; }
  .block-coupon--body-content {
    padding: 0px; }
  .block-coupon--body-content .button-knockout {
    display: none; } }

/******************************* Locations Services ********************************/
.location-services {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px; }

.location-services > li {
  margin-bottom: 6px; }

/******************************* Location Icon ********************************/
.location-icon {
  float: right;
  width: 175px;
  margin-left: 18px; }

/******************************* Location Search ********************************/
.location-search {
  border: 1px solid #eee;
  padding: 11px;
  margin-right: 10px; }

.location-search-form {
  width: 100%;
  max-width: 500px;
  margin: auto;
  overflow: hidden; }
  .location-search-form .input-box, .location-search-form .input-icon {
    border: none;
    outline: none; }
  .location-search-form .input-box {
    width: 85%;
    float: left;
    padding: 1em;
    border: solid 1px gray;
    border-right: none; }
  .location-search-form .input-icon {
    width: 15%;
    float: left;
    height: 49px;
    background-color: #ed060d;
    color: white; }

/******************************* Hotbar ********************************/
.hotbar-one-off {
  overflow: hidden; }

.hotbar-one-off > li {
  background-size: cover;
  float: left;
  width: 20%;
  height: 256px;
  position: relative; }

.hotbar-one-off > li span {
  position: absolute;
  left: 0px;
  bottom: 20px;
  width: 100%;
  padding: 0px 10px;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem; }

@media (max-width: 620px) {
  .hotbar-one-off > li {
    width: 50%;
    height: 150px; }
  .hotbar-one-off > li:nth-child(2n+1) {
    clear: left; }
  .hotbar-one-off > li span {
    font-size: 1.4rem; } }

/******************************* Green Page ********************************/
.one-off-green-large {
  font-size: 10rem;
  line-height: 1; }

.green-page-navigation {
  margin: auto;
  max-width: 700px; }

.icon-green--small {
  font-size: 2.8rem; }

.icon-green--medium {
  font-size: 4.5rem; }

.icon-green--large {
  font-size: 10rem; }

/******************************* Responsive ********************************/
@media (max-width: 760px) {
  .one-off-green-large {
    font-size: 4rem; } }

/******************************* Responsive ********************************/
@media (max-width: 760px) {
  .daily-deli-deal-image {
    width: 100px; }
  .location-icon {
    width: 100px; } }

@media (max-width: 620px) {
  .ps--boomerang * {
    font-size: 1.4rem !important; }
  .home-boomerang img {
    height: 70px;
    margin-top: 18px; }
  .product-item-image {
    float: none;
    width: 100%;
    max-width: 140px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto; } }

/****************************************************************
 7. Template & Layout
****************************************************************/
/******************************* Crumbs ********************************/
.page-crumbs {
  padding-top: 20px; }

.page-crumbs + .page-section > .ps--medium-padding:first-child {
  padding-top: 30px; }

.page-crumbs + .page-section > .ps--large-padding:first-child {
  padding-top: 80px; }

.crumbs {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden; }

.crumbs > li {
  font-size: 1.4rem;
  float: left; }

#specificity .crumbs > li a,
.crumbs > li:after,
.crumbs > li:hover:after {
  color: #999;
  transition: 0.2s all linear; }

#specificity .crumbs > li a:hover {
  color: #666; }

.crumbs > li span {
  color: #000;
  font-weight: bold; }

.crumbs > li:after {
  content: ">";
  padding: 0px 10px; }

.crumbs > li.selected:after {
  display: none; }

/******************************* Content Half ********************************/
.content-half {
  position: relative; }

.content-half--white {
  background-color: #fff; }

.content-half--right:before {
  left: 0px; }

.content-half--left:before {
  right: 0px; }

.content-half:before {
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 50%;
  position: absolute;
  top: 0px;
  z-index: 1; }

.content-half-bg--runners:before {
  background-image: url("/files/images/backgrounds/half/runners.jpg");
  background-position: left center; }

.content-half-bg--tomatoes:before {
  background-image: url("/files/images/backgrounds/half/tomatoes.jpg"); }

.content-half-bg--plate:before {
  background-image: url("/files/images/backgrounds/half/plate-of-food.jpg"); }

.content-half-bg--plate-2:before {
  background-image: url("/files/images/backgrounds/half/plate-of-food-2.jpg"); }

.content-half-bg--meat-counter:before {
  background-image: url("/files/images/backgrounds/half/meat-counter.jpg"); }

.content-half-bg--group-workers:before {
  background-image: url("/files/images/backgrounds/half/group-workers.jpg"); }

.content-half-bg--bowl-of-food:before {
  background-image: url("/files/images/backgrounds/half/bowl-of-food.jpg"); }

.content-half-bg--big-cart:before {
  background-image: url("/files/images/backgrounds/half/big-cart.jpg");
  background-position: left bottom; }

.content-half-bg--signature-products:before {
  background-image: url("/files/images/backgrounds/half/signature-products.jpg");
  background-position: left center; }

.content-half-bg--dietitian:before {
  background-image: url("/files/images/backgrounds/half/dietitian.jpg");
  background-position: left top; }

.content-half-bg--groceries:before {
  background-image: url("/files/images/backgrounds/half/groceries.jpg");
  background-position: left top; }

.content-half-bg--basket-with-groceries:before {
  background-image: url("/files/images/backgrounds/half/basket-with-groceries.jpg");
  background-position: left center; }

.content-half-bg--store:before {
  background-image: url("/files/images/backgrounds/half/store.jpg");
  background-position: left center; }

/* Little Things */
.content-half-bg--tv-monitors:before {
  background-image: url("/files/images/backgrounds/half/little-things/tv-monitors.jpg");
  background-position: left center; }

.content-half-bg--fresh-produce:before {
  background-image: url("/files/images/backgrounds/half/little-things/fresh-produce.jpg");
  background-position: right center; }

.content-half-bg--hot-bar:before {
  background-image: url("/files/images/backgrounds/half/little-things/hot-bar.jpg");
  background-position: left center; }

.content-half-bg--knife-sharpening:before {
  background-image: url("/files/images/backgrounds/half/little-things/knife-sharpening.jpg");
  background-position: left center; }

.content-half-bg--led-lighting:before {
  background-image: url("/files/images/backgrounds/half/little-things/led-lighting.jpg");
  background-position: left center; }

.content-half-bg--np-soy-ingredients:before {
  background-image: url("/files/images/backgrounds/half/little-things/np-soy-ingredients.jpg");
  background-position: left center; }

.content-half-bg--organic-living-magazine:before {
  background-image: url("/files/images/backgrounds/half/little-things/organic-living-magazine.jpg");
  background-position: center center;
  background-size: contain; }

.content-half-bg--peak-this-week:before {
  background-image: url("/files/images/backgrounds/half/little-things/peak-this-week.jpg");
  background-position: left center; }

.content-half-bg--pick-6-beer-wine:before {
  background-image: url("/files/images/backgrounds/half/little-things/pick-6-beer-wine.jpg");
  background-position: left center; }

.content-half-bg--sustainability:before {
  background-image: url("/files/images/backgrounds/half/little-things/sustainability.jpg");
  background-position: left center; }

.content-half > .container-inside {
  overflow: hidden; }

.content-half-content {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  width: 50%;
  z-index: 2; }

.c-half-padding-large {
  padding-top: 60px;
  padding-bottom: 60px; }

.c-half-padding-jumbo {
  padding-top: 90px;
  padding-bottom: 90px; }

.content-half--right .content-half-content {
  background-position: right center;
  float: right;
  padding-left: 120px; }

.content-half--left .content-half-content {
  background-position: left center;
  float: left;
  padding-right: 120px; }

.content-half--white.content-half--right .content-half-content {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, white 90px, white 100%); }

.content-half--white.content-half--left .content-half-content {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0px, white 90px, white 100%); }

/******************************* Responsive ********************************/
@media (max-width: 620px) {
  .content-half {
    text-align: center; }
  .content-half:before {
    background-image: none; }
  #specificity .content-half-content {
    width: auto;
    float: none;
    padding: 30px 0px; } }

/****************************************************************
 8. Print - http://www.alistapart.com/stories/goingtoprint/
****************************************************************/
@media print {
  .header, .navigate, .footer {
    display: none; }
  .container-inside,
  .container-inside--large {
    width: 100%; }
  .content {
    border-width: 0px;
    color: #000;
    float: none;
    padding: 0px;
    width: 100%; }
  .content a {
    text-decoration: underline;
    border-bottom-width: 0px; }
  img {
    max-width: 100%; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  .print-hide {
    display: none; } }

/****************************************************************
 9. Responsive
****************************************************************/
.testing.canvasflexible body:after {
  border-left: 10px solid black; }

.testing.mobilenav body:after {
  border-left: 10px solid white; }

@media (max-width: 1280px) {
  .testing body:after {
    color: #fff;
    font-size: 1rem;
    height: 70px;
    width: 70px;
    line-height: 70px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    text-align: center;
    text-shadow: 0px 0px 10px #000;
    z-index: 100;
    overflow: hidden; }
  .testing body:after {
    background: black;
    content: "canvasflexiblelarge"; }
  #specificity [data-hide-bp="canvasflexiblelarge"] {
    display: none; }
  #specificity [data-show-bp="canvasflexiblelarge"] {
    display: block; }
  #specificity [data-static-bp="canvasflexiblelarge"] {
    position: static; }
  #specificity [data-align-center-bp="canvasflexiblelarge"] {
    text-align: center; }
  #specificity [data-unfloat-bp="canvasflexiblelarge"] {
    float: none;
    clear: both;
    margin-left: 0px;
    margin-right: 0px; }
  #specificity [data-content-left-bp="canvasflexiblelarge"] {
    float: left; }
  #specificity [data-margin-right-bp="canvasflexiblelarge"] {
    margin-right: 18px; }
  #specificity [data-no-margin-bp="canvasflexiblelarge"] {
    margin: 0px; }
  #specificity [data-full-width-bp="canvasflexiblelarge"] {
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    width: 100%;
    box-sizing: border-box; }
  #specificity [data-margin-vertical-bp="canvasflexiblelarge"] {
    margin-top: 12px;
    margin-bottom: 12px; }
  [data-reset-height-bp="canvasflexiblelarge"] {
    height: auto !important; }
  /* @ _columns.scss */
  #specificity .columns[data-two-col-bp="canvasflexiblelarge"] > li {
    clear: none;
    width: 48%;
    margin-left: 4%; }
  #specificity .columns[data-two-col-bp="canvasflexiblelarge"] > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0px; }
  #specificity .columns[data-one-col-bp="canvasflexiblelarge"] > li {
    clear: both;
    margin-left: 0px;
    width: 100%; }
  #specificity .columns[data-one-col-bp="canvasflexiblelarge"].columns-divider > li:before #specificity .columns[data-two-col-bp="canvasflexiblelarge"].columns-divider > li:before {
    display: none; }
  #specificity .columns[data-margin-bp="canvasflexiblelarge"] > li {
    margin-top: 18px;
    margin-bottom: 18px; }
  /*#specificity .columns[data-margin-bp="canvasflexiblelarge"] > li:first-child { margin-top: 0px; } this would only apply to single stacks */
  /* @ _general.scss */
  #specificity .table[data-bp="canvasflexiblelarge"],
  #specificity .table[data-bp="canvasflexiblelarge"] > li {
    display: block; }
  /* @ _tab-accordion.scss */
  [data-tab-accordion-bp="canvasflexiblelarge"] .tabs {
    display: none; }
  [data-tab-accordion-bp="canvasflexiblelarge"] .accordion > dt {
    display: block; }
  /* @Eatwell/health - container-inside */
  #specificity [data-ci-no-padding-bp="canvasflexiblelarge"] {
    padding: 0px; }
  /* @ _structure/content/_page-section.scss */
  #specificity [data-ps-bg-50-50-one-col="canvasflexiblelarge"]:before,
  #specificity [data-ps-bg-50-50-one-col="canvasflexiblelarge"]:after {
    background: transparent; } }

@media (max-width: 990px) {
  .testing body:after {
    content: "canvasflexible";
    background: rebeccapurple; }
  #specificity [data-hide-bp="canvasflexible"] {
    display: none; }
  #specificity [data-show-bp="canvasflexible"] {
    display: block; }
  #specificity [data-static-bp="canvasflexible"] {
    position: static; }
  #specificity [data-align-center-bp="canvasflexible"] {
    text-align: center; }
  #specificity [data-unfloat-bp="canvasflexible"] {
    float: none;
    clear: both;
    margin-left: 0px;
    margin-right: 0px; }
  #specificity [data-content-left-bp="canvasflexible"] {
    float: left; }
  #specificity [data-margin-right-bp="canvasflexible"] {
    margin-right: 18px; }
  #specificity [data-no-margin-bp="canvasflexible"] {
    margin: 0px; }
  #specificity [data-full-width-bp="canvasflexible"] {
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    width: 100%;
    box-sizing: border-box; }
  #specificity [data-margin-vertical-bp="canvasflexible"] {
    margin-top: 12px;
    margin-bottom: 12px; }
  [data-reset-height-bp="canvasflexible"] {
    height: auto !important; }
  /* @ _columns.scss */
  #specificity .columns[data-two-col-bp="canvasflexible"] > li {
    clear: none;
    width: 48%;
    margin-left: 4%; }
  #specificity .columns[data-two-col-bp="canvasflexible"] > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0px; }
  #specificity .columns[data-one-col-bp="canvasflexible"] > li {
    clear: both;
    margin-left: 0px;
    width: 100%; }
  #specificity .columns[data-one-col-bp="canvasflexible"].columns-divider > li:before #specificity .columns[data-two-col-bp="canvasflexible"].columns-divider > li:before {
    display: none; }
  #specificity .columns[data-margin-bp="canvasflexible"] > li {
    margin-top: 18px;
    margin-bottom: 18px; }
  /*#specificity .columns[data-margin-bp="canvasflexible"] > li:first-child { margin-top: 0px; } this would only apply to single stacks */
  /* @ _general.scss */
  #specificity .table[data-bp="canvasflexible"],
  #specificity .table[data-bp="canvasflexible"] > li {
    display: block; }
  /* @ _tab-accordion.scss */
  [data-tab-accordion-bp="canvasflexible"] .tabs {
    display: none; }
  [data-tab-accordion-bp="canvasflexible"] .accordion > dt {
    display: block; }
  /* @Eatwell/health - container-inside */
  #specificity [data-ci-no-padding-bp="canvasflexible"] {
    padding: 0px; }
  /* @ _structure/content/_page-section.scss */
  #specificity [data-ps-bg-50-50-one-col="canvasflexible"]:before,
  #specificity [data-ps-bg-50-50-one-col="canvasflexible"]:after {
    background: transparent; } }

@media (max-width: 760px) {
  .testing body:after {
    background: darkred;
    content: "mobilenav"; }
  .testing.mobilenav body:after {
    border-left-color: #ccc; }
  #specificity [data-hide-bp="mobilenav"] {
    display: none; }
  #specificity [data-show-bp="mobilenav"] {
    display: block; }
  #specificity [data-static-bp="mobilenav"] {
    position: static; }
  #specificity [data-align-center-bp="mobilenav"] {
    text-align: center; }
  #specificity [data-unfloat-bp="mobilenav"] {
    float: none;
    clear: both;
    margin-left: 0px;
    margin-right: 0px; }
  #specificity [data-content-left-bp="mobilenav"] {
    float: left; }
  #specificity [data-margin-right-bp="mobilenav"] {
    margin-right: 18px; }
  #specificity [data-no-margin-bp="mobilenav"] {
    margin: 0px; }
  #specificity [data-full-width-bp="mobilenav"] {
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    width: 100%;
    box-sizing: border-box; }
  #specificity [data-margin-vertical-bp="mobilenav"] {
    margin-top: 12px;
    margin-bottom: 12px; }
  [data-reset-height-bp="mobilenav"] {
    height: auto !important; }
  /* @ _columns.scss */
  #specificity .columns[data-two-col-bp="mobilenav"] > li {
    clear: none;
    width: 48%;
    margin-left: 4%; }
  #specificity .columns[data-two-col-bp="mobilenav"] > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0px; }
  #specificity .columns[data-one-col-bp="mobilenav"] > li {
    clear: both;
    margin-left: 0px;
    width: 100%; }
  #specificity .columns[data-one-col-bp="mobilenav"].columns-divider > li:before #specificity .columns[data-two-col-bp="mobilenav"].columns-divider > li:before {
    display: none; }
  #specificity .columns[data-margin-bp="mobilenav"] > li {
    margin-top: 18px;
    margin-bottom: 18px; }
  /*#specificity .columns[data-margin-bp="mobilenav"] > li:first-child { margin-top: 0px; } this would only apply to single stacks */
  /* @ _general.scss */
  #specificity .table[data-bp="mobilenav"],
  #specificity .table[data-bp="mobilenav"] > li {
    display: block; }
  /* @ _tab-accordion.scss */
  [data-tab-accordion-bp="mobilenav"] .tabs {
    display: none; }
  [data-tab-accordion-bp="mobilenav"] .accordion > dt {
    display: block; }
  /* @Eatwell/health - container-inside */
  #specificity [data-ci-no-padding-bp="mobilenav"] {
    padding: 0px; }
  /* @ _structure/content/_page-section.scss */
  #specificity [data-ps-bg-50-50-one-col="mobilenav"]:before,
  #specificity [data-ps-bg-50-50-one-col="mobilenav"]:after {
    background: transparent; } }

@media (max-width: 720px) {
  .testing body:after {
    background: red;
    content: "tabletportrait"; }
  #specificity [data-hide-bp="tabletportrait"] {
    display: none; }
  #specificity [data-show-bp="tabletportrait"] {
    display: block; }
  #specificity [data-static-bp="tabletportrait"] {
    position: static; }
  #specificity [data-align-center-bp="tabletportrait"] {
    text-align: center; }
  #specificity [data-unfloat-bp="tabletportrait"] {
    float: none;
    clear: both;
    margin-left: 0px;
    margin-right: 0px; }
  #specificity [data-content-left-bp="tabletportrait"] {
    float: left; }
  #specificity [data-margin-right-bp="tabletportrait"] {
    margin-right: 18px; }
  #specificity [data-no-margin-bp="tabletportrait"] {
    margin: 0px; }
  #specificity [data-full-width-bp="tabletportrait"] {
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    width: 100%;
    box-sizing: border-box; }
  #specificity [data-margin-vertical-bp="tabletportrait"] {
    margin-top: 12px;
    margin-bottom: 12px; }
  [data-reset-height-bp="tabletportrait"] {
    height: auto !important; }
  /* @ _columns.scss */
  #specificity .columns[data-two-col-bp="tabletportrait"] > li {
    clear: none;
    width: 48%;
    margin-left: 4%; }
  #specificity .columns[data-two-col-bp="tabletportrait"] > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0px; }
  #specificity .columns[data-one-col-bp="tabletportrait"] > li {
    clear: both;
    margin-left: 0px;
    width: 100%; }
  #specificity .columns[data-one-col-bp="tabletportrait"].columns-divider > li:before #specificity .columns[data-two-col-bp="tabletportrait"].columns-divider > li:before {
    display: none; }
  #specificity .columns[data-margin-bp="tabletportrait"] > li {
    margin-top: 18px;
    margin-bottom: 18px; }
  /*#specificity .columns[data-margin-bp="tabletportrait"] > li:first-child { margin-top: 0px; } this would only apply to single stacks */
  /* @ _general.scss */
  #specificity .table[data-bp="tabletportrait"],
  #specificity .table[data-bp="tabletportrait"] > li {
    display: block; }
  /* @ _tab-accordion.scss */
  [data-tab-accordion-bp="tabletportrait"] .tabs {
    display: none; }
  [data-tab-accordion-bp="tabletportrait"] .accordion > dt {
    display: block; }
  /* @Eatwell/health - container-inside */
  #specificity [data-ci-no-padding-bp="tabletportrait"] {
    padding: 0px; }
  /* @ _structure/content/_page-section.scss */
  #specificity [data-ps-bg-50-50-one-col="tabletportrait"]:before,
  #specificity [data-ps-bg-50-50-one-col="tabletportrait"]:after {
    background: transparent; } }

@media (max-width: 620px) {
  .testing body:after {
    background: salmon;
    content: "phablet"; }
  #specificity [data-hide-bp="phablet"] {
    display: none; }
  #specificity [data-show-bp="phablet"] {
    display: block; }
  #specificity [data-static-bp="phablet"] {
    position: static; }
  #specificity [data-align-center-bp="phablet"] {
    text-align: center; }
  #specificity [data-unfloat-bp="phablet"] {
    float: none;
    clear: both;
    margin-left: 0px;
    margin-right: 0px; }
  #specificity [data-content-left-bp="phablet"] {
    float: left; }
  #specificity [data-margin-right-bp="phablet"] {
    margin-right: 18px; }
  #specificity [data-no-margin-bp="phablet"] {
    margin: 0px; }
  #specificity [data-full-width-bp="phablet"] {
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    width: 100%;
    box-sizing: border-box; }
  #specificity [data-margin-vertical-bp="phablet"] {
    margin-top: 12px;
    margin-bottom: 12px; }
  [data-reset-height-bp="phablet"] {
    height: auto !important; }
  /* @ _columns.scss */
  #specificity .columns[data-two-col-bp="phablet"] > li {
    clear: none;
    width: 48%;
    margin-left: 4%; }
  #specificity .columns[data-two-col-bp="phablet"] > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0px; }
  #specificity .columns[data-one-col-bp="phablet"] > li {
    clear: both;
    margin-left: 0px;
    width: 100%; }
  #specificity .columns[data-one-col-bp="phablet"].columns-divider > li:before #specificity .columns[data-two-col-bp="phablet"].columns-divider > li:before {
    display: none; }
  #specificity .columns[data-margin-bp="phablet"] > li {
    margin-top: 18px;
    margin-bottom: 18px; }
  /*#specificity .columns[data-margin-bp="phablet"] > li:first-child { margin-top: 0px; } this would only apply to single stacks */
  /* @ _general.scss */
  #specificity .table[data-bp="phablet"],
  #specificity .table[data-bp="phablet"] > li {
    display: block; }
  /* @ _tab-accordion.scss */
  [data-tab-accordion-bp="phablet"] .tabs {
    display: none; }
  [data-tab-accordion-bp="phablet"] .accordion > dt {
    display: block; }
  /* @Eatwell/health - container-inside */
  #specificity [data-ci-no-padding-bp="phablet"] {
    padding: 0px; }
  /* @ _structure/content/_page-section.scss */
  #specificity [data-ps-bg-50-50-one-col="phablet"]:before,
  #specificity [data-ps-bg-50-50-one-col="phablet"]:after {
    background: transparent; } }

@media (max-width: 480px) {
  .testing body:after {
    background: pink;
    content: "mobilelandscape"; }
  #specificity [data-hide-bp="mobilelandscape"] {
    display: none; }
  #specificity [data-show-bp="mobilelandscape"] {
    display: block; }
  #specificity [data-static-bp="mobilelandscape"] {
    position: static; }
  #specificity [data-align-center-bp="mobilelandscape"] {
    text-align: center; }
  #specificity [data-unfloat-bp="mobilelandscape"] {
    float: none;
    clear: both;
    margin-left: 0px;
    margin-right: 0px; }
  #specificity [data-content-left-bp="mobilelandscape"] {
    float: left; }
  #specificity [data-margin-right-bp="mobilelandscape"] {
    margin-right: 18px; }
  #specificity [data-no-margin-bp="mobilelandscape"] {
    margin: 0px; }
  #specificity [data-full-width-bp="mobilelandscape"] {
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    width: 100%;
    box-sizing: border-box; }
  #specificity [data-margin-vertical-bp="mobilelandscape"] {
    margin-top: 12px;
    margin-bottom: 12px; }
  [data-reset-height-bp="mobilelandscape"] {
    height: auto !important; }
  /* @ _columns.scss */
  #specificity .columns[data-two-col-bp="mobilelandscape"] > li {
    clear: none;
    width: 48%;
    margin-left: 4%; }
  #specificity .columns[data-two-col-bp="mobilelandscape"] > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0px; }
  #specificity .columns[data-one-col-bp="mobilelandscape"] > li {
    clear: both;
    margin-left: 0px;
    width: 100%; }
  #specificity .columns[data-one-col-bp="mobilelandscape"].columns-divider > li:before #specificity .columns[data-two-col-bp="mobilelandscape"].columns-divider > li:before {
    display: none; }
  #specificity .columns[data-margin-bp="mobilelandscape"] > li {
    margin-top: 18px;
    margin-bottom: 18px; }
  /*#specificity .columns[data-margin-bp="mobilelandscape"] > li:first-child { margin-top: 0px; } this would only apply to single stacks */
  /* @ _general.scss */
  #specificity .table[data-bp="mobilelandscape"],
  #specificity .table[data-bp="mobilelandscape"] > li {
    display: block; }
  /* @ _tab-accordion.scss */
  [data-tab-accordion-bp="mobilelandscape"] .tabs {
    display: none; }
  [data-tab-accordion-bp="mobilelandscape"] .accordion > dt {
    display: block; }
  /* @Eatwell/health - container-inside */
  #specificity [data-ci-no-padding-bp="mobilelandscape"] {
    padding: 0px; }
  /* @ _structure/content/_page-section.scss */
  #specificity [data-ps-bg-50-50-one-col="mobilelandscape"]:before,
  #specificity [data-ps-bg-50-50-one-col="mobilelandscape"]:after {
    background: transparent; } }

@media (max-width: 320px) {
  .testing body:after {
    background: mistyrose;
    content: "mobileportrait"; }
  #specificity [data-hide-bp="mobileportrait"] {
    display: none; }
  #specificity [data-show-bp="mobileportrait"] {
    display: block; }
  #specificity [data-static-bp="mobileportrait"] {
    position: static; }
  #specificity [data-align-center-bp="mobileportrait"] {
    text-align: center; }
  #specificity [data-unfloat-bp="mobileportrait"] {
    float: none;
    clear: both;
    margin-left: 0px;
    margin-right: 0px; }
  #specificity [data-content-left-bp="mobileportrait"] {
    float: left; }
  #specificity [data-margin-right-bp="mobileportrait"] {
    margin-right: 18px; }
  #specificity [data-no-margin-bp="mobileportrait"] {
    margin: 0px; }
  #specificity [data-full-width-bp="mobileportrait"] {
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    width: 100%;
    box-sizing: border-box; }
  #specificity [data-margin-vertical-bp="mobileportrait"] {
    margin-top: 12px;
    margin-bottom: 12px; }
  [data-reset-height-bp="mobileportrait"] {
    height: auto !important; }
  /* @ _columns.scss */
  #specificity .columns[data-two-col-bp="mobileportrait"] > li {
    clear: none;
    width: 48%;
    margin-left: 4%; }
  #specificity .columns[data-two-col-bp="mobileportrait"] > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0px; }
  #specificity .columns[data-one-col-bp="mobileportrait"] > li {
    clear: both;
    margin-left: 0px;
    width: 100%; }
  #specificity .columns[data-one-col-bp="mobileportrait"].columns-divider > li:before #specificity .columns[data-two-col-bp="mobileportrait"].columns-divider > li:before {
    display: none; }
  #specificity .columns[data-margin-bp="mobileportrait"] > li {
    margin-top: 18px;
    margin-bottom: 18px; }
  /*#specificity .columns[data-margin-bp="mobileportrait"] > li:first-child { margin-top: 0px; } this would only apply to single stacks */
  /* @ _general.scss */
  #specificity .table[data-bp="mobileportrait"],
  #specificity .table[data-bp="mobileportrait"] > li {
    display: block; }
  /* @ _tab-accordion.scss */
  [data-tab-accordion-bp="mobileportrait"] .tabs {
    display: none; }
  [data-tab-accordion-bp="mobileportrait"] .accordion > dt {
    display: block; }
  /* @Eatwell/health - container-inside */
  #specificity [data-ci-no-padding-bp="mobileportrait"] {
    padding: 0px; }
  /* @ _structure/content/_page-section.scss */
  #specificity [data-ps-bg-50-50-one-col="mobileportrait"]:before,
  #specificity [data-ps-bg-50-50-one-col="mobileportrait"]:after {
    background: transparent; } }