/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2014 Hakim El Hattab, http://hakim.se
 */.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px transparent}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}.ladda-button{background:#666;border:0;padding:14px 18px;font-size:18px;cursor:pointer;color:#fff;border-radius:2px;border:1px solid transparent;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.ladda-button:hover{border-color:rgba(0,0,0,0.07);background-color:#888}.ladda-button[data-color=green]{background:#2aca76}.ladda-button[data-color=green]:hover{background-color:#38d683}.ladda-button[data-color=blue]{background:#53b5e6}.ladda-button[data-color=blue]:hover{background-color:#69bfe9}.ladda-button[data-color=red]{background:#ea8557}.ladda-button[data-color=red]:hover{background-color:#ed956e}.ladda-button[data-color=purple]{background:#9973c2}.ladda-button[data-color=purple]:hover{background-color:#a685ca}.ladda-button[data-color=mint]{background:#16a085}.ladda-button[data-color=mint]:hover{background-color:#19b698}.ladda-button[disabled],.ladda-button[data-loading]{border-color:rgba(0,0,0,0.07);cursor:default;background-color:#999}.ladda-button[disabled]:hover,.ladda-button[data-loading]:hover{cursor:default;background-color:#999}.ladda-button[data-size=xs]{padding:4px 8px}.ladda-button[data-size=xs] .ladda-label{font-size:0.7em}.ladda-button[data-size=s]{padding:6px 10px}.ladda-button[data-size=s] .ladda-label{font-size:0.9em}.ladda-button[data-size=l] .ladda-label{font-size:1.2em}.ladda-button[data-size=xl] .ladda-label{font-size:1.5em}

.ladda-label{
   display:block!important;
}

/* Below CSS has been added to fix mobile devices spinner issue */
.ui.button.ladda-button:disabled, .ladda-button.disabled {
    opacity: 1 !important;
    background: rgba(34,99,160,0.45);
    border: rgba(34,99,160,0.45);
}


.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{
            Display: block;
}
 
.dw-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: none;
}
.dw-loading:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.dw-loading.dw-loading-active {
    display: block;
}
.dw-loading.dw-loading-overlay {
    background-color: rgba(255, 255, 255, .7);
    z-index: 9999;
}
.dw-loading > .dw-loading-body {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.dw-loading > .dw-loading-body > .dw-loading-spinner {
    position: relative;
}
.dw-loading > .dw-loading-body > .dw-loading-text {
    position: relative;
    top: 25px;
    font-weight: bold;
    font-size: 11px;
    text-shadow: 0 0 2px rgb(255, 255, 255);
}

/*!
 * # Semantic UI 2.1.7 - Reset
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
             Reset
*******************************/


/* Border-Box */
*,
*:before,
*:after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}

/* iPad Input Shadows */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;

/* mobile firefox too! */
}


/*******************************
         Theme Overrides
*******************************/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;

/* 1 */
  -ms-text-size-adjust: 100%;

/* 2 */
  -webkit-text-size-adjust: 100%;

/* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;

/* 1 */
  vertical-align: baseline;

/* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 100%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.1em;
}
sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;

/* 1 */
  font: inherit;

/* 2 */
  margin: 0;

/* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;

/* 2 */
  cursor: pointer;

/* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;

/* 1 */
  padding: 0;

/* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;

/* 1 */

/* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;

/* 1 */
  padding: 0;

/* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}


/*******************************
         Site Overrides
*******************************/

/*!
 * # Semantic UI 2.1.7 - Site
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Page
*******************************/

/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,200,200italic);
@import url(https://fonts.googleapis.com/css?family=Bad+Script);
@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400italic,700,700italic);*/
/* font-family: 'Source Sans Pro', sans-serif; */
/* font-family: 'Bad Script', cursive; */
/* font-family: 'Archivo Narrow', sans-serif; */
html,
body {
  width: 100%;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
html {
  font-size: 16px;
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 300px;
  background: #ffffff;
  font-size: 16px;
  line-height: 1.2em;
  color: #2F2F2F;
  -webkit-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.popup_open  {
  overflow: hidden;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
  clear: both;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
hr {
  margin: 40px 0;
  border: 0;
  border-top: 1px solid #DFDFDF;
}

::-webkit-input-placeholder {
   font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
   font-style: italic;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-style: italic;
}

:-ms-input-placeholder {
   font-style: italic;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
   display: none !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
}
input[type=number] {
    -moz-appearance:textfield;
    -webkit-appearance: none;
    border-radius: 0;
}

/*******************************
             Headers
*******************************/

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.subtitle {
  font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  letter-spacing: -0.5px;
  font-weight: bold;
  padding: 0;
}
h1 {
  font-size: 36px;
  margin: 22px 0 18px;
}
h2 {
  font-family: 'Bad Script', cursive!important;
  font-size: 150%;
  line-height: 1.4em!important;
  font-weight: normal;
}
h3 {
  font-size: 187.5%;
}
h4 {
  font-size: 150%;
}
h5 {
  font-size: 112.5%;
}
h6 {
    font-size: 14px;
}

h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
  margin-bottom: 0;
}
h1 > a.link,
h2 > a.link,
h3 > a.link,
h4 > a.link,
h5 > a.link {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
}

.header-teaser  {
  margin: 20px 0 20px;
  position: relative;
}

.header-teaser h1{
  margin-bottom: 10px;
}

.header-teaser h2{
  margin-bottom: 30px;
}

.header-teaser h3 {
  margin-bottom: 0;
}

.header-teaser h2,.header-teaser h4 {
  margin-top: 5px;
}
.headline-size-1 h1 {
    font-size: 36px;
}
.headline-size-2 h1 {
  font-size: 32px;
}
.headline-size-3 h1 {
  font-size: 30px;
}
.headline-size-4 h1 {
  font-size: 24px;
}
.headline-size-5 h1 {
  font-size: 18px;
}

.headline-size-1 h2 {
    font-size: 24px;
  }
.headline-size-2 h2 {
  font-size: 21px;
}
.headline-size-3 h2 {
  font-size: 20px;
}
.headline-size-4 h2 {
  font-size: 16px;
}
.headline-size-5 h2 {
  font-size: 14px;
}

/*.title-top-margin {
  margin-top: 20px!important;
}*/
.page-title {
    margin: 22px 0 18px;
    position: relative;
}
.page-subtitle {
    margin: 0 0 15px 0;
}
.section-title {
  position: relative;
}
.floatme {
  position: absolute;
}
.floatme.right {
  right: 0;
  top: 0;
}
.floatme.left {
  left: 0;
  top: 0;
}

@media only screen and (max-width: 1199px) {
  h1 {
    font-size: 225%;
  }
  h2 {
    font-size: 125%;
  }
}

@media only screen and (max-width: 619px) {
  h1 {
    font-size: 200%;
  }
  h3 {
    font-size: 150%;
  }
  .inner-title {
    margin-top: 20px!important;
    font-size: 30px;
    text-align: center;
  }
  h1 {
    margin: 20px 0 20px;
  }

}

/* -----------------
    Custom CSS for h7, h8, h9 respectively
 ------------------- */

.small {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 85%;
    line-height: 1.2em;
}
.small-second {
    font-size: 14px;
    margin-bottom: 8px;
}
.small-semi {
    font-size: 13px;
    margin-bottom: 8px;
}
.normal-header {
    font-family: 'Source Sans Pro', 'sans-serif';
    font-size: 112.5%;
    font-weight: 700;
}
.small-header {
    font-family: 'Source Sans Pro', 'sans-serif';
    font-weight: 400;
    font-size: 12px;
}
.detail-copy {
    font-family: 'Source Sans Pro', 'sans-serif';
    font-weight: 400;
    font-size: 10px;
}
.quick-view-header {
    font-family: 'Archivo Narrow', 'sans-serif';
    font-weight: 700;
    font-size: 10px;
}
.toolbar-titles {
    font-family: 'Archivo Narrow', 'sans-serif';
    font-weight: 700;
    font-size: 12px;
}
.section-title {
    margin: 0 0 25px;
}

/*******************************
             Text
*******************************/

p {
  margin: 0 0 1em;
  line-height: 1.4285em;
}

/*-------------------
        Links
--------------------*/

a {
  color: #4183c4;
  text-decoration: none;
}
a:hover {
  color: #1e70bf;
  text-decoration: none;
}

/*-------------------
        Images
--------------------*/

img,
picture {
    width: 100%;
    height: auto;
    display: block;
}

img[src="/libs/cq/linkchecker/resources/linkcheck_o.gif"],
img[src="/libs/cq/linkchecker/resources/linkcheck_c.gif"] {
    display: inline !important;
    height: auto !important;
    width: auto !important;
}

/*******************************
          Highlighting
*******************************/


/* Site */
::-webkit-selection {
  background-color: #cce2ff;
  color: rgba(0, 0, 0, 0.87);
}
::-moz-selection {
  background-color: #cce2ff;
  color: rgba(0, 0, 0, 0.87);
}
::selection {
  background-color: #cce2ff;
  color: rgba(0, 0, 0, 0.87);
}

/* Form */
textarea {
  resize: none!important;
}
textarea::-webkit-selection,
input::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}
textarea::-moz-selection,
input::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}
textarea::selection,
input::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}

/* Text Aligments */
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-middle {
    display: flex;
    display: -webkit-flex;
    display: -mox-flex;
    display: -ms-flex;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
}
.text-middle h1,
.text-middle h2,
.text-middle h3,
.text-middle h4,
.text-middle h5,
.text-middle h6 {
    margin: 0!important;
}
.box-align {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.left-box {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
}
.box-flex {
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
}
.right-bottom {
    margin-left: auto!important;
    margin-top: auto!important;
}
.right-top {
    margin-left: auto!important;
    margin-bottom: auto!important;
}
.right-center {
    margin-left: auto!important;
    margin-bottom: auto!important;
    margin-top: auto!important;
}
.right-box {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end;
}
.left-bottom {
    margin-right: auto!important;
    margin-top: auto!important;
}
.left-top {
    margin-right: auto!important;
    margin-bottom: auto!important;
}
.left-center {
    margin-right: auto!important;
    margin-bottom: auto!important;
    margin-top: auto!important;
}

/*******************************
        Global Overrides
*******************************/

address {
  font-style: normal;
  margin-bottom: 15px;
  line-height: 22px;
}
.table {
  width: 100%;
}

/*******************************
         Site Overrides
*******************************/

@media only screen and (max-width: 619px) {
  hr {
    margin: 30px 0;
  }
  .header-teaser {
    margin-top: 20px;
  }

  .section-title > a{
    position: relative;
    display: block;
  }

  .headline-size-1 h1 {
    font-size: 32px;
  }
  .headline-size-2 h1 {
    font-size: 30px;
  }
  .headline-size-3 h1 {
    font-size: 24px;
  }
  .headline-size-4 h1 {
    font-size: 18px;
  }
  .headline-size-5 h1 {
    font-size: 18px;
  }

  .headline-size-1 h2 {
    font-size: 21px;
  }
  .headline-size-2 h2 {
    font-size: 20px;
  }
  .headline-size-3 h2 {
    font-size: 16px;
  }
  .headline-size-4 h2 {
    font-size: 14px;
  }
  .headline-size-5 h2 {
    font-size: 14px;
  }

  .right-center{
    display:flex;
  }
}

.word-wrap{
    word-wrap: break-word;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
}
/*!
 * # Semantic UI 2.1.7 - Icon
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Icon
*******************************/

@font-face {
  font-family: 'wegmanicons';
  src:    url('styles/fonts/icomoon.eot');
  src:    url('styles/fonts/icomoon.eot#iefix') format('embedded-opentype'),
      url('styles/fonts/icomoon.ttf') format('truetype'),
      url('styles/fonts/icomoon.woff') format('woff'),
      url('styles/fonts/icomoon.svg#icomoon') format('svg');
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'wegmanicons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
  margin-right: 5px;
}

.icon-pdf {
  background: url('../../clientlibs/wegmans/clientlib.site/images/icon-pdf.png') no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
}

/*******************************
             Types
*******************************/


i.icon.loading {
  height: 1em;
  line-height: 1;
  -webkit-animation: icon-loading 2s linear infinite;
          animation: icon-loading 2s linear infinite;
}
@-webkit-keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/*******************************
             States
*******************************/

i.icon.hover {
  opacity: 1 !important;
}
i.icon.active {
  opacity: 1 !important;
}
i.emphasized.icon {
  opacity: 1 !important;
}
i.disabled.icon {
  opacity: 0.45 !important;
}


/*******************************
           Variations
*******************************/


/*-------------------
        Fitted
--------------------*/

i.fitted.icon {
  width: auto;
  margin: 0em;
}

/*-------------------
         Link
--------------------*/

i.link.icon {
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
          transition: opacity 0.1s ease;
}
i.link.icon:hover {
  opacity: 1 !important;
}

/*-------------------
      Circular
--------------------*/

i.circular.icon {
  border-radius: 500em !important;
  line-height: 1 !important;
  padding: 0.5em 0.5em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  width: 2em !important;
  height: 2em !important;
}
i.circular.inverted.icon {
  border: none;
  box-shadow: none;
}

/*-------------------
      Flipped
--------------------*/

i.flipped.icon,
i.horizontally.flipped.icon {
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
i.vertically.flipped.icon {
  -webkit-transform: scale(1, -1);
      -ms-transform: scale(1, -1);
          transform: scale(1, -1);
}

/*-------------------
      Rotated
--------------------*/

i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
i.left.rotated.icon,
i.counterclockwise.rotated.icon {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/*-------------------
      Bordered
--------------------*/

i.bordered.icon {
  line-height: 1;
  vertical-align: baseline;
  width: 2em;
  height: 2em;
  padding: 0.5em 0.41em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
}
i.bordered.inverted.icon {
  border: none;
  box-shadow: none;
}

/*-------------------
      Inverted
--------------------*/


/* Inverted Shapes */
i.inverted.bordered.icon,
i.inverted.circular.icon {
  background-color: #1b1c1d !important;
  color: #ffffff !important;
}
i.inverted.icon {
  color: #ffffff;
}

/*-------------------
       Colors
--------------------*/


/* Red */
i.red.icon {
  color: #db2828 !important;
}
i.inverted.red.icon {
  color: #ff695e !important;
}
i.inverted.bordered.red.icon,
i.inverted.circular.red.icon {
  background-color: #db2828 !important;
  color: #ffffff !important;
}

/* Orange */
i.orange.icon {
  color: #f2711c !important;
}
i.inverted.orange.icon {
  color: #ff851b !important;
}
i.inverted.bordered.orange.icon,
i.inverted.circular.orange.icon {
  background-color: #f2711c !important;
  color: #ffffff !important;
}

/* Yellow */
i.yellow.icon {
  color: #fbbd08 !important;
}
i.inverted.yellow.icon {
  color: #ffe21f !important;
}
i.inverted.bordered.yellow.icon,
i.inverted.circular.yellow.icon {
  background-color: #fbbd08 !important;
  color: #ffffff !important;
}

/* Olive */
i.olive.icon {
  color: #b5cc18 !important;
}
i.inverted.olive.icon {
  color: #d9e778 !important;
}
i.inverted.bordered.olive.icon,
i.inverted.circular.olive.icon {
  background-color: #b5cc18 !important;
  color: #ffffff !important;
}

/* Green */
i.green.icon {
  color: #21ba45 !important;
}
i.inverted.green.icon {
  color: #2ecc40 !important;
}
i.inverted.bordered.green.icon,
i.inverted.circular.green.icon {
  background-color: #21ba45 !important;
  color: #ffffff !important;
}

/* Teal */
i.teal.icon {
  color: #00b5ad !important;
}
i.inverted.teal.icon {
  color: #6dffff !important;
}
i.inverted.bordered.teal.icon,
i.inverted.circular.teal.icon {
  background-color: #00b5ad !important;
  color: #ffffff !important;
}

/* Blue */
i.blue.icon {
  color: #2185d0 !important;
}
i.inverted.blue.icon {
  color: #54c8ff !important;
}
i.inverted.bordered.blue.icon,
i.inverted.circular.blue.icon {
  background-color: #2185d0 !important;
  color: #ffffff !important;
}

/* Violet */
i.violet.icon {
  color: #6435c9 !important;
}
i.inverted.violet.icon {
  color: #a291fb !important;
}
i.inverted.bordered.violet.icon,
i.inverted.circular.violet.icon {
  background-color: #6435c9 !important;
  color: #ffffff !important;
}

/* Purple */
i.purple.icon {
  color: #a333c8 !important;
}
i.inverted.purple.icon {
 color: #dc73ff !important;
}
i.inverted.bordered.purple.icon,
i.inverted.circular.purple.icon {
  background-color: #a333c8 !important;
  color: #ffffff !important;
}

/* Pink */
i.pink.icon {
  color: #e03997 !important;
}
i.inverted.pink.icon {
  color: #ff8edf !important;
}
i.inverted.bordered.pink.icon,
i.inverted.circular.pink.icon {
  background-color: #e03997 !important;
  color: #ffffff !important;
}

/* Brown */
i.brown.icon {
  color: #a5673f !important;
}
i.inverted.brown.icon {
  color: #d67c1c !important;
}
i.inverted.bordered.brown.icon,
i.inverted.circular.brown.icon {
  background-color: #a5673f !important;
  color: #ffffff !important;
}

/* Grey */
i.grey.icon {
  color: #767676 !important;
}
i.inverted.grey.icon {
  color: #dcddde !important;
}
i.inverted.bordered.grey.icon,
i.inverted.circular.grey.icon {
  background-color: #767676 !important;
  color: #ffffff !important;
}

/* Black */
i.black.icon {
  color: #1b1c1d !important;
}
i.inverted.black.icon {
  color: #545454 !important;
}
i.inverted.bordeblack.black.icon,
i.inverted.circular.black.icon {
  background-color: #1b1c1d !important;
  color: #ffffff !important;
}

/*-------------------
        Sizes
--------------------*/

i.mini.icon,
i.mini.icons {
  line-height: 1;
  font-size: 0.71428571rem;
}
i.tiny.icon,
i.tiny.icons {
  line-height: 1;
  font-size: 0.85714286rem;
}
i.small.icon,
i.small.icons {
  line-height: 1;
  font-size: 0.92857143em;
}
i.icon,
i.icons {
  font-size: 1em;
}
i.large.icon,
i.large.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 1.5em;
}
i.big.icon,
i.big.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 2em;
}
i.huge.icon,
i.huge.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 4em;
}
i.massive.icon,
i.massive.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 8em;
}


/* Icons Fonts */


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

.icon-icon-flip:before {
    content: "\e972";
}
.icon-icon-search:before {
    content: "\e96f";
}
.icon-icon-grid-btn:before {
    content: "\e970";
}
.icon-icon-list-btn:before {
    content: "\e971";
}
.icon-icon-eqauls:before {
    content: "\e94e";
}
.icon-icon-user:before {
    content: "\e96c";
}
.icon-icon-pagewrap:before {
    content: "\e96d";
}
.icon-icon-hamburger:before {
    content: "\e96e";
}
.icon-icon-leftarrow:before {
    content: "\e900";
}
.icon-icon-downarrow:before {
    content: "\e901";
}
.icon-icon-uparrow:before {
    content: "\e902";
}
.icon-icon-leftarrow2:before {
    content: "\e903";
}
.icon-icon-fruitveg .path1:before {
    content: "\e904";
    color: rgb(57, 58, 150);
}
.icon-icon-fruitveg .path2:before {
    content: "\e905";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-fruitveg .path3:before {
    content: "\e906";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-glutenfree .path1:before {
    content: "\e907";
    color: rgb(251, 170, 41);
}
.icon-icon-glutenfree .path2:before {
    content: "\e908";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-highcal .path1:before {
    content: "\e909";
    color: rgb(0, 153, 216);
}
.icon-icon-highcal .path2:before {
    content: "\e90a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-highcal .path3:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-lactose .path1:before {
    content: "\e90c";
    color: rgb(0, 191, 243);
}
.icon-icon-lactose .path2:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-lean .path1:before {
    content: "\e90e";
    color: rgb(89, 173, 64);
}
.icon-icon-lean .path2:before {
    content: "\e90f";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrains .path1:before {
    content: "\e910";
    color: rgb(171, 101, 13);
}
.icon-icon-wholegrains .path2:before {
    content: "\e911";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrains .path3:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrains .path4:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrains .path5:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrains .path6:before {
    content: "\e915";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrains .path7:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrains .path8:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrains .path9:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrains .path10:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrains .path11:before {
    content: "\e91a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrains .path12:before {
    content: "\e91b";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrains .path13:before {
    content: "\e91c";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-fatfree .path1:before {
    content: "\e91d";
    color: rgb(89, 173, 64);
}
.icon-icon-fatfree .path2:before {
    content: "\e91e";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-fatfree .path3:before {
    content: "\e91f";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-lowcalorie .path1:before {
    content: "\e920";
    color: rgb(236, 0, 140);
}
.icon-icon-lowcalorie .path2:before {
    content: "\e921";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-lowcalorie .path3:before {
    content: "\e922";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-lowfat .path1:before {
    content: "\e923";
    color: rgb(89, 173, 64);
}
.icon-icon-lowfat .path2:before {
    content: "\e924";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-lowfat .path3:before {
    content: "\e925";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-lowsodm .path1:before {
    content: "\e926";
    color: rgb(0, 162, 178);
}
.icon-icon-lowsodm .path2:before {
    content: "\e927";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-lowsodm .path3:before {
    content: "\e928";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-sugarfree .path1:before {
    content: "\e929";
    color: rgb(240, 100, 156);
}
.icon-icon-sugarfree .path2:before {
    content: "\e92a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-sugarfree .path3:before {
    content: "\e92b";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-vegan .path1:before {
    content: "\e92c";
    color: rgb(0, 147, 112);
}
.icon-icon-vegan .path2:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-highfibre .path1:before {
    content: "\e92e";
    color: rgb(228, 107, 31);
}
.icon-icon-highfibre .path2:before {
    content: "\e92f";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-highfibre .path3:before {
    content: "\e930";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-hearthealthy .path1:before {
    content: "\e931";
    color: rgb(237, 28, 46);
}
.icon-icon-hearthealthy .path2:before {
    content: "\e932";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-diabetes .path1:before {
    content: "\e933";
    color: rgb(57, 57, 150);
}
.icon-icon-diabetes .path2:before {
    content: "\e934";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-edit:before {
    content: "\e935";
}
.icon-icon-heart .path1:before {
    content: "\e936";
    color: rgb(255, 255, 255);
}
.icon-icon-heart .path2:before {
    content: "\e937";
    margin-left: -1em;
    color: rgb(47, 47, 47);
}
.icon-icon-facebookround .path1:before {
    content: "\e938";
    color: rgb(47, 47, 47);
}
.icon-icon-facebookround .path2:before {
    content: "\e939";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-twitterround .path1:before {
    content: "\e93a";
    color: rgb(47, 47, 47);
}
.icon-icon-twitterround .path2:before {
    content: "\e93b";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-pinterestround .path1:before {
    content: "\e93c";
    color: rgb(47, 47, 47);
}
.icon-icon-pinterestround .path2:before {
    content: "\e93d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-youtube:before {
    content: "\e93e";
}
.icon-icon-facebook:before {
    content: "\e93f";
}
.icon-icon-twitter:before {
    content: "\e940";
}
.icon-icon-pinterest:before {
    content: "\e941";
}
.icon-icon-info:before {
    content: "\e942";
}
.icon-icon-ckeckround:before {
    content: "\e943";
}
.icon-icon-alert:before {
    content: "\e944";
}
.icon-icon-check:before {
    content: "\e945";
}
.icon-icon-checklist:before {
    content: "\e946";
}
.icon-icon-closelarge:before {
    content: "\e947";
}
.icon-icon-downarrowthin:before {
    content: "\e948";
}
.icon-icon-uparrowthin:before {
    content: "\e949";
}
.icon-icon-leftarrowthin:before {
    content: "\e94a";
}
.icon-icon-rightarrowthin:before {
    content: "\e94b";
}
.icon-icon-location:before {
    content: "\e94c";
}
.icon-icon-mail:before {
    content: "\e94d";
}
.icon-icon-play:before {
    content: "\e94f";
}
.icon-icon-shopbag:before {
    content: "\e950";
}
.icon-icon-plus:before {
    content: "\e951";
}
.icon-icon-minus:before {
    content: "\e952";
}
.icon-icon-printer:before {
    content: "\e953";
}
.icon-icon-recipebox:before {
    content: "\e954";
}
.icon-icon-scissor:before {
    content: "\e955";
}
.icon-icon-share:before {
    content: "\e956";
}
.icon-icon-shopclub .path1:before {
    content: "\e957";
    color: rgb(0, 0, 0);
}
.icon-icon-shopclub .path2:before {
    content: "\e958";
    margin-left: -1em;
    color: rgb(0, 121, 52);
}
.icon-icon-shopclub .path3:before {
    content: "\e959";
    margin-left: -1em;
    color: rgb(0, 121, 52);
}
.icon-icon-shopclub .path4:before {
    content: "\e95a";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}
.icon-icon-shopclub .path5:before {
    content: "\e95b";
    margin-left: -1em;
    color: rgb(255, 242, 0);
}
.icon-icon-shopclub .path6:before {
    content: "\e95c";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}
.icon-icon-shopclub .path7:before {
    content: "\e95d";
    margin-left: -1em;
    color: rgb(255, 242, 0);
}
.icon-icon-shopclub .path8:before {
    content: "\e95e";
    margin-left: -1em;
    color: rgb(255, 242, 0);
}
.icon-icon-shopclub .path9:before {
    content: "\e95f";
    margin-left: -1em;
    color: rgb(255, 242, 0);
}
.icon-icon-shopclub .path10:before {
    content: "\e960";
    margin-left: -1em;
    color: rgb(255, 242, 0);
}
.icon-icon-shopclub .path11:before {
    content: "\e961";
    margin-left: -1em;
    color: rgb(255, 242, 0);
}
.icon-icon-shopclub .path12:before {
    content: "\e962";
    margin-left: -1em;
    color: rgb(255, 242, 0);
}
.icon-icon-shopclub .path13:before {
    content: "\e963";
    margin-left: -1em;
    color: rgb(255, 242, 0);
}
.icon-icon-check2:before {
    content: "\e964";
}
.icon-icon-tick:before {
    content: "\e965";
}
.icon-icon-trash:before {
    content: "\e966";
}
.icon-icon-zoom:before {
    content: "\e967";
}
.icon-icon-diabetes2 .path1:before {
    content: "\e968";
    color: rgb(57, 57, 150);
}
.icon-icon-diabetes2 .path2:before {
    content: "\e969";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-closelarge2:before {
    content: "\e96a";
}
.icon-icon-checklist2:before {
    content: "\e96b";
}

/*******************************
         Site Overrides
*******************************/

.nutrition {
    margin: 10px 0;
}
.nutrition:not(.colored) > span,
.icon-wellness {
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 50%;
    line-height: 26px;
    font-size: 14px;
}
.nutrition {
  display: inline-block;
  margin-right: 10px;
}
.nutrition .icon-icon-hearthealthy,
.nutrition .icon-icon-fruitveg,
.nutrition.icon-icon-wholegrains,
.nutrition.icon-icon-wholegrain,
.icon-wellness.icon-icon-lean,
.icon-wellness.icon-icon-hearthealthy,
.icon-wellness.icon-icon-fruitveg,
.icon-wellness.icon-icon-wholegrains,
.icon-wellness.icon-icon-wholegrain,
.icon-wellness.icon-icon-lean {
  font-size: 20px;
}
.nutrition:not(.colored) .icon-icon-hearthealthy .path1:before,
.nutrition:not(.colored) .icon-icon-fruitveg .path1:before,
.nutrition:not(.colored) .icon-icon-wholegrains .path1:before,
.nutrition:not(.colored) .icon-icon-wholegrain .path1:before,
.nutrition:not(.colored) .icon-icon-lean .path1:before,
.icon-wellness.icon-icon-hearthealthy .path1:before,
.icon-wellness.icon-icon-fruitveg .path1:before,
.icon-wellness.icon-icon-wholegrains .path1:before,
.icon-wellness.icon-icon-wholegrain .path1:before,
.icon-wellness.icon-icon-lean .path1:before {
  color: #ffffff;
}
.nutrition:not(.colored) .icon-icon-hearthealthy  > span:before,
.nutrition:not(.colored) .icon-icon-fruitveg > span:before,
.nutrition:not(.colored) .icon-icon-wholegrains > span:before,
.nutrition:not(.colored) .icon-icon-wholegrain > span:before,
.nutrition:not(.colored) .icon-icon-lean > span:before,
.icon-wellness.icon-icon-hearthealthy  > span:before,
.icon-wellness.icon-icon-fruitveg > span:before,
.icon-wellness.icon-icon-wholegrains > span:before,
.icon-wellness.icon-icon-wholegrain > span:before,
.icon-wellness.icon-icon-lean > span:before {
  color: #2f2f2f;
}
.icon-wellness.icon-icon-fruitveg {
  font-size: 22px;
}
.nutrition > span:after,
.icon-wellness:after {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.icon-lowcalorie:after {
    content: "LC";
}
.icon-lowsodm:after {
    content: "LS";
}
.icon-fatfree:after {
    content: "FF";
}
.icon-vegan:after {
    content: "V";
}
.icon-fruitveg:after {
  content: 'FV';
}
.icon-glutenfree:after {
  content: 'G';
}
.icon-highcalcium:after {
  content: 'HC';
}
.icon-highfiber:after {
  content: 'LF';
}
.icon-lactosefree:after {
  content: 'L';
}
.icon-lowfat:after {
  content: 'LF';
}
.icon-sugarfree:after {
  content: 'SF';
}

@media only screen and (max-width: 619px) {
  .nutrition > span {
      width: 25px;
      height: 25px;
      line-height: 22px;
      font-size: 12px;
  }
}


/* ======== For AEM ====== */
.icon-icon-lowsodium .path1:before {
    content: "\e926";
    color: rgb(0, 162, 178);
}
.icon-icon-lowsodium .path2:before {
    content: "\e927";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-lowsodium .path3:before {
    content: "\e928";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-icon-wholegrain .path1:before {
    content: "\e910";
    color: rgb(171, 101, 13);
}
.icon-icon-wholegrain .path2:before {
    content: "\e911";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrain .path3:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrain .path4:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrain .path5:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrain .path6:before {
    content: "\e915";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrain .path7:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrain .path8:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrain .path9:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrain .path10:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrain .path11:before {
    content: "\e91a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrain .path12:before {
    content: "\e91b";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-wholegrain .path13:before {
    content: "\e91c";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-lactosefree .path1:before {
    content: "\e90c";
    color: rgb(0, 191, 243);
}
.icon-icon-lactosefree .path2:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-highfiber .path1:before {
    content: "\e92e";
    color: rgb(228, 107, 31);
}
.icon-icon-highfiber .path2:before {
    content: "\e92f";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-highfiber .path3:before {
    content: "\e930";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-highcalcium .path1:before {
    content: "\e909";
    color: rgb(0, 153, 216);
}
.icon-icon-highcalcium .path2:before {
    content: "\e90a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-highcalcium .path3:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-fruitsvegetables .path1:before {
    content: "\e904";
    color: rgb(57, 58, 150);
}
.icon-icon-fruitsvegetables .path2:before {
    content: "\e905";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-icon-fruitsvegetables .path3:before {
    content: "\e906";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.container-full {
  background: #F1F1F1;
  position: relative;
}

.container-fluid {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
}
.hideme {
  display: none!important;
}

@media only screen and (max-width: 1280px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  .container {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .container {
    max-width: 90%;
  }
}

@media only screen and (min-width: 1281px) {
  .container {
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
}

/*@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .noToolBox .container {
    max-width: 100%;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1280px) {
  .noToolBox .container {
    max-width: 1180px;
    margin: 0 auto;
  }
}*/

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.box {
    border: 1px solid #cccccc;
    background: #f2f2f2;
    padding: 10px;
    margin: 10px 0;
    text-align: center;
}

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-4_05,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-8_05,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 10px;
}

.col-xs {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -webkit-flex-basis: 8.333%;
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  -webkit-flex-basis: 16.667%;
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.col-xs-3 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -webkit-flex-basis: 33.333%;
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-4_05 {
  -webkit-flex-basis: 28%;
  -ms-flex-preferred-size: 28%;
  flex-basis: 28%;
  max-width: 28%;
}

.col-xs-5 {
  -webkit-flex-basis: 41.667%;
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}

.col-xs-6 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -webkit-flex-basis: 58.333%;
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  -webkit-flex-basis: 66.667%;
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}

.col-xs-8_05 {
  -webkit-flex-basis: 72%;
  -ms-flex-preferred-size: 72%;
  flex-basis: 72%;
  max-width: 72%;
}

.col-xs-9 {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -webkit-flex-basis: 83.333%;
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  -webkit-flex-basis: 91.667%;
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}

.col-xs-12 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.start-xs {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-xs {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-xs {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.around-xs {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.last-xs {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (min-width: 38.750em) {
  .col-sm,
  .col-sm-1,
  .col-sm-1_05,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-10_05,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 10px;
  }

  .col-sm {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    -webkit-flex-basis: 8.333%;
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-1_05 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }

  .col-sm-2 {
    -webkit-flex-basis: 16.667%;
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-sm-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -webkit-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    -webkit-flex-basis: 41.667%;
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-sm-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -webkit-flex-basis: 58.333%;
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    -webkit-flex-basis: 66.667%;
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-sm-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -webkit-flex-basis: 83.333%;
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-10_05 {
    -webkit-flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
  }

  .col-sm-11 {
    -webkit-flex-basis: 91.667%;
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-sm-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-1 {
    margin-left: 8.333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.667%;
  }

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

  .col-sm-offset-4 {
    margin-left: 33.333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.667%;
  }

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

  .col-sm-offset-7 {
    margin-left: 58.333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.667%;
  }

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

  .col-sm-offset-10 {
    margin-left: 83.333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.667%;
  }

  .start-sm {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-sm {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-sm {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-sm {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-sm {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-sm {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-sm {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media only screen and (min-width: 48em) {
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 10px;
  }

  .col-md {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    -webkit-flex-basis: 8.333%;
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-1_05 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }

  .col-md-2 {
    -webkit-flex-basis: 16.667%;
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-md-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -webkit-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    -webkit-flex-basis: 41.667%;
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-md-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -webkit-flex-basis: 58.333%;
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    -webkit-flex-basis: 66.667%;
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-md-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -webkit-flex-basis: 83.333%;
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-10_05 {
    -webkit-flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
  }

  .col-md-11 {
    -webkit-flex-basis: 91.667%;
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-md-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-1 {
    margin-left: 8.333%;
  }

  .col-md-offset-2 {
    margin-left: 16.667%;
  }

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

  .col-md-offset-4 {
    margin-left: 33.333%;
  }

  .col-md-offset-5 {
    margin-left: 41.667%;
  }

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

  .col-md-offset-7 {
    margin-left: 58.333%;
  }

  .col-md-offset-8 {
    margin-left: 66.667%;
  }

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

  .col-md-offset-10 {
    margin-left: 83.333%;
  }

  .col-md-offset-11 {
    margin-left: 91.667%;
  }

  .start-md {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-md {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-md {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-md {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-md {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-md {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-md {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media only screen and (min-width: 64em) {
  .col-md-lg,
  .col-md-lg-1,
  .col-md-lg-1_05,
  .col-md-lg-2,
  .col-md-lg-3,
  .col-md-lg-4,
  .col-md-lg-5,
  .col-md-lg-6,
  .col-md-lg-7,
  .col-md-lg-8,
  .col-md-lg-9,
  .col-md-lg-10,
  .col-md-lg-10_05,
  .col-md-lg-11,
  .col-md-lg-12,
  .col-md-lg-offset-1,
  .col-md-lg-offset-2,
  .col-md-lg-offset-3,
  .col-md-lg-offset-4,
  .col-md-lg-offset-5,
  .col-md-lg-offset-6,
  .col-md-lg-offset-7,
  .col-md-lg-offset-8,
  .col-md-lg-offset-9,
  .col-md-lg-offset-10,
  .col-md-lg-offset-11,
  .col-md-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 10px;
  }

  .col-md-lg {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-lg-1 {
    -webkit-flex-basis: 8.333%;
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-lg-1_05 {
    -webkit-flex-basis: 14%;
    -ms-flex-preferred-size: 14%;
    flex-basis: 14%;
    max-width: 14%;
  }

  .col-md-lg-2 {
    -webkit-flex-basis: 16.667%;
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-md-lg-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-lg-4 {
    -webkit-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-lg-5 {
    -webkit-flex-basis: 41.667%;
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-md-lg-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-lg-7 {
    -webkit-flex-basis: 58.333%;
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-lg-8 {
    -webkit-flex-basis: 66.667%;
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-md-lg-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-lg-10 {
    -webkit-flex-basis: 83.333%;
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-lg-10_05 {
    -webkit-flex-basis: 86%;
    -ms-flex-preferred-size: 86%;
    flex-basis: 86%;
    max-width: 86%;
  }

  .col-md-lg-11 {
    -webkit-flex-basis: 91.667%;
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-md-lg-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-lg-offset-1 {
    margin-left: 8.333%;
  }

  .col-md-lg-offset-2 {
    margin-left: 16.667%;
  }

  .col-md-lg-offset-3 {
    margin-left: 25%;
  }

  .col-md-lg-offset-4 {
    margin-left: 33.333%;
  }

  .col-md-lg-offset-5 {
    margin-left: 41.667%;
  }

  .col-md-lg-offset-6 {
    margin-left: 50%;
  }

  .col-md-lg-offset-7 {
    margin-left: 58.333%;
  }

  .col-md-lg-offset-8 {
    margin-left: 66.667%;
  }

  .col-md-lg-offset-9 {
    margin-left: 75%;
  }

  .col-md-lg-offset-10 {
    margin-left: 83.333%;
  }

  .col-md-lg-offset-11 {
    margin-left: 91.667%;
  }

  .start-md-lg {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-md-lg {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md-lg {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-md-lg {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-md-lg {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-md-lg {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-md-lg {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-md-lg {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-md-lg {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-md-lg {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .hidden-xs {
    display: block;
  }
  .hidden-md {
    display: block;
  }
  .hidden-md-lg {
    display: none;
  }
  .hidden-lg {
    display: block;
  }
  .hidden-sm {
    display: block;
  }
}

@media only screen and (min-width: 75em) {
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 10px;
  }

  .col-lg {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    -webkit-flex-basis: 8.333%;
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-1_05 {
    -webkit-flex-basis: 12%;
    -ms-flex-preferred-size: 12%;
    flex-basis: 12%;
    max-width: 12%;
  }

  .col-lg-2 {
    -webkit-flex-basis: 16.667%;
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-lg-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -webkit-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    -webkit-flex-basis: 41.667%;
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-lg-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -webkit-flex-basis: 58.333%;
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    -webkit-flex-basis: 66.667%;
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-lg-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -webkit-flex-basis: 83.333%;
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-10_05 {
    -webkit-flex-basis: 88%;
    -ms-flex-preferred-size: 88%;
    flex-basis: 88%;
    max-width: 88%;
  }

  .col-lg-11 {
    -webkit-flex-basis: 91.667%;
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-lg-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-1 {
    margin-left: 8.333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.667%;
  }

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

  .col-lg-offset-4 {
    margin-left: 33.333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.667%;
  }

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

  .col-lg-offset-7 {
    margin-left: 58.333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.667%;
  }

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

  .col-lg-offset-10 {
    margin-left: 83.333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.667%;
  }

  .start-lg {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-lg {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-lg {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-lg {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-lg {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-lg {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-lg {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

}

@media only screen and (max-width: 768px) {
  .mobile-hidden {
    display: none;
  }
}

.panel-open.container {
    max-width: 880px;
    margin-left: 0;
}

.panel-open .col-lg-2 {
    -webkit-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
}

/*
 * Author: Dhilan Patel & Utpal Paul
 * Date: 22/03/2016
 * Document: Wegman Custom Stylesheet File
 * Version: 0.0.1
 */

/*
 * Color Palette
 */

.color-slate-gray {
    color: #2F2F2F;
}

.color-slate-gray:hover {
    color: #2F2F2F;
    opacity: 0.3;
}

.color-slate-gray:active,
.color-slate-gray:focus {
    color: #2F2F2F;
    opacity: 0.5;
}

.color-grape {
    color: #91268F;
}

.color-pineapple {
    color: #FFD200;
}

.color-tangerine {
    color: #F7A53F;
}

.color-tangerine:hover {
    color: #FFBD3F;
}

.color-tangerine:active,
.color-tangerine:focus {
    color: #EA8D1A;
}

.color-tomato {
    color: #EE3123;
}

.color-value-red {
    color: #ED174F;
}

.color-blueberry {
    color: #2263A0;
}

.color-blueberry:hover {
    color: #2A7FCE;
}

.color-blueberry:active,
.color-blueberry:focus {
    color: #104578;
}

.color-peapod {
    color: #53B947;
}

.color-neutral {
    color: #CCCCCC;
}

/* Bankground Colors */

.background-slate-gray {
    background: #2F2F2F;
}

.background-slate-gray:hover {
    background: #2F2F2F;
    opacity: 0.3;
}

.background-slate-gray:active,
.background-slate-gray:focus {
    background: #2F2F2F;
    opacity: 0.5;
}

.background-grape {
    background: #91268F;
}

.background-pineapple {
    background: #FFD200;
}

.background-tangerine {
    background: #F7A53F;
}

.background-tangerine:hover {
    background: #FFBD3F;
}

.background-tangerine:active,
.background-tangerine:focus {
    background: #EA8D1A;
}

.background-tomato {
    background: #EE3123;
}

.background-value-red {
    background: #ED174F;
}

.background-blueberry {
    background: #2263A0;
}

.background-blueberry:hover {
    background: #2A7FCE;
}

.background-blueberry:active,
.background-blueberry:focus {
    background: #104578;
}

.background-peapod {
    background: #53B947;
}

.background-neutral {
    background: #CCCCCC;
}

.header-quick-links,
.nav-bar-header {
	border-bottom: solid 1px #DFDFDF;
}
.head-store-btn {
	padding: 1.313em 0 0.813em 0;
}
.quick-links ul,
.nav-links ul,
.child-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.quick-links ul li {
	display: inline-block;
	padding: 1.875em 1.875em 1.125em 1.875em;
}
.quick-links ul li:last-child {
	padding-right: 0;
}
.quick-links ul li a,
.nav-links > ul > li > a {
	display: inline-block;
	font-family: 'Archivo Narrow', sans-serif;
	color: #2F2F2F;
	font-size: 0.875em;
	font-weight: 700;
}
.quick-links ul li a:hover,
.quick-links ul li a:focus,
.quick-links ul li a:active {
	color: #3392d7;
}
.quick-links ul li a.selected {
	color: #0f578a;
}
.navbar-brand {
	width: 160px;
	display: block;
}
.navigation-wrap {
	margin-left: 30px;
}
.nav-links > ul > li {
	padding: 0 12px 0 0;
}
.nav-links > ul > li > a {
	font-size: 1.125em;
	text-transform: uppercase;
	padding: 2.125em 1em 1.375em;
	line-height: 1.1em;
	border-bottom: solid 6px transparent;
}
.nav-links ul > li > a:hover {
	border-bottom: solid 6px #FFD200;
	-moz-transition: 0.5s border ease-in;
	-webkit-transition: 0.5s border ease-in;
	-o-transition: 0.5s border ease-in;
	-ms-transition: 0.5s border ease-in;
	-khtml-transition: 0.5s border ease-in;
	-icab-transition: 0.5s border ease-in;
	transition: 0.5s border ease-in;
}
.nav-links > ul li > a > i {
	padding-left: 0.625em;
	line-height: 1em;
	height: 16px;
	vertical-align: top;
}
.nav-links > ul > li {
	position: relative;
}
.child-nav-item {
	padding: 20px;
	opacity: 0;
	position: absolute;
	top: -1200px;
	-moz-transition: 0.2s opacity ease-in, 0s top linear 0.22s, 1s z-index ease-in;
	-webkit-transition: 0.2s opacity ease-in, 0s top linear 0.22s, 1s z-index ease-in;
	-o-transition: 0.2s opacity ease-in, 0s top linear 0.22s, 1s z-index ease-in;
	-ms-transition: 0.2s opacity ease-in, 0s top linear 0.22s, 1s z-index ease-in;
	-khtml-transition: 0.2s opacity ease-in, 0s top linear 0.22s, 1s z-index ease-in;
	-icab-transition: 0.2s opacity ease-in, 0s top linear 0.22s, 1s z-index ease-in;
	transition: 0.2s opacity ease-in, 0s top linear 0.22s, 1s z-index ease-in;
	min-width: -webkit-min-content;
	min-width: -moz-min-content;
	min-width: min-content;
	z-index: -1;
	border: 1px solid #d4d4d5;
	line-height: 1.4285em;
	background: #ffffff;
	font-weight: normal;
	font-style: normal;
	color: rgba(0, 0, 0, 0.87);
	border-radius: 0;
	box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.08);
}
.child-nav-item:before {
	position: absolute;
	left: 122px;
	top: -6px;
	content: '';
	margin-left: -0.325em;
	width: 0.75em;
	height: 0.75em;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 2;
	box-shadow: -1px -1px 0 0 #bababc;
}
.child-nav-item .dropdown-img {
	padding-bottom: 15px;
}
.nav-links > ul > li:hover .child-nav-item {
	left: 0;
	opacity: 1;
	top: 80px;
	z-index: 1900;
	/* opacity: 1 !important; */
	-moz-transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-khtml-transition-delay: 0s;
	-icab-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.child-nav-columns {
	float: left;
	position: relative;
	margin-right: 20px;
}
.child-nav .child-nav-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 80px;
	/* Chrome, Safari, Opera */
	-moz-column-gap: 80px;
	/* Firefox */
	column-gap: 80px;
}
.child-nav-columns > li {
	display: inline-block!important;
	min-width: 100%;
	white-space: nowrap;
}
.child-nav-columns > li > a {
	display: block !important;
	font-family: 'Archivo Narrow', sans-serif;
	color: #2F2F2F;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	border: 0 !important;
	padding: 0 !important;
	text-transform: none !important;
}
.child-nav-columns > li > a:hover,
.child-nav-columns > li > a:focus,
.child-nav-columns > li > a.current {
	color: #0f578a;
}
.page-title-with-navmenu .icon-icon-leftarrow2 {
	display: none;
}
.search-button {
	text-align: center;
}
.search-button a {
	display: inline-block;
	/*padding: 28px 1.375em 24px;*/
	padding: 28px 0.7em 24px;
	font-size: 22px;
	color: #2F2F2F;
}
.login-button-wrap #sign-in {
	margin-right: 10px;
}
.nav-bar-wrap {
	position: relative;
}
.nav-bar-wrap .brand {
	margin-top: auto;
	margin-bottom: auto;
}
.search-tab-container {
	display: none;
	position: absolute;
	top: 0;
	left: 10em;
	width: 60%;
	background-color: white;
}
.search-tab-container form {
	position: relative;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	margin: 0;
}
.search-tab-container {
	padding: 1.7em 0 1.5em 5%;
}
.mobile-search-tab-container {
	position: relative;
	margin: 20px 0;
}
.mobile-search-tab-container form {
	margin: 0 auto;
	width: 100%;
	padding: 0 20px;
}
.mobile-search-tab-container .twitter-typeahead {
	display: block!important;
	top: 0!important;
}
.mobile-search-tab-container .ui.primary-btn.button {
	display: none;
}
.mobile-search-tab-container .icon-reset {
	left: auto;
	right: 28px;
	top: 12px;
}
.mobile-search-tab-container .icon-search {
	font-size: 16px;
	position: absolute;
	right: 30px;
	top: 9px;
	margin: 0;
	padding: 0;
	color: #929292;
	background: transparent;
	border: 0;
}
.mobile-search-tab-container .tt-menu {
	padding: 10px;
	width: 100%;
}
.mobile-search-tab-container .search-box {
	width: 100%;
	margin-right: 0;
}
.search-box,
.close-icon,
.search-wrapper {
	position: relative;
	padding: 7px 0.625em;
}
.search-wrapper {
	width: 500px;
	margin: auto;
	margin-top: 50px;
}
.search-in {
	background-color: #2F2F2F !important;
	color: #fff !important;
	margin-left: 1.250em !important;
}
.search-box {
	width: 100%;
	border: 1px solid #DFDFDF;
	outline: 0;
	vertical-align: middle;
	border-radius: 4px;
}
.search-box:focus {
	border: 1px solid #C3C3C3;
}
form.ui.form.sign-in-form,
form.ui.form.sign-up-form {
	padding: 20px 10px;
}
form.ui.form.sign-in-form.sign-in-form-page,
form.ui.form.sign-up-form.sign-up-form-page {
	padding: 0 0 20px;
}
.sign-in-popup.ui.bottom.center.popup:before {
	left: 65%;
}
.login-form-close,
.store-close {
	position: absolute;
	top: 0.625em;
	right: 0.625em;
	font-size: 1.000em;
	color: #2F2F2F !important;
	z-index: 99;
}
.webui-popover.header-popover.bottom-left {
	margin-top: 10px;
	margin-left: 94px;
}
.webui-popover.header-popover.bottom-left.sign-up-popup {
	margin-left: 0;
}
.webui-popover.header-popover.bottom-left > .arrow {
	right: 125px !important;
	left: auto !important;
}
.webui-popover.header-popover.bottom-left.sign-up-popup > .arrow {
	right: 30px !important;
}
.sign-in-form .forget-link {
	display: block;
	margin-bottom: 1.250em;
}
.login-form-signin {
	clear: both;
	margin-bottom: 20px;
}
.icon-reset {
	position: absolute;
	z-index: 1;
	right: 110px;
	top: 12px;
	bottom: 0;
	font-size: 12px;
	cursor: pointer;
	font-weight: 700;
	color: #757575;
	background: none;
	border: 0;
	padding: 0;
	height: 14px;
	margin-right: 0;
	outline: none;
}
.search-tab-container .icon-search {
	position: absolute;
	z-index: 1;
	top: 12px;
	font-size: 18px;
	color: #757575;
	left: 10px;
	display: none;
}
.search-tab-container .ui.primary-btn.button:last-of-type {
	margin-left: 10px;
}
.search-tab-container.search-start .icon-search {
	display: block;
}
.search-tab-container .search-box {
	padding-left: 0.625em;
}
.search-tab-container.search-start .search-box {
	padding-left: 40px;
	transition: all 0.1s ease;
}
.search-box:not(:valid) ~ .icon-reset {
	display: none;
}
.location-details .loc-title h3 {
	display: inline-block;
	padding-right: 10px;
	margin-bottom: 0;
}
.location-details .loc-title h3 > a {
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.change-links {
	margin-top: 30px;
}
.change-links.no-margin {
	margin-top: 0;
}
.location-details .change-links a {
	display: block;
	font-size: 1em;
	margin: 0 0 10px;
}
.location-details.only-info {
	padding: 20px 30px 20px 5px;
}
.address-content {
	font-size: 14px;
}
.know-personal-shop .image {
	width: 70px;
}
.know-personal-shop .content {
	margin-left: 10px;
	line-height: 14px;
}
.know-personal-shop .content h5 {
	margin: 0 0 5px 0;
	font-weight: 600;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	line-height: 14px;
}
.know-personal-shop .content a.link {
	font-size: 14px;
}
.navbar-mobile {
	background: #F7A53F;
	height: 80px;
	padding: 0 20px;
}
.ham-menu a {
	font-size: 30px;
	color: #fff;
}
.navbar-fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999999999999!important;
}
.nav-menu-mobile,
.user-toolbar-mob,
.loc-details-mob {
	display: none;
}
ul.main-nav-mob,
ul.sub-link-mob,
ul.user-toolbar-list-mob,
ul.user-set-link-mob {
	list-style-type: none;
	padding: 0;
	margin: 5px 5px 10px 5px;
}
.user-not-loggedin .user-set-link-mob,
.user-not-loggedin .user-toolbar-list-mob {
	opacity: 0.3;
	pointer-events: none;
}
.login-mob {
	padding: 20px 0 10px;
}
ul.user-set-link-mob {
	margin: 0;
	padding: 0 15px 15px;
}
ul.user-toolbar-list-mob {
	margin: 0;
	padding-top: 10px;
	border-top: 1px solid #000;
}
ul.user-toolbar-list-mob li a {
	font-family: 'Archivo Narrow', sans-serif;
	color: #2F2F2F;
	text-decoration: none;
	font-size: 1.500em;
	line-height: 1.7em;
	font-weight: bold;
}
ul.user-toolbar-list-mob li {
	margin-bottom: 20px;
}
ul.user-toolbar-list-mob li a i {
	font-size: 34px;
	margin-right: 20px;
}
.logedin-user-mob {
	font-family: 'Archivo Narrow', sans-serif;
	color: #2F2F2F;
	text-decoration: none;
	font-size: 1.500em;
	line-height: 1.7em;
	font-weight: bold;
}
ul.user-toolbar-list-mob li a i.icon-icon-shopclub {
	font-size: 40px;
}
.login-mob .ui.primary-btn.button {
	margin-right: 20px;
}
ul.main-nav-mob {
	border-bottom: solid 1px #979797;
	padding-bottom: 10px;
}
ul.main-nav-mob li a {
	font-family: 'Archivo Narrow', sans-serif;
	color: #2F2F2F;
	text-decoration: none;
	font-size: 1.500em;
	line-height: 1.7em;
	font-weight: bold;
}
ul.sub-link-mob li a {
	font-family: 'Archivo Narrow', sans-serif;
	color: #2F2F2F;
	text-decoration: none;
	font-size: 1.125em;
	line-height: 1.8em;
	font-weight: bold;
}
ul.user-set-link-mob li a {
	font-family: 'Archivo Narrow', sans-serif;
	color: #2F2F2F;
	text-decoration: none;
	font-size: 1.125em;
	line-height: 1.8em;
	font-weight: bold;
}
.webui-popover-inner .close {
	position: absolute;
	top: 5px;
	right: 0;
	opacity: 1;
	color: #2F2F2F;
	z-index: 999;
}
.nav-links ul li a.active {
	border-bottom: solid 6px #FFD200!important;
}
.for-mobile {
	display: none;
}
.icon-warning {
	position: relative;
	width: 30px;
	height: 30px;
}
.icon-warning.icon-icon-alert:before {
	position: relative;
	z-index: 2;
	left: 10px;
	top: 12px;
	color: #fff;
}
.icon-warning:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	border-width: 0 18px 30px;
	border-style: solid;
	border-color: #E57171 transparent;
	margin-top: -12px;
	background: transparent;
}
.signin-error-msg .icon-warning {
	float: left;
	margin-right: 15px;
}
.signin-error-msg > span {
	float: left;
	width: 80%;
}
.signin-error-msg {
	margin: 5px 0 30px!important;
}
.signin-btn-group {
	margin: 30px 0 0;
}
.account-creation-list {
	list-style: none;
	padding-left: 0;
}
.account-creation-list > li > .image {
	width: 20px;
	height: 20px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
.account-creation-list > li > h5 {
	line-height: 34px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
}
form.ui.form.sign-in-form.body-signin {
	padding: 0;
	width: 90%;
	margin-top: 25px;
	margin-bottom: 25px;
}
.signup-promotion {
	display: block;
}
.shoppersclub-popup {
	background: #FFFFFF;
	border: solid 1px #DFDFDF;
	cursor: default;
	display: none;
	position: absolute;
	top: 85px;
	right: 230px;
	text-align: left;
	width: 580px;
	z-index: 50;
	padding: 15px;
	z-index: 999999;
}

#shoppersclub-popup {
	top: 110px;	
    right: 270px;
}
.shoppersclub-popup.modalboxpopup {
	top: 92px;
	right: 247px;
}
.shoppersclub-popup .content-wrap .content,
.shoppersclub-popup p {
	margin: 0;
}
.shoppersclub-popup .close {
	float: right;
}
.shoppersclub-arrow {
	position: absolute;
	right: -15px;
	width: 0;
	height: 0px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #DFDFDF;
}
.shoppersclub-arrow:after {
	content: "";
	position: absolute;
	top: -15px;
	right: 1px;
	width: 0px;
	height: 0px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #fff;
}
.show-mobile {
	display: none;
}
.show-desktop {
	display: block;
}
.show-tablet {
	display: none;
}
.tel-desktop {
	display: inline-block;
}
.tel-tablet {
	display: none;
}
.tel-mobile {
	display: none;
}
.tel-desktop.tel-tablet {
	display: inline-block;
}
.tel-desktop.tel-mobile {
	display: none;
}
.signed-dropdown-wrap {
	position: relative;
	padding: 15px 0;
	z-index: 99999999;
}
.signed-user {
	color: #2f2f2f;
	font-style: italic;
}
.signed-dropdown-wrap > .signed-user > .icon-icon-downarrowthin {
	font-size: 12px;
}
.signed-dropdown-wrap:hover > .signed-user > .users-name,
.signed-dropdown-wrap:hover > .signed-user > .icon-icon-downarrowthin {
	color: #1e70bf;
	cursor: pointer;
}
.signed-dropdown-wrap:hover > .signed-user .icon-icon-downarrowthin:before {
	content: "\e949";
}
.signed-user-dropdown {
	padding: 5px 0;
	margin: 0;
	text-align: left;
	list-style: none;
	position: absolute;
	top: 45px;
	right: 0;
	width: 120%;
	display: none;
	background: #fff;
	border: 1px solid #bababc;
	min-width: 180px;
}
.signed-user-dropdown:before {
	position: absolute;
	right: 25px;
	top: -6px;
	content: '';
	width: 0.75em;
	height: 0.75em;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 2;
	box-shadow: -1px -1px 0 0 #bababc;
}
.signed-user-dropdown li a {
	padding: 10px 15px;
	display: block;
	color: #2f2f2f;
}
.signed-dropdown-wrap:hover > .signed-user-dropdown {
	display: block;
}
/*Instacart icon in header*/
.instacart-logo {   
    display: inline-block;
}
.sub-link-mob ~ .instacart-logo{
	padding: 0;
    display: block;
}
.quick-links ul { 
	display: inline-block;
}
.instacart-section {
    display: inline-block;
    padding: 1.595em 0 1.025em 3.15em;
}
.sub-link-mob ~ .instacart-logo .instacart-section{
	padding: 0 0 0 5px;
}
.instacart-section a{
 	display: inline-block;
    font-family: 'Archivo Narrow', sans-serif;
    color: #2F2F2F;
    font-size: 0.875em;
    font-weight: 700;
 }
.sub-link-mob ~ .instacart-logo .instacart-section a{
	font-size: 1.125em;
    line-height: 1.8em;
    font-weight: bold;
}

.instacart-section a:hover {
	color: #3392d7;
}
.sub-link-mob ~ .instacart-logo .instacart-section a:hover{
	color: #2F2F2F;
}
.instacart{
    border: 1px solid #979797;
    border-radius: 8px;
    padding: 4px 0px 7px 10px;
}
.instacart span, .sub-link-mob span{
    display: inline-block;
}
.insta-icon {
    width: 95px;
    margin-left: 6px;
    vertical-align: sub;
    display: inline-block;
}
.instacart .icon-icon-rightarrowthin {
    font-size: 12px;
}
.quick-links .icon-icon-rightarrowthin {
    vertical-align: text-top;
    margin-left: 3px;
}
ul.sub-link-mob {
    margin-bottom: 0;
}
/*Not sure user link*/
.help-user{
    margin-left: 10px;
    padding: 8px 0;
    font-weight: bold;
    font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 0.875em;
}
.help-user-mob a{
    margin-left: 15px;
	color: #4183c4;
    font-family: 'Archivo Narrow', sans-serif;
    text-decoration: none;
    font-size: 1.125em;
    line-height: 1.8em;
    font-weight: bold;
}
@media only screen and (max-width: 1050px) {
	.product-header .navigation-wrap .nav-links li a .icon-icon-downarrow,
	.product-header .navigation-wrap .nav-links li .child-nav-item {
		display: none!important;
	}
	.nav-links ul li a {
		font-size: 1em;
		padding: 2.125em 0.5em 1.375em;
	}
	.tel-desktop {
		display: none;
	}
	.tel-tablet {
		display: inline-block;
	}
	.tel-mobile {
		display: none;
	}
	.shoppersclub-popup {
		top: 76px;
		right: 140px;
	}
	.shoppersclub-popup.modalboxpopup {
		top: 2px;
		right: 146px;
	}
	.title-nav-clone {
		font-size: 16px;
		top: 50px;
	}
	.page-title-with-navmenu {
		position: relative;
	}
	.page-title-with-navmenu .icon-icon-leftarrow2 {
		display: inline-block;
		font-size: 28px;
		margin-right: 0;
	}
	.page-title-with-navmenu .icon-icon-leftarrow2 {
		font-size: 20px;
	}
	.title-nav-clone {
		max-width: 500px;
	}
	#title-navmenu-hover:hover ~ .title-nav-clone {
		left: 0;
		opacity: 1 !important;
		z-index: 1900;
		-moz-transition-delay: 0s;
		-webkit-transition-delay: 0s;
		-khtml-transition-delay: 0s;
		-icab-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
	}
}
ul.sub-link-mob {
    margin-bottom: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.head-store-btn {
		padding: 0.813em 0;
	}
	.quick-links ul li {
		padding: 0 14px;
	}
    .instacart-section {
        padding: 0 0 0 30px;
    }
	.nav-links ul li a {
		font-size: 0.875em;
		padding: 2.75em 0.5em 1.7em;
	}
	.search-tab-container {
		padding: 1.5em 0 1.4em 5%;
	}
	#searchModal {
		display: none !important;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 1024px) {
	.search-tab-container {
		padding: 1em 0 1em 1%;
	}
	.search-tab-container {
		top: 9px;
		left: 12em;
		width: 55%;
	}
	.search-tab-container .ui.primary-btn.button {
		vertical-align: middle;
	}
	.navigation-wrap {
		margin-left: 40px;
	}
	.toolbar-grid .head-store-btn {
		padding: 0.813em 0;
	}
	.toolbar-grid .quick-links ul li {
		padding: 0 30px;
	}
	.toolbar-grid .nav-links ul li a {
		font-size: 0.875em;
		padding: 2.75em 0.5em 1.7em;
	}
	#searchModal {
		display: none !important;
	}
	.shoppersclub-popup.modalboxpopup {
        top: 92px;
        right: 250px;
    }
    #shoppersclub-popup {
        top: 169px;    
        right: 247px;
    }
}
@media only screen and (max-width: 1023px) {
	.address-content {
		font-size: 1em;
	}
	.my-list-view-wrap {
		display: none!important;
	}
	body.has-header {
		padding-top: 80px;
	}
	.brand-mob {
		margin-left: 20px;
		margin-right: 20px;
	}
	.search-mob a,
	.loc-mob a,
	.user-prof a {
		font-size: 26px;
		color: #fff;
	}
	.search-mob a,
	.loc-mob a {
		padding: 0 10px;
	}
	.loc-mob a span {
		font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 18px;
		font-weight: 700;
		text-overflow: ellipsis;
		width: 140px;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-align: left;
		margin-bottom: -5px;
	}
	.webui-popover.header-popover {
		position: fixed;
		z-index: 9999999999999!important;
		top: 47px !important;
	}
	.webui-popover.header-popover.bottom-left,
	.webui-popover.header-popover.bottom-right {
		margin-top: 33px;
	}
	.webui-popover.header-popover.bottom {
		margin-top: 33px;
		right: 20px !important;
		left: auto !important;
		border-radius: 0;
	}
	.webui-popover.header-popover.bottom>.arrow {
		left: auto !important;
		right: 210px;
	}
	.webui-popover.header-popover.bottom-right {
		left: 0 !important;
		border-radius: 0;
	}
	.webui-popover.header-popover.bottom-right>.arrow {
		margin-left: 5px;
	}
	.webui-popover.header-popover.bottom-left {
		margin-left: 0;
		top: 47px;
		right: 0 !important;
		left: auto !important;
		border-radius: 0;
	}
	.webui-popover.header-popover.bottom-left>.arrow {
		right: 25px !important;
		left: auto !important;
	}
	.show-mobile {
		display: -webkit-flex;
		display: flex;
	}
	.show-mobile .left-box {
		-webkit-align-self: center;
		align-self: center;
		display: -webkit-inline-flex;
		display: inline-flex;
	}
	.show-mobile .box-flex {
		display: -webkit-inline-flex;
		display: inline-flex;
		margin-top: auto;
		margin-bottom: auto;
	}
	.show-desktop {
		display: none;
	}
}
@media only screen and (min-width: 620px) and (max-width: 1024px) {
	.navigation-wrap .nav-links .icon-icon-downarrow {
		display: none;
	}
	.show-tablet {
		display: block;
	}
	.tel-desktop {
		display: none;
	}
	.tel-tablet {
		display: inline-block;
	}
	.tel-mobile {
		display: none;
	}
	.tel-desktop.tel-tablet {
		display: inline-block;
		;
	}
	.tel-desktop.tel-mobile {
		display: none;
	}
	.tel-tablet.tel-mobile {
		display: inline-block;
	}
	.child-nav-item {
		width: 500px;
	}
	.child-nav-item:before {
		left: 85px;
	}
	.child-nav .child-nav-columns {
		padding: 20px 0 0;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-o-column-count: 2;
		column-count: 2;
		width: 466px;
	}
}
@media only screen and (max-width: 619px) {
	.for-mobile {
		display: block;
	}
	.loc-mob a span {
		display: none!important;
	}
	.tel-desktop {
		display: none;
	}
	.tel-tablet {
		display: none;
	}
	.tel-mobile {
		display: inline-block;
	}
	.tel-desktop.tel-tablet {
		display: none;
	}
	.tel-desktop.tel-mobile {
		display: inline-block;
	}
	.tel-tablet.tel-mobile {
		display: inline-block;
	}
	.card .show-desktop {
		display: none!important;
	}
	body.has-header {
		padding-top: 60px;
	}
	.navbar-mobile {
		height: 60px;
	}
	.ham-menu a {
		font-size: 22px;
	}
	.search-mob a,
	.loc-mob a,
	.user-prof a {
		font-size: 22px;
	}
	
	.webui-popover.header-popover .webui-popover-content {
		max-height: 80vh;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.webui-popover.header-popover.bottom-right {
		margin-top: 13px !important;
		width: 100% !important;
	}
	.webui-popover.header-popover.bottom-right>.arrow {
		margin-left: -15px;
	}
	.webui-popover.header-popover.bottom-left {
		margin-top: 13px !important;
		width: 100% !important;
	}
	.webui-popover.header-popover.bottom {
		width: 100% !important;
		right: 0 !important;
		margin-top: 13px !important;
		border-radius: 0;
	}
	.webui-popover.header-popover.bottom>.arrow {
		right: 85px;
	}
	.loc-desc .row {
		margin: 0 !important;
	}
	.address-content {
		font-size: 14px;
		margin-bottom: 30px;
	}
	form.ui.form.sign-in-form.body-signin {
		width: 100%;
	}
	.create-account-wrapper {
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.title-nav-clone {
		max-width: 390px;
	}
	.title-nav-clone .child-nav .child-nav-columns {
		width: 100%;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-o-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 40px;
		/* Chrome, Safari, Opera */
		-moz-column-gap: 40px;
		/* Firefox */
		column-gap: 40px;
	}
	.title-nav-clone .child-nav-columns > li {
		width: 110px;
	}

	.loc-mob {
		float: left;
    	width: 64%;
	}
}

@media only screen and (max-width: 414px) { 
	.brand-mob{
		margin-left: 10px;
		max-width: 65%;
	}
}

/* Modal Search */

#searchModal .tt-menu { 
	border: 0;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}
#searchModal button.icon-search {
	right: 10px;
}
#searchModal {
	margin: 0;
}
#searchModal .mobile-search-tab-container {
	width: 100%;
}
#searchModal .mobile-search-tab-container form {
	padding: 0;
}
.twitter-typeahead {
    vertical-align: middle;
    width: 100%;
}

.tt-menu {
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    width: 100%;
    margin-top: -1px;
}

.tt-suggestion {
    color: #2A7FCE;
    padding: 5px 0;
    font-weight: 500;
    cursor: pointer;
}


/** sub item styles **/

.tt-suggestion.sub-items .in {
    padding-left: 20px;
    padding-right: 5px;
}

.tt-suggestion.sub-items .tt-quick-links {
    color: #2A7FCE;
}

.tt-suggestion.sub-items .tt-quick-links.category {
    color: #EA8D1A;
}

.tt-suggestion.sub-items .tt-quick-links.category:hover {
    color: #F0992C;
}


/**===============**/
.tt-dataset-weg-products-images .card .content .left {
    float: none;
    min-height: 20px;
	max-width: 100%;
    text-align: left;
}
.tt-dataset-weg-products-images .card .content .right {
    float: none;
    text-align: left;
}

.tt-dataset-weg-products .search-title {
    margin-bottom: 10px;
}

.tt-dataset-weg-products .tt-suggestion {
    margin-left: 15px;
}

.tt-dataset-weg-products-images .card:last-child {
    border-bottom: none;
}

.link-block {
    display: block;
}

.search-box.opened {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.tt-dataset-weg-products-images {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.tt-dataset-weg-products-images .product-list .card.card-list .content {
    width: 90%;
}


.tt-dataset-weg-products-images.hide {
    display: none;
    transition: all 10s ease;
}

.tt-dataset-weg-products-images .card .content .line-ellipse{
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    text-overflow: initial;
}

.tt-dataset-weg-products-images .search-title{
    margin-bottom: 0;
}


.promo-image-holder {
    margin-bottom: 10px;
}

.promo-image-holder:last-child {
    margin-bottom: 0;
}

form.product-search .tt-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 100;
    width: 100%;
}

form.global-search-header .tt-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 100;
    width: 100%;
}

.global-search-wrapper {
    position: relative;
    width: 100%;
}

.global-search-wrapper .icon-reset {
    right: 10px;
}

.department-name-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

.tt-dataset-weg-products-images .card .content .location{
    display: none;
}

@media only screen and (max-width: 768px){
    form.global-search-header .tt-menu{
        left: 20px;
        right:20px;
        width: auto;
    }   

    .tt-dataset-weg-products-images .card .content .line-ellipse{
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -ms-line-clamp: 2;
        -o-line-clamp: 2;
    }
}

@media only screen and (max-width: 619px){

    .tt-dataset-weg-products-images .card .content .location{
        display: block;
    }

    .tt-dataset-weg-products-images .card .content h6{
        min-height: 20px;
    }

    .tt-dataset-weg-products-images .card .content .location{
        left: -90px !important;
        bottom: -10px !important;
    }

    .tt-dataset-weg-products-images .card .content h5{
        min-height: 35px !important;
    }                                
}
/* Toolbar */
.my-list-view-wrap {
    position: absolute;
    top: 180px;
    right: 0;
    width: 101px;
    /*height: 100%;*/
    max-height: 100%;
}

.fixed-bar {
    position: fixed;
    z-index: 100020;
    top: 10px;
}

.addto-list-template {
    display: none;
}

.tooltipster-sidetip .tooltipster-content.add-to-list-tool {
    padding: 10px;
}

.added-to-list {
    background: #ffffff;
}

.addto-to-list .list-title {
    font-size: 10px;
    font-weight: bold;
}

.added-to-list .card.card-list {
    margin: 0!important;
    border: 0!important;
    padding: 0!important
}

.added-to-list .card.card-list.content-desktop {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.added-to-list .card.card-list.content-mobile {
    display: none;
}

.added-to-list .card.card-list .content-wrap {
    width: auto;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

.added-to-list .card.card-list .content-wrap .content {
    width: 100%;
    float: none;
    margin-bottom: auto;
    margin-top: auto;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    -o-flex: 2;
    flex: 2;
}

.added-to-list .card.card-list .content-wrap .extra.content {
    position: static;
    margin-left: 0;
    margin-bottom: auto;
    margin-top: auto;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
}

.added-to-list .quantity {
    padding: 10px;
}

.added-to-list .card.card-list h6 {
    font-size: 10px;
}

.added-to-list .card.card-list h5,
.added-to-list .card.card-list h4 {
    font-size: 12px;
}

.added-to-list .card.card-list h4 .icon-icon-shopclub {
    font-size: 18px;
}

.added-to-list .card.card-list .extra.content .image {
    min-width: 80px;
    max-width: 80px;
}

.list-view-quick {
    display: block;
    color: #fff;
    text-align: center;
    padding: 20px 10px 10px;
    background: #F7A53F;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
}
.list-view-quick.active,
.list-view-quick:hover {
    color: #fff;
    background-color: #EA8D1A;
}

.account-settings-btns {
    list-style-type: none;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0;
    background: #F7A53F;
    margin-left: 8px;
    margin-top: 1px;
    border-radius: 0 0 0 5px;
}
i.icon-icon-check {
    font-size: 28px;
    text-align: center;
    display: block;
    color: #fff;
    margin-bottom: 10px;
}
.quick-view-header {
    line-height: 1.5em;
}
.account-settings-btns {
    border-radius: 0 0 0 5px;
    overflow: hidden;
}
.account-settings-btns li a {
    display: block;
    color: #fff;
    text-align: center;
    padding: 12px 10px;
    background: #F7A53F;
}
.account-settings-btns li a.active {
    background: #EA8D1A;
}
.account-settings-btns li a:hover,
.account-settings-btns li a:focus,
.account-settings-btns li a.current {
    color: #fff;
    background: #F0992C;
}

.account-settings-btns li {
    position: relative;
    cursor: pointer;
}
.account-settings-btns li:after {
    content: '';
    width: 90%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #fff;
}
.account-settings-btns li:last-child:after {
    border-bottom: 0;
}

.account-settings-btns li:last-child {
    border-bottom: 0;
    border-radius: 5px 0 0 5px;
}
.account-settings-btns li a .quick-view-icon {
    font-size: 28px;
    text-align: center;
    display: block;
    color: #fff;
    margin-bottom: 10px;
}
.quick-list-view-tab {
    position: absolute;
    display: none;
    top: 0;
    right: 100px;
    margin-right: 20px;
    max-width: 300px;
    min-width: 300px;
    /*z-index: 9999999999999999999;*/
    z-index: 99999999;
    border: 1px solid #d4d4d5;
    line-height: 1.4285em;
    max-width: 280px;
    width: 280px!important;
    background: #ffffff;
    font-weight: normal;
    font-style: normal;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0;
    -moz-transition: 0.2s height ease;
    -o-transition: 0.2s height ease;
    transition: 0.2s height ease;
}
.quick-listarrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 50px;
    right: -15px;
    margin-top: -15px;
    border-width: 15px;
    border-right-width: 0;
    border-left-color: #ccc;
}
.quick-listarrow:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    right: 1px;
    bottom: -15px;
    border-width: 15px;
    border-right-width: 0;
    border-left-color: #fff;
}

/*Media Card CSS*/
.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}
.media {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    padding: 10px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.4);
}

.media-body {
  padding: 0 10px;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.media-left {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.media-right {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.media-object {
    display: block;
    max-width: 60px;
    min-width: 60px;
}

.media img {
    vertical-align: middle;
}

.media img {
    border: 0;
}
.media-body .quick-view-product {
  margin-bottom: 8px;
}
.media-body .edit-btn .icon-icon-edit {
  font-size: 10px;
}
.media-body .detail-copy {
  color: #818181;
  line-height: 1.5;
}

.media-body .toolbar-titles a{
    color:#000;
}
.media-body .toolbar-titles a:hover{
    color:#4183c4
}

.media-body .toolbar-titles {
  line-height: 12px;
  color: #4A4A4A!important;
}
.media-body .pricing {
  margin: 0;
  line-height: 1;
}
.media-body .pricing .icon-icon-shopclub {
  margin-right: 0;
  font-size: 20px;
}
.media-right .spinner {
    min-width: 80px;
}
.media-right .spinner-input {
    width: 30px;
    height: 30px;
    font-size: 1em;
}
.media-right .spinner > .sub,
.media-right .spinner > .add {
  font-size: 0.6em;
}
.media-right .spinner > .sub {
  margin-right: 2px;
}
.media-right .spinner > .add {
  margin-left: 2px;
}

.small-header.edit-btn {
    display: inline-block;
    cursor: pointer;
}

.inline-edit {
  font-size: 14px;
  margin-right: 0;
}

input.inline-edit-input {
    border: none;
    background: none;
    border-bottom: solid 1px #CACACA;
    position: absolute;
    left: 0;
    top: 5px;
    padding-left: 30px;
}

.main-container {
    padding: 0 110px 0 10px;
}

.main-container.pad-right {
    padding-right: 410px;
}

@media screen and (min-width: 1180px){
    .main-container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 619px) {
    .added-to-list .card.card-list.content-desktop {
        display: none;
    }
    .added-to-list .card.card-list.content-mobile {
        display: block;
    }
}


/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

#wrapper {
    padding-right: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-right: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.weeklist-menu {
  margin-bottom: 5px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.weeklist-menu > a.link {
  margin-left: 10px;
}

.weeklist-title{
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}

.weeklist-dropdown {
  margin-top: 0;
  min-width: 40%;
}
.weeklist-dropdown .select2-container {
  z-index: 9999999!important;
}
.weeklist-dropdown .select2-container--default .select2-selection--single {
  border: 0;
  height: 30px;
}
.weeklist-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: bold;
  line-height: 30px;
  font-family: 'Archivo Narrow', sans-serif;
}
.weeklist-dropdown span.select2-selection__arrow:after {
    width: 0.6em;
    height: 0.64em;
    box-shadow: -2px -2px 0px 0px rgba(34, 36, 38, 0.81);
    top: 5px;
    right: 3px;
}
.weeklist-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
}
.quick-list-top-box {
  padding: 0.4em 0.6em 0.8em;
  text-align: center;
  border-bottom: 1px solid rgba(151, 151, 151, 0.4);
  z-index: 2;
  position: relative;
}
.product-separation-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  z-index: 1;
  -moz-transition: 0.1s height ease;
    -o-transition: 0.1s height ease;
    transition: 0.1s height ease;
}
.product-separation .media:last-child {
  border-bottom: 0;
}
.product-separation-title {
  background: rgba(202, 202, 202, 0.2);
  text-align: center;
}
.product-separation-title .info {
  margin-right: 6px;
}
.product-total-wrapper {
  z-index: 2;
  position: relative;
  padding: 0.8em 0.6em;
  border-top: 1px solid rgba(151, 151, 151, 0.4);
}
.toolbar-price-info-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 10px;
}
.toolbar-price-info {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 10px 0 0;
}
.toolbar-price {
  margin: 0;
}
.toolbar-price  {
  text-align: right;
}
.product-total-wrapper .button {
  width: 100%;
}

.my-list-view-wrap .not-available {
  color: #c32c2c;
  font-size: 0.8175rem;
}

.media-left .not-available {
    line-height: 15px;
}

.media-body .item-note span.note-text {
  max-width: 80px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

/** tooltipster styles for sidebar popup**/

.sidebar-tooltipster{
   height: auto !important;
}

.sidebar-tooltipster .header-popup-container .shoppersclub-wrapper {
    padding-left: 20px;
}

.sidebar-tooltipster .ui.form .field h5 {
    margin-bottom: 5px;
}

.sidebar-tooltipster .ui.form .field a.link {
    margin-top: 5px;
    display: block;
}

.sidebar-tooltipster .ui.form .field input ~ i {
    top: 37px;
}

.sidebar-tooltipster .ui.form .ui-checkbox, .sidebar-tooltipster .ui.form .sidebar-signin-button{
    margin-top: 25px;
}

.sidebar-tooltipster .icon-icon-closelarge.tooltip-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #000;
    cursor: pointer;
	opacity: 0.2
}

.sidebar-tooltipster .icon-icon-closelarge.tooltip-close:hover {
    opacity: 0.5;
}

.sidebar-tooltipster .tooltipster-box {
    border-radius: 0;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.sidebar-tooltipster .header-popup-container {
    padding: 10px!important;
}

@media(min-width:768px) {
    #wrapper {
        padding-right: 0;
    }

    #wrapper.toggled {
        padding-right: 250px;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 250px;
        margin-right: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}
/*!
 * # Semantic UI 2.1.7 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
          Transitions
*******************************/

.transition {
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}


/*******************************
            States
*******************************/


/* Animating */
.animating.transition {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  visibility: visible !important;
}

/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden;
}

/* Visible */
.visible.transition {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible !important;

/*  backface-visibility: @backfaceVisibility;
  transform: @use3DAcceleration;*/
}
/* Disabled */
.disabled.transition {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}


/*******************************
          Variations
*******************************/

.looping.transition {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}


/*******************************
          Transitions
*******************************/

/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/

/*--------------
     Browse
---------------*/

.transition.browse {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
.transition.browse.in {
  -webkit-animation-name: browseIn;
          animation-name: browseIn;
}
.transition.browse.out,
.transition.browse.left.out {
  -webkit-animation-name: browseOutLeft;
          animation-name: browseOutLeft;
}
.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
          animation-name: browseOutRight;
}

/* In */
@-webkit-keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
            transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
            transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
            transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
            transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}
@keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
            transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
            transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
            transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
            transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}

/* Out */
@-webkit-keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
            transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
            transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@-webkit-keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
            transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
            transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
            transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

/*--------------
     Drop
---------------*/

.drop.transition {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
          animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}
.drop.transition.in {
  -webkit-animation-name: dropIn;
          animation-name: dropIn;
}
.drop.transition.out {
  -webkit-animation-name: dropOut;
          animation-name: dropOut;
}

/* Drop */
@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

/*--------------
      Fade
---------------*/

.transition.fade.in {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}
.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}
.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
.transition.fade.out {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}
.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}
.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}
.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}
.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

/* In */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

/* Out */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
}

/*--------------
     Flips
---------------*/

.flip.transition.in,
.flip.transition.out {
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms;
}
.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
          animation-name: horizontalFlipIn;
}
.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
          animation-name: horizontalFlipOut;
}
.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
          animation-name: verticalFlipIn;
}
.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
          animation-name: verticalFlipOut;
}

/* In */
@-webkit-keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
            transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
            transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
            transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
            transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
            transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
            transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}

/* Out */
@-webkit-keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
            transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
            transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
            transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
            transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
            transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
@keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
            transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}

/*--------------
      Scale
---------------*/

.scale.transition.in {
  -webkit-animation-name: scaleIn;
          animation-name: scaleIn;
}
.scale.transition.out {
  -webkit-animation-name: scaleOut;
          animation-name: scaleOut;
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* Out */
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

/*--------------
      Fly
---------------*/


/* Inward */
.transition.fly {
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.transition.fly.in {
  -webkit-animation-name: flyIn;
          animation-name: flyIn;
}
.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
          animation-name: flyInUp;
}
.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
          animation-name: flyInDown;
}
.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
          animation-name: flyInLeft;
}
.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
          animation-name: flyInRight;
}

/* Outward */
.transition.fly.out {
  -webkit-animation-name: flyOut;
          animation-name: flyOut;
}
.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
          animation-name: flyOutUp;
}
.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
          animation-name: flyOutDown;
}
.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
          animation-name: flyOutLeft;
}
.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
          animation-name: flyOutRight;
}

/* In */
@-webkit-keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
            transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
            transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
            transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
            transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
            transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
            transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
            transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
            transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

/* Out */
@-webkit-keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

/*--------------
     Slide
---------------*/

.transition.slide.in,
.transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
          animation-name: slideInY;
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
}
.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
          animation-name: slideInY;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
          animation-name: slideInX;
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
}
.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
          animation-name: slideInX;
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
}
.transition.slide.out,
.transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
          animation-name: slideOutY;
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
}
.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
          animation-name: slideOutY;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
          animation-name: slideOutX;
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
}
.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
          animation-name: slideOutX;
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
}

/* In */
@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

/* Out */
@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

/*--------------
     Swing
---------------*/

.transition.swing {
  -webkit-animation-duration: 800ms;
          animation-duration: 800ms;
}
.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
          animation-name: swingInX;
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
}
.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
          animation-name: swingInX;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
          animation-name: swingInY;
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
}
.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
          animation-name: swingInY;
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
}
.transition.swing.out,
.transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
          animation-name: swingOutX;
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
}
.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
          animation-name: swingOutX;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
          animation-name: swingOutY;
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
}
.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
          animation-name: swingOutY;
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
}

/* In */
@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
            transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
            transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
            transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg);
  }
}
@keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
            transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
            transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
            transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg);
  }
}
@-webkit-keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
            transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
            transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
            transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
            transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
            transform: perspective(1000px) rotateY(0deg);
  }
}
@keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
            transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
            transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
            transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
            transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
            transform: perspective(1000px) rotateY(0deg);
  }
}

/* Out */
@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
            transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
            transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
            transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
            transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
            transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
            transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
            transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
            transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
            transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
            transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
            transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
@keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
            transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
            transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
            transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
            transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
            transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}


/*******************************
       Static Animations
*******************************/


/*--------------
    Emphasis
---------------*/

.flash.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: flash;
          animation-name: flash;
}
.shake.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: shake;
          animation-name: shake;
}
.bounce.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: bounce;
          animation-name: bounce;
}
.tada.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: tada;
          animation-name: tada;
}
.pulse.transition {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-name: pulse;
          animation-name: pulse;
}
.jiggle.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: jiggle;
          animation-name: jiggle;
}

/* Flash */
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

/* Shake */
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}

/* Bounce */
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

/* Tada */
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}

/* Pulse */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/* Rubberband */
@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}


/*******************************
         Site Overrides
*******************************/

.webui-popover-content {
    display: none
}
.webui-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999999;
    display: none;
    min-width: 50px;
    min-height: 32px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}
.webui-popover.header-popover {
    z-index: 9999;
}
.webui-popover.popover-reviews {
    /*margin-left: 25px;*/
}
.webui-popover.popover-reviews.bottom-left>.arrow {
    /*margin-left: -36px;*/
}
.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
    margin-top: -10px
}
.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
    margin-left: 10px
}
.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
    margin-top: 10px
}
.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
    margin-left: -10px
}
.webui-popover.pop {
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: transform 0 cubic-bezier(0.3, 0, 0, 1.5);
    -o-transition: transform 0 cubic-bezier(0.3, 0, 0, 1.5);
    transition: transform 0 cubic-bezier(0.3, 0, 0, 1.5);
    opacity: 0;
    filter: alpha(opacity=0)
}
.webui-popover.pop-out {
    -webkit-transition-property: "opacity,transform";
    -o-transition-property: "opacity,transform";
    transition-property: "opacity,transform";
    -webkit-transition: 0 linear;
    -o-transition: 0 linear;
    transition: 0 linear;
    opacity: 0;
    filter: alpha(opacity=0)
}
.webui-popover.fade,
.webui-popover.fade-out {
    -webkit-transition: opacity 0 linear;
    -o-transition: opacity 0 linear;
    transition: opacity 0 linear;
    opacity: 0;
    filter: alpha(opacity=0)
}
.webui-popover.out {
    opacity: 0;
    filter: alpha(opacity=0)
}
.webui-popover.in {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100)
}
.webui-popover .webui-popover-content {
    padding: 9px 14px;
    overflow: auto;
    display: block
}
.webui-popover-inner .close {
    margin: 8px 10px 0 0;
    float: right;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    text-decoration: none
}
.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
    opacity: .5;
    filter: alpha(opacity=50)
}
.webui-popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 5px 5px 0 0
}
.webui-popover-content {
    padding: 9px 14px;
    overflow: auto;
    display: none
}
.webui-popover-inverse {
    background-color: #333;
    color: #eee
}
.webui-popover-inverse .webui-popover-title {
    background: #333;
    border-bottom: 1px solid #3b3b3b;
    color: #eee
}
.webui-no-padding .webui-popover-content {
    padding: 0
}
.webui-no-padding .list-group-item {
    border-right: none;
    border-left: none
}
.webui-no-padding .list-group-item:first-child {
    border-top: 0
}
.webui-no-padding .list-group-item:last-child {
    border-bottom: 0
}
.webui-popover>.arrow,
.webui-popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.webui-popover>.arrow {
    border-width: 11px
}
.webui-popover>.arrow:after {
    border-width: 10px;
    content: ""
}
.webui-popover.top>.arrow,
.webui-popover.top-right>.arrow,
.webui-popover.top-left>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #ccc;
    border-bottom-width: 0
}
.webui-popover.top>.arrow:after,
.webui-popover.top-right>.arrow:after,
.webui-popover.top-left>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0
}
.webui-popover.right>.arrow,
.webui-popover.right-top>.arrow,
.webui-popover.right-bottom>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #ccc;
}
.webui-popover.right>.arrow:after,
.webui-popover.right-top>.arrow:after,
.webui-popover.right-bottom>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}
.webui-popover.bottom>.arrow,
.webui-popover.bottom-right>.arrow,
.webui-popover.bottom-left>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #ccc;
    border-top-width: 0
}
.webui-popover.bottom>.arrow:after,
.webui-popover.bottom-right>.arrow:after,
.webui-popover.bottom-left>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0
}
.webui-popover.left>.arrow,
.webui-popover.left-top>.arrow,
.webui-popover.left-bottom>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #ccc;
}
.webui-popover.left>.arrow:after,
.webui-popover.left-top>.arrow:after,
.webui-popover.left-bottom>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}
.webui-popover-inverse.top>.arrow,
.webui-popover-inverse.top-left>.arrow,
.webui-popover-inverse.top-right>.arrow,
.webui-popover-inverse.top>.arrow:after,
.webui-popover-inverse.top-left>.arrow:after,
.webui-popover-inverse.top-right>.arrow:after {
    border-top-color: #333
}
.webui-popover-inverse.right>.arrow,
.webui-popover-inverse.right-top>.arrow,
.webui-popover-inverse.right-bottom>.arrow,
.webui-popover-inverse.right>.arrow:after,
.webui-popover-inverse.right-top>.arrow:after,
.webui-popover-inverse.right-bottom>.arrow:after {
    border-right-color: #333
}
.webui-popover-inverse.bottom>.arrow,
.webui-popover-inverse.bottom-left>.arrow,
.webui-popover-inverse.bottom-right>.arrow,
.webui-popover-inverse.bottom>.arrow:after,
.webui-popover-inverse.bottom-left>.arrow:after,
.webui-popover-inverse.bottom-right>.arrow:after {
    border-bottom-color: #333
}
.webui-popover-inverse.left>.arrow,
.webui-popover-inverse.left-top>.arrow,
.webui-popover-inverse.left-bottom>.arrow,
.webui-popover-inverse.left>.arrow:after,
.webui-popover-inverse.left-top>.arrow:after,
.webui-popover-inverse.left-bottom>.arrow:after {
    border-left-color: #333
}
.webui-popover i.icon-refresh:before {
    content: ""
}
.webui-popover i.icon-refresh {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -15px;
    margin-right: -15px;
    background: url(../../clientlibs/wegmans/clientlib.site/img/loading.gif) no-repeat
}
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}
.webui-popover-backdrop {
    background-color: rgba(0, 0, 0, .65);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998
}
.webui-popover .dropdown-menu {
    display: block;
    position: relative;
    top: 0;
    border: none;
    box-shadow: none;
    float: none
}

@media screen and (min-width: 1024px) {
  .webui-popover.header-popover {
      z-index: 99999;
  }
}
@media screen and (max-width: 920px){
    .webui-popover.top>.arrow:after,
    .webui-popover.top-right>.arrow:after,
    .webui-popover.top-left>.arrow:after {
        border-top-color: #fff;
    }

    .webui-popover.right>.arrow:after,
    .webui-popover.right-top>.arrow:after,
    .webui-popover.right-bottom>.arrow:after {
        border-right-color: #fff;
    }

    .webui-popover.header-popover {
        border: 1px solid #fff;
    }
    .webui-popover.header-popover.bottom>.arrow,
    .webui-popover.header-popover.bottom-right>.arrow,
    .webui-popover.header-popover.bottom-left>.arrow {
        border-bottom-color: #fff;
    }
}

/*!
 * # Semantic UI 2.1.7 - Button
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Button
*******************************/

.ui.button {
  cursor: pointer;
  display: inline-block;
  min-height: 2.125em;
  outline: none;
  border: none;
  vertical-align: baseline;
  background: #e0e1e2 none;
  color: rgba(0, 0, 0, 0.6);
  font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0.715em 1.250em;
  text-transform: none;
  text-shadow: none;
  font-weight: 700;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 0.313em;
  text-transform: uppercase;
  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
          transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
}
.ui.button.full-width {
  width: 100%;
}
@media only screen and (max-width: 619px) {
  .ui.button.full-width-mob {
    width: 100%;
  }
}

/*******************************
            States
*******************************/


/*--------------
      Hover
---------------*/

.ui.button:hover {
  background-color: #cacbcd;
  background-image: none;
  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8);
}
.ui.button:hover .icon {
  opacity: 0.85;
}

/*--------------
      Focus
---------------*/

.ui.button:focus {
  background-color: #cacbcd;
  color: rgba(0, 0, 0, 0.8);
  background-image: '' !important;
  box-shadow: '' !important;
}
.ui.button:focus .icon {
  opacity: 0.85;
}

/*--------------
      Down
---------------*/

.ui.button:active,
.ui.active.button:active {
  background-color: #babbbc;
  background-image: '';
  color: rgba(0, 0, 0, 0.9);
  box-shadow: 0 0 0 1px transparent inset, none;
}

/*--------------
     Active
---------------*/

.ui.active.button {
  background-color: #c0c1c2;
  background-image: none;
  box-shadow: 0 0 0 1px transparent inset;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:hover {
  background-color: #c0c1c2;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:active {
  background-color: #c0c1c2;
  background-image: none;
}

/*--------------
    Loading
---------------*/


/* Specificity hack */
.ui.loading.loading.loading.loading.loading.loading.button {
  position: relative;
  cursor: default;
  text-shadow: none !important;
  color: transparent !important;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0s linear, opacity 0.1s ease;
          transition: all 0s linear, opacity 0.1s ease;
}
.ui.loading.button:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.15);
}
.ui.loading.button:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: button-spin 0.6s linear;
          animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #ffffff transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0 0 0 1px transparent;
}
.ui.labeled.icon.loading.button .icon {
  background-color: transparent;
  box-shadow: none;
}
@-webkit-keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*-------------------
      Disabled
--------------------*/

.ui.link {
  outline: none;
}
button.ui.link {
  background: none;
  padding: 0;
  border: 0;
}
.ui.buttons .disabled.button,
.ui.disabled.button,
.ui.button:disabled,
.ui.disabled.button:hover,
.ui.disabled.active.button {
  cursor: default;
  opacity: 0.45 !important;
  background-image: none !important;
  box-shadow: none !important;
  pointer-events: none;
}

.ui.link .disabled.link,
.ui.disabled.link,
.ui.link[disabled],
.ui.disabled.link:hover,
.ui.disabled.active.link {
    cursor: default;
    opacity: 0.45 !important;
    background-image: none !important;
    box-shadow: none !important;
    pointer-events: none;
}


/*******************************
             Types
*******************************/

/*-------------------
       Remove
--------------------*/

.ui.remove-btn.button {
    background: transparent;
    color: #2163a0;
    font-size: 18px;
    padding: 10px 15px;
}
.ui.remove-btn.button.active {
    color: #134779;
}
.ui.remove-btn.button:hover {
    background: transparent;
    color: #3181cf;
}
.ui.remove-btn.button:focus,
.ui.remove-btn.button:visited {
    color: #134779;
}

/*--------------
     Icon
---------------*/

.ui.button > .icon:not(.button) {
  height: 0.85714286em;
  opacity: 0.8;
  margin: 0em 0.42857143em 0em -0.21428571em;
  -webkit-transition: opacity 0.1s ease;
          transition: opacity 0.1s ease;
  vertical-align: '';
  color: '';
}
.ui.button > .right.icon:not(.button) {
  margin: 0em -0.21428571em 0em 0.42857143em;
}


/*******************************
           Variations
*******************************/





/*-------------------
        Sizes
--------------------*/

.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.mini.button {
  font-size: 0.71428571rem;
}
.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.tiny.button {
  font-size: 0.85714286rem;
}
.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.small.button {
  font-size: 0.92857143rem;
}
.ui.buttons .button,
.ui.buttons .or,
.ui.button {
  font-size: 0.875em;
}
.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.large.button {
  font-size: 1.14285714rem;
}
.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.big.button {
  font-size: 1.28571429rem;
}
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
  font-size: 1.42857143rem;
}
.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.massive.button {
  font-size: 1.71428571rem;
}

/*******************************
            Groups
*******************************/

.ui.buttons {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0em;
  vertical-align: baseline;
  margin: 0em 0.25em 0em 0em;
}

/* Clearfix */
.ui.buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Standard Group */
.ui.buttons .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0;
  border-radius: 0;
  margin: 0;
}
.ui.buttons .button:first-child {
  border-left: none;
  margin-left: 0;
  border-top-left-radius: 0.28571429rem;
  border-bottom-left-radius: 0.28571429rem;
}
.ui.buttons .button:last-child {
  border-top-right-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}


/*-------------------
       Colors
--------------------*/


/*--- Primary ---*/

.ui.primary-btn.button {
  background-color: #2263A0;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
  border: 1px solid #2263A0;
}
.ui.primary-btn.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.inverted.primary-btn.button {
  border: 0;
}
.ui.primary-btn.button:hover {
  background-color: #2A7FCE;
  color: #ffffff;
  text-shadow: none;
  border: 1px solid #2A7FCE;
}
.ui.inverted.primary-btn.button:hover {
  border: 0;
}
.ui.primary-btn.button:focus {
  /*background-color: #104578;*/
  color: #ffffff;
  text-shadow: none;
}
.ui.primary-btn.button:active {
  background-color: #104578;
  color: #ffffff;
  text-shadow: none;
  border: 1px solid #104578;
}
.ui.primary-btn.button.active:hover  {
  border: 1px solid #104578;
}
.ui.primary-btn.active.button,
.ui.primary-btn.button .active.button:active {
  background-color: #104578;
  color: #ffffff;
  text-shadow: none;
  border: 1px solid #104578;
}


/* Secondary Button */

.ui.secondary-btn.button {
  background-color: #ffffff;
  color: #2878b0;
  text-shadow: none;
  background-image: none;
  border: 1px solid #cccccc;
}
.ui.secondary-btn.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.secondary-btn.button > i {
  color: #272727;
}
.ui.inverted.secondary-btn.button {
  border: 0;
}
.ui.secondary-btn.button:hover {
  background-color: #ffffff;
  color: #3392d7;
  text-shadow: none;
}
.ui.secondary-btn.button:focus {
  background-color: #ffffff;
  color: #0f578a;
  text-shadow: none;
}
.ui.secondary-btn.button:active {
  background-color: #ffffff;
  color: #0f578a;
  text-shadow: none;
}
.ui.secondary-btn.active.button,
.ui.secondary-btn.button .active.button:active {
  background-color: #ffffff;
  color: #0f578a;
  text-shadow: none;
}

/* Store Static Button */

.ui.store-static-btn.button {
  background-color: #f7a43e;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.ui.store-static-btn.button {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.store-static-btn.button:hover {
  background-color: #ffbd3e;
  color: #ffffff;
  text-shadow: none;
}
.ui.store-static-btn.button:focus {
  background-color: #ea8d19;
  color: #ffffff;
  text-shadow: none;
}
.ui.store-static-btn.button:active {
  background-color: #ea8d19;
  color: #ffffff;
  text-shadow: none;
}
.ui.store-static-btn.active.button,
.ui.store-static-btn.button .active.button:active {
  background-color: #ea8d19;
  color: #ffffff;
  text-shadow: none;
}

/* Primary Static Link  */

.ui.primary-link.links .link,
.ui.primary-link.link {
  color: #2263A0;
  text-shadow: none;
}
.ui.primary-link.link {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.primary-link.link:hover {
  color: #3392d7;
  text-shadow: none;
}
.ui.primary-link.link:focus {
  color: #3392d7;
  text-shadow: none;
}

/* Secondary Static Link  */

.ui.secondary-link.link {
  color: #3c3c3c;
  text-shadow: none;
}
.ui.secondary-link.link {
  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
}
.ui.secondary-link.link:hover {
  color: #2878b0;
  text-shadow: none;
}
.ui.secondary-link.link:focus {
  color: #3392d7;
  text-shadow: none;
}

.link-arrow {
  position: relative;
}
.link-arrow:after {
  content: "\e903";
  font-family: 'wegmanicons';
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: middle;
}

@media only screen and (max-width: 619px) {
  .ui.button > span {
    display: none;
  }
  .ui.buttons .button,
  .ui.buttons .or,
  .ui.button {
    font-size: 0.8em;
  }
}

/*!
 * # Semantic UI 2.1.7 - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Elements
*******************************/


/*--------------------
        Form
---------------------*/

.ui.form {
  position: relative;
  /*max-width: 100%;*/
}

/*--------------------
        Content
---------------------*/

.ui.form > p {
  margin: 1em 0;
}

/*--------------------
        Field
---------------------*/

.ui.form .field {
  clear: both;
  margin: 0 0 1em;
  position: relative;
  width: 100%;
}
.ui.form .field .field-label {
  margin-top: auto;
  margin-bottom: auto;
  font-weight: normal;
}

.ui.form .field h5{
  margin-bottom: 15px;
}
/*.ui.form .field:last-child,
.ui.form .fields:last-child .field {
  margin-bottom: 0;
}*/
.ui.form .fields .field {
  clear: both;
  margin: 0 0 1em;
}

/*--------------------
        Labels
---------------------*/

.ui.form .field > label {
  display: block;
  margin: 0em 0em 0.28571429rem 0em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none;
}

#sign-up-form .field > h5 {
  margin-bottom : 10px;
}

#sign-up-form .field > h5 > label {
  font-weight : normal;
}

/*--------------------
    Standard Inputs
---------------------*/

.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="url"] {
  width: 100%;
  vertical-align: top;
}

/* Set max height on unusual input */
.ui.form ::-webkit-datetime-edit,
.ui.form ::-webkit-inner-spin-button {
  height: 1.2142em;
}
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="url"] {
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  line-height: 1.2142em;
  padding: 0.5em 1.8em 0.5em 0.5em;
  font-size: 1em;
  background: #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
          transition: color 0.1s ease, border-color 0.1s ease;
}

#sign-up-form input:not([type]):not(.error),
#sign-up-form input[type="date"]:not(.error),
#sign-up-form input[type="datetime-local"]:not(.error),
#sign-up-form input[type="email"]:not(.error),
#sign-up-form input[type="number"]:not(.error),
#sign-up-form input[type="password"]:not(.error),
#sign-up-form input[type="tel"]:not(.error),
#sign-up-form input[type="text"]:not(.error),
#sign-up-form select:not(.error) ~ .select2  {
  margin: 0em 0em 25px 0em;
}

/* Text Area */
.ui.form textarea {
  margin: 0;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  padding: 0.78571429em 1em;
  background: #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  outline: none;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  box-shadow: 0 0 0 0 transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
          transition: color 0.1s ease, border-color 0.1s ease;
  font-size: 1em;
  line-height: 1.2857;
  resize: vertical;
}
.ui.form textarea:not([rows]) {
  height: 12em;
  min-height: 8em;
  max-height: 24em;
}
.ui.form textarea,
.ui.form input[type="checkbox"] {
  vertical-align: top;
}

/*--------------------------
  Input w/ attached Button
---------------------------*/

.ui.form input.attached {
  width: auto;
}

/*--------------------
     Basic Select
---------------------*/

.ui.form select {
  display: block;
  height: auto;
  width: 100%;
  background: #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  padding: 0.62em 1em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
          transition: color 0.1s ease, border-color 0.1s ease;
}

/*--------------------
       Dropdown
---------------------*/


/* Block */
.ui.form .field > .selection.dropdown {
  width: 100%;
}
.ui.form .field > .selection.dropdown > .dropdown.icon {
  float: right;
}

/* Inline */
.ui.form .inline.fields .field > .selection.dropdown,
.ui.form .inline.field > .selection.dropdown {
  width: auto;
}
.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
.ui.form .inline.field > .selection.dropdown > .dropdown.icon {
  float: none;
}

/*--------------------
       UI Input
---------------------*/


/* Block */
.ui.form .field .ui.input,
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
  width: 100%;
}

/* Inline  */
.ui.form .inline.fields .field:not(.wide) .ui.input,
.ui.form .inline.field:not(.wide) .ui.input {
  width: auto;
  vertical-align: middle;
}

/* Auto Input */
.ui.form .fields .field .ui.input input,
.ui.form .field .ui.input input {
  width: auto;
}

/* Full Width Input */
.ui.form .ten.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .eight.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 0px;
}

/*--------------------
   Types of Messages
---------------------*/

.ui.form .success.message,
.ui.form .warning.message,
.ui.form .error.message {
  display: none;
}

/* Assumptions */
.ui.form .message:first-child {
  margin-top: 0px;
}

/*--------------------
   Validation Prompt
---------------------*/

.ui.form .field .prompt.label {
  white-space: normal;
  background: #ffffff !important;
  border: 1px solid #e0b4b4 !important;
  color: #9f3a38 !important;
}
.ui.form .inline.fields .field .prompt,
.ui.form .inline.field .prompt {
  vertical-align: top;
  margin: -0.25em 0em -0.5em 0.5em;
}
.ui.form .inline.fields .field .prompt:before,
.ui.form .inline.field .prompt:before {
  border-width: 0px 0px 1px 1px;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}


/*******************************
            States
*******************************/


/*--------------------
      Autofilled
---------------------*/

.ui.form .field.field input:-webkit-autofill {
  box-shadow: 0px 0px 0px 100px #fffff0 inset !important;
  border-color: #e5dfa1 !important;
}

/* Focus */
.ui.form .field.field input:-webkit-autofill:focus {
  box-shadow: 0px 0px 0px 100px #fffff0 inset !important;
  border-color: #d5c315 !important;
}

/* Error */
.ui.form .error.error input:-webkit-autofill {
  box-shadow: 0px 0px 0px 100px #fffaf0 inset !important;
  border-color: #e0b4b4 !important;
}

/*--------------------
      Placeholder
---------------------*/


/* browsers require these rules separate */
.ui.form ::-webkit-input-placeholder {
  color: rgba(140, 140, 140, 0.87);
}
.ui.form ::-ms-input-placeholder {
  color: rgba(140, 140, 140, 0.87);
}
.ui.form ::-moz-placeholder {
  color: rgba(140, 140, 140, 0.87);
}
.ui.form :focus::-webkit-input-placeholder {
  color: rgba(89, 89, 89, 0.87);
}
.ui.form :focus::-ms-input-placeholder {
  color: rgba(89, 89, 89, 0.87);
}
.ui.form :focus::-moz-placeholder {
  color: rgba(89, 89, 89, 0.87);
}

/* Error Placeholder */
.ui.form .error ::-webkit-input-placeholder {
  color: #e7bdbc;
}
.ui.form .error ::-ms-input-placeholder {
  color: #e7bdbc;
}
.ui.form .error ::-moz-placeholder {
  color: #e7bdbc;
}
.ui.form .error :focus::-webkit-input-placeholder {
  color: #da9796;
}
.ui.form .error :focus::-ms-input-placeholder {
  color: #da9796;
}
.ui.form .error :focus::-moz-placeholder {
  color: #da9796;
}

/*--------------------
        Focus
---------------------*/

.ui.form input:not([type]):focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="url"]:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85b7d9;
  border-radius: 0.28571429rem;
  background: #ffffff;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
}
.ui.form textarea:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85b7d9;
  border-radius: 0.28571429rem;
  background: #ffffff;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  -webkit-appearance: none;
}

/*--------------------
        Success
---------------------*/


/* On Form */
.ui.form.success .success.message:not(:empty) {
  display: block;
}
.ui.form.success .icon.success.message:not(:empty) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*--------------------
        Warning
---------------------*/


/* On Form */
.ui.form.warning .warning.message:not(:empty) {
  display: block;
}
.ui.form.warning .icon.warning.message:not(:empty) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*--------------------
        Error
---------------------*/


/* On Form */
.ui.form.error .error.message:not(:empty) {
  display: block;
}
.ui.form.error .icon.error.message:not(:empty) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* On Field(s) */
.ui.form .fields.error .field label,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .field.error .input {
  color: #9f3a38;
}
.ui.form .fields.error .field .corner.label,
.ui.form .field.error .corner.label {
  border-color: #9f3a38;
  color: #ffffff;
}
.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="url"],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="url"] {
  background: #fff6f6;
  border-color: #e0b4b4;
  color: #9f3a38;
  border-radius: '';
  box-shadow: none;
}
.ui.form .field.error textarea:focus,
.ui.form .field.error select:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="url"]:focus {
  background: #fff6f6;
  border-color: #e0b4b4;
  color: #9f3a38;
  -webkit-appearance: none;
  box-shadow: none;
}

/* Preserve Native Select Stylings */
.ui.form .field.error select {
  -webkit-appearance: menulist-button;
}

/*------------------
    Dropdown Error
--------------------*/

.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item,
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .text,
.ui.form .field.error .ui.dropdown .item {
  background: #fff6f6;
  color: #9f3a38;
}
.ui.form .fields.error .field .ui.dropdown,
.ui.form .field.error .ui.dropdown {
  border-color: #e0b4b4 !important;
}
.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover {
  border-color: #e0b4b4 !important;
}
.ui.form .fields.error .field .ui.dropdown:hover .menu,
.ui.form .field.error .ui.dropdown:hover .menu {
  border-color: #e0b4b4;
}
.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.error .ui.multiple.selection.dropdown > .label {
  background-color: #eacbcb;
  color: #9f3a38;
}

/* Hover */
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .item:hover {
  background-color: #fbe7e7;
}

/* Selected */
.ui.form .fields.error .field .ui.dropdown .menu .selected.item,
.ui.form .field.error .ui.dropdown .menu .selected.item {
  background-color: #fbe7e7;
}

/* Active */
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
.ui.form .field.error .ui.dropdown .menu .active.item {
  background-color: #fdcfcf !important;
}

/*--------------------
    Checkbox Error
---------------------*/

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
  color: #9f3a38;
}
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
  background: #fff6f6;
  border-color: #e0b4b4;
}
.ui.form .fields.error .field .checkbox label:after,
.ui.form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .field.error .checkbox .box:after {
  color: #9f3a38;
}

/*--------------------
       Disabled
---------------------*/

.ui.form .disabled.fields .field,
.ui.form .disabled.field,
.ui.form .field :disabled {
  pointer-events: none;
  opacity: 0.45;
}
.ui.form .field.disabled label {
  opacity: 0.45;
}
.ui.form .field.disabled :disabled {
  opacity: 1;
}

/*--------------
    Loading
---------------*/

.ui.loading.form {
  position: relative;
  cursor: default;
  point-events: none;
}
.ui.loading.form:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100;
}
.ui.loading.form:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: form-spin 0.6s linear;
          animation: form-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101;
}
@-webkit-keyframes form-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes form-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/*******************************
         Element Types
*******************************/


/*--------------------
     Required Field
---------------------*/

.ui.form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.field > label:after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after {
  margin: -0.2em 0em 0em 0.2em;
  content: '*';
  color: #db2828;
}
.ui.form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.field > label:after {
  display: inline-block;
  vertical-align: top;
}
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after {
  position: absolute;
  top: 0%;
  left: 100%;
}


/*******************************
           Variations
*******************************/


/*--------------------
    Inverted Colors
---------------------*/

.ui.inverted.form label,
.ui.form .inverted.segment label,
.ui.form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment .ui.checkbox .box,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form .ui.checkbox .box {
  color: rgba(255, 255, 255, 0.9);
}

/* Inverted Field */
.ui.inverted.form input:not([type]),
.ui.inverted.form input[type="date"],
.ui.inverted.form input[type="datetime-local"],
.ui.inverted.form input[type="email"],
.ui.inverted.form input[type="number"],
.ui.inverted.form input[type="password"],
.ui.inverted.form input[type="search"],
.ui.inverted.form input[type="tel"],
.ui.inverted.form input[type="time"],
.ui.inverted.form input[type="text"],
.ui.inverted.form input[type="url"] {
  background: #ffffff;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
}

/*--------------------
     Field Groups
---------------------*/


/* Grouped Vertically */
.ui.form .grouped.fields {
  display: block;
  margin: 0em 0em 1em;
}
.ui.form .grouped.fields:last-child {
  margin-bottom: 0em;
}
.ui.form .grouped.fields > label {
  margin: 0em 0em 0.28571429rem 0em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none;
}
.ui.form .grouped.fields .field,
.ui.form .grouped.inline.fields .field {
  display: block;
  margin: 0.5em 0em;
  padding: 0em;
}

/*--------------------
        Fields
---------------------*/


/* Split fields */
.ui.form .fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.ui.form .fields > .field {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.form .fields > .field:first-child {
  border-left: none;
  box-shadow: none;
}

/* Other Combinations */
.ui.form .two.fields > .fields,
.ui.form .two.fields > .field {
  width: 50%;
}
.ui.form .three.fields > .fields,
.ui.form .three.fields > .field {
  width: 33.33333333%;
}
.ui.form .four.fields > .fields,
.ui.form .four.fields > .field {
  width: 25%;
}
.ui.form .five.fields > .fields,
.ui.form .five.fields > .field {
  width: 20%;
}
.ui.form .six.fields > .fields,
.ui.form .six.fields > .field {
  width: 16.66666667%;
}
.ui.form .seven.fields > .fields,
.ui.form .seven.fields > .field {
  width: 14.28571429%;
}
.ui.form .eight.fields > .fields,
.ui.form .eight.fields > .field {
  width: 12.5%;
}
.ui.form .nine.fields > .fields,
.ui.form .nine.fields > .field {
  width: 11.11111111%;
}
.ui.form .ten.fields > .fields,
.ui.form .ten.fields > .field {
  width: 10%;
}

/* Swap to full width on mobile */
@media only screen and (max-width: 767px) {
  .ui.form .fields {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .ui.form .two.fields > .fields,
  .ui.form .two.fields > .field,
  .ui.form .three.fields > .fields,
  .ui.form .three.fields > .field,
  .ui.form .four.fields > .fields,
  .ui.form .four.fields > .field,
  .ui.form .five.fields > .fields,
  .ui.form .five.fields > .field,
  .ui.form .six.fields > .fields,
  .ui.form .six.fields > .field,
  .ui.form .seven.fields > .fields,
  .ui.form .seven.fields > .field,
  .ui.form .eight.fields > .fields,
  .ui.form .eight.fields > .field,
  .ui.form .nine.fields > .fields,
  .ui.form .nine.fields > .field,
  .ui.form .ten.fields > .fields,
  .ui.form .ten.fields > .field {
    width: 100% !important;
    margin: 0em 0em 1em;
    padding-left: 0%;
    padding-right: 0%;
  }
}
.ui.form .fields .field:first-child {
  padding-left: 0%;
}
.ui.form .fields .field:last-child {
  padding-right: 0%;
}

/* Sizing Combinations */
.ui.form .fields .wide.field {
  width: 6.25%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.form .fields .wide.field:first-child {
  padding-left: 0%;
}
.ui.form .fields .wide.field:last-child {
  padding-right: 0%;
}
.ui.form .one.wide.field {
  width: 6.25% !important;
}
.ui.form .two.wide.field {
  width: 12.5% !important;
}
.ui.form .three.wide.field {
  width: 18.75% !important;
}
.ui.form .four.wide.field {
  width: 25% !important;
}
.ui.form .five.wide.field {
  width: 31.25% !important;
}
.ui.form .six.wide.field {
  width: 37.5% !important;
}
.ui.form .seven.wide.field {
  width: 43.75% !important;
}
.ui.form .eight.wide.field {
  width: 50% !important;
}
.ui.form .nine.wide.field {
  width: 56.25% !important;
}
.ui.form .ten.wide.field {
  width: 62.5% !important;
}
.ui.form .eleven.wide.field {
  width: 68.75% !important;
}
.ui.form .twelve.wide.field {
  width: 75% !important;
}
.ui.form .thirteen.wide.field {
  width: 81.25% !important;
}
.ui.form .fourteen.wide.field {
  width: 87.5% !important;
}
.ui.form .fifteen.wide.field {
  width: 93.75% !important;
}
.ui.form .sixteen.wide.field {
  width: 100% !important;
}

/* Swap to full width on mobile */
@media only screen and (max-width: 767px) {
  .ui.form .two.fields > .fields,
  .ui.form .two.fields > .field,
  .ui.form .three.fields > .fields,
  .ui.form .three.fields > .field,
  .ui.form .four.fields > .fields,
  .ui.form .four.fields > .field,
  .ui.form .five.fields > .fields,
  .ui.form .five.fields > .field,
  .ui.form .fields > .two.wide.field,
  .ui.form .fields > .three.wide.field,
  .ui.form .fields > .four.wide.field,
  .ui.form .fields > .five.wide.field,
  .ui.form .fields > .six.wide.field,
  .ui.form .fields > .seven.wide.field,
  .ui.form .fields > .eight.wide.field,
  .ui.form .fields > .nine.wide.field,
  .ui.form .fields > .ten.wide.field,
  .ui.form .fields > .eleven.wide.field,
  .ui.form .fields > .twelve.wide.field,
  .ui.form .fields > .thirteen.wide.field,
  .ui.form .fields > .fourteen.wide.field,
  .ui.form .fields > .fifteen.wide.field,
  .ui.form .fields > .sixteen.wide.field {
    width: 100% !important;
    margin: 0em 0em 1em;
    padding-left: 0%;
    padding-right: 0%;
  }
}

/*--------------------
     Equal Width
---------------------*/

.ui[class*="equal width"].form .fields > .field,
.ui.form [class*="equal width"].fields > .field {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

/*--------------------
    Inline Fields
---------------------*/

.ui.form .inline.fields {
  margin: 0em 0em 1em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui.form .inline.fields .field {
  margin: 0em;
  padding: 0em 1em 0em 0em;
}

/* Inline Label */
.ui.form .inline.fields > label,
.ui.form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
.ui.form .inline.field > label,
.ui.form .inline.field > p {
  display: inline-block;
  width: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: baseline;
  font-size: 0.92857143em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  text-transform: none;
}

/* Grouped Inline Label */
.ui.form .inline.fields > label {
  margin: 0.035714em 1em 0em 0em;
}

/* Inline Input */
.ui.form .inline.fields .field > input,
.ui.form .inline.fields .field > select,
.ui.form .inline.field > input,
.ui.form .inline.field > select {
  display: inline-block;
  width: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: middle;
  font-size: 1em;
}

/* Label */
.ui.form .inline.fields .field > :first-child,
.ui.form .inline.field > :first-child {
  margin: 0em 0.85714286em 0em 0em;
}
.ui.form .inline.fields .field > :only-child,
.ui.form .inline.field > :only-child {
  margin: 0em;
}

/* Wide */
.ui.form .inline.fields .wide.field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui.form .inline.fields .wide.field > input,
.ui.form .inline.fields .wide.field > select {
  width: 100%;
}

/*--------------------
        Sizes
---------------------*/


/* Standard */
.ui.small.form {
  font-size: 0.92857143rem;
}

/* Medium */
.ui.form {
  font-size: 1rem;
}

/* Large */
.ui.large.form {
  font-size: 1.14285714rem;
}

/* Huge */
.ui.huge.form {
  font-size: 1.42857143rem;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/*!
 * # Semantic UI 2.1.7 - Input
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
           Standard
*******************************/


/*--------------------
        Inputs
---------------------*/

.ui.input {
  position: relative;
  font-weight: normal;
  font-style: normal;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: rgba(0, 0, 0, 0.87);
}
.ui.input input {
  margin: 0;
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.2142em;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding: 0.5em 1em;
  background: #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
          transition: box-shadow 0.1s ease, border-color 0.1s ease;
  box-shadow: none;
}

.ui.input.search .icon-icon-search {
  background: transparent;
  border: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
  opacity: 0.6;
  outline: 0;
  margin: 0;
  padding: 10px;
}

/*--------------------
      Placeholder
---------------------*/


/* browsers require these rules separate */
.ui.input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.ui.input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.ui.input input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}


/*******************************
            States
*******************************/


/*--------------------
        Disabled
---------------------*/

.ui.disabled.input,
.ui.input input[disabled] {
  opacity: 0.45;
}
.ui.disabled.input input {
  pointer-events: none;
}

/*--------------------
        Active
---------------------*/

.ui.input input:active,
.ui.input.down input {
  border-color: rgba(0, 0, 0, 0.3);
  background: #fafafa;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
}

/*--------------------
       Loading
---------------------*/

.ui.loading.loading.input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.loading.input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: button-spin 0.6s linear;
          animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}

/*--------------------
        Focus
---------------------*/

.ui.input.focus input,
.ui.input input:focus {
  border-color: #85b7d9;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: none;
}
.ui.input.focus input::-webkit-input-placeholder,
.ui.input input:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.ui.input.focus input::-moz-placeholder,
.ui.input input:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.ui.input.focus input::-ms-input-placeholder,
.ui.input input:focus::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.87);
}

/*--------------------
        Error
---------------------*/

.ui.input.error input {
  background-color: #fff6f6;
  border-color: #e0b4b4;
  color: #9f3a38;
  box-shadow: none;
}

/* Error Placeholder */
.ui.input.error input::-webkit-input-placeholder {
  color: #e7bdbc;
}
.ui.input.error input::-moz-placeholder {
  color: #e7bdbc;
}
.ui.input.error input::-ms-input-placeholder {
  color: #e7bdbc;
}

/* Focused Error Placeholder */
.ui.input.error input:focus::-webkit-input-placeholder {
  color: #da9796;
}
.ui.input.error input:focus::-moz-placeholder {
  color: #da9796;
}
.ui.input.error input:focus::-ms-input-placeholder {
  color: #da9796;
}


/*******************************
           Variations
*******************************/


/*--------------------
      Transparent
---------------------*/

.ui.transparent.input input {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0em !important;
  box-shadow: none !important;
}

/* Transparent Icon */
.ui.transparent.icon.input > i.icon {
  width: 1.1em;
}
.ui.transparent.icon.input > input {
  padding-left: 0em !important;
  padding-right: 2em !important;
}
.ui.transparent[class*="left icon"].input > input {
  padding-left: 2em !important;
  padding-right: 0em !important;
}

/* Transparent Inverted */
.ui.transparent.inverted.input {
  color: #ffffff;
}
.ui.transparent.inverted.input input {
  color: inherit;
}
.ui.transparent.inverted.input input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/*--------------------
         Icon
---------------------*/

.ui.icon.input > i.icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0px;
  right: 0px;
  margin: 0em;
  height: 100%;
  width: 2.67142857em;
  opacity: 0.5;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  -webkit-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease;
}
.ui.icon.input > i.icon:not(.link) {
  pointer-events: none;
}
.ui.icon.input input {
  padding-right: 2.67142857em !important;
}
.ui.icon.input > i.icon:before,
.ui.icon.input > i.icon:after {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: -0.5em;
}
.ui.icon.input > i.link.icon {
  cursor: pointer;
}
.ui.icon.input > i.circular.icon {
  top: 0.35em;
  right: 0.5em;
}

/* Left Icon Input */
.ui[class*="left icon"].input > i.icon {
  right: auto;
  left: 1px;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui[class*="left icon"].input > i.circular.icon {
  right: auto;
  left: 0.5em;
}
.ui[class*="left icon"].input > input {
  padding-left: 2.67142857em !important;
  padding-right: 1em !important;
}

/* Focus */
.ui.icon.input > input:focus ~ i.icon {
  opacity: 1;
}

/*--------------------
        Labeled
---------------------*/


/* Adjacent Label */
.ui.labeled.input > .label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  font-size: 1em;
}
.ui.labeled.input > .label:not(.corner) {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
}

/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-color: transparent;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
  border-left-color: #85b7d9;
}

/* Regular Label on Right */
.ui[class*="right labeled"].input input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right-color: transparent !important;
}
.ui[class*="right labeled"].input input + .label {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui[class*="right labeled"].input input:focus {
  border-right-color: #85b7d9 !important;
}

/* Corner Label */
.ui.labeled.input .corner.label {
  top: 1px;
  right: 1px;
  font-size: 0.64285714em;
  border-radius: 0em 0.28571429rem 0em 0em;
}

/* Spacing with corner label */
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input input {
  padding-right: 2.5em !important;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
  padding-right: 3.25em !important;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
  margin-right: 1.25em;
}

/* Left Labeled */
.ui[class*="left corner labeled"].labeled.input input {
  padding-left: 2.5em !important;
}
.ui[class*="left corner labeled"].icon.input > input {
  padding-left: 3.25em !important;
}
.ui[class*="left corner labeled"].icon.input > .icon {
  margin-left: 1.25em;
}

/* Corner Label Position  */
.ui.input > .ui.corner.label {
  top: 1px;
  right: 1px;
}
.ui.input > .ui.left.corner.label {
  right: auto;
  left: 1px;
}

/*--------------------
        Action
---------------------*/

.ui.action.input > .button,
.ui.action.input > .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.ui.action.input > .button,
.ui.action.input > .buttons > .button {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
  margin: 0;
}

/* Button on Right */
.ui.action.input:not([class*="left action"]) > input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right-color: transparent !important;
}
.ui.action.input:not([class*="left action"]) > .dropdown,
.ui.action.input:not([class*="left action"]) > .button,
.ui.action.input:not([class*="left action"]) > .buttons > .button {
  border-radius: 0px;
}
.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
.ui.action.input:not([class*="left action"]) > .button:last-child,
.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
  border-radius: 0px 0.28571429rem 0.28571429rem 0px;
}

/* Input Focus */
.ui.action.input:not([class*="left action"]) input:focus {
  border-right-color: #85b7d9 !important;
}

/* Button on Left */
.ui[class*="left action"].input > input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left-color: transparent !important;
}
.ui[class*="left action"].input > .dropdown,
.ui[class*="left action"].input > .button,
.ui[class*="left action"].input > .buttons > .button {
  border-radius: 0px;
}
.ui[class*="left action"].input > .dropdown:first-child,
.ui[class*="left action"].input > .button:first-child,
.ui[class*="left action"].input > .buttons:first-child > .button {
  border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}

/* Input Focus */
.ui[class*="left action"].input > input:focus {
  border-left-color: #85b7d9 !important;
}

/*--------------------
       Inverted
---------------------*/


/* Standard */
.ui.inverted.input input {
  border: none;
}

/*--------------------
        Fluid
---------------------*/

.ui.fluid.input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ui.fluid.input > input {
  width: 0px !important;
}

/*--------------------
        Size
---------------------*/

.ui.mini.input {
  font-size: 0.71428571em;
}
.ui.small.input {
  font-size: 0.92857143em;
}
.ui.input {
  font-size: 1em;
}
.ui.large.input {
  font-size: 1.14285714em;
}
.ui.big.input {
  font-size: 1.28571429em;
}
.ui.huge.input {
  font-size: 1.42857143em;
}
.ui.massive.input {
  font-size: 1.71428571em;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/


/**************************************
    Form element valid/invalid states
***************************************/
.ui.form .field input ~ i{
  position: absolute;
  right: 5px;
  top: 47px;
  display: none;
}

#sign-up-form.ui.form .field:not(.checkboxes){ 
  margin: 0;  
}

#sign-up-form .field input ~ i{
    top: 42px;
}

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

.ui.form .field input.valid ~ i.icon-icon-tick{
  display: block;
  color: #36BB17;
  z-index: 100;
}

.ui.form .field input.error, .ui.form .field input.econnect-error{
  border: 1px solid #ee3123;
}
.ui.form .field input.error ~ i.icon-icon-alert{
  display: block;
  color: #ee3123;
  z-index: 100;
}

.ui.form .field input.econnect-error ~ i.icon-icon-alert{
  display: block;
  color: #ee3123;
  z-index: 100;
}

.ui.form .field input.econnect-error ~ i.icon-icon-tick, .ui.form .field input.error ~ i.icon-icon-tick{
  display: none;
}

.ui.form .field label.error{
  color: #ee3123;
  font-size: 0.9em!important;
  font-weight: normal;
  padding: 10px 0 0 0;
  display: block;
}

.ui.form .field select.error ~ .text{
  border: 1px solid #ee3123 !important;
}

input::-ms-clear{
  display: none;
}

/*!
 * # Semantic UI 2.1.7 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
           Checkbox
*******************************/


/*--------------
    Content
---------------*/

.ui.checkbox {
  position: relative;
  display: inline-block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  outline: none;
  vertical-align: baseline;
  font-style: normal;
  min-height: 20px;
  font-size: 1rem;
  line-height: 22px;
  min-width: 20px;
}

/* HTML Checkbox */
.ui.checkbox input[type="checkbox"],
.ui.checkbox input[type="radio"] {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0 !important;
  outline: none;
  z-index: 3;
  width: 23px;
  height: 23px;
}

/*--------------
      Box
---------------*/

.ui.checkbox .box,
.ui.checkbox label {
  cursor: auto;
  position: relative;
  display: block;
  padding-left: 1.85714em;
  outline: none;
  font-size: 16px;
}
.ui.checkbox .box:before,
.ui.checkbox label:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  content: '';
  background: #ffffff;
  border-radius: 0.21428571rem;
  -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
          transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  border: 1px solid #d4d4d5;
}

/*--------------
    Checkmark
---------------*/

.ui.checkbox .box:after,
.ui.checkbox label:after {
  position: absolute;
  font-size: 16px;
  line-height: 22px;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  text-align: center;
  opacity: 0;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
          transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
}

/*--------------
      Label
---------------*/


/* Inside */
.ui.checkbox label,
.ui.checkbox + label {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: color 0.1s ease;
          transition: color 0.1s ease;
}

/* Outside */
.ui.checkbox + label {
  vertical-align: middle;
}


/*******************************
           States
*******************************/


/*--------------
      Hover
---------------*/

.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
  background: #ffffff;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox label:hover,
.ui.checkbox + label:hover {
  color: rgba(0, 0, 0, 0.8);
}

/*--------------
      Down
---------------*/

.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
  background: #f9fafb;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox .box:active::after,
.ui.checkbox label:active::after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:active ~ label {
  color: rgba(0, 0, 0, 0.95);
}


/*--------------
     Active
---------------*/

.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
  background: #ffffff;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  opacity: 1;
  color: #5abc4f;
}

/*--------------
  Indeterminate
---------------*/

.ui.checkbox input:indeterminate ~ .box:before,
.ui.checkbox input:indeterminate ~ label:before {
  background: #ffffff;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:indeterminate ~ .box:after,
.ui.checkbox input:indeterminate ~ label:after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95);
}



/*--------------
    Read-Only
---------------*/

.ui.read-only.checkbox,
.ui.read-only.checkbox label {
  cursor: default;
}

/*--------------
     Disabled
---------------*/

.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label,
.ui.checkbox input[disabled] ~ .box:after,
.ui.checkbox input[disabled] ~ label {
  cursor: default!important;
  opacity: 0.6;
  color: #000000;
}

.ui.disabled.checkbox label, .ui.checkbox input[disabled] ~ label{
  opacity: 1;
}
.ui.disabled.checkbox .box:after .link,
.ui.disabled.checkbox label,
.ui.checkbox input[disabled] ~ .box:after .link,
.ui.checkbox input[disabled] ~ label .link {
  cursor: default!important;
}
.ui.checkbox input[disabled] ~ label:before {
    background: #D6D6D6;
    border: 1px solid #C1C1C1;
}
.ui.checkbox input[disabled] ~ label:hover::before {
    border-color: #D6D6D6;
    border: 1px solid #C1C1C1;
}

/*--------------
     Hidden
---------------*/


/* Initialized checkbox moves input below element
 to prevent manually triggering */
.ui.checkbox input.hidden {
  z-index: -1;
}

/* Selectable Label */
.ui.checkbox input.hidden + label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}


/*******************************
             Types
*******************************/


/*--------------
     Radio
---------------*/

.ui.radio.checkbox {
  min-height: 23px;
}
.ui.radio.checkbox .box,
.ui.radio.checkbox label {
  padding-left: 1.85714em;
}

/* Box */
.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
  content: '';
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 22px;
  height: 22px;
  border-radius: 500rem;
  top: 1px;
  left: 0px;
}

/* Bullet */
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  border: none;
  content: '' !important;
  width: 22px;
  height: 22px;
  line-height: 22px;
}

/* Radio Checkbox */
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  top: 1px;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 500rem;
  -webkit-transform: scale(0.46666667);
      -ms-transform: scale(0.46666667);
          transform: scale(0.46666667);
  background-color: rgba(0, 0, 0, 0.87);
}

/* Focus */
.ui.radio.checkbox input:focus ~ .box:before,
.ui.radio.checkbox input:focus ~ label:before {
  background-color: #ffffff;
}
.ui.radio.checkbox input:focus ~ .box:after,
.ui.radio.checkbox input:focus ~ label:after {
  background-color: rgba(0, 0, 0, 0.95);
}

/* Indeterminate */
.ui.radio.checkbox input:indeterminate ~ .box:after,
.ui.radio.checkbox input:indeterminate ~ label:after {
  opacity: 0;
}

/* Active */
.ui.radio.checkbox input:checked ~ .box:before,
.ui.radio.checkbox input:checked ~ label:before {
  background-color: #ffffff;
}
.ui.radio.checkbox input:checked ~ .box:after,
.ui.radio.checkbox input:checked ~ label:after {
  background-color: #2163a0;
}

/* Active Focus */
.ui.radio.checkbox input:focus:checked ~ .box:before,
.ui.radio.checkbox input:focus:checked ~ label:before {
  background-color: #ffffff;
}
.ui.radio.checkbox input:focus:checked ~ .box:after,
.ui.radio.checkbox input:focus:checked ~ label:after {
  background-color: #2163a0;
}

/*--------------
     Slider
---------------*/

.ui.slider.checkbox {
  min-height: 1.25rem;
}

/* Input */
.ui.slider.checkbox input {
  width: 3.5rem;
  height: 1.25rem;
}

/* Label */
.ui.slider.checkbox .box,
.ui.slider.checkbox label {
  padding-left: 4.5rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, 0.4);
}

/* Line */
.ui.slider.checkbox .box:before,
.ui.slider.checkbox label:before {
  display: block;
  position: absolute;
  content: '';
  border: none !important;
  left: 0em;
  z-index: 1;
  top: 0.4rem;
  background-color: rgba(0, 0, 0, 0.05);
  width: 3.5rem;
  height: 0.21428571rem;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  border-radius: 500rem;
  -webkit-transition: background 0.3s ease;
          transition: background 0.3s ease;
}

/* Handle */
.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
  background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: -0.25rem;
  left: 0em;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  border-radius: 500rem;
  -webkit-transition: left 0.3s ease;
          transition: left 0.3s ease;
}

/* Focus */
.ui.slider.checkbox input:focus ~ .box:before,
.ui.slider.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Hover */
.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.slider.checkbox .box:hover::before,
.ui.slider.checkbox label:hover::before {
  background: rgba(0, 0, 0, 0.15);
}

/* Active */
.ui.slider.checkbox input:checked ~ .box,
.ui.slider.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:checked ~ .box:before,
.ui.slider.checkbox input:checked ~ label:before {
  background-color: #545454 !important;
}
.ui.slider.checkbox input:checked ~ .box:after,
.ui.slider.checkbox input:checked ~ label:after {
  left: 2rem;
}

/* Active Focus */
.ui.slider.checkbox input:focus:checked ~ .box,
.ui.slider.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:focus:checked ~ .box:before,
.ui.slider.checkbox input:focus:checked ~ label:before {
  background-color: #000000 !important;
}

/*--------------
     Toggle
---------------*/

.ui.toggle.checkbox {
  min-height: 1.5rem;
}

/* Input */
.ui.toggle.checkbox input {
  width: 3.5rem;
  height: 1.5rem;
}

/* Label */
.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
  min-height: 1.5rem;
  padding-left: 4.5rem;
  color: rgba(0, 0, 0, 0.87);
}
.ui.toggle.checkbox label {
  padding-top: 0.15em;
}

/* Switch */
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
  display: block;
  position: absolute;
  content: '';
  z-index: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  border: none;
  top: 0rem;
  background: rgba(0, 0, 0, 0.05);
  width: 3.5rem;
  height: 1.5rem;
  border-radius: 500rem;
}

/* Handle */
.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
  background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: 0rem;
  left: 0em;
  border-radius: 500rem;
  -webkit-transition: background 0.3s ease, left 0.3s ease;
          transition: background 0.3s ease, left 0.3s ease;
}
.ui.toggle.checkbox input ~ .box:after,
.ui.toggle.checkbox input ~ label:after {
  left: -0.05rem;
}

/* Focus */
.ui.toggle.checkbox input:focus ~ .box:before,
.ui.toggle.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Hover */
.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox label:hover::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Active */
.ui.toggle.checkbox input:checked ~ .box,
.ui.toggle.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #2185d0 !important;
}
.ui.toggle.checkbox input:checked ~ .box:after,
.ui.toggle.checkbox input:checked ~ label:after {
  left: 2.15rem;
}

/* Active Focus */
.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ label:before {
  background-color: #0d71bb !important;
}


/*******************************
            Variations
*******************************/


/*--------------
     Fitted
---------------*/

.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
  padding-left: 0em !important;
}
.ui.fitted.toggle.checkbox,
.ui.fitted.toggle.checkbox {
  width: 3.5rem;
}
.ui.fitted.slider.checkbox,
.ui.fitted.slider.checkbox {
  width: 3.5rem;
}


/*******************************
         Theme Overrides
*******************************/

/* Checkmark */
.ui.checkbox label:after,
.ui.checkbox .box:after {
  font-family: 'wegmanicons';
}

/* Checked */
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  content: '\e965';
}


/*******************************
         Site Overrides
*******************************/

/* Input Spinner */

.spinner-input {
    float: left;
    width: 40px;
    height: 34px;
    padding: 0;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    border: 1px #979797 solid;
    background: none;
    outline: none;
}

.spinner {
    display: inline-block;
}

.spinner.disabled > .sub,
.spinner.disabled > .add {
    color: #979797;
}

.spinner > .sub,
.spinner > .add {
    float: left;
    display: block;
    width: 20px;
    height: 34px;
    text-align: center;
    font-family: Lato;
    font-weight: 700;
    font-size: 0.8em;
    line-height: 33px;
    color: #2e2e2e;
    cursor: pointer;
    transition: 0.1s linear;
    -o-transition: 0.1s linear;
    -ms-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
}

.spinner > .add {
    top: 0;
    margin-left: 8px;
    margin-right: 0;
}

.spinner > .sub {
    margin-right: 8px;
}

.spinner > .sub:hover,
.spinner > .add:hover {
    color: #2a7ecd;
}

.spinner.disabled > .sub:hover,
.spinner.disabled > .add:hover {
    color: #979797;
    cursor: default;
}

.spinner > .sub:focus,
.spinner > .add:focus,
.spinner > .sub:visited,
.spinner > .add:visited {
    color: #104477;
}

.loading {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: auto;
    top: auto;
    bottom: 0;
    background: none;
    z-index: 1;
}

.product.loading {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: auto;
    top: auto;
    bottom: 0;
    background: none;
    z-index: 1;
}


.inner-loader {
    width: 25px;
    position: fixed;
    left: 56%;
    top: 56%;
    transform: translate(-50%, -50%);
}

.quickview-loading {
    padding: 10px;
}

.quickview-inner-loader {
    width: 25px;
    margin: 0 auto;
}

@media only screen and (max-width: 619px) {
    .spinner-input {
        width: 30px!important;
        height: 30px!important;
    }
    .inner-loader {
        left: 50%;
        top: 56%;
    }
    .spinner > .sub{
        margin-right: 3px;
    }
    .spinner > .add{
        margin-left: 3px;
    }
    .spinner > .sub:hover, .spinner > .add:hover{
        color: #2e2e2e;
    }
}
/*!
 * # Semantic UI 2.1.7 - Tab
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
           UI Tabs
*******************************/

.ui.tab {
  display: none;
  width: 100%;
}


/*******************************
             States
*******************************/


/*--------------------
       Active
---------------------*/

.ui.tab.active,
.ui.tab.open {
  display: block;
}

/*--------------------
       Loading
---------------------*/

.ui.tab.loading {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 250px;
}
.ui.tab.loading * {
  position: relative !important;
  left: -10000px !important;
}
.ui.tab.loading:before,
.ui.tab.loading.segment:before {
  position: absolute;
  content: '';
  top: 100px;
  left: 50%;
  margin: -1.25em 0em 0em -1.25em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.tab.loading:after,
.ui.tab.loading.segment:after {
  position: absolute;
  content: '';
  top: 100px;
  left: 50%;
  margin: -1.25em 0em 0em -1.25em;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation: button-spin 0.6s linear;
          animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}


/*******************************
         Tab Overrides
*******************************/



/*******************************
        User Overrides
*******************************/


/*
 * # Semantic - Menu
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributor
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Standard
*******************************/


/*--------------
      Menu
---------------*/

.ui.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0em;
  font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background: #ffffff;
  font-weight: normal;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  /* min-height: 2.85714286em; */
}
.ui.menu:after {
  content: '';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.ui.menu:first-child {
  margin-top: 0rem;
}
.ui.menu:last-child {
  margin-bottom: 0rem;
}

/*--------------
    Sub-Menu
---------------*/

.ui.menu .menu {
  margin: 0em;
}
.ui.menu:not(.left) > .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*--------------
      Item
---------------*/

.ui.menu .item {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  padding: 0.92857143em 1.14285714em;
  text-transform: none;
  color: #b2b2b2;
  font-weight: 700;
  text-transform: uppercase;
}

/* Border */
.ui.menu .item:before {
  position: absolute;
  content: '';
  top: 0%;
  right: 0px;
  height: 100%;
  width: 1px;
  background: rgba(34, 36, 38, 0.1);
}
.ui.bottom.menu .item:last-child:before {
  background: transparent;
}
.ui.top.menu .item:last-child:before {
  background: transparent;
}

/*--------------
  Text Content
---------------*/

.ui.menu .text.item > *,
.ui.menu .item > a:not(.ui),
.ui.menu .item > p:only-child {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  line-height: 1.3;
}
.ui.menu .item > p:first-child {
  margin-top: 0;
}
.ui.menu .item > p:last-child {
  margin-bottom: 0;
}

/*--------------
      Icons
---------------*/

.ui.menu .item > i.icon {
  opacity: 0.9;
  float: none;
  margin: 0em 0.35714286em 0em 0em;
}

/*--------------
     Button
---------------*/

.ui.menu:not(.left) .item > .button {
  position: relative;
  top: 0em;
  margin: -0.5em 0em;
  padding-bottom: 0.71428571em;
  padding-top: 0.71428571em;
  font-size: 1em;
}

/*----------------
 Grid / Container
-----------------*/

.ui.menu > .grid,
.ui.menu > .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: inherit;
      -ms-flex-direction: inherit;
          flex-direction: inherit;
}

/*--------------
     Inputs
---------------*/

.ui.menu .item > .input {
  width: 100%;
}
.ui.menu:not(.left) .item > .input {
  position: relative;
  top: 0em;
  margin: -0.5em 0em;
}
.ui.menu .item > .input input {
  font-size: 1em;
  padding-top: 0.57142857em;
  padding-bottom: 0.57142857em;
}

/*--------------
     Header
---------------*/

.ui.menu .header.item,
.ui.left.menu .header.item {
  margin: 0;
  background: '';
  text-transform: normal;
  font-weight: bold;
}
.ui.left.menu .item > .header:not(.ui) {
  margin: 0em 0em 0.5em;
  font-size: 1em;
  font-weight: bold;
}

/*--------------
     Popup
---------------*/

.ui.menu .ui.popup {
  display: none;
}
.ui.menu .ui.visible.popup {
  display: block;
}

/*--------------
    Dropdowns
---------------*/


/* Dropdown Icon */
.ui.menu .item > i.dropdown.icon {
  padding: 0em;
  float: right;
  margin: 0em 0em 0em 1em;
}

/* Menu */
.ui.menu .dropdown.item .menu {
  left: 0px;
  min-width: calc(100% - 1px);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  background: #ffffff;
  margin: 0em 0px 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

/* Menu Items */
.ui.menu .ui.dropdown .menu > .item {
  margin: 0;
  text-align: left;
  font-size: 1em !important;
  padding: 0.71428571em 1.14285714em !important;
  background: transparent !important;
  color: rgba(0, 0, 0, 0.87) !important;
  text-transform: none !important;
  font-weight: normal !important;
  box-shadow: none !important;
  -webkit-transition: none !important;
          transition: none !important;
}
.ui.menu .ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.menu .ui.dropdown .menu > .selected.item {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.menu .ui.dropdown .menu > .active.item {
  background: rgba(0, 0, 0, 0.03) !important;
  font-weight: bold !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
  display: block;
}
.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
  display: inline-block;
  font-size: 1em !important;
  float: none;
  margin: 0em 0.75em 0em 0em;
}

/* Secondary */
.ui.secondary.menu .dropdown.item > .menu,
.ui.text.menu .dropdown.item > .menu {
  border-radius: 0.28571429rem;
  margin-top: 0.35714286em;
}

/* Pointing */
.ui.menu .pointing.dropdown.item .menu {
  margin-top: 0.75em;
}

/* Inverted */
.ui.inverted.menu .search.dropdown.item > .search,
.ui.inverted.menu .search.dropdown.item > .text {
  color: rgba(255, 255, 255, 0.9);
}

/* left */
.ui.left.menu .dropdown.item > .icon {
  float: right;
  content: "\f0da";
  margin-left: 1em;
}
.ui.left.menu .dropdown.item .menu {
  top: 0% !important;
  left: 100%;
  min-width: 0;
  margin: 0em 0em 0em 0em;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem;
}
.ui.left.menu .active.dropdown.item {
  border-top-right-radius: 0em;
  border-bottom-right-radius: 0em;
}
.ui.left.menu .dropdown.active.item {
  box-shadow: none;
}

/* Evenly Divided */
.ui.item.menu .dropdown .menu .item {
  width: 100%;
}

/*--------------
     Labels
---------------*/

.ui.menu .item > .label {
  background: #999999;
  color: #ffffff;
  margin-left: 1em;
  padding: 0.3em 0.71428571em;
}
.ui.left.menu .item > .label {
  background: #999999;
  color: #ffffff;
  margin-top: -0.15em;
  margin-bottom: -0.15em;
  padding: 0.3em 0.71428571em;
}
.ui.menu .item > .floating.label {
  padding: 0.3em 0.71428571em;
}

/*--------------
     Images
---------------*/

.ui.menu .item > img:not(.ui) {
  display: inline-block;
  vertical-align: middle;
  margin: -0.3em 0em;
  width: 2.5em;
}
.ui.left.menu .item > img:not(.ui):only-child {
  display: block;
  max-width: 100%;
  width: auto;
}


/*******************************
          Coupling
*******************************/


/*--------------
     Sidebar
---------------*/


/* Show left dividers below last */
.ui.left.sidebar.menu > .item:first-child:before {
  display: block !important;
}
.ui.left.sidebar.menu > .item::before {
  top: auto;
  bottom: 0px;
}

/*--------------
    Container
---------------*/

@media only screen and (max-width: 767px) {
  .ui.menu > .ui.container {
    width: 100% !important;
    margin-left: 0em !important;
    margin-right: 0em !important;
  }
}
@media only screen and (min-width: 768px) {
  .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
    border-left: 1px solid rgba(34, 36, 38, 0.1);
  }
}


/*******************************
             States
*******************************/


/*--------------
      Hover
---------------*/

.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
     Pressed
---------------*/

.ui.link.menu .item:active,
.ui.menu .link.item:active,
.ui.menu a.item:active {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
     Active
---------------*/

.ui.menu .active.item {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  font-weight: normal;
  box-shadow: none;
}
.ui.menu .active.item > i.icon {
  opacity: 1;
}

/*--------------
  Active Hover
---------------*/

.ui.menu .active.item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
.ui.left.menu .item:hover {
  background-color: #fff;
  color: #272727;
}
.ui.left.menu .active.item:hover {
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.ui.bottom.menu .item:hover {
  background-color: transparent;
  color: #272727;
}
.ui.bottom.menu .active.item:hover {
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.ui.top.menu .item:hover {
  background-color: transparent;
  color: #272727;
}
.ui.top.menu .active.item:hover {
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/*--------------
     Disabled
---------------*/

.ui.menu .item.disabled,
.ui.menu .item.disabled:hover {
  cursor: default;
  background-color: transparent !important;
  color: rgba(40, 40, 40, 0.3);
}


/*******************************
             Types
*******************************/


/*------------------
Floated Menu / Item
-------------------*/

/* Left Floated */
.ui.menu:not(.left) .left.item,
.ui.menu:not(.left) .left.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto !important;
}

/* Right Floated */
.ui.menu:not(.left) .right.item,
.ui.menu:not(.left) .right.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto !important;
}

/* Swapped Borders */
.ui.menu .right.item::before,
.ui.menu .right.menu > .item::before {
  right: auto;
  left: 0;
}

/*--------------
    Vertical
---------------*/

.ui.left.menu {
   display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: rgba(34, 36, 38, 0.15);
  box-shadow: none;
  border-radius: 0;
  border: 0;
  width: 25%;
  height: 100%;
  margin-bottom: auto;
}
.tabbed-content-vertical {
  border: 1px solid rgba(151, 151, 151, 0.30);
  height: 470px;
  margin: 10px 0;
  overflow: hidden;
}
.tab-vertical-content-wrapper {
  width: 75%;
  height: 468px;
  overflow: auto;
  margin-bottom: auto;
}
.tab-vertical-content-wrapper .ui.tab.segment {
  padding: 10px 70px;
  height: 100%;
}
.tab-vertical-content-wrapper .ui.tab.segment.space {
  margin: 30px 0;
}
.tab-inner-content.box-align {
  height: 100%;
}
.tab-inner-content .image {
  max-width: 240px;
  margin: 0 auto;
}
.tab-inner-content h5 {
  margin: 0 0 10px 0;
}

/*--------------
    Bottom Menu
---------------*/

.ui.bottom.menu {
  background: #ffffff;
  box-shadow: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.ui.top.menu {
  background: #ffffff;
  box-shadow: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.tabbed-content-horizontal {
  border: 1px solid rgba(34, 36, 38, 0.15);
  height: 560px;
  margin: 10px 0;
  overflow: hidden;
}
.tab-horizontal-content-wrapper {
  width: 100%;
  height: 498px;
  overflow: auto;
  margin-bottom: auto;
}
.tab-horizontal-content-wrapper .ui.tab.segment {
  padding: 40px;
}

/*--- Item ---*/

.ui.left.menu .item {
  display: block;
  background: #fff;
  border-top: none;
  border-right: none;
  color: #272727;
  text-transform: capitalize;
  padding: 30px 20px;
  font-size: 18px;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.bottom.menu .item {
    background: none;
    border-right: none;
    color: #272727;
    padding: 21px 20px 20px 20px;
    flex: 1;
    text-transform: capitalize;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    border-top: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.top.menu .item {
    background: none;
    border-right: none;
    color: #272727;
    padding: 21px 20px 20px 20px;
    flex: 1;
    text-transform: capitalize;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}

/*--- Icon ---*/

.ui.left.menu .item > i.icon {
  width: 1.18em;
  float: right;
  margin: 0em 0em 0em 0.5em;
}
.ui.left.menu .item > .label + i.icon {
  float: none;
  margin: 0em 0.5em 0em 0em;
}

/*--- Border ---*/

.ui.left.menu .item:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0px;
  width: 100%;
  background: rgba(34, 36, 38, 0.1);
  height: 1px;
}
.ui.left.menu .item:first-child:before {
  display: none !important;
}

/*--- Sub Menu ---*/

.ui.left.menu .item > .menu {
  margin: 0.5em -1.14285714em 0em;
}
.ui.left.menu .menu .item {
  background: none;
  padding: 0.5em 1.33333333em;
  font-size: 0.85714286em;
  color: rgba(0, 0, 0, 0.5);
}
.ui.left.menu .item .menu a.item:hover,
.ui.left.menu .item .menu .link.item:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ui.left.menu .menu .item:before {
  display: none;
}

/* left Active */
.ui.left.menu .active.item {
  background: #104578;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-weight: 600;
}
.ui.left.menu .active.item .menu .active.item {
  border-left: none;
}
.ui.left.menu .item .menu .active.item {
  background-color: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
}

/* Bottom Menu */
.ui.bottom.menu .active.item {
  background: #104578;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-weight: 600;
  flex: 2;
}
.ui.bottom.menu .item > span {
  display: none;
}
.ui.bottom.menu .active.item > span {
  display: inline-block;
}
.ui.bottom.menu .active.item .menu .active.item {
  border-left: none;
}
.ui.bottom.menu .item .menu .active.item {
  background-color: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
}

/* Top Menu */
.ui.top.menu .active.item {
  background: #104578;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-weight: 600;
  flex: 2;
}
.ui.top.menu .item > span {
  display: none;
}
.ui.top.menu .active.item > span {
  display: inline-block;
}
.ui.top.menu .active.item .menu .active.item {
  border-left: none;
}
.ui.top.menu .item .menu .active.item {
  background-color: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
     Tabular
---------------*/

.ui.tabular.menu {
  border-radius: 0;
  box-shadow: none !important;
  border: none;
  background: none transparent;
  border-bottom: 1px solid #d4d4d5;
}
.ui.tabular.fluid.menu {
  width: calc(100% +  2px ) !important;
}
.ui.tabular.menu .item {
  background: transparent;
  border-bottom: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 2px solid transparent;
  padding: 0.92857143em 1.42857143em;
  color: rgba(0, 0, 0, 0.87);
}
.ui.tabular.menu .item:before {
  display: none;
}

/* Hover */
.ui.tabular.menu .item:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}

/* Active */
.ui.tabular.menu .active.item {
  background: none #ffffff;
  color: rgba(0, 0, 0, 0.95);
  border-top-width: 1px;
  border-color: #d4d4d5;
  font-weight: bold;
  margin-bottom: -1px;
  box-shadow: none;
  border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
}

/* Coupling with segment for attachment */
.ui.tabular.menu + .attached:not(.top).segment,
.ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
  border-top: none;
  margin: 0px;
  width: 100%;
}
.top.attached.segment + .ui.bottom.tabular.menu {
  position: relative;
  width: calc(100% +  2px );
  left: -1px;
}

/* Bottom Vertical Tabular */
.ui.bottom.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-top: 1px solid #d4d4d5;
}
.ui.bottom.tabular.menu .item {
  background: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: none;
}
.ui.bottom.tabular.menu .active.item {
  background: none #ffffff;
  color: rgba(0, 0, 0, 0.95);
  border-color: #d4d4d5;
  margin: -1px 0px 0px 0px;
  border-radius: 0px 0px 0.28571429rem 0.28571429rem !important;
}

/* Top Tabular */
.ui.top.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-top: 1px solid #d4d4d5;
}
.ui.top.tabular.menu .item {
  background: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: none;
}
.ui.top.tabular.menu .active.item {
  background: none #ffffff;
  color: rgba(0, 0, 0, 0.95);
  border-color: #d4d4d5;
  margin: -1px 0px 0px 0px;
  border-radius: 0px 0px 0.28571429rem 0.28571429rem !important;
}

/* Left Tabular (Left) */
.ui.left.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-right: 1px solid #d4d4d5;
}
.ui.left.tabular.menu .item {
  background: none;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: none;
}
.ui.left.tabular.menu .active.item {
  background: none #ffffff;
  color: rgba(0, 0, 0, 0.95);
  border-color: #d4d4d5;
  margin: 0px -1px 0px 0px;
  border-radius: 0.28571429rem 0px 0px 0.28571429rem !important;
}

/* left Right Tabular */
.ui.left.right.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-right: none;
  border-left: 1px solid #d4d4d5;
}
.ui.left.right.tabular.menu .item {
  background: none;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: none;
}
.ui.left.right.tabular.menu .active.item {
  background: none #ffffff;
  color: rgba(0, 0, 0, 0.95);
  border-color: #d4d4d5;
  margin: 0px 0px 0px -1px;
  border-radius: 0px 0.28571429rem 0.28571429rem 0px !important;
}

/* Dropdown */
.ui.tabular.menu .active.dropdown.item {
  margin-bottom: 0px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 2px solid transparent;
  border-bottom: none;
}

/*--------------
   Pagination
---------------*/

.ui.pagination.menu {
  margin: 0em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.ui.pagination.menu .item:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui.compact.menu .item:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui.pagination.menu .item:last-child:before {
  display: none;
}
.ui.pagination.menu .item {
  min-width: 3em;
  text-align: center;
}
.ui.pagination.menu .icon.item i.icon {
  vertical-align: top;
}

/* Active */
.ui.pagination.menu .active.item {
  border-top: none;
  padding-top: 0.92857143em;
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
}

/*--------------
   Secondary
---------------*/

.ui.secondary.menu {
  background: none;
  margin-left: -0.35714286em;
  margin-right: -0.35714286em;
  border-radius: 0em;
  border: none;
  box-shadow: none;
}

/* Item */
.ui.secondary.menu .item {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  box-shadow: none;
  border: none;
  padding: 0.71428571em 0.92857143em;
  margin: 0em 0.35714286em;
  background: none;
  -webkit-transition: color 0.1s ease;
          transition: color 0.1s ease;
  border-radius: 0.28571429rem;
}

/* No Divider */
.ui.secondary.menu .item:before {
  display: none !important;
}

/* Header */
.ui.secondary.menu .header.item {
  border-radius: 0em;
  border-right: none;
  background: none transparent;
}

/* Image */
.ui.secondary.menu .item > img:not(.ui) {
  margin: 0em;
}

/* Hover */
.ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}

/* Active */
.ui.secondary.menu .active.item {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  border-radius: 0.28571429rem;
}

/* Active Hover */
.ui.secondary.menu .active.item:hover {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}

/* Inverted */
.ui.secondary.inverted.menu .link.item,
.ui.secondary.inverted.menu a.item {
  color: rgba(255, 255, 255, 0.7) !important;
}
.ui.secondary.inverted.menu .dropdown.item:hover,
.ui.secondary.inverted.menu .link.item:hover,
.ui.secondary.inverted.menu a.item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff !important;
}
.ui.secondary.inverted.menu .active.item {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff !important;
}

/* Fix item margins */
.ui.secondary.item.menu {
  margin-left: 0;
  margin-right: 0;
}
.ui.secondary.item.menu .item:last-child {
  margin-right: 0;
}
.ui.secondary.attached.menu {
  box-shadow: none;
}

/* Sub Menu */
.ui.left.secondary.menu .item:not(.dropdown) > .menu {
  margin: 0 -0.92857143em;
}
.ui.left.secondary.menu .item:not(.dropdown) > .menu > .item {
  margin: 0;
  padding: 0.5em 1.33333333em;
}

/*---------------------
   Secondary left
-----------------------*/

.ui.secondary.left.menu > .item {
  border: none;
  margin: 0em 0em 0.35714286em;
  border-radius: 0.28571429rem !important;
}
.ui.secondary.left.menu > .header.item {
  border-radius: 0em;
}

/* Sub Menu */
.ui.left.secondary.menu .item > .menu .item {
  background-color: transparent;
}

/* Inverted */
.ui.secondary.inverted.menu {
  background-color: transparent;
}

/*---------------------
   Secondary Pointing
-----------------------*/

.ui.secondary.pointing.menu {
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.secondary.pointing.menu.center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: 0 auto;
}
.tabbed-carousel-full-tabs .ui.secondary.pointing.menu.center {
    margin-bottom: 1em;
}
.tabbed-carousel-half-tabs .ui.secondary.pointing.menu.center {
    width: 100%;
    margin-bottom: 3em;
}
.ui.secondary.pointing.menu .item {
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-radius: 0;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin: 0 0 -1px;
  border-bottom: 5px solid transparent;
  padding: 0.65714286em 0.8em;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
  margin-right: 20px;
}
.ui.secondary.pointing.menu .item:last-child {
    margin-right: 0;
}

.ui.secondary.pointing.component.menu .item {
    border-bottom: 1px solid transparent;
}

/* Item Types */
.ui.secondary.pointing.menu .header.item {
  color: rgba(0, 0, 0, 0.85) !important;
}
.ui.secondary.pointing.menu .text.item {
  box-shadow: none !important;
}
.ui.secondary.pointing.menu .item:after {
  display: none;
}


/* Hover */
.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
  background-color: transparent;
  color: #b2b2b2;
}

/* Pressed */
.ui.secondary.pointing.menu .dropdown.item:active,
.ui.secondary.pointing.menu .link.item:active,
.ui.secondary.pointing.menu a.item:active {
  background-color: transparent;
  border-color: rgba(34, 36, 38, 0.15);
}

/* Active */
.ui.secondary.pointing.menu .active.item {
  background-color: transparent;
  box-shadow: none;
  font-weight: bold;
  border-color: #ffd200;
  border-width: 5px;
  color: #000000;
}

/* Active Hover */
.ui.secondary.pointing.menu .active.item:hover {
  border-color: #ffd200;
  color: #000000;
  cursor: default;
  -webkit-user-select: none;
}

/* Active Dropdown */
.ui.secondary.pointing.menu .active.dropdown.item {
  border-color: transparent;
}

/* Vertical Pointing */
.ui.secondary.left.pointing.menu {
  border-bottom-width: 0;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: rgba(34, 36, 38, 0.15);
}
.ui.secondary.left.pointing.menu .item {
  border-bottom: none;
  border-right-style: solid;
  border-right-color: transparent;
  border-radius: 0 !important;
  margin: 0 -2px 0 0;
  border-right-width: 2px;
}

/* left Active */
.ui.secondary.left.pointing.menu .active.item {
  border-color: #1b1c1d;
}

/* Inverted */
.ui.secondary.inverted.pointing.menu {
  border-color: rgba(255, 255, 255, 0.1);
}
.ui.secondary.inverted.pointing.menu {
  border-width: 2px;
  border-color: rgba(34, 36, 38, 0.15);
}
.ui.secondary.inverted.pointing.menu .item {
  color: rgba(255, 255, 255, 0.9);
}
.ui.secondary.inverted.pointing.menu .header.item {
  color: #ffffff !important;
}

/* Hover */
.ui.secondary.inverted.pointing.menu .item:hover {
  color: rgba(0, 0, 0, 0.95);
}

/* Active */
.ui.secondary.inverted.pointing.menu .active.item {
  border-color: #ffffff;
  color: #ffffff;
}

/*-------------------
       Pointing
--------------------*/

.ui.pointing.menu .item:after {
  visibility: hidden;
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background: none;
  margin: 0.5px 0 0;
  width: 0.57142857em;
  height: 0.57142857em;
  border: none;
  border-bottom: 1px solid #d4d4d5;
  border-right: 1px solid #d4d4d5;
  z-index: 2;
}
.ui.left.pointing.menu .item:after {
  top: 50%;
  right: 0%;
  bottom: 0;
  left: 100%;
  width: 1.2em;
  height: 1.2em;
  margin: 0 -0.4px 0 0;
  border: 0;
}
.ui.bottom.pointing.menu .item:after {
  bottom: 100%;
  top: 0;
  left: 50%;
  background: none;
  margin: 0;
  width: 1.4em;
  height: 1.4em;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(225deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(225deg);
  transform: translateX(-50%) translateY(-50%) rotate(225deg);
  border-bottom: 1px solid #104578;
  border-right: 1px solid #104578;
}

.ui.top.pointing.menu .item:after {
  bottom: 0;
  top: 100%;
  left: 50%;
  background: none;
  margin: 0;
  width: 1.4em;
  height: 1.4em;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(225deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(225deg);
  transform: translateX(-50%) translateY(-50%) rotate(225deg);
  border-bottom: 1px solid #104578;
  border-right: 1px solid #104578;
}

/* Active */
.ui.pointing.menu .active.item:after {
  visibility: visible;
}
.ui.pointing.menu .active.dropdown.item:after {
  visibility: hidden;
}

/* Don't double up pointers */
.ui.pointing.menu .dropdown.active.item:after,
.ui.pointing.menu .active.item .menu .active.item:after {
  display: none;
}

/* Colors */
.ui.pointing.menu .active.item:after {
  background-color: #f2f2f2;
}
.ui.left.pointing.menu .active.item:after {
  background-color: #104578;
  border-top: 1px solid #104578;
  border-right: 1px solid #104578;
}
.ui.left.pointing.menu .menu .active.item:after {
  background-color: #ffffff;
}

.ui.bottom.pointing.menu .active.item:after {
  background-color: #104578;
  border-top: 1px solid #104578;
  border-right: 1px solid #104578;
}
.ui.bottom.pointing.menu .menu .active.item:after {
  background-color: #ffffff;
}

.ui.top.pointing.menu .active.item:after {
  background-color: #104578;
  border-top: 1px solid #104578;
  border-right: 1px solid #104578;
}
.ui.top.pointing.menu .menu .active.item:after {
  background-color: #ffffff;
}

/*---------------------
   Secondary Pointing Component
-----------------------*/

.ui.secondary.pointing.component.menu .active.item {
    border: 1px solid #cccccc!important;
    color: #000!important;
}
.ui.pointing.component.menu .active.item:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0) rotate(0);
      -ms-transform: translateX(-50%) translateY(0) rotate(0);
          transform: translateX(-50%) translateY(0) rotate(0);
  background: none;
  margin: 0;
  z-index: 2;
  width: 0;
  height: 0;
  border: none;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ffd200;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
.ui.secondary.pointing.component.menu .active.item:after,
.ui.secondary.pointing.component.menu .item:before {
  display: block!important;
}
.ui.secondary.pointing.component.menu .dropdown.item:hover,
.ui.secondary.pointing.component.menu .link.item:hover,
.ui.secondary.pointing.component.menu a.item:hover {
  background-color: transparent;
  border-bottom-width: 1px;
  color: #b2b2b2;
}
.ui.pointing.component.menu .active.item:after {
  background-color: transparent;
}
.ui.pointing.component.menu .item:before {
    background: transparent;
}
.ui.pointing.component.menu .item:hover:before {
   content: "";
   border: 1px solid #ccc;
   width: 100%;
}
.ui.pointing.component.menu .active.item:before {
    border: 1px solid #ccc;
    width: 100%;
}
.ui.pointing.component.menu .active.item:before {
    position: absolute;
    border: 0;
    top: 100%;
    margin-top: -3px;
    content: '';
    background: #ffd200;
    width: 100%;
    height: 4px;
    z-index: 3;
}
.ui.pointing.component.menu .active.item:hover:after {
  background-color: transparent;
}

/*-------------------
    Section Navigation
--------------------*/

.ui.section-navigation.secondary.pointing.menu {
  border: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 0;
  border-right: 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.ui.section-navigation.secondary.pointing.menu.inline {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ui.section-navigation.secondary.pointing.menu .item {
  font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  color: #2263A0;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 400;
  text-transform: capitalize;
  border-bottom: 0;
  margin-right: 0;
}
.ui.section-navigation.secondary.pointing.menu .active.item,
.ui.section-navigation.secondary.pointing.menu .active.item > a {
  color: #272727;
}
.ui.section-navigation.secondary.pointing.menu .item:hover {
  color: #1e70bf;
}
.ui.section-navigation.secondary.pointing.menu .active.item,
.ui.section-navigation.secondary.pointing.menu .active.item > a {
  color: #272727;
}
.ui.section-navigation.secondary.pointing.menu .item:before {
  content: "";
  display: block!important;
  top: 0;
  right: 0;
  height: 0;
  width: 0;
  background: transparent;
}
.ui.section-navigation.secondary.pointing.menu .active.item:before {
  background: #ffd200;
  bottom: 0;
  top: 100%;
  /*max-width: 80%;*/
  width: 100%;
  height: 5px;
  right: 0;
  left: 0;
  margin: -5px auto 0;
}


/*-------------------
    Media Queries
--------------------*/

@media only screen and (max-width: 1024px) {
  .ui.bottom.menu .active.item {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }
  .ui.top.menu .active.item {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }
  .ui.left.menu {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  .tabbed-content-vertical {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -21px;
    height: 520px;
  }
  .ui.left.menu {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: auto;
  }
  .tab-vertical-content-wrapper {
    width: 100%;
    height: 463px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ui.left.pointing.menu .item {
    padding: 20px 15px;
    font-size: 18px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  }
  .ui.left.pointing.menu .item > span {
    display: none;
  }
  .ui.left.pointing.menu .active.item > span {
    display: inline-block;
  }
  .ui.left.pointing.menu .active.item {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
  .ui.left.pointing.menu > .item:first-child {
    border-radius: 0;
  }
  .ui.left.pointing.menu .item:after {
    bottom: 0;
    top: 100%;
    left: 50%;
    background: none;
    margin: 0;
    width: 1.4em;
    height: 1.4em;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(225deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(225deg);
    transform: translateX(-50%) translateY(-50%) rotate(225deg);
    border-bottom: 1px solid #104578;
    border-right: 1px solid #104578;
  }
  .ui.left.pointing.menu .item:before {
    background: transparent;
  }
  .tab-vertical-content-wrapper .ui.tab.segment {
    padding: 10px 20px;
  }
  .tab-vertical-content-wrapper .ui.tab.segment.space {
    margin: 20px 0 60px;
  }
  .tab-horizontal-content-wrapper {
    height: 503px;
  }
  .tabbed-content-horizontal {
    margin: 10px -21px;
  }
  .tab-horizontal-content-wrapper .ui.tab.segment {
    padding: 10px 20px;
    margin: 20px 0 30px;
  }
  .ui.bottom.pointing.menu .item {
    padding: 20px 15px;
    font-size: 18px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .ui.bottom.menu .active.item {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }
  .ui.top.pointing.menu .item {
    padding: 20px 15px;
    font-size: 18px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .ui.top.menu .active.item {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }
}

@media only screen and (max-width: 619px) {
   .ui.left.pointing.menu .item {
    font-size: 14px;
  }
  .ui.left.pointing.menu .active.item {
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6;
  }
  .ui.bottom.menu .active.item {
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
  }
  .ui.bottom.pointing.menu .item {
    font-size: 14px;
  }
  .ui.top.menu .active.item {
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
  }
  .ui.top.pointing.menu .item {
    font-size: 14px;
  }
  .ui.section-navigation.secondary.pointing.menu {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .ui.section-navigation.secondary.pointing.menu .item {
    font-size: 14px;
    padding: 15px 5px;
    min-width: 100px;
    flex-basis: 50%;
    max-width: 50%;
  }
  .ui.secondary.pointing.component.menu.center {
    width: 100%;
    margin-bottom: 30px;
  }
  .ui.section-navigation.secondary.pointing.menu.inline {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .tabbed-content-vertical {
    height: 420px;
  }
  .tab-vertical-content-wrapper {
    height: 364px;
  }
}

.card .content:after,
.card .content:before {
    content: "";
    display: table;
    clear: both;
}

.card {
    position: relative;
    margin: 0 auto;
    padding: 1em;
}

.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
    letter-spacing: 0;
}

.content-wrap {
    position: relative;
}

.card.card-list .content-wrap,
.card.event-list-card .content-wrap {
    width: 90%;
}

.card.card-boxed {
    border: 1px solid #DFDFDF!important;
    padding: 1em;
    margin: 1.250em 0;
}

.card.card-horizontal-promotion.card-boxed {
    margin: 0 0.5em;
}

.horizontal-scroll-carousel .product-grid >div:nth-child(n+5) {
    margin-top: 30px;
}

.card .image {
    margin: 0 auto;
    position: relative;
    display: block;
}

.card.product .content:not(.extra) h6 {
    min-height: 16px;
}

.card.product .content:not(.extra) h5 {
    min-height: 42px;
}

.card .image a {
    display: block;
}

.card .content {
    margin-top: 1em;
    position: relative;
}

.card .extra.content {
    margin-top: 0.938em;
}

.card .content h4,
.card .content h5,
.card .content h6 {
    margin: 0;
    position: relative;
}

.card .content h6 {
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
    -ms-line-clamp: 1;
    -ms-box-orient: vertical;
    -o-line-clamp: 1;
    -o-box-orient: vertical;
    overflow: hidden;
}

.card .content h5 .icon-icon-shopclub {
    font-size: 36px;
    line-height: 20px;
}

.card .content h4 > a,
.card .content h5 > a,
.card .content h6 > a {
    color: #272727;
}

.card .content h4 > a:hover,
.card .content h5 > a:hover,
.card .content h6 > a:hover {
    color: #3392d7;
}

.card .content .line-ellipse {
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    -ms-line-clamp: 2;
    -ms-box-orient: vertical;
    -o-line-clamp: 2;
    -o-box-orient: vertical;
    overflow: hidden;
}

.card .content .left {
    float: left;
    position: relative;
    max-width: 50%;
    min-height: 40px;
}

.card .content .right {
    float: right;
    position: relative;
}

.currency:before {
    content: "$";
    font-size: 1em;
}

.card .package-info {
    color: #A7A7A7;
    line-height: 15px;
    /* display: inline-block; */
}

.card .not-avialable {
    color: #EE3123;
    line-height: 14px;
}

.card.product.product-type-2 .content > h5 {
    margin-top: 20px;
}

.card.product.product-type-2 .content > h6 + h5 {
    margin-top: 0;
}

.card.product.product-type-2 .extra.content {
    margin-top: 20px;
}

.card.global-card .content .location {
	display: none;
} 


/* --------------
    Product Quick View
-----------------*/

.product-quickview-template,
.recipe-quickview-template,
.events-quickview-template {
    display: none;
}

.product-quickview-container {
    max-width: 600px;
    width: 100%;
    cursor: default;
    border: 1px solid #DFDFDF;
    z-index: 2;
    background: #fff;
    position: relative;
}

.quickarrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 20%;
    left: -15px;
    margin-top: -15px;
    border-width: 15px;
    border-left-width: 0;
    border-right-color: #ccc;
}

.quickarrow:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    left: 1px;
    bottom: -15px;
    border-width: 15px;
    border-left-width: 0;
    border-right-color: #fff;
}

.card.product-quickview .image {
    max-width: 220px;
    padding: 0 20px;
    margin-bottom: auto;
    position: relative;
    flex: 1;
}

.card.product-quickview .content-wrap {
    margin-bottom: auto;
    padding: 0 0 0 10px;
    flex: 1;
}

.card.product-quickview .content-wrap .extra.content h4 .icon-icon-shopclub {
    font-size: 36px;
    margin-left: 15px;
}

.card.product-quickview .content-wrap .extra.content .link-wrap {
    margin: 20px 0 5px;
    font-size: 13px;
}

.card.product-quickview .image .location {
    text-align: center;
    margin: 10px 0 0;
}

.card.product-quickview .content-wrap .content {
    margin-top: 0;
}

.nutrition.tiny > span {
    font-size: 10px;
    width: 20px;
    height: 20px;
    line-height: 18px;
}

.nutrition.tiny.colored > span {
    border: none;
    font-size: 20px;
}

.nutrition.tiny:not(.colored) > .icon-icon-hearthealthy .path2:before {
    margin-left: -11px;
    font-size: 17px;
}

.card.product-quickview .package-info {
    font-size: 14px;
    margin-bottom: 14px;
}

.content-inner-wrap .recipe-info {
    font-size: 13px;
}

.content-inner-wrap .recipe-info .info {
    font-weight: 600;
    margin-bottom: 0;
}

.content-inner-wrap .recipe-info .info > span {
    font-weight: 400;
}

.content-inner-wrap .time-info {
    margin: 0;
    font-size: 13px;
}

.content-inner-wrap .time-info .info {
    position: relative;
    padding-right: 20px;
    font-weight: 600;
}

.content-inner-wrap .time-info .info > span {
    font-weight: 400;
}

.content-inner-wrap .time-info .info:last-of-type {
    padding-right: 0;
}

.content-inner-wrap .time-info .info:after {
    content: "|";
    color: #979797;
    position: absolute;
    right: 6px;
}

.content-inner-wrap .time-info .info:last-of-type:after {
    content: "";
}

.card.recipe.product-quickview .image {
    padding: 0;
    margin-right: 10px;
}

.ingredient-info {
    margin-top: 15px;
}

.ingredient-info p.small-header {
    font-weight: 600;
    margin-bottom: 0;
}

.ingredient-info-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}


/* --------------
    Card List View
-----------------*/

.letus-recommend-container {
    width: 280px;
    display: inline-block;
}

.letus-recommend-header {
    align-self: center;
}

.letus-recommend-container .card .magnifier-icon {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10%;
    top: 5%;
    z-index: 10;
    background: url(images/magnifier.png) 7px no-repeat rgba(255, 255, 255, 0.7);
    background-size: 54%;
    border-radius: 100%;
    border: 1px solid #ccc;
}

.card.product.recommend .image {
    max-width: 216px;
}

.quickview-noborder {
    border: 0px!important;
    min-height: 280px;
}

#quickview-popover [class^="icon-"],
[class*=" icon-"],
#quickview-popover-recipe [class^="icon-"],
[class*=" icon-"] {
    display: inline;
}


/* --------------
    Card List View
-----------------*/

.card.card-list {
    max-width: 100%;
    width: 100%;
    padding: 0.625em;
    margin: 1.250em 0;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
}

.itemlist-wrapper .card.card-list {
    border-top: 0!important;
    margin: 0!important;
    padding: 1.2em 0.625em;
}

.card.card-list .image {
    width: 120px;
    margin-bottom: auto;
}

.card.card-list .content {
    float: left;
    width: 60%;
    margin: 0 20px;
    position: relative;
    z-index: 1;
}

.card.card-list .extra.content {
    width: 35%;
    float: right;
    text-align: right;
    margin-right: 0;
    position: absolute;
    right: 0;
    z-index: 0;
}

.card.card-list .extra.content h5 {
    font-size: 24px;
}

.card.card-list .extra.content .spinner {
    vertical-align: middle;
}

.card.card-list .extra.content .left {
    width: 100%;
    float: right;
    margin-bottom: 1.250em;
}

.card.card-list .extra.content .right .button {
    margin-right: 0;
    margin-left: 10px;
    margin-bottom: 0;
}

.card.card-list .extra.content .currency:before {
    font-size: 24px;
}

.location i {
    color: #272727;
}

.location .small-header {
    color: #a7a7a7;
}

.location .small-header .show-desktop{
  display: inline!important;
}

.location .marker.icon {
    font-size: 1.250em;
    vertical-align: middle;
    margin-right: 0;
}

.card.card-list.recipe-carousel-list .image {
    max-width: 240px;
    min-width: 240px;
}

.card.card-list.product-carousel-list {
    border: 0;
    padding: 6px;
}

.card.card-list.recipe-carousel-list {
    border: 1px solid #cccccc;
    padding: 0;
    margin-bottom: 0;
}


/* --------------
    Card Recipe Grid View
-----------------*/

.owl-item .card.recipe {
    padding: 1em 20px;
}

.owl-item .card.recipe.recipe-carousel-list {
    padding: 0;
    margin-top: 0;
}

.card.recipe.card-boxed {
    padding: 1.250em;
    margin-top: 1.250em;
}

.card.recipe .content .line-ellipse {
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    width: 150px;
    overflow: hidden;
}

.card.recipe .content {
    margin-top: 0;
}

.card.recipe.card-list .content {
    margin-top: 0;
}

.card.recipe .content h5 {
    margin-bottom: 5px;
    min-height: 45px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.card.recipe .content .calorie-info {
    font-size: 14px;
    font-weight: 600;
    line-height: 0.938em;
    display: block;
}

.card.recipe .content .calorie-info > span {
    font-weight: 400;
}

.card.recipe.card-list .content .calorie-info {
    display: inline-block;
    margin-right: 1.250em;
}

.mixed .card.recipe {
    margin-top: 0;
}

.card.card-horizontal-promotion.recipe .image {
   /* max-width: 206px;*/
}

.card.recipe .content .line-ellipse {
    width: auto;
}


/* --------------
   Category Card
-----------------*/

.card.category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 1.250em auto;
}

.card.category.recall {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.card.category:after,
.card.category:before {
    content: "";
    display: table;
    clear: both;
}

.card.category .content .line-ellipse {
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    width: 150px;
    overflow: hidden;
}

.card.category .image {
    min-width: 80px;
    max-width: 80px;
    margin-left: 0;
    margin-right: 15px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.card.category .image > i {
    display: none;
    margin-right: 0;
}

.card.category .content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 0;
}

.card.category .content .link-title {
    font-weight: 600;
    margin-bottom: 0.313em;
    margin-top: 1.250em;
}

.link-list {
    padding-left: 0;
    list-style: none;
    margin: 0 0 0.500em 0;
    line-height: 1.250em;
}


/* --------------
   Spotlight Card
-----------------*/

.card.spotlight.card-boxed {
    margin-bottom: 0;
    min-height: 154px;
}

.card.spotlight .image {
    width: 120px;
    margin: 0;
}

.card.spotlight .content {
    width: 40%;
    margin-left: 10px;
    margin-top: 0;
}

.spotlight-title {
    margin-bottom: 10px;
}

.spotlight-subtitle {
    margin-bottom: 30px;
}

.card.spotlight h6 {
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    -ms-line-clamp: 2;
    -ms-box-orient: vertical;
    -o-line-clamp: 2;
    -o-box-orient: vertical;
    overflow: hidden;
}

.card.spotlight h5 {
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 5;
    -moz-box-orient: vertical;
    -ms-line-clamp: 5;
    -ms-box-orient: vertical;
    -o-line-clamp: 5;
    -o-box-orient: vertical;
    overflow: hidden;
}


/* --------------
   Coupons Card
-----------------*/

.card.coupons {
    border: 1px dashed #DFDFDF;
    padding: 10px;
    margin-top: 15px;
}

.card.coupons .image {
    max-width: 95px;
    min-width: 95px;
    margin-bottom: auto;
    margin-top: 3px;
}

.card.coupons .content-wrap {
    margin-left: 10px;
    width: 75%;
}

.card.coupons .content-wrap .content {
    margin: 0;
}

.card.coupons .content-wrap .content p {
    margin-bottom: 10px;
}

.coupon-save {
    margin: 0;
}

.coupon-offer {}

.coupon-expiry {
    margin-top: 5px;
}

.coupon-expiry .expiry-today {
    color: #EE3123;
}


/* --------------
   Department Card
-----------------*/

.card.department {
    padding: 0;
    margin: 15px 0 0;
}

.card.department .content {
    margin-top: 0.625em;
}


/* --------------
   Page Search Card
-----------------*/

.card.page-search-card {
    width: 100%;
    padding: 1.250em 0;
    border-bottom: 1px solid #DFDFDF;
}

.card.page-search-card:first-of-type {
    margin-top: 1.250em;
}

.card.page-search-card:last-of-type {
    margin-bottom: 1.250em;
}

.card.page-search-card .content {
    margin-top: 0;
}

.card.page-search-card .content h4 > a,
.card.page-search-card .content h6 > a {
    color: #2878b0;
}

.card.page-search-card .content h4 > a:hover,
.card.page-search-card .content h6 > a:hover {
    color: #3392d7;
}

.card.page-search-card .content h4 {
    margin: 0 0 0.625em 0;
}

.card.page-search-card .content h6 {
    font-weight: 300;
}


/* --------------
   Global Search Card
-----------------*/

.card.global-search-card {
    padding: 0;
    max-width: 280px;
    margin: 1.250em auto;
    border: 1px solid #DFDFDF;
}

.card.global-search-card .image {
    max-width: 280px;
    /*border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;*/
}

.card.global-search-card .content {
    /*border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;*/
    margin-top: 0;
    min-height: 185px;
    padding: 0.938em 1.250em;
}

.card.global-search-card .content h5 {
    margin-bottom: 20px;
}

.card.global-search-card .content h5 a {
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    -ms-line-clamp: 3;
    -ms-box-orient: vertical;
    -o-line-clamp: 3;
    -o-box-orient: vertical;
    overflow: hidden;
}

.card.global-search-card .content h6 {
    font-weight: 300;
}

.card.global-search-card .content .card-date {
    position: absolute;
    bottom: 1.563em;
}


/* --------------
  Videos
-----------------*/

.card.video-search-card {
    padding: 0;
    margin: 1.250em auto;
}
.card.video-search-card .icon-icon-play, .card.video-search-card-list-view .icon-icon-play{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: rgba(0, 0, 0, 0.67);
    color: #fff;
    border: 3px solid #fff;
    border-radius: 100%;
    padding: 15px 18px 15px 18px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    width: 55px;
    height: 55px;
    line-height: 20px;
}
.card.video-search-card .image {
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
}

.card.video-search-card .content {
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    margin-top: 0;
    min-height: 230px;
    padding: 0.938em 1.250em;
}

.card.video-search-card .content h5 {
    margin-bottom: 0.938em;
}

.card.video-search-card .content h6 {
    font-weight: 300;
}

.card.video-search-card .content .content-info {
    position: absolute;
    bottom: 1.563em;
}

.card.video-search-card-list-view {
    padding: 1.5em 0;
    border-bottom: 1px solid #DFDFDF;
}

.card.video-search-card-list-view:first-of-type {
    margin-top: 1.250em;
}

.card.video-search-card-list-view:last-of-type {
    margin-bottom: 1.250em;
}

.card.video-search-card-list-view .image {
    margin-bottom: auto;
}

.card.video-search-card-list-view .content {
    margin-left: 20px;
    margin-top: 0;
}

.card.video-search-card-list-view .content h5 {
    margin-bottom: 0.938em;
}

.card.video-search-card-list-view .content h6 {
    font-weight: 300;
}

.card.video-search-card-list-view .content h4 > a {
    color: #2878b0;
}

.card.video-search-card-list-view .content h4 > a:hover,
.card.video-search-card-list-view .content h4 > a:focus {
    color: #3392d7;
    ;
}


/* --------------
  Event Grid Cards
-----------------*/

.card.event-card {
    padding: 0;
    max-width: 280px;
    margin: 1.250em auto;
}

.card.event-card .image {
    max-width: 280px;
}

.card.event-card .content {
    margin-top: 0;
    padding: 0.938em 0;
}

.card.event-card .content h6 {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
}

.card.event-card .content h5 {
    margin-bottom: 0.538em;
}

.card.event-card .content .location {
    color: #a7a7a7;
}

.card.event-card .content .desc {
    font-weight: 600;
}

.card.event-card .content p .icon-icon-location {
    color: #272727;
    font-size: 18px;
}

.card.event-card .content p span {
    vertical-align: middle;
}

.event-share {
    position: absolute;
    right: 15px;
    top: 15px;
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #272727;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    margin-right: 0;
}

.card.event-list-card {
    width: 100%;
    padding: 0.8em 0.8em;
    border-bottom: 1px solid #DFDFDF;
}

.card.event-list-card .image {
    max-width: 120px;
    min-width: 120px;
    margin-bottom: auto;
}

.card.event-list-card .content {
    margin-top: 0;
    margin-left: 20px;
}

.card.event-list-card .content h6 {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-bottom: 5px;
}

.card.event-list-card .content .link {
    margin-top: 10px;
    display: inline-block;
}


/* --------------
  Content Grid Cards
-----------------*/

.card.content-card {
    padding: 0;
    margin: 1.250em auto;
}

.card.content-card .image {
    /*max-width: 280px;*/
}

.card.content-card .content {
    margin-top: 0;
    /*padding: 0.938em 1.250em;*/
    padding: 0.938em 0;
}

.card.content-card .content h6 {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
}

.card.content-card .content h5 {
    margin-bottom: 0.538em;
}

.card.content-card .content .location {
    color: #a7a7a7;
}

.card.content-card .content .desc {
    font-weight: 600;
}

.card.content-card .content p .icon-icon-location {
    color: #272727;
    font-size: 18px;
}

.card.content-card .content p span {
    vertical-align: middle;
}

.content-share {
    position: absolute;
    right: 15px;
    top: 15px;
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #272727;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
}

.card.content-list-card {
    width: 100%;
    padding: 0.8em 0.8em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.card.content-list-card .image {
    max-width: 120px;
}

.card.content-list-card .content {
    margin-top: 0;
    margin-left: 20px;
}

.card.content-list-card .content h6 {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-bottom: 5px;
}

.card.content-list-card .content .link {
    margin-top: 10px;
    display: inline-block;
}


/* --------------
  One Product three Ways Cards
-----------------*/

.card.product-ways-text-button {
    padding: 0;
}

.card.product-ways-text-button .content,
.card.product-ways-only-text .content {
    margin: 0;
    padding-right: 30px;
}

.card.product-ways-text-button .content .button {
    margin-top: 20px;
}

.spotlight-diferent-views {
    margin-top: 30px;
    margin-bottom: 30px;
}

.card.product-ways-with-button,
.card.product-ways-with-links,
.card.product-ways-with-description,
.card.product-ways-only-text {
    padding: 0;
    margin-bottom: 20px;
}

.product-diferent-views {
    margin-top: 20px;
}

.card.product-ways-with-button .image {
    width: 240px;
}

.card.product-ways-with-button .content {
    text-align: center;
}

.card.product-ways-with-links .content h5 {
    margin-bottom: 20px;
}

.card.product-ways-with-description .content h5 {
    margin-bottom: 10px;
}

.card.product-ways-with-description .content p {
    font-size: 14px;
}


/* --------------
  Three Focus Meals Cards
-----------------*/

.card.focus-meals .image {
    max-width: 300px;
}

.card.focus-meals .content {
    text-align: center;
    margin-bottom: 30px;
}

.card.focus-meals .content .ui.primary-btn.button {
    margin: 20px 0;
}

.card.focus-meals .content .ui.primary-link.link {
    display: block;
}


/* --------------
  Press Release Spotlight Cards
-----------------*/

.card.press-release-spotlight-card {
    padding: 0;
    border: 1px solid #DFDFDF;
}

.card.press-release-spotlight-card .content {
    margin-top: 0;
    min-height: 200px;
    padding: 0.938em 1.250em;
}

.press-release-spotlight-wrap {
    margin-top: 1.250em;
    margin-bottom: 1.250em;
}

.card.press-release-spotlight-card .content p {
    margin-top: 5px;
    margin-bottom: 20px;
}


/* --------------
Shoppers Club Cards - Contact Us
-----------------*/

.image-shop-card {
    margin: 20px 0;
}

.image-shop-card img {
    width: auto;
    display: inline-block;
    margin-right: 20px;
}


/*-------------
 signin pop up info
 --------------------*/

.signin-pop-info {
    width: 300px;
}

.signin-pop-info .card {
    padding: 1em 2em 1em 1em;
}

.signin-pop-info .close {
    position: absolute;
    top: 7px;
    right: 2px;
    font-size: 15px;
    cursor: pointer;
    opacity: 0.8;
}

.signin-pop-info .close:hover {
    opacity: 1;
}

.signin-pop-info .login-button-wrap {
    margin-top: 10px;
}

.signin-pop-info .sign-in {
    margin-right: 5px;
}


/*-------------
 end signin pop up info
 --------------------*/

@media only screen and (min-width: 1024px) {
    .tabbed-carousel-half-tabs .ui.secondary.pointing.menu.center {
        margin-bottom: 2em;
    }
    .card.global-search-card {
        margin: 1.250em 0;
        max-width: 100%;
    }
    .card.global-search-card .image {
        max-width: 100%;
    }
    .card.card-list.product-type-2 .content {
        min-height: 105px;
    }
    .card.card-list.product-type-2 .content .left {
        margin-bottom: 10px;
    }
    .card.coupons .content-wrap {
        width: 65%;
    }
}

@media only screen and (max-width: 1024px) {
    .card.global-search-card,
    .card.video-search-card,
    .card.event-card {
        margin: 1.250em 0;
        max-width: 100%;
    }
    .card.global-search-card .image,
    .card.video-search-card .image,
    .card.event-card .image {
        max-width: 100%;
    }
    .product-ways-text-button {
        margin: 0;
        padding: 0;
    }
    .product-ways-text-button .content > h3 {
        margin-bottom: 10px;
    }
    .product-ways-text-button .content > p {
        /* font-family: 'Bad Script', cursive!important;
        font-size: 22px;*/
        margin-bottom: 20px;
    }
    .product-ways-text-button .ui.primary-btn.button {
        position: absolute;
        margin-top: 0;
        top: 0;
        right: 0;
    }
    .card.product-ways-only-text {
        /*margin: 1.250em auto;*/
    }
    .press-release-spotlight-wrap {
        display: flex !important;
        display: -webkit-flex !important;
        display: -ms-flex !important;
        display: -moz-flex !important;
    }

    .letus-recommend-container .card .magnifier-icon{
      display: none;
    }
}

@media only screen and (max-width: 1023px){
  .location .small-header .show-desktop{
    display: none!important;
  }
}

@media only screen and (max-width: 768px) {
    .card.card-list {
        padding-left: 0;
        padding-right: 0;
    }
    .spotlight-diferent-views {
        display: none;
    }
}

@media only screen and (min-width: 618px) and (max-width: 768px) {
    .card.press-release-spotlight-card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border: 0;
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .card.press-release-spotlight-card .content {
        flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        margin-bottom: auto;
        padding: 0 1.250em;
        min-height: 100px;
    }
    .card.press-release-spotlight-card .image {
        flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        max-width: 280px;
        min-width: 280px;
    }
}

@media only screen and (max-width: 619px) {
    .card {
        padding: 0;
    }
    .card.recipe .content {
        margin-top: 1.2em;
    }
    .card.product,
    .card.recipe {
        padding: 1em 0;
        margin: 0 auto;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        border-bottom: 1px solid #ccc;
    }
    .card.recipe.card-boxed {
        padding: 0.5em;
    }
    .card.card-horizontal-promotion {
        display: flex;
        margin: 0 auto!important;
        border: 0!important;
        flex-direction: column;
    }
    .card.recipe.card-boxed.card-horizontal-promotion {
        padding: 1em 20px;
    }
    .card.card-horizontal-promotion.recipe .content .calorie-info,
    .card.card-horizontal-promotion.recipe .content .ui.rating > span {
        font-size: 14px;
    }
    .card.card-horizontal-promotion.recipe .content h5 {
        font-size: 18px;
    }
    .card.product.card-horizontal-promotion .image {
        max-width: 180px;
    }
    .card.recipe.card-horizontal-promotion .image {
        max-width: 240px;
    }
    .horizontal-scroll-carousel .product-grid .card-horizontal-promotion {
        border-bottom: 1px solid #ccc!important;
    }
    .product-inner-wrapper .row > div:last-child .card.product,
    .product-inner-wrapper .row > div:last-child .card.recipe,
    .product-inner-wrapper .row > div:last-child .card.event-card,
    .product-inner-wrapper .row > div:last-child .card.content-card {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .card.product-quickview {
        border-bottom: 0;
    }
    .card.product.card-boxed {
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .card.product .image {
        max-width: 80px;
        min-width: 80px;
    }
    .card.recipe .image {
        max-width: 106px;
        min-width: 106px;
    }
    .content-wrap {
        margin-left: 15px;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
    .card.product.product-type-2 .content-wrap,
    .card.card-list.product-type-2 .content-wrap {
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
    .card.product .content-wrap .content,
    .card.recipe .content-wrap .content {
        margin: 0;
    }
    .card.product .content-wrap .extra.content {
        margin-top: 15px;
        display: -webkit-flex;
        display: flex;
    }
    .card.event-card .image {
        max-width: 80px;
        min-width: 80px;
    }
    .card.card-list .content h6,
    .card.card-list .content h5 {
        font-size: 14px;
    }
    .card.department .content h5 {
        font-size: 18px;
    }
    .card.event-list-card .content h4 {
        font-size: 12px;
    }
    .card.event-card .content h6,
    .card.event-list-card .content h6 {
        font-size: 12px;
    }
    .image-promotion-content h1 {
        font-size: 24px;
    }
    .card.card-list {
        padding-left: 0;
        padding-right: 0;
        border: 0;
        margin-bottom: 0;
        border-bottom: 1px solid #ccc;
    }
    .card.recipe.card-list .content .calorie-info {
        margin-right: 0;
        font-size: 12px;
    }
    .card.recipe .content h5 {
        font-size: 14px;
    }
    .card.recipe .content .calorie-info {
        font-size: 12px;
    }
    .card.card-list .extra.content h5:after,
    .card.card-list .extra.content h5:before {
        content: "";
        display: table;
        clear: both;
    }
    .card.card-list .content .ui.rating.static {
        display: none;
    }
    .card.recipe.card-list .content .ui.rating.static {
        display: block;
    }
    .card.card-list .extra.content .currency:before {
        font-size: 20px;
    }
    .card .content h5 .currency {
        float: left;
        font-size: 18px;
        margin-right: 10px;
    }
    .card.card-list .content .location {
        position: absolute;
        left: -100px;
        bottom: -70px;
    }
    .card.card-list .content {
        float: none;
        width: 100%;
        margin: 0;
        position: relative;
        z-index: 1;
    }
    .card.card-list .extra.content {
        width: 100%;
        float: none;
        text-align: left;
        margin-right: 0;
        margin-top: 15px;
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
    }
    .card.card-list .image {
        min-width: 80px;
        max-width: 80px;
        margin-bottom: auto;
    }
    .card.card-list.recipe .image {
        min-width: 106px;
        max-width: 106px;
        margin-bottom: auto;
    }
    .card.card-list .location i.icon {
        font-size: 14px;
        margin-right: 0;
    }
    .card.recipe.card-list .content {
        margin-top: 0;
    }
    .card.card-list .location .small-header {
        font-size: 10px;
    }
    .card.card-list .extra.content .left {
        float: none;
        margin-bottom: auto;
    }
    .card .content .left {
        padding-right: 10px;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
    .itemlist-wrapper .card.card-list {
        padding-left: 0;
        padding-right: 0;
    }
    .card .content .right {
        position: relative;
        text-align: right;
        margin-top: 5px;
        margin-bottom: auto!important;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
    .card.product.product-type-2 .content .right {
        margin-top: 0;
    }
    .card .content h5 .icon-icon-shopclub {
        font-size: 24px;
        margin-right: 0;
    }
    input[type=number] {
        width: 34px;
        font-size: 1em;
    }
    .card.product.card-boxed input[type=number] {
        width: 30px;
        font-size: 1em;
    }
    .card.card-list .extra.content .right .button {
        margin-right: 0;
        margin-left: 0;
    }
    .card.department .content {
        margin-top: 0;
        position: absolute;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        padding: 10px;
        bottom: 0;
        text-align: center;
    }
    .card.department .content h5 a {
        color: #fff;
    }
    .card.global-search-card:after,
    .card.global-search-card:before,
    .card.video-search-card:after,
    .card.video-search-card:before,
    .card.video-search-card-list-view:after,
    .card.video-search-card-list-view:before,
    .card.event-card:after,
    .card.event-card:before,
    .card.content-card:after,
    .card.content-card:before {
        content: "";
        display: table;
        clear: both;
    }
    .card.global-search-card > h4 {
        margin-bottom: 8px;
    }
    .card.global-search-card .content h5 > a,
    .card.video-search-card .content h5 > a,
    .card.video-search-card-list-view h4 > a {
        color: #3392d7;
    }
    .card.global-search-card .content .card-date,
    .card.video-search-card .content .content-info,
    .card.video-search-card-list-view .content .content-info {
        position: static;
        margin-top: 10px;
    }
    .card.global-search-card,
    .card.video-search-card,
    .card.video-search-card-list-view {
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
        margin: 0;
    }
    .card.global-search-card .image,
    .card.video-search-card .image,
    .card.content-card .image,
    .card.video-search-card-list-view .image {
        float: left;
        margin: 0;
        border: 0;
        min-width: 106px;
        max-width: 106px;
        margin-bottom: auto;
    }
    .card.event-card .image,
    .card.event-card .image > .image-box {
        float: left;
        margin: 0;
        border: 0;
        min-width: 106px;
        max-width: 106px;
    }
    .card.event-card {
        padding: 10px 0;
        margin: 0 0 10px;
        border-bottom: 1px solid #ccc;
    }
    .card.event-card .image {
        position: static;
    }
    .card .image .event-share {
        top: 25px;
        right: 0;
        border: 1px solid #ccc;
        font-size: 18px;
        margin: 0;
        width: 40px;
        height: 40px;
        line-height: 38px;
        z-index: 1;
    }
    .card.event-card .content h5 {
        width: 70%;
        font-size: 12px;
    }
    .card.event-card .content .small-header i.icon {
        font-size: 14px;
        margin-right: 5px;
    }
    .card.content-card {
        padding: 10px 0;
        margin: 0 0 10px;
        border-bottom: 1px solid #ccc;
    }
    .card.content-card .image {
        position: static;
    }
    .card .image .content-share {
        top: 10px;
        border: 1px solid #ccc;
        font-size: 16px;
        margin: 0;
        width: 35px;
        height: 35px;
        line-height: 32px;
        z-index: 1;
    }
    .card.content-card .content h6 {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .card.content-card .content h5 {
        font-size: 12px;
        margin-bottom: 3px;
    }
    .card.content-card .content .desc {
        font-size: 10px;
        line-height: 12px;
    }
    .card.content-card .content .small-header i.icon {
        font-size: 14px;
        margin-right: 5px;
    }
    .card.global-search-card .content,
    .card.video-search-card .content,
    .card.content-card .content,
    .card.event-card .content {
        border: 0;
        padding: 0 0 0 15px;
        float: left;
        width: 61%;
        min-height: 100%;
    }
    .card.global-search-card .content .small-second,
    .card.video-search-card .content .small-second,
    .card.video-search-card-list-view .content .small-second {
        display: none;
    }
    .card.global-search-card .content h5,
    .card.video-search-card .content h5 {
        margin-bottom: 0;
        font-size: 14px;
    }
    .card.video-search-card-list-view .content h4 {
        font-size: 14px;
    }
    .card.page-search-card .content h4 {
        font-size: 18px;
    }
    .card.video-search-card-list-view .content {
        margin-left: 0;
    }
    .card.event-list-card {
        padding-left: 0;
        padding-right: 0;
    }
    .card.event-list-card .content {
        margin-left: 0;
    }
    .card.event-list-card .image {
        max-width: 106px;
        min-width: 106px;
    }
    .card.event-list-card .content .link {
        margin-top: 5px;
        font-size: 14px;
    }
    .card.category {
        border-bottom: 1px solid #ccc;
        padding: 15px 10px;
        margin: 0;
    }
    .product-line-container > div:last-child .card.category {
        border-bottom: 0;
        margin-bottom: 20px;
    }
    .card.category .image {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -8px;
        margin-right: 0;
        color: #272727;
        min-width: 15px;
    }
    .card.category .image > img {
        display: none;
    }
    .card.category .image > i {
        display: block;
    }
    .card.category .content {
        margin-left: 0;
    }
    .card.category .content h5 {
        /* font-size: 18px; */
    }
    .card.category .content .links-wrap {
        display: none;
    }
    .card.card-list.recipe-carousel-list .image {
        max-width: 120px;
        min-width: 120px;
    }
    .card.spotlight {
        padding: 0.6em;
        margin-top: 15px!important;
    }
    .card.press-release-spotlight-card {
        border: 0;
        margin-bottom: 30px;
        border-bottom: 1px solid #ccc;
    }
    .card.press-release-spotlight-card .content {
        padding: 0.938em 0 2em 0;
        min-height: 100px;
    }
    .letus-recommend-container {
        margin: 0 auto;
    }
    .tabbed-carousel-full-carousel .card.recipe {
        padding: 0;
        border-bottom: 0;
    }
    .card.product.product-type-2,
    .card.card-list.product-type-2 {
        padding: 10px 0;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }
    .card.product.product-type-2 .image {
        max-width: 80px;
        min-width: 80px;
        margin-bottom: auto;
        margin-top: auto;
    }
    .card.product.product-type-2 .extra.content {
        margin-top: 30px;
    }
    .card.coupons .image {
        max-width: 80px;
        min-width: 80px;
    }
    .signin-pop-info .card {
        padding: 1.5em 1.1em 1em 0;
    }
    .product-diferent-views .card.product-ways-text-button p,
    .product-diferent-views .card.product-ways-text-button .primary-btn {
        display: none;
    }
    .product-diferent-views .card.product-ways-with-links .image,
    .product-diferent-views .card.product-ways-with-description .image {
        display: none;
    }
    .product-diferent-views .card .content {
        margin-top: 0;
    }
    .card.product-ways-with-button,
    .card.product-ways-with-links,
    .card.product-ways-with-description,
    .card.product-ways-only-text {
        margin-bottom: 10px;
    }
    
	.card.global-card .content .location {
    	position: absolute;
        left: -100px;
        bottom: -60px;
        display: block;
    }	
	.card.global-card .location i.icon {
        font-size: 14px;
        margin-right: 0;
    }	
	.card.global-card .location .small-header {
    	font-size: 10px;
    }
}

.countdown {
    min-height: 205px;
    font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    padding: 20px;
    margin: 1.250em 0;
    position: relative;
    overflow: hidden;
}
.countdown-background {
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.countdown-background picture, .countdown-background img{
    width: auto;
    height: 100%;
}
.countdown h1 {
    margin: 0 0 20px;
    position: relative;
    z-index: 1;
}
.countdown p {
  position: relative;
  margin-bottom: 20px;
  z-index: 1;
}
.countdown.endcountdown {
    text-align: center;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    -ms-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
    padding: 2em 1em;
}
.countdown.endcountdown h1 {
    width: 100%;
}
.countdown.with-bgimage-white {
  color: #fff;
}
.countdown.with-bgimage-black {
  color: #272727;
}
.countdown.white {
    background: #ffffff;
    color: #2f2f2f;
    border: 1px solid #cccccc;
}
.countdown.slategrey {
    background: #2F2F2F;
    color: #fff;
}
.countdown.grape {
    background: #91268F;
    color: #fff;
}
.countdown.pinapple {
    background: #FFD200;
    color: #272727;
}
.countdown.tangerine {
    background: #F7A53F;
    color: #272727;
}
.countdown.tomato {
    background: #EE3123;
    color: #fff;
}
.countdown.valuered {
    background: #ED174F;
    color: #fff;
}
.countdown.cream {
    background: #fff1cf;
    color: #272727;
}
.countdown.blueberry {
    background: #2A7FCE;
    color: #fff;
}
.countdown.slategrey {
    background: #2F2F2F;
    color: #ffffff;
}
.countdown.peapod {
    background: #53B947;
    color: #272727;
}
.countdown.neutral {
    background: #f3f3f3;
    color: #272727;
}
.countdown-list {
    padding-left: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 1;
}
.countdown-list li {
    display: inline-block;
    text-align: center;
    padding: 1em 1.2em;
}
.countdown-list li:last-child {
    padding-right: 1.250em;
}
.countdown-list li .num {
    font-size: 4.875em;
    line-height: 70px;
    font-weight: 600;
}
.countdown-list li .desc {
    font-size: 1.500em;
    font-weight: 600;
    margin-top: 0.625em;
    display: inline-block;
    text-transform: capitalize;
}
.countdown.endcountdown .ui {
    display: block!important;
    align-self: flex-start;
}
.countdown .countdown-btn {
    z-index: 2;
    position: relative;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .toolbar-grid .countdown-list li {
        padding: 1em 1.275em;
    }
}

@media only screen and (max-width: 1023px) {
    .countdown .countdown-copy {
        display: none;
    }
    .countdown h1 {
        font-size: 36px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 30px;
        margin-right: 30px;
    }
    .countdown.text-middle h1 {
        font-size: 48px;
    }
    .countdown-list {
        text-align: center;
        display: -webkit-flex;
        display: flex;
    }
    .countdown-list li {
        padding: 0;
        -webkit-flex: 1;
        flex: 1;
    }
    .countdown-list li .num {
        font-size: 60px;
        line-height: 60px;
    }
    .countdown-list li .desc {
        font-size: 18px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 619px) {
    .countdown {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px;
    }
    .countdown.white {
        border-left: 0;
        border-right: 0;
    }
    .countdown .countdown-btn {
        position: absolute;
        bottom: 20px;
        left: 50%;
        width: auto;
        transform: translateX(-50%);
        line-height: 1.3;
        white-space: nowrap;
    }
    .countdown.endcountdown {
        padding: 2em 1em;
    }
    .news-promotion a:after,
    .news-promotion a:before {
        content: "";
        display: table;
        clear: both;
    }
    .countdown-list {
        text-align: center;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        margin-top: -40px;
    }
    .countdown-list li {
        padding: 0 12px;
    }
    .countdown-list li:last-child {
        padding-right: 0;
    }
    .countdown h1 {
        font-size: 24px;
        margin-left: 0;
        margin-right: 0;
    }
    .countdown.text-middle h1 {
        font-size: 24px;
    }
    .countdown-list li .num {
        font-size: 36px;
        line-height: 36px;
    }
    .countdown-list li .desc {
        font-size: 18px;
    }
}
@media all and (-ms-high-contrast:none)
{
    .countdown.endcountdown .ui {
        margin-top: 10px;
    }
}

/*!
 * # Semantic UI 2.1.7 - Rating
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
           Rating
*******************************/

.ui.rating {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    vertical-align: baseline;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.ui.rating:last-child {
    margin-right: 0em;
}

.ui.rating.static {
    /*margin: 4px 0 8px;*/
}

.ui.rating.static i {
    cursor: default;
}

.ui.rating.huge .review {
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 12px;
    margin-right: 15px;
}

.ui.rating.huge .icon-icon-info {
    color: #272727;
    font-size: 16px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0;
    padding-left: 1px;
}


/* Icon */

.ui.rating .icon {
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    cursor: pointer;
    width: 1.25em;
    height: auto;
    -webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
    transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
}

.ui.rating>span {
    margin-left: 10px;
}

.ratings-wrapper .jq-ry-container[readonly=readonly] {
    cursor: pointer;
}



/*******************************
             Types
*******************************/


/*-------------------
      Standard
--------------------*/


/* Inactive Icon */

.ui.rating .icon {
    background: transparent;
    color: rgba(0, 0, 0, 0.15);
}


/* Active Icon */

.ui.rating .active.icon {
    background: transparent;
    color: rgba(0, 0, 0, 0.85);
}


/* Selected Icon */

.ui.rating .icon.selected,
.ui.rating .icon.selected.active {
    background: transparent;
    color: rgba(0, 0, 0, 0.87);
}


/*-------------------
        Star
--------------------*/


/* Inactive */

.ui.star.rating .icon {
    /* width: 1.25em; */
    height: auto;
    /*background: transparent;
    color: rgba(254, 208, 43, 0.31);*/
    text-shadow: none;
}

.ui.star.rating.orange .icon:first-child {
    margin-left: -3px;
}


/* Active Star */

.ui.star.rating .active.icon {
    background: transparent !important;
    color: #FED02B !important;
}


/* Selected Star */

.ui.star.rating .icon.selected,
.ui.star.rating .icon.selected.active {
    background: transparent !important;
    color: #000000 !important;
}


/* Active Star Black */

.ui.star.rating.black .active.icon {
    background: transparent !important;
    color: #000000 !important;
}


/* Active Star Orange */

.ui.star.rating.orange .active.icon {
    color: #F7A53F!important;
}


/* Selected Star Black */

.ui.star.rating.black .icon.selected,
.ui.star.rating.black .icon.selected.active {
    background: transparent !important;
    color: #FED02B !important;
}


/* Deactive */

.ui.star.rating.black .icon {
    color: rgba(0, 0, 0, 0.30);
}

.ui.star.rating.orange .icon {
    /*color: rgba(247, 165, 63, 0.30);*/
}


/*-------------------
        Heart
--------------------*/

.ui.heart.rating .icon {
    width: 1.4em;
    height: auto;
    background: transparent;
    color: rgba(0, 0, 0, 0.15);
    text-shadow: none !important;
}


/* Active Heart */

.ui.heart.rating .active.icon {
    background: transparent !important;
    color: #ff6d75 !important;
    text-shadow: 0px -1px 0px #cd0707, -1px 0px 0px #cd0707, 0px 1px 0px #cd0707, 1px 0px 0px #cd0707 !important;
}


/* Selected Heart */

.ui.heart.rating .icon.selected,
.ui.heart.rating .icon.selected.active {
    background: transparent !important;
    color: #ff3000 !important;
    text-shadow: 0px -1px 0px #aa0101, -1px 0px 0px #aa0101, 0px 1px 0px #aa0101, 1px 0px 0px #aa0101 !important;
}



/*******************************
             States
*******************************/


/*-------------------
       Disabled
--------------------*/


/* disabled rating */

.ui.disabled.rating .icon {
    cursor: default;
}


/*-------------------
   User Interactive
--------------------*/


/* Selected Rating */

.ui.rating.selected .active.icon {
    opacity: 1;
}

.ui.rating.selected .icon.selected,
.ui.rating .icon.selected {
    opacity: 1;
}



/*******************************
          Variations
*******************************/

.ui.mini.rating {
    font-size: 0.71428571rem;
}

.ui.mini.rating>span {
    line-height: 10px;
}

.ui.tiny.rating {
    font-size: 0.85714286rem;
}

.ui.tiny.rating>span {
    line-height: 14px;
}

.ui.small.rating {
    font-size: 0.92857143rem;
}

.ui.small.rating>span {
    line-height: 14px;
}

.ui.rating {
    font-size: 1rem;
}

.ui.large.rating {
    font-size: 1.14285714rem;
}

.ui.huge.rating {
    font-size: 1.62857143rem;
}

.ui.massive.rating {
    font-size: 2rem;
}

.ui.massive.rating>span {
    line-height: 34px;
}



/*******************************
         Theme Overrides
*******************************/

@font-face {
    font-family: 'Rating';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
    font-weight: normal;
    font-style: normal;
}

.ui.rating .icon {
    font-family: 'Rating';
    line-height: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}


/* Empty Star */

/*.ui.rating .icon:before {
    content: '\f006';
}*/


/* Active Star */

.ui.rating .active.icon:before {
    content: '\f005';
}


/*-------------------
        Star
--------------------*/


/* Unfilled Star */

/*.ui.star.rating .icon:before {
    content: '\f005';
}*/


/* Active Star */

.ui.star.rating .active.icon:before {
    content: '\f005';
}


/* Partial */

.ui.star.rating .partial.icon:before {
    content: '\f006';
}

.ui.star.rating .partial.icon {
    content: '\f005';
}


/*-------------------
        Heart
--------------------*/


/* Empty Heart
.ui.heart.rating .icon:before {
  content: '\f08a';
}
*/

.ui.heart.rating .icon:before {
    content: '\f004';
}


/* Active */

.ui.heart.rating .active.icon:before {
    content: '\f004';
}



/*******************************
         Site Overrides
*******************************/

.ui.rating.rate-yo {
    display: inline-flex;
    /*cursor: pointer;*/
}

.filter-container .ui.rating.rate-yo {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    padding: 3px 0;
}

.ui.rating.selected label {
    font-weight: bold;
}

.ui.rating.disabled label {
    color: #c7c5c5;
    cursor: auto;
}

.ui.rating.rate-yo label {
    cursor: pointer;
}

@media only screen and (max-width: 619px) {
    .ui.rating>span {
        font-size: 12px;
    }
}

@media only screen and (max-width: 441px) {
    .ui.rating {
        font-size: 14px;
    }
    .ui.rating.huge .review {
        font-size: 16px;
    }
}



/* Added to fix bazaar voice rating alignment */

#BVRRSummaryContainer .bv-primarySummary-rating-container {
    padding-left: 0!important;
    margin-left: 0!important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.recipe-title-wrap .ui.rating {
    vertical-align: top;
}



/***********************************Subhra***************************************************/

.review-style {
    margin: auto;
}

.review-title {
    color: #000!important;
    font-size: 36px!important;
    font-family: "Archivo Narrow", "sans-serif"!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-decoration: none!important;
    text-transform: none!important;
    line-height: 39px!important;
    display: inline;
}

.review-summary .side {
    float: left;
    width: 12%;
    margin-top: 10px;
}

.review-summary .middle {
    margin-top: 10px;
    float: left;
    width: 71%;
}

.review-summary .right {
    text-align: left;
    padding-left: 15px;
}

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

.review-summary .bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
    border-radius: 2px;
    margin-top: 5px;
}

.review-summary .bar-5 {
    height: 10px;
    background-color: #ff9800;
    border-radius: 2px;
}

.review-summary .bar-4 {
    width: 30%;
    height: 10px;
    background-color: #ff9800;
    border-radius: 2px;
}

.review-summary .bar-3 {
    width: 10%;
    height: 10px;
    background-color: #ff9800;
    border-radius: 2px;
}

.review-summary .bar-2 {
    width: 4%;
    height: 10px;
    background-color: #ff9800;
    border-radius: 2px;
}

.review-summary .bar-1 {
    width: 15%;
    height: 10px;
    background-color: #ff9800;
    border-radius: 2px;
}

.review-summary .bar-style {
    margin: 0px;
}

.star-ratings-sprite {
    /*background: url("images/star-grey-rating.png") repeat-x;
    font-size: 0;
    height: 28px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 120px;
    display: inline-block;
    vertical-align: text-bottom;*/
}

.star-ratings-sprite-rating {
    /*background: url("images/star-rating.png") repeat-x;
    float: left;
    height: 28px;
    display: block;*/
}

.avg-style {
    margin-left: 50px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.product-title-wrap .avg-style , .recipe-title-wrap .avg-style{
    margin-left: 0px;
}

.position-style {
    position: absolute;
    top: 6px;
    left: 135px;
}

.select-style {
    margin-top: 14px;
    margin-bottom: 10px;
}

.link-style {
    margin-left: 15px;
    vertical-align: text-top;
    white-space: nowrap;
}

.rating {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */ 
    display: inline-block;
    position: relative;
    height: 50px;
    line-height: 50px;
    font-size: 50px;
}

.rating label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
}

.rating label:last-child {
    position: static;
}

.rating label:nth-child(1) {
    z-index: 5;
}

.rating label:nth-child(2) {
    z-index: 4;
}

.rating label:nth-child(3) {
    z-index: 3;
}

.rating label:nth-child(4) {
    z-index: 2;
}

.rating label:nth-child(5) {
    z-index: 1;
}

.rating label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.rating label .icon {
    float: left;
    color: transparent;
}

.rating:not(:hover) label input:checked~.icon,
.rating:hover label:hover input~.icon {
    color: #ff9800;
}

.rating label input:focus:not(:checked)~.icon:last-child {
    color: #000;
    text-shadow: 0 0 5px #ff9800;
}

.your-style {
    margin-bottom: 5px;
    margin-top: 25px;
}

.review-button-style {
    position: absolute;
    /*top: 35px;*/
    top: 70px;
    left: 41%;
}

.user-rating-style {
    position: relative;
    margin-bottom: 20px;
}

.form-title {
    color: #000!important;
    font-family: "Archivo Narrow", "sans-serif"!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-decoration: none!important;
    text-transform: none!important;
    line-height: 39px!important;
    display: inline;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-group {
    margin-bottom: 1rem;
}

.terms-style {
    margin-right: 20px;
}

.bar {
    width: 20px;
    height: 2px;
    background-color: #ced4da;
    /*margin: 6px 0;*/
}

.menu-button {
    padding: 0px 5px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}

.sort-style {
    display: inline;
    width: 45%;
    vertical-align: middle;
}

.review-list-style {
    background: #f7f7f7;
    padding: 30px 10px;
    margin-top: 5px;
}

.review-list-style  .form-title {

}

.list-header-style {
    margin-bottom: 10px;
    margin-top: 30px;
}

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

.db {
    display: block;
    margin: 0px;
}

.position-style-list {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    position: relative;
    top: 3px;
}

.tooltip {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
}

.tooltip img {
    width: 14px;
    margin-left: 1px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 320px;
    padding: 10px;
    background-color: white;
    color: black;
    text-align: left;
    border-radius: 2px;
    position: absolute;
    z-index: 9999;
    top: 140%;
    left: 0%;
    margin-left: -118px;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2), 0 0px 10px 0 rgba(0, 0, 0, 0.19);
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 40%;
    margin-left: -5px;

    border-bottom: 6px solid #FFFFFF;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.rating-guide-row {
    display: block;
    margin-top: 5px;
    margin-top: 5px;
}

.rating-guide-text {
    margin-left: 20px;
}

.avg-style-review {
    position: relative;
}

.review-desc-style {
    color: #000!important;
    font-family: "Source Sans Pro", "sans-serif"!important;
    font-size: 16px!important;
    font-style: normal!important;
    font-weight: 400!important;
    text-decoration: none!important;
    text-transform: none!important;
    line-height: 24px!important;
    margin-top: 20px;
}

.user-review-title-style {
    color: #000!important;
    font-size: 16px!important;
    line-height: 24px!important;
    font-family: "Archivo Narrow", "sans-serif"!important;
    font-style: normal!important;
    font-weight: 700!important;
    text-decoration: none!important;
    text-transform: none!important;
}

.user-review-name {
    font-size: 12px!important;
    font-family: "Source Sans Pro", "sans-serif"!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-decoration: none!important;
    text-transform: none!important;
    line-height: 11px!important;
    color: #000!important;
    margin-top: 5px;
    margin-bottom: 10px;
}

.user-review-name-mob {
    display: none;
}

.link-style-review {
    margin-left: 0px;
    vertical-align: middle;
    white-space: nowrap;
}

.dot-style {
    vertical-align: middle;
}

.form-title-review {
    color: #000 !important;
    font-family: "Source Sans Pro", "sans-serif"!important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-decoration: none !important;
    text-transform: none !important;
    line-height: 30px !important;
}

#reviewTextInput {
    resize: horizontal !important;
}
.ui.star .rating-star {
  margin-right: 10px;
}
.ui.star.rating .icon.rating-star::before {
  content: '';  
  background: url('images/star-orange-bordered-2.svg') no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  background-size: 100%;
}
.ui.star.rating label:hover input~.icon.rating-star::before,
.ui.star.rating label input~.icon.rating-star:hover::before{  
  background: url('images/star-orange-filled-2.svg') no-repeat;
  background-size: 100%; 
}
.ui.star.rating label:hover {
   z-index: 6;
}
.ui.star.rating label input:checked~.icon.rating-star::before {
  background: url('images/star-orange-filled-2.svg') no-repeat;
  background-size: 100%; 
}
.disableRatingHover .ui.star.rating label {
  pointer-events: none;
}
.static-rating-star {
  position: relative;
  width: 8rem;
  height: 30px;
  display: inline-block;
}
.static-rating-star .star{
  position: absolute;
  left: 0;
}
.static-rating-star .star:nth-child(2) {
  overflow: hidden;
}
.ui.star.rating .icon.filled-star::before{
  content: '';  
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background: url('images/star-orange-filled-2.svg') no-repeat;
  background-size: 100%;
}
.ui.star.rating .icon.unfilled-star::before {
/*  content: '\f005';
  color: #ffd9a2;*/
  content: '';  
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background: url('images/star-orangelight-filled-2.svg') no-repeat;
  background-size: 100%;
}
.wrap-rating-guide {
    margin-top: 10px;
    display: block;
}
.rating-guide-row {
    margin-bottom: 10px;
 }
.rating-guide-row .icon {
    vertical-align: middle;
}
.rating-guide-row .icon.filled-star::before {
  content: '';  
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background: url('images/star-orange-filled-2.svg') no-repeat;
  background-size: 100%;
}
.rating-guide-row .icon.bordered-star::before {
  content: '';  
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background: url('images/star-orange-bordered-2.svg') no-repeat;
  background-size: 100%;
}
.user-rating-style .ui.star.rating {
  margin-top: 10px;
}
.user-rating-style .ui.star.rating .rating {
  font-size: 40px;
}
.ui.rating.static i {
  cursor: inherit;
}
.static-rating-star .ui.huge.rating {
  font-size: 1.3rem;
  height: 30px;
}
.side {
   margin-top: 7px;
   position: relative;
}
.review-summary .bar-style .filled-star-black {
  content: '';  
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 100%;
  background: url('images/star-black-filled-2.svg') no-repeat;
  background-size: 100%;
  position: absolute;
  top: 2px;
  left: 13px;
}


.your-rating-star-wrapper {
    float: left;
}

.your-rating-star-wrapper {
    position: relative;
}
input.rate-star { 
    /*display: none;*/ 
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    left: 15px;
    opacity: 0;
}

label.rate-star {
  float: right;
  padding: 5px;
}
.your-rating-star-wrapper:hover label.rate-star:before {
    /*content: ''; 
    background-image: url(images/star-orange-bordered-2.svg)!important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 38px;
    height: 38px;
    background-size: 100%;*/
}
input.rate-star:checked ~ label.rate-star:before {
  content: '';  
  background-image: url('images/star-orange-filled-2.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  background-size: 100%;
}
input.rate-star ~ label.rate-star:after {
  content: '';  
  background-image: url('images/star-orange-filled-2.svg');
  visibility: hidden;
}
input.rate-star:hover ~ label.rate-star:before {
  /*content: '';  
  background-image: url('images/star-orange-filled-2.svg') !important;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  background-size: 100%;*/
}

label.rate-star:before {
  content: '';  
  background: url('images/star-orange-bordered-2.svg') no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  background-size: 100%;
}
.disableRatingHover .your-rating-star-wrapper {
  pointer-events: none;
}
.facets .rating,
.card-grid .rating {
    height: 31px !important;
    line-height: 29px;
}
.facets .rate-yo label {
    margin-left: 5px;
}
.card-list .rating,
.card .rating {
    height: 20px;
}
.filter-container .facets .ui.star.rating .icon.filled-star::before,
.filter-container .facets .ui.star.rating .icon.unfilled-star::before {
    width: 18px;
    height: 18px;
}
.js-click-onDisableHover {
    display: inline-block;
}
.product-quickview .rating {
    height: 30px;
}
.card.card-list.product-id h5 {
    min-height: 25px;
}
.card.card-list.product-id .ui.star.rating {
    margin: 2px 0;
}

@media (min-width:1025px) {
    input.rate-star:hover ~ label.rate-star:before {
        content: '';  
        background-image: url('images/star-orange-filled-2.svg') !important;
        background-repeat: no-repeat;
        display: inline-block;
        width: 38px;
        height: 38px;
        background-size: 100%;
    }
    .your-rating-star-wrapper:hover label.rate-star:before { 
        content: ''; 
        background-image: url(images/star-orange-bordered-2.svg)!important;
        background-repeat: no-repeat;
        display: inline-block;
        width: 38px;
        height: 38px;
        background-size: 100%
    }
}
@media only screen and (device-width: 768px) {
  /* For ipad portrait layouts only */
    .review-summary .side {
        width: 14%;
    }

    .review-summary .right {
        padding-left: 6px;
    }
}
@media (max-width:991px) {
    .tooltip .tooltiptext::after {
        left: 30%;
    }
    .tooltip .tooltiptext {
        margin-left: -90px;
    }
    .review-style {
        margin-top: 25px;
    }
}

@media (max-width:1024px) {
  .sort-style {
        width: 60%;
    }
    .review-button-style {
        left: 65%;
    }
}

@media (max-width:768px) {
  .sort-style {
        width: 73%;
    }
}

@media (max-width: 767px) {
    .rating-guide-text {
        margin-left: 10px;
    }
    .avg-style {
        margin-left: 5px;
    }
    .review-button-style {
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 15px;
    }
    .list-header-style {
        margin-top: 25px;
    }
    .header-right-style {
        text-align: left;
    }
    .menu-button {
        float: right;
        margin-top: 6px;
    }
    .side {
        width: 13%;
    }
    .tooltip .tooltiptext::after {
        left: 35%;
    }
    .tooltip .tooltiptext {
        margin-left: -99px;
        width: 310px;
    }
    .position-style-list {
        position: relative;
        top: 3px;
        right: 0px;
        font-size: 12px;
    }
    .user-details-style {
        display: none;
    }
    .user-review-name-mob {
        display: inline;
        font-size: 12px!important;
        font-family: "Source Sans Pro", "sans-serif"!important;
        font-style: normal!important;
        font-variant: normal!important;
        text-decoration: none!important;
        text-transform: none!important;
        color: #000!important;
        vertical-align: bottom;
    }
    .link-style {
        margin-left: 2px;
    }

    .sort-style {
        width: 70%;
    }

    .position-style {
        left: 125px;
    }

    .submit-style {
        width: 100%;
        text-align: center;
        position: relative;
        margin-bottom: 30px;
    }

    .terms-style {
        width: 100%;
        display: block;
        position: absolute;
        top: 45px;
    }

    .submit-review-btn {
        width: 100%
    }
}
.white {
  color: #fff;
}
.black {
  color: #272727;
}
.wrap-image-promotion {
    margin-left: 2em;
}
.wrap-image-promotion h1{
    margin-bottom: 10px;
}

.image-header-full {
    margin: 20px 0;
}

.column-control .image-header-full{
    margin: 0;
}

.image-header-full picture > a {
    display: block;
    outline: none;
}
.full-image-promotion {
    position: relative;
    overflow: hidden;
    margin: 20px 0;
}
.full-image-promotion:after {
    content: "";
    background: url("styles/images/shadow.png") bottom repeat-x;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.full-image-promotion .wrap-image-promotion {
    position: absolute;
    top: 50%;
    margin-top: -3.375em;
    margin-left: 0;
    max-width: 100%;
    color: #fff;
    z-index: 1;
    padding: 0 15px;
}
.full-image-promotion .wrap-image-promotion.center {
    text-align: center;
    margin-top: -82px;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
}
.full-image-promotion .wrap-image-promotion.left {
    text-align: left;
    margin-top: -82px;
    margin-bottom: 0;
    left: 50px;
    right: auto;
}
.full-image-promotion .wrap-image-promotion.right {
    text-align: right;
    margin-top: -82px;
    margin-bottom: 0;
    left: auto;
    right: 50px;
}
.full-image-promotion.video-background .wrap-image-promotion {
    margin-top: -138px;
}
.full-image-promotion.video-background .wrap-image-promotion h1 {
    margin-bottom: 10px;
    text-shadow: 0 1px 1px #272727;
}
.full-image-promotion .wrap-image-promotion h2 {
    margin-top: 0;
    text-shadow: 0 1px 1px #272727;
    margin-bottom: 30px;
}
.full-image-promotion .wrap-image-promotion p {
    margin-bottom: 40px;
    margin-top: 20px;
    text-shadow: 0 1px 1px #272727;
}
.button-group .ui {
  margin: 0 10px 10px 0;
}
.video-background {
    margin: 20px 0;
    height: 400px;
}
.video-container {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}
.video-container video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: opacity .8s linear;
    transition: opacity .8s linear;
}
.video-container .video-poster-mobile {
  display: none;
}
.image-promotion-content {
    padding-left: 10px;
}
.image-promotion-content h1 {
    margin-top: -10px;
    margin-bottom: 10px;
}
.image-promotion-content h2 {
    margin-bottom: 5px;
    margin-top: 0;
}

.image-promotion-content-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
    margin-top: 10px;
}
.image-promotion-content-list li {
    border-bottom: 1px solid #cccccc;
    position: relative;
}
.image-promotion-content-list li h4 {
    margin-bottom: 5px;
}
.image-promotion-content-list li a.mobile-link {
    display: none;
}
.image-promotion-content-list li a.mobile-link i.icon-icon-leftarrow2 {
    position: absolute;
    right: 0;
    top: 50%;
    color: #272727;
    margin-top: -8px;
    margin-right: 0;
}
.events-component-list li {
  padding: 15px 0;
}
.events-component-list .left-box p {
    margin-bottom: 0;
}
.news-promotion {
    padding: 1em;
    font-size: 20px;
    margin: 1em 0 0.6em;
}
.news-promotion p {
  font-family: 'Archivo Narrow', sans-serif;
  margin-bottom: 0;
}
.news-promotion a {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}
.image-promotion-desc {
    padding: 2.500em 2.188em;
}

.image-promotion-desc p{
    margin-bottom: 20px;
}

.wg-promotion .image-promotion {
    margin: 0;
}
.image-promotion-boxed,
.partial-image-promotion  {
  margin: 20px 0;
}
.wg-promotion.image-promotion-boxed.left-image .image-promotion > div:first-child {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
}
.wg-promotion.image-promotion-boxed.left-image .image-promotion > div:last-child {
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
}
.wg-promotion.image-promotion-boxed.right-image .image-promotion > div:first-child {
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
}
.wg-promotion.image-promotion-boxed.right-image .image-promotion > div:last-child {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
}
.wg-promotion.white .news-promotion,
.wg-promotion.white .image-promotion {
    background: #ffffff;
    color: #2F2F2F;
    border: 1px solid #cccccc;
}
.wg-promotion.cream .news-promotion,
.wg-promotion.cream .image-promotion {
    background: #fff1cf;
    color: #2F2F2F;
}
.wg-promotion.slategrey .news-promotion,
.wg-promotion.slategrey .image-promotion {
    background: #2F2F2F;
    color: #ffffff;
}
.wg-promotion.grape .news-promotion,
.wg-promotion.grape .image-promotion {
    background: #91268F;
    color: #ffffff;
}
.wg-promotion.pinapple .news-promotion,
.wg-promotion.pinapple .image-promotion {
    background: #FFD200;
    color: #2f2f2f;
}
.wg-promotion.tangerine .news-promotion,
.wg-promotion.tangerine .image-promotion {
    background: #F7A53F;
    color: #2f2f2f;
}
.wg-promotion.tomato .news-promotion,
.wg-promotion.tomato .image-promotion {
    background: #EE3123;
    color: #ffffff;
}
.wg-promotion.valuered .news-promotion,
.wg-promotion.valuered .image-promotion {
    background: #ED174F;
    color: #ffffff;
}
.wg-promotion.blueberry .news-promotion,
.wg-promotion.blueberry .image-promotion {
    background: #2A7FCE;
    color: #ffffff;
}
.wg-promotion.peapod .news-promotion,
.wg-promotion.peapod .image-promotion {
    background: #53B947;
    color: #2f2f2f;
}
.wg-promotion.neutral .news-promotion,
.wg-promotion.neutral .image-promotion {
    background: #f3f3f3;
    color: #2f2f2f;
}
.partial-image-promotion {
    /*margin-top: 40px;
    margin-bottom: 40px;*/
}
.partial-image-promotion.right-image > div:first-child {
  -webkit-order: 1;
  -ms-order: 1;
  order: 1;
}
.partial-image-promotion.right-image > div:last-child {
  -webkit-order: 2;
  -ms-order: 2;
  order: 2;
}
.partial-image-promotion.left-image > div:first-child {
  -webkit-order: 2;
  -ms-order: 2;
  order: 2;
}
.partial-image-promotion.left-image > div:last-child {
  -webkit-order: 1;
  -ms-order: 1;
  order: 1;
}

/* Quich view popup */
.product-quickview-container.promotion-quickview {
    border: 0;
    padding: 0;
}

/* Events */
.events-wrapper {
    margin-top: 20px;
    margin-bottom: 40px;
}

/* Store Assignment */
.store-assigment-box {
    padding: 1.4em 2.188em;
}
.store-assigment-box h1 {
    margin-bottom: 10px;
}
.store-assigment-box h2 {
    margin-top: 0;
    margin-bottom: 30px;
}
.store-assigment-box p {
    margin-bottom: 10px;
}
.store-assigment-box ul {
    margin-top: 10px;
}
.image-promotion-content-list .ui.primary-link.link.link-arrow {
    display: none;
}

/* Image Card */
.image-card {
    position: relative;
    margin: 15px 0 0 0;
}
.image-card .image {

}
.image-card-text {
    background: rgba(47, 47, 47, 0.6);
    color: #ffffff;
    padding: 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.image-copy p {
    margin-top: 15px;
}

@media only screen and (max-width: 1024px) {
    .image-promotion-desc {
        padding: 1.8em 2.188em;
    }
    .store-assigment-box ul {
        margin: 10px 0 0;
    }
    .store-assigment-box {
        padding: 0.8em 2.188em;
    }
    .video-container .video-poster-mobile {
      display: block;
    }
    .video-container video {
      display: none;
    }
    .image-promotion-content-list {
      margin-bottom: 20px;
      margin-top: 0;
    }
}

@media only screen and (max-width: 768px) {
    .partial-image-promotion {
        position: relative;
        padding: 0;
        margin-bottom: 20px;
    }
    .partial-image-promotion > div:first-child {
        order: 2!important;
        margin: 40px 0;
    }
    .partial-image-promotion > div:last-child {
        order: 1!important;
    }
    .events-wrapper {
        position: relative;
        padding: 0;
        margin-bottom: 20px;
    }
    .wrap-image-promotion {
        margin-left: 0;
        text-align: center!important;
    }
    .image-promotion {
        margin: 0;
    }
    .wg-promotion.image-promotion-boxed .image-promotion > div:first-child {
        order: 2!important;
    }
    .wg-promotion.image-promotion-boxed .image-promotion > div:last-child {
        order: 1!important;
    }
    .wg-promotion.store-assigment .image-promotion > div:first-child {
        order: 1;
    }
    .wg-promotion.store-assigment .image-promotion > div:last-child {
        order: 2;
    }
    .wg-promotion.store-assigment .image-promotion .image-promotion-image  {
        float: right;
    }
    .image-promotion-desc {
        padding: 15px 10px 30px 10px;
    }
    .store-assigment-box {
        padding: 20px;
        margin: 0 -10px;
    }
    .store-assigment-box h1 {
        font-size: 36px;
    }
    .image-header-full {
        margin-left: -20px;
        margin-right: -20px;
    }
    .full-image-promotion.video-background {
        margin-left: -20px;
        margin-right: -20px;
    }
    .video-background {
        margin-bottom: 20px;
    }
    .image-promotion-content h1 {
      margin-top: 0;
    }
    .image-promotion-content {
        margin: 30px 0 0 0;
        padding-left: 0;
    }
    .product-quickview-container.promotion-quickview {
      display: none!important;
    }
}

@media only screen and (max-width: 619px) {
    .news-promotion {
        font-size: 1em;
    }
    .store-assigment-box h1 {
        font-size: 30px;
    }
    .image-promotion-content h2 {
        margin-bottom: 5px;
    }
    .image-promotion-content-list li {
        display: block;
    }
    .image-promotion-content-list li h4 {
        margin-bottom: 2px;
        font-size: 18px;
    }
    .recipe-list-container .error {
      display: none;
    }
    .flip-container .card.meals-cooking.card-boxed .image-promotion-content-list li h4 {
        display: none;
    }
    .image-promotion-content-list li .ui.secondary-btn.button {
        display: none;
    }
    .image-promotion-content-list .ui.primary-link.link.link-arrow {
        margin-top: 10px;
        display: block;
    }
    .image-promotion-content-list {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .store-assigment-box {
        padding: 15px;
        margin: 0 -10px;
    }
    .store-assigment-box p.one {
        width: 50%;
    }
    .store-assigment .image-promotion {
        position: relative;
    }
    .store-assigment .image-promotion-image {
        margin: 0;
        position: absolute;
        max-width: 140px;
        right: 10px;
        top: 22%;
    }
    .image-promotion-content-list li a.mobile-link {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
    .partial-image-promotion .wrap-image-promotion h1 {
        font-size: 24px;
    }
    .image-promotion-content .ui.primary-btn.button {
        width: 100%;
    }
    .full-image-promotion.video-background .wrap-image-promotion.right,
    .full-image-promotion.video-background .wrap-image-promotion.left {
        max-width: 500px;
        padding: 0 15px;
        margin: -138px auto 0;
        left: 0;
        right: 0;
        text-align: center;
    }
    .event-image-promotion-image {
        margin: 0 -20px;
    }
    .video-container video {
      display: none;
    }
    .video-container .video-poster-mobile {
      display: block;
    }
    .wg-promotion.image-promotion-boxed .hide-mobile {
      display: none;
    }
    .button-group .ui {
      margin: 0 10px 10px 0;
    }
    .product-quickview-container.promotion-quickview {
      display: none!important;
    }
}

/*!
 * # Semantic UI 2.1.7 - Accordion
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Accordion
*******************************/

.ui.accordion,
.ui.accordion .accordion {
  width: 100%;
  margin: 1.250em 0;
}
.ui.accordion .accordion {
  margin: 1em 0 0;
  padding: 0;
}

/* Title */
.ui.accordion .title,
.ui.accordion .accordion .title {
  cursor: pointer;
}

/* Default Styling */
.ui.accordion .title:not(.ui) {
  padding: 0.5em 0;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.86);
}

/* Content */
.ui.accordion .title ~ .content,
.ui.accordion .accordion .title ~ .content {
  display: none;
}

/* Default Styling */
.ui.accordion:not(.styled) .title ~ .content:not(.ui),
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
  margin: 0;
  padding: 0.5em 0 1em;
}
.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
  padding-bottom: 0;
}


/*--------------
    Coupling
---------------*/


/* Menu */
.ui.accordion.menu .item .title {
  display: block;
  padding: 0;
}

/*******************************
            States
*******************************/

.ui.accordion .title .icon-icon-downarrow {
  position: absolute;
  right: 70px;
  top: 28px;
  margin-right: 0;
}

.ui.accordion .active.title .icon-icon-downarrow,
.ui.accordion .accordion .active.title .icon-icon-downarrow {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.ui.accordion.menu .item .active.title > .icon-icon-downarrow {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
          transform: rotate(-180deg);
}


/*******************************
            Types
*******************************/


/*--------------
     Styled
---------------*/

.ui.styled.accordion,
.ui.styled.accordion .accordion {
  background: #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.styled.accordion .title,
.ui.styled.accordion .accordion .title {
  font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 25px 70px;
  position: relative;
  color: #272727;
  font-weight: bold;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  -ms-transition: background 0.1s ease, color 0.1s ease;
  -moz-transition: background 0.1s ease, color 0.1s ease;
  -o-transition: background 0.1s ease, color 0.1s ease;
          transition: background 0.1s ease, color 0.1s ease;
}
.ui.styled.accordion > .title:first-child,
.ui.styled.accordion .accordion .title:first-child {
  border-top: none;
}

/* Content */
.ui.styled.accordion .content,
.ui.styled.accordion .accordion .content {
  margin: 0;
  padding: 40px 70px;
}
.ui.styled.accordion .accordion .content {
  padding: 0;
  padding: 0.5em 1em 1.5em;
}

/* Hover */
.ui.styled.accordion .title:hover,
.ui.styled.accordion .active.title,
.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}

/* Active */
.ui.styled.accordion .active.title {
  background: #104578;
  color: #fff;
}
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95);
}


/*******************************
            States
*******************************/


/*--------------
     Active
---------------*/

.ui.accordion .active.content,
.ui.accordion .accordion .active.content {
  display: block;
}

.ui.accordion .content .description {

}
.ui.accordion .content .image {
    min-width: 280px;
    margin-left: 80px!important;
}

/*******************************
           Variations
*******************************/


/*--------------
     Fluid
---------------*/

.ui.fluid.accordion,
.ui.fluid.accordion .accordion {
  width: 100%;
}

/*--------------
     Inverted
---------------*/

.ui.inverted.accordion .title:not(.ui) {
  color: rgba(255, 255, 255, 0.9);
}


/*******************************
         Theme Overrides
*******************************/

@media only screen and (max-width: 768px) {
  .ui.styled.accordion .title,
  .ui.styled.accordion .accordion .title {
    padding: 25px 20px;
  }
  .ui.styled.accordion .content,
  .ui.styled.accordion .accordion .content {
    padding: 20px;
  }
  .ui.accordion .title .icon-icon-downarrow {
    right: 15px;
  }
  .ui.accordion .content .box-align {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ui.accordion .active.content .description,
  .ui.accordion .content .description {
    width: 100%;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
    margin-top: 40px;
    margin-right: 0;
  }
  .ui.accordion .active.content .image,
  .ui.accordion .content .image {
    margin: 0 auto !important;
    max-width: 350px;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
  }
}

@media only screen and (max-width: 618px) {
  .ui.accordion {
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
  }
  .ui.styled.accordion {
    border-left: 0;
    border-right: 0;
  }
}

/*******************************
        User Overrides
*******************************/

/*!
 * # Semantic UI 2.1.7 - Breadcrumb
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
           Breadcrumb
*******************************/

.ui.breadcrumb {
  max-width: 100%;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
 /*  margin-bottom: 10px; */
}


/*******************************
          Content
*******************************/


/* Divider */
.ui.breadcrumb .divider {
  display: inline-block;
  opacity: 0.7;
  margin: 0 0.21428571rem 0;
  font-size: 0.92857143em;
  color: #2263A0;
  vertical-align: baseline;
}

/* Link */
.ui.breadcrumb a {
  color: #2263A0;
}
.ui.breadcrumb a:hover {
  color: #2A7FCE;
}

/* Icon Divider */
.ui.breadcrumb .icon.divider {
  font-size: 0.65714286em;
  vertical-align: baseline;
}

/* Section */
.ui.breadcrumb a.section {
  cursor: pointer;
  text-transform: capitalize;
}
.ui.breadcrumb .section {
  display: inline-block;
  padding-top: 10px;
}
.ui.breadcrumb .active.section {
    color: #2F2F2F;
}

/* Loose Coupling */
.ui.breadcrumb.segment {
  display: inline-block;
  padding: 0.71428571em 1em;
}



/*******************************
           Variations
*******************************/

.ui.mini.breadcrumb {
  font-size: 0.71428571rem;
}
.ui.tiny.breadcrumb {
  font-size: 0.85714286rem;
}
.ui.small.breadcrumb {
  font-size: 0.92857143rem;
}
.ui.breadcrumb {
  font-size: 1rem;
}
.ui.large.breadcrumb {
  font-size: 1.14285714rem;
}
.ui.big.breadcrumb {
  font-size: 1.28571429rem;
}
.ui.huge.breadcrumb {
  font-size: 1.42857143rem;
}
.ui.massive.breadcrumb {
  font-size: 1.71428571rem;
}


/*******************************
         Theme Overrides
*******************************/

.breadcrumb-social-container {
  position: relative;
}
/* Social Pring Links */
.social-print-links {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-print-links.desktop {
  position: absolute;
  right: -10px;
  top: 10px;
}
.social-print-links.desktop.recipe {
  right: -10px;
}
.social-print-links.pressrelease.desktop {
  right: 0;
  top: -44px;
}
.social-print-links.mobile {
  display: none;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.social-print-links.mobile.pressrelease {
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  margin-top: 20px;
}
.social-print-links li {
  margin-top: auto;
  margin-bottom: auto;
}
.social-print-links li a {
  color: #272727;
  font-size: 22px;
  padding: 5px 4px;
  display: inline-block;
}
.social-print-links li a > span {
  margin: 0;
  width: 25px;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .recall-detail-container .social-print-links.desktop {
    display: block;
    right: 0;
    top: -5px;
  }
  .recall-detail-container .social-print-links.desktop li {
    display: inline-block;
  }
  .social-print-links.desktop.pressrelease {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    position: static;
  }
  .social-print-links.desktop {
    display: none;
  }
  .social-print-links.mobile {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .social-print-links.mobile li:last-child {
    display: none;
  }
}

@media only screen and (max-width: 619px) {
  .recall-detail-container .social-print-links.desktop {
    display: block;
  }
  .ui.breadcrumb {
    display: none;
  }
}


/*******************************
         Site Overrides
*******************************/

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
 .carousel-title {
     margin-bottom: 1.875em;
 }
 .carousel.tabbed-carousel .carousel-title {
     margin-top: 1.875em;
 }
 .carousel-title h1 {
     margin-bottom: 5px;
 }
 .carousel-title h2 {
     margin-top: 0;
 }
 .tabbed-carousel-half-tabs {
     padding: 0 20px;
     margin-top: 30px;
 }
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
#focus-meal-scroll.owl-carousel {
  width: auto;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url("../../clientlibs/wegmans/clientlib.site/images/grabbing.png") 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls {
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  font-size: 20px;
  background: rgba(0,0,0,0.60);
  color: #fff;
  width: 40px;
  height: 40px;
  -webkit-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.owl-theme .owl-controls .owl-buttons div.disabled {
  background: rgba(0,0,0,0.08);
  cursor: default;
}
.owl-theme .owl-controls .owl-buttons div:hover {
  background: rgba(0,0,0,1);
}
.owl-theme .owl-controls .owl-buttons div.disabled:hover {
  background: rgba(0,0,0,0.08);
}
.owl-theme .owl-controls .owl-buttons div i {
	margin: 0;
  line-height: 38px;
}
.tabbed-carousel-full {
	margin-bottom: 20px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -4px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -4px;
}
.tabbed-carousel-half-tabs .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -18px;
}
.tabbed-carousel-half-tabs .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -18px;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

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

/* If PaginationNumbers is true */

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

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url("../../clientlibs/wegmans/clientlib.site/images/AjaxLoader.gif") no-repeat center center;
}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 768px) {
	.product-ways-mobile .owl-theme .owl-controls .owl-buttons div {
	    top: 32%;
	}
  .product-carousel-promotion.owl-theme .owl-controls .owl-buttons div.owl-next {
      right: -15px;
  }
  .product-carousel-promotion.owl-theme .owl-controls .owl-buttons div.owl-prev {
      left: -10px;
  }
}

@media only screen and (max-width: 619px) {
	.tabbed-carousel-full-tabs {
		padding: 0;
	}
	.tabbed-carousel-full-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
		right: -25px;
	}
	.tabbed-carousel-full-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
		left: -25px;
	}
	.focus-meal-mobile.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -16px;
	}
  .focus-meal-mobile.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -16px;
  }
	.product-ways-mobile .owl-theme .owl-controls .owl-buttons div {
	  top: 30%;
	}
	.ui.secondary.pointing.menu .item {
		margin-right: 0;
    font-size: 12px;
	}
	.tabbed-carousel-half-tabs {
		padding: 0;
	}
	.tabbed-carousel-half-tabs .ui.secondary.pointing.menu.center {
		margin-bottom: 2em;
	}
}

@media only screen and (max-width: 568px) {

}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

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

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

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    /*background: #fff url('../../clientlibs/wegmans/clientlib.site/css/ajax-loader.gif') center center no-repeat;*/
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slideshow-header .title-subtitle-wrap h2 {
    margin-top: 0;
}
.slideshow-header button {
    text-align: center !important;
    margin: 10px auto 0 !important;
}
.slideshow-container {
  /*visibility: hidden;*/
}
.slideshow-header .header-teaser,
.title-subtitle-wrap  .header-teaser {
  margin: 20px 0 15px;
}
.slideshow-content {
  padding: 0;
  outline: none;
  list-style: none;
  margin: 0;
}
.slideshow-nav {
    position: relative;
    display: -webkit-flex;
    display: flex;
    padding: 20px 0 18px;
    margin: 25px 0 30px;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
}
.slideshow-nav .ss-nav-item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.slideshow-nav .ss-page-num {
    font-family: 'Archivo Narrow', sans-serif;
    text-align: center;
    line-height: 2.2em;
    font-weight: bold;
    text-transform: uppercase;
    flex: 5;
}
.ss-controls.ss-nav-item {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
.ss-controls.ss-nav-item  a {
    color: #272727;
    font-size: 24px;
    margin: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.ss-controls.ss-nav-item  a.slick-disabled{
    color: #ccc;
    cursor: default;
}
.ss-page-num.ss-nav-item {

}
.ss-controls.ss-nav-item  a:first-child {
    margin-right: 10px;
}
.ss-view-button {
    text-align: center;
}
#slideshow-edit-mode .slideshow-content {
    margin: 1.650em 0;
}
.slideshow-content .slide .ss-slide-desc {
    padding-left: 30px;
}
.slideshow-content .slide .ss-slide-desc p{
  margin-bottom: 20px;
}

.slideshow-content .slide .ss-slide-desc button {
    margin: 0 0 20px;
}
.slideshow-content .slide .ss-slide-desc label {
    display: block;
    margin-bottom: 5px;
}
.slideshow-content .slide .ss-slide-desc > a {
    display: inline-block;
    margin-bottom: 20px;
}
.slideshow-grid-content picture {
    margin-bottom: 20px;
}
.slideshow-nav .ss-button-grp {
  text-align: center;
}
.slideshow-nav .ss-button-grp .ss-view-grid,
.slideshow-nav .ss-page-num,
.slideshow-nav .ss-controls {
  display: none;
}

.slideshow-grid-content.flex-hidden,
.slideshow-wrapper.flex-hidden {
  visibility: hidden;
  overflow: hidden;
  margin: 0!important;
  padding: 0!important;
  height: 0;
  width: 0;
  position: absolute!important;
}
.flex-hidden.slideshow-nav .ss-button-grp {
  text-align: left;
}
.flex-hidden .ss-button-grp .ss-view-grid,
.flex-hidden.slideshow-nav .ss-page-num,
.flex-hidden.slideshow-nav .ss-controls {
  display: block;
}
.flex-hidden .ss-button-grp .ss-view-slideshow {
  display: none;
}
.flex-hidden li .slide {
  visibility: hidden;
  overflow: hidden;
  margin: 0!important;
  padding: 0!important;
  height: 0;
  width: 0;
  position: absolute!important;
}
.thumbnail-wrapper {
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .slide h3 {
    font-size: 36px;
  }
}
@media screen and (min-width: 620px) {
  .ui.secondary-btn.button.ss-view-mob {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .slideshow-nav .ss-page-num {
    flex: 4;
  }
  .slideshow-nav {
    margin: 20px 0 40px;
  }

  .slideshow-nav .ss-button-grp .ss-view-grid, .slideshow-nav .ss-button-grp .ss-view-slideshow{
    font-size: 0.857em;
  }
}
@media screen and (max-width: 1023px) {
    .slideshow-nav {
        padding: 10px 0;
        margin: 20px 0 20px;
    }
    .slideshow-nav .ss-control a {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        background: #666;
        padding: 10px 7px;
        margin-left: 20px;
    }
    .slideshow-nav .ss-page-num {
      flex: 1;
    }
    .ss-controls.ss-nav-item a:first-child {
        left: 0;
        margin-right: 10px;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
    }
    .ss-controls.ss-nav-item a:last-child {
        right: 0;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
    }
    .slideshow-content .slide .ss-slide-desc {
      padding-left: 10px;
    }
}

@media screen and (max-width: 618px) {
    .slideshow-nav .ss-control .slideshow-nav {
        position: relative;
    }
    .slideshow-nav .ss-control .left-nav-arr {
        position: absolute;
        left: 0;
    }
    .slideshow-content .slide picture {
        margin-bottom: 20px;
    }
    .slideshow-content .slide .ss-slide-desc {
        padding-left: 10px;
        margin-bottom: 20px;
    }
    .ss-controls.ss-nav-item {
        position: absolute;
        width: 100%;
        left: 0;
        top: 14px;
        text-align: center;
    }
    .ss-controls.ss-nav-item a {
        position: absolute;
        top: -5px;
    }
    .ss-controls.ss-nav-item a:first-child {
        left: 0;
        margin-right: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }
    .ss-controls.ss-nav-item a:last-child {
        right: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }
    .slideshow-nav {
        height: 60px;
        margin-bottom: 20px;
    }
    .slideshow-nav .ss-page-num {
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center;
    }
    .flex-hidden.slideshow-nav .ss-button-grp {
      display: none;
    }
    .ss-view-mob {
      display: block;
    }
    .flex-hidden.ss-view-mob {
      display: none;
    }
}

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;outline: none;}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #ccc;outline: none;}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/** select overrides **/
span.select2-selection__arrow:after {
    display: block;
    position: absolute;
    pointer-events: none;
    content: '';
    visibility: visible;
    width: 0.7em;
    height: 0.7em;
    box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.5);
    z-index: 2;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 9px;
    right: 13px;
}
span.select2-selection__arrow b{
    display: none;
}

.select2-container--default .select2-selection--single{
    border: 1px solid rgba(34, 36, 38, 0.15);
    height: 37px;
    outline: none;
}

.select2.select2-container--focus .select2-selection--single{
    border-color: #85b7d9;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 37px;
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 41px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.select2-dropdown.select2-dropdown--below{
    top: 10px;
    border-top: 1px solid #ccc;
    border-radius: 3px;
}

.select2-container--default.select2-container--open .select2-dropdown--below:after {
  content: '';
  display: block !important;
  position: absolute;
  top: -10px;
  right: 14px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #fff;
}
.select2-container--default.select2-container--open .select2-dropdown--below:before {
  content: '';
  display: block !important;
  position: absolute;
  top: -11px;
  right: 14px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid rgba(105, 105, 105, 0.34);
}
.select2-container--default.select2-container--open .select2-dropdown--above:after {
  content: '';
  display: block !important;
  position: absolute;
  bottom: -10px;
  right: 14px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #fff;
  transform: rotate(180deg);
}
.select2-container--default.select2-container--open .select2-dropdown--above:before {
  content: '';
  display: block !important;
  position: absolute;
  bottom: -11px;
  right: 14px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid rgba(105, 105, 105, 0.34);
  transform: rotate(180deg);
}

.select2-container--open .select2-dropdown--above{
    border: 1px solid rgba(105, 105, 105, 0.34);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    top: -10px;
}

.select2-results > #select2-states-results.select2-results__options > .select2-results__option:not(:last-child){
    border-bottom: 1px dashed #DDD;
}

select.error ~ .select2.select2-container .select2-selection--single{
    border-color: #ee3123;
}

.select2-container{
    width: 100%!important;
}

.select2-dropdown{
    z-index: 999999999999!important
}

/* Map related Styles  */
.map-header-teaser {
  margin-top: 0;
}
.map-header-teaser .ui.button {
  margin-top: 25px;
}
.map-container {
  margin-top: 20px;
  position: relative;
}
.map-container .driving-page-container h1 {
  margin-top: 0;
}

.map-container.has-personal-shopping{
  height: 480px;
}

.map-details-content h1 {
    margin-top: 0;
    line-height: 1;
}

.map {
    width: 100%;
    height: 185px;
    margin-bottom: 20px;
    background: #f2f2f2;
    display: block !important;
}
.map.store-location-map {
    height: 620px;
    margin-top: 0;
    position: relative;
}
.location-informations p {
  margin: 0;
}
.location-informations h5 {
  margin-top: 0;
  margin-bottom: 10px;
}
.holiday-info {
  margin-top: 40px;
}
.personal-shopping-info {
  position: absolute;
  left: 0;
  bottom: 0;
}
.personal-shopping-info .pshopping-icon {
  width: 90px;
  margin-bottom: auto;
  margin-top: 4px;
}
.personal-shopping-info .psinfo {
  margin-left: 10px;
}
.personal-shopping-info .psinfo h3,
.personal-shopping-info .psinfo p {
  margin-bottom: 10px;
}
#dvDistance {
    margin: 20px 0 0;
}
.print-show {
  display: none;
}
.adp, .adp table {
    width: 100%;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif!important;
    font-size: 14px;
    font-weight: 400!important;
}
.adp, .adp table b {
    font-weight: 600!important;
}
.adp-placemark td:first-child {
    padding-left: 20px;
}
.adp-text {
    padding: 15px 20px 15px 15px;
}
img.adp-marker {
    width: 16px!important;
    height: 27px!important;
}
.ui.input.direction-search {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.drive-box {
  margin-bottom: 40px;
}
.direction-form {
  margin-top: 0px;
  margin-bottom: 60px;
}
.drive-print-box > h3 {
  margin-bottom: 30px;
}
.origin-input {
  margin-right: 15px!important;
  padding: 10px 15px!important;
  font-size: 14px!important;
  -webkit-flex: 2!important;
  -ms-flex: 2!important;
  flex: 2!important;
}
table.adp-placemark {
  background: transparent!important;
  border: 0!important;
  margin: 25px 0!important;
  font-weight: 600!important;
}
[data-leg-index="0"] .adp-placemark {
    margin-bottom: 0!important;
}
.adp-summary {
    display: none!important;
}
.adp-step, .adp-substep {
    border-top: 0!important;
    border-bottom: 1px solid #ccc!important;
    padding: 2em 3px 2em 3px!important;
}
.adp-legal {
    color: #676767!important;
    opacity: 0.3!important;
    font-size: 11px!important;
    text-align: right!important;
}
.map-container .search-bar {
  margin-bottom: 0;
}
p#error {
  color: red;
  font-weight: 600;
  margin-top: 10px;
  font-size: 14px;
}
.errorbox {
  border: 1px solid red!important;
}

.make-store-text {
  margin-bottom: 15px;
}
.location-store-lists {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.location-store-lists > li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 15px;
}
.location-store-lists > li:last-child {
  margin-bottom: 0;
}
.location-store-lists > li .store-info {
  -webkit-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  -o-flex: 2;
  flex: 2;
  /*-webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  -o-flex-basis: 100%;
  flex-basis: 100%;*/
  padding-right: 10px;
}
.location-store-lists > li .store-btn-group {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  margin-top: 5px;
}
.location-store-lists > li .store-info .store-name {
  margin-bottom: 0;
}

.store-info address{
  margin-bottom: 0;
}

.store-info .personal-shopping {
    display: flex;
}

.store-info .personal-shopping img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.store-info .personal-shopping-icon .title-lbl {
    padding-left: 10px;
    font-weight: normal;
}
.infowin-title {
  margin-bottom: 5px;
}
.infowin-address,
.infowin-phone {
  margin-bottom: 0;
}
.store-view-switcher {
  display: none;
}
.store-view-tab-content {
  position: relative;
}
.maplabels {
  color: #ffffff;
  background-color: #F75C50;
  font-size: 11px;
  text-align: center;
  width: 20px;
  white-space: nowrap;
}

@media only screen and (max-width: 1024px) {
    .map {
      height: 300px;
      margin: 30px 0;
    }
    .location-informations > div {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    .location-informations {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }
    .holiday-info {
      margin-top: 0;
    }
    .map-container {
      height: auto;
    }
	.map-container, .map-container.has-personal-shopping{
      height: auto;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 1024px) {
  .location-informations > div {
      max-width: 33.33%;
  }
  .personal-shopping-info {
    top: 110px;
    bottom: auto;
    left: auto;
    right: 0;
    width: 33.33%;
    padding: 0 10px;
  }
  .personal-shopping-info .psinfo h3 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 620px) {
  .map-container .getdirection {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .personal-shopping-info {
      position: static;
      margin-top: 30px;
      margin-left: 20px;
  }
  .sticky-wrapper .map-wrapper {
    position: static!important;
  }
  .loc-col-order-1 {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    -o-order: 1;
    order: 1;
  }
  .loc-col-order-2 {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
  }
  .map.store-location-map {
    height: 230px;
  }
}

@media only screen and (max-width: 619px) {
  .map-container {
    margin-top: 20px;
  }
  .map {
    display: none!important;
    height: 280px;
    margin: 0;
  }
  .map.direction-map,
  .map.store-location-map {
    display: block!important;
  }
  .map-header-teaser .ui.button,
  .map-container .getdirection {
    width: 100%;
  }
  .location-informations {
    display: block;
  }
  .map-container .search-bar {
    display: none;
  }
  .map-header-teaser .ui.button {
    margin-top: 15px;
  }
  .store-address,
  .map-header-teaser,
  .map-container .getdirection {
    margin-bottom: 15px;
  }
  .holiday-info {
    margin-top: 30px;
  }
  .personal-shopping-info {
    margin-top: 20px;
    margin-left: 0;
  }
  .ui.input.direction-search .origin-input {
    margin-right: 0!important;
  }
  .direction-form {
    margin-bottom: 30px;
  }
  .drive-print-box > h3 {
    margin-bottom: 20px;
  }
  #dvDistance {
    margin: 20px 0;
  }
  .store-view-tab-content {
    display: none;
  }
  .store-view-switcher {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .store-view-switcher-inner {
    border: 1px solid #2263A0;
    border-radius: 5px;
    overflow: hidden;
  }
  .store-view-switcher-inner .store-view-tabs {
    font-family: 'Archivo Narrow', 'Helvetica Neue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0.55em 1.8em;
    font-weight: 700;
    font-size: 0.8em;
    opacity: 0.4;
    display: inline-block;
    text-transform: uppercase;
  }
  .store-view-switcher-inner .store-view-tabs.active {
    cursor: pointer;
    background-color: #2263A0;
    color: #ffffff;
    text-shadow: none;
    background-image: none;
    border: 1px solid #2263A0;
    opacity: 1;
  }
}

@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}

@media print {
  .adp-directions {
    width: 100%;
  }
  .adp-substep .adp-stepicon .adp-maneuver {
    background-image: url('https://maps.gstatic.com/mapfiles/api-3/images/maneuvers_hdpi.png');
  }
  .adp-summary {
    display: block!important;
    padding: 20px 0;
  }
  .print-logo-wrap {
    margin-top: 30px;
    border-bottom: 1px solid #ccc!important;
    padding: 20px 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .print-title {
    text-align: center;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #ccc!important;
  }
}

/*
 ----------------------------
 Actions
 ----------------------------
 */
/*.custombox-open,
.custombox-open body {
  overflow: hidden;
}*/

html.custombox-open{
  overflow: hidden;
}

.custombox-perspective,
.custombox-perspective body  {
  perspective: 600px;
  height: 100%;
}
.custombox-overlay-open {
  visibility: visible;
  opacity: 1;
}
.modal {
  display: none;
  max-width: 1180px;
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #D0D0D0;
  margin: 1em;
}
.modal.toolbox-signup-popup {
  position: relative;
}
.modal.video-modal {
  max-width: 100%;
  border: 0;
  padding: 0;
  width: 100%;
  margin: 0;
}
.modal .close {
  cursor: pointer;
  float: right;
  padding: 10px 5px;
  margin: 0;
  color: #000;
  opacity: 0.2;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  top: -15px;
  right: -15px;
  z-index: 10;
}
.modal.toolbox-signup-popup .close {
  position: absolute;
  right: 5px;
  top: 5px;
}
.modal .close:hover {
  opacity: 0.6;
}
.modal.video-modal .close {
  position: absolute;
  color: #fff;
  background: rgba(0, 0, 0, 0.72);
  border-radius: 100%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 18px;
  border: 2px solid #fff;
}
.store-modal-title {
  margin-bottom: 20px;
}
.store-modal-subtitle .label {
  margin-bottom: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  -o-flex: 1;
  flex: 1;
}
.modal-personal-shop-wrap > span {
  display: inline-block;
  vertical-align: middle;
}
.modal-personal-shop-icon {
  max-width: 30px;
}
.modal-personal-shop-text {
  font-size: 14px;
}
.modal-search-container {
  margin-top: 20px;
}
.modal-search-container .search-bar-form {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.modal-search-container .search-bar-form .ui.icon.input.search {
  width: 100%;
  margin-right: 15px;
}
.modal-store-list {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.modal-store-list > li {
  padding: 16px 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.modal-store-item-box {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.modal-store-item-box:first-child {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.modal-store-item-flex {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.modal-store-item-flex > h4 {
  margin-bottom: 0;
}
.modal-store-item-box:nth-child(2) {
  max-width: 25%;
  text-align: right;
}
.modal-store-item-flex:last-child {
  padding: 0 10px;
}

.ui.modal > .content {
  display: block;
  width: 100%;
  font-size: 1em;
  line-height: 1.4;
  padding: 2.5rem;
  background: #ffffff;
  position: relative;
}
.modal.special > .content {
  padding: 15px;
}
.modal > .content .content-inner {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 30px;
}
.modal > .content .content-box {
  margin-bottom: auto;
  margin-top: auto;
}
.modal > .content .content-box p {
  margin-bottom: 25px;
}
.modal > .content .content-box:first-child {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.modal > .content .image-right {
  display: inline-block;
  max-width: 280px;
}
.modal > .content .image-center {
  display: block;
  max-width: 540px;
  margin: 40px auto;
}
.content.confirmation-modal {
  padding: 20px 0 0 0;
}

/*
 ----------------------------
 Defaults
 ----------------------------
 */
.custombox-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    transition-delay: 0s;
    z-index: 999999999!important;
}
.custombox-overlay-default {
    transition-timing-function: linear;
    transition-property: opacity;
    opacity: 0;
}
.custombox-modal-wrapper {
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    outline: 0 none;
    overflow: auto;
    position: fixed;
    z-index: 999999999999!important;
}
.custombox-modal-container {
    margin: 0 auto;
    position: relative;
}
.custombox-modal img {
    max-width: 100%;
    height: auto;
}
.custombox-scrollbar {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
.custombox-loading {
    position: fixed;
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    left: 50%;
}

@media only screen and (max-width: 1023px) {
  .custombox-modal-container {
    margin-left: auto!important;
    margin-right: auto!important;
  }
  .custombox-modal-wrapper {
    top: 80px!important;
  }
}
@media only screen and (max-width: 619px) {
  .custombox-modal-container {
    margin-top: 0!important;
  }
  .custombox-modal-wrapper {
    top: 60px!important;
  }
  .modal {
    margin: 0;
  }
  .modal-store-item-box:first-child {
    display: block;
    max-width: 56%;
    padding-right: 20px;
  }
  .modal-store-item-flex:last-child {
    padding: 0;
  }
  .modal-store-item-box:nth-child(2) {
    max-width: 100%;
    margin-top: 10px;
  }
  .modal > .content .content-inner {
    display: block;
  }
  .modal > .content .image-right {
    display: block;
    margin: 20px auto;
  }
  .modal-search-container .search-bar-form .ui.icon.input.search {
    margin-right: 0;
  }
  .modal-search-container .search-bar-form .button {
    display: none;
  }
}

/*
 ----------------------------
 Overlay: Letmein
 ----------------------------
 */
.custombox-overlay-letmein {
    transition-property: all;
    transition-timing-function: ease;
    visibility: hidden;
}
.custombox-overlay-open.custombox-overlay-letmein {
    transform: rotateX(-2deg);
    transform-origin: 50% 0;
    transform-style: preserve-3d;
    visibility: visible;
    opacity: 1;
}

/*
 ----------------------------
 Overlay: Slide together
 ----------------------------
 */
.custombox-overlay-slidetogether {
    transform: translateY(-100%);
    transition-property: transform ease-in-out;
}

.custombox-overlay-open.custombox-overlay-slidetogether {
    transform: translateY(0);
    transition-property: transform ease-in-out;
}

/*
 ----------------------------
 Overlay: Corner
 ----------------------------
 */
.custombox-overlay-corner {
    transform: translateY(150px) translateX(150px);
    transition-property: opacity, transform, visibility;
}
.custombox-overlay-open.custombox-overlay-corner {
    transform: translateY(0);
    transition-property: opacity, transform;
}

/*
 ----------------------------
 Overlay: Scale
 ----------------------------
 */
.custombox-overlay-scale {
    transform: scale(0.9);
    transition-property: transform;
}
.custombox-overlay-open.custombox-overlay-scale {
    transform: scale(1);
    transition-property: transform;
}

/*
 ----------------------------
 Overlay: Door
 ----------------------------
 */
.custombox-overlay-door {
    visibility: hidden;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    transition-property: width ease-in-out;
}
.custombox-overlay-open.custombox-overlay-door {
    visibility: visible;
    width: 100%;
    transition-property: width ease-in-out;
}

/*
 ----------------------------
 Overlay: Push
 ----------------------------
 */
.custombox-container-push {
    overflow-x: hidden;
    transition-property: transform;
}
.custombox-container-open.custombox-container-push {
    transform: translateX(100%);
}
.custombox-overlay-push {
    backface-visibility: hidden;
    transform: translateX(-100%);
    transition-property: transform ease-in-out;
}
.custombox-overlay-open.custombox-overlay-push {
    transform: translateX(0);
    transition-property: transform ease-in-out;
}

/*
 ----------------------------
 Overlay: Content Scale
 ----------------------------
 */
.custombox-open-contentscale body {
    background-color: #DDD;
}
.custombox-container-contentscale {
    transition: transform 0.5s;
    overflow: hidden;
    height: 100%;
}
.custombox-container-open.custombox-container-contentscale {
    transform: scale(0.8);
}
.custombox-overlay-contentscale {
    transform: translateY(100%);
    transition-property: transform ease-in-out;
}
.custombox-overlay-open.custombox-overlay-contentscale {
    transform: translateY(0);
    transition-property: transform ease-in-out;
}

/*
 ----------------------------
 Overlay: Makeway
 ----------------------------
 */
.custombox-container-open.custombox-container-makeway {
    height: 100%;
    overflow: hidden;
}
.custombox-overlay-open.custombox-overlay-makeway {
    transition-property: all;
}
.custombox-overlay-open.custombox-overlay-makeway,
.custombox-container-open.custombox-container-makeway {
    transform-style: preserve-3d;
    transform-origin: 0 50%;
    animation: rotateRightSideFirst 0.5s forwards ease-in;
}
@keyframes rotateRightSideFirst {
    50% {
        transform: translateZ(-50px) rotateY(5deg);
        animation-timing-function: ease-out;
    }
    100% {
        transform: translateZ(-200px);
    }
}

/*
 ----------------------------
 Overlay: Slip
 ----------------------------
 */
.custombox-overlay-open.custombox-overlay-slip {
    transition-property: all;
}
.custombox-overlay-open.custombox-overlay-slip,
.custombox-container-open.custombox-container-slip {
    transform-style: preserve-3d;
    transform-origin: 50% 100%;
    animation: OpenTop 0.5s forwards ease-in-out;
}
@keyframes OpenTop {
    50% {
        transform: rotateX(10deg);
        animation-timing-function: ease-out;
    }
}

/*
 ----------------------------
 Modal: Fadein
 ----------------------------
 */
.custombox-modal-fadein {
    transform: scale(0.7);
    transition-property: all;
    opacity: 0;
    visibility: hidden;
}
.custombox-modal-open .custombox-modal-fadein {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

/*
 ----------------------------
 Modal: Slide
 ----------------------------
 */
.custombox-modal-container-slide > div,
.custombox-modal-container-slidetogether > div {
    opacity: 0;
    float: left;
}
.custombox-modal-open > .custombox-modal-container-slide > div,
.custombox-modal-open > .custombox-modal-container-slidetogether > div {
    opacity: 1;
}

/*
 ----------------------------
 Modal: Slide from top
 ----------------------------
 */
.custombox-modal-slide-top {
    transform: translateY(-300%);
}
.custombox-modal-open .custombox-modal-slide-top {
    transform: translateY(0);
}

/*
 ----------------------------
 Modal: Slide from left
 ----------------------------
 */
.custombox-modal-slide-left {
    transform: translateX(-300%);
}
.custombox-modal-open .custombox-modal-slide-left {
    transform: translateX(0);
}

/*
 ----------------------------
 Modal: Slide from right
 ----------------------------
 */
.custombox-modal-slide-right {
    transform: translateX(300%);
}
.custombox-modal-open .custombox-modal-slide-right {
    transform: translateX(0);
}

/*
 ----------------------------
 Modal: Slide from bottom
 ----------------------------
 */
.custombox-modal-slide-bottom {
    transform: translateY(300%);
}
.custombox-modal-open .custombox-modal-slide-bottom {
    transform: translateY(0);
}

/*
 ----------------------------
 Modal: Newspaper
 ----------------------------
 */
.custombox-modal-newspaper {
    transform: scale(0) rotate(720deg);
    opacity: 0;
    transition-property: all;
    position: absolute;
}
.custombox-overlay-newspaper {
    transition-property: all;
}
.custombox-modal-open .custombox-modal-newspaper {
    transform: scale(1) rotate(0deg);
    opacity: 1;
}

/*
 ----------------------------
 Modal: Fall
 ----------------------------
 */
.custombox-modal-container-fall {
    perspective: 1300px;
}
.custombox-modal-fall {
    transform-style: preserve-3d;
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0;
}
.custombox-modal-open .custombox-modal-fall {
    transition-timing-function: ease-in;
    transition-property: all;
    transform: translateZ(0) rotateX(0deg);
    opacity: 1;
}

/*
 ----------------------------
 Modal: Sideball
 ----------------------------
 */
.custombox-modal-container-sidefall {
    perspective: 1300px;
}
.custombox-modal-wrapper-sidefall {
    overflow-x: hidden;
}
.custombox-modal-sidefall {
    transform-style: preserve-3d;
    transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0;
}
.custombox-modal-open .custombox-modal-sidefall {
    transition-timing-function: ease-in;
    transition-property: all;
    transform: translate(0) translateZ(0) rotate(0deg);
    opacity: 1;
}

/*
 ----------------------------
 Modal: Blur
 ----------------------------
 */
.custombox-open-blur .custombox-container-blur {
    filter: blur(3px);
}
@media all and (-ms-high-contrast: none) {
    .custombox-open-blur .custombox-container-blur {
        text-shadow: 0 0 8px #000;
        color: rgba(255,255,255,0);
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
        zoom: 1;
    }
}
.custombox-modal-blur {
    transform: translateY(-5%);
    opacity: 0;
    position: absolute;
}
.custombox-overlay-blur,
.custombox-modal-container-blur {
    transition-property: all;
}
.custombox-modal-open .custombox-modal-blur {
    transform: translateY(0);
    opacity: 1;
}

/*
 ----------------------------
 Modal: 3D Flip generic
 ----------------------------
 */
.custombox-modal-container-flip {
    perspective: 1300px;
}

/*
 ----------------------------
 Modal: 3D Flip horizontal
 ----------------------------
 */
.custombox-modal-flip-horizontal {
    position: absolute;
    transform-style: preserve-3d;
    transform: rotateY(-70deg);
    transition-property: all;
    opacity: 0;
}
.custombox-modal-open .custombox-modal-flip-horizontal {
    transform: rotateY(0deg);
    opacity: 1;
}

/*
 ----------------------------
 Modal: 3D Flip vertical
 ----------------------------
 */
.custombox-modal-flip-vertical {
    position: absolute;
    transform-style: preserve-3d;
    transform: rotateX(-70deg);
    transition-property: all;
    opacity: 0;
}
.custombox-modal-open .custombox-modal-flip-vertical {
    transform: rotateX(0deg);
    opacity: 1;
}

/*
 ----------------------------
 Modal: 3D Sign
 ----------------------------
 */
.custombox-modal-container-sign {
    perspective: 1300px;
}
.custombox-modal-sign {
    transform-style: preserve-3d;
    transform: rotateX(-60deg);
    transform-origin: 50% 0;
    opacity: 0;
    transition-property: all;
}
.custombox-modal-open .custombox-modal-sign {
    transform: rotateX(0deg);
    opacity: 1;
}

/*
 ----------------------------
 Modal: Superscaled
 ----------------------------
 */
.custombox-modal-superscaled {
    transform: scale(2);
    opacity: 0;
    transition-property: all;
    position: absolute;
}
.custombox-modal-open .custombox-modal-superscaled {
    transform: scale(1);
    opacity: 1;
}

/*
 ----------------------------
 Modal: 3D Slit
 ----------------------------
 */
.custombox-modal-container-slit {
    perspective: 1300px;
}
.custombox-modal-slit {
    transform-style: preserve-3d;
    transform: translateZ(-3000px) rotateY(90deg);
    opacity: 0;
}
.custombox-modal-open .custombox-modal-slit {
    animation: slit .7s forwards ease-out;
}
@keyframes slit {
    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-out;
    }
    100% {
        transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}

/*
 ----------------------------
 Modal: 3D Rotate generic
 ----------------------------
 */
.custombox-modal-container-rotate {
    perspective: 1300px;
}

/*
 ----------------------------
 Modal: 3D Rotate from bottom
 ----------------------------
 */
.custombox-modal-rotate-bottom {
    transform-style: preserve-3d;
    transform: translateY(100%) rotateX(90deg);
    transform-origin: 0 100%;
    opacity: 0;
    transition-timing-function: ease-out;
    transition-property: all;
    position: absolute;
}
.custombox-modal-open .custombox-modal-rotate-bottom {
    transform: translateY(0) rotateX(0deg);
    opacity: 1;
}

/*
 ----------------------------
 Modal: 3D Rotate from left
 ----------------------------
 */
.custombox-modal-rotate-left {
    transform-style: preserve-3d;
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform-origin: 0 100%;
    opacity: 0;
    transition-property: all;
    position: absolute;
}
.custombox-modal-open .custombox-modal-rotate-left {
    transform: translateZ(0) translateX(0) rotateY(0deg);
    opacity: 1;
}

/*
 ----------------------------
 Modal: Letmein
 ----------------------------
 */
.custombox-modal-container-letmein {
    transition-property: transform;
    transform: rotateX(-2deg);
    transform-origin: 50% 0;
    transform-style: preserve-3d;
    opacity: 1;
}
.custombox-modal-letmein {
    opacity: 0;
    transform: translateY(300%);
    float: left;
}
.custombox-modal-open .custombox-modal-letmein {
    transform: translateY(0);
    opacity: 1;
    transition-property: all;
}

/*
 ----------------------------
 Modal: Makeway
 ----------------------------
 */
.custombox-modal-makeway {
    transform: translateX(200%);
    opacity: 0;
    float: left;
}
.custombox-modal-open .custombox-modal-makeway {
    transform: translateX(0);
    opacity: 1;
}
.custombox-modal-wrapper-makeway {
    overflow: hidden;
}

/*
 ----------------------------
 Modal: Slip
 ----------------------------
 */
.custombox-modal-slip {
    transform: translateY(-350%);
}
.custombox-modal-open .custombox-modal-slip {
    transform: translateY(0);
    transition-property: all;
}

/*
 ----------------------------
 Modal: Corner
 ----------------------------
 */
.custombox-modal-corner {
    opacity: 0;
    transform: translateY(150px) translateX(150px);
    transition-property: opacity, transform, visibility;
}
.custombox-modal-open .custombox-modal-corner {
    transform: translateY(0);
    opacity: 1;
    transition-property: opacity, transform;
}

/*
 ----------------------------
 Modal: Slide together
 ----------------------------
 */
.custombox-modal-slidetogether {
    transform: translateY(-600%);

}
.custombox-modal-open .custombox-modal-slidetogether {
    transform: translateY(0);
}

/*
 ----------------------------
 Modal: Scale
 ----------------------------
 */
.custombox-modal-scale {
    transform: scale(0.9);
    transition: transform;
    opacity: 0;
}
.custombox-modal-open .custombox-modal-scale {
    transform: scale(1);
    transition: transform;
    opacity: 1;
}

/*
 ----------------------------
 Modal: Door
 ----------------------------
 */
.custombox-modal-door {
    visibility: hidden;
    opacity: 0;
}
.custombox-modal-open .custombox-modal-door {
    opacity: 1;
    visibility: visible;
}

/*
 ----------------------------
 Modal: Push
 ----------------------------
 */
.custombox-modal-push {
    transform: translateX(-300%);
}
.custombox-modal-open .custombox-modal-push {
    transform: translateX(0);
}

/*
 ----------------------------
 Modal: Content Scale
 ----------------------------
 */
.custombox-modal-contentscale {
    transform: translateY(600%);
    transition-property: transform ease-in-out;
    position: absolute;
}
.custombox-modal-open .custombox-modal-contentscale {
    transform: translateY(0);
}

/*
 ----------------------------
 Modal: Val
 ----------------------------
 */
.custombox-modal-swell {
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    animation-name: swell-close;
}
.custombox-modal-open .custombox-modal-swell {
    animation-name: swell-open;
}
@keyframes swell-open {
    0% {
        opacity: 0;
        transform: translate3d(calc(-100vw - 50%), 0, 0);
    }
    50% {
        opacity: 1;
        transform: translate3d(100px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes swell-close {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    50% {
        opacity: 1;
        transform: translate3d(-100px, 0, 0) scale3d(1.1, 1.1, 1);
    }
    100% {
        opacity: 0;
        transform: translate3d(calc(100vw + 50%), 0, 0)
    }
}

/*
 ----------------------------
 Modal: Rotate down
 ----------------------------
 */
.custombox-modal-rotatedown {
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.7,0,0.3,1);
    animation-fill-mode: forwards;
    transform-origin: -150% 50%;
    animation-name: rotatedown-close;
    overflow: hidden;
}
.custombox-modal-open .custombox-modal-rotatedown {
    animation-name: rotatedown-open;
}
.custombox-modal-open .custombox-modal-rotatedown div > * {
    animation: rotatedown-elem 0.4s both;
    transform-origin: -50% 50%;
    animation-timing-function: cubic-bezier(0.7,0,0.3,1);
    animation-delay: 0.15s;
}
@keyframes rotatedown-open {
    0% {
        opacity: 0;
        transform: rotate3d(0, 0, 1, -45deg);
    }
    100% {
        opacity: 1;
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes rotatedown-close {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate3d(0, 0, 1, 45deg);
    }
}
@keyframes rotatedown-elem {
    0% {
        opacity: 0;
        transform: translate3d(0, -150px, 0) rotate3d(0, 0, 1, -20deg);
    }
    100% { opacity: 1;
        transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
    }
}

/*
 ----------------------------
 Modal: Flash
 ----------------------------
 */
.custombox-modal-flash {
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.7,0,0.3,1);
    animation-name: flash-close;
    overflow: hidden;
}
.custombox-modal-open .custombox-modal-flash {
    animation-name: flash-open;
}
.custombox-modal-open .custombox-modal-flash div > * {
    animation: flash-elem-open 0.4s cubic-bezier(0.7,0,0.3,1) both;
}
.custombox-modal-flash div > * {
    animation: flash-elem-close 0.4s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes flash-open {
    0% {
        opacity: 0;
        transform: translate3d(-400px, 0, 0)
        scale3d(1.4, 0, 1);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}
@keyframes flash-close {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
    20% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
    100% {
        opacity: 0;
        transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1);
    }
}
@keyframes flash-elem-open {
    0% {
        opacity: 0;
        transform: translate3d(-100px, 0, 0);
    }
    20% {
        opacity: 0;
        transform: translate3d(-100px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes flash-elem-close {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(-100px, 0, 0);
    }
}


.customer-reviews-container {
	margin-bottom: 50px;
}
.reviews-graph {
	padding: 0;
	margin: 0;
	list-style: none;
}
.reviews-graph li {
    margin-bottom: 20px;
}
.reviews-graph .title {
	font-size: 18px;
    margin: 10px 0;
}
.reviews-graph .graph {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.reviews-graph .graph .icon {
	background: rgba(247, 165, 63, 0.5);
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  width: 90px;
  height: 16px;
}
.reviews-graph .graph .active {
	background: #F7A53F;
}
.reviews-graph .count {
  line-height: 15px;
  vertical-align: middle;
  margin-left: 10px;
}
.review-description {
	margin-bottom: 1.875rem;
}
.user-reviews {
	margin-top: 1.875rem;
	background: rgba(241, 241, 241, 0.4);
	padding: 1.875rem 1.875rem 2.375rem 1.875rem;
}
.review-title {
	margin: 10px 0 1.875rem;
}
.review-date {
	margin-bottom: 10px;
}
.reviews-list {
	padding: 0;
	margin: 45px 0 0 0;
	list-style: none;
}
.reviews-list li {
  line-height: 24px;
}
.reviews-list li:first-child {
	margin-bottom: 8px;
}
.reviews-links {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  max-width: 65%;
  margin: 2.188rem 0 3.438rem;
}
.reviews-links .reviews-links-item {
	padding: 0 30px;
}
.reviews-links .reviews-links-item:first-of-type {
	padding-left: 0;
}
.reviews-links .reviews-links-item:last-of-type {
	padding-right: 0;
}
.reviews-btn-group .button {
	margin-right: 10px;
}
.write-review > span {
	margin-right: 10px;
}


/* Popover Reviews */

.webui-popover-content > div {
	position: relative;
  padding: 15px 5px;
}
.webui-popover-content > div .popup-reviews {
	position: absolute;
	top: 16px;
	right: 0;
	font-weight: 600;
}
.vote-results-wrapper.popup-ratings {
	margin: 0;
}
.vote-results-wrapper.popup-ratings li:last-child {
	margin-bottom: 0;
}
.popup-ratings .vote-for {
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.popup-ratings .vote-bar-wrap {
	position: relative;
	width: 100%;
	flex: 2;
	margin: 0 0 0 15px;
	background: #e4e4e4;
}
.popup-ratings .vote-bar-wrap.no-rate {
	display: none;
}
.popup-ratings .vote-bar-wrap .vote-bar {
	height: 16px;
	background: #eaca97;
}
.popup-ratings .vote-bar-wrap .vote-count {
	position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -10px;
  color: #696969;
  font-size: 12px;
}
.popup-rating-links {
	display: flex;
	margin: 20px 0 0;
	font-size: 14px;
}
.popup-rating-links > a.link {
	flex: 1;
	font-weight: 600;
	text-transform: uppercase;
}
.webui-popover.popover-reviews .webui-popover-inner .close {
	font-size: 12px;
	top: 0;
}
.modal-rating {
    border-radius: 5px;
    min-height: 100px;
}
.modal-rating .content {
    margin: 20px 0;
}

header ~ .container:nth-child(5) #BVRRContainer{
    border-top: 1px solid #ccc;
}

@media only screen and (max-width: 1023px) {
	.reviews-links .reviews-links-item {
		padding: 0 20px;
	}
	#BVRRContainer {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 618px) {
	.vote-results-wrapper.popup-ratings .box-align {
	    display: flex;
	    margin: 1em 0;
	}
	.vote-results-wrapper.popup-ratings .vote-for {
		width: 18%;
		margin-bottom: 0;
	}
	.vote-results-wrapper.popup-ratings .vote-bar-wrap {
	    margin: 0 0 0 15px;
	}
	.user-reviews {
			margin-left: -1.25rem;
			margin-right: -1.25rem;
			padding: 1.875rem 1.265rem 2.375rem 1.265rem;
	}
	.reviews-links .reviews-links-item {
			margin-bottom: 0.625rem;
			padding: 0;
	}
	.reviews-links .reviews-links-item:last-of-type {
			margin-bottom: 0;
	}
}

/*!
 * # Semantic UI 2.1.7 - Search
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Search
*******************************/

.ui.search {
  position: relative;
}
.ui.search > .prompt {
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-shadow: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1.2142em;
  padding: 0.67861429em 1em;
  font-size: 1em;
  background: #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
          transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
}
.ui.search .prompt {
  border-radius: 500rem;
}

/*--------------
     Icon
---------------*/

.ui.search .prompt ~ .search.icon {
  cursor: pointer;
}

/*--------------
    Results
---------------*/

.ui.search > .results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0%;
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  background: #ffffff;
  margin-top: 0.5em;
  width: 18em;
  border-radius: 0.28571429rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08);
  border: 1px solid #d4d4d5;
  z-index: 998;
}
.ui.search > .results > :first-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.search > .results > :last-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

/*--------------
    Result
---------------*/

.ui.search > .results .result {
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-size: 1em;
  padding: 0.85714286em 1.14285714em;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.33;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.search > .results .result:last-child {
  border-bottom: none !important;
}

/* Image */
.ui.search > .results .result .image {
  float: right;
  overflow: hidden;
  background: none;
  width: 5em;
  height: 3em;
  border-radius: 0.25em;
}
.ui.search > .results .result .image img {
  display: block;
  width: auto;
  height: 100%;
}

/*--------------
      Info
---------------*/

.ui.search > .results .result .image + .content {
  margin: 0em 6em 0em 0em;
}
.ui.search > .results .result .title {
  margin: -0.14285em 0em 0em;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.85);
}
.ui.search > .results .result .description {
  margin-top: 0;
  font-size: 0.92857143em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.search > .results .result .price {
  float: right;
  color: #21ba45;
}

/*--------------
    Message
---------------*/

.ui.search > .results > .message {
  padding: 1em 1em;
}
.ui.search > .results > .message .header {
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
}
.ui.search > .results > .message .description {
  margin-top: 0.25rem;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
}

/* View All Results */
.ui.search > .results > .action {
  display: block;
  border-top: none;
  background: #f3f4f5;
  padding: 0.92857143em 1em;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
  text-align: center;
}


/*******************************
            States
*******************************/


/*--------------------
       Focus
---------------------*/

.ui.search > .prompt:focus {
  border-color: rgba(34, 36, 38, 0.35);
  background: #ffffff;
  color: rgba(0, 0, 0, 0.95);
}

/*--------------------
       Loading
---------------------*/

.ui.loading.search .input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.search .input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: button-spin 0.6s linear;
          animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}

/*--------------
      Hover
---------------*/

.ui.search > .results .result:hover,
.ui.category.search > .results .category .result:hover {
  background: #f9fafb;
}
.ui.search .action:hover {
  background: #e0e0e0;
}

/*--------------
      Active
---------------*/

.ui.category.search > .results .category.active {
  background: #f3f4f5;
}
.ui.category.search > .results .category.active > .name {
  color: rgba(0, 0, 0, 0.87);
}
.ui.search > .results .result.active,
.ui.category.search > .results .category .result.active {
  position: relative;
  border-left-color: rgba(34, 36, 38, 0.1);
  background: #f3f4f5;
  box-shadow: none;
}
.ui.search > .results .result.active .title {
  color: rgba(0, 0, 0, 0.85);
}
.ui.search > .results .result.active .description {
  color: rgba(0, 0, 0, 0.85);
}


/*******************************
           Types
*******************************/


/*--------------
    Selection
---------------*/

.ui.search.selection .prompt {
  border-radius: 0.28571429rem;
}

/* Remove input */
.ui.search.selection > .icon.input > .remove.icon {
  pointer-events: none;
  position: absolute;
  left: auto;
  opacity: 0;
  color: '';
  top: 0em;
  right: 0em;
  -webkit-transition: color 0.1s ease, opacity 0.1s ease;
          transition: color 0.1s ease, opacity 0.1s ease;
}
.ui.search.selection > .icon.input > .active.remove.icon {
  cursor: pointer;
  opacity: 0.8;
  pointer-events: auto;
}
.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
  right: 1.85714em;
}
.ui.search.selection > .icon.input > .remove.icon:hover {
  opacity: 1;
  color: #db2828;
}

/*--------------
    Category
---------------*/

.ui.category.search .results {
  width: 28em;
}

/* Category */
.ui.category.search > .results .category {
  background: #f3f4f5;
  box-shadow: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
          transition: background 0.1s ease, border-color 0.1s ease;
}

/* Last Category */
.ui.category.search > .results .category:last-child {
  border-bottom: none;
}

/* First / Last */
.ui.category.search > .results .category:first-child .name + .result {
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui.category.search > .results .category:last-child .result:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}

/* Category Result */
.ui.category.search > .results .category .result {
  background: #ffffff;
  margin-left: 100px;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
          transition: background 0.1s ease, border-color 0.1s ease;
  padding: 0.85714286em 1.14285714em;
}
.ui.category.search > .results .category:last-child .result:last-child {
  border-bottom: none;
}

/* Category Result Name */
.ui.category.search > .results .category > .name {
  width: 100px;
  background: transparent;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1em;
  float: 1em;
  float: left;
  padding: 0.4em 1em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.4);
}


/*******************************
           Variations
*******************************/


/*-------------------
     Left / Right
--------------------*/

.ui[class*="left aligned"].search > .results {
  right: auto;
  left: 0%;
}
.ui[class*="right aligned"].search > .results {
  right: 0%;
  left: auto;
}

/*--------------
    Fluid
---------------*/

.ui.fluid.search .results {
  width: 100%;
}

/*--------------
      Sizes
---------------*/

.ui.mini.search {
  font-size: 0.71428571em;
}
.ui.small.search {
  font-size: 0.92857143em;
}
.ui.search {
  font-size: 1em;
}
.ui.large.search {
  font-size: 1.14285714em;
}
.ui.big.search {
  font-size: 1.28571429em;
}
.ui.huge.search {
  font-size: 1.42857143em;
}
.ui.massive.search {
  font-size: 1.71428571em;
}


/*******************************
         Theme Overrides
*******************************/

.search-results-wrapper {
  background: #F3F3F3;
}
.search-results-wrapper .search-bar {
  background: transparent!important;
}
.search-bar {
  background: #F3F3F3;
  padding: 20px;
  margin-bottom: 20px;
}
.recipes-container .search-bar {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
}
.search-bar-form {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.search-bar-form .ui.search {
  width: 100%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.search-bar .ui.primary-btn.button {
  margin-left: 20px;
}
.direction-search-form .icon-icon-search {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .search-bar.myreceipt {
    display: none;
  }
}
@media only screen and (max-width: 619px) {
  .search-bar {
    margin: 20px -20px 20px -20px;
  }
  .search-results-page.search-bar {
    margin-top: 20px;
  }
  .search-bar .ui.primary-btn.button,
  .direction-search-form .ui.primary-btn.button {
    display: none;
  }
  .direction-search-form .icon-icon-search {
    display: block;
  }
  .direction-search-form  #origin-input {
    margin-right: 0;
  }
}

/*******************************
         Site Overrides
*******************************/

/*!
 * # Semantic UI 2.1.7 - Table
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Table
*******************************/


/* Prototype */
.ui.table {
  width: 100%;
  background: #ffffff;
  margin: 1em 0em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
  border-radius: 0.28571429rem;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  border-collapse: separate;
  border-spacing: 0px;
}
.ui.table:first-child {
  margin-top: 0em;
}
.ui.table:last-child {
  margin-bottom: 0em;
}


/*******************************
             Parts
*******************************/


/* Table Content */
.ui.table th,
.ui.table td {
  -webkit-transition: background 0.1s ease, color 0.1s ease;
          transition: background 0.1s ease, color 0.1s ease;
}

/* Headers */
.ui.table thead {
  box-shadow: none;
}
.ui.table thead th {
  cursor: auto;
  background: #f9fafb;
  text-align: inherit;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.92857143em 0.71428571em;
  vertical-align: inherit;
  font-style: none;
  font-weight: bold;
  text-transform: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  border-left: none;
}
.ui.table thead tr > th:first-child {
  border-left: none;
}
.ui.table thead tr:first-child > th:first-child {
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui.table thead tr:first-child > th:last-child {
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui.table thead tr:first-child > th:only-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Footer */
.ui.table tfoot {
  box-shadow: none;
}
.ui.table tfoot th {
  cursor: auto;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  background: #f9fafb;
  text-align: inherit;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.71428571em 0.71428571em;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}
.ui.table tfoot tr > th:first-child {
  border-left: none;
}
.ui.table tfoot tr:first-child > th:first-child {
  border-radius: 0em 0em 0em 0.28571429rem;
}
.ui.table tfoot tr:first-child > th:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}
.ui.table tfoot tr:first-child > th:only-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

/* Table Row */
.ui.table tr td {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.table tr:first-child td {
  border-top: none;
}

/* Table Cells */
.ui.table td {
  padding: 0.71428571em 0.71428571em;
  text-align: inherit;
}

/* Icons */
.ui.table > .icon {
  vertical-align: baseline;
}
.ui.table > .icon:only-child {
  margin: 0em;
}

/* Table Segment */
.ui.table.segment {
  padding: 0em;
}
.ui.table.segment:after {
  display: none;
}
.ui.table.segment.stacked:after {
  display: block;
}

/* Responsive */
@media only screen and (max-width: 767px) {
  .ui.table:not(.unstackable) {
    width: 100%;
  }
  .ui.table:not(.unstackable) tbody,
  .ui.table:not(.unstackable) tr,
  .ui.table:not(.unstackable) tr > th,
  .ui.table:not(.unstackable) tr > td {
    width: auto !important;
    display: block !important;
  }
  .ui.table:not(.unstackable) {
    padding: 0em;
  }
  .ui.table:not(.unstackable) thead {
    display: block;
  }
  .ui.table:not(.unstackable) tfoot {
    display: block;
  }
  .ui.table:not(.unstackable) tr {
    padding-top: 1em;
    padding-bottom: 1em;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
  }
  .ui.table:not(.unstackable) tr > th,
  .ui.table:not(.unstackable) tr > td {
    background: none;
    border: none !important;
    padding: 0.25em 0.75em !important;
    box-shadow: none !important;
  }
  .ui.table:not(.unstackable) th:first-child,
  .ui.table:not(.unstackable) td:first-child {
    font-weight: bold;
  }
  
/* Definition Table */
  .ui.definition.table:not(.unstackable) thead th:first-child {
    box-shadow: none !important;
  }
}


/*******************************
            Coupling
*******************************/


/* UI Image */
.ui.table th .image,
.ui.table th .image img,
.ui.table td .image,
.ui.table td .image img {
  max-width: none;
}


/*******************************
             Types
*******************************/


/*--------------
    Complex
---------------*/

.ui.structured.table {
  border-collapse: collapse;
}
.ui.structured.table thead th {
  border-left: none;
  border-right: none;
}
.ui.structured.sortable.table thead th {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.structured.basic.table th {
  border-left: none;
  border-right: none;
}
.ui.structured.celled.table tr th,
.ui.structured.celled.table tr td {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
  border-right: 1px solid rgba(34, 36, 38, 0.1);
}

/*--------------
   Definition
---------------*/

.ui.definition.table thead:not(.full-width) th:first-child {
  pointer-events: none;
  background: transparent;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: -1px -1px 0px 1px #ffffff;
}
.ui.definition.table tfoot:not(.full-width) th:first-child {
  pointer-events: none;
  background: transparent;
  font-weight: rgba(0, 0, 0, 0.4);
  color: normal;
  box-shadow: 1px 1px 0px 1px #ffffff;
}

/* Remove Border */
.ui.celled.definition.table thead:not(.full-width) th:first-child {
  box-shadow: 0px -1px 0px 1px #ffffff;
}
.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
  box-shadow: 0px 1px 0px 1px #ffffff;
}

/* Highlight Defining Column */
.ui.definition.table tr td:first-child {
  background: rgba(0, 0, 0, 0.03);
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
}

/* Fix 2nd Column */
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.definition.table td:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}


/*******************************
             States
*******************************/


/*--------------
    Positive
---------------*/

.ui.table tr.positive,
.ui.table td.positive {
  box-shadow: 0px 0px 0px #a3c293 inset;
}
.ui.table tr.positive,
.ui.table td.positive {
  background: #fcfff5 !important;
  color: #2c662d !important;
}

/*--------------
     Negative
---------------*/

.ui.table tr.negative,
.ui.table td.negative {
  box-shadow: 0px 0px 0px #e0b4b4 inset;
}
.ui.table tr.negative,
.ui.table td.negative {
  background: #fff6f6 !important;
  color: #9f3a38 !important;
}

/*--------------
      Error
---------------*/

.ui.table tr.error,
.ui.table td.error {
  box-shadow: 0px 0px 0px #e0b4b4 inset;
}
.ui.table tr.error,
.ui.table td.error {
  background: #fff6f6 !important;
  color: #9f3a38 !important;
}

/*--------------
     Warning
---------------*/

.ui.table tr.warning,
.ui.table td.warning {
  box-shadow: 0px 0px 0px #c9ba9b inset;
}
.ui.table tr.warning,
.ui.table td.warning {
  background: #fffaf3 !important;
  color: #573a08 !important;
}

/*--------------
     Active
---------------*/

.ui.table tr.active,
.ui.table td.active {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
}
.ui.table tr.active,
.ui.table td.active {
  background: #e0e0e0 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

/*--------------
     Disabled
---------------*/

.ui.table tr.disabled td,
.ui.table tr td.disabled,
.ui.table tr.disabled:hover,
.ui.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.3);
}


/*******************************
          Variations
*******************************/


/*--------------
    Stackable
---------------*/

@media only screen and (max-width: 991px) {
  .ui[class*="tablet stackable"].table,
  .ui[class*="tablet stackable"].table tbody,
  .ui[class*="tablet stackable"].table tr,
  .ui[class*="tablet stackable"].table tr > th,
  .ui[class*="tablet stackable"].table tr > td {
    width: 100% !important;
    display: block !important;
  }
  .ui[class*="tablet stackable"].table {
    padding: 0em;
  }
  .ui[class*="tablet stackable"].table thead {
    display: block;
  }
  .ui[class*="tablet stackable"].table tfoot {
    display: block;
  }
  .ui[class*="tablet stackable"].table tr {
    padding-top: 1em;
    padding-bottom: 1em;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
  }
  .ui[class*="tablet stackable"].table tr > th,
  .ui[class*="tablet stackable"].table tr > td {
    background: none;
    border: none !important;
    padding: 0.25em 0.75em;
    box-shadow: none !important;
  }
  
/* Definition Table */
  .ui.definition[class*="tablet stackable"].table thead th:first-child {
    box-shadow: none !important;
  }
}

/*--------------
 Text Alignment
---------------*/

.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
  text-align: left;
}
.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
  text-align: center;
}
.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
  text-align: right;
}

/*------------------
 Vertical Alignment
------------------*/

.ui.table[class*="top aligned"],
.ui.table [class*="top aligned"] {
  vertical-align: top;
}
.ui.table[class*="middle aligned"],
.ui.table [class*="middle aligned"] {
  vertical-align: middle;
}
.ui.table[class*="bottom aligned"],
.ui.table [class*="bottom aligned"] {
  vertical-align: bottom;
}

/*--------------
    Collapsing
---------------*/

.ui.table th.collapsing,
.ui.table td.collapsing {
  width: 1px;
  white-space: nowrap;
}

/*--------------
     Fixed
---------------*/

.ui.fixed.table {
  table-layout: fixed;
}
.ui.fixed.table th,
.ui.fixed.table td {
  overflow: hidden;
  text-overflow: ellipsis;
}

/*--------------
   Selectable
---------------*/

.ui.selectable.table tbody tr:hover,
.ui.table tbody tr td.selectable:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.selectable.inverted.table tbody tr:hover,
.ui.inverted.table tbody tr td.selectable:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

/* Selectable Cell Link */
.ui.table tbody tr td.selectable {
  padding: 0em;
}
.ui.table tbody tr td.selectable > a:not(.ui) {
  display: block;
  color: inherit;
  padding: 0.71428571em 0.71428571em;
}

/* Other States */
.ui.selectable.table tr.error:hover,
.ui.table tr td.selectable.error:hover,
.ui.selectable.table tr:hover td.error {
  background: #ffe7e7 !important;
  color: #943634 !important;
}
.ui.selectable.table tr.warning:hover,
.ui.table tr td.selectable.warning:hover,
.ui.selectable.table tr:hover td.warning {
  background: #fff4e4 !important;
  color: #493107 !important;
}
.ui.selectable.table tr.active:hover,
.ui.table tr td.selectable.active:hover,
.ui.selectable.table tr:hover td.active {
  background: #e0e0e0 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.ui.selectable.table tr.positive:hover,
.ui.table tr td.selectable.positive:hover,
.ui.selectable.table tr:hover td.positive {
  background: #f7ffe6 !important;
  color: #275b28 !important;
}
.ui.selectable.table tr.negative:hover,
.ui.table tr td.selectable.negative:hover,
.ui.selectable.table tr:hover td.negative {
  background: #ffe7e7 !important;
  color: #943634 !important;
}

/*-------------------
      Attached
--------------------*/


/* Middle */
.ui.attached.table {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% +  2px );
  max-width: calc(100% +  2px );
  box-shadow: none;
  border: 1px solid #d4d4d5;
}
.ui.attached + .ui.attached.table:not(.top) {
  border-top: none;
}

/* Top */
.ui[class*="top attached"].table {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1em;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.table[class*="top attached"]:first-child {
  margin-top: 0em;
}

/* Bottom */
.ui[class*="bottom attached"].table {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1em;
  box-shadow: none, none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui[class*="bottom attached"].table:last-child {
  margin-bottom: 0em;
}

/*--------------
     Striped
---------------*/


/* Table Striping */
.ui.striped.table > tr:nth-child(2n),
.ui.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 50, 0.02);
}

/* Stripes */
.ui.inverted.striped.table > tr:nth-child(2n),
.ui.inverted.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.05);
}

/*--------------
   Single Line
---------------*/

.ui.table[class*="single line"],
.ui.table [class*="single line"] {
  white-space: nowrap;
}
.ui.table[class*="single line"],
.ui.table [class*="single line"] {
  white-space: nowrap;
}

/*-------------------
       Colors
--------------------*/


/* Red */
.ui.red.table {
  border-top: 0.2em solid #db2828;
}
.ui.inverted.red.table {
  background-color: #db2828 !important;
  color: #ffffff !important;
}

/* Orange */
.ui.orange.table {
  border-top: 0.2em solid #f2711c;
}
.ui.inverted.orange.table {
  background-color: #f2711c !important;
  color: #ffffff !important;
}

/* Yellow */
.ui.yellow.table {
  border-top: 0.2em solid #fbbd08;
}
.ui.inverted.yellow.table {
  background-color: #fbbd08 !important;
  color: #ffffff !important;
}

/* Olive */
.ui.olive.table {
  border-top: 0.2em solid #b5cc18;
}
.ui.inverted.olive.table {
  background-color: #b5cc18 !important;
  color: #ffffff !important;
}

/* Green */
.ui.green.table {
  border-top: 0.2em solid #21ba45;
}
.ui.inverted.green.table {
  background-color: #21ba45 !important;
  color: #ffffff !important;
}

/* Teal */
.ui.teal.table {
  border-top: 0.2em solid #00b5ad;
}
.ui.inverted.teal.table {
  background-color: #00b5ad !important;
  color: #ffffff !important;
}

/* Blue */
.ui.blue.table {
  border-top: 0.2em solid #2185d0;
}
.ui.inverted.blue.table {
  background-color: #2185d0 !important;
  color: #ffffff !important;
}

/* Violet */
.ui.violet.table {
  border-top: 0.2em solid #6435c9;
}
.ui.inverted.violet.table {
  background-color: #6435c9 !important;
  color: #ffffff !important;
}

/* Purple */
.ui.purple.table {
  border-top: 0.2em solid #a333c8;
}
.ui.inverted.purple.table {
  background-color: #a333c8 !important;
  color: #ffffff !important;
}

/* Pink */
.ui.pink.table {
  border-top: 0.2em solid #e03997;
}
.ui.inverted.pink.table {
  background-color: #e03997 !important;
  color: #ffffff !important;
}

/* Brown */
.ui.brown.table {
  border-top: 0.2em solid #a5673f;
}
.ui.inverted.brown.table {
  background-color: #a5673f !important;
  color: #ffffff !important;
}

/* Grey */
.ui.grey.table {
  border-top: 0.2em solid #767676;
}
.ui.inverted.grey.table {
  background-color: #767676 !important;
  color: #ffffff !important;
}

/* Black */
.ui.black.table {
  border-top: 0.2em solid #1b1c1d;
}
.ui.inverted.black.table {
  background-color: #1b1c1d !important;
  color: #ffffff !important;
}

/*--------------
  Column Count
---------------*/


/* Grid Based */
.ui.one.column.table td {
  width: 100%;
}
.ui.two.column.table td {
  width: 50%;
}
.ui.three.column.table td {
  width: 33.33333333%;
}
.ui.four.column.table td {
  width: 25%;
}
.ui.five.column.table td {
  width: 20%;
}
.ui.six.column.table td {
  width: 16.66666667%;
}
.ui.seven.column.table td {
  width: 14.28571429%;
}
.ui.eight.column.table td {
  width: 12.5%;
}
.ui.nine.column.table td {
  width: 11.11111111%;
}
.ui.ten.column.table td {
  width: 10%;
}
.ui.eleven.column.table td {
  width: 9.09090909%;
}
.ui.twelve.column.table td {
  width: 8.33333333%;
}
.ui.thirteen.column.table td {
  width: 7.69230769%;
}
.ui.fourteen.column.table td {
  width: 7.14285714%;
}
.ui.fifteen.column.table td {
  width: 6.66666667%;
}
.ui.sixteen.column.table td {
  width: 6.25%;
}

/* Column Width */
.ui.table th.one.wide,
.ui.table td.one.wide {
  width: 6.25%;
}
.ui.table th.two.wide,
.ui.table td.two.wide {
  width: 12.5%;
}
.ui.table th.three.wide,
.ui.table td.three.wide {
  width: 18.75%;
}
.ui.table th.four.wide,
.ui.table td.four.wide {
  width: 25%;
}
.ui.table th.five.wide,
.ui.table td.five.wide {
  width: 31.25%;
}
.ui.table th.six.wide,
.ui.table td.six.wide {
  width: 37.5%;
}
.ui.table th.seven.wide,
.ui.table td.seven.wide {
  width: 43.75%;
}
.ui.table th.eight.wide,
.ui.table td.eight.wide {
  width: 50%;
}
.ui.table th.nine.wide,
.ui.table td.nine.wide {
  width: 56.25%;
}
.ui.table th.ten.wide,
.ui.table td.ten.wide {
  width: 62.5%;
}
.ui.table th.eleven.wide,
.ui.table td.eleven.wide {
  width: 68.75%;
}
.ui.table th.twelve.wide,
.ui.table td.twelve.wide {
  width: 75%;
}
.ui.table th.thirteen.wide,
.ui.table td.thirteen.wide {
  width: 81.25%;
}
.ui.table th.fourteen.wide,
.ui.table td.fourteen.wide {
  width: 87.5%;
}
.ui.table th.fifteen.wide,
.ui.table td.fifteen.wide {
  width: 93.75%;
}
.ui.table th.sixteen.wide,
.ui.table td.sixteen.wide {
  width: 100%;
}

/*--------------
    Sortable
---------------*/

.ui.sortable.table thead th {
  cursor: pointer;
  white-space: nowrap;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.ui.sortable.table thead th:first-child {
  border-left: none;
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ui.sortable.table thead th:after {
  display: none;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: '';
  height: 1em;
  width: auto;
  opacity: 0.8;
  margin: 0em 0em 0em 0.5em;
  font-family: 'Icons';
}
.ui.sortable.table thead th.ascending:after {
  content: '\f0d8';
}
.ui.sortable.table thead th.descending:after {
  content: '\f0d7';
}

/* Hover */
.ui.sortable.table th.disabled:hover {
  cursor: auto;
  color: rgba(40, 40, 40, 0.3);
}
.ui.sortable.table thead th:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
}

/* Sorted */
.ui.sortable.table thead th.sorted {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
.ui.sortable.table thead th.sorted:after {
  display: inline-block;
}

/* Sorted Hover */
.ui.sortable.table thead th.sorted:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}

/* Inverted */
.ui.inverted.sortable.table thead th.sorted {
  background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  color: #ffffff;
}
.ui.inverted.sortable.table thead th:hover {
  background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  color: #ffffff;
}
.ui.inverted.sortable.table thead th {
  border-left-color: transparent;
  border-right-color: transparent;
}

/*--------------
    Inverted
---------------*/


/* Text Color */
.ui.inverted.table {
  background: #333333;
  color: rgba(255, 255, 255, 0.9);
  border: none;
}
.ui.inverted.table th {
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.table tr td {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.ui.inverted.table tr.disabled td,
.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(225, 225, 225, 0.3);
}

/* Definition */
.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
  background: #ffffff;
}
.ui.inverted.definition.table tr td:first-child {
  background: rgba(255, 255, 255, 0.02);
  color: #ffffff;
}

/*--------------
   Collapsing
---------------*/

.ui.collapsing.table {
  width: auto;
}

/*--------------
      Basic
---------------*/

.ui.basic.table {
  background: transparent;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
}
.ui.basic.table thead,
.ui.basic.table tfoot {
  box-shadow: none;
}
.ui.basic.table th {
  background: transparent;
  border-left: none;
}
.ui.basic.table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui.basic.table td {
  background: transparent;
}
.ui.basic.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

/* Very Basic */
.ui[class*="very basic"].table {
  border: none;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) th,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td {
  padding: '';
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
  padding-left: 0em;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
  padding-right: 0em;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
  padding-top: 0em;
}

/*--------------
     Celled
---------------*/

.ui.celled.table tr th,
.ui.celled.table tr td {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.celled.table tr th:first-child,
.ui.celled.table tr td:first-child {
  border-left: none;
}

/*--------------
     Padded
---------------*/

.ui.padded.table th {
  padding-left: 1em;
  padding-right: 1em;
}
.ui.padded.table th,
.ui.padded.table td {
  padding: 1em 1em;
}

/* Very */
.ui[class*="very padded"].table th {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.ui[class*="very padded"].table td {
  padding: 1.5em 1.5em;
}

/*--------------
     Compact
---------------*/

.ui.compact.table th {
  padding-left: 0.7em;
  padding-right: 0.7em;
}
.ui.compact.table td {
  padding: 0.5em 0.7em;
}

/* Very */
.ui[class*="very compact"].table th {
  padding-left: 0.6em;
  padding-right: 0.6em;
}
.ui[class*="very compact"].table td {
  padding: 0.4em 0.6em;
}

/*--------------
      Sizes
---------------*/


/* Small */
.ui.small.table {
  font-size: 0.9em;
}

/* Standard */
.ui.table {
  font-size: 1em;
}

/* Large */
.ui.large.table {
  font-size: 1.1em;
}


/*******************************
         Site Overrides
*******************************/


/* Text Image CTA Component */
.text-img-cta {
  display: flex;
}
.text-img-cta .cta-content {
  flex: 1;
}
.text-img-cta .cta-buttons {
  margin-top: 28px;
}
.text-img-cta .cta-content p {
  margin-bottom: 20px;
}
.text-img-cta .cta-buttons .ui {
  margin-right: 20px;
  margin-bottom: 10px;
}
.text-img-cta .cta-buttons .ui:last-child {
  margin-right: 0;
}
.text-img-cta .cta-img.type-1 {
  width: 280px;
  height: 373px;
}
.text-img-cta .cta-img.type-2 {
  width: 380px;
  height: 214px;
}
.text-img-cta .cta-img.type-3 {
  width: 280px;
  height: 158px;
}
.text-img-cta .cta-img.type-4 {
  width: 380px;
  height: 214px;
}
.text-img-cta .cta-img.type-5 {
  width: 480px;
  height: 270px;
}
.text-img-cta.left-image .cta-rte .cta-img {
  float: left;
  margin-left: 0;
  margin-right: 20px;
  margin-bottom: 20px;
}
.text-img-cta.right-image .cta-rte .cta-img {
  float: right;
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 20px;
}
.text-img-cta.left-image .cta-img {
  margin-left: 20px;
}
.text-img-cta.right-image .cta-img {
  margin-right: 20px;
}
.text-img-cta.left-image > div:first-child {
  order: 1;
}
.text-img-cta.left-image > div:last-child {
  order: 2;
}
.text-img-cta.right-image > div:first-child {
  order: 2;
}
.text-img-cta.right-image > div:last-child {
  order: 1;
}
.text-img-cta button {
    margin-right: 20px !important;
}
@media only screen and (max-width: 1023px) {
    .text-img-cta .cta-buttons {
      margin-top: 28px;
    }
    .text-img-cta .cta-buttons .ui > span {
      display: none;
    }
    /*.text-img-cta .cta-content .cta-rte p {
      display: none;
    }
    .text-img-cta .cta-content .cta-rte p:nth-of-type(1) {
      display: block;
    }*/
    .text-img-cta .cta-img.type-5 {
      width: 380px;
      height: auto;
    }
}
@media only screen and (max-width: 618px) {
  .text-img-cta {
    flex-wrap: wrap;
  }
  .text-img-cta.left-image .cta-img {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .text-img-cta.right-image .cta-img {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .text-img-cta.left-image > div:first-child {
    order: 2;
  }
  .text-img-cta.left-image > div:last-child {
    order: 1;
  }
  .text-img-cta .cta-img.type-2,
  .text-img-cta .cta-img.type-4,
  .text-img-cta .cta-img.type-5 {
    width: auto;
    height: auto;
    margin-right: 0!important;
  }
  .text-img-cta.right-image .cta-rte .cta-img {
    margin-left: 0;
  }
}

/* Video Component */
.video-sec.wg-video {
  padding: 90px;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
}
.video-sec.wg-video .video-content,
.video-sec.wg-video .video-desc {
  z-index: 1;
  position: relative;
}
.video-sec.wg-video .video-desc {
  padding: 0;
}
.video-sec.wg-video.video-left .video-content {
  -webkit-order: 1;
  -ms-order: 1;
  order: 1;
}
.video-sec.wg-video.video-left .video-desc {
  -webkit-order: 2;
  -ms-order: 2;
  order: 2;
}
.video-sec.wg-video.video-right .video-content {
  -webkit-order: 2;
  -ms-order: 2;
  order: 2;
  padding-right: 0;
  padding-left: 80px;
}
.video-sec.wg-video.video-right .video-desc {
  -webkit-order: 1;
  -ms-order: 1;
  order: 1;
}
.with-image-white {
  color: #fff;
}
.with-image-black {
  color: #272727;
}
.video-background-image-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.wg-video .video-content .video-title {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 48px;
  font-weight: bold;
  display: block;
  line-height: 1.2em;
  margin-bottom: 20px;
}
.wg-video .video-content p {
  margin-bottom: 40px;
}
.wg-video .video-content {
  padding-right: 80px;
}
.wg-video.white {
  background: #ffffff;
  color: #2F2F2F;
  border: 1px solid #cccccc;
}
.wg-video.cream {
  background: #fff1cf;
  color: #2F2F2F;
}
.wg-video.slategrey {
  background: #2F2F2F;
  color: #ffffff;
}
.wg-video.grape {
    background: #91268F;
    color: #ffffff;
}
.wg-video.pinapple {
    background: #FFD200;
    color: #2f2f2f;
}
.wg-video.tangerine {
    background: #F7A53F;
    color: #2f2f2f;
}
.wg-video.tomato {
    background: #EE3123;
    color: #ffffff;
}
.wg-video.valuered {
    background: #ED174F;
    color: #ffffff;
}
.wg-video.blueberry {
    background: #2A7FCE;
    color: #fff;
}
.wg-video.peapod {
    background: #53B947;
    color: #2f2f2f;
}
.wg-video.neutral {
    background: #f3f3f3;
    color: #2f2f2f;
}

@media only screen and (max-width: 1024px) {
  .video-sec.wg-video {
      padding: 35px;
  }
}
@media only screen and (max-width: 1023px) {
    .video-sec.wg-video {
        margin-left: -10px;
        margin-right: -10px;
        padding: 30px 20px;
    }
    .wg-video .col-order-1 {
        -webkit-order: 2;
        -ms-order: 2;
        order: 2;
    }
    .wg-video .col-order-2 {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1;
    }
    .wg-video .video-content {
        padding-right: 10px;
    }
    .video-sec.wg-video.video-right .video-content {
        padding: 0 10px;
    }
    .wg-video .video-desc {
        margin-bottom: 25px;
    }
    .video-sec.wg-video .video-content.text-left,
    .video-sec.wg-video .video-content.text-right,
    .video-sec.wg-video .video-content .text-left,
    .video-sec.wg-video .video-content .text-left {
        text-align: center;
    }
    .video-sec.wg-video .video-content.col-order-1 {
        order: 2;
    }
    .video-sec.wg-video .video-desc.col-order-2  {
        order: 1;
    }
}

@media only screen and (max-width: 619px) {
    .video-sec.wg-video {
        margin-left: -20px;
        margin-right: -20px;
        padding: 20px;
    }
    .wg-video .col-order-1 {
        -webkit-order: 2;
        -ms-order: 2;
        order: 2;
    }
    .wg-video .col-order-2 {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1;
    }
    .wg-video .video-content {
        padding-right: 0;
    }
    .wg-video .video-desc {
        margin-bottom: 20px;
    }
    .wg-video .video-content .video-title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .wg-video .video-content p {
      margin-bottom: 20px;
    }
    .wg-video .video-desc iframe {
        height: 158px;
    }
    .video-sec.wg-video.video-right .video-content {
        padding: 0;
    }
}

.voting {
    border: 1px solid #cccccc;
    padding: 2em 6.250em;
    margin: 1.250em 0;
}
.voting:after,
.voting:before {
	content: "";
	display: table;
	clear: both;
}
.voting h1 {
    margin: 0;
}
.voting h2 {
    margin-top: 10px;
}
.voting-wrapper  {
	margin-top: 1.250em;
}
.with-images .voting-wrapper,
.without-images .voting-wrapper {
    display: -webkit-flex; /* Safari */
    display: flex;
}
.with-images .voting-item,
.without-images .voting-item {
	margin: 0.938em 0;
	padding: 0 10px;
	-webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */
    flex: 1;
}
.with-two-images .voting-item,
.without-two-images .voting-item {
    float: left;
    margin-right: 2em;
}
.with-two-images .voting-item:last-child {
    margin-right: 0;
}
.voting-item-image {
	max-width: 180px;
	margin: 0 auto 0.938em;
	cursor: pointer;
}
.voting-item .ui.radio.checkbox label {
	font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-align: left;
    padding-left: 2.2em;
    display: inline-block;
}
.voting-item .ui.radio.checkbox .label-info {
    padding-left: 34px;
    font-size: 12px;
}
.voting-item .ui.checkbox input[type="radio"] {
    width: 100%;
    height: 100%;
    bottom: 0;
}
.ui.button.vote-btn {
	padding: 0.715em 4em;
	margin-top: 1.250em;
}
.without-two-images .voting-wrapper {
    margin: 1.875em 0;
}
.vote-results-wrapper {
	padding-left: 0;
	margin-top: 1.875em;
	list-style: none;
}
.vote-results-wrapper li {
	margin: 1em 0;
}
.vote-for {
	width: 16%;
	font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 600;
}
.vote-bar-wrap {
	width: 70%;
	margin: 0 1.250em;
}
.vote-bar {
	background: #2163A5;
	height: 1.875em;
}

@media only screen and (min-width: 620px) and (max-width: 768px) {
	.voting {
	    padding: 2em 2em;
	}
	.with-images .voting-wrapper,
	.without-images .voting-wrapper,
	.with-two-images .voting-wrapper {
	    box-sizing: border-box;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
	.with-images .voting-item,
	.without-images .voting-item,
	.with-two-images .voting-item {
		-webkit-flex: 1;
	    -ms-flex: 1;
	    flex: 1;
	    flex-basis: 33.333%;
	    max-width: 33.333%;
	}
	.voting.with-images .ui.button.vote-btn,
	.voting.without-images .ui.button.vote-btn {
		float: right;
	}
}

@media only screen and (max-width: 618px) {
	.voting {
		padding: 30px 20px;
	}
	.voting-wrapper {
		display: inline-block!important;
		width: 100%;
	}
	.voting.without-two-images .box-align {
		display: block;
	}
	.voting.with-two-images .voting-wrapper {
	    margin-bottom: 45px;
	}
	.voting-wrapper .ui.checkbox {
	    min-width: 100%;
	}
	.voting-item-image {
	    width: 80px;
	    margin: 0 0 0 20px;
	    cursor: pointer;
	}
	.voting-item .ui.radio.checkbox label {
		font-size: 18px;
	}
	.with-images .voting-item .ui.radio.checkbox label {
	    padding-left: 100px;
	    display: inline-block;
	    position: absolute;
	    top: 50%;
	    margin-top: -10px;
	}
	.with-two-images .voting-item .ui.radio.checkbox label {
	    padding-left: 100px;
	    display: inline-block;
	    position: absolute;
	    top: 50%;
	    margin-top: -10px;
	    min-width: 270px;
	}
	.with-two-images .ui.button.vote-btn {
	    margin-left: -15px!important;
	}
	.voting.without-two-images .voting-item,
	.with-two-images .voting-item {
		margin-bottom: 10px;
	    float: none;
	}
	.vote-results-wrapper .box-align {
	    display: block;
	    margin: 0;
	}
	.vote-results-wrapper .vote-for {
		width: 100%;
        margin-bottom: 25px;
	}
	.vote-results-wrapper .vote-bar-wrap {
	    margin: 0;
	    width: 100%;
	}
	.vote-results-wrapper .vote-count {
		position: relative;
    	top: -55px;
	}
	.voting.with-images .vote-btn,
	.voting.without-images .vote-btn,
	.voting.without-two-images .vote-btn {
	    margin-left: auto!important;
	    margin-bottom: auto!important;
	    margin-top: auto!important;
	    display: flex;
	}
}

#contact-us .contact-us-profile-sidebar {
	max-width: 180px;
	margin-bottom: 25px;
}

#contact-us .contact-us-content {
	padding-right: 50px;
	margin-bottom: 30px;
}

.sidebar-contact-sec {
	margin-bottom: 40px;
}

.sidebar-contact-sec label {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
        margin-top: 20px;
}

.contact-form-content .basic-contact {
    margin: 0 0 10px 40px;
}

.contact-form-content .basic-contact span {
	width: 60px;
	display: inline-block;
}

#contact-us .form-con-sec {
	margin-bottom: 40px;
}
/*#contact-us label {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}*/

.form-con-sec form {
	margin-right: 40px;
}

.form-con-sec form .submit-btn {
	width: 80%;
}

#contact-us textarea {
	width: 80%;
}

.contact-us-content p:last-child {
	margin-bottom: 16px;
}

/*#contact-us input, #contact-us textarea, #contact-us keygen, #contact-us .ui.selection.dropdown, #contact-us button {
	margin-bottom: 20px;
}
*/

.contact-us-profile-sidebar img{
    width: 180px;
    height: auto;
}

#contact-us .ui.selection.dropdown .menu > .item{
	line-height: 1.5em;
}

.contact-form-title h4 {
	width: 50%;
}

#contact-us .hidden{
	display: none;
}

#contact-us .ui.form .form-row .field:last-child{
	margin: 0 0 1em;
}

#contact-us .form-block input{
	padding: 0.678614em 1.8em 0.67em 1em;
}

/** Select styles altered for validation plugin **/

#contact-us .ui.dropdown.selection {
    min-width: 160px;
    margin-bottom: 0;
    min-height: 43px;
    max-height: 43px;
    border: none;
    padding: 0;
}

#contact-us .field > .selection.dropdown{
	width: 265px;
}

#contact-us .selection.dropdown > .dropdown.icon{
	top: 15px;
	right: 10px;
}

#contact-us .ui.checkbox label.error:before, #contact-us .ui.checkbox label.error:after {
	display: none;
}
#contact-us .ui.dropdown > input:not(.search):first-child, .ui.dropdown > select{
	visibility: hidden;
	position: absolute;
	display: block!important;
}

#contact-us .ui.dropdown label.error{
	position: relative;
	left: 0;
	display: block;
}

#contact-us .ui.dropdown > .text{
	padding: 0.75em 2em 0.75em 1em;
	position: relative;
	border: 1px solid #DEDEDE;
	border-radius: 0.28571429rem;
	width: 100%;
}

#contact-us #tell-us-content .field > .selection.dropdown{
	width: 100%;
}

#contact-us .product-quickview{
	display: none;
}

#contact-us #product-quickview{
	color: #aaa;
	cursor: pointer;
	margin-left: 10px;
}

#contact-us .checkbox:last-child{
	margin-left: 20px;
}
#contact-us .locate-checkbox-wrapper{
	margin-top: 15px;
}

#contact-us textarea:not([rows]) {
    resize: none;
    width: 100%;
}


/** end of Select styles altered for validation plugin **/
@media screen and (max-width: 1024px){
	#contact-us .locate-checkbox-wrapper{
		margin-top: 1em;
	}
	#contact-us .checkbox:last-child{
		margin-left: 10px;
	}

	#contact-us .contact-row div:not(:last-child){
		margin-bottom: 1em;
	}

	.contact-form-title h4{
		width: 100%;
	}

	#contact-us .field > .selection.dropdown{
		width: 100%;
	}
}
@media screen and (max-width: 1023px) {
	.form-con-sec form {
		margin: 0;
	}
	#contact-us textarea, .form-con-sec form .submit-btn {
		width: 100%;
	}
	.contact-form-title {
		margin-bottom: 10px;
	}
	.contact-form-content .basic-contact {
		margin-left: 15px;
	}
	.basic-contact.need-update {
		margin-left: 0;
	}
	.side-bar-contact-us {
		display: none;
	}
	.contact-us-profile-sidebar {
		display: none;
	}
	.sidebar-contact-sec {
		width: 40%;
		float: left;
	}
	.contact-us-content {
		margin-bottom: 20px;
	}
	.sidebar-contact-sec label {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 619px) {
	.sidebar-contact-sec {
		display: none;
	}
	.ui.secondary.pointing.menu.createonline-stors-tab .item {
		font-size: 12px;
	}
}

/*
 * Author: Dhilan Patel & Utpal Paul
 * Date: 18/04/2016
 * Document: Wegman Custom Stylesheet File
 * Version: 0.0.1
 */

 .faq-content-wrap {
     margin-bottom: 60px;
 }

 .faq-content-wrap .faq-sidebar {
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 20px;
 }

 .faq-content-wrap .faq-sidebar h5 {
    text-transform: uppercase;
 }

.faq-content-wrap .faq-sidebar ul.faq-topic-list {
	list-style-type: none; padding: 0; margin: 0 0 20px;
}

.faq-content-wrap .faq-sidebar ul.faq-topic-list a {
	font-size: 1em;
  display: block;
	color: #2F2F2F;
	text-decoration: none;
	line-height: 2em;
}

.faq-content-wrap .faq-sidebar ul.faq-topic-list a.active {
	font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1.125em;
	font-weight: bold;
}

.faq-content-wrap .faq-sidebar .no-ans-info {
	font-size: 0.750em;
}

.faq-content-wrap .faq-main-content {
     -webkit-flex: 3;
     -ms-flex: 3;
     flex: 3;
}

.faq-content-wrap .faq-main-content .faq-content-sec {
	margin-bottom: 30px;
}

.faq-content-wrap .faq-main-content .faq-content-sec p {
 	margin-left: 20px;
}
.faq-content-wrap .faq-sidebar ul.faq-topic-list a.show-desktop {
  display: block;
}
.faq-content-wrap .faq-sidebar ul.faq-topic-list a.show-mobile {
  display: none;
}

@media screen and (max-width: 1023px){
 	.faq-content-wrap .faq-sidebar {
		margin-right: 0;
 	}

 	.faq-main-content.faq-mobile {
 		display: none;
 	}
  .faq-content-wrap .faq-sidebar ul.faq-topic-list a.show-desktop {
    display: none;
  }
  .faq-content-wrap .faq-sidebar ul.faq-topic-list a.show-mobile {
    display: block;
  }
	.faq-content-wrap .faq-sidebar ul.faq-topic-list li {
		border-bottom: solid 1px #979797;
	}

 	.faq-content-wrap .faq-sidebar ul.faq-topic-list a, .faq-content-wrap .faq-sidebar ul.faq-topic-list a.active {
		font-size: 1.875em;
    font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
 	}

 	.faq-content-wrap .faq-sidebar ul.faq-topic-list a i {
 		line-height: 2em;
 	}
}

@media screen and (max-width: 618px){
 	.faq-content-wrap .faq-sidebar ul.faq-topic-list a, .faq-content-wrap .faq-sidebar ul.faq-topic-list a.active {
		  font-size: 1em;
	    font-weight: normal;
	    line-height: 3em;
 	}
 	.faq-content-wrap .faq-sidebar ul.faq-topic-list a i {
 		line-height: 3em;
 		color: #000;
 	}
}

.shoppers-club{
	/* padding-top: 20px; */
	padding-bottom: 40px;
}

.shoppers-club:not(:last-child){
	border-bottom: 1px solid #cccccc;
}

.shoppers-club.business .questions{
	display: none;
}

.shoppers-club .image.shoppers{
	border-radius: 10px;
	overflow: hidden;
	max-height: 260px;
}
.shoppers-club.business .title{
	letter-spacing: -0.5px;
}

.shoppers-club.business .content-wrapper{
	padding-right: 20px;
}

.shoppers-club .info-buttons-wrapper{
	margin-top: 35px;
}
.shoppers-club .info-buttons-wrapper #update-info{
	margin-left: 20px;
}


.shoppers-club ul.offers{
	margin-top: 20px;
	margin-bottom: 0;
}

.shoppers-club ul.offers li{
	padding: 5px;
}

/** Benefits*/
.shoppers-club .benefits-items:not(:last-child){
	padding-bottom: 25px;
}

.shoppers-club .benefits-items:last-child p{
	margin-bottom: 0;
}

.shoppers-club .benefits-items h5{
	margin: 0 0 5px 0;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.shoppers-club.credits h5{
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}


.shoppers-club.reward h3 {
    margin-bottom: 30px;
}

.shoppers-club.pharmacy h3 {
    margin-bottom: 30px;
}

.shoppers-club .content{
		padding-right: 10px;
}

.shoppers-club.meetings h3 {
    margin-bottom: 30px;
}


/** questions**/
.questions {
    margin-top: 95px;
    padding: 25px 20px;
    background: #F3F3F3;
    margin-bottom: 20px;
}
.questions h5{
	margin:0;
}
.questions ul{
	padding-left: 0;
	margin: 0;
}
.questions ul li{
	list-style: none;
	line-height: 1.5;
}
.questions .address{
	padding: 15px 0;
	max-width: 52%;
}

.questions:first-child .address{
	margin-top: 10px;
}

.questions .contact{
	font-weight: bold;
}

.card-agreement{
	padding: 15px 90px;
	background: #F3F3F3;
	margin-bottom: 20px;
	text-align: center;
}
.club-online{
	padding: 40px 60px;
	background: #F3F3F3;
	margin-bottom: 20px;
	text-align: center;
}
.club-online .images{
	max-width: 200px;
	margin: 0 auto;
}

.club-online .learn{
	display: block;
    margin-top: 35px;
}

/** Responsive styles **/
/** iPad and tablet landscape mode **/
@media only screen and (min-width: 1024px){
	.shoppers-club.meetings .order{
			margin-top: 70px;
	}
	.shoppers-club.reward .reward-order{
		margin-top: 30px;
		display: block;
	}
}

@media only screen and (max-width: 1024px){
	.shoppers-club .business-content{
		padding-right: 0;
	}

	.shoppers-club.business .ui.secondary-btn.button{
		font-size: 12px;
	}

	.questions {
	    margin-top: 30px;
	}
	.questions .address{
		max-width: 65%;
	}
	.card-agreement {
	    padding: 15px 60px;
	}
	.card-agreement h5{
		line-height: 1.5;
	}
	.club-online{
		padding: 40px;
	}
}

@media only screen and (max-width: 880px){
	.shoppers-club .info-buttons-wrapper #update-info{
		margin-left: 2px;
	}

	.questions .address {
	    max-width: 80%;
	}
	.card-agreement {
	    padding: 15px 40px;
	}
	.club-online {
	    padding: 40px 20px;
	}
}

@media only screen and (max-width: 768px){

	.header{
		margin-bottom: 0;
	}

	.shoppers-club.business .questions .addresses {
	    display: flex;
	    flex-direction: row;
	    margin-top: 20px;
	}

	.questions {
	    position: relative;
	}

	.questions .address{
		flex: 1;
	}

	.questions .contact {
	    display: block;
	    position: absolute;
	    top: 27%;
	    right: 10%;
	    z-index: 10000;
	}
	.shoppers-club .info-buttons-wrapper #update-info{
		display: block;
    	margin-top: 20px;
    	margin-left: 0;
	}

	.question-column{
		display: flex;
    	justify-content: space-between;
    	margin-bottom: 80px;
	}

	.question-column .club-online{
		padding: 20px 40px;
	}

	.question-column .card-agreement {
	    padding: 0;
	    flex: 1;
	    margin: 0 10px 0 0;
	    justify-content: center;
	    display: flex;
	    flex-direction: column;
	}
	.question-column .card-agreement h5 {
		padding: 0 25px;
	}
	.question-column .club-online {
	    padding: 20px;
	    flex: 1;
	    margin: 0 0 0 10px;
	}
	.question-column .club-online .images {
	    max-width: 125px;
	    margin: 0 auto;
	}

}

@media only screen and (max-width: 659px){
	.question-column{
		display: block;
		margin-bottom: 0;
	}
	.business-content-wrapper{
		flex-direction: column-reverse;
	}

	.shoppers-club.business .questions .addresses{
		display: none;
	}

	/*.shoppers-club.business .questions .addresses{
		visibility: hidden;
		opacity: 0.1;
		max-height: 0;
		-moz-transition: 0.5s;
	    -ms-transition: 0.5s;
	    -o-transition: 0.5s;
	    -webkit-transition: 0.5s;
	    transition: 0.5s;
	}

	.shoppers-club.business .questions .addresses.opened{
		visibility: visible;
		opacity: 1;
		max-height: 999px;

	}
	.shoppers-club.business .contact{
		position: relative;
		right: 0;
	}

	.shoppers-club.business .contact.opened{
		position: absolute;
    	left: 20px;
    	top: 26%;
	}*/

	.questions .contact{
		position: static;
	}

	.shoppers-club .image.shoppers {
	    width: 235px;
	    margin: 0px auto 20px;
	}

	.shoppers-club.business .ui.secondary-btn.button{
		width: 100%;
	}

	.shoppers-club.reward .row, .shoppers-club.pharmacy .row, .shoppers-club.meetings .row{
		flex-direction: column-reverse;
	}

	.question-column .card-agreement, .question-column .club-online{
		margin: 0;
	}

	.question-column .card-agreement{
		padding: 15px 40px;
		margin-bottom: 20px;
	}
}

/*
 * Author: Dhilan Patel & Utpal Paul
 * Date: 22/03/2016
 * Document: Wegman Custom Stylesheet File
 * Version: 0.0.1
 */

/* Dropdown */
.ui.dropdown {
  margin-bottom: 15px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ui.dropdown .menu > * {
    white-space: nowrap;
}
.ui.dropdown.simple.cooking {
  margin: 10px 0 0 0;
  position: relative;
}
.ui.dropdown > .text {
    margin: 0;
    display: inline-block;
    -webkit-transition: none;
    transition: none;
}
.ui.dropdown > .text > a {
    color: #272727;
}
.ui.dropdown.simple.cooking .icon-icon-downarrow {
    font-size: 14px;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-right: 0;
    margin-top: -5px;
}

.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: none;
    top: Calc(100% + 5px );
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0 0;
    background: #ffffff;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    border: 1px solid #ccc;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    z-index: 11;
    will-change: transform, opacity;
}
.ui.simple.dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px !important;
    left: 0;
    opacity: 0;
    width: 0;
    height: 0;
    z-index: 1000;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}
.ui.dropdown .menu > .item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, 0.87);
    padding: 0.71428571rem 1.14285714rem !important;
    font-size: 1rem;
    text-transform: none;
    font-weight: normal;
    box-shadow: none;
    -webkit-touch-callout: none;
}
.ui.dropdown .menu > .item:first-child {
    border-top-width: 0px;
}
.ui.dropdown.simple.cooking .menu > a.item {
    color: #2263A0;
    padding: 6px 20px!important;
}
.ui.dropdown.simple.cooking .menu > a.item:first-child {
    padding-top: 15px!important;
}

.ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 100% !important;
    opacity: 1;
}


/* Product Details Page */
.disclosure {
  margin-bottom: 40px;
}
.new.section {
  width: 100%;
}
.product-detail-container {
    position: relative;
    margin-top: 20px;
}
.recipe-detail-container {
    position: relative;
    margin-bottom: 5rem;
    margin-top: 20px;
}
.product-title-wrap {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 0 0 1.875rem;
}
.recipe-title-wrap {
    padding: 0 0 10px;
}
.recipe-title-wrap .title{
    margin: 0 0 18px;
}
.product-title-wrap .subtitle {
    margin: 0;
    font-size: 30px;
}
.product-title-wrap .title {
    margin: 0 0 20px;
}
.product-shortinfo-wrap {
    padding: 30px 0;
}
.product-shortinfo-wrap .spinner button.secondary-btn{
    margin-left: 20px;
}
.product-package-info {
    margin-bottom: 0;
}
.product-price-info {
    margin: 0.625rem 0!important;
}
.product-price-info h4 {
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: 20px;
}
.product-price-info h4 > sup {
    top: 0;
    font-size: 26px;
}
.product-price-info > span {
    vertical-align: middle;
}
.product-description-info {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 1.875rem;
}
.product-description-info .icon-icon-shopclub {
    font-size: 80px;
    margin-right: 2.5rem;
    line-height: 58px;
    height: 58px;
    max-width: 80px;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
}
.product-description-info p {
    margin-bottom: auto;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
}
.product-location {
    border-top: 1px solid #ccc;
    margin-top: 2.5rem;
    padding-top: 1.25rem;
}
.product-description-wrap {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    padding: 2.5rem 0;
}
.recipe-info-list {
    padding: 1.25rem 0 0;
    margin: 0;
    list-style: none;
    font-size: 18px;
}
.recipe-shortinfo-wrap {
    position: relative;
}
.recipe-info-list.recipe-info-list-line {
    padding: 0 0 1.25rem;
    border-bottom: 1px solid #ccc;
}
.recipe-info-list li {
    padding: 0.75rem 0;
}
.recipe-info-list li > span {
    font-size: 16px;
}
.recipe-info-list li > .link > i {
    border: 1px solid #ccc;
    padding: 7px 6px 6px 8px;
    border-radius: 50%;
    font-size: 10px;
    width: 25px;
    height: 25px;
    text-align: center;
    margin: 0;
    color: #6D6D6D;
}
.play-video-tap {
    position: absolute;
    right: 35px;
    bottom: 35px;
    background: rgba(0, 0, 0, 0.67);
    color: #fff;
    border: 3px solid #fff;
    border-radius: 100%;
    padding: 15px 18px 15px 18px;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    width: 80px;
    height: 80px;
    line-height: 45px;
}
.play-video-tap:before {
    margin-right: -5px;
}

#videoModal{
  width: 1120px;
  height: 630px;
}

.recipe-detail-image .mobile-video{
  display: none;
}


.press-release-box .video .play-video{
    position: absolute;
    left: 35%;
    top: 35%;
    background: #D8D8D8;
    color: #fff;
    border-radius: 15%;
    padding: 10px 25px;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
}

.press-release-box .video .play-video:before{
  color: #000;
}

.press-release-box .video .mobile-video{
  display: none;
}

.video-opened .custombox-modal-wrapper{
    position: absolute;
    top: 210px;
    overflow: visible;
}

.save-recipe-btn {
    position: absolute;
    top: 10px;
    right: 0;
}
.add-list-wrapper {
    background: rgba(241, 241, 241, 0.4);
    padding: 20px;
    margin-top: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.add-list-wrapper .add-list-inner {
    display: -webkit-flex;
    display: flex;
}
.add-list-wrapper .add-list-inner .add-list-box {
    -webkit-flex: 1;
    flex: 1;
}
.add-list-wrapper .add-list-inner .add-list-box:nth-child(1) {
    -webkit-flex: 2;
    flex: 2;
}
.add-list-wrapper .add-list-inner .add-list-box > strong {
    font-size: 18px;
}

.add-list-wrapper .add-list-inner .add-list-box.image-wrapper{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.add-list-wrapper .add-list-inner .add-list-box.image-wrapper .image{
    max-width: 60px;
}

.add-list-wrapper .add-list-inner .add-list-box.image-wrapper .image a.short-on-time-product{
    display: block!important;
    padding-right: 0!important;
}

.add-list-wrapper .add-list-inner .add-list-box.image-wrapper a{
    flex: 3;
    padding-right: 2rem;
    padding-left: 10px;
}

.add-list-wrapper .add-list-inner .add-list-box.price-wrapper > div{
    word-break: break-word;
}

.add-list-wrapper .error{
    color: #ee3123;
    font-size: 12px;
}

.add-list-wrapper .hidden{
  display: none;
}

.instruction-box {
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 20px 0;
}
.instruction-box > h5 {
    margin-bottom: 10px;
}
.recipe-description-box form .ui.primary-btn.button {
    margin-top: 20px;
}
.select-all {
  margin-top: 50px!important;
}
.filter-group {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.filter-group .select-dropdown {
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
    width: 100%;
    padding-right: 15px;
    margin-bottom: 15px;
}
.filter-group .select-dropdown:nth-child(even) {
    padding-right: 0;
}

/* Wellness keys */
.wellness-popup-list {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
}
.wellness-popup-list li {
  margin: 5px 0;
}

.wellness-popup-list li > span{
  font-size: 24px;
}

.nutrition {
  display: inline-block;
  margin-right: 10px;
}
.nutrition:not(.colored) .icon-icon-hearthealthy,
.nutrition .icon-icon-fruitveg,
.icon-wellness.icon-icon-wholegrains,
.icon-wellness.icon-icon-lean,
.icon-wellness.icon-icon-hearthealthy,
.icon-wellness.icon-icon-fruitveg,
.icon-wellness.icon-icon-wholegrains,
.icon-wellness.icon-icon-lean {
  font-size: 20px;
}
.nutrition:not(.colored) .icon-icon-hearthealthy .path1:before,
.nutrition:not(.colored) .icon-icon-fruitveg .path1:before,
.nutrition:not(.colored) .icon-icon-wholegrains .path1:before,
.nutrition:not(.colored) .icon-icon-lean .path1:before,
.icon-wellness.icon-icon-hearthealthy .path1:before,
.icon-wellness.icon-icon-fruitveg .path1:before,
.icon-wellness.icon-icon-wholegrains .path1:before,
.icon-wellness.icon-icon-lean .path1:before {
  color: #ffffff;
}
.nutrition:not(.colored) .icon-icon-hearthealthy  > span:before,
.nutrition:not(.colored) .icon-icon-fruitveg > span:before,
.nutrition:not(.colored) .icon-icon-wholegrains > span:before,
.nutrition:not(.colored) .icon-icon-lean > span:before,
.icon-wellness.icon-icon-hearthealthy  > span:before,
.icon-wellness.icon-icon-fruitveg > span:before,
.icon-wellness.icon-icon-wholegrains > span:before,
.icon-wellness.icon-icon-lean > span:before {
  color: #2f2f2f;
}


/* Nutritional Information */
#nutritional-info {
  padding: 15px 0;
}
#nutritional-info .title {
  margin-bottom: 0;
}
#nutritional-info .subtitle {
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: normal;
}
.nutritional-info {
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
  margin-bottom: 10px;
}

.nutrition-wrap .nutrition.colored > span{
  font-size: 24px;
  border: none!important;
}

.nutritional-info-list {
  list-style: none;
  padding-left: 0;
  margin: 20px 0 0 0;
  font-size: 14px;
}
.nutritional-info-list li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.nutritional-info-list li .label,
.nutritional-info-list li .value {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.nutritional-info-list li {
  border-bottom: 1px solid #2f2f2f;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.nutritional-info-list li.main {
  border-bottom-width: 4px;
}
.nutritional-info-list li .label.thick,
.nutritional-info-list li .label .thick {
  font-weight: 600;
}
.nutritional-info-list li .label.child {
  padding-left: 20px;
}


/* Product Recall Detail Page */
.pr-content-wrap {
    margin-bottom: 60px;
}
.pr-content-wrap .pr-sidebar {
    -webkit-flex: 1;
    flex: 1;
    margin-right: 20px;
    padding-top: 30px;
    border-top: solid 2px #F3F3F3;
}
.pr-content-wrap .pr-main-content {
    -webkit-flex: 3;
    flex: 3;
}
.pr-content-wrap .pr-sidebar h5 {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.pr-content-wrap .pr-sidebar h5.date-range {
  text-transform: none;
}

.pr-content-wrap .pr-sidebar ul.pr-topic-list {
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px 20px;
}

.pr-content-wrap .pr-sidebar ul.pr-topic-list a {
    font-size: 1em;
    color: #2F2F2F;
    text-decoration: none;
    line-height: 2em;
}

a.image-left {
    margin-right: 10px;
    margin-bottom: auto;
}

a.image-left img {
  width: 80px;
}

.content-right label {
  display: block;
}

.content-right .sub-title {
  font-size: 1em;
  color: #2F2F2F;
}

.content-right .date {
  font-size: 0.850em;
  margin-bottom: 15px;
}

.sort-by-sec label {
  margin-right: 10px;
}

.latest-recall {
  margin-bottom: 40px;
}

.sort-by-sec .ui.dropdown {
  margin-bottom: 0;
}

.myreceipt-table-body {
  min-height: 200px;
}

.myreceipt-page-title .icon-icon-info {
    font-size: 20px;
    margin-top: -25px;
    cursor: pointer;
}

.myreceipt-error{
  margin: 0 0 20px;
}


.shoppersclub-addmodal .content .button-group {
    margin-top: 30px;
    margin-bottom: 20px;
}
.shoppersclub-thankyou h1 {
    margin-bottom: 15px;
}
.shoppersclub-thankyou h3 {
    margin-top: 0;
}

/* Table CSS */
.recall-table-set {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.recall-table-set.header-table {
    border-bottom: solid 2px #F3F3F3;
    border-top: solid 2px #F3F3F3;
    padding-bottom: 30px;
    padding-top: 30px;
}
.recall-table-set.data-rows {
    padding: 15px 0 20px;
    position: relative;
    border-bottom: 1px dashed #e8e8e8;
}
.recall-table-set.with-savings-row.data-rows {
    padding: 0;
    display: block;
}
.recall-table-set.with-savings-row.data-rows .myreceipt-table-with-savings-row {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 30px 0;
}
.recall-table-set.myreceipt-table {
    padding: 20px 0;
}

.recall-table-set .date-time {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
}

.recall-table-set.myreceipt-table .date-time,
.recall-table-set.myreceipt-table .date-time {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.recall-table-set.myreceipt-table .total-title {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bold;
    text-align: center;
    flex-basis: 90px;
}

.recall-table-set.myreceipt-table .total-value {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 4%;
}

.recall-table-set.data-rows .date-time {
  font-size: 0.813em;
}

.recall-table-set.myreceipt-table .date-time,
.recall-table-set.data-rows .sold-only-mob {
  font-size: 16px!important;
}

.recall-table-set .product-recall {
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
}

.recall-table-set.myreceipt-table .product-recall {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.recall-table-set.data-rows .product-recall .reasson-col {
    font-size: 0.813em;
}

.recall-table-set .sold-view {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.recall-table-set.myreceipt-table .sold-view {
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
}

.recall-table-set .print-view {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.recall-table-set .print-view a {
    color: #000;
}
.recall-table-set .print-view a:hover {
    color: #4183c4;
}

.recall-table-set .print-view .print-icons {
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.recall-table-set .print-view .print-icons a {
    color: #2f2f2f;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.recall-table-set .print-view .print-icons a:last-child {
  margin-right: 0;
}

.recall-table-set .sold-view .sold-col {
    padding-left: 10px;
}

.recall-table-set .sold-view .sold-col > span {
    display: block;
}

.recall-table-set .sold-view .sold-col > .only-tab-mob {
    display: none;
}

.recall-table-set .sold-view .view-col {
    margin-left: auto;
    margin-right: 0 !important;
}

.recall-table-set .product-recall .left-top {
    -webkit-flex: 1;
    flex: 1;
    padding-right: 15px;
}

.recall-table-set.myreceipt-table .product-recall .product-col.company {
    font-weight: bold;
}

.recall-table-set.header-table .only-device {
    display: none;
}

.not-sold-at-wegman {
    background: #F3F3F3;
}

.sold-at-wegman .sold-col {
    font-weight: bold;
}

.not-sold-at-wegman .sold-col {
    font-weight: normal;
}

.recall-table-set.data-rows .sold-only-mob {
    display: none;
    font-size: 13px;
    color: #2F2F2F;
    font-weight: bold;
}
.recall-table-set.data-rows .sold-only-mob.not-sold {
    font-weight: normal;
}

.recall-table-set.data-rows.myreceipt-table .sold-only-mob {
    font-weight: normal;
}

/* Recall Details Pages */
.recall-detail-container {
    position: relative;
    margin-top: 20px;
    margin-bottom: 50px;
}

.recall-detail-container h5 {
    margin-bottom: 20px;
}

.recall-detail-container .recall-title-wrap {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px;
    margin-bottom: 40px;
}

.recall-detail-container .recall-title-wrap .subtitle {
    margin: 0;
    font-size: 30px;
}

.recall-detail-container .recall-title-wrap .title {
    margin: 0 0 20px;
}

.recall-detail-container .recall-detail-image {
    position: absolute;
    top: 0;
    right: 3%;
}

.recall-detail-container .recall-sold-details label {
  display: block;
  margin-bottom: 15px;
}

.recall-detail-container .recall-sold-details .left-top.sold-detaisl {
  margin-right: 50px;
}

/* Press Release */
.press-release-container {
  margin-top: 20px;
  position: relative;
}

.press-release-container .press-title{
  margin-top: 0;
}
.press-release-copy {
  margin-top: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 40px;
}
.press-release-boilerplate {
  font-size: 13px;
}
.press-release-copy-label {
  margin-top: 1px;
  margin-right: 5px;
}
.press-release-copy-desc {

}
.press-release-copy p {
  margin-bottom: 30px;
}
.press-release-copy p:last-child {
  margin-bottom: 0;
}
.press-release-copy hr {
  margin-bottom: 20px;
}
.press-release-box {
  margin-bottom: 40px;
  padding: 0 0 0 10px;
  max-width: 290px;
}
.press-release-box h6 {
  font-size: 16px;
  margin: 10px 0;
}
.press-release-box .image,
.press-release-box .video {
  margin-bottom: 15px;
  display: block;
  position: relative;
}
.press-release-box p {
  font-size: 13px;
}
.press-release-box .press-contacts {
  margin-bottom: 15px;
}
.press-release-box .press-contacts:last-child {
  margin-bottom: 0;
}
.press-photo-caption {
  margin-bottom: 5px;
}
.press-photo-credit-wrap {
  margin-bottom: 0;
}
.press-download {
  font-size: 13px;
}
.press-release-second-duplicate-mobile {
  display: none;
  margin-top: 25px;
}
.press-release-second-duplicate-mobile .press-release-box {
  margin-bottom: 20px;
}

/* Cooking Detail */
.cooking-video-container {
  margin: 30px 0;
}

.column-control .full-width-video .cooking-video-container{
    /*margin-top: 0;*/
}

/* Events Details */
.events-detail-container {
  margin: 20px 0 30px;
  position: relative;
}
.events-detail-container h5 {
  margin-top: 20px;
  margin-bottom: 5px;
}
.events-detail-container .event-inner-title {
  margin: 40px 0 0;
}
.events-detail-container .events-detail-info {
  margin: 10px 0;
  padding-left: 20px;
  line-height: 28px;
}
.events-detail-container .events-detail-info.nobullets {
  list-style: none;
  padding-left: 0;
}
.events-detail-container .events-inner {
  /*max-width: 290px;*/
}
.events-detail-container .events-inner-complex {
  margin-top: 30px;
}
.events-detail-container .events-inner-complex .small-semi {
  margin-top: 10px;
}
.events-image-wrap.events-detail-simple-image {
  margin-top: 5px;
}
.ui.styled.accordion.events-pages {
  margin-top: 40px;
  margin-bottom: 40px;
}
.ui.accordion.events-pages .title .icon-icon-downarrow {
  right: 25px;
}
.ui.styled.accordion.events-pages .title,
.ui.styled.accordion.events-pages .accordion .title {
  padding: 25px 25px;
}
.ui.styled.accordion.events-pages .content,
.ui.styled.accordion.events-pages .accordion .inner-content {
  padding: 20px 25px;
}
.ui.styled.accordion.events-pages .content .description {
  width: 100%;
  margin-right: 0;
}
.ui.styled.accordion.events-pages .content .description .event-desc .event-image {
  max-width: 106px;
  -webkit-flex: 1;
  flex: 1;
  margin-bottom: auto;
  margin-top: 6px;
}
.ui.styled.accordion.events-pages .content .description .event-desc .inner-content {
  -webkit-flex: 2;
  flex: 2;
  padding: 0 0 0 20px;
}
.events-detail-banner {
  position: relative;
}
.events-detail-banner.white {
  color: #fff;
}
.events-detail-banner.black {
  color: #272727;
}
.events-banner-content {
  position: absolute;
  top: 50%;
  margin-top: -68px;
}
.events-banner-content h1 {
  margin-bottom: 10px;
}
.events-banner-content h2 {
  margin: 0 0 10px 0;
  letter-spacing: 0;
}
.events-banner-content h5 {
  letter-spacing: 0;
}
.events-banner-content h5 .ev-place,
.events-banner-content h5 .ev-date {
  text-transform: uppercase;
}
.events-detail-banner.center .events-banner-content {
  left: 0;
  right: 0;
  text-align: center;
}
.events-content-wrap-complex .desc {
  margin-bottom: 25px;
}
.events-content-wrap-complex .desc:last-of-type {
  margin-bottom: 10px;
}
.events-detail-banner.left .events-banner-content {
  left: 30px;
  text-align: left;
}
.events-detail-banner.right .events-banner-content {
  right: 85px;
  text-align: right;
}
.event-detail-content {
  margin: 30px 0;
}
.event-happening {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid rgba(158,158,158,0.20);
}
.event-detail-content-kbs {
  max-width: 50%;
}
.search-bar-form .ui.search {
  width: 30%;
}
.search-filters .ui.selection.dropdown {
  margin-bottom: 0;
  min-width: 5em;
}
.events-info-box {
  background: #F3F3F3;
  padding: 15px 20px;
  margin: 25px 0 40px;
}
.events-info-box h5 {
  margin: 0 0 15px 0;
}
.events-inner-box {
  margin: 0;
  list-style: none;
  padding: 0 0 0 55px;
}
.events-inner-box.with-bullets {
  list-style: inherit;
  padding-left: 20px;
}
.events-inner-box li h5 {
  margin: 0;
}
.events-inner-box li {
  padding: 5px 0;
}
.event-kbs-container {
  margin-top: 40px;
}
.mobile-links,
.mobile-links:hover,
.mobile-links:focus,
.mobile-links:active {
  color: #2f2f2f;
  cursor: text;
}
.im-desktop {
  display: block!important;
}
.im-mobile {
  display: none!important;
}
.storeModal_close {
  cursor: pointer;
}

/* Store Details Page */
.float-button {
  position: absolute;
  right: 0;
  top: 0;
}
.store-departments-content,
.store-departments-info {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.store-departments-content {
  margin-top: 40px;
}
.store-departments-content.content-right {
  margin-top: 80px;
}
.store-departments-content > li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}
.store-departments-header {
  max-width: 68%;
}
.store-departments-header-main {
  position: relative;
}
.store-departments-content > li:last-child {
  margin-bottom: 0;
}
.store-departments-content > li .phone {
  margin: 15px 0 0 0;
  display: block;
}
.store-departments-info {
  margin-top: 10px;
}
.store-departments-info > li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.store-departments-info > li .day,
.store-departments-info > li .time,
.store-departments-info > li .items {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.store-events-list {
  margin-top: 30px;
}
.store-events-list .card.event-list-card:first-of-type {
  margin-top: 0;
  border-top: 1px solid #ccc;
}
.nearby-header {
  position: relative;
}
h4.nearby-title {
    margin-bottom: 20px;
}
.nearby-container .image-copy p {
    margin-top: 0;
}
.image-card .image + p{
    margin-top: 15px;
}

.nearby-title > a {
  color: #2f2f2f;
}
.nearby-header .dist {
  position: absolute;
  right: 0;
  top: 4px;
}
.store-departments-container {
  margin-bottom: 50px;
}

.section-navigation-wrapper {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  margin-bottom: 20px;
}
.section-navigation-wrapper .ui.section-navigation.secondary.pointing.menu {
    border: 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.section-navigation-wrapper .ui.section-navigation.secondary.pointing.menu > .item {
    padding: 15px 10px;
}

.section-viewall {
  position: absolute;
  right: 0;
  top: 0;
}
.nosearch-subtitle {
  margin: 20px 0 30px;
}
.nosearch-title {
  margin: 20px 0 30px 0!important;
}
.search-predictions {
  margin-bottom: 30px;
}
.search-results-page.search-bar .ui.form .field {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 0;
}
.search-results-page.search-bar .ui.selection.dropdown {
  margin-bottom: 0;
  margin-left: 10px;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.department-container {
  margin-bottom: 30px;
}
.coupons-inner-wrapper {
  margin-bottom: 20px;
}
.coupon-total-redeemed-amount {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
}
.redeemed-date-info {
  color: #EE3123;
}

/* My Accounts */
.main-wrapper {
  margin-bottom: 40px;
  min-height: 300px;
  position: relative;
}

.username-inner-wrapper > p {
  margin-bottom: 25px;
}

.myaccounts-inner-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.myaccount-settings-list {
  list-style: none;
  padding-left: 0;
}
.myaccount-settings-list > li {
  margin-bottom: 20px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.myaccount-settings-item {
  font-size: 14px;
  display: flex;
}
/*li .myaccount-settings-item:first-child {
  margin: 5px;
}*/
.myaccount-settings-item .ui.secondary-btn.button{
  max-height: 30px;
}
.myaccount-settings-item label{
  min-width:33%;
}
.myaccount-settings-item .myaccount-settings-email, .myaccount-settings-item  .myaccount-settings-password{
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  max-width: 180px;
  margin-left: 5px;
}
/*.myaccount-settings-item .myaccount-settings-email{
    margin-left: 0px;
}*/
.button-group .button {
  margin-left: 0px;
}
.button-group .button:first-child {
  margin-left: 0;
}
.myaccount-details-form {
  margin-bottom: 30px;
}
.edit-password-form  p.field-info {
  margin: 0 0 15px 0;
}

.edit-password-form input,
.edit-password-form .button-group {
  max-width: 50%;
}

.edit-password-form .password-wrapper {
    float: left;
    width: 50%;
}
.edit-password-form .password-wrapper input[type="password"]{
    max-width: 100%;
    margin-bottom: 10px;
}
.notification-wrapper {
    position: relative;
    padding: 20px;
    /*max-width: 550px;*/
    width: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 0 auto 20px;
    border: 1px solid;
}
.notification-wrapper .error-alert-msg {
    margin: 0 0 0 10px;
}
.notification-wrapper .alert-icon {
    font-family: 'wegmanicons' !important;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-right: 5px;
    min-width: 30px;
}
.notification-wrapper .alert-title {
    margin: 0;
}

.notification-wrapper.hide{
  display: none;
}

/* Error */
.notification-wrapper.its-error {
    border-color: #ee3123;
    background: #faccc8;
}
.notification-wrapper.its-error .alert-icon:before {
    content: "\e944";
    color: #ee3123;
}

/* Success */
.notification-wrapper.its-success {
    border-color: #53b947;
    background: #d4edd1;
}
.notification-wrapper.its-success .alert-icon:before {
    content: "\e965";
    color: #53b947;
}

/* Info */
.notification-wrapper.its-info {
    border-color: #ddd;
    background-color: #fff;
}
.notification-wrapper.its-info .alert-icon:before {
    content: "\e942";
    color: #000;
}

.contact-information-wrapper {
  margin-bottom: 20px;
}
.contact-information-list {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
}
.contact-information-list > li {
  margin: 0px 0;
}
.contact-information-list > li .label {
  margin-bottom: 8px;
  display: inline-block;
}
.edit-profile-form .ui.dropdown {
    padding: 0.75em 2em 0.75em 1em;
    position: relative;
    border: 1px solid #DEDEDE;
    border-radius: 0.28571429rem;
    width: 100%;
    margin-bottom: 0;
}
.field.nolabel {
  margin-top: 37px!important;
}
.edit-profile-form {
  margin-bottom: 30px;
}

.edit-profile-form small.optional-txt{
  color: #6f6f6f;
  margin-left: 10px;
}

.small-second.account-info{
  font-size: 16px;
}

/* Global Search Results Page */
.section-navigation-wrapper .ui.section-navigation.secondary.pointing.menu {
  border-top: 0;
}
.section-navigation-wrapper .ui.section-navigation.secondary.pointing.menu > .item {
  -webkit-flex-basis: auto;
  -ms-flex-basis: auto;
  flex-basis: auto;
  max-width: 100%;
  margin: 0 10px;
  padding-bottom: 15px;
}
.section-navigation-wrapper .ui.section-navigation.secondary.pointing.menu > .item:first-of-type {
  margin-left: 0;
}
.section-navigation-wrapper .ui.section-navigation.secondary.pointing.menu > .item:last-of-type {
  margin-right: 0;
}
.section-navigation-wrapper .ui.section-navigation.secondary.pointing.menu > .item > a {
  font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: #2f2f2f !important;
  font-weight: 700;
  text-transform: uppercase;
}
.section-navigation-wrapper .ui.section-navigation.secondary.pointing.menu > .item.active > a {
  font-weight: 700;
  color: #2f2f2f!important;
}

#myaccount-details-form .product-quickview,
#username-recovery-form .product-quickview,
.pop-hidden {
  display: none;
}

/** order replacement **/
.order-replacement-wrapper{
  margin-top:  0;
}

.order-replacement-wrapper #comment-error{
  color: #ee3123;
  margin-bottom: 10px;
  display: block;
}

#myaccount-details-form .ui.checkbox label.error:before,
#myaccount-details-form .ui.checkbox label.error:after {
  display: none;
}

/** edit my profile page styles */
/** Select styles altered for validation plugin **/

#edit-profile-form .ui.dropdown.selection {
    min-width: auto;
    margin-bottom: 0;
    min-height: 43px;
    max-height: 43px;
    border: none;
    padding: 0;
}

#edit-profile-form .field > .selection.dropdown > .dropdown.icon{
  top: 15px;
}

#edit-profile-form  .ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select{
  visibility: hidden;
  position: absolute;
  display: block!important;
  z-index: 0;
}

#edit-profile-form.ui.form .field .ui.dropdown label.error{
  position: relative;
  left: 0;
  display: block;
}

#edit-profile-form .ui.dropdown > .text{
  padding: 0.75em 1em;
  position: relative;
  border: 1px solid #DEDEDE;
  border-radius: 0.28571429rem;
  width: 100%;
}

/* Coupon Details */
.coupon-detail-container {
  position: relative;
  margin-top: 15px;
}
.coupon-detail-container:before {
  content: "";
  background: url("images/logo-vertical-white.png") no-repeat;
  background-size: 100%;
  width: 50px;
  height: 145px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -73px;
  z-index: 1;
}
.coupon-detail-inner {
  background: #ffffff;
  border: 6px solid #fff;
  border-left: 70px solid #ffffff;
  padding: 15px;
}
.coupon-detail-inner .image {
  max-width: 180px;
  min-width: 180px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: auto;
  margin-top: 10px;
}
.coupon-detail-inner .content-wrap {
  margin-left: 20px;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.coupon-detail-inner .content-wrap .coupon-save {
  margin: 0;
}
.coupon-detail-inner .content-wrap .coupon-offer {
  margin: 0 0 15px;
}
.coupon-detail-inner .content-wrap .coupon-expiry {
  margin-bottom: 0;
  font-weight: 600;
}

/* Colors */
.coupon-detail-container.slategray .coupon-detail-inner {
  border-color: #2F2F2F;
}
.coupon-detail-container.slategray .coupon-detail-inner .coupon-save {
  color: #2F2F2F;
}

.coupon-detail-container.grape .coupon-detail-inner {
  border-color: #91268F;
}
.coupon-detail-container.grape .coupon-detail-inner .coupon-save {
  color: #91268F;
}

.coupon-detail-container.pineapple .coupon-detail-inner {
  border-color: #FFD200;
}
.coupon-detail-container.pineapple .coupon-detail-inner .coupon-save {
  color: #FFD200;
}

.coupon-detail-container.tangerine .coupon-detail-inner {
  border-color: #F7A53F;
}
.coupon-detail-container.tangerine .coupon-detail-inner .coupon-save {
  color: #F7A53F;
}

.coupon-detail-container.tomato .coupon-detail-inner {
  border-color: #EE3123;
}
.coupon-detail-container.tomato .coupon-detail-inner .coupon-save {
  color: #EE3123;
}

.coupon-detail-container.valuered .coupon-detail-inner {
  border-color: #ED174F;
}
.coupon-detail-container.valuered .coupon-detail-inner .coupon-save {
  color: #ED174F;
}
.coupon-detail-container.blueberry .coupon-detail-inner {
  border-color: #2A7FCE;
}
.coupon-detail-container.blueberry .coupon-detail-inner .coupon-save {
  color: #2A7FCE;
}
.coupon-detail-container.peapod .coupon-detail-inner {
  border-color: #53B947;
}
.coupon-detail-container.peapod .coupon-detail-inner .coupon-save {
  color: #53B947;
}
.coupon-detail-container.neutral .coupon-detail-inner {
  border-color: #f3f3f3;
}
.coupon-detail-container.neutral .coupon-detail-inner .coupon-save {
  color: #f3f3f3;
}
.coupon-detail-container.cream .coupon-detail-inner {
  border-color: #fff1cf;
}
.coupon-detail-container.cream .coupon-detail-inner .coupon-save {
  color: #fff1cf;
}
.container  h1 ~ .section-navigation-wrapper {
   margin-top: -13px;
}
.container p ~ .section-navigation-wrapper {
   margin-top: -10px;
}

/* Personal Shopping */
.tabbed-content-vertical.personal-shopping-tabs {
  height: 650px;
}
.tabbed-content-vertical.personal-shopping-tabs .tab-vertical-content-wrapper {
  height: 650px;
}

/*.personal-shopping-tabs .ui.left.menu{
    width: 380px;
}*/
.personal-shopping-tabs .ui.left.menu .item{
  text-transform: none;
  padding: 30px 15px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 2.5rem;
}

.personal-shopping-tabs .ui.left.menu .item.valid{
  color: #4183c4;
}

.personal-shopping-tabs .ui.left.menu .item.valid.active{
  color: #fff;
}
.personal-shopping-tabs .ui.left.menu .item .number{
  position: relative;
  padding-right: 5px;
}

.personal-shopping-tabs .ui.left.menu .item.valid .number{
  display: none;
}

.personal-shopping-tabs .ui.left.menu .item .number:after{
  position: absolute;
  right: 0;
  bottom: 0;
  content: ".";
}

.personal-shopping-tabs .ui.left.menu .item .menu-title{
  padding-left: 2px;
}

.personal-shopping-tabs .ui.menu .item.disabled, .personal-shopping-tabs .ui.menu .item.disabled:hover{
  pointer-events: none;
  color: #999;
}

.personal-shopping-tabs .hidden {
  display: none;
}

.personal-shopping-tabs .ui.left.menu .item .icon-icon-tick{
  position: absolute;
  color: #41980c;
  right: 10px;
  top: 30px;
  display: none;
}

.personal-shopping-tabs .ui.left.menu .item.valid .icon-icon-tick{
  display: block;
}

.personal-shopping-tabs .ui.left.menu .show-landscape{
    display: inline;
}

.personal-shopping-content  {
  width: 100%;
  text-align: left;
  padding: 0 5rem;
}

.review-order-tab .content-wrapper{
    min-width: 100%;
}

.review-order-tab .product-quickview{
  display: none;
}

.personal-shopping-content .shop-title{
  margin-bottom: 3rem;
}

.personal-shopping-content .shop-loc {
  margin-bottom: 0;
}
.personal-shopping-content .shop-chng {
  margin-bottom: 40px;
}


.personal-shopping-content .modal-store-list .modal-store-item-box i.icon-icon-tick {
  padding: 0.715em 1em;
  font-size: 25px;
  color: #41980c;
}

.personal-shopping-tabs .submit-btn{
    margin-top: 50px;
}

.thankyou-content-wrapper{
  width: 100%;
  text-align: center;
  padding: 0 5rem;
}
.thankyou-content{
  border-bottom: 2px dashed #ccc;
  padding-bottom: 6rem;
}

.thankyou-content .thankyou-message{
    padding: 0 4rem;
}

.thankyou-content .thankyou-message i{
  font-size: 4rem;
  color: #41980c;
}

.thankyou-content .action-buttons{
  padding: 1rem 4rem 3rem;
}

.thankyou-content .order-details h3{
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}

.thankyou-content .order-details .order-item{
  padding: 10px 0;
  border-bottom: 2px dashed #ccc;
}

.thankyou-content .order-details .item-lbl, .thankyou-content .order-comments .item-lbl{
  font-weight: 600;
}

.thankyou-content .order-comments, .thankyou-content .order-substitute{
  padding: 10px 0;
}

.thankyou-note{
  padding: 1rem 2rem;
  text-align: left;
  font-size: 14px;
}

.date-time-picker-form {
  margin: 0 auto;
}

.date-time-picker-container {
  max-width: 322px;
  border: 1px solid rgba(151,151,151,0.30);
  margin: 0 auto 15px;
  text-align: center;
}
.date-info {
  margin-bottom: 0!important;
  padding: 15px;
  border-bottom: 1px solid rgba(151,151,151,0.30);
}

.date-table thead {
  font-family: 'Source Sans Pro', 'Helvetica Neue', "Helvetica", "Arial", "sans-serif";
}

.date-table tbody {
  font-family: 'Helvetica Neue', "Helvetica", 'Source Sans Pro', "Arial", "sans-serif";
}

.date-table thead td {
  border: 5px solid #fff;
  width: 40px;
  height: 40px;
}
.date-table tbody td {
  border: 5px solid #fff;
  background: #EEEEEE;
  color: #BFBFBF;
}
.date-table tbody td .date {
  padding: 10px;
  width: 100%;
  height: 40px;
}
.date-table tbody td.active {
  width: 45px!important;
}
.date-table tbody td.active .date {
  position: relative;
  background: #2263A0;
  color: #fff;
  cursor: pointer;
}
.date-table tbody td.active .date.selected {
  background: #184C7D;
}
.date-table tbody td.active .date.selected:after {
  content: "";
  border: 3px solid #2f2f2f;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.time-list-wrapper {
  height: 250px;
  text-align: center;
  border-top: 1px solid rgba(151,151,151,0.30);
  margin-top: 5px;
}
.time-list-wrapper .no-date, .time-list-wrapper .no-pickup{
  margin: 0;
  padding: 0 20px;
  width: 100%;
}
.time-list-wrapper .hidden {
  display: none;
}
.time-lists-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: auto;
}
.time-lists-container .selected-date {
  margin: 0;
  font-weight: normal;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(151,151,151,0.30);
}
.time-lists-container .time-lists {
  list-style: none;
  margin: 0;
  padding-left: 0;
  height: 80%;
  overflow: auto;
  position: relative;
}
.time-lists-container .time-lists > li {
  border-bottom: 1px solid #fff;
}
.time-lists-container .time-lists > li .time {
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
.time-lists-container .time-lists > li .time:hover {
  background: #E9E9E9;
}
.time-lists-container .time-lists > li .time.selected {
  background: #E9E9E9;
  cursor: default;
  pointer-events: none;
}

.personal-shopping-tabs input#mobilenumber ~ i{
  top: 40px;
}


/* Accounts Landing */
.signup-landing-wrapper {
  position: relative;
}
.signup-landing-wrapper:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
  left: -60px;
  top: 0;
}
.shoppersclub-body-promitions,
.mobileapp-body-promitions {
  margin-top: 40px;
}
.shoppersclub-body-promitions > a,
.mobileapp-body-promitions > a {
  display: block;
}
.ui.form.contact-methods-form {
  padding: 0 40px;
}

.ui.form.contact-methods-form .contact-input-row{
  margin: 0;
}
.ui.form.contact-methods-form .label {
  margin-bottom: 10px;
  display: block;
}
.ui.form.contact-methods-form .inline.fields {
  margin-bottom: 0;
}

.ui.form.contact-methods-form .radio-wrapper{
  align-items: flex-start;
}
.ui.form.contact-methods-form .inline.fields.contact-type {
  margin-top: 36px;
}
.contact-method-inner {
  margin-bottom: 15px;
}
.tab-vertical-content-wrapper{
  overflow: hidden;
}
.tab-vertical-content-wrapper .ui.tab.segment.review-order-tab {
  padding: 10px 50px 10px 60px;
}
.review-estimate-form {
  width: 100%;
  margin-top: 10px;
  margin-bottom: auto;
}
.review-estimate-list {
  list-style: none;
  padding: 15px 20px;
  margin: 0;
  background: #F9F9F9;
  border: 1px solid #f1f1f1;
}
.review-estimate-list > li {
  margin-bottom: 10px;
}
.review-estimate-list > li:last-child {
  margin-bottom: 0;
}

.review-estimate-list > li .label > h5,
.review-estimate-list > li .value > h5 {
  margin-bottom: 0;
}
.review-estimate-list > li .value {
  text-align: right;
}

.header-popup-container {
  padding: 15px 5px;
}

.header-popup-container h5.or {
    margin-top: 25px;
    margin-bottom: 15px;
}

.header-popup-container.modal-popup-container {
  padding: 0;
  margin: 0;
  width: 100%;
}

.webui-popover-content .header-popup-container{
  padding: 15px 20px;
}

.header-popup-container .shoppersclub-wrapper{
  padding-left: 40px;
}

.header-popup-container .text-center h4{
    margin: 20px;
}
.modal-no-store .image {
  max-width: 185px;
  margin: 30px auto 10px;
}
.modal-no-store .sorry-text {
  max-width: 220px;
  margin: 0 auto;
}
.have-account {
  margin-bottom: 0;
}

/* email preference */
#email-preference-form .online-pop-info-icon {
    position: relative;
    padding: 0 5px;
    top: 3px;
    cursor: pointer;
}

#email-preference-form .online-pop-info-icon .online-pop-info {
    position: absolute;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    top: -30px;
    left: 29px;
    width: 300px;
    display: none;
    opacity: 0;
}
#email-preference-form .online-pop-info-icon.open .online-pop-info {
    opacity: 1;
    display: block;
    transition: opacity 0.1s ease-in;
}

#email-preference-form .ui.checkbox label.error:before,
#email-preference-form .ui.checkbox label.error:after {
    display: none;
}
#email-preference-form .ui.checkbox {
    max-width: 125px;
}


.email-fresh-news-close{
    position: absolute;
   right: 10px;
   top: 10px;
   z-index: 1000;
   display: none;
   color: #000;
   opacity: 0.2;
}

.email-fresh-news-close:hover{
    opacity: 1;
}
.tooltipster-content{
    position: relative;
    overflow: hidden;
}

.email-preference.card.product-quickview{
   padding: 2px;
}

.email-preference.card.product-quickview .content-wrap{
   padding: 0;
}

.email-preference.card.product-quickview p{
   margin-bottom: 0;
}

.text-area-wrapper {
  position: relative;
}
.areacount {
  position: absolute;
  bottom: 8px;
  right: 10px;
  color: #b1b1b1;
}

.areacount.error{
  color: #ee3123;
}
.review-estimate-info {
  padding: 25px 20px;
}
.review-estimate-info p.small-second {
  margin-bottom: 25px;
}
.icon-icon-info {
  cursor: pointer;
}

/* Receipt Page */
.receipt-number-info {
  margin: 0 0 10px 0;
}
.myreceipt-detail-table.header-table {
  background: #F3F3F3;
}
.myreceipt-table.myreceipt-detail-table.header-table {
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.recall-table-set.myreceipt-table.myreceipt-detail-table .product-recall .product-col.order {
  font-weight: normal;
}
.recall-table-set.myreceipt-table.myreceipt-detail-table .product-recall .product-col.order .icon-icon-info {
    margin-top: -10px;
    margin-left: 5px;
}
.myreceipt-table.myreceipt-detail-table.header-table .date-time,
.myreceipt-table.myreceipt-detail-table.data-rows .date-time {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.recall-table-set.myreceipt-table.myreceipt-detail-table .recall-col {
  padding: 0 15px;
  margin-right: 0;
}
.recall-table-set.myreceipt-table.myreceipt-detail-table .product-recall {
  -webkit-flex: 5;
  -ms-flex: 5;
  flex: 5;
}
.recall-table-set.myreceipt-table.myreceipt-detail-table .product-recall .product-col.ordernum {
  margin-top: 5px;
}
.recall-table-set.myreceipt-table.myreceipt-detail-table .size-view {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.recall-table-set.myreceipt-table.myreceipt-detail-table .department-view {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}
.recall-table-set.myreceipt-table.myreceipt-detail-table .price-view {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.recall-table-set.myreceipt-table.myreceipt-detail-table .addlist-view {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}
.recall-table-set.myreceipt-table.myreceipt-detail-table .print-view {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.receipt-wrapper {
  margin-bottom: 50px;
}
.myreceipt-box {
  position: relative;
}
.myreceipt-savings-row {
    background: #F3F3F3;
    text-transform: uppercase;
    margin: 5px 0;
    padding: 3px 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.myreceipt-savings-row .save-label {
    padding: 0 10px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
    text-align: right;
}
.myreceipt-savings-row .save-price {
    padding: 0 10px 0 20px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.myreceipt-total-row {
    margin: 5px 0;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}
.myreceipt-total-info {
    -webkit-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-bottom: auto;
    margin-top: 20px;
    padding: 0 15px 0 100px;
}
.myreceipt-total-list {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    list-style: none;
    margin: 0;
    -webkit-flex-basis: 30%;
    -ms-flex-basis: 30%;
    flex-basis: 30%;
    padding: 0 10px!important;
}

.myreceipt-total-list li {
    line-height: 20px;
}
.myreceipt-total-list li .label {
    min-width: 230px;
    display: inline-block;
    padding: 0 15px 0 0;
    text-align: right;
}

.myreceipt-total-list li .save-price {
    padding: 0 10px 0 10px;
}

.credit-card-total {
    font-weight: bold;
}

.product-info-tooltip {
  display: none;
}
.open .product-info-tooltip {
  display: block;
}

/* News & Media */
.press-release-table {
  margin-bottom: 30px;
}
.press-release-table-header {
    background: #2f2f2f;
    color: #ffffff;
    font-weight: bold;
    padding: 10px;
}
.press-release-table .th1 {
    padding: 0 10px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.press-release-table .th2 {
    padding: 0 10px;
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
}
.press-release-table .th3 {
    padding: 0 10px;
    text-align: right;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.press-release-table .th3 .ui.secondary-btn.button{
  padding: 0.715em 0.95em;
}
.press-release-table .thead.th3 {
    padding-right: 25px;
}

.press-release-table-row {
    margin-bottom: 40px;
}

.press-release-table-row .trow {
    padding: 30px 20px;
    border-bottom: 1px solid rgba(151,151,151,0.30);
}

.press-release-table-row .trow .tdate {
    padding-left: 0;
}

.press-release-table-row .trow .tdescription p {
    margin: 0;
}

.press-release-table-row .trow .tbutton {
    padding-right: 0;
}

/* My Recipe Box */
.myrecipe-table-head {
    background: #2f2f2f;
    color: #ffffff;
    padding: 10px 0 10px 20px;
}



.myrecipe-table-head .tr {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.myrecipe-box-table-body .tr .tr-data {
    -webkit-align-items: flex-start;;
    -ms-align-items: flex-start;;
    align-items: flex-start;;
}

.myrecipe-box-table-body .content h5 a {
    color: #272727;
}

.myrecipe-box-table-body .content h5 a:hover {
    color: #3392d7;
}

.tr-data-delete.box-align {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    min-height: 100px;
}
.tr-data-delete.box-align > p {
    margin-bottom: 0;
}

.myrecipe-table .tr .td {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    padding: 0 10px;
}

.calorie-mob {
  display: none;
}

.myrecipe-table .tr .td:first-child {
    padding-left: 0;
    padding-right: 50px;
}

.myrecipe-table .tr .td:last-child {
    padding-right: 0;
}

.myrecipe-table .tr .td.td1 {
    margin-top: 0;
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    -o-flex: 4;
    flex: 4;
}
.myrecipe-table .tr .td.td2 {
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    -o-flex: 2;
    flex: 2;
}
.myrecipe-table .tr .td.td3 {
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    -o-flex: 2;
    flex: 2;
}

.myrecipe-table .tr .td.td3 > span{
  display: flex;
}

.myrecipe-table .tr .td.td3 > span i{
  position: relative;
  top: 3px;
  left: 5px;
}

.myrecipe-box-table-body {

}

.myrecipe-box-table-body .tr {
    padding: 20px 0 20px 20px;
    border-bottom: 1px solid rgba(151,151,151,0.30);
}

.myrecipe-box-table-body .tr:last-child {
    border-bottom: 0;
}

.myrecipe-box-table-body .tr .td {
    margin-top: 20px;
}

.myrecipe-table .tr .td .image {
    max-width: 180px;
    min-width: 180px;
}

.myrecipe-table .tr .td .content {
    margin-left: 15px;
    margin-top: 20px;
    margin-bottom: auto;
}

.myrecipe-table .tr .td .content h5 {
    margin-bottom: 8px;
}

.myrecipe-table .tr .td .nutrition {
    margin: 0;
}

.myrecipe-table .tr .td .nutrition:not(.colored) > span {
    width: 26px;
    height: 26px;
    margin-bottom: 5px;
    line-height: 23px;
    font-size: 12px;
}

.myrecipe-table .tr .td .nutrition.colored > span {
    font-size: 24px;
}

.myrecipe-table .tr .td .nutrition .icon-icon-hearthealthy,
.myrecipe-table .tr .td .nutrition .icon-icon-fruitveg,
.myrecipe-table .tr .td .icon-wellness.icon-icon-wholegrains,
.myrecipe-table .tr .td .icon-wellness.icon-icon-lean,
.myrecipe-table .tr .td .icon-wellness.icon-icon-hearthealthy,
.myrecipe-table .tr .td .icon-wellness.icon-icon-fruitveg,
.myrecipe-table .tr .td .icon-wellness.icon-icon-wholegrains,
.myrecipe-table .tr .td .icon-wellness.icon-icon-lean {
    font-size: 20px;
}

.td-show-touch {
  display: none;
}

.myrecipe-table .tr .td .active-time {
    display: block;
}

.myrecipe-box-grid {
    margin-bottom: 40px;
}

.card.myrecipe-grid-card {
    padding: 0;
    margin-bottom: 30px;
}

.myrecipe-grid-deleted-card {
    min-height: 280px;
    text-align: center;
}

.card.myrecipe-grid-card .content-wrap .content .recipe-info-list {
    padding-top: 10px;
    margin-bottom: 15px;
}

.card.myrecipe-grid-card .content-wrap .content .recipe-info-list,
.card.myrecipe-grid-card .content-wrap .content .recipe-info-list li .time {
    font-size: 16px!important;
    font-weight: normal!important;
}
.card.myrecipe-grid-card .content-wrap .content {
    margin-top: 20px;
}
.card.myrecipe-grid-card .content-wrap .content h5 {
    margin-bottom: 0;
}
.card.myrecipe-grid-card .content-wrap .content .recipe-info-list li {
    padding: 0;
    line-height: 22px;
}

#email-shopping-list-modal .store-modal-title{
  margin-bottom: 0;
}

#email-shopping-list-modal .store-modal-sub-title{
  margin-top: 0;
  font-weight: normal;
}

.floatme.right.store-info{
    font-size: 16px;
    font-weight: normal;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.show-portrait{
    display: none;
}


.myprofile-content-wrapper .myprofile-list {
    padding-left: 0;
    list-style: none;
    margin-top: 0px;
}

.myprofile-content-wrapper label.myprofile-name-desc{
    color: #ccc;
    font-style: italic;
    font-size: 14px;
    font-weight: normal;
    margin: 30px 0 15px;
    max-width: 50%;
    display: inline-block;
}

.press-subtitle {
    margin-top: 15px;
}

.title-latest-recall {
    margin-top: 0;
}
.latest-product-recalls .title-latest-recall {
    margin-top: 15px;
    margin-bottom: 5px;
}

/*Recipe Details*/
.recipe-details-print {
    display: none;
}
.recipe-details .social-print-links.desktop {
    right: 0px;
}
.recipe-print-icon.desktop {
 display: none;
}
.recipe-details {
    display: inline-flex;
    width: 100%;
}
.recipe-details .breadcrumb-social-container {
    width: 100%;
}
.recipe-details .st_print_large.recipe-print-icon.desktop {
    position: relative;
    display: block;
    top: 10px; 
}
.recipe-print-icon-section.mobile{
    display: none;
}
/*Username Email Recovery Sign In */
.username-email-recovery-content {
    margin-bottom: 22px;
}
/*my receipt page*/
.no-receipt-info span{
    margin: 25px 0;
    display: block;
}
/*coupons page*/
.container  h1 ~ .coupons-tab-wrapper {
    margin-top: 15px;
}

@media only screen and (min-width: 1281px) {
  .main-wrapper {
      min-height: 500px;
  }
}

.notification-wrapper.its-error.password-validation-fail {
   display: none;
}

@media only screen and (min-width: 1024px) {
  .product-detail-container,
  .recipe-detail-container {
      min-height: 400px;
  }
  .product-detail-container div.col-order-2,
  .recipe-detail-container div.col-order-2 {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
  }
  .product-detail-image,
  .recipe-detail-image {
      position: absolute;
      padding-left: 20px;
      top: 0;
      width: 100%;
      left: 0;
  }

}
@media only screen and (min-width: 1200px) {
  .product-detail-container,
  .recipe-detail-container {
      min-height: 530px;
  }
  .product-detail-image,
  .recipe-detail-image {
      position: absolute;
      padding-left: 20px;
      top: 0;
      right: 0;
  }
  .cooking-cards .image:hover ~ .ui.simple.dropdown.cooking > .menu {
      overflow: hidden;
      width: auto;
      height: auto;
      top: 100% !important;
      opacity: 1;
  }
  /*.myaccount-settings-list > li {
        width: 95%;
    }*/
}
@media only screen and (max-width: 1024px) {
  
  /*.personal-shopping-tabs .ui.left.menu{
    width: 310px;
  }*/

  .section-navigation-wrapper{
    margin-bottom: 0;
  }
  
  .calorie-mob {
      display: block;
  }

  .search-bar .ui.search {
    width: 78%;
  }
  
  .mobile-links,
  .mobile-links:hover,
  .mobile-links:focus,
  .mobile-links:active {
    color: #4183c4;
    cursor: pointer;
  }
  .events-banner-content h5 .ev-place {
    display: block;
  }
  .create-account-wrapper {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 5px;
    margin-bottom: 30px;
  }
  .ui.form.contact-methods-form {
    padding: 0;
  }
  .filter-tab {
    display: block;
  }
  .ui.dropdown.simple.cooking .icon-icon-downarrow {
    display: none;
  }
  .ui.dropdown.simple.cooking .menu > a.item,
  .ui.dropdown.simple.cooking .menu > a.item:first-child {
    padding-left: 0!important;
  }
  .cooking-cards .ui.simple.dropdown > .menu {
      position: static;
      overflow: visible;
      height: auto;
      opacity: 1;
      border: 0;
  }
  .ui.dropdown.simple.cooking {
      width: 100%;
  }
  .play-video-tap {
      right: 35px;
      bottom: 30px;
      font-size: 22px;
      width: 60px;
      height: 60px;
      line-height: 26px;
  }
  .myreceipt-detail-table.header-table {
      background: transparent;
  }
  .recall-table-set.myreceipt-table.myreceipt-detail-table .print-view {
      position: absolute;
      top: -40px;
      right: 0;
      font-size: 20px;
  }
  .recall-table-set.myreceipt-table.myreceipt-detail-table.data-rows .print-view {
      display: none;
  }
  .recall-table-set .print-view .print-icons a {
      margin-right: 20px;
  }
  .myreceipt-table.myreceipt-detail-table.header-table .date-time {
      -webkit-flex: 9;
      -ms-flex: 9;
      flex: 9;
      padding-left: 0;
  }
  .recall-table-set.myreceipt-table.myreceipt-detail-table .addlist-view {
      padding-right: 0;
  }
  .recall-table-set.myreceipt-table.myreceipt-detail-table .price-view .box-align,
  .recall-table-set.myreceipt-table.myreceipt-detail-table .addlist-view .box-align  {
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: flex-end;
      -ms-justify-content: flex-end;
      justify-content: flex-end;
  }
  .myreceipt-table.myreceipt-detail-table.header-table {
      margin-top: 20px;
  }
  .recall-table-set.myreceipt-table.myreceipt-detail-table.header-table,
  .recall-table-set.with-savings-row.data-rows .myreceipt-table-with-savings-row,
  .recall-table-set.myreceipt-table {
      padding: 20px 0;
  }
  .recall-table-set.myreceipt-table.myreceipt-detail-table .price-view {
      -webkit-flex: 2;
      -ms-flex: 2;
      flex: 2;
  }
  .myreceipt-table.myreceipt-detail-table.data-rows .date-time {
      -webkit-flex: 0;
      -ms-flex: 0;
      flex: 0;
      padding: 0;
  }
  .myreceipt-table.myreceipt-detail-table.data-rows .product-recall {
      -webkit-flex: 9;
      -ms-flex: 9;
      flex: 9;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
  }
  .myreceipt-table.myreceipt-detail-table .product-recall .product-col.order {
      -webkit-flex: 2;
      -ms-flex: 2;
      flex: 2;
      padding-right: 20px;
  }
  .myreceipt-table.myreceipt-detail-table .product-recall .product-col.ordernum {
      margin-top: 0!important;
      -webkit-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      padding-right: 20px;
  }
  .myreceipt-savings-row .save-label {
      -webkit-flex-basis: 55%;
      -ms-flex-basis: 55%;
      flex-basis: 55%;
  }
  .myreceipt-total-list {
      -webkit-flex-basis: 14%;
      -ms-flex-basis: 14%;
      flex-basis: 14%;
      max-width: 50%;
  }
  .recall-table-set.myreceipt-table.myreceipt-detail-table .print-view.recall-col {
      display: block!important;
      padding-right: 0;
  }
  .myreceipt-total-info {
    padding-left: 40px;
  }
  .myrecipe-table .tr .td.td2 {
        display: none;
  }
  .myrecipe-table .tr .td .image {
      max-width: 80px;
      min-width: 80px;
      margin-top: 0;
      margin-bottom: auto;
  }
  .myrecipe-table .tr .td .content {
      margin-top: 0;
  }
  .myrecipe-table .tr .td .content p {
      margin-bottom: 0;
  }
  .myrecipe-table .tr .td.td1 {
      -webkit-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      -o-flex: 3;
      flex: 3;
  }
  .myrecipe-table .tr .td:first-child{
      padding-right: 15px;
  }
  .myrecipe-table .tr .td {
    margin-top: 0;
  }

  .email-fresh-news-close{
        display: block;
   }

   .tabbed-content-vertical.personal-shopping-tabs{
      border-bottom: none;
   }

  .personal-shopping-tabs .ui.left.menu .item.valid{
    padding-right: 20px;
  }

  .personal-shopping-content{
    padding: 0 1rem;
  }

  .thankyou-content .action-buttons .print-link{
    display: none;
  }

  .thankyou-content .action-buttons .return-btn{
    float: none;
  }

  .personal-shopping-tabs .submit-btn{
    margin: 0 20px;
  }

  .thankyou-content-wrapper{
    padding: 0;
  }

  .add-list-wrapper{
    padding: 15px;
  }
  .add-list-wrapper .add-list-inner .add-list-box.image-wrapper a{
    padding-right: 0;
  }
  .add-list-wrapper .add-list-inner .add-list-box.price-wrapper{
    padding-left: 5px;
    max-width: 70px;
  }

  .tab-vertical-content-wrapper .ui.tab.segment.review-order-tab{
    padding: 0 10px;
  }
}

@media only screen and (max-width: 1023px) {
    .product-detail-container {
        margin-top: 1.875rem;
    }
    .product-title-wrap {
        padding: 0 0 0.625rem;
    }
    .product-shortinfo-wrap {
        padding: 0.9375rem 0;
    }
    .product-detail-image,
    .recipe-detail-image {
        position: relative;
    }
    .product-detail-image {
      padding: 20px;
      margin-top: 30px;
    }
    .product-location {
        margin-top: 1.25rem;
        padding-top: 1.25rem;
    }
    .product-description-info {
      margin-bottom: 0.9375rem;
    }
    .product-description-box,
    .recipe-description-box {
        margin-top: 25px;
    }
    .filter-group .ui.selection.dropdown {
        width: 100%;
    }
    .reviews-links {
        max-width: 100%;
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px;
    }
    .recipe-title-wrap {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
    }
    .recipe-info-list.recipe-info-list-line li:first-child {
        padding-top: 0;
    }
    .recipe-shortinfo-wrap {
        position: static;
    }
    .save-recipe-btn {
      position: absolute;
      margin-bottom: 0!important;
      top: 56px;
    }
    .add-list-wrapper .add-list-inner {
        display: block;
    }
    .add-list-wrapper > h5 {
        margin-bottom: 5px;
    }
    .add-list-wrapper .add-list-inner .add-list-box:nth-child(2),
    .add-list-wrapper .add-list-inner .add-list-box:nth-child(3) {
        display: inline-block;
        margin-top: 10px;
        vertical-align: middle;
    }
    .add-list-wrapper .add-list-inner .add-list-box:nth-child(2) {
        margin-right: 20px;
    }
    .add-list-wrapper {
        padding: 10px;
    }
    .recipe-info-list li {
        padding: 8px 0;
    }
    .recall-detail-container .recall-detail-image {
        position: static;
    }
    .recall-detail-container .recall-detail-image {
      padding: 20px;
      margin-top: 30px;
    }
    .latest-recall,
    .title-latest-recall,
    .sort-by-desktop {
        display: none;
    }
    .recall-table-set.header-table .only-device {
        display: inline-block;
    }
    .recall-table-set.header-table .reasson-col, .recall-table-set.header-table .view-col {
        display: none;
    }
    .pr-content-wrap .pr-sidebar {
        display: none;
    }

    .pr-content-wrap {
        display: block;
    }
    .recall-table-set .box-align {
        display: block;
    }
    .recall-table-set.myreceipt-table .box-align {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -webkit--align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
    .recall-table-set .box-align .left-top {
        margin-bottom: 20px!important;
    }
    .recall-table-set.myreceipt-table .box-align .left-top {
        margin-bottom: 0!important;
    }
    .recall-table-set.data-rows {
        padding-bottom: 0;
    }
    .recall-table-set.myreceipt-table {
        padding-bottom: 20px;
    }
    .recall-table-set .date-time {
        -webkit-flex: 1.5;
        -ms-flex: 1.5;
        flex: 1.5;
    }
    .recall-table-set .product-recall {
        -webkit-flex: 5;
        -ms-flex: 5;
        flex: 5;
        padding-right: 20px;
    }
    .recall-table-set .sold-view {
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
    .recall-table-set.header-table {
        padding-bottom: 10px;
    }
    .recall-table-set .sold-view .sold-col {
        padding-left: 0;
    }
    /*.recall-table-set.header-table .sold-view {
        display: none;
    }*/
    .recall-table-set .sold-view .sold-col span {
        display: none;
    }
    .recall-table-set.myreceipt-table .sold-view .sold-col span {
        display: block;
    }
    .recall-table-set .sold-view .sold-col > .only-tab-mob {
        display: block;
    }
    .press-release-container {
      margin-top: 30px;
    }
    .press-release-boilerplate {
      margin-bottom: 30px;
    }
    .press-release-left-block {
      padding-top: 15px;
    }
    .press-subtitle {
      margin-top: 10px;
      margin-bottom: 10px;
    }
    
    .events-detail-container {
      margin: 20px 0 60px;
    }
    .events-content-wrap .title {
      position: absolute;
      top: 0;
    }
    .events-detail-container .events-image-wrap {
      margin-bottom: 40px;
    }
    .events-detail-container .events-detail-simple-image {
      margin-top: 65px;
    }
    .events-detail-container .col-order-1 {
      -webkit-order: 2;
      order: 2;
    }
    .events-detail-container .col-order-2 {
      -webkit-order: 1;
      order: 1;
    }
    .events-detail-container .event-inner-title {
        margin: 40px 0 0;
    }
    .ui.styled.accordion.events-pages {
      border-top: 1px solid rgba(34, 36, 38, 0.15);
      border-bottom: 1px solid rgba(34, 36, 38, 0.15);
    }

    .ui.accordion.events-pages .content .description,
    .ui.accordion.events-pages .active.content .description {
      margin-top: 0;
    }
    .ui.styled.accordion.events-pages .content .description .event-desc .inner-content {
      margin-bottom: 20px;
    }
    .ui.styled.accordion.events-pages .content,
    .ui.styled.accordion.events-pages .accordion .inner-content {
      padding: 20px;
    }
    .event-detail-content-kbs {
      max-width: 100%;
      margin-bottom: 50px;
    }
    .events-inner-box {
      padding-left: 0;
    }
    .events-info-box .row > div:first-child .events-inner-box {
      margin-bottom: 15px;
    }
    .events-info-box h5 {
      margin: 0;
    }
    .store-departments-content.content-right {
      margin-top: 15px;
    }
    .store-departments-container {
      margin-bottom: 50px;
    }
    .store-departments-content {
      margin-bottom: 30px;
    }
    .myaccount-settings-wrapper{
      border-top: 1px solid #ccc;
      padding-top: 20px;
      margin-top: 5px;
    }

    .coupon-detail-container:before {
        top: -34px;
        left: 50%;
        margin-left: -25px;
        margin-top: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .coupon-detail-inner {
        border-left: 6px solid #ffffff;
        border-top: 70px solid #ffffff;
    }
    .signup-landing-wrapper:before {
      content: "";
      width: 0;
      height: 0;
      background: transparent;
      position: static;
      left: 0;
      top: 0;
    }
    .signup-landing-wrapper {
      border-top: 1px solid #ccc;
      padding-top: 40px;
      margin-top: 40px;
    }
    .ui.form.contact-methods-form {
      padding: 0;
      margin-top: 40px;
      margin-bottom: auto;
    }
    .ui.form.contact-methods-form .inline.fields .field {
      margin-top: 12px;
    }
    .ui.form.contact-methods-form .inline.fields.contact-type {
      margin-bottom: 10px;
    }
    .filter-group .select-dropdown {
        -webkit-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
    }
    .filter-group .select-dropdown,
    .filter-group .select-dropdown:nth-child(even) {
        padding-right: 0;
    }
    .tab-vertical-content-wrapper .ui.tab.segment.review-order-tab {
      padding: 0 20px;
    }
    
    .ui.form.contact-methods-form .inline.fields.contact-type {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
    }
    .play-video-tap {
      right: 5px;
      bottom: 10px;
    }
    .recall-table-set.myreceipt-table .print-view.recall-col {
      display: none;
    }
    .recall-table-set.myreceipt-table {
      padding: 20px 0;
    }
    .recall-table-set.myreceipt-table .total-title {
      -webkit-flex-basis: 80px;
      -ms-flex-basis: 80px;
      flex-basis: 80px;
    }
    .main-wrapper {
      min-height: 650px;
    }
    .myreceipt-table.myreceipt-detail-table.header-table .date-time {
      -webkit-flex: 8;
      -ms-flex: 8;
      flex: 8;
    }
    .myreceipt-table.myreceipt-detail-table .product-recall .product-col.order {
      -webkit-flex: 3;
      -ms-flex: 3;
      flex: 3;
    }
    .recall-table-set.myreceipt-table.myreceipt-detail-table .addlist-view {
      display: none;
    }
    .myreceipt-savings-row .save-price {
      text-align: right;
    }
    .myreceipt-savings-row .save-label {
      -webkit-flex-basis: 78%;
      -ms-flex-basis: 78%;
      flex-basis: 78%;
    }
    .myreceipt-total-list {
      -webkit-flex-basis: 7%;
      -ms-flex-basis: 7%;
      flex-basis: 7%;
      max-width: 45%;
    }
    .myreceipt-total-list li .save-price {
        padding: 0 0 0 20px;
        float: right;
    }
    .recall-table-set.myreceipt-table.myreceipt-detail-table .recall-col {
        padding: 0 10px;
    }
    .myreceipt-total-row {
        margin: 5px 0 130px;
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
    }
    .myreceipt-total-info {
        position: absolute;
        bottom: -100px;
        left: 0;
        padding: 0;
        max-width: 50%;
        margin: 0;
    }
    .receipt-number-info {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
    }
    .myrecipe-table .tr .td.td2,
    .myrecipe-table .tr .td.td5 {
        display: none;
    }
    .myrecipe-table .tr .td:first-child {
        padding-right: 10px;
    }
    .myrecipe-table {
        margin: 0 -20px;
    }
    .myrecipe-table-head,
    .myrecipe-box-table-body .tr {
        padding-right: 20px;
    }
    .td-show-touch {
        display: block;
    }
    .myrecipe-table .tr .td.td1 {
      -webkit-flex: 4;
      -moz-flex: 4;
      -ms-flex: 4;
      -o-flex: 4;
      flex: 4;
    }
    .myrecipe-table .tr .td {
        -webkit-flex: 2;
        -moz-flex: 2;
        -ms-flex: 2;
        -o-flex: 2;
        flex: 2;
    }
    .myrecipe-table .tr .td .active-time {
        display: inline-block;
    }

    .myrecipe-table .tr .td .time .active-time:last-child:after,
    .myrecipe-table-head .tr .td.td4 .active-time:after {
        content: "/";
    }

    .personal-shopping-content{
      padding: 0 3rem;
    }

    .personal-shopping-tabs .ui.left.menu .item .number, .personal-shopping-tabs .ui.left.menu .item.valid .number{
      display: inline-block;
    }

    .personal-shopping-tabs .ui.left.menu .item:not(.active) .number:after{
      display: none;
    }

    .personal-shopping-tabs .ui.left.menu .item.valid .icon-icon-tick{
      display: none;
    }

    .ui.form.contact-methods-form .inline.fields.contact-type{
      margin-top: 26px;
    }

    .recipe-detail-image .videoModalOpen{
      display: none;
    }

    .recipe-detail-image .mobile-video{
      display: inline;
    }

    .press-release-box .video .videoModalOpen{
      display: none;
    }

    .press-release-box .video .mobile-video{
      display: inline;
    }

    .press-release-box .video .play-video{
      position: absolute;
      left: 40%;
      top: 40%;
    }

    .tab-inner-content.box-align{
        height: auto;
    }

    .review-estimate-form{
        margin-top: 0;
    }

    .show-portrait{
        display: block;
    }

    .recipe-details {
        justify-content: center;
    }

    .recipe-details .recipe-print-icon-section.mobile {
        display: inline-block;
    }
    .recipe-details .st_print_large.recipe-print-icon.desktop {
        display: none;
    }
}

@media only screen and (max-width:769px){
    /** shoppers club popover styling **/
    .webui-popover.popover-shoppers-club {
        width: 97%!important;
        left: 5px!important; 
    }

    .webui-popover.popover-shoppers-club.bottom>.arrow{
        left: 79%!important;
    }
}

@media only screen and (max-width: 800px) {

    .personal-shopping-tabs .ui.left.menu{
        width: 100%;
    }

    .personal-shopping-tabs .ui.left.menu .show-landscape{
        display: none!important;
    }

   .personal-shopping-tabs .ui.left.menu .active.item > span{
        display: inline;
   }
    .myaccount-settings-item .myaccount-settings-email, .myaccount-settings-item  .myaccount-settings-password{
        max-width: 200px;
    }

}
@media only screen and (min-width: 620px) and (max-width: 768px) {
    .press-release-table {
        margin: 0 -20px;
    }
    .press-release-table-row .trow {
        padding: 30px 0;
        margin: 0 20px;
    }
    .press-release-table .th2 {
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
    .press-release-table .button-group {
        padding: 0 20px;
    }

    .tab-vertical-content-wrapper .ui.tab.segment{
      height: 98%;
    }

    .thankyou-content-wrapper{
      padding: 0 2rem;
    }
    .thankyou-content .thankyou-message{
      padding: 0 8rem;
    }

    .add-list-wrapper .add-list-inner .add-list-box.btn-wrapper{
      float: right;
    }

    .add-list-wrapper .add-list-inner .add-list-box.price-wrapper{
      float: left;
      max-width: 120px;
    }

    .add-list-wrapper .add-list-inner .add-list-box.image-wrapper a{
      padding-right: 2em;
      padding-left: 20px;
    }

    .review-estimate-info .ui-checkbox label{
        max-width: 28%;
        display: block;
    }

    .review-estimate-info .ui-checkbox label::before{
      top: 10px!important;
    }

    .review-estimate-info .ui-checkbox .icon-icon-info{
      position: absolute;
      right: -10px;
      top: 0;
    }
    /*.myaccount-settings-list > li {
        width: 65%;
    }*/

}
@media only screen and (min-width: 620px) and (max-width: 767px) {
    
    .recipe-shortinfo-wrap {
        position: static;
    }
    .save-recipe-btn {
        position: absolute;
        margin-bottom: 0!important;
        top: 56px;
    }

    .myrecipe-table .tr .td.td3 > span i{
        left: -15px;
    }

    .myreceipt-page-title{
        font-size: 220%;
    }

    /** shoppers club popover styling **/
    .webui-popover.popover-shoppers-club.bottom>.arrow{
        left: 96%!important;
    } 
}
@media only screen and (min-width: 620px) and (max-width: 680px) {
    .myreceipt-total-list {
      max-width: 60%;
      -webkit-flex-basis: 200px;
      -ms-flex-basis: 200px;
      flex-basis: 200px;
    }
    .myreceipt-savings-row .save-label {
      -webkit-flex-basis: 66%;
      -ms-flex-basis: 66%;
      flex-basis: 66%;
    }
}
@media only screen and (max-width: 619px) {
    .main-wrapper {
      min-height: 150px;
    }
    .product-detail-container {
        margin-top: 30px;
    }
    .ui.breadcrumb {
        display: none;
    }
    .col-order-1 {
        -webkit-order: 2;
        order: 2;
    }
    .col-order-2 {
        -webkit-order: 1;
        order: 1;
    }
    h4.filter-title {
        margin-top: 1.25rem;
    }
    .product-description-wrap {
        padding: 0 0 1.875rem 0;
        margin: 1.563rem -0.625rem 1.875rem;
    }
    .product-detail-image {
      margin-top: 0;
    }
    .product-description-info {
      margin-bottom: 2.5rem;
    }
    .recipe-detail-container {
        margin-bottom: 1.875rem;
        margin-top: 30px;
    }
    .recipe-detail-container .title {
      margin-bottom: 0.625rem;
    }
    .recipe-info-list {
        font-size: 0.9375rem;
    }
    .write-review > span {
        margin-bottom: 0.9375rem;
        display: inline-block;
    }
    .reviews-list {
        margin-top: 0;
    }
    .review-title {
        margin-top: 1.875rem;
    }
    .reviews-links {
        display: block;
    }
    .review-description {
        margin-bottom: 0.625rem;
    }
    .reviews-links a {
        display: block;
        margin-bottom: 5px;
    }
    .save-recipe-btn {
        margin: 25px 0 0!important;
        position: static;
    }
    .customer-reviews-container {
        margin-bottom: 30px;
    }
    .recipe-title-wrap .title{
        line-height: 1.2em;
    }
    .recipe-info-list.recipe-info-list-line {
        padding-top: 10px;
    }
    .recipe-info-list.recipe-info-list-line li:first-child {
        padding-top: 10px;
    }
    .reviews-btn-group a.ui.secondary-btn.button:first-child {
        margin-bottom:  1.25rem;
    }
    .reviews-links {
        margin: 30px 0;
        padding-bottom: 1.25rem;
    }
    .product-title-wrap .subtitle {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .product-title-wrap .title {
        margin: 0 0 0.5rem;
    }
    .product-detail-image {
        padding: 10px 25px;
    }
    .product-title-wrap {
        border-bottom: 0;
    }
    .nutrition > span {
        width: 25px;
        height: 25px;
        line-height: 22px;
        font-size: 12px;
    }
    .recipe-carousel-promotion .card.recipe {
        padding: 0 10px;
    }
    .product-carousel-promotion.owl-theme .owl-controls .owl-buttons div {
        top: 40%;
    }
    .recipe-title-wrap {
        border-bottom: 0;
        margin-bottom: 0;
    }
    .add-list-wrapper .add-list-inner .add-list-box:nth-child(2),
    .add-list-wrapper .add-list-inner .add-list-box:nth-child(3) {
        display: none;
    }
    .recall-detail-container .recall-title-wrap {
      padding-bottom: 0;
    }
    .recall-detail-container .recall-title-wrap .subtitle {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .recall-detail-container .recall-title-wrap .title {
        font-size: 32px;
    }
    .recall-detail-container .recall-sold-details label {
      margin-bottom: 10px;
    }
    .recall-detail-container .recall-sold-details .row div {
      margin-bottom: 20px;
    }
    .recall-detail-container .col-order-1 {
        order: 2;
    }
    .recall-detail-container .col-order-2 {
        order: 1;
    }
    .recall-detail-container .recall-detail-image {
      padding: 0;
      margin-top: 0;
      margin-bottom: 20px;
    }
    .recall-detail-container .recall-detail-image {
        margin-top: 0;
    }
    .filter-tab {
        margin: 0 -20px;
    }
    .press-release-second-duplicate-desktop {
      display: none;
    }
    .press-release-second-duplicate-mobile,
    .press-release-second-duplicate-mobile > div > div > .press-release-second-duplicate-desktop {
      display: block;
    }
    .press-release-copy {
      margin-top: 20px;
    }
    .press-release-boilerplate {
      margin-bottom: 0;
    }
    .cooking-video-container {
      height: auto;
    }
    .cooking-cards {
      margin: 0 0 15px 0;
    }
    .events-detail-container .events-detail-simple-image {
      margin-top: 90px;
    }
    .ui.accordion.events-pages .content .box-align {
      display: block;
    }
    .ui.styled.accordion.events-pages .content .description .event-desc .inner-content {
      padding: 0;
    }
    .ui.styled.accordion.events-pages .content .description .event-desc .event-image {
      margin: 18px auto;
      max-width: 159px;
    }
    .events-detail-container .events-inner {
      max-width: 100%;
    }
    .events-detail-banner.left .events-banner-content {
      left: 0;
      padding: 0 15px;
      margin-top: -95px;
    }
    .events-banner-content h5 .ev-date {
      display: block;
    }
    .break {
      display: block;
    }
    .store-departments-info {
      margin: 15px 0 10px;
    }
    .store-departments-info > li .time {
      text-align: right;
    }
    .store-departments-info > li,
    .store-departments-info > li .items {
      display: block;
      line-height: 22px;
    }
    .store-departments-info.store-department-time > li {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
    }
    .ui.button.store-btn-mob {
      border: 0;
      padding: 0;
      min-height: auto;
      text-transform: capitalize;
      font-weight: normal;
      font-size: 16px;
      font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    }
    .store-departments-content > li .phone {
      margin-bottom: 10px;
    }
    .store-departments-header {
      max-width: 100%;
    }
    .nearby-header {
      margin-bottom: 20px;
    }
    .nearby-header > h4 {
      margin-bottom: 5px;
    }
    .nearby-header .dist {
      position: static;
    }
    .store-departments-simple {
      margin-bottom: 0;
    }
    .myaccounts-inner-wrapper {
      max-width: 100%;
    }
    .edit-password-form input,
    .edit-password-form .button-group {
      max-width: 100%;
    }
    .field.nolabel {
      margin-top: 0!important;
    }
    .strength-indicator-wrapper {
      padding-left: 0!important;
      margin-bottom: 20px;
    }
    .coupon-detail-inner {
      display: block;
    }
    .coupon-detail-inner .image {
      margin: 0 auto;
    }
    .coupon-detail-inner .content-wrap {
      margin: 0;
    }
    .date-table tbody td .date {
      padding: 10px 0;
    }
    .date-time-picker-container {
      max-width: 280px;
    }
    .date-time-picker-form {
      margin-bottom: 20px;
      margin-top: 20px;
    }
    .tabbed-content-vertical.personal-shopping-tabs .ui.left.pointing.menu .active.item {
      -webkit-flex: 10;
        -ms-flex: 10;
        flex: 10;
    }
    .tabbed-content-vertical.personal-shopping-tabs,
    .tabbed-content-vertical.personal-shopping-tabs .tab-vertical-content-wrapper {
      min-height: 420px;
      height: 100%;
    }
    .personal-shopping-tabs .ui.left.menu .item .menu-title.hide-mobile{
        display: none;
    }

    .personal-shopping-content {
        margin-bottom: auto;
        margin-top: 60px;
        padding: 0 1rem;
    }
    .ui.form.contact-methods-form {
      padding: 0;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .ui.form.contact-methods-form .inline.fields.contact-type {
      margin-top: 0;
    }
    .thankyou-content .action-buttons{
      padding: 1rem 0 2rem;
    }

    .thankyou-content{
      margin: 0 1rem;
    }

    .thankyou-content .action-buttons .return-btn{
      width: 100%;
    }

    .ui.form.contact-methods-form .radio-wrapper{
      margin-bottom: 20px;
    }

    /** email preference **/
     #email-preference-form .online-pop-info-icon .online-pop-info{
        top: 32px;
        left: -90px;
        width: 310px;
    }
    .quickarrow {
        transform: rotate(90deg);
        top: -7px;
        left: 32%;
    }
    .ui.primary-link.link.nutritional-info {
        float: right;
    }
    .play-video-tap {
        right: 20px;
        bottom: 20px;
        width: 40px;
        height: 40px;
        border-width: 2px;
        font-size: 16px;
        padding: 10px;
        line-height: 18px;
    }
    .recall-table-set.myreceipt-table .date-time {
        margin-right: 0;
    }
    .recall-table-set.myreceipt-table .sold-view {
        position: absolute;
        right: -3px;
        bottom: 0;
    }
    .recall-table-set.myreceipt-table {
        padding: 15px 0 0;
    }
    .recall-table-set.myreceipt-table.myreceipt-detail-table.data-rows {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }
    .recall-table-set.myreceipt-table.myreceipt-detail-table.with-savings-row.data-rows {
        display: block;
    }
    .myreceipt-table.myreceipt-detail-table.with-savings-row.data-rows .product-recall {
      margin-bottom: 0;
    }
    .recall-table-set.myreceipt-table.total-row {
        border-bottom: 0;
    }
    .recall-table-set.myreceipt-table .total-value {
        padding-left: 10px;
        float: right;
    }
    .recall-table-set.myreceipt-table.myreceipt-detail-table.header-table {
        display: block;
        border-bottom: 0;
        padding: 10px 0 0;
        margin-top: 40px;
    }
    .recall-table-set.myreceipt-table.myreceipt-detail-table.header-table .date-time,
    .recall-table-set.myreceipt-table.myreceipt-detail-table.header-table .price-view {
        display: none;
    }
    .receipt-number-info {
        margin: 0 0 10px 0;
        font-size: 16px;
    }
    .recall-table-set.myreceipt-table.myreceipt-detail-table .print-view {
        top: -30px;
    }
    .myreceipt-table.myreceipt-detail-table .date-time {
        display: none;
    }
    .myreceipt-table.myreceipt-detail-table.data-rows .product-recall {
        display: block;
        padding: 0;
    }
    .myreceipt-table.myreceipt-detail-table .product-recall .product-col.ordernum {
        margin-top: 5px!important;
    }
    .recall-table-set.data-rows .sold-col.tel-mobile {
        display: block!important;
    }
    .myreceipt-savings-row .save-label {
        padding-left: 0;
        text-align: left;
    }
    .myreceipt-savings-row .save-price {
        padding-right: 0;
    }
    .myreceipt-savings-row {
        margin: 5px 0 15px;
    }
    .recall-table-set.with-savings-row.data-rows .myreceipt-table-with-savings-row {
        padding: 15px 0;
    }
    .recall-table-set.myreceipt-table.myreceipt-detail-table .recall-col {
        padding-right: 0;
    }
    .myreceipt-total-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 40px;
        flex-direction: column;
    }
    .myreceipt-total-info {
        position: static;
        order: 2;
        max-width: 100%;
        margin-top: 20px;
        flex: 1;
    }
    .myreceipt-total-list {
        order: 1;
        padding: 0!important;
        max-width: 100%;
        flex-basis: 100%;
        flex: 2;
    }
    .myreceipt-total-list li .label {
        min-width: 200px;
    }
    .recall-table-set.myreceipt-table.myreceipt-detail-table .sold-col {
        display: block;
    }
    .press-release-table-header {
        display: none;
    }
    .press-release-table-row {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 30px;
    }
    .press-release-table-row .trow {
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .press-release-table-row .trow .tdate,
    .press-release-table-row .trow .tdescription,
    .press-release-table-row .trow .tbutton {
        -webkit-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        padding: 0;
    }
    .press-release-table-row .trow .tdate {
        -webkit-order: 2;
        -ms-order: 2;
        order: 2;
        margin-top: 10px;
    }
    .press-release-table-row .trow .tdescription {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1;
    }
    .press-release-table-row .trow .tbutton {
        -webkit-order: 3;
        -ms-order: 3;
        order: 3;
    }
    .press-release-table-row .trow .tbutton.th3 {
        text-align: left;
        margin-top: 20px;
    }
    .press-release-table .button-group {
        padding: 0;
    }
    .myrecipe-table-head {
        display: none;
    }
    .myrecipe-box-table-body .tr {
        padding: 20px;
    }
    .myrecipe-box-table-body .tr .tr-data {
        display: block;
    }
    .myrecipe-box-table-body .tr:first-child {
        padding-top: 10px;
    }
    .myrecipe-table .tr .td .content {
        margin-top: 0;
    }
    .myrecipe-table .tr .td.td3 {
        padding-left: 95px;
        padding-right: 0;
    }
    .myrecipe-table .tr .td.td4 {
        margin: 0 0 20px;
        padding-left: 96px;
        padding-right: 0;
    }
    .myrecipe-table .tr .td .nutrition {
      margin-bottom: 10px;
    }
    .myrecipe-table .tr .td .content p {
      margin-bottom: 15px;
    }
    .tr-data-delete.box-align {
      text-align: center;
    }
    .myrecipe-table .tr .td .time {
      margin-bottom: 5px;
    }
    .myrecipe-table .tr .td .time .active-time:first-child:before {
        content: "Active Time: ";
    }
    .myrecipe-table .tr .td .time .total-time:first-child:before {
        content: "Total Time: ";
    }
    .myrecipe-table .tr .td .time .active-time:last-child:after {
        content: "";
    }
    .myrecipe-table .tr .td:last-child .button {
        width: 100%;
    }
    .myrecipe-grid-deleted-card {
        min-height: 100px;
    }
    .card.myrecipe-grid-card {
        padding: 20px 0 55px;
        margin-bottom: 0;
        position: relative;
    }
    .card.myrecipe-grid-card .content-wrap {
        position: static;
    }
    .card.myrecipe-grid-card .image {
        min-width: 80px;
        max-width: 80px;
    }
    .card.myrecipe-grid-card .content-wrap .content {
        margin-top: 0;
        position: static;
    }
    .card.myrecipe-grid-card .content-wrap .content .button-group {
        position: absolute;
        width: 100%;
        left: 0;
    }
    .card.myrecipe-grid-card .content-wrap .content .button-group .button {
        width: 100%;
    }
    .shoppersclub-addmodal .content .button-group .button {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .tab-vertical-content-wrapper .ui.tab.segment.review-order-tab{
      padding: 0;
    }

    .review-estimate-info .ui-checkbox label{
        max-width: 52%;
    }

    .review-estimate-info .review-submit{
      margin: 2rem 0;
    }

    .thankyou-content .order-details .order-item > div{
      float: none;
      text-align: left;
      padding: 5px;
    }

    .personal-shopping-tabs .submit-btn{
      margin: 25px 20px;
    }

    .floatme.right.store-info{
      display: block;
      line-height: 15px;
      position: relative;
      font-size: 12px;
      padding: 10px 0;
    }

    .myreceipt-page-title{
        font-size: 225%;
    }

    .webui-popover.popover-shoppers-club.bottom>.arrow{
        left: 57%!important;
    }

    .myprofile-content-wrapper {
      border-top: 1px solid #ccc;
      padding-top: 20px;
      margin-top: 5px;
    }

    .myprofile-content-wrapper.no-border{
        border: none;
        padding-top: 0;
        margin-top: 0;
    }
    .myprofile-content-wrapper label.myprofile-name-desc{
       margin-top: 0px;
    }

    .myprofile-content-wrapper .ui.secondary-btn.button{
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 568px) {
    .recall-table-set.data-rows {
        display: block;
        position: relative;
        padding-bottom: 15px;
        line-height: 1.5;
    }

    .recall-table-set.data-rows .date-time span:nth-child(3) {
        display: none;
    }

    .recall-table-set.data-rows .sold-only-mob {
        display: block;
        position: absolute;
        bottom: 10px;
    }

    .recall-table-set .sold-view .view-col {
        top: -25px;
        position: relative;
    }

    .recall-table-set .sold-view .sold-col > .only-tab-mob,
    .recall-table-set.data-rows .reasson-col,
    .recall-table-set.header-table,
    .recall-table-set.data-rows .sold-col {
        display: none;
    }
    .recall-table-set.data-rows .view-details-btn {
        float: right;
    }
    .recall-table-set.data-rows .box-align .left-top {
        margin: 0!important;
    }
    .recall-table-set.data-rows .product-recall,
    .recall-table-set.data-rows .sold-view {
        padding-right: 0;
        margin-bottom: 20px;
    }
    
    .events-detail-container .events-inner-complex {
      max-width: 100%;
    }
    .events-detail-container .events-inner-complex .small-semi {
      display: none;
    }
    .im-desktop {
      display: none!important;
    }
    .im-mobile {
      display: block!important;
    }
    .events-info-box {
      padding: 20px 30px;
    }
    .float-button {
      position: static;
    }
    /*.myaccount-settings-item {
        display: block;
    }
    .myaccount-settings-item .myaccount-settings-email {
        margin-left: 0;
        display: block;
        max-width: 100%;
    }*/
}

@media only screen and (max-width:400px){
    /** shoppers club popover styling **/
   .webui-popover.popover-shoppers-club.bottom>.arrow{
        left: 44%!important;
    } 

    .review-estimate-info .ui-checkbox label{
        max-width: 75%;
    }
}


@media only screen and (max-width: 320px) {
    
    .cancel-order-link.floatme.right{
      width: 45px;
      line-height: 1.5;
      right: -5px;
      top: -5px;
    }

    .thankyou-content .thankyou-message{
      padding: 0;
    }

    /** shoppers club popover styling **/
    .webui-popover.popover-shoppers-club.bottom>.arrow{
        left: 50%!important;
    } 

    .review-estimate-info .ui-checkbox label{
        max-width: 70%;
    }
    .myaccount-settings-item .myaccount-settings-email, .myaccount-settings-item  .myaccount-settings-password{
        max-width: 120px;
    }
}
/** Print Recipe Detail Page ..**/
@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
    img, picture {
        width: 100%;
        height: auto;
        display: block;
    }
    @page  { 
        margin: 18mm 18mm 18mm 18mm;  
    } 
    .recipe-details-print {
        display: block;
    }
    .recipe-print {
      /*margin-top: 10px;*/
      /*padding: 33px 40px;*/
      display: block;
    }

    .recipe-print .navbar-brand{
      width: 77px;
      margin-bottom: 15px;
    }
    .recipe-print .recipe-header {
      border-bottom: 2px solid #ccc;
      padding-bottom: 5px;
      margin-bottom: 0px;
      width: 100%;
    }
    .recipe-print .recipe-header:after, .recipe-print .recipe-header:before {
      content: " ";
      display: table;
    }
    .recipe-print .recipe-header:after {
      clear: both;
    }
    .recipe-print .col-img {
      width: 11%;
      /*width: 18%;*/
      display: inline-block;
      float: left;
    }
    .recipe-print .col-info {
      width: 82%;
      /*width: 78%;*/
      display: inline-block;
      float: right;
    }
    .recipe-print .col-top {
      width: 100%;
    }
    .recipe-print .col-left {
      width: 40%;
      /*width: 35%;*/
    }
    .recipe-print .col-right {
      width: 57%;
      /*width: 63%;*/
    }
    .recipe-print .recipe-img {
      width: 113px;
      /*width: 143px;*/
      float: left;
    }
    .recipe-detail-container .recipe-img {
        width: 143px;
    }
    .recipe-detail-container .recipe-img img {
        width: 100px;
    }
    .recipe-print .recipe-title-rating {
      float: left;
      /*padding: 0 4px;*/
    }
    .recipe-print .ui.huge.rating {
      font-size: 1.128571rem;
      margin-bottom: 0px;
    }
    .recipe-print #BVRRSummaryContainer .bv-primarySummary-rating-container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .recipe-print .recipe-info-list {
      float: left;
    }
    .recipe-print .recipe-info-list li {
        padding: 0;
    }
    .recipe-print .recipe-info-list li span:nth-child(1) {
      padding: 4px 3px;
      font-size: 12px;
      font-weight: bold;
      font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    }
    .recipe-print .recipe-info-list li span:nth-child(2) {
      font-weight: normal;
      font-size: 12px;
    }
    .recipe-print h1 {
      margin: 0;
      font-size: 22px;
    }
    .recipe-print .recipe-info-list {
      padding: 0;
    }
    .recipe-column {
      width: 50%;
      display: inline-block;
      float: left;
    }

    .recipe-print .recipe-body:after, .recipe-print .recipe-body:before {
      content: " ";
      display: table;
    }
    .recipe-print .recipe-body:after {
      clear: both;
    }
    .recipe-print .recipe-body {
       position: relative;
       height: 100%;
    }
    .recipe-print .recipe-body .vertical-line{
        width:1px;
        height: 100%;
        border-left: 1px solid #ccc;
        position: absolute;
        left: 49%;
        z-index: 99;
        top: 0;
    }
    .recipe-print .col-border-right {
      padding-right: 12px;
    }
    .recipe-print .col-border-left {
      padding-left: 12px;
    }
    .recipe-print .recipe-ingredients h4, .recipe-print .recipe-instruction h4:nth-child(1)  {
      font-size: 20px;
      margin: 10px 0 5px;
    }
    .recipe-print .recipe-ingredients .ui.form h5, .recipe-print .recipe-instruction .instruction-box:nth-child(2) h5 {
      margin: 5px 0 5px;
      font-size: 14px;
    }
    .recipe-print .ui.form .field {
      margin-bottom: 2px;
      font-size: 12px;
    }

    .recipe-print .recipe-instruction h4 {
      margin: 15px 0 5px;
    }

    .recipe-print .ui.checkbox .box:before, .recipe-print .ui.checkbox label:before, .recipe-print .ui-checkbox input ~ label:before, .recipe-print .ui-checkbox input, .select-all, .select-all ~ .field button, .ui.confirmModalOpen,
    .recipe-print .bv-rating-ratio-number .bv-rating .ratingValue, .recipe-print .bv-rating-ratio-count {
        display: none !important;
    }
    .recipe-print .bv-rating-ratio-number .bv-rating >span{
        visibility: hidden!important;
    }

    .recipe-print .ui.checkbox .box, .recipe-print .ui.checkbox label {
        padding-left: 0;
    }
    .recipe-print .ui.primary-link.link, .recipe-print .ui.form .field label,
    .recipe-print .recipe-instruction p,
    .recipe-print .recipe-instruction {
        color: #2F2F2F;
        font-size: 12px;
        margin-left: 0;
        padding-left: 0;
    }
    .recipe-print .recipe-instruction ol {
        padding: 0 0 0 14px;
    }
    .recipe-print .recipe-instruction h4 {
        font-size: 18px;
    }
    .recipe-print .recipe-instruction .ui.primary-link.link, .recipe-print .review, 
    .recipe-print .rating-breakdown, .recipe-print .nutrition-wrap,
    .recipe-print .videoModalOpen, .recipe-print .mobile-video{
        display: none;
    }
    .recipe-print .recipe-instruction .instruction-box .ui.primary-link.link {
        display: block;
    }
    .instruction-box {
        background: none;
        border: 0;
        padding: 0;
        margin: 0;
    }
    .recipe-print .ui.form h5:after {
        content: ':';
    }
}

.cooking-video-container{
    padding-bottom: 56.25%;
    position: relative;
}
.cooking-video-container iframe{
    position: absolute;
    height: 100%;
}
/*recipe details page*/
.load-more-button-wrapper button {
    text-align: center!important;
    margin: 10px auto!important;
    display: block;
    margin: 10px auto;
    border-radius: 5px;
    box-shadow: none;
    width: 33%;
    padding: 5px 14px;
    font-family: Arial,Helvetica,'Bitstream Vera',sans-serif!important;
    line-height: 20px;
    font-size: 14px !important;
    outline: none;
    border: 1px solid #2263a0!important;
    background-color: buttonface!important;
    border: 1px solid #2263a0!important;
    text-transform: capitalize!important;
    color: inherit!important;
    font-weight: normal!important;
}
#reviewTextInput {
    min-width: 100%;
    min-height: 110px;
    resize: both !important;    
}
.search-inner-item{
	position: relative;
}

.search-inner-item .select2-container{
	text-align: left;
	width: 75%!important;
}

.myreceipt .select2-container{
	width: auto!important;
	min-width: 40%;
}

.myreceipt .select2-selection--single{
	padding-right: 15px;
}

.calendar-icon {
    position: absolute;
    right: 20px;
    top: 11px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDIwIDIwIiBkYXRhLXRhZ3M9ImNhbGVuZGFyIj48ZyBmaWxsPSIjNDQ0IiB0cmFuc2Zvcm09InNjYWxlKDAuMDE5NTMxMjUgMC4wMTk1MzEyNSkiPjxwYXRoIGQ9Ik04NzAuNCAxNTMuNmgtNTEuMnYxMDIuNGgtMTUzLjZ2LTEwMi40aC0zMDcuMnYxMDIuNGgtMTUzLjZ2LTEwMi40aC01MS4yYy01Ni4zNzEgMC0xMDIuNCA0Ni4wODAtMTAyLjQgMTAyLjR2NjE0LjRjMCA1Ni4zMiA0Ni4wMjkgMTAyLjQgMTAyLjQgMTAyLjRoNzE2LjhjNTYuMzIgMCAxMDIuNC00Ni4wODAgMTAyLjQtMTAyLjR2LTYxNC40YzAtNTYuMzItNDYuMDgwLTEwMi40LTEwMi40LTEwMi40ek04NzAuNCA4NzAuNGgtNzE2Ljh2LTQwOS42aDcxNi44djQwOS42ek0zMzIuOCA1MS4yaC0xMDIuNHYxNzkuMmgxMDIuNHYtMTc5LjJ6TTc5My42IDUxLjJoLTEwMi40djE3OS4yaDEwMi40di0xNzkuMnoiPjwvcGF0aD48L2c+PC9zdmc+");
}

.search-inner-item .ui.dropdown.selection {
    flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    min-width: auto;
    margin-bottom: 0;
    height: 40px;
}

.search-bar > .ui.form > .row >.search-inner-item:not(.no-margin){
	margin-left: -20px;
}

.search-bar > .ui.form > .row >.search-inner-item.date{
	padding-right: 0;
	padding-left: 0;
}

.search-bar .ui.primary-btn.button{
	margin-left: 15px;
}
.list-toggle-wrapper{
	margin-left: 5px!important;
}


.search-inner-item input {
    flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
}

.search-inner-item > label {
    flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
		text-align: right;
		margin-right: 10px;
}

.filter-container {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
}


.facets-wrapper{
	border-top: 1px solid #dfdfdf;
}

/* Do not show the top border for my products */
/* .my-products .facets-wrapper{
	border-top: none;
} */

.facets-wrapper .filter-sections.border{
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.filter-selections ul{
	padding-left: 0;
	margin: 0;
}
.filter-selections ul li{
	display: inline-block;
	padding: 5px 25px 5px 10px;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	position: relative;
	margin: 5px 5px 5px 5px;
	background: #fff;
}
span.close{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
}
span.close:after{
	content: "x";
}

.clear-all-wrapper{
	text-align: right;
}

.clear-all{
	position: relative;
	align-self: flex-end;
	padding: 5px 25px;
	color: #2c5ec3;
	cursor: pointer;
	display: inline-block;
}

.clear-all span.close{
	font-weight: normal;
	font-size: 20px;
	padding: 3px 8px;
}

.facets{
	padding: 20px 0 0;
}

.facets h5{
	margin-bottom: 0;
	font-size: 18px;
}

/** facets star rating **/
.facets .ui.rating.tiny{
	display: block;
}

.facets .ui.tiny.rating > span{
	font-size: 16px;
}

.facets div.list{
	margin-top: 15px;
}
/** facets star rating **/

.facets ul{
	padding-left: 0;
	margin: 0;
}

.facets ul li{
	list-style: none;
	margin: 15px 0;
	font-size: 16px;
}

.facets ul li .ui.checkbox label:before, .facets ul li .ui.checkbox label:after{
	width: 20px;
    height: 20px;
    font-size: 12px;
}

.facets.wellness-keys ul li [class^="icon-"], .facets.wellness-keys ul li [class*=" icon-"]{
	font-size: 1.1em;
	position: relative;
    top: -2px;
}



.count{
	position: relative;
	padding: 0 5px;
	margin-left: 5px;
	display: inline-block;
}

.count:before{
	position: absolute;
	content: "(";
	left: 0;
	top: 0;
}

.count:after{
	position: absolute;
	content: ")";
	right: 0;
	top: 0;
}

.filter-page-title .count{
	padding: 0 15px;
}
.facets .child ul, .facets .child .more{
	margin-left: 30px;
}

.more{
	color: #2c5ec3;
	cursor: pointer;
	margin-top: 20px;
	display: block;
}

.facets ul li label{
	cursor: pointer;
}

.facets ul li.selected label{
	font-weight: bold;
}
.facets ul li.disabled label{
	color: #c7c5c5;
	cursor: auto;
}

/** filtered-content-wrapper **/

.filtered-content-wrapper {
    padding-bottom: 40px;
	position: relative;
}

.news-filtered-content{
	padding-bottom: 0;
}

.filtered-content-wrapper .title-wrapper{
	padding: 0 10px;
    align-items: center;
}


.filtered-content-wrapper .title-wrapper h3{
	align-self: flex-start;
    flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    margin-bottom: 0;
}

.filtered-sections{
	border-bottom: 1px solid #DFDFDF;
}

.filtered-sections.no-border{
	border: none;
}

.filtered-content-wrapper .recipe.card-grid{
	padding: 1em 1em;
}

.filtered-content-wrapper .recipe.card-list{
	border-top: 0;
}

.filter-selections{
	padding-bottom: 0;
}

.filter-selections .clear-all-wrapper{
	border-top: 1px solid #dfdfdf;
}

.filter-selections ul li:last-child{
	margin-bottom: 20px;
}

.filter-sections > .row > .more{
	margin-left: 10px;
}

.back-to-page{
	    padding: 10px 0;
}

.mobile-search-inner-items{
	display: none;
}

.ui.selection.dropdown > .dropdown.icon{
	top: 12px;
}
/* Filter CSS */
.filter-tab {
    display: none;
    padding-bottom: 35px;
}

.filter-tab label {
    position: relative;
    color: #fff;
    font-size: 1.125em;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    text-transform: uppercase;
}
.filter-tab label:after {
    content: "\e901";
    font-family: 'wegmanicons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -10px;
    transition: transform 0.3s ease-in;
    -moz-transition: transform 0.3s ease-in;
    -webkit-transition: transform 0.3s ease-in;
    -ms-transition: transform 0.3s ease-in;
}

.filter-tab label:before {
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -21px;
    content: '';
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #2263a0;
}

.filter-tab.opened label:after{
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.filter-tab.opened label:before {
  display: none;
}

.filter-head-title {
    background: #2263a0;
    text-align: center;
}

.filter-tab.no-padding{
	padding-bottom: 0!important;
}

.filter-tab.opened{
	padding-bottom: 35px!important;
}

#start-date, #end-date{
	font-size: 13px;
    padding: 10px 30px 10px 7px;
}

.date-no-leading-zero{
    font-size: 13px !important;
    padding: 10px 30px 10px 7px !important;
}

#mobile-start-date, #mobile-end-date{
    padding-right: 5px;
    height: 37px;    
}

.search-inner-item.date-wrapper{
	padding: 0;
}

.search-inner-item #start-date, .search-inner-item #end-date{
	padding: 10px 20px 10px 7px;
}

.search-inner-item .calendar-icon{
	 right: 5px; 
}

.press-release-container .search-inner-item .calendar-icon{
	right: 20px;
}

.my-product-selection {
    padding: 30px 20px 0;
    background: #F3F3F3;
}

.my-product-selection label{
	font-weight: bold;
}

.my-product-selection-wrapper {
    background: #F3F3F3;
    padding-bottom: 30px;
}

/* set the background to whie for my products */
#my-product-container .my-product-selection-wrapper {
    background: #FFF;
}


.my-product-selection-content{
	padding: 15px 20px 0;
}

.my-product-selection-content #start-date, .my-product-selection-content #end-date{
	padding: 10px 20px 10px 7px;
}

.my-product-selection-content label{
	cursor: pointer;
}

.my-product-selection-content li.selected{
	font-weight: bold;
}

.my-product-selection-content .btw-text{
	margin-left: 5px;
}

.search-bar.pages .my-product-selection-wrapper{
	border-bottom: none;
	display: none;
	padding: 7px 0;
}
.search-bar.pages .my-product-selection {
	margin: 0;
	padding: 0 20px;
}

.mobile-hidden{
	display: block;
}

.show-only-desktop{
	display: block;
}

.hide-only-desktop{
	display: none;
}

/* modal **/
/*#facetsModal .facets .facet-items{
	padding-left: 5%;
}*/

#facetsModal{
	padding: 35px 30px 0;
}

#facetsModal h1{
	margin: 0;
}

#facetsModal .content-inner{
	padding-left: 30px;
	padding-right: 30px;
}

#facetsModal .button-group{
	margin-top: 20px;
}

#facetsModal li {
    display: block;
}

#facetsModal ul {
    margin-bottom: 0;
    margin-top: 0;
}

#facetsModal .ui-checkbox input[type='checkbox']:checked ~ label:before, #facetsModal .ui-checkbox input[type='checkbox'] ~ label:before{
	width: 18px;
    height: 18px;
    font-size: 11px;
    padding-left: 3px;
}


.productsFacets#facetsModal li {
	display: inline-block;
	width: 33%;
}

.facets ul li:last-child {
    margin-bottom: 0;
}


.mobile-filter-close{
		display: none;
}

.refine-title{
	margin-bottom: 0;
}

.shoppers-club-facet{
	padding-top: 30px;
	padding-bottom: 30px;
	background: #F3F3F3;
	padding-left: 20px;
	margin-top: 20px;
}

.shoppers-club-facet label{
	font-weight: bold;
	font-size: 14px!important;
	padding-left: 3em!important;
	font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}


/* between dates */
.date-selector .date{
	text-align: right;
	position: relative;
}

.date-selector .btw-text{
	align-self: center;
}

.facets.date-selector label {
    font-weight: bold;
}

.facets.date-selector .ui.form {
    margin-top: 15px;
}

.my-product-selection-content .date-selector .date{
	padding-right: 0;
}

.my-product-selection-content .date-selector .date .calendar-icon{
	right: 5px;
}


/** visits block */
.visits-block ul li label{
	margin: 15px 0;
	display: block;
}

.product-section-details{
	padding: 5px 15px 15px;
}

.product-section-details:not(:first-child){
	padding-top: 30px;
}


.product-section-details .section-details label{
	display: block;
}

.product-section-details .view-link{
	margin-left: auto;
}

.hide-list{
    display:none;
}

.no-margin{
	margin: 0!important;
}

.no-border{
	border: none!important;
}
.image-header-full {
     margin-bottom: 30px;
 }
.spotlight-diferent-views {
     margin-top: 0;
}


@media only screen and (max-width: 1024px) {
	.mobile-hidden{
		display: none;
	}

	.show-only-desktop{
		display: none;
	}

	.hide-only-desktop{
		display: block;
	}

	.spotlight-diferent-views{
		 margin-top: 10px;
	}

	/* Landscape and below */
	.search-inner-item-wrapper{
		display: none;
	}
	
	.search-inner-item{
		display: none;
	}

	.my-product-selection-wrapper{
		display: none;
	}

	.search-bar.pages .my-product-selection-wrapper{
		display: block;
	}

	.filtered-content-wrapper{
		display: block;
		padding-top: 15px;
	}

	.filtered-content-wrapper.news-filtered-content {
		padding-top: 0;
	}
	
	.facets-wrapper {
    	border-top: none;
    	margin-top: 0px;
	}

	.filter-selections{
		background: #2263a0;
		border-bottom: none;
		padding: 5px 10px 0 10px;
		margin-top: 20px!important;
	}

	.filter-selections .clear-all-wrapper{
		border: none;
	}


	.filter-sections .more{
		margin-bottom: 10px;
	}

	.search-bar{
		margin-top: 20px;
	}

	.recall-title{
		text-transform: uppercase;
	}

	.filter-tab{
		display: block;
	}

	.filter-tab label{
		display: inline-block;
	}

	.clear-all{
		color: #fff;
	}

	.mobile-search-inner-items{
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
	}

	.mobile-search-inner-item{
		padding: 5px 10px;
	}

	.mobile-search-inner-item.mobile-select{
		flex: 2;
		-webkit-flex: 2;
		-moz-flex: 2;
		-ms-flex: 2;
	}

	.mobile-search-inner-item.mobile-date{
		flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
	}

	.mobile-search-inner-item.mobile-select .ui.dropdown{
		width: 100%;
		margin-bottom: 0;
		height: 40px;
	}

	.mobile-search-inner-item label{
		margin-bottom: 10px;
		display: block;
	}

	.filter-tab{
		padding-bottom: 5px;
	}

	.shoppers-club-facet{
		padding-left: 20px;
	}

	.shoppers-club-facet label {
	    font-weight: bold;
	    font-size: 15px!important;
	    padding-left: 3em!important;
	}

}

@media only screen and (max-width: 1023px) {

	.search-bar, .filter-selections, .filter-tab{
		margin-right: -20px;
		margin-left: -20px;
	}

	.search-bar{
		background: none;
		padding: 0;
	}

	.search-bar .search-bar-form{
		padding: 20px;
    	background: #F3F3F3;
	}

	.search-bar.pages .my-product-selection-wrapper{
		padding: 20px;
		margin-top: 15px;
	}

	#facetsModal .button-group{
		margin-top: 30px;
	}

	#facetsModal .content-inner{
		margin-bottom: 10px;
	}

    .productsFacets#facetsModal li {
        display: inline-block;
        width: 50%;
    }

	.shoppers-club-facet label{
		font-size: 18px!important;
		padding-left: 2em!important;
	}

}

@media screen and (max-width: 620px) {
	.shoppers-club-facet label{
		font-size: 15px!important;
	}

}

@media screen and (max-width: 619px) {
	/* Mobile and below */

    .productsFacets#facetsModal li {
        display: inline-block;
        width: 100%;
     }

	.filter-sections{
		border-bottom: none;
	}
	
	.filtered-sections{
		border-bottom: 0;
	}

	.facets-wrapper >h4{
		margin: 20px 0 0 0;
	}

	.facets .ratings-wrapper{
		padding: 10px 0 0;
	}

	.filtered-content-wrapper{
		padding-top: 0;
	}

	.filtered-content-wrapper.mobile-hidden{
		display: none;
	}

	.filtered-content-wrapper .title-wrapper{
		flex-direction: column;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		align-items: flex-start;
		padding-bottom: 15px;
	}

	.filtered-content-wrapper .card.recipe{
		padding: 1em 0;
	}


	.filter-selections{
		background: #fff;
		padding-bottom: 10px;
	}

	.filter-selections.no-content{
		display: none!important;
		margin-top: 0!important;
	}

	.filter-selections.no-content.show{
		display: block!important;
	}

	.clear-all{
		color: #2c5ec3;
	}

	.filter-head-title{
		/* margin-top: 10px; */
	}

	.filter-tab.opened{
		display: none;
	}

	.filter-tab label{
		display: block;
	}

	.filter-tab label:before{
		display: none;
	}

	.filter-tab label:after{
		right: 0;
		top: 0;
		left: auto;
		position: absolute;
		transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
	}

	.mobile-filter-close{
		color: #2c5ec3;
		padding-left: 5px;
		display: block;
	}

	.mobile-filter-close.mobile-hidden{
		display: none;
	}

	.has-mobile-filter-controls .filtered-content-wrapper, 
	.has-mobile-filter-controls .search-bar, 
	.has-mobile-filter-controls .section-navigation-wrapper,
	.has-mobile-filter-controls h1.filter-page-title, 
	.has-mobile-filter-controls .filter-tabbed-buttons, 
	.has-mobile-filter-controls .filter-spotlight-wrapper{
		display: none;
	}

	.has-mobile-filter-controls .mobile-filter-close{
		display: block;
	}

	.mobile-search-inner-items{
		display: block;
	}

	.mobile-search-inner-item.mobile-date{
		width: 50%;
		float: left;
	}

	.filter-sections.no-mobile-padding{
		padding: 0;
	}

	
	.facets.mobile-accordion{
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #d3d3d3;
	}

	.facets.mobile-accordion.top-border{
    	border-top: 1px solid #d3d3d3;
    	margin-top: 20px;
	}

	.facets.mobile-accordion h5.header{
		position: relative;
		margin-bottom: 0;
	}

	.facets.mobile-accordion h5.header:after {
	    right: 0;
	    top: 0;
	    left: auto;
	    content: "\e901";
	    font-family: 'wegmanicons' !important;
	    font-style: normal;
	    font-weight: normal;
	    font-variant: normal;
	    text-transform: none;
	    line-height: 1;
	    position: absolute;
	    font-size: 20px;
	    margin-left: -10px;
	    transform: rotate(270deg);
	    -webkit-transform: rotate(270deg);
	    -moz-transform: rotate(270deg);
	    -ms-transform: rotate(270deg);
	    transition: transform 0.3s ease-in;
	    -moz-transition: transform 0.3s ease-in;
	    -webkit-transition: transform 0.3s ease-in;
	    -ms-transition: transform 0.3s ease-in;
	}

	.facets.mobile-accordion.opened h5:after{
	    transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    bottom: auto;
	    top: 0;
	}

	.facets.mobile-accordion .list, .facets.mobile-accordion .more{
		display: none;
	}

	.facets.mobile-accordion .list{
		margin: 0;
	}

	.facets.mobile-accordion .list.nstSlider-wrapper{
		padding-top: 20px;
	}

	.facets.mobile-accordion.opened:not(.top-border){
		border-bottom: 1px solid #d3d3d3;
		padding-bottom: 20px;
	}

	.facets.mobile-accordion.opened .list, .facets.mobile-accordion.opened .more{
		display: block;
	}

	.filter-spotlight-wrapper{
		margin-bottom: 20px;
	}

	.product-section-details{
		padding: 15px;
	}

	.date-selector .btw-text{
		padding: 10px;
		width: 100%;
		text-align: center;
	}

	.shoppers-club-facet label{
		font-size: 18px!important;
		padding-left: 2em!important;
	}
}

@media screen and (max-width: 320px) {
	.shoppers-club-facet label{
		font-size: 15px!important;
	}

    .productsFacets#facetsModal li {
        display: inline-block;
        width: 100%;
      }
}

#my-product-container .my-product-selection-content {
    padding: 0;
}
/*tab section */
.category-tab .menu{
	padding-left: 25px;
}
.category-tab .count{
	position: relative;
	padding: 0 5px;
	margin-left: 5px;
}
.category-tab .count:before{
	position: absolute;
	content: "(";
	left: 0;
	top: 0;
}
.category-tab .count:after{
	position: absolute;
	content: ")";
	right: 0;
	top: 0;
}

.category-tab .item{
	font-size: 18px;
}

.search-inner-item{
	text-align: right;
}

.search-inner-item .ui.dropdown.selection{
	-webkit-flex: 1;
	flex: 1;
}

.list-toggle-wrapper{
    padding-right: 0;
    margin-left: 0px;
}

.list-toggle-wrapper .search-inner-item:first-child {
		margin-right: 10px;
}

.list-toggle-wrapper .search-inner-item{
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: auto;
	cursor: pointer;
}

.list-toggle-wrapper .search-inner-item i {
	font-size: 30px;
	color: #cccccc;
}

.list-toggle-wrapper .search-inner-item.active i {
	color: #2A7FCE;
}

/**list view page **/
.filtered-sections.list{
	border-bottom: none;
}

.filtered-sections.list .card.card-list{
	border-top: none;
  margin: 0;
}


.product-search-card {
	border-bottom: 1px solid #dfdfdf;
}

.product-search-card .card .content .line-ellipse {
	height: 41px;
}
/** Hide Sort By Filter in My Products screen **/
#my-product-container .filter-sort-by-container{
   visibility: hidden;
}

#my-product-container .search-inner-item .select2-selection__arrow, #my-product-container .filter-sort-by-mobile-container{
    display: none;
}


@media only screen and (max-width: 1024px) {
	/* hide facets for now **/
}

/******* Added for defect 93417 ********************/
@media only screen and (max-width: 1024px) and (orientation:landscape) {
     ul.subcategory li {
		display: inline-block;
		width: 28%;
	}
}

@media only screen and (max-width: 1023px) {

	.category-tab{
		margin-left: -20px;
		margin-right: -20px;
	}

	.category-tab .item{
		font-size: 15px;
	}
}
@media only screen and (min-width: 619px) and (max-width: 1023px) {
	ul.subcategory li {
        display: inline-block;
        width: 45%;
	}
}
@media only screen and (max-width: 619px) {
	.category-tab .menu{
		padding-left: 0;
	}

	.category-tab .ui.secondary.pointing.menu .item {
		margin-right: 3px;
	}

	.category-tab .item .count{
		display: none;
	}

	.product-search-card {
		border-bottom: 0;
	}
	.product-search-card .card .image {
		min-height: 106px;
	}
}

/* Product Comparison Component */
.half-product-comparison-image {
    position: absolute;
    width: 49%;
    top: 0;
    left: 0;
}
.half-product-camparison-item {
    margin: 0;
}
.half-product-camparison-item .content-wrap {
    width: 100%;
}
.half-product-comparison-row {
    position: relative;
}
.half-product-comparison-row .header-teaser {
    margin: 10px 0 10px 15px;
}
.half-product-comparison-row .header-teaser .title {
    font-size: 36px;
    margin-bottom: 0;
}
.half-product-comparison-row .header-teaser .subtitle {
    margin-top: 5px;
    font-weight: normal;
}
.half-product-camparison-item,
.full-product-camparison-item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.half-product-camparison-item .card.product {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.half-product-camparison-item .saving-note {
    font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 26px;
    margin-top: 10px;
    text-align: left;
}
.half-product-comparison-content .owl-theme .owl-controls .owl-buttons div {
    top: 44%;
}
.half-product-comparison-content .owl-theme .owl-controls .owl-buttons div.owl-prev  {
    left: -4px;
}
.half-product-comparison-content .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -4px;
}
.half-product-camparison-item .card.product .card-inner-container .content-wrap {
    width: 100%;
}

.full-product-comparison-row {
    position: relative;
}
.full-product-comparison-row .header-teaser {
    margin: 10px 0 10px 15px;
}
.full-product-comparison-row .header-teaser .title {
    font-size: 36px;
    margin-bottom: 0;
}
.full-product-comparison-row .header-teaser .subtitle {
    margin-top: 5px;
    font-weight: normal;
}
.full-product-comparison-row .header-teaser .title {
    font-size: 36px;
    margin-bottom: 0;
}
.full-product-camparison-item .saving-note {
    font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 26px;
    margin-top: 10px;
    text-align: left;
}
.full-product-camparison-item .card.product .card-inner-container .content-wrap {
    width: 100%;
}
.full-product-comparison-content .owl-theme .owl-controls .owl-buttons div {
    top: 44%;
}
.full-product-comparison-content .owl-theme .owl-controls .owl-buttons div.owl-prev  {
    left: -7px;
}
.full-product-comparison-content .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -10px;
}


@media only screen and (max-width: 1024px) {
    .half-product-comparison-row .header-teaser {
        margin: 0 0 25px 0;
    }
    .half-product-comparison-image {
        position: static;
        width: 100%;
    }
    .half-product-camparison-item {
        display: block;
    }
    .half-product-camparison-item .card.product {
        padding: 10px 12px;
        margin: 0;
    }
    .half-product-camparison-item .card.product:first-child {
        position: relative;
        margin: 0 0 10px 0;
    }
    .half-product-camparison-item .card.product:first-child:after {
        content: "";
        height: 1px;
        width: 94%;
        background: #ccc;
        position: absolute;
        bottom: -5px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .half-product-camparison-item .card.product .image {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 80px;
        min-width: 80px;
    }
    .half-product-camparison-item .content-wrap {
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
        margin-left: 10px;
    }
    .half-product-camparison-item .card-inner-container {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }

    .half-product-camparison-item .content-wrap .content {
        margin-top: 0;
    }
    .half-product-camparison-item .content-wrap .extra.content {
        display: flex;
        margin-top: 5px;
    }
    .half-product-camparison-item .content-wrap .extra.content .package-info {
        line-height: 12px;
        display: inline-block;
    }
    .half-product-camparison-item .content-wrap .extra.content .right .button span {
        display: none;
    }
    .half-product-camparison-item .content-wrap .extra.content .left {
        margin-top: auto;
        margin-bottom: auto;
        margin-right: 25px;
        flex: 2;
    }
    .half-product-camparison-item .content-wrap .extra.content .right {
        margin-top: auto;
        margin-bottom: auto;
    }
    .half-product-camparison-item .saving-note {
        text-align: left;
        font-size: 18px;
    }
    .half-product-comparison-content .owl-theme .owl-controls .owl-buttons div {
        top: 40%;
    }
    .half-product-comparison-content .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -12px;
    }
    .half-product-comparison-content .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -16px;
    }
    .half-product-comparison-row .header-teaser .title {
        font-size: 30px;
    }

    .full-product-camparison-item .card.product .card-inner-container .content-wrap {
        width: 100%;
    }
}

@media only screen and (max-width: 619px) {
    .half-product-comparison-row .header-teaser .title {
        font-size: 24px;
    }
    .half-product-comparison-row .header-teaser .subtitle {
        font-size: 20px;
    }
    .half-product-comparison-image-hide {
        display: none;
    }
    .half-product-camparison-item {
        border: 1px solid #ccc;
        margin: 0 10px;
        padding: 5px 0;
    }
    .half-product-camparison-item .card.product {
        padding: 10px 20px;
        display: block;
        border-bottom: 0;
    }

    .half-product-camparison-item .saving-note {
        font-size: 16px;
        margin-bottom: 0;
    }
    .full-product-camparison-item .card.product {
        border-bottom: 0;
        display: block;
    }
    .half-product-camparison-item .content-wrap .extra.content .left {
        margin-right: 20px;
    }
    .half-product-camparison-item .card.product:first-child:after {
        width: 90%;
    }
    .half-product-camparison-item .content-wrap .content h6 {
        font-size: 12px;
    }
    .half-product-camparison-item .content-wrap .content h5 {
        font-size: 12px;
    }
    .half-product-camparison-item .card.product .card-inner-container .content-wrap,
    .full-product-camparison-item .card.product .card-inner-container .content-wrap {
        min-width: 140px;
    }
    .half-product-camparison-item .content-wrap .content h5 .currency {
        font-size: 16px;
    }
    .half-product-comparison-content .owl-theme .owl-controls .owl-buttons div,
    .full-product-comparison-content .owl-theme .owl-controls .owl-buttons div {
        top:44%!important;
    }
    .half-product-comparison-content .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -12px;
    }
    .half-product-comparison-content .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -16px;
    }
    .half-product-camparison-item .content-wrap .extra.content .package-info {
        line-height: 12px;
        display: inline-block;
        margin-top: 5px;
    }
    .full-product-comparison-row .header-teaser {
        margin: 0 0 25px 0;
    }
    .full-product-comparison-image {
        position: static;
    }
    .full-product-camparison-item {
        display: block;
        border: 1px solid #ccc;
        margin: 0 10px;
        padding: 5px 0;
    }
    .full-product-camparison-item .card.product {
        padding: 10px 12px;
        margin: 0;
    }
    .full-product-camparison-item .card.product:first-child {
        position: relative;
        margin: 0 0 10px 0;
    }
    .full-product-camparison-item .card.product:first-child:after {
        content: "";
        height: 1px;
        width: 94%;
        background: #ccc;
        position: absolute;
        bottom: -5px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .full-product-camparison-item .card.product:first-child:after {
        width: 90%;
    }
    .full-product-camparison-item .card.product .image {
        flex: 1;
        max-width: 80px;
        min-width: 80px;
    }
    .full-product-camparison-item .content-wrap {
        flex: 2;
        margin-left: 10px;
    }
    .full-product-camparison-item .card-inner-container {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }
    .full-product-camparison-item .content-wrap .content {
        margin-top: 0;
    }
    .full-product-camparison-item .content-wrap .extra.content {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        margin-top: 5px;
    }
    .full-product-camparison-item .content-wrap .extra.content .package-info {
        line-height: 12px;
        display: inline-block;
    }
    .full-product-camparison-item .content-wrap .extra.content .right .button span{
        display: none;
    }
    .full-product-camparison-item .content-wrap .extra.content .left {
        margin-top: auto;
        margin-bottom: auto;
        margin-right: 25px;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
    .full-product-camparison-item .content-wrap .extra.content .right {
        margin-top: auto;
        margin-bottom: auto;
    }
    .full-product-camparison-item .saving-note {
        text-align: left;
        font-size: 16px;
        margin-bottom: 0;
    }
    .full-product-comparison-content .owl-theme .owl-controls .owl-buttons div {
        top: 40%;
    }
    .full-product-comparison-row .header-teaser .title {
        font-size: 30px;
    }
    .full-product-camparison-item .content-wrap .content h5 {
        font-size: 12px;
    }
    .full-product-camparison-item .content-wrap .content h5 .currency {
        font-size: 16px;
    }
    .full-product-comparison-content .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -12px;
    }
    .full-product-comparison-content .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -16px;
    }
    .full-product-camparison-item .content-wrap .extra.content .package-info {
        line-height: 12px;
        display: inline-block;
        margin-top: 5px;
    }
    .full-product-camparison-item .content-wrap .extra.content .left {
        margin-right: 20px;
    }

}

@media only screen and (max-width: 592px) and (min-width: 590px) {
    .half-product-camparison-item .card.product:first-child:after {
        width: 93%;
    }
}

@media only screen and (max-width: 349px) and (min-width: 320px) {
    .half-product-camparison-item .card.product {
        padding: 10px 15px;
    }
    .half-product-camparison-item .card.product:first-child:after {
        width: 90%;
    }
}

.recall-detail-container {
    position: relative;
    margin-top: 30px;
    margin-bottom: 50px;
}

.recall-detail-container .recall-title-wrap {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px;
    margin-bottom: 40px;
}

.recall-detail-container .recall-title-wrap .subtitle {
    margin: 0;
    font-size: 30px;
}

.recall-detail-container .recall-title-wrap .title {
    margin: 0 0 20px;
}

.recall-detail-container .recall-detail-image {
    position: absolute;
    top: 0;
    right: 3%;
}

.recall-detail-container .social-print-links.desktop {
    justify-content: flex-end;
    position: absolute;
    right: -40px;
    top: -50px;
}

.recall-detail-container .social-print-links {
    display: flex;
    display: -webkit-flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.recall-detail-container .recall-sold-details label {
	display: block;
	margin-bottom: 15px;
}

.recall-detail-container .recall-sold-details .left-top.sold-detaisl {
	margin-right: 50px;
}


@media screen and (max-width: 1023px) {
    .recall-detail-container .recall-detail-image {
        position: static;
    }
    .recall-detail-container .recall-detail-image {
      padding: 20px;
      margin-top: 30px;
    }
    .recall-detail-container .social-print-links.desktop {
		display: block;
		right: 0;
		top: -5px;
	}
	.recall-detail-container .social-print-links.desktop li {
		display: inline-block;
	}
}


@media screen and (max-width: 618px) {
	.recall-detail-container .social-print-links.desktop {
		display: block;
	}
	.recall-detail-container .recall-title-wrap {
		padding-bottom: 0;
	}
	.recall-detail-container .recall-title-wrap .subtitle {
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.recall-detail-container .recall-title-wrap .title {
	    font-size: 32px;
	}
	.recall-detail-container .recall-sold-details label {
		margin-bottom: 10px;
	}
	.recall-detail-container .recall-sold-details .row div {
		margin-bottom: 20px;
	}
	.recall-detail-container .col-order-1 {
	    order: 2;
	}
	.recall-detail-container .col-order-2 {
	    order: 1;
	}
	.recall-detail-container .recall-detail-image {
	    padding: 0;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.recall-detail-container .recall-detail-image {
     	margin-top: 0;
  }
}

/************ Information Request *************/

#information-request-form .form-con-sec.desc-block.desc{
    padding: 0 0 40px 0;
    border-bottom: 1px solid #d3d3d3;
}

#information-request-form .form-block h3:last-child{
	margin-bottom: 10px;
}
.information-request-container .ui.form .field.phone-number{
	margin-bottom: 1em;
}

#information-request-form .form-block textarea:not([rows]){
	resize: none;
}

/*#information-request-form .form-block input{
	padding: 0.678614em 1.8em 0.67em 1em;
}*/

#information-request-form.ui.form .form-row .field:last-child{
	margin: 0 0 1em;
}

#information-request-form .form-block{
	padding-top: 40px;
	padding-bottom: 40px;
}

#information-request-form .form-block:not(:last-child){
	border-bottom: 1px solid #cccccc;
}


#information-request-form .form-block .ui.checkbox label.error:before, #information-request-form .form-block .ui.checkbox label.error:after {
	display: none;
}

/** Select styles altered for validation plugin **/

#information-request-form .form-block .ui.dropdown.selection {
    min-width: auto;
    margin-bottom: 0;
    min-height: 43px;
    max-height: 43px;
    border: none;
    padding: 0;
}

#information-request-form .form-block .field > .selection.dropdown > .dropdown.icon{
	top: 15px;
}

#information-request-form .form-block .ui.dropdown > input:not(.search):first-child, .ui.dropdown > select{
	visibility: hidden;
	position: absolute;
	display: block!important;
	z-index: 0;
}
#information-request-form.ui.form .field .ui.dropdown label.error{
	position: relative;
	left: 0;
	display: block;
}

#information-request-form .form-block .ui.dropdown > .text{
	padding: 0.75em 1em;
	position: relative;
	border: 1px solid #DEDEDE;
	border-radius: 0.28571429rem;
	width: 100%;
}

/** end of Select styles altered for validation plugin **/

#information-request-form .info-buttons-wrapper button[type="submit"]{
	margin-left: 10px;
}

.more-info h5{
	margin-bottom: 0;
}

.more-info p{
	margin-bottom: 10px;
}


@media screen and (max-width: 1024px) {
	/* Portrait and below */
	#information-request-form .form-block{
		padding-top: 20px;
		padding-bottom: 30px;
	}

	#information-request-form .form-con-sec.desc-block.desc{
	    padding: 0 0 30px 0;
	}
}

@media screen and (max-width: 619px) {
	/* Mobile and below */
	#information-request-form .info-buttons-wrapper{
		text-align: left;
	}
}
/************ Information Request *************/

#business-account-form .form-con-sec.desc-block.desc{
    padding: 0 0 40px 0;
    border-bottom: 1px solid #d3d3d3;
}
#business-account-form .form-block h3:last-child{
	margin-bottom: 10px;
}
.business-account .ui.form .field.phone-number{
	margin-bottom: 1em;
}

#business-account-form .form-block textarea:not([rows]){
	resize: none;
}

/*#business-account-form .form-block input{
	padding: 0.67em 1.8em 0.67em 1em;
}*/

#business-account-form.ui.form .form-row .field:last-child{
	margin: 0 0 1em;
	/* border: none; */
}

#business-account-form .form-block{
	padding-top: 40px;
	padding-bottom: 40px;
}

#business-account-form .form-block:not(:last-child){
	border-bottom: 1px solid #cccccc;
}

#business-account-form.ui.form .form-block .ui.dropdown.selection {
    min-width: auto;
    margin-bottom: 0;
    min-height: 43px;
    max-height: 43px;
    border: none;
    padding: 0;
}

#business-account-form.ui.form .form-block .field > .selection.dropdown > .dropdown.icon{
	top: 15px;
}

#business-account-form .form-block .send-more-info h4{
	margin-top: 10px;
}

#business-account-form .form-block .more-info h4{
	margin-bottom: 0;
}

#business-account-form .form-block .more-info.field p{
	margin-bottom: 20px;
}

#business-account-form .form-block .ui.checkbox label.error:before, #business-account-form .form-block .ui.checkbox label.error:after {
	display: none;
}

#business-account-form .form-block .ui.dropdown > input:not(.search):first-child, .ui.dropdown > select{
	visibility: hidden;
	position: absolute;
	display: block!important;
	z-index: 0;
}
#business-account-form.ui.form .field .ui.dropdown label.error{
	position: relative;
	left: 0;
	display: block;
}

#business-account-form .form-block .ui.dropdown > .text{
	padding: 0.75em 1em;
	position: relative;
	border: 1px solid #DEDEDE;
	border-radius: 0.28571429rem;
	width: 100%;
}

#business-account-form .form-block .ui.search.dropdown > input.search{
	border: 1px solid #DEDEDE!important;
}

#business-account-form .form-block .ui.search.dropdown > select.error ~ input.search{
	border: 1px solid #ee3123!important;
}

#business-account-form .form-block .ui.search.dropdown .menu{
	overflow: initial;
	max-height: 20rem;
}

#business-account-form .info-buttons-wrapper button[type="submit"]{
	margin-left: 10px;
}

@media screen and (max-width: 1024px) {
	/* Portrait and below */
	#business-account-form .form-block{
		padding-top: 20px;
		padding-bottom: 30px;
	}
	#business-account-form .form-con-sec.desc-block.desc{
	    padding: 0 0 30px 0;
	}
}

@media screen and (max-width: 619px) {
	/* Mobile and below */
	#business-account-form .info-buttons-wrapper{
		text-align: left;
	}
}
.create-login-content .password-wrapper {
    float: left;
    width: 60%;
    position: relative;
}

.create-login-content .password-wrapper i{
    top: 12px !important;
}

.create-login-content .password-wrapper input[type="password"]{
    max-width: 100%;
}
.create-login-content .password-wrapper input[type="password"]:not(.error){
    margin-bottom: 10px;
}
.create-login-content .email-field, .create-login-content .password-field{
    max-width: 60%;
}
.create-online-form-title h4{
    width: 69%;
}

#sign-up-form label.name-desc{
    color: #ccc;
    font-style: italic;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
}

#sign-up-form .ui.selection.dropdown .menu > .item{
    line-height: 1.5em;
}

#sign-up-form  .ui.selection.dropdown{
    width: 60%;
}

#sign-up-form .online-pop-info-icon{
    position: relative;
    padding: 0 5px;
    top: 3px;
    cursor: pointer;
}

#sign-up-form .online-pop-info-icon .online-pop-info{
    position: absolute;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    top: -30px;
    left: 29px;
    width: 300px;
    display: none;
    opacity: 0;
}

#sign-up-form .online-pop-info-icon.open .online-pop-info{
    opacity: 1;
    display: block;
    transition: opacity 0.1s ease-in;
}

#sign-up-form .ui.checkbox label.error:before, #sign-up-form .ui.checkbox label.error:after {
    display: none;
}

#sign-up-form .ui.checkbox {
    max-width: 125px;
}

@media screen and (max-width: 1023px) {
    .create-login-content .password-wrapper {
        width: 100%;
    }

    .create-login-content input{
        max-width: 100%;
    }

    .create-online-form-title h4{
        margin-bottom: 10px;
    }

    #sign-up-form .ui.selection.dropdown{
        width: 100%;
    }

    .create-login-content .email-field, .create-login-content .password-field{
        max-width: 100%;
    }
}

@media screen and (max-width: 619px) {
    #sign-up-form .online-pop-info-icon .online-pop-info{
        top: 32px;
        left: -90px;
        width: 310px;
    }
    .quickarrow {
        transform: rotate(90deg);
        top: -7px;
        left: 32%;
    }
}

.xdsoft_datetimepicker{background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none;}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center;padding: 1px 8px;margin-left: -8px;margin-right: -8px;border-bottom: 1px solid #d3d3d3;}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size: 18px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer;}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#184C7D;box-shadow:#2f2f2f 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;/* text-align:right */}.xdsoft_datetimepicker .xdsoft_calendar{clear:both;font-family: 'Source Sans Pro', 'Helvetica Neue', "Helvetica", "Arial", "sans-serif";}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;color:#666;font-size:12px;text-align: center;vertical-align:middle;padding: 2px;border-collapse:collapse;cursor:pointer;height:25px;/* margin: 5px; */}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background: #fff;}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color: #fff;}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#184C7D;box-shadow:#2f2f2f 0 1px 3px 0 inset;color:#fff;font-weight:700;}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#2263A0 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight: normal;text-align:center;color: #000;cursor:default;}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}

.xdsoft_datetimepicker .xdsoft_calendar td div {
    background: #f5f5f5;
}

.xdsoft_datetimepicker  .xdsoft_calendar td:hover div, .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	background: #2263A0 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today div, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default div, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div{
	background: #2263A0;
}

.xdsoft_datetimepicker .xdsoft_monthpicker:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.xdsoft_datetimepicker .xdsoft_month:hover, .xdsoft_datetimepicker .xdsoft_year:hover{
	text-decoration: none;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect, .xdsoft_select.xdsoft_yearselect{
	font-size: 16px;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{
	background: #2263a0;
}
.meals-cooking.card-boxed {
	/*min-height: 400px;*/
	padding: 2em 4em 1.25em;
	margin: 0;
}
.meals-carousel {
	margin-bottom: 40px;
}
.meals-cooking h4 {
	margin: 0;
}
.meals-cooking .meal-image {
	max-width: 100px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.meals-cooking .content-wrapper {
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
}
.meals-cooking .content {
	margin-top: 0;
	padding-right: 10px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.meals-cooking .content h4 .icon-icon-shopclub {
	font-size: 30px;
	margin: 0 5px;
}
.meals-cooking .image-promotion-content {
	padding-left: 30px;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
}
.meals-cooking .image-promotion-content-list {
	margin-bottom: 20px;
}
.meals-cooking .image-promotion-content-list li:first-child {
	border-top: 1px solid #cccccc;
}
.meals-cooking .meal-thumbnail {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.meals-cooking .meal-thumbnail .image img {
	margin: 0 auto;
}
.meals-cooking-view-btn {
	position: absolute;
	right: 0;
	bottom: 0;
}
.meal-mobile-elements{
	display: none;
}
.ui.secondary-btn.button.flip-meals > i {
  color: #2878b0;
}
.meals-carousel .owl-controls .owl-pagination{
	display: none!important;
}
.meals-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -20px;
}
.meals-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -24px;
}
.cooking-techniques-container {
	margin-top: 40px;
}
.cooking-cards {
	margin: 0 0 30px 0;
}
.recipes-wrapper {
	padding: 20px 0;
}
.meals-cooking-hero-container {
	margin: 0 0 40px;
}
.meals-cooking-hero-container .title {
	margin-top: 22px;
	margin-bottom: 18px;
}
.meals-slider-container #meals-hero-slider li{
	/*hide all slider image to avoid initial glitches*/
	display:none;
}
.meals-slider-container #meals-hero-slider li:nth-child(1){
	/*show first slider image to avoid initial glitches*/
	display:block;
}
.meals-header-teaser {
	position: relative;
}
.meals-header-teaser .view-more-meals {
	position: absolute;
	right: 0;
	bottom: 0;
}
#meals-hero-slider-wrapper{
	padding: 0 0 0 10px;
	position: relative;
}

#meals-hero-slider, #navigation-list{
	padding-left: 0;
}
#meals-hero-slider {
	position: relative;
}
#meals-hero-slider li, #navigation-list li{
	list-style: none;
	position: relative;
	outline: none;
}
#navigation-list{
	margin: 0;
}
#navigation-list li {
	height: 112px;
	padding: 15px 10px 16px;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	background: #fff;
	cursor: pointer;
	transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
}

/* two items */
#navigation-list li:first-child:nth-last-child(2),
#navigation-list li:first-child:nth-last-child(2) ~ li {
  height: 224px;
}

/* three items */
#navigation-list li:first-child:nth-last-child(3),
#navigation-list li:first-child:nth-last-child(3) ~ li {
	height: 149px;
}

#navigation-list li:last-child {
    border-bottom: 1px solid #e5e5e5;
}

#meals-hero-slider .slides {
	margin: 0;
	padding-left: 0;
}

#meals-hero-slider li .meals-desc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 20px 40px 20px 20px;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

#meals-hero-slider .meals-desc h1.title {
	width: 100%;
  padding: 10px 15px;
  margin-bottom: 0;
}

#meals-hero-slider .meals-desc h2.subtitle {
  padding: 0 1em 0 20px;
  margin: 0;
  -webkit-flex: 2;
  flex: 2;
  font-weight: normal;
}

#meals-hero-slider.owl-theme .owl-controls .owl-buttons div.owl-prev{
	left: 0;
}

#meals-hero-slider.owl-theme .owl-controls .owl-buttons div.owl-next{
	right: 0;
}

.meals-slider-container .custom-navigation {
	z-index: 10;
	display: none!important;
	position: absolute;
	top: 50%;
	margin-top: -20px;
}

.meals-slider-container .custom-navigation > span {
	font-size: 20px;
	text-align: center;
	display: block;
	margin-right: 0;
	background: rgba(0,0,0,0.60);
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 38px;
	-webkit-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.meals-slider-container .custom-navigation.left{
	left: 10px;
}
.meals-slider-container .custom-navigation.right{
	right: 0;
}

#navigation-list-wrapper{
	padding: 0 10px 0 0;
}

#navigation-list .meal-image{
	max-width: 100px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 5px;
	margin: 0 10px;
}

#navigation-list .content-wrapper{
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
	margin-left: 10px;
}

#navigation-list .title{
	margin:0;
}
#navigation-list .desc{
	margin-top:0;
}
#navigation-list li.active {
	background: #e5e5e5;
}

#navigation-list li.active:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid #e5e5e5;
	position: absolute;
	left: -15px;
	top: 40%;
}

#meals-hero-slider .progress-bar-container{
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -1px;
	background: rgba(0,0,0,0.2);
	z-index: 1;
}

#meals-hero-slider .progress-bar-container .progress-bar{
	background: #333;
	height: 100%;
	width: 0;
	float: right;
}
.recipes-container ul {
	padding-left: 0;
	margin: 10px 0 0 0;
}
.recipes-container p.tel-desktop.tel-tablet{
	margin-bottom: 0;
}
.ui.primary-btn.button.find-recipes {
  margin-top: 30px!important;
}
.recipes-container .title {
	margin-bottom: 5px;
	font-size: 36px;
	margin-top: 0;
}
.recipes-container .by-title {
	margin: 30px 0 0;
}
.recipes-container .separator {
	margin: 35px 0 14px;
}
.recipes-container ul li {
	display: inline-block;
  position: relative;
  font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: 5px;
}

.recipes-container ul li:not(:last-child):after {
	content: "|";
	position: relative;
	padding: 0 8px;
	font-weight: bold;
}

.recipes-container ul li a {
	color: #2c5ec3;
	font-weight: bold;
	position: relative;
}
.recipes-container ul li.active a:before {
	content: "";
	position: absolute;
  	width: 100%;
  	height: 5px;
  	background: #FFD200;
  	bottom: -7px;
}
.recipes-container ul li a:hover{
	color: #4183c4;
}
.recipes-container .ui.input.search{
	padding-left: 0;
}
.recipes-container .ui.input.search .icon-icon-search {
	right: 15px;
}
.browse-recipes-container p.desc {
  margin-bottom: 20px;
}
.browse-recipes-container .title {
	margin: 10px 0 15px;
}
.recipe-ordering .image-promotion {
	background: none !important;
	border: none !important;
}
.recipe-ordering .image-promotion-desc {
    padding: 10px 0;
}
.recipe-ordering h3 {
	margin-bottom: 8px;
}
.recipe-ordering p {
	margin-bottom: 15px;
}
.recipe-ordering-image {
	margin-right: 0;
}
.recipe-ordering .image-promotion-desc .title {
	margin-bottom: 0;
}
.recipe-ordering .image-promotion-desc .sub-title {
	margin: 0 0 10px;
}

/*======================*/
/* Meal beverage styles */
/*======================*/
.meals-beverage-guide-wrapper {
	margin-top: 40px;
	margin-bottom: 30px;
}
.meals-beverage-guide-container .meal-beverage-title {
	margin-top: 10px;
	margin-bottom: 8px;
}
.meals-beverage-guide-container ul.meal-beverage-list {
	padding-left: 0;
	margin: 0;
}
.meals-beverage-guide-container ul.meal-beverage-list li {
	display: inline-block;
	padding: 10px 10px 10px 0px;
	width: 50%;
	float: left;
}
.meals-cooking-technique-title {
	margin-top: 10px!important;
	margin-bottom: 15px;
}
.meals-cooking-technique-content p {
		margin-bottom: 20px;
}
#meals-hero-slider .meals-desc .content-wrapper {
	width: 100%;
}
.card.meals-cooking.card-boxed {
	padding: 2em 3em 1.25em;
}

#recipe-search-form .ui.primary-btn.button.recipe-mobile-hidden {
	margin-left: 0;
}

#recipe-search-form .field {
	margin-bottom: 0;
}

#recipe-search-form .field label.error {
	position: absolute;
}

.recipe-list-container .error {
	color: #ee3123;
	font-size: 0.9em!important;
	font-weight: normal;
	padding: 10px 0 0 0;
}

.meals-option-two-container .header-teaser .sub-title {
	margin-bottom: 20px;
}

#recipe-section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

@media only screen and (max-width: 1279px){
	#navigation-list li{
		height: 8.29vw;
	}
}

@media only screen and (max-width: 1260px){
	#navigation-list li{
		height: 8.25vw;
	}
}

@media only screen and (max-width: 1200px){
	#navigation-list-wrapper{
		display: none;
	}
}

@media only screen and (min-width: 1024px) {
	.meals-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
		left: 0;
	}
	.meals-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0;
	}
	.card.meals-cooking.card-boxed {
    padding: 2em 2.5em 1.25em;
	}
}

@media only screen and (min-width: 1280px) and (max-width: 1280px) {
		.toolbar-grid  #navigation-list .meal-image {
	    max-width: 97px;
		}

		.toolbar-grid  #meals-hero-slider .progress-bar-container {
	    bottom: -2px;
		}
		#navigation-list li {
			height: 107px;
		}
}

@media only screen and (max-width: 1024px){
	.meals-beverage-guide-container ul.meal-beverage-list li {
		padding: 10px 60px 10px 0px;
	}
	.meals-cooking .meal-thumbnail{
		margin-top: 40px;
	}
	.meals-cooking .meal-thumbnail .image {
		max-width: 318px;
		min-width: 318px;
	}
	
	.meals-cooking .meal-image{
    max-width: 80px;
	}
	.meals-cooking .content-wrapper {
		padding-left: 10px;
	}
	#navigation-list li {
		padding: 8px 10px 9px;
	}
	#meals-hero-slider li .meals-desc {
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	}
	.meals-slider-container .custom-navigation {
		display: block!important;
		top: 50%;
	}
	.meals-slider-container .custom-navigation.right {
		right: 10px;
	}
	#meals-hero-slider .meals-desc h2.subtitle {
		padding: 0 20px 0 20px;
		max-width: 58%;
	}
	#meals-hero-slider .details-btn {
		margin: 12px 20px;
    float: right;
	}
	#meals-hero-slider-wrapper {
		padding: 0;
	}
	/* two items */
	#navigation-list li:first-child:nth-last-child(2),
	#navigation-list li:first-child:nth-last-child(2) ~ li {
	  height: 194px;
	}
	/* three items */
	#navigation-list li:first-child:nth-last-child(3),
	#navigation-list li:first-child:nth-last-child(3) ~ li {
		height: 129px;
	}
	#navigation-list-wrapper{
		display: none;
	}
	#meals-hero-slider-wrapper {
		padding: 0 10px;
	}
	#meals-hero-slider .meals-desc .content-wrapper {
		width: 100%;
		display: block;
	}
}

@media only screen and (max-width: 1023px) {
	.meals-cooking.card-boxed {
		display: block;
		padding: 2em 2em 1.25em;
		margin: 0;
	}
	.meal-mobile-elements.title {
	    display: block;
	    text-align: center;
	    margin-bottom: 2em;
	}

	.meals-cooking .image-promotion-content .title {
	    display: none;
	}

	.meals-cooking .image-promotion-content {
		padding-left: 0;
	}
	.meals-carousel .owl-controls {
		position: absolute;
		width: 100%;
		top: 200px;
	}
	.meals-cooking .content-wrapper {
		padding: 0 0 0 10px;
	}
	.meals-cooking .content-wrapper .content > h4 {
		margin-top: 10px;
	}
	.meals-cooking .image-promotion-content-list li {
		padding: 10px 0;
	}
	.meals-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0;
	}
	.meals-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 0;
	}
	.meals-cooking-view-btn {
		position: static;
	}
	.ui.dropdown.simple.cooking .icon-icon-downarrow {
		display: none;
	}
	.ui.dropdown.simple.cooking .menu > a.item {
		padding: 6px 0!important;
	}
	.meals-cooking-technique-container, .meals-beverage-guide-container {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.meals-cooking-technique-img,
	.meals-beverage-guide-img {
		-webkit-flex: 2;
		-ms-flex: 2;
		flex: 2;
		margin-left: -20px;
		margin-right: -20px;
	}
	.meals-cooking-technique-content,
	.meals-beverage-guide-content {
		-webkit-flex: 2;
		-ms-flex: 2;
		flex: 2;
	}
	#meals-hero-slider li .meals-desc {
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	}
	#meals-hero-slider .meals-desc h2.subtitle {
		padding: 0 20px 0 20px;
		max-width: 100%;
	}
	#meals-hero-slider .details-btn {
		margin: 12px 20px;
    float: right;
	}
	#meals-hero-slider-wrapper {
		padding: 0;
	}
	.meals-slider-container .custom-navigation {
		display: block!important;
		top: 40%;
	}
	.meals-slider-container .custom-navigation.right {
		right: 10px;
	}
	.meals-beverage-guide-container ul.meal-beverage-list li {
		padding: 10px 60px 10px 0;
	}
	.recipe-ordering #online-ordering-container {
		padding: 0;
	}
	.recipe-ordering.image-promotion .image-promotion-image {
		margin-left: -20px;
		margin-right: -20px;
	}
	.meals-cooking-technique-container {
		display: block;
		margin-bottom: 10px;
	}
	.meals-beverage-guide-container {
		display: block;
		margin-bottom: 30px;
	}
	.online-ordering-image-container {
		padding: 0;
	}
	.online-ordering-image-container .image-promotion-image {
		margin-left: -20px;
		margin-right: -20px;
	}
	.recipe-ordering > div:first-child {
		-webkit-order: 2;
		-ms-order: 2;
		order: 2;
		padding: 0;
	}
	.recipe-ordering > div:last-child {
		-webkit-order: 1;
		-ms-order: 1;
		order: 1;
		padding: 0;
	}
	.recipe-ordering-image {
		margin-right: -20px;
		margin-left: -20px;
	}
	.browse-recipes-container .image-container {
		margin-left: -20px;
		margin-right: -20px;
	}
	.meals-header-teaser .view-more-meals {
		position: static;
	}
	.meals-slider-container {
		margin-left: -20px;
		margin-right: -20px;
	}
}


@media only screen and (min-width: 620px) and (max-width: 1023px){
	.recipes-wrapper {
		/*-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;*/
		-webkit-align-items: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
		padding: 20px 0;
	}
	.recipes-container {
		padding-bottom: 20px;
    width: 100%;
	}
	.meals-cooking .content {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.meals-cooking .meal-thumbnail{
		margin-top: 20px;
	}
}

@media only screen and (max-width: 619px) {
	.meals-cooking.card-boxed {
	    /*min-height: 420px;*/
	    padding: 0;
	}
	.meal-mobile-elements{
		display: block;
		text-align: center;
		padding: 0 1em;
	}
	.meal-mobile-elements.title{
		margin-bottom: 0;
	}
	.meals-cooking .image-promotion-content .title {
		display: block;
	}
	.meals-cooking .image-promotion-content-list li {
		padding: 0;
	}
	.meals-cooking .image-promotion-content .meal-image {
		display: none;
	}
	.meals-cooking .content-wrapper {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		padding: 10px 0;
	}
	.meals-cooking .add-to-list{
		padding: 0.8em 0em;
    font-size: 1.2em;
	}
	.meals-cooking .meal-button-extra-text {
		display: none;
	}
	.meals-cooking .image-promotion-content .ui.primary-btn.button {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	.meals-cooking .content {
		-webkit-flex: 3;
		-ms-flex: 3;
		flex: 3;
		padding-right: 10px;
	}
	.meals-cooking .content-wrapper {
		font-size: 12px;
	}
	.meals-carousel .card .package-info {
		display: block;
	}
	.meals-cooking .meal-thumbnail,
	.meals-cooking .image-promotion-content {
		width: 100%;
		padding: 1em;
		background: #fff;
		margin-top: 10px;
	}

	.meals-cooking .meal-thumbnail{
		padding: 20px;
	}


	/* owl carousel styles*/
	.meals-carousel .owl-controls {
  	top: 50px;
	}
	.meals-carousel.owl-theme .owl-controls .owl-page span {
		background: none;
		border: 1px solid #ccc;
		opacity: 1;
	}

	.meals-carousel.owl-theme .owl-controls .owl-page.active span,
	.meals-carousel.owl-theme .owl-controls.clickable .owl-page:hover span {
		background: #f7a53f;
	}
	.meals-cooking .meal-thumbnail .image {
			margin-top: 25px;
			margin-bottom: 25px;
			max-width: 250px;
			min-width: 250px;
	}
	.meals-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 1px;
	}
	.meals-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 1px;
	}

	.image-promotion-content.back .title {
		text-align: center;
    padding: 0 26px;
	}

	/*============ */
	/* Flip styles */
	/*============ */

	/* entire container, keeps perspective */
	.flip-container {
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		-ms-perspective: 1000;
		perspective: 1000;
		-ms-transform: perspective(1000px);
		-moz-transform: perspective(1000px);
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
	}

	/* flip the pane when hovered */
	.flip-container.hover .flipper {
		-webkit-transform: translateZ(0);
		-webkit-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	/* flip speed goes here */
	.flipper {
		transition: 0.6s;
		transform-style: preserve-3d;
		/*min-height: 415px;*/
		position: relative;
	}
	.flip-container.hover .flipper {
		/*min-height: 520px;*/
	}

	/* hide back of pane during swap */
	.front, .back {
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* front pane, placed above back */
	.front {
		z-index: 2;
		-webkit-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	/* back, initially hidden pane */
	.back {
		-webkit-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	.flip-container .card.meals-cooking.card-boxed {
		padding: 0;
	}
	.flip-container .meal-thumbnail.front {
		opacity: 1;
	}
	.flip-container .image-promotion-content.back {
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}
	
	.flip-container .image-promotion-content.back .not-avialable{
		display: none;
	}
	.flip-container.hover .meal-thumbnail.front {
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}
	.flip-container.hover .image-promotion-content.back {
		opacity: 1;
	}

	#meals-hero-slider li .meals-desc{
		padding: 5px;
	}
	#meals-hero-slider .meals-desc h2.subtitle{
		padding: 5px 20px;
	}
	.meals-cooking-hero-container .title {
		margin-bottom: 20px;
		font-size: 22px;
	}
	.recipes-wrapper {
    padding: 20px 0;
	}
	.recipes-container .ui.input.search {
		padding: 0;
		flex: 0 0 auto;
	}
	.recipes-container .title {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .recipes-container p{
    	margin-bottom: 20px;
    }
    .recipes-container .search-bar{
        margin-bottom: 0;   
    }
    .recipes-container .ui.input.search{
        width: 100%;
    }
	.recipe-mobile-hidden{
		display: none!important;
	}
	.recipe-ordering .image-promotion{
		padding-bottom: 20px;
	}
	.recipe-ordering .image-promotion-desc {
    	margin: 15px 0 10px;
	}
	.meals-beverage-guide-container {
		margin-bottom: 20px;
	}
	.recipe-ordering .image-promotion-desc .title{
		margin: 5px 0;
	}
	.meals-beverage-guide-container ul.meal-beverage-list li{
		padding: 0;
	    display: block;
	    width: 100%;
	    line-height: 30px;
	}
	.browse-recipes-container {
		margin-top: 30px;
		position: relative;
	}
}

@media only screen and (max-width: 450px) {
	#meals-hero-slider .meals-desc h2.subtitle {
	    padding: 5px 20px;
	    font-size: 20px;
	}
	.meals-slider-container .custom-navigation {
		top: 40%;
	}
	.meals-cooking.card-boxed {
		/*min-height: 470px;*/
	}
	.flip-container.hover .flipper {
    	/*min-height: 470px;*/
	}
}

@media (min-width: 400px) and (max-width: 420px) {
	.meals-cooking .meal-thumbnail{
		padding: 20px;
	}
	.meals-cooking .content{
		-webkit-flex: 2;
		-ms-flex: 2;
		flex: 2;
	}
	.meals-cooking.card-boxed {
		/*min-height: 470px;*/
	}
	.flip-container.hover .flipper {
    	/*min-height: 480px;*/
	}
}

@media only screen and (min-width: 361px) and (max-width: 375px) {
	.flip-container.hover .flipper {
	    /*min-height: 470px;*/
	}
	.meals-cooking.card-boxed {
    	/*min-height: 470px;*/
	}
}

@media only screen and (min-width: 340px) and (max-width: 360px) {
	.flip-container.hover .flipper {
	    /*min-height: 460px;*/
	}
	.meals-cooking.card-boxed {
    	/*min-height: 450px;*/
	}
}

@media only screen and (max-width: 339px) {
	.flip-container.hover .flipper {
	    /*min-height: 460px;*/
	}
	.meals-cooking.card-boxed {
    	/*min-height: 450px;*/
	}
}

@media only screen and (min-width : 1024px) and (max-width : 1280px) {
   #recipe-section {
       margin-left: -45vw;
    }
}
.item-note.is-editing .note-open-edit-control, .item-note .note-edit-is-open-control {display: none;}
.item-note.is-editing .note-edit-is-open-control {display: block;width: 100%;}
.item-note .note-open-edit-control {cursor: pointer;}
.item-note .notes-footer {color: #ccc;font-size: 0.625rem;font-style: italic;display: flex;justify-content: space-between;line-height: 1;margin-top: 3px;}
.item-note input.notes {outline: none;border: none;font-size: 1rem;width: 90%;background: transparent;}
.item-note span.icon-icon-closelarge { font-size: 0.5rem; position: absolute; bottom: 5px; right: -5px; }
.item-note .notes-area {position: relative;border-bottom: 1px solid #979797;background: #fff;}
.footer {
    margin: 20px 0 0;
}
.footer-nav {
    border-top: 1px solid rgba(151,151,151,0.30);
    border-bottom: 1px solid rgba(151,151,151,0.30);
    padding: 1.782em 0;
    font-size: 14px;
}
.footer-nav-links > a {
    padding: 0 3em;
    font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.2857em;
    color: #2F2F2F;
}
.footer-nav-links > a:first-child {
    padding-left: 0;
}
.footer-nav-social > a {
    padding: 0 14px;
    font-size: 20px;
    margin: 0;
    outline: none;
    color: #2F2F2F;
}
.footer-nav-social > a:last-child {
    padding-right: 0;
}
.footer-copyright {
    padding: 1.2em 0;
    font-size: 14px;
}
.footer-copyright .copyright {
    margin-bottom: 0;
    flex: 8;
}
.footer-nav-privacy {
  display: flex;
  text-align: right;
  flex: 1;
  justify-content: flex-end;
}
.footer-nav-privacy > a {
    color: #2F2F2F;
    padding: 0 1em;
    flex: 1;
    min-width: 75px;
    text-transform: uppercase;
}
.footer-nav-privacy > a:first-child {
  padding-left: 0;
}
.footer-nav-privacy > a:last-child {
  padding-right: 0;
}
.footer a:hover {
    color: #3392d7;
}
.footer a:focus {
    color: #2F2F2F;
}
.footer a.selected {
    color: #0f578a;
}


@media only screen and (max-width: 1050px) {
    .footer-nav-social > a{
        padding: 0 12px;
    }
}


@media only screen and (max-width: 910px) {
    .footer-nav-links > a{
        padding: 0 2.6em;
    }
}

@media only screen and (max-width: 850px) {
    .footer-nav-links > a {
        padding: 0 1.8em;
    }
    .footer-nav-social {
        float: right;
        margin-right: 10px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 619px) {
    .footer-nav-links > a {
        padding: 0 2.5em;
    }
    
    .footer-nav-social {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 619px) {

    .footer a:hover {
        color: #2F2F2F;
    }

    .footer-nav-links {
        float: none;
        text-align: center;
    }
    .footer-nav-privacy {
        width: 100%;
        text-align: center;
        margin: 0!important;
    }
    .footer-nav-social > a:first-child {
        padding-left: 0;
    }
    .footer-nav-links > a {
        display: block;
        font-size: 18px;
        padding: 0;
        line-height: 35px;
    }
    .footer-nav-social {
        float: none;
        margin-right: 0;
        text-align: center;
        margin-top: 20px;
    }
    .footer-nav-social > a {
        padding: 0 30px;
    }
    .footer-copyright > div {
        display: flex;
        flex-direction: column;
    }
    .footer-copyright .copyright {
        order: 2;
        font-size: 12px;
        width: 80%;
        margin: 20px 0 10px;
    }
}


@media only screen and (max-width: 400px){
    .footer-nav-social > a {
        padding: 0 20px;
    }
}


.ui-checkbox input[type='checkbox']{
  opacity:0;
  position: absolute;
}
.ui-checkbox input[type='checkbox'] ~ label{
  position: relative;
  padding-left: 5px;
  cursor: pointer;
  margin-left: 20px;
  display: inline-block;
}

.ui-checkbox label.error {
  display: block;
}

.ui-checkbox input[type='checkbox'] ~ label:not(.error):before{
  position: absolute;
  width: 20px;
  height: 20px;
  content:"";
  z-index: 10;
  left:  -20px;
  top:0;
  background: #ffffff;
  border-radius: 0.21428571rem;
  -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  border: 1px solid #d4d4d5;
  font-family: 'wegmanicons';
}

.ui-checkbox input[type='checkbox']:checked ~ label:before {
    content: '\e965';
    color: #5abc4f;
    font-size: 12px;
    padding-left: 3px;
}

.ui-checkbox input[type='checkbox']:disabled ~ label{
  cursor: auto;
  color: #000000;
}

.ui-checkbox input[type='checkbox']:disabled ~ label:before {
    background: #e1e1e1;
    content: "";
}

.ui-checkbox input[type='checkbox']:focus ~ label:before {
  border-color: #85b7d9;
}

/* This is the core CSS of Tooltipster */


/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
	z-index: 99999999!important;
}
.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}
.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
}
.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}

/* ANIMATIONS */


/* Open/close animations */


/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}
.tooltipster-fall.tooltipster-show {}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-show {}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */


/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */


/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}
.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 *
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */


/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
	background: #ffffff;
	border: 1px solid #ccc;
	border-radius: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
	line-height: 18px;
	padding: 15px;
}
.tooltipster-sidetip .icon-icon-closelarge.close.tooltip-close {
	position: relative;
	margin: 0;
	right: -10px;
	top: -8px;
	cursor: pointer;
	z-index: 2;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 12px;
	/* half the width, for centering */
	margin-left: -10px;
	top: -3px;
	width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 24px;
	margin-top: -10px;
	right: -1px;
	/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
	top: 0;
	width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 24px;
	margin-top: -10px;
	left: -2px;
	/* same as .tooltipster-left .tooltipster-arrow */
	top: 0;
	width: 12px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 11px;
	margin-left: -10px;
	width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #ffffff;
	left: 0;
	top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #ffffff;
	left: -1px;
	top: 2px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #ffffff;
	left: 1px;
	top: 2px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #ffffff;
	left: 0;
	top: 1px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 2px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #ccc;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #ccc;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #ccc;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #ccc;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}
.desktop-store-tooltipster {
	z-index: 9999999999!important;
}
.desktop-store-tooltipster .tooltipster-box {
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
@media only screen and (max-width:619px) {
	.desktop-store-tooltipster {
		min-width: 100%!important;
		max-width: 100%!important;
	}
}

.is_clickable{cursor:hand;cursor:pointer}.nstSlider{cursor:hand;cursor:pointer;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:relative;width: 70%;height:20px;}.nstSlider .leftGrip.gripHighlighted,.nstSlider .rightGrip.gripHighlighted{background:#134}.nstSlider .leftGrip,.nstSlider .rightGrip{position:absolute;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;width:20px;height:20px;background:#fff;border: 1px solid #ccc;}.nstSlider .bar{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;background: #2263a2;height:8px;top:6px;}.nstSlider .highlightPanel{-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;background:#e87722;height:20px;top:0}

/** overrides **/
.track {
    height: 8px;
    position: absolute;
    top: 6px;
    background: #ccc;
    width: 100%;
    border-radius: 3px;
}

.nstSlider .leftGrip[class^="icon-"]:before, .nstSlider .leftGrip[class*=" icon-"]:before,
.nstSlider .rightGrip[class^="icon-"]:before, .nstSlider .rightGrip[class*=" icon-"]:before{
  font-size: 10px;
  position: relative;
  left: 5px;
  top: -1px;
}
.nstSlider-wrapper .input-wrapper:not(:last-child) {
    padding: 15px 0;
}

.nstSlider-wrapper .input-wrapper  input{
	border-radius: 3px;
	border: none;
	background: transparent;
	width: 18%;
	padding: 2px 4px;
	text-align: right;
	font-weight: 600;
}
.nstSlider-wrapper .input-wrapper span{
	color: rgba(0, 0, 0, 0.87);
}

.nstSlider-wrapper .input-wrapper span.to{
  padding: 0 5px;
}

.nstSlider-wrapper{
	position: relative;
}

.nstSlider-wrapper label {
    margin-bottom: 15px;
    display: block;
    padding-left: 10px;
}

.nstSlider-wrapper .nstSlider-overlay{
	position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: transparent;
    display: none;
}

.nstSlider-wrapper.disabled .nstSlider-overlay{
	display: block;
}

.nstSlider-wrapper.disabled .bar {
	background: #ddd;
}

/** Strength indicator **/
.strength-indicator-wrapper {
    float: left;
    margin- left: 2;
    padding-left: 20px;
}

.strength-indicator{
  width: 180px;
  margin-top: 5px;
}
.strength-indicator .score{
    width: 15px;
    background: #F5F5F5;
    height: 6px;
    float: left;
    margin: 1px;
}

.strength-indicator .score.invalid.invalid-fill{
    background: #EE3123;
}
.strength-indicator .score.weak.weak-fill{
    background: #EE3123;
}
.strength-indicator .score.less-fair.less-fair-fill{
    background: #EA8D1A;
}
.strength-indicator .score.fair.fair-fill{
    background: #FFDD20;
}
.strength-indicator .score.less-good.less-good-fill{
    background: #FFDD20;
}
.strength-indicator .score.good.good-fill{
    background: #53B947;
}
.strength-indicator .score.less-strong.less-strong-fill{
    background: #53B947;
}
.strength-indicator .score.strong.strong-fill{
    background: #15620D;
}
.jq-ry-container{position:relative;padding:0 5px;line-height:0;display:block;cursor:pointer;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.jq-ry-container[readonly=readonly]{cursor:default}.jq-ry-container>.jq-ry-group-wrapper{position:relative;width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group{position:relative;line-height:0;z-index:10;white-space:nowrap}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{display:inline-block}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group{width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group{width:0;z-index:11;position:absolute;top:0;left:0;overflow:hidden}

/* site overrides */
.jq-ry-container{
	padding: 0 5px 0 0;
}
.container-full.list-meta-container {
    padding: 9px 20px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.shopping-list .shopping-list-header {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin-top: 22px;
    margin-bottom: 25px;
}

.shopping-list .shopping-list-header h1.title {
    margin: 0;
    line-height: 1;
}

.shopping-list .generic-list-actions button:first-child {
    margin-right: 15px;
}

.shopping-list .generic-list-actions .icon-icon-downarrow {
    margin-left: 15px;
    color: #000;
    display: inline-block;
    margin-right: 0;
}

.shopping-list .generic-list-actions .icon-icon-plus {
    margin-right: 10px;
    color: #000;
}

.shopping-list .list-name a.icon-icon-edit {
    font-size: 0.8125rem;
    margin-left: 10px;
}

.shopping-list h3.list-name {
    margin-bottom: 3px;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    /* max-width: 50%; */
    /* overflow: hidden; */
}

.shopping-list h3.list-name .note-text{
    word-wrap: break-word;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
}

.shopping-list ul.list-options {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 55%;
}

.shopping-list ul.list-options li {
    display: inline-block;
}

.shopping-list ul.list-options [class^="icon-"] {
    font-size: 1.5rem;
    cursor: pointer;
    position: relative;
}

.shopping-list .list-meta {
    font-size: 0.8125rem;
}

.shopping-list .product-suggestion {
    margin: 20px 0;
    width: 100%;
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px #e8e8e8 dashed;
    text-align: center;
    padding: 5px 0;
}

.shopping-list .product-suggestion-heading {
    margin-bottom: 5px;
    align-self: center;
}

.shopping-list .product-suggestion-expand {
    font-size: 0.625rem;
}

.shopping-list .product-suggestion.expand .product-suggestion-expand.icon-icon-downarrow, .shopping-list .product-suggestion .product-suggestion-expand.icon-icon-uparrow {
    display: none;
}

.shopping-list .product-suggestion.expand .product-suggestion-expand.icon-icon-uparrow, .shopping-list .product-suggestion .product-suggestion-expand.icon-icon-downarrow {
    display: block;
}

.shopping-list .product-suggestion .icon-icon-info {
    font-size: 0.8125rem;
}

.product-suggestions {
    padding: 20px 0 0 0;
    display: none;
}

/*.product-suggestion.expand .product-suggestions {height: auto;display: block;}*/
.product-suggestions .alt-item-label {
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 22px;
    width: 50px;
}

.label-organic {
    background-image: url('../../clientlibs/wegmans/clientlib.site/images/label_organic.png');
}

.label-family-pack {
    background-image: url('../../clientlibs/wegmans/clientlib.site/images/label_family_pack.png');
}

.product-suggestions .product-suggestions-action-bar {
    text-align: right;
    margin: 20px 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: flex-end;
    align-items: center;
    -webkit-align-items: center;
}

.product-suggestions .product-suggestions-action-bar .primary-btn {
    margin-left: 10px;
}

.product-suggestions .product-suggestions-action-bar a {
    font-size: 0.8125rem;
}

.product-suggestion-mobile {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.product-suggestion-mobile h4 {
    margin: 0;
}

.product-suggestion-mobile {
    margin: 20px 0;
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px dashed #e8e8e8;
    padding: 20px 0;
}

.shopping-list-area ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.shopping-list-area h3.list-title {
    margin: 40px 0 -5px 0;
}

.shopping-list-area h3.list-title:first-child {
    margin-top: 20px;
}

.shopping-list-area h3.list-title .icon-icon-info {
    font-size: 1.25rem;
    margin-left: 10px;
}

.shopping-list .shopping-list-area ul.main-list > li:first-child {
    margin-top: 16px;
    border-top: 1px solid #a7a7a7;
}

.shopping-list .shopping-list-area ul.main-list > li {
    padding: 20px 0;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.shopping-list-area ul.main-list:last-of-type li:last-child {
    border-bottom: 0;
}

/*Shopping List Card*/
.shopping-list-item-card {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    position: relative;
    box-sizing: border-box;
    padding: 0 20px 0 0;
}

.shopping-list-item-card .item-qty-stepper {
    width: 120px;
    text-align: center;
    min-width: 100px;
}

 .shopping-list .shopping-list-area ul.main-list > li .info-warning {
    color: #EE3123;
    font-size: 0.8175rem;
    text-align: center;
    position: absolute;
    bottom: 15px;
}

.shopping-list-item-card .item-image {
    width: 120px;
    margin: 0 20px;
    cursor: pointer;
}

.shopping-list-item-card h6.item-brand {
    margin: 0;
}

.shopping-list-item-card h5.item-name {
    margin: 0;
    cursor: pointer;
}

.shopping-list-item-card h5.item-name a{
    color: #000;
}

.shopping-list-item-card h5.item-name a:hover{
    color: #3392d7
}

.shopping-list-item-card .item-info {
    color: #818181;
    font-size: 0.8125rem;
    line-height: 1.375rem;
    margin-top: 2px;
}

.shopping-list-item-card .item-note {
    margin-top: 16px;
}

.item-price {
    margin: 0;
    display: inline-block;
    vertical-align: top;
    min-width: 100px;
}

.item-price .no-price {
    display: none;
    color: #bfbfbf;
}

.item-price.not-available .no-price {
    display: block;
    width: 30px;
}

.item-price.not-available .currency {
    display: none;
}

.shopping-list-item-card .item-detail {
    margin-right: auto;
    position: relative;
    width: 32%;
}

.shopping-list-item-card .item-cost {
    margin-left: 30px;
    white-space: nowrap;
}

.shopping-list-item-card .item-actions {
    color: #2263A0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
    width: 65px;
    box-sizing: border-box;
    align-self: flex-start;
}

.shopping-list-item-card .item-actions .icon-icon-trash{
    cursor: pointer;
}

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

.loyalty-tags .loyalty-tag {
    font-size: 2.5rem;
}

.shopping-list-item-card .span.arrow {
    margin-left: 15px;
    color: #000;
}

.shopping-list .card.product {
    padding: 0;
}

.card.product .alternative-item {
    padding: 1em;
    border: 1px solid #ccc;
    width: 180px;
    margin: 0 auto;
}

.card.product .alternative-item.selected {
    border: 1px solid #2f2f2f;
}

.alternative-item a.image {
    height: 100px;
    width: 100px;
}

.alternative-item h6.brand-label {
    font-size: 0.75rem;
}

.alternative-item h5.price {
    font-size: 1rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    line-height: 1.375rem;
}

.alternative-item .extra.content {
    margin-top: 2px;
}

.item-alternatives {
    margin-top: 15px;
    border-top: 1px solid #ccc;
    padding: 20px 0 0 0;
}

.item-alternatives .owl-item {
    /* width: 200px !important; */
}

.item-alternatives .alt-item-label {
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 22px;
    width: 50px;
}

.item-alternatives .alt-item-label.label-organic {
    background-image: url('../../clientlibs/wegmans/clientlib.site/images/label_organic.png');
}

.item-alternatives .alt-item-label.label-family-pack {
    background-image: url('../../clientlibs/wegmans/clientlib.site/images/label_family_pack.png');
}

.item-alternatives .item-alternatives-action-bar {
    text-align: right;
    margin: 20px 0 0 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: flex-end;
    align-items: center;
    -webkit-align-items: center;
}

.item-alternatives .item-alternatives-action-bar .secondary-btn {
    margin: 0 10px;
}

.item-alternatives .item-alternatives-action-bar a {
    font-size: 0.8125rem;
}

.item-variant-container {
    background: rgba(238,238,238,0.5);
    margin-top: 5px;
}

.item-variant-container .item-variant div {
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 22px;
    min-width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

ul.item-list-variant {
    padding: 2px;
    text-align: right;
    font-size: 0.8125rem;
}

.item-list-variant li {
    padding: 10px;
    margin: 0 10px 0 0 ;
    display: inline-block;
    border: 1px dashed #e9e9e9;
    background: #fff;
}

.shopping-list-area .list-total {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    background: #2f2f2f;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 8px;
}

.shopping-list-area .list-total h3 {
    margin: 0;
}


.dagger{
    vertical-align: super;
    font-size: 14px;
    position: relative;
    bottom: 5px;
    font-weight: normal;
    right: 2px;
}

.shopping-list-area p.tnc {
    color: #2f2f2f;
    font-size: 0.8175rem;
    margin-top: 20px;
    line-height: 1rem;
    margin-bottom: 30px;
}

.view-alternatives {
    text-align: right;
    font-size: 0.8125rem;
    padding: 0 20px;
    cursor: pointer;
}

.view-alternatives .arrow {
    color: #000;
    margin-left: 15px;
}

.view-alternatives.expand .icon-icon-downarrow, .view-alternatives .icon-icon-uparrow {
    display: none;
}

.view-alternatives .icon-icon-downarrow, .view-alternatives.expand .icon-icon-uparrow {
    display: inline-block;
}

.widget {
    border: 1px solid #ccc;
    margin: 0 0 20px 0;
}

.widget-list-notes {
    padding: 10px 30px 10px;
}

.widget-list-notes h4{
    margin-bottom: 0;
}

.widget-list-notes .areacount{
    position: static;
}

.widget-list-notes .hidden{
    display: none;
}

.widget-list-notes.show-desktop.no-margin-top{
    margin-top: 0;
}

.right-pane .widget-personal-shopping {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 18px 20px;
    box-sizing: border-box;
    background: #F1F1F1;
    position: relative;
    margin-bottom: 20px;
}

.right-pane .widget-personal-shopping.hidden{
    display: none;
}

.right-pane .personal-shopping-icon {
    width: 36px;
    height: 46px;
}

.right-pane .widget-personal-shopping h5 {
    width: 30%;
    margin: 0 auto 0 0;
}

.right-pane .notes-area {
    position: relative;
    border-bottom: 1px solid #979797;
    /* padding-bottom: 15px; */
    margin-bottom: 5px;
    margin-top: 20px;
}

.right-pane span.icon-icon-closelarge {
    position: absolute;
    right: -2px;
    bottom: 8px;
    font-size: 0.625rem;
}

.right-pane textarea.notes {
    border: 0;
    width: 95%;
    outline: none;
}

.right-pane .notes-footer {
    color: #ccc;
    font-size: 0.625rem;
    font-style: italic;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.shopping-list .right-pane .widget-promo {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    border: none;
}

.shopping-list .right-pane .widget-promo .promotion-image{
    max-width: 380px;
    height: 100%;
    min-height: 100px;
    background: #f9f9f9;
    color: #979797;
    cursor: pointer;
    border: 1px solid #ccc;
}

.right-pane .widget-recipe-suggestions h4 {
    text-align: center;
    width: 100%;
}

.right-pane .widget.widget-recipe-suggestions {
    padding: 24px 20px;
}

.right-pane .widget-recipe-suggestions p {
    text-align: center;
}

.right-pane ul.list-recipe {
    list-style: none;
    padding: 0;
    margin-top: 40px;
}

.right-pane .list-recipe li {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 10px;
}

.right-pane img.img-recipe {
    margin-right: 20px;
    width: 80px;
}

.right-pane h5.recipe-name {
    margin: 0;
}

/* Modals */
ul.list-of-lists {
    list-style: none;
    padding: 15px;
    margin: 0 0 60px 0;
}

.list-of-lists li {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    border-bottom: 1px solid #a7a7a7;
    padding: 15px 0;
    align-items: flex-start;
    color: #2f2f2f;
    position: relative;
}

.list-of-lists .icon-icon-tick, .modal-store-list .icon-icon-tick{
    padding: 0.715em 1em;
    font-size: 25px;
    color: #41980c
}

#changeListModal h3 {
    margin: 0;
}

.list-of-lists li h5 {
    margin: 0;
    white-space: nowrap;
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
}

ul.list-of-lists label.last-modified {
    margin-top: 25px;
}

.list-of-lists label {
    display: block;
    font-size: 0.8125rem;
}

/*.modal .content .modal-btn.ui.button.secondary-btn {
    color: #000;
    border-color: #2f2f2f;
}*/

#createNewListModal label {
    font-size: 13px;
    font-weight: normal;
}
#createNewListModal .ui.form .field input ~ i{
    top: 10px;
}

.create-list {
    margin: 130px 0 50px 0;
}

.modal-footer {
    width: 100%;
    text-align: right;
    margin-top: 35px;
}


.modal-footer .modal-btn:last-child {
    margin-left: 10px;
}

.list-meta-container .item-note {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.list-meta-container .is-editing h3.list-name {
    display: none;
}

.list-meta {
    width: 100%;
}

.list-meta-container .note-edit-is-open-control {
    position: absolute;
}

.list-meta-container .is-editing .list-meta-time {
    margin-top: 45px;
}

.list-meta-container .item-note.is-editing .note-edit-is-open-control {
    width: calc(100% - 40px);
}

.list-meta-container .item-note .notes-area {
    background: transparent;
}

.show-desktop .is-editing ul.list-options {
    align-self: flex-end;
    width: 90%;
}

.summary-logo img {
    width: 75px;
}

.summary-list-meta {
    font-size: 0.5rem;
}

h6.summary-about.no-header-margin {
    font-size: 0.625rem;
    margin-top: 5px;
}

span.summary-store-name {
    font-size: 0.75rem;
}

.summary-total {
    background: #2f2f2f;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    color: #fff;
    padding: 5px 10px;
    margin-top: 5px;
}

.summary-list-notes {
    font-size: 0.75rem;
    margin: 10px 0;
}

footer i.icon-icon-shopclub {
    font-size: 1rem;
}

footer.summary-footer {
    font-size: 0.5rem;
}

h6.no-header-margin.summary-category-list-title {
    font-size: 0.625rem;
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
}

ul.summary-category-list {
    padding: 0;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

li.summary-list-item {
    display: inline-block;
    width: 49%;
}

.summary-item {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.summary-item-image img {
    height: 60px;
    width: auto;
}

.summary-item-desc {
    font-size: 0.625rem;
    color: #818181;
}

.summary-item-detail {
    align-self: flex-start;
}

.item-detail .item-note span.note-text {
    max-width: 145px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

/*tooltips*/
.shopping-list .js-show-quickview-options .online-pop-info {
    position: absolute;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 300px;
    display: none;
    opacity: 0;
}

.shopping-list .js-show-quickview-options.open .online-pop-info {
    opacity: 1;
    display: block;
    transition: opacity 0.1s ease-in;
}

.shopping-list ul.mobile-quickview-options-list {
    padding: 0;
}

.shopping-list ul.mobile-quickview-options-list li {
    display: block;
    border-bottom: 1px solid #a7a7a7;
    text-align: center;
    padding: 15px;
    width: calc(100% - 25px);
}

.shopping-list ul.mobile-quickview-options-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.shopping-list ul.mobile-quickview-options-list li:first-child {
    padding-top: 0;
}

/*Generic*/
.semi-bold {
    font-weight: 600;
}

.invisible {
    visibility: hidden;
}

.no-header-margin {
    margin: 0;
}

.shopping-list a {
    cursor: pointer;
}

@media only screen and (max-width: 1280px) {

    .shopping-list ul.list-options {
        width: 45%;
    }
}

@media only screen and (max-width: 1024px) {
    .shopping-list .right-pane .widget-promo .promotion-image{
        max-width: 280px;
        height: 100%;
    }

    .shopping-list ul.list-options {
        width: 60%;
    }
}

@media only screen and (max-width: 1023px) {
    .shopping-list .right-pane .widget-promo{
        display: none!important;
    }

    .shopping-list .show-mobile {
        display: none !important;
    }

    .shopping-list .list-notes-tablet{
        display: block !important;
    }
}

/*Tablet*/
@media only screen and (max-width: 920px) {    

    .list-notes-tablet {
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        padding: 20px 20px 15px;
        flex-direction: column;
        align-items: stretch;
    }

    .list-notes-tablet h4 {
        margin: 0;
    }

    .list-notes-tablet .notes-area{
        position: relative;
    }

    .list-notes-tablet .notes-area .notes{
        width: 100%;
        height: 60px;
        margin-top: 10px;
    }

    .list-notes-tablet .notes-area .icon-icon-closelarge {
        position: absolute;
        bottom: 10px;
        right: 0;
    }

    .list-notes-tablet .notes-footer{
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        color: #b1b1b1;
    }

    .shopping-list-item-card .item-image {
        width: 90px;
    }

    .shopping-list .shopping-list-area ul.main-list > li {
        padding: 8px 0;
    }

    .right-pane .widget-personal-shopping {
        background: transparent;
        border: 1px solid #ccc;
    }

     .shopping-list .shopping-list-area ul.main-list > li .info-warning{
       bottom: 5px;
    }

}

/*Desktop*/
@media only screen and (min-width: 920px) {
    .shopping-list .show-tablet, .shopping-list .show-mobile {
        display: none !important;
    }

    .shopping-list .show-desktop {
        display: block !important;
    }

    .container-full.list-meta-container.show-tablet.show-desktop {
        display: flex !important;
    }
}

/*Mobile*/
@media only screen and (max-width: 619px) {
    .shopping-list {
        font-size: 90%;
    }

    .shopping-list .show-desktop, .shopping-list .show-tablet {
        display: none !important;
    }

    .shopping-list .show-mobile {
        display: -webkit-flex !important;
        display: flex !important;
    }

    .shopping-list-item-card .item-image {
        min-width: 70px;
        max-width: 70px;
        margin: 0 5px;
        padding: 5px;
    }

    .shopping-list-item-card .item-cost {
        display: none;
    }

    .shopping-list-item-card .item-actions {
        position: absolute;
        top: 0;
        right: -5px;
        width: auto;
    }

    .item-cost.show-mobile {
        justify-content: flex-end;
        align-items: center;
        -webkit-align-items: center;
    }

    .list-of-lists li {
        align-items: flex-end;
    }

    .list-of-lists li h5 {
        width: 100%;
    }

    .view-alternatives {
        padding: 0;
    }

    .shopping-list-item-card .item-qty-stepper{
      width: auto;
      min-width: 80px;
    }

    .shopping-list .shopping-list-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .shopping-list .shopping-list-header h1.title {
        margin-bottom: 30px;
    }

    .item-variant label {
        display: none;
    }

    .shopping-list ul.list-options [class^="icon-"] {
        font-size: 1rem;
    }

    .shopping-list ul.list-options .icon-icon-mail{
        margin-left: 5px;
    }

    .shopping-list ul.list-options {
        width: 20%;
    }

    .shopping-list .is-editing ul.list-options {
        align-self: flex-end;
    }

    .shopping-list .container-full.list-meta-container.show-mobile {
        margin: 0 -20px;
    }

    .shopping-list .icon-icon-edit .quickarrow {
        right: 21px;
        left: auto;
    }

    .shopping-list .cta {
        position: relative;
    }

    .shopping-list .cta .quickarrow {
        right: 21px;
        left: auto;
    }

    .shopping-list .icon-icon-edit.js-show-quickview-options .online-pop-info {
        top: 35px;
        right: -15px;
    }

    .shopping-list .cta.js-show-quickview-options .online-pop-info {
        top: 35px;
        right: -15px;
    }

    .shopping-list .item-alternatives .item-alternatives-action-bar {
        flex-direction: column;
        align-items: stretch;
        align-content: space-between;
        text-align: center;
        margin: 5px 0;
    }

    .shopping-list .item-alternatives .item-alternatives-action-bar * {
        width: 100%;
        margin: 5px 0;
    }

    .shopping-list .card.product {
        border-bottom: none;
    }
}

@media only screen and (min-width: 620px) and (max-width: 1024px) {

    .shopping-list .show-tablet {
        display: block !important;
    }

}

@media only screen and (max-width: 619px) {
    .shopping-list .shopping-list-area{
      padding: 0 1rem;
    }
    .shopping-list-item-card .item-detail{
        width: auto;
    }
}

@media only screen and (max-width: 360px) {

    .shopping-list .shopping-list-area{
      padding: 0;
    }
}

@media print {
    body {
        -webkit-print-color-adjust: exact;
    }

    .print-logo-wrapper .navbar-brand{
        width: 63px;
    }

    .shopping-list-area{
        margin-top: 8px;
    }
    .shopping-list-area ul {
        overflow: hidden;
        padding-bottom: 10px;
    }

    .shopping-list-area ul li {
        width: 50%;
        display:inline-block;
        padding: 5px 0 0;
    }
    .shopping-list-area ul li:nth-child(odd) {
        clear: left;
    }
    .shopping-list-area ul li:nth-child(even) {
        clear: right;
    }
    .shopping-list-area ul li .item-qty-stepper .spinner .add,
    .shopping-list-area ul li .item-cost,
    .shopping-list-area ul li .item-actions,
    .shopping-list-area ul li .view-alternatives,
    .shopping-list-area ul li .item-alternatives,
    .shopping-list-area ul li .item-variant-container,
    .shopping-list-area .list-title .icon-icon-info,
    .shopping-list-area .list-total,
    .shopping-list-area .tnc{
        display: none;
    }
    .shopping-list-area ul li .item-qty-stepper .spinner .sub:before {
        content: "";
    }
    .shopping-list .shopping-list-area ul.main-list> li:first-child {
        margin-top: 0;
        border-top: 0;
    }
    .shopping-list-area ul li .item-note {
        background-color: #ccc;
        font-size: 10px;
        color: #fff;
    }
    .shopping-list-area ul li .item-note .note-open-edit-control .note-text1,
    .shopping-list-area ul li .item-note .note-text {
        color: #fff;
        font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: 600;
        padding: 2px;
        display: inline-block;
        max-width: 100%;
    }
    .shopping-list-area h3.list-title {
        font-size: 13px;
        border-top: 1px solid #979797;
        border-bottom: 1px solid #979797;
        margin: 0;
    }
    .shopping-list-item-card {
        align-items: flex-start;
        -webkit-align-items: flex-start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .shopping-list-item-card .item-image {
        width: 45px;
        min-width: 45px;
        margin: 5px 15px 0 7px;
    }
    .shopping-list-item-card .item-image a {
        width: 100%;
        display: block;
    }
    .shopping-list-item-card .item-qty-stepper {
        min-width: 70px;
        width: 70px;
        padding-top: 10px;
        margin-left: 5px;
        margin-right: 0px;
    }
    .shopping-list-item-card .item-detail {
        width: auto;
        padding-top: 5px;
        max-width: 78%;
        margin-right: 0;
    }

    .shopping-list-area ul li.no-image .shopping-list-item-card .item-detail{
         max-width: 90%;
    }

    .shopping-list-item-card .item-detail h6.item-brand {
        color: #000;
        height: 10px;
        font-size: 12px;
        display: inline;
    }
    .shopping-list-item-card .item-detail h5.item-name {
        color: #000;
        height: 10px;
        font-size: 12px;
        display: inline;
    }

    .shopping-list-item-card .item-detail h5.item-info {
        font-size: 10px;
    }

    .shopping-list-area ul li .item-qty-stepper .spinner-input {
        border: none;
        font-size: 32px;
        width: 34px;
        font-weight: 600;
        margin-top: -8px;
    }
    .shopping-list-area ul li .item-qty-stepper .spinner .sub {
        border: 1px #979797 solid;
        width: 20px;
        height: 20px;
    }
    .shopping-list-area ul li.not-available, .shopping-list-area ul li.not-available .shopping-list-item-card h5.item-name a,
    .shopping-list-area ul li.not-available .shopping-list-item-card h6.item-brand {
        color: #2f2f2f;
    }
    
    .shopping-list-area ul li.not-available .info-warning {
        color: #2f2f2f;
        font-style: italic;
    }
    
    .shopping-list-area ul li.not-available .info-warning {
        left: 140px;
        top: auto;
        bottom: -1px;
        font-style: italic;
        position: relative;
    }

    .shopping-list-area ul li.not-available.no-image .info-warning{
        left: 90px;
        top: 5px;
    }

    .shopping-list-area ul li.not-available .item-info{
        display: none;
    }

    .print-title-shopping {
        padding: 0;
        margin: 0;
        font-size: 30px;
    }
    .print-date-time {
        margin-bottom: 10px;
        font-style: normal;
        font-size: 10px;
    }
    .print-subtitle {
        font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #000;
        font-size: 13px;
        margin-bottom: 5px;
    }
    .print-store {
        font-size: 18px;
    }
    .print-total {
        font-size: 22px;
        font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: bold;
        background-color: #ccc;
        color: #fff;
        margin-bottom: 10px;
    }
 
    .print-total .product{
        margin: 5px;
    }

    .print-total .price{
        margin-right: 8px;
    }
    .print-notes {
        margin: 2px 0 -10px;
        font-size: 12px;
    }
    .print-footer {
        font-size: 14px;
    	display:block; 
    	width:100%;
    }
    
  }

}


.dw-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: none;
}
.dw-loading:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.dw-loading.dw-loading-active {
    display: block;
}
.dw-loading.dw-loading-overlay {
    background-color: rgba(255, 255, 255, .7);
    z-index: 9999;
}
.dw-loading > .dw-loading-body {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.dw-loading > .dw-loading-body > .dw-loading-spinner {
    position: relative;
}
.dw-loading > .dw-loading-body > .dw-loading-text {
    position: relative;
    top: 25px;
    font-weight: bold;
    font-size: 11px;
    text-shadow: 0 0 2px rgb(255, 255, 255);
}

/* Author: Utpal Paul
 * File: Section Navigation
 * Date: 01/08/2016
 */
.ui.section-navigation.secondary.pointing.menu.responsive {
  position: relative;
}
.ui.section-navigation.secondary.pointing.menu.responsive .dropdown .item:after,
.ui.section-navigation.secondary.pointing.menu.responsive .dropdown .item:before {
  content: ""!important;
}
.ui.section-navigation.secondary.pointing.menu.responsive .dropdown {
  position: absolute;
  background: #fff;
  right: -50px;
  top: 50px;
  display: none;
  z-index: 99999999;
  padding: 0;
  list-style: none;
  min-width: 150px;
  border: 1px solid rgba(204, 204, 204, 0.6);
}
.ui.section-navigation.secondary.pointing.menu.responsive .dropdown:before {
  content: '';
  display: block !important;
  position: absolute;
  top: -11px;
  right: 50%;
  margin-right: -9px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid rgba(105, 105, 105, 0.30);
}
.ui.section-navigation.secondary.pointing.menu.responsive .dropdown:after {
  content: '';
  display: block !important;
  position: absolute;
  top: -10px;
  right: 50%;
  margin-right: -9px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #fff;
}
.ui.section-navigation.secondary.pointing.menu.responsive .dropdown.open {
  display: block;
}
.ui.section-navigation.secondary.pointing.menu.responsive .dropdown .item {
  text-align: left;
  min-width: 100%;
  flex-basis: 100%;
  max-width: 100%;
  padding: 15px 15px;
}
.ui.section-navigation.secondary.pointing.menu.responsive .dropdown > .item > a {
  font-family: 'Archivo Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: #cccccc!important;
  font-weight: 700;
  text-transform: uppercase;
}
.ui.section-navigation.secondary.pointing.menu.responsive .dropdown > .item.active > a {
  font-weight: 700;
  color: #2f2f2f!important;
}

.ui.section-navigation.secondary.pointing.menu.responsive > .item.droparrow a:after {
  font-family: 'wegmanicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e948";
  margin-left: 5px;
  font-size: 12px;
}

@media only screen and (max-width: 619px){
  .ui.section-navigation.secondary.pointing.menu.responsive .dropdown{
    right: 0;
    left: auto;
  }
}

.wm-loader-parent {
	position: relative;
}
.wm-loader {
	position: absolute;
}
add-to-list-directive .wm-loader {
	left: 33px;
	top: -30px;
}
@media only screen and (min-width: 620px) and (max-width: 768px) {
	add-to-list-directive .wm-loader {
		left: 35px;
		top: -29px;
	}
}
@media only screen and (max-width: 619px) {
	add-to-list-directive .wm-loader {
		left: 14px;
		top: -32px;
	}
}
.wm-loader img {
	height: 30px;
	width: 30px
}

.cart-price .wm-loader {
    margin-left: -10px;
    top: 0px;
    left: 5px;
}

.cart-price img {
    height: 15px;
    width: 15px;
	margin-left: 10px;
}

.toolbar-cart-price img {
    height: 18px;
    width: 18px;
}

.toolbar-cart-price.wm-loader-parent {
    margin-right: 40px;
}
.container-full.list-meta-container{
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;   
    flex-wrap: wrap;
}
.listcart{
margin-top:5px;
cursor:pointer;
}
.grey-listcart-container{
width:100%
}
.grey-listcart
{
    width: 250px;
    height: 36px;
    float: right;
    margin-top: 0px;
    cursor:pointer;
}
.grey-listcart-mobile-container{
width:100%
}
.grey-listcart-mobile{
    height: 36px;
    width: 264px;
    margin: auto;
    margin-top: 10px;
    cursor:pointer;
}
.my-listcart .my-listcart-img{
    width: 318px;
    height: 44px;
    margin: auto;
    margin-top: 15px;
    cursor:pointer;
}
@media only screen and (max-width: 1024px) and (min-width: 620px){
.shopping-list .show-tablet {
    display: -webkit-box !important; 
    display: -moz-box  !important; 
    display: -ms-flexbox !important; 
    display: -webkit-flex !important; 
    display: flex !important; 
}
        }
@media only screen and (max-width: 480px){
.my-listcart .my-listcart-img{
    width: 100%;
    height: auto;
    margin: auto;
    margin-top: 15px;
    cursor:pointer;
}
.grey-listcart
{
    width: 100%;
    height: auto;
    margin: 10px 0px;
}
        } 
@media only screen and (min-width: 480px) and (max-width: 992px){
.grey-listcart
{
    width: 250px;
    height: 36px;
}
        }                  
.transferList.modal{
    padding: 0px;
    background-color: transparent;
    border: 0px solid transparent;
}
.transferList .content-wrapper
{
    -webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
    padding: 40px 115px 35px 115px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.2);
    margin: auto;
}
.transferList .wrapper .content-wrapper .listLoader{
  display: block;
}
.transferList .wrapper .content-wrapper h2{
    font-family: Archivo Narrow,sans-serif !important;
    font-size: 24px;
    text-align: center;
    color: #000000;
    font-weight: 100;
}
.transferList .wrapper .content-wrapper .description{
    font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
}
.transferList .wrapper .content-wrapper .action{
	display: -webkit-box;     
  	display: -moz-box;         
  	display: -ms-flexbox;     
  	display: -webkit-flex;   
  	display: flex;
}
.transferList .wrapper .content-wrapper .action .btn{
	height: 44px;
    border-radius: 4px;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    -webkit-box-flex: 1;  
  	-moz-box-flex: 1;       
  	-webkit-flex: 1;        
  	-ms-flex: 1;        
  	flex: 1; 
    -webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
    padding: 10px 0px;
    cursor: pointer;
}
.transferList .wrapper .content-wrapper .action .cancelAction{
	border: solid 1px #cccccc;
    margin-right: 10px !important;
    background-color: #ffffff;
    color: #000000;
}
.transferList .wrapper .content-wrapper .action .continueAction{
	background-color: #2063a0;
	color: #ffffff;
}
div.custombox-modal-wrapper[data-custombox*="full-modal"] .action .btn{
    height: 44px;
    border-radius: 4px;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px;
    cursor: pointer;
}
div.custombox-modal-wrapper[data-custombox*="full-modal"] .transferList .wrapper .action .cancelAction{
    border: solid 1px #cccccc;
    margin-right: 10px !important;
    background-color: #ffffff;
    color: #000000;
}
div.custombox-modal-wrapper[data-custombox*="full-modal"] .transferList .wrapper .action .continueAction{
    background-color: #2063a0;
    color: #ffffff;
}
.transferList .wrapper .content-wrapper #private_share_id
{
    height: 100%;
    width: 266px;
    margin: auto;
}
.transferList .wrapper .description.padding-bottom-zero{
padding-bottom:0px;
}
.img-logo img{
 width:125px;
 margin:0 auto;
}
.img-banner{
margin: -40px -115px 20px -115px;
}
.img-banner img{
height: 200px;
}
 #firstTimeModal.transferList.modal{
margin-top:10px
}
#firstTimeModal.transferList.modal .img-header{
    padding: 0;
    margin: 0px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: -5px;
}
#firstTimeModal.transferList.modal .description img{
width:20px;
    display:inline-block;
}
#firstTimeModal.transferList .wrapper .content-wrapper h2{
	font-weight:bold;
}
.transferList .wrapper .content-wrapper .description .displayinline{
display:inline;
}
#firstTimeModal.transferList .wrapper .description{
    text-align:left;
    padding-bottom:15px;
}

@media only screen and (min-width: 480px) and (max-width: 992px) {
    .transferList .content-wrapper
	{
	width: 465px;
	padding: 40px 39px 34px 39px;
    }
    .img-banner{
    margin: -40px -39px 20px -39px;
    }
    .transferList .wrapper .description{
      text-align: center;
      padding-bottom: 30px;
      margin: 0px;
    }
	.transferList .wrapper .content-wrapper h2{
      margin: 0px;
      padding: 20px 0px;
	}
    .transferList.modal{
    margin: auto;
	margin-top:207px
	}
	.transferList .wrapper .content-wrapper .action .btn{
    margin:0px;
    }
}
@media only screen and (max-width: 480px) {
    .transferList .container{
    padding:0px 10px;
	}
    .transferList .content-wrapper
	{
	width: 100%;
	padding: 40px 18px 10px 18px;
    }
    .img-banner{
    margin: -40px -18px 20px -18px;
    }
    .transferList .wrapper .content-wrapper h2{
      margin: 0px;
      padding: 20px 0px;
	}
    .transferList .wrapper .description{
      text-align: left;
      padding-bottom: 23px;
      margin: 0px;
    }
    .transferList.modal{
    margin: auto;
	margin-top:80px
	}
    .transferList .wrapper .content-wrapper .action .btn{
    margin:0px;
    }
    #firstTimeModal.transferList .wrapper .content-wrapper .action .btn{
    margin-bottom:16px;
    }
}


@media only screen and (min-width: 992px) {
   .transferList .content-wrapper
	{
	width: 620px;
    }
    .transferList .wrapper .content-wrapper h2{
      margin: 0px;
      padding: 20px 0px;
	}
    .transferList .wrapper .description{
      text-align: center;
      padding-bottom: 30px;
      margin: 0px;
    }
    .transferList.modal{
    margin: auto;
	margin-top:150px
	}
    .transferList .wrapper .content-wrapper .action .btn{
    margin:0px;
    }
}

.transferList .wrapper .content-wrapper h2.padding-bottm-zero {
    padding-bottom: 0;
}
.not-avail-description{
    font-family: Archivo Narrow,sans-serif;
    text-align: center;
    color: #ee3123;
}
.unavailable-item-container{
    max-height: 100px;
    overflow-y: auto;
    margin-bottom: 25px;
}
.unavailable-item-container .each-product{
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0px;
}
.unavailable-item-container .each-product .not-available-icon{
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.unavailable-item-container .each-product .not-available-icon .red-not-available{
    width: 20px;
    height: 20px;
    background: red;
    border-radius: 20px;
}
.unavailable-item-container .each-product .each-card-product-image{
    width: 75px;
    display: flex;
    margin: 0 20px;
    align-items: center;
    height: 75px;
}
.unavailable-item-container .each-product .each-card-product-image img{
    width: 75px;
    height: auto;
}
.unavailable-item-container .each-product .each-product-card{
    flex: 1;
    padding: 0px;
}
.unavailable-item-container .each-product .each-product-card p{
    margin: 0px;
}
.unavailable-item-container .each-product .each-product-card .product-brand{
    color: #818181;
    font-size: 12px;
}
.unavailable-item-container .each-product .each-product-card .product-title{
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.unavailable-item-container .each-product .each-product-card .product-price-quantity{
    display: block;
    padding-top: 15px;
}
.unavailable-item-container .each-product .each-product-card .product-price-quantity .price{
    display: inline-block;
    font-size: 13px;
    color: #000;
}
.unavailable-item-container .each-product .each-product-card .product-price-quantity .quantity{
    display: inline-block;
    color: #818181;
    font-size: 12px;
}

div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal-container,div.custombox-modal-wrapper[data-custombox*="modal-center"] .custombox-modal-container{
    height: calc(100% - 25px) !important;
    margin: 0px auto !important;
}
div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal,div.custombox-modal-wrapper[data-custombox*="modal-center"] .custombox-modal{
height:100%;
}
div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal,div.custombox-modal-wrapper[data-custombox*="modal-center"] .custombox-modal .modal
{
	display: block;
    width: auto;
    margin-top: 10px;
    height: 100%;
}
div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal .container,div.custombox-modal-wrapper[data-custombox*="modal-center"] .custombox-modal .modal .container{
    height: 100%;
}
div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal .container .wrapper,div.custombox-modal-wrapper[data-custombox*="modal-center"] .custombox-modal .modal .container .wrapper{
    height: 100%;
}
div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal .container .wrapper .content-wrapper{
    height: 100%;
    overflow-y:auto;
}
div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal .container .wrapper .unavailable-item-container{

    max-height: inherit;
    margin-bottom: 25px;
    padding-bottom:35px
}
div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal .action{
   position: absolute;
    bottom: 0;
    background: white;
    padding: 15px 110px 15px 115px;
    display: flex;
    justify-content: center;
    width: 100%;
}
div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal .action .btn{

}

@media only screen and (min-width: 1024px)
{
 div.custombox-modal-wrapper[data-custombox*="modal-center"] .container{
    padding-top:50px
    }
    div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal{
position:relative;
    }
}


@media only screen and (max-width: 480px){
    div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal .action{
        left: 25px;
        right: 25px;
        padding: 15px 0px;
        width: auto;
    }
    div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal .container .wrapper .unavailable-item-container{
	    padding-bottom:20px;
    }
    div.custombox-modal-wrapper[data-custombox*="modal-center"] .custombox-modal .modal .container .wrapper{
        display:flex;
        align-items:center;
    }
    div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal .action .btn{
    min-width:50%;
    width:50%;
    padding-bottom: 0px;
    margin-bottom: 0px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 992px) {
    div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal .action{
    left: 88px;
    padding: 15px 15px 15px 15px;
    width: auto;
    }
     div.custombox-modal-wrapper[data-custombox*="full-modal"] .custombox-modal .modal .action .btn{
     margin-bottom:0px;
     min-width:192px;
     width:192px;
     }
}